@font-face { font-family: CalibriBold; src: url(font/calibrib.ttf);}
@font-face { font-family: CalibriRegular; src: url(font/calibri.ttf);}

body{
	background-image: 			url('images/Background.JPG');
	background-size:     		cover;                      
    background-repeat:   		no-repeat;
    background-position: 		center center;
	font-family:				CalibriRegular; 
}
.WebTextBox{
	border:					1px solid #173162; 
	color:					#333333;
	border-bottom:			1px solid #173162;
	padding:				0px;
	padding-left:			4px; 
	height:					25px; 
	margin-left:			3px; 
	font-family: 			CalibriRegular; 
	font-size: 				14px; 
	padding-top:			3px;
	-moz-border-radius: 	4px; 	
	border-radius:			4px;
}
.WebTextBox:focus{
	background:				#ffffcc; 
	color:					#000040;
	-webkit-border-radius: 	4px;
	-moz-border-radius: 	4px; 	
	border-radius:			4px; 
	box-shadow: 			1px 0px 1px 0px #000022;
}
.WebTextBox:hover{
	-webkit-border-radius: 	4px; 
	-moz-border-radius: 	4px;
	border-radius:			4px;
	color:					#000040;
	box-shadow: 			1px 1px 1px 1px #000022;
}
.WebButton{
	position:				relative;  
	-moz-border-radius:		6px;  
	webkit-border-radius:	6px; 	 
	border-radius:			6px;
	height:					30px;  
	border:					0px solid #173162; 
	color:					#FFFFFF; 	
	font-family:			CalibriRegular; 	
	font-size:				14px;  
	font-weight:			bold; 	 
	padding:				1px 10px; 
	padding-left:			10px; 
	padding-right:			10px;
    text-decoration:		none; 
    cursor:					pointer; 
    margin:					3px;
	background-color:		#184168;
	/* background:             -webkit-linear-gradient(top,#caccca 3%, #FFFFFF 10%,#caccca 100%);
	background:             -moz-linear-gradient(top,#caccca 3%, #FFFFFF 10%,#caccca 100%);
	background:             -o-linear-gradient(top,#caccca 3%, #FFFFFF 10%,#caccca 100%);
	background:             -ms-linear-gradient(top,#caccca 3%, #FFFFFF 10%,#caccca 100%);
	background:             linear-gradient(top,#caccca 3%, #FFFFFF 10%,#caccca 100%);  */
	text-align: 			left;
	text-indent: 			40;
}
.WebButton:hover { 
	color:					#551111;  
	box-shadow: 			1px 1px 5px 1px #ffa447 inset;
}
.WebButton:active {
	color:					#DC0000;  
	box-shadow: 			1px 1px 5px 3px #c4c4c4 inset; 
	padding-top:			2px;
   	background:             -webkit-linear-gradient(bottom,#9c9c9c 5%, #FFFFFF 10%,#9c9c9c 100%);
   	background:             -moz-linear-gradient(bottom,#9c9c9c 5%, #FFFFFF 10%,#9c9c9c 100%);
   	background:             -o-linear-gradient(bottom,#9c9c9c 5%, #FFFFFF 10%,#9c9c9c 100%);
   	background:             -ms-linear-gradient(bottom,#9c9c9c 5%, #FFFFFF 10%,#9c9c9c 100%);
   	background:             linear-gradient(bottom,#9c9c9c 5%, #FFFFFF 10%,#9c9c9c 100%);
}
.logo{
	position:					absolute;
	top:						0%;
	left:						0%
}
.txt-header{
	position:					absolute;
	top:						0%;
	left:						410px;
	width: 						955px;
	height: 					182px;
	background-image: 			url(images/whiteheader.JPG);
	background-size: 			contain; 
	background-repeat: 			right-side;
	background-position: 		center center;
}
#txtsearchee{
	position:					absolute;
	width:						400px;
}
#searchee{
	width:						580px;
}
#login-module{
	position:					absolute;
	left:						670px;
	top:						88px;
}
#username{
	width:						190px;
}
#password{
	width:						190px;
}
#clrBtn{
	text-indent:			30px;
	width: 					90px;
	background-image: 		url('images/clear.png');
	background-repeat: 		no-repeat;
	background-position: 	left;
}
#lgnBtn{
	text-indent:			30px;
	width: 					90px;
	background-image: 		url('images/login.png');
	background-repeat: 		no-repeat;
	background-position: 	left;
}
#fndBtn{
	text-indent:			30px;
	width: 					90px;
	background-image: 		url('images/find.png');
	background-repeat: 		no-repeat;
	background-position: 	left;
}
#hmBtn{
	text-indent:			30px;
	width: 					100px;
	background-image: 		url('images/home.png');
	background-repeat: 		no-repeat;
	background-position: 	left;
}
#miBtn{
	text-indent:			30px;
	width: 					170px;
	background-image: 		url('images/find.png');
	background-repeat: 		no-repeat;
	background-position: 	left;
}
#mrBtn{
	text-indent:			30px;
	width: 					170px;
	background-image: 		url('images/register.png');
	background-repeat: 		no-repeat;
	background-position: 	left;
}
#mmBtn{
	text-indent:			30px;
	width: 					175px;
	background-image: 		url('images/manage.png');
	background-repeat: 		no-repeat;
	background-position: 	left;
}
#maBtn{
	text-indent:			30px;
	width: 					120px;
	background-image: 		url('images/account.png');
	background-repeat: 		no-repeat;
	background-position: 	left;
}
#lgtBtn{
	text-indent:			30px;
	width: 					120px;
	background-image: 		url('images/logout.png');
	background-repeat: 		no-repeat;
	background-position: 	left;
}
#giBtn{
	text-indent:			30px;
	width: 					200px;
	background-image: 		url('images/geninfo.png');
	background-repeat: 		no-repeat;
	background-position: 	left;
}
#viBtn{
	text-indent:			30px;
	width: 					200px;
	background-image: 		url('images/visinfo.png');
	background-repeat: 		no-repeat;
	background-position: 	left;
}
#piBtn{
	text-indent:			30px;
	width: 					200px;
	background-image: 		url('images/perinfo.png');
	background-repeat: 		no-repeat;
	background-position: 	left;
}
#aiBtn{
	text-indent:			30px;
	width: 					200px;
	background-image: 		url('images/addinfo.png');
	background-repeat: 		no-repeat;
	background-position: 	left;
}
#cnfmBtn{
	text-indent:			30px;
	width: 					120px;
	background-image: 		url('images/confirm.png');
	background-repeat: 		no-repeat;
	background-position: 	left;
}
#clrBtn1{
	text-indent:			30px;
	width: 					120px;
	background-image: 		url('images/clear.png');
	background-repeat: 		no-repeat;
	background-position: 	left;
}
#cnclBtn{
	text-indent:			30px;
	width: 					120px;
	background-image: 		url('images/cancel.png');
	background-repeat: 		no-repeat;
	background-position: 	left;
}
#unbndBtn{
	text-indent:			30px;
	width: 					120px;
	background-image: 		url('images/unbanned.png');
	background-repeat: 		no-repeat;
	background-position: 	left;
}
#bndBtn{
	text-indent:			30px;
	width: 					120px;
	background-image: 		url('images/ban.png');
	background-repeat: 		no-repeat;
	background-position: 	left;
}
#dltBtn{
	text-indent:			30px;
	width: 					120px;
	background-image: 		url('images/delete.png');
	background-repeat: 		no-repeat;
	background-position: 	left;
}
#edtBtn{
	text-indent:			30px;
	width: 					120px;
	background-image: 		url('images/edit.png');
	background-repeat: 		no-repeat;
	background-position: 	left;
}
#notcs{
	position:				absolute;
	top:					230px;
	right:					10px;
	height:					300px;
	overflow-y:				auto;
}
#ntc-hearer{
	position:				absolute;
	top:					200px;
	right:					10px;
	width:					215px;
	background-color:		red;
}
.ntc-title{
	background-color:		White;
	text-align:				center;
	color:					Red;
}
#result{
	position:				absolute;
	top:					200px;
	right:					10px;
	height:					400px;
	width:					780px;
}
#hresult{
	position:				absolute;
	top:					100px;
	left:					290px;
	height:					400px;
	width:					780px;
}
#txtFName{
	width:					218px;
}
#txtMName{
	width:					218px;
}
#txtLName{
	width:					218px;
}
#bday{
	width:					218px;
}
#salute{
	width:					150px;
}
#ptype{
	width:					150px;
}
#contype{
	width:					150px;
}
#con{
	width:					150px;
}
#lname{
	width:					150px;
}
#gender{
	width:					150px;
}
#mail{
	width:					150px;
}
#emailadd{
	width:					150px;
}
#mname{
	width:					150px;
}
#cstat{
	width:					150px;
}
#fname{
	width:					150px;
}
#nationality{
	width:					150px;
}
#bdate{
	width:					150px;
}
#ageno{
	width:					150px;
}
#ctype1{
	width:					150px;
}
#ctype2{
	width:					150px;
}
#idno1{
	width:					150px;
}
#idno2{
	width:					150px;
}
#hght{
	width:					150px;
}
#wght{
	width:					150px;
}
#ecolor{
	width:					150px;
}
#hcolor{
	width:					150px;
}
#hmheader{
	position:				absolute;
	top:					0%;
	left:					0%;
	height:					83px;
	width: 					1365px;
	background-image: 		url(images/homehead.jpg);
	background-size: 		contain; 
	background-repeat: 		no-repeat;
	background-position: 	center center;
}
#h-controls{
	position:				absolute;
	top:					40px;
	right:					0px;
}
#output{
	position:				absolute;
	top:					83px;
	left:					0px;
	width:					1365px;
	height:					575px;
	color:					White;
}
#controlpanel{
	position:				absolute;
	top:					10px;
	left:					10px;
	width:					207px;
	height:					558px;
}
#variables{
	position:				absolute;
	top:					10px;
	left:					217px;
	width:					1145px;
	height:					458px;
	color:					White;
	color:					white;
}
#memberlist{
	position: 				absolute;
	top:					30px;
	left:					5px;
	height:					540px;
	width:					795px;
}