/* 
    Document   : Styles
    Created on : Oct 23, 2012, 9:13:24 PM
    Author     : Osagie Ehigiato
    Description:
        Purpose of the stylesheet follows.
*/

body{
	background-image:url('../img/b6.png');
        /*background: #b8b8b8;*/
	font-family:"Book Antiqua", Arial;
        margin:0;
        padding:0;
}

#background{
    
        /*background-repeat: no-repeat;
        background-attachment: fixed;
        background-size: 100%;
        opacity: 0.8;*/
}



/*-----------------------------------------------------------------------------------*/
/* Header */
/*-----------------------------------------------------------------------------------*/

#header {
  position: relative;
  margin-top: 3px;
  margin-left: auto;
  margin-right: auto;
  padding: 10px;
  height: 110px;
}
#header.container {
  background-color: #ffffff;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  height: 85px;
  width: 100%;
  position: relative;
}
/* Logo */

#header .logo a {
  margin-right: 50%;
  top: 15px;
  display: block;
  position: relative;
  z-index: 20;
}

#header p.site-slogan {
  color: #204384;
  font-size: 11px;
  letter-spacing: 8px;
  margin: 0;
  padding: 0;
  right: 17%;
  text-align: right;
  top: 80px;
  position: absolute;
  z-index: 20;
  white-space: nowrap;
}



/*-----------------------------------------------------------------------------------*/
/* Top Menu - Hornav */
/*-----------------------------------------------------------------------------------*/






/* ================================================ main-menu ==================================== */
#main-menu 
{
 padding: 0;
 margin-left:auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
 list-style: none;
 position: relative;
 background-color: #f4f4f4;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  height: 49px;
 font: 10px/12px 'Lucida Grande', Arial, sans-serif;
 width: 70%;
 z-index: 4000;
}

#main-menu li 
{
 list-style: none;
 padding: 0;
 margin: 0;
 position: relative;
 float: left;
 line-height: 42px;
}

#main-menu li a 
{
 margin: 0;
 padding-top: 10px;
 padding-right: 13px;
 padding-bottom: 0;
 padding-left: 13px;
 display: block;
 line-height: 42px;
 color: #46b859;
 text-transform: uppercase;
 font-size: 13px;
}

#main-menu li a:hover 
{
 text-decoration: none;
 /*background-image: url('images/active_nav_bg.jpg');*/
 background-repeat: repeat-x;
 color: #999;
}

#main-menu li ul 
{
 margin: 0;
 padding: 0;
 list-style: none;
 display: none;
 position: absolute;
 width: 200px;
 z-index: 3000;
 top: 41px;
 _top: 42px;/*IE6 fix*/

 left: -1px;
 background-color: #F8F8F8;
 border-color: #ddd;
 border-width: 1px;
 border-style: solid;
 border-top-width: 0;
 border-right-width: 1px;
 border-bottom-width: 1px;
 border-left-width: 1px;
}

#main-menu li ul li 
{
 margin: 0;
 position: relative;
 border-color: #fff;
 border-width: 1px;
 border-style: solid;
 border-top-width: 0;
 border-right-width: 1px;
 border-bottom-width: 1px;
 border-left-width: 1px;
 border-top-color: #ebebeb;
 border-top-width: 1px;
 border-top-style: solid;
 line-height: 20px;
 padding: 0;
}

#main-menu li ul li a 
{
 padding-top: 0;
 padding-right: 10px;
 padding-bottom: 0;
 padding-left: 10px;
 margin: 0;
 width: 178px;
 color: #999;
 font-size: 12px;
 line-height: 30px;
}

#main-menu li ul li a:hover 
{
 background-image: none;
 color: #555;
}

#main-menu li ul li ul 
{
 position: absolute;
 top: -1px;
 left: 199px;
 margin: 0;
 z-index: 2000;
}

#main-menu li:hover ul ul, #main-menu li:hover ul ul ul, #main-menu li:hover ul ul ul ul 
{
 display: none;
}

#main-menu li:hover ul, #main-menu li li:hover ul, #main-menu li li li:hover ul, #main-menu li li li li:hover ul 
{
 display: block;
}

#main-menu li.current_page_item, #main-menu li.current-cat 
{
 /*background-image: url('images/active_nav_bg.jpg');*/
 background-repeat: repeat-x;
}

#main-menu li li.current_page_item, #main-menu li li.current-cat 
{
 background-image: none;
}

#main-menu li.current_page_item a, #main-menu li.current-cat a 
{
 color: #555;
}

/* ========= main menu ends ================= */
/* ===============================================Layout for Task bars ==========================================*/
#task_bar {
	background-color:rgba(252, 250, 250, 1); /*rgba(221, 221, 221, 0.19);*/
	width:69%;
	margin:auto;
	padding: 40px 10px 10px 10px;
	position:relative;
}

#task_bar p#imgdes{
	font-size:12px;
        font-weight:bold;
	color:#000000;	
	text-align:center;
	margin-top:1px;
}


#task_bar img{
	border:none;
	width: 90px;
	height: 80px;
	padding-right: 25px;
	padding-left: 25px;
}

#task_bar img:hover  {
	transform: scale(1.5, 1.5);
	-webkit-transform: scale(1.5, 1.5);
	-moz-transform:scale(1.5, 1.5);
	border-color:1px solid #fff;
}


/* =========== End Task bar ==================================================== */

/* ====================================== LAYOUT FOR m_form =========================================== */
#m_form {
	padding:10px;
	width:400px;
	border-radius:20px;
}

#m_form label{
    display: block;
    font-weight: bold;
    line-height: 1.4;
    color: black;
    text-shadow: 0 1px 1px #fff;
}

#m_form input[type="text"]{
width:200px;
padding: 2px;

border-right:1px solid #eee;
border-left: 1px solid #ccc;
background-color: #eee;
border-radius:4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;

background-image: -webkit-gradient(linear, 0% 0%, 0% 12%, from(#999), to(#fff));
background-image: -moz-linear-gradient(0% 12% 90deg, #fff, #999);

}

#m_form input[type="password"]{
width:200px;
padding: 2px;
color: #666;
border-right:1px solid #eee;
border-left: 1px solid #ccc;
background-color: #fff;
border-radius:4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;

background-image: -webkit-gradient(linear, 0% 0%, 0% 12%, from(#999), to(#fff));
background-image: -moz-linear-gradient(0% 12% 90deg, #fff, #999);

}
#m_form input[type="submit"]{
    padding: 8px 15px;
    font-family: Helvetica, Arial, sans-serif;
    font-weight: bold;
    line-height: 1;
    color: #444;
    border: none;
    background-color: #fff;
    -webkit-border-radius: 23px;
    -moz-border-radius: 23px;
    -o-border-radius: 23px;
    border-radius: 23px;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#bbb));
    background-image: -moz-linear-gradient(0 100% 90deg, #fff, #bbb);
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.85); /* Add text shadow to make the type sink in */
    /* Add box shadow to the button */
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

#m_form input[type="reset"]{
    padding: 8px 15px;
    font-family: Helvetica, Arial, sans-serif;
    font-weight: bold;
    line-height: 1;
    color: #444;
    border: none;
    background-color: #fff;
    -webkit-border-radius: 23px;
    -moz-border-radius: 23px;
    -o-border-radius: 23px;
    border-radius: 23px;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#bbb));
    background-image: -moz-linear-gradient(0 100% 90deg, #fff, #bbb);
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.85); /* Add text shadow to make the type sink in */
    /* Add box shadow to the button */
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}
#m_form input[type="submit"]:hover{
    -webkit-box-shadow: 0 0 12px #036fab;
    -moz-box-shadow: 0 0 12px #036fab;
	box-shadow:0 0 12px #036fab;
}
#m_form input[type="reset"]:hover{
    -webkit-box-shadow: 0 0 12px #036fab;
    -moz-box-shadow: 0 0 12px #036fab;
	box-shadow:0 0 12px #036fab;
}

/* ======================== fed_form styling ======================================  */
#fed_form .label-field{
    min-height: 40px;
    width: 600px;
    padding-top: 3px;    
    border-bottom: 1px solid #036fab;
}
#fed_form label{
    color: #444;
    display: block;
    font-size: 14px;
    font-family: Arial;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0px;
    margin-left: 0;
    float: left;
    width: 200px;
    padding-top: 10px;
    font-weight: 600;
}

#fed_form #subs{
    margin-left: 220px;
}
#fed_form input[type='text'], #fed_form input[type='password'], #fed_form input[type='email'], #fed_form input[type='date'],
    #fed_form input[type='file']{
    background-color: #eee;
    border-color: #c6c6c6;
    border-width: 1px;
    border-style: solid;
    margin-top: 5px;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 10px;
    width: 205px;
    height: 17px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    padding: 5px;
}

#fed_form input[type='text']:focus {
    background-color:#ffffff;
    border:none;
}
#fed_form select{
    background-color: #eee;
    border-color: #c6c6c6;
    border-width: 1px;
    border-style: solid;
    margin-top: 5px;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 10px;
    width: 215px;
    height: 27px;
    padding-top: 3px;
    padding-right: 6px;
    padding-bottom: 3px;
    padding-left: 6px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}
#fed_form select:focus{
    background-color: #fff;
}
#fed_form #ordbtn{
    margin:auto;
    padding: 7px 10px;
    color: #fff;
    background: #27292B;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    font-weight: bold;
    font-size: 14px;
    border: none;
    font-family: arial;
    cursor: pointer;
}

#fed_form input[type='submit']{    
    margin-top: 30px;
    margin-left: 270px;
    padding: 7px 10px;
    color: #fff;
    background: #27292B;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    font-weight: bold;
    font-size: 14px;
    border: none;
    font-family: arial;
    cursor: pointer;
}


#fed_form input[type='submit']:hover, input[type='reset']:hover {
    background: #373B3F;
}

/* ================== end m_form ========================*/

#footer{
    clear:both;
    background: #000;
    padding:20px 0px;
    -webkit-border-radius: 0px 0px 5px 5px;
    border-radius: 0px 0px 5px 5px; 
    width:100%;
    margin: auto;
    position:static;
}
.copyright{
    color:#ddd;
    text-align:center;
    margin-left: 50px;
    font-family:sans-serif, Geneva, Arial;
    font-size:12px;
}


/* ======================================= contents section ========================================= */
#content {
	background-color:#fff;
	width:69%;
	margin-top: 0;
        margin-left: auto;
        margin-right: auto;
	padding:6px;
	position:static;
        min-height: 400px;
        opacity: 1.0;
}
#content h2{
	color:#6D2B2B;
}

#content01{
    clear:both;
    background-color:#fff;
    width:69%;
    margin:auto;
    padding:15px 5px 5px 10px;
    padding-left:14px;
    min-height: 500px;
    position:static;
}


#content01 #title, #content011 #content #title{    
    border-bottom: 2px solid #D55E0F;
    
    height: 55px;
    padding-bottom: 5px;
    margin-bottom: 50px;
    margin-top:20px;
    font-family: verdana, Arial;
    font-size: 0.9em;
}
#content01 #title img, #content011 #content #title img{
    float:left;
    width:50px;
    height: 50px;
    padding-right: 5px;
}
#p {
    float:left;
}
#content01 #title #topsearch{	
	background-color:#eee;
	width:335px;
	padding:7px;
	float:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
}
#content01 #title a{
    float:right;
    margin-right: 30px;
}
#content #title #notes, #content011 #content #title #notes {
    float:left;
}



#content01 #studentsearch{
	clear:right;
	background-color:#eee;
	width:335px;
	padding:7px;
	float:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
}

#content01 .studentsearch2{
	clear:right;
	background-color:#eee;
	width:335px;
	padding:7px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
}

#content01 #studentdetails2 tr td {
	padding-right:15px;
	
}
#content01 #studentdetails2 tr:first-child{
	color:#000;
	
}

#content01 #studentdetails3 tr td {
	padding-right:15px;
	
}
#content01 #studentdetails3 tr:first-child{
	color:#fff;
	background-color:#190B20;
}
#content01 #studentdetails3 tr:nth-child(2n) {
	background-color:#eee;
	
}

#content01 #studentdetails3 tr:hover {
	color:#9E7419;
	
}

#content01 #studentdetails3 a {
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
}



/* ================================ CONTENTRESULT =================================== */
#contentresult{
	background-color:#fff;
	width:69%;
	margin:auto;
	min-height:1600px;
	padding:10px;
	position:static;
        font-size: 15px;
}


#contentresult #studentdetails3 tr td {
	padding-right:10px;
	
}
#contentresult #studentdetails3 tr:first-child{
	color:#fff;
	background-color:#190B20;
}
#contentresult #studentdetails3 tr:nth-child(2n) {
	background-color:#eee;
	
}

#contentresult #studentdetails3 tr:hover {
	color:#9E7419;
	
}

#contentresult #studentdetails3 a {
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
}


#contentresult #siteheader{
    /*border: 1px solid #000;*/
    float: left;
    width: 100%;    
    clear: both;
}

/* #content01 result header display... */
#contentresult #siteheader img {
	float:left;
        margin-left: 2%;
}
#contentresult #siteheader #student-passport{
    margin-left: 595px;
}
#contentresult #siteheader #others{
    float:left;
    padding-left: 30px;
}

#contentresult #siteheader #others #sname {
	font-size:37px;
	font-weight:bold;
        text-align: center;
}
#contentresult #siteheader #othrs #saddress {
	font-size:20px;
	text-align:center;
}
#contentresult #siteheader #others #smotto {
	font-size:18px;
	/*text-align:center;*/
}

/* end ##content result header */

/* ============================STUDENT BIOS ====================== */
#contentresult #studentbios {
	float: left;
        
        width: 100%;
        font-size: 13px;
        /*border:1px solid #000;*/
        clear:both;
        margin-bottom: 5px;
}

#contentresult #alldomains{
    width: 100%;
   border:1px solid #000;
   clear: both;
}
#contentresult #studentbios #title {
	font-size: 18px;
        font-weight: bold;
}

#contentresult #studentbios #leftside{
    float:left;
    padding:5px;
    margin-right: 45px;
}
#contentresult #studentbios #rightside{
    float:left;
    padding:5px;
}


#contentresult #alldomains #academicdomain {
    float: left;
     /*border:1px solid #000;*/     
     width: 90%;
     margin-right: 20px;
}

#contentresult #alldomains #academicdomain tr td{
    padding: 5px;
}
#contentresult #alldomains #otherdomain{
    float:left;
    /*border:1px solid #000;*/
    padding-left: 10px;
   /*width:45%;*/
    font-size: 11px;
    margin-top:50px;
    
}

#contentresult #alldomains #otherdomain .domain{
    float: left;
    margin-right: 5px;
}
#contentresult #alldomains #otherdomain #notes{
    width: 100%;
    clear:both;
}

#contentresult #allresultdetails{
    width: 100%;
    clear: both;
    
}

#contentresult #allresultdetails #resultdetails{
   width: 47%;
   float:left;
   font-size: 11px;
   margin-bottom: 10px;
   font-family: "Trebuchet MS", Helvetica, sans-serif;
}

#contentresult #allresultdetails #commentsignature{
    float: left;
    width: 47%;
    border:1px solid #000;
    font-family: "Trebuchet MS", Helvetica, sans-serif;
}

#contentresult #allresultdetails #commentsignature tr td{
    padding-right: 40px;
}




#content011{
	background-color:#fff;
	width:99%;
	margin:auto;
	min-height:3000px;
	padding:5px;
	position:static;
}

#content011 #content #studentdetails3 tr td {
	padding-right:15px;
	
}
#content011 #content #studentdetails3 tr:first-child{
	color:#123946;
}
#content011 #content #studentdetails3 tr:nth-child(2n) {
	background-color:#eee;
	
}

#content011 #content #studentdetails3 tr:hover {
	color:#9E7419;
	
}

#content011 #content {
    clear: both;
    width: 70%;
    margin:auto;
}

#content011 #content #left {
	float:left;
	/*border-top:1px solid #eee;
	border-right:1px solid #ccc;*/
        background-image:url('../img/b6.png');
        padding-left:5px;
        padding-top:20px;
	width:230px;
        margin-right: 35px;
	
}

#content011 #content #left a {
    font-size: 14px;
    color: #92ACEB;
}
#content011 #content #left a:hover {
    color:#4F7CEB;
    
}
#content011 #content #right {
	float:left;
	padding:10px;
	clear:right;
}



/* ================================ Modules List Styles ============================ */
#modulecontainer {
    height: 60px;
    width: 100%;
    padding:10px;
    
}
#modulecontainer #innercontainer {
    background-color: #F8F6F0;
    padding:10px;
    height: 40px;
}
#modulecontainer #innercontainer:hover {
    background-color: #F8F6F0;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ccc;
    
}
#modulecontainer #innercontainer a {
    padding:40px;    
}
#modulecontainer #innercontainer a:hover {
    text-decoration: underline;
}

#modulecontainer #innercontainer #modulename{
    float:left;
    width:500px;
}

#modulecontainer #innercontainer #installoption {
    float: left;
    
}


/* ============================================ MISCELLENIOUS======================= ==== */

#error{
	color:#F00;
	font:Arial;
	font-size:12px;
	font-weight:bold;
}
#error_normal{
   color:#F00; 
}

#backunder{
	width:135px;
	border:1px solid #74002E;
	background-color:#272E01;
	border-radius:20px;
	padding:5px;
}
 a{
	color:#7F7FAA;
	text-decoration:none;
	text-align:center;
	padding-top:-5px;
	font-size:16px;
	font-weight:bold;
}
#backunder img{
	width:27px;
	height:29px;
}
#aroundform{
	border-top:1px solid #ccc;
	border-right:5px solid #ddd;
	border-left:2px solid #eee;
	width:410px;
	padding:20px;
}

#reciept_head {
	font-family:Helvetica, sans-serif;
	font-weight:bold;
	font-size:18px;
	color:#796015;
}
#reciept_motto {
	
}
#reciept_address {
	padding-top:-10px;
	font-weight:bold;
}


#notes{
	font-family:Arial, Tahoma;
	font-size:11px;
}
.notes {
    font-family:Arial, Tahoma;
    font-size:11px;
}
#resultnotes{
    font-family:Arial, Tahoma;
    font-size:12px;
}