@charset "utf-8";
/* CSS Document */.select{
	height:30px;
	background:#FFF;
	border:1px solid #CCC;
	color:#666;
	vertical-align:middle;
	padding:5px !important;
	line-height:30px !important;
}

.superScript{
	vertical-align:super;
	font-size:0.5em;
}

.redBg {
	background-color: #F30;
	color: #FFF;
	font-weight: bold;
	padding: 5px;
	font-size:14px;
}

#error a, .error a{
	color:#FFF;
}

.red{
	color:#F00;
}

.green{
	color:#060;
}

.greenBg{
	background-color:#902348;
	color:#FFF;
}
	
.greenClass {
	font-weight: bold;
	color: #060;
}

.box{
	border: 1px solid #000;
	padding:5px;
}

#lowerCharts {
	clear: both;
	float: none;
	width: 100%;
	height: auto;
	z-index: -1;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	position: static;
}
#rightCharts {
	float: right;
	width: 400px;
	background-color: #FFF;
}
#topCharts {
	width: 100%;
	margin-top: 10px;
	clear: both;
	float: none;
	position: static;
}

#chart_div {
	height: 220px;
	width: 200px;
}.overviewHeader{
	background:#902348;
	color:#FFF;
	text-align:left;
	font-weight:bold;
	padding:5px 10px;
}

#charts {
	clear: both;
	float: none;
	width: 740px;
	height: auto;
	overflow: hidden;
	position: relative;
	z-index: 0;
	padding-left: 10px;
	margin: 0px;
}

#chartdiv{
	margin-bottom:10px !important;
	border-bottom:2px solid #CCC !important;
	width:740px !important;
}

#overviewIcons {
	float: left;
	width: 330px;
	background-color: #FFF;
}

#reports{
	font-size:10px;
}

.smallTexts {
	font-size:9px;
}

mediumText{
	font-size:12px;
}

normalText{
	font-size:14px;
}

.profilePix{
	width:150px;
	min-width:150px;
	padding:10px;
	background:#FFF;
	border:#CCC 1px solid;
}

.signature{
	padding:10px;
	background:#FFF;
	border:#CCC 1px solid;
	height: 120px;
	width: auto;
}
.naira{
	text-decoration:line-through;
}

.capitalize{
	text-transform:capitalize;
}

.onLoad
{
    -webkit-animation:bounceIn 2s;
}

.buttons1{
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	letter-spacing:0.6px;
	word-spacing:2px;
	font-size:12px;
	background:#333;
	color:#EEE;
	height:25px;
	vertical-align:middle;
}

.buttons1:hover{
	background:#E67A17;
}

.boldRightAligned{
	text-align:right;
	font-weight:bold;
}

#profile, #searchResult, #profiles{
	margin:10px auto 20px auto;
	border: 1px #902348 solid;
	-moz-box-shadow: 0px 0px 10px 1px #000;
	-webkit-box-shadow: 0px 0px 10px 1px #000;
	box-shadow: 0px 0px 10px 1px #000;
	-webkit-border-radius: 0px 0 5px 5px; 
	-border-radius: 5px 5px 0px 0px; 
	border-radius: 5px 5px 0px 0px;
	
}

#profiles{
	-moz-box-shadow: 0px 0px 0px 0px #000;
	-webkit-box-shadow: 0px 0px 0px 0px #000;
	box-shadow: 0px 0px 0px 0px #000;
	width:650px;
	border:1px solid #902348;
	background:#FFF;
}

#profiles th,#profile th, #searchResult th{
	text-align:left;
	font-size:12px;
	font-weight:bold;
	width:120px;
	padding:5px;
	vertical-align:middle;
	text-shadow:#000;
	
}

#profile{
		background:#fefefe;
}

#searchResult th{
	width:auto;
	text-align:left;
	background:#902348;
	color:#FFF;
	height:15px;
}

#searchResult a:hover{
	text-decoration:underline;
}

.dateBg{
	background:#e9ffd9 ;
}

#error, #error2, #success, .error, .success, .warning{
	text-align:center;
	font-size:12px;
	border-radius:7px;
	width:98%;
	margin:10px auto;
	padding:10px 0;
}

#success, .success{
	background:#e9ffd9 url('../../images/success.png') no-repeat 10px 50%;
	border:1px solid #a6ca8a;
	color:#060;
}

#error, .error{
	background:#ffecec url('../../images/error.png') no-repeat 10px 50%;
	border:1px solid #f5aca6;
	color:#900;
}

.warning {
	color:#C30;
	background:#fff8c4 url('../../images/warning.png') no-repeat 10px 50%;
	border:1px solid #f2c779;
}

#error2{
	width:100%;
}
	

#profiles td,#profile td{
	font-weight:normal;
	font-size:11px;
	text-align:left;
	padding:5px;
	vertical-align:top;
}

#searchResult td{
	width:auto;
	text-align:left;
	padding:3px 5px;
}

#navButtons{
	float:right;
	text-align:left;
	padding-right:20px;
}

#recordNum{
	float:left;
	text-align:left;
	padding-left:20px;
}

#profile_th, .profile_th, #table_th, .table_th{
	background:#902348;
	color:#FFF;
	padding:10px 0;
	font-size:12px;
	font-weight:bold;
	letter-spacing:1px;
	text-transform:uppercase;
	background: #902348;
	margin-bottom:5px;
	margin-top:-5px;
	margin-left:-5px;
	margin-right:-5px;
}

.tableHeader{
	background-color:#E67816;
	color:#FFF;
	text-align:left;
	padding:5px 0 !important;
	padding-left:2px !important;
	font-size:14px;
	text-transform:uppercase !important;
	margin:0 !important;
	letter-spacing:1.1px;
}

.tableHeader a{
	color:#FFF !important;
}

.profile_th, .table_th{
	margin-bottom:-5px;
}

.profile_th a, #table_th a, .table_th a{
	color:#FFF;
}

.profile_th a:hover , #table_th a:hover , .table_th a:hover {
	color:#ccc;
}


 #table_th, .table_th{
	 text-align:left;
	 color:#FFF;
	 padding:20px;
 }
 
 .bg0_padded{
	 border: 1px solid #333;
 }

#container2{
	height:auto;
	width:auto;
	padding:10px;
	margin:0 auto;
}

#view{
	margin:2px auto !important;
	width:700px;
	min-width:700px;
	max-width:700px;
	border:#FFF 3px solid;
	cursor:default;
	background:#FFF;
	border-bottom:#000 2px solid;
}

#view th{
	color:#FFF;
	text-align:center;
	letter-spacing:1.5px;
	text-transform:capitalize;
}

#bg1 a, .bg1 a, #bg0 a, .bg0 a{
	color:#333;
}

#view a{
}

#dynamicContent a{
	color:#555;
}

#view a:hover, #dynamicContent a:hover{
	text-decoration:underline;
}

#view td{
	/*background:#eee;*/
	vertical-align:top;
	padding:1px 1px;
}

#view{
	border:#333 1px solid;
	margin:0px;
	background:#FFF;
	
}

.spanedText{
	letter-spacing:5px;
	word-spacing:40px;
	text-transform:uppercase;
	font-size:14px;
	color:#F00;
	background:#F7DFE3;
	text-align:center;
	font-weight:bold;
}

.fixedTextFields{
	width:180px;
	min-width:180px;
	max-width:180px;
	padding:5px;
	border:1px solid #CCC;
}

#view3, #view4{
	margin:0 auto;
	width:500px;
	border-bottom:#333 1px solid;
	border-top:#333 1px solid;
}

#view4{
	width:500px;
	background:#FFF;
	z-index:4;
}

#view4 th{
	text-align:left;
	color:#FFF;
}

#view4 td{
	text-align:left;
	vertical-align:top;
}#view4 a:hover{
	border-bottom: #000 1px solid;
	color:#000;
}

#view2 td{
	z-index:0;
}.bg1:hover ,#bg1:hover, .bg0:hover ,#bg0:hover{
	color:#000;
}

.bg0:hover ,#bg0:hover{
}

.gradient_header, #gradient_header{
	background:#902348 ;
}

.formbg{
	background:url(../../images/form_bg.png) repeat #9FF;
	width:800px;
	margin:0 auto;
}

#bg1, .bg1 {
	background:#fff;
	color:#666;
	filter: Gray;
	border-bottom:#333 solid 1px;
	border-top:#333 solid 1px;
}

#bg0, .bg0{
	background: #EEE;
	filter: Gray;
	color:#666;
	border-bottom:#333 solid 1px;
	border-top:#333 solid 1px;
}

 #bg1 a, .bg1 a, #bg0 a, .bg0 a{
	 color:#333 !important;
 }
 
  #bg1 a:hover, .bg1 a:hover, #bg0 a:hover, .bg0 a:hover{
	 color:#000 !important;
 }

#genotype, #surname, #bloodGroup, #state, #schoolAttended1, #schoolAttended2{
	text-transform:uppercase;
}

 #firstname, #localLanguage, #game, #privateHospital, #illness, #occupation, #nationality, #birthPlace{
	text-transform:capitalize;
}

.msgs{
	color:#666;
}


	
.redClass {
	font-weight: bold;
	color: #F00;
}
.listingTable td.faintRightBorder {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #B6B6B6;
}

.fullWidth{
width:90% !important;
}

@media print{

textarea, select, input, .form_textArea, .text_field{
	border:0 !important;
	width:auto !important;
	height:auto !important;
	overflow:visible !important;}
.buttons1, .hidden, .success, .error, .warning{
	visibility:hidden;
}
}

#dynamicContent > .bg1:first-child{
	background-color:#FBFC9E;
}

.bg1 > h1{
	font-variant:small-caps;
	letter-spacing:1px;
	line-height:30px;
}

#slidedom img{
	-webkit-box-shadow: 4px 6px 2px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    4px 6px 2px 0px rgba(50, 50, 50, 0.75);
box-shadow:         4px 6px 2px 0px rgba(50, 50, 50, 0.75);
border:5px solid #902348;
}

.rotate90{
	/* FF Chrome Opera etc */
-webkit-transform: rotate(-90deg); 
-moz-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
/* IE */
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
vertical-align:middle !important;
   padding: 15px 0;
   font-size:0.8em;
   text-align:right !important;
}


.registrationTable td, .registrationTable th{
	padding:5px 10px;
}