/** SCREEN
            : takes width and height of the screen.
            : FIXED only on DESKTOP. 
        **/

		@font-face {
			font-family: 'DejaVu Sans';
			src: url('fonts/DejaVuSans.eot?#iefix') format('embedded-opentype'),
			url('fonts/DejaVuSans.woff') format('woff'),
			url('fonts/DejaVuSans.ttf') format('truetype'),
			url('fonts/DejaVuSans.svg#dejavu_sanscondensed') format('svg');
		  }

		  @font-face {
			font-family: 'Ubuntu';
			src: url('fonts/Ubuntu-R.ttf') format('truetype');
		  }

		/*  */

		#SCREEN {
		    width: 100%;
		    height: 100%;
		    min-height: 480px;
		    min-width: 320px;
		    position: absolute;
		}

		/** PAGE
            : can be used to limit the size of internal contents on diff size screens;
            : else keep size as screen to cover complete screen;
        **/

		#PAGE {
		    height: 100%;
		    width: 100%;
		    /** same as the screen **/
		}

		/** BG_IMG
            : Background Image. Uses Vegas library;
            : Responsive. Needs to be FIXED, so that it does not move and out of flow.
            : Needs to fill complete screen.
        **/

		#BG_IMG {
		    position: fixed;
		    width: 100vw;
		    /** can be replaced with VW/VH too **/
		    height: 100vh;
		    opacity: .7;
		    /** Changes Depending Upon Image **/
		    z-index: -99999;
		    /** Should have the lowest Z INDEX **/
		}

		/* Global CSS for Login Forms */

		.input-field input[type=date]:focus+label,
		.input-field input[type=text]:focus+label,
		.input-field input[type=email]:focus+label,
		.input-field input[type=password]:focus+label {
		    color: #e91e63;
		}

		.input-field input[type=date]:focus,
		.input-field input[type=text]:focus,
		.input-field input[type=email]:focus,
		.input-field input[type=password]:focus {
		    border-bottom: 2px solid #e91e63;
		    box-shadow: none;
		}

		

::-webkit-scrollbar {
    width:4px;  /* remove scrollbar space */

}
/* optional: position indicator color override */
::-webkit-scrollbar-thumb {
    background: #aaaaaa;
}

.pagetitle {
	text-align: center;
}

ul li.bullets { margin-left: 10px; padding-left: 5px; list-style-type: square;}

table, th, td .bordered { border: 1px solid black; padding: 1px; text-align: center;}