@charset "utf-8";
/* CSS Document */
#titlehead{
	width:100%;
	margin:0 0 0 0;
	vertical-align:middle; 
	color:#007DB9;
	padding:5px 0 5px 25px;	
    text-shadow: 2px 4px 3px rgba(0,0,0,0.3);
	background:url(../images/orange_bullet.gif) 10px center no-repeat;
	}
#titlehead b{font-size:1.2em;}
#titlehead img, #titlehead td{ vertical-align:middle; padding-bottom:3px;}
	
.databoard{ 
	width:98%;
	margin:10px auto 10px auto;
}


#databoard_inner{ 
	width:100%; 
	float:left; 
	clear:right; 
	border:1px solid #EBEBEB; 
	margin-bottom:15px;
}
.photo{ border:1px solid #E6E6E6; background:#FAFAFA; padding:5px;}

.tbl_border_light{ border:1px #F7F7F7 solid;}
.tbl_border td{border:1px #E9E9E9 solid;}

.tbl_idcard{border:5px #E9E9E9 solid; background-image:url(../images/icddrb_logo_large.png);}
.tbl_certificate{border:5px #E9E9E9 solid; background:url(../images/icddrb_logo_large.png) center no-repeat;}

.tbl_noborder, .tbl_noborder td{ border:none;}

.tbl_form{
	border-top:1px #D3D3D3 dashed; background:#F0F0F0;
}
.tbl_form tr td, .tbl_form td{
	border-bottom:1px #D3D3D3 dashed;
	}

.normal_tbl{
	border-top:1px #E9E9E9 solid;
	border-right:1px #E9E9E9 solid;
	margin:0px 0px 0px 0px;
	}
	
.normal_tbl tr td, .normal_tbl td{
	height:auto;
	line-height:normal;
	color:#161616;
	vertical-align:top;
	border-bottom:1px #E9E9E9 solid;
	border-left:1px #E9E9E9 solid;
	padding:3px 3px 3px 3px;
	}


/*.gridhead{ background:url(../images/boxbgrev.jpg) top repeat-x; font-weight:bold;}*/
.gridhead{ background:#47A3AD;}
.normal_tbl .gridhead td{font-weight:bold; color:#FFF; vertical-align:middle;}

.even{ background:#F8F8F8;} .even:hover{ background:#ECBC62;}
.odd{ background:#FFF;}     .odd:hover{ background:#ECBC62;}


.form_tbl{
	border-top:1px #E9E9E9 solid;
	border-right:1px #E9E9E9 solid;
	margin:0px 0px 0px 0px;
	}
.form_tbl td{
	height:auto;
	font-size:11px;
	color:#373737;
	vertical-align:top;
	border-bottom:1px #E9E9E9 solid;
	border-left:1px #E9E9E9 solid;
	padding:5px 3px 5px 3px;
	}

#pagination{
	width:auto;
	font-size:8pt;
	margin:0 0 0 0;
	padding:10px 0 10px 0;
	height:auto;
	background:url(../images/boxbgrev.jpg) bottom repeat-x;
	}
#pagination a{font-size:8pt;}	
	
#form .field {
	margin-bottom:10px;	
	}

#form label{   
    display: block; 
	float: left; 
	font-weight: bold; 
	margin-right:10px; 
	text-align: right; 
	width: 150px; 
	line-height: normal; 
	font-size:0.9em;
	cursor: pointer;	
	}	
input, select, textarea, .select_input{ 	
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius:3px;
	background-color: #eaeaea;
	background: -moz-linear-gradient(top, #F9F9F9, #FEFEFE);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #ffffff), color-stop(1.0, #f2f2f2));
	border: 1px solid #369;	
	color: #2F2F2F;
	padding: 7px 5px;
	font-size:8.5pt;
}

input:hover, select:hover, textarea:hover { 
	border:1px solid #A6A6A6; 
	-moz-box-shadow: 0 0 5px #A3A3A3;
	-webkit-box-shadow: 0 0 5px#A3A3A3;
	box-shadow: 0 0 5px #A3A3A3;
	}
	
input:active, select:active, textarea:active {
	border:1px solid #A6A6A6; 
	background: #F9F9F9;
	-moz-box-shadow: 0 0 5px #A3A3A3;
	-webkit-box-shadow: 0 0 5px#A3A3A3;
	box-shadow: 0 0 5px #A3A3A3;
	}
	
input:focus, select:focus, textarea:focus {
	border:1px solid #A6A6A6; 
	background: #F9F9F9;
	-moz-box-shadow: 0 0 5px #A3A3A3;
	-webkit-box-shadow: 0 0 5px#A3A3A3;
	box-shadow: 0 0 5px #A3A3A3;
	}
.full_input, #full_input{width:98%; padding-left:0px; padding-right:0px;}
.login_input{
	width:200px;
	padding:10px 10px;
	}
.login_input_mini{
	width:95px;
	padding:10px 10px;
	}	

.micro_input{
	width:70px;
	}
	
.semi_input{
	width:100px;
	}	
	
.mini_input, select .mini_input{
	width:150px !important;
	}
.small_input{
	width:250px;
	}

.small_input300{
	width:300px;
	}
	
.large_input{
	width:350px;
	}
.mega_input{
	width:500px;
	}	
#required{color:#F30; font-weight:normal; font-size:10px;}

::selection {
background-color: #E13300;
color: white;
}

.checkboxList{
	font-size:10px; float:left; width:240px; margin:2px; text-align:left; border:1px dotted #E3E3E3; line-height:normal;
	background:#EDEDED; height:20px;
}

.checkboxList:hover{background:url(../images/boxbgrev.jpg) repeat-x;}