/* CSS Document for default layout.*/
/**
Author: ADEFOKUN Tomiwa M.
Email: tomiwa.adefokun@progenicscorp.com
*/
body{
   /*background: #dddddd url(../../../images/Background.jpg) repeat left top;*/
   background: #6a8698;
}
form{margin: 0px;}
*{
   font-family: arial;
   font-size: 13px;
}

#content{
    padding: 10 10 10 20;
	width: 760px;
}
div.searchBlock{
   right: 0px;
   background-color: beige;
   padding: 2px;
   text-align: right;
}
div.searchBlock b{
    font-size: 12px;
	color: darkblue;
}
div.searchBlock i{
    font-size: 12px;
	color: #aaaaaa;
	font-weight: bold;
}
div.searchBlock span.keywords{
   float: left;
   font-weight: bold;
   font-size: 13px;
   padding: 5px;
   color: #666666;
}
#master{
   background: #ffffff;
   border: 1px solid #ffffff;
}
#leftcol{
    border-right: 1px solid #6a8698;
	width: 200px;
	background-color: lightblue;
	padding: 2 0 10 2
}
#footer{
    text-align: center;
	font-size: 10px;    
	border-top: 1px solid #6a8698;
	background-color: #dddddd;
	color: #666666;
}

#header{
   height: 150px;
   background: #dddddd url(../../../images/banner.jpg);
   background-repeat: no-repeat;
   text-decoration: underline;
   color: #cccccc;
   font-size: 27px;
   padding: 35 0 0 20;
}
.advert{
   display: block;
   background: #ffffff;
   border-top: 1px solid #6a8698;
   border-bottom: 1px solid #6a8698;
   margin-top: 1px;
   text-align: center;
   padding: 5 0 5 0;
}
#header .siteName{
   
}
.blockTitle{
   margin: 10 0 5 0;
   padding: 2 2 2 5;
   color: #ffffff;
   font-weight: bold;
   font-size: 13px;
   display: block;
   background: #ffb563;
   text-transform: uppercase;
}
table.block div.title{
    margin: 2 0 10 0;
    font-weight: bold;
}
.block div.title a{
   font-size: 11px;
   color: #336699;
}
.block div.text{
    color: #666666;
	font-size: 11px;
	line-height: 1.5em;
}
.block div.text b{
    font-size: 10px;
}
.block div.actions{
    font-size: 10px;
	color: #aaaaaa;
	text-align: right;
}
.block div.actions a{
    font-size: 10px;
}
.block td{
   padding: 4px;
   border: 1px solid #eeeeee;
   color: #666666;
   font-size: 12px;
   vertical-align: top;
   background-color: #dddddd;
}
table.list td{
   background-color: #eeeeff;
}
table.list div.text{
    text-align: justify;
	color: 666666;
}
form fieldset{
   border: 1px solid #c3d9ff;
   margin-bottom: 15px;
   PADDING: 20PX;
   width: 450px;
}
form fieldset dt{
 /* font-weight: bold;*/
}
form fieldset dd{
  padding:2px;
}
form .required{
  color: red;
}
form ul.errors{
  color: red;
}
textarea {
  height: 60px;
}
.bold{
   font-weight: bold;
}
.alert{

   background: lightgreen;
   border: 1px solid red;
   margin: 10 0 10 0;
   display: block;
   padding: 10px;
}
.alert li{
    font-weight: bold;
	font-size: 11px;  
    list-style: none;
}
.pageSubTitle{
   color: #CC0000;
   font-size: 16px;
   text-decoration: none;
   margin-bottom: 15px;
   text-transform: uppercase;
}
.table th{
   font-weight: bold;
   background-color: #eeeeee;
   color: darkblue;
}
.table td .text{
   width: 99%;
   height: 22px;
}
a{
   color: #009BEF;
}
a:hover{
   color: #CC0000;
   text-decoration: none;
}
.pager{
   margin: 25px 0px 25px 0px;
}
.tinyText{
   font-size: 11px;
   color:#aaaaaa;
}
.pager .link{
   background-color: #eeeeee;
   padding: 2px;
   color: #009BEF;
   margin-right: 5px;
   border: 1px solid #009BEF;
   text-decoration: none;
   font-size: 14px;
}
.pager a:hover{
   color: #666666;
   background-color: #ffffff;
   border: 1px solid #dddddd;
}
.pager span.disabled{
   color: #aaa;
   background-color: #eee;
   border: 1px solid #ddd;
}
.pager span.current{
   color: #CC0000;
   background-color: #ffffff;
   border: 1px solid #dddddd;
}
  .pager span.text{
   color: #aaaaaa;
   font-size: 15px;
}
.pager span.text b{
 font-style: italic;
}
.content, .content p, .content li{
   line-height: 1.4em;
   padding: 0px;
   font-size: 8pt;
   font-family: tahoma;
   text-align: justify;
}
.container{
   /*border: 1px solid darkblue;*/
}
.container div.list{
   
   background-color: #eeeeee;
   margin-bottom: 1px;
   border: 1px solid #aaa;
   height: 18px;
   padding: 2px; 
}
a.divlink{
  text-decoration: none;
  color: darkblue;
}
a.divlink div:hover{
   background-color: gold;
}
.container div.list li{
   display: block;
   float: left;  
   color: darkblue; 
   font-size: 12px;
   padding: 0px; 
   margin: 0px;
   padding-right: 5px;
   line-height: 1.6em;
   cursor: hand;
}
.container div.list li.name{
   width: 155px;
}
.container div.list li.subject{
   width: 300px;
}
.container div.list li.sentdate{
   width: 100px;
}
.container div.list li.checkbox{
  width: 20px;
}
.inlink{
  color: #bbb;
}
.inlink a{
  text-decoration: none;
}
.inlink a:hover{
  text-decoration: underline;
}
.indiv{padding: 3px;}
div .imgTitle{
  background-color: #dddddd;
  text-transform: capitalized;
  font-weight: bold;
  font-size: 12px;
  color: darkgreen;
  padding: 2px;
}

.content table img{
  border: 1px solid #004d84;
}
.pageTitle{
    font-weight: bold;
	font-size: 15px;
	color: #6a8c96;
	margin-bottom: 10px;
	text-transform: uppercase;
}

table.excel th{
    background-color: #dddddd;
	padding: 4px;
	text-align: center;
	border: 1px solid #cccccc;
	text-transform: capitalize;
	font-size: 12px;
	letter-spacing: 0.1em;
	color: #444444;
}
table.excel td{
   padding: 4px;
   border: 1px solid #eeeeee;
   color: #666666;
   font-size: 12px;
   vertical-align: top;
}
table.excelOrdinary{
   border: 1px solid #dddddd;
   background-color: #eeeeee;
}
table.excelOrdinary th{
   padding: 3;
   text-align: left;
   vertical-align: top;
   color: #222222;
}
table.excelOrdinary td{
   border: 0px;
   padding: 0px;
}
#breadcrumbs{
   padding-bottom: 20px;
}
.login{
   border: 1px solid #cccccc;
   background-color: #eeeeee;
}
.login th{
   font-size: 12px;
   background-color: #dddddd;
   padding: 1px;
}
.login .title{
  background-color: #c3d9ff;
  padding: 2px;
}
div.subContent a.tab{
	padding: 3 5 3 5;
	background-color: #eeeeee;
    display: block;
	margin: 10 10 0 0;
	border: 1px solid #aaaaaa;
	color: #666666;
    text-decoration: none;
	text-transform: capitalize;
    border-bottom: 0px;
	float: left;
}

div.subContent div.tabContainer{
    height: 10px;
}

div.subContent a.tab:hover{
   color: #ffffff;
   background-color: #aaaaaa;
}
div.subContent  a.currentTab{
   color: #ffffff;
   background-color: #aaaaaa;
}
div.subContent div{
   clear: both;
}
div.subContent div.paneContent{
   display: none;
   border: 1px solid #aaaaaa;
   padding: 10px;
}
div.fullSections div.paneContent{
   display: block;
   border: 0px;
   padding: 0px;
   margin-bottom: 20px;
}
div.paneContent, div.paneContent  div,div.paneContent  p,div.paneContent  li{
   color: #444444;
}
div.fullSections p{
   color: #004d84;
}
div.subContent div.currentPane{
   display: block;
   background-color: #f5fafe;
}
div.subContent div.subContentTitle{
   color: #cc0000;
   font-size: 17px;
   text-decoration: underline;
   margin: 10 0 15 0;
   font-family: georgia;
}

div#p2f a{
   color: #6a8698;
}
div#p2f span,div#p2f a.name{
   font-size: 10px;
   font-family: verdana;
}
div#p2f a.name{
   font-weight: bold;
   text-decoration: underline;
}
div#p2f span.credit{
}

.myButton{
  padding: 2px;  
  border: 1px solid gold;
  background-color: #6a8698;
  color: gold;
  text-decoration: none;
}
.myButton:hover{
   background-color: #ffb563;
   color: #ffffff;
   border: 1px solid #336699;
}