/**
 *  FILE: ROKO_rcl.css
 *
 *  ABSTRACTION:
 *    The CSS for the template interface of the MOFPED. 
 *    Supported by IE 4+ and Netscape 4+.
 *
 *  DOCUMENTS:
 *    None
 *
 *  AUTHOR:
 *    Mukasa Charles
 *
 *  CREATION DATE (2006/12/03):
 *    
 *	  
 *
 *  COPYRIGHT:
 *    Webvision limited. All Rights Reserved.
 *
 *  VERSION:
 *  1.0
 *
 *  NOTES:
 *    None
**/
.body {
	font-family: verdana, arial, helvetica;
	font-size: 11px;
	vertical-align:text-bottom;
}
.header {
	font-family: verdana, arial, helvetica;
	font-size: 12px;
	padding-left:0px;
	padding-top:10px;
	padding-bottom:0px;
	font-weight: bold;
	color: #000000;
}
.header2 {
	font-family: verdana, arial, helvetica;
	font-size: 11px;
	padding-left:0px;
	padding-top:10px;
	padding-bottom:0px;
	font-weight: bold;
	color: #8F9391;
}
.nav {
	font-weight: bold; 
	font-size: 10px; 
	color: #ffffff; 
	font-family: verdana, arial, helvetica; 
	text-decoration: none
}
a.nav:hover {
	font-weight: normal; 
	font-size: 10px; 
	color: #ff0000; 
	font-family: verdana, arial, helvetica; 
	text-decoration: none
}
.brief{
	font-family: verdana, arial, helvetica;
	font-size: 11px;
	font-weight: normal;
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
	color: #000000;
	background-color : #F7F7F7;
}
.ref{
	font-family: verdana, arial, helvetica;
	font-size: 11px;
	font-weight: normal;
	padding-top:10px;
	padding-left:5px;
	padding-right:10px;
	padding-bottom:5px;
	color: #000000;
}
.ref2{
	font-family: verdana, arial, helvetica;
	font-size: 11px;
	font-weight: normal;
	padding-top:2px;
	padding-left:5px;
	padding-right:10px;
	padding-bottom:5px;
	color: #000000;
}
.blue{
    font-family: verdana, arial, helvetica;
	font-size: 11px;
	font-weight: bold;
	color: #0000ff;
	text-decoration: none;
}
a:hover.blue{
    font-family: verdana, arial, helvetica;
	font-size: 11px;
	font-weight: bold;
	color: #ff0000;
	text-decoration: underline;
}
.blue2{
    font-family: verdana, arial, helvetica;
	font-size: 10px;
	font-weight: normal;
	color: #0000ff;
	text-decoration: underline;
}
a:hover.blue2{
    font-family: verdana, arial, helvetica;
	font-size: 10px;
	font-weight: none;
	color: #ff0000;
	text-decoration: underline;
}
.blue3{
    font-family: verdana, arial, helvetica;
	font-size: 11px;
	font-weight: normal;
	color: #0000ff;
	text-decoration: none;
}
a:hover.blue3{
    font-family: verdana, arial, helvetica;
	font-size: 11px;
	font-weight: normal;
	color: #ff0000;
	text-decoration: underline;
}
.black{
    font-family: verdana, arial, helvetica;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
a:hover.black{
    font-family: verdana, arial, helvetica;
	font-size: 11px;
	font-weight: bold;
	color: #ff0000;
	text-decoration: underline;
}
.grey{
	background-color : #8F9391;
}
.grey2{
	background-color : #DBE1DA;
}
.button {
	border-right: #CADFE6 0px solid; 
	border-top: #000000 0px solid; 
	border-left: #CADFE6 0px solid; 
	border-bottom: #000000 0px solid; 
	padding-top: 2px; 
	padding-left: 2px; 
	padding-right: 2px; 
	margin-bottom: 0px; 
	font-size: 11px; 
	width: 50px; 
	height: 20px; 
	cursor: pointer; 
	color: #000000; 
	font-family: arial,verdana,helvetica; 
	text-decoration: none;
	font-weight: Bold; 
	background-color: #499EF3;
}

.text{
	font-family: verdana, arial, helvetica;
	font-size: 11px;
	font-weight: normal;
	padding-top:5px;
	padding-left:2px;
	padding-right:2px;
	padding-bottom:5px;
	color: #000000;
	align:justify;
}
.text2{
	font-family: verdana, arial, helvetica;
	font-size: 11px;
	font-weight: normal;
	padding-top:0px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
	color: #000000;
	background-color : #F8F8F8;
	align:justify;

}
.text3{
	font-family: verdana, arial, helvetica;
	font-size: 11px;
	font-weight: normal;
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
	color: #000000;
	background-color : #FFFEE1;
	align:justify;

}
.text4{
	font-family: verdana, arial, helvetica;
	font-size: 11px;
	font-weight: normal;
	padding-top:0px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
	color: #000000;
	background-color : #FFFEE1;
	align:justify;
}
.text5{
	font-family: verdana, arial, helvetica;
	font-size: 11px;
	font-weight: Bold;
	padding-top:5px;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:5px;
	color: #000000;
	text-align: center;
	background-color : #FFCA95;
}
.gap{
	padding-left:20px;
	padding-bottom:20px;
}
.gap2{
	padding-top:20px;
	padding-bottom:20px;
}
.gapx{
	padding-left:0px;
	padding-bottom:20px;
}
.pic{
	padding-top:20px;
	padding-left:10px;
	padding-right:0px;
	padding-bottom:10px;
}
.pic2{
	padding-top:15px;
	padding-left:10px;
	padding-right:0px;
	padding-bottom:15px;
	background-color : #F8F8F8;
}
.pic3{
	padding-top:15px;
	padding-left:10px;
	padding-right:0px;
	padding-bottom:15px;
	background-color : #FFFEE1;
}
.pic4{
	padding-top:0px;
	padding-left:10px;
	padding-right:0px;
	padding-bottom:15px;
	background-color : #FBFBDB;
}
.picx{
	padding-top:10px;
	padding-left:10px;
	padding-right:0px;
	padding-bottom:2px;
}
.picy{
	padding-top:2px;
	padding-left:10px;
	padding-right:0px;
	padding-bottom:2px;
}
.picz{
	padding-top:5px;
	padding-left:10px;
	padding-right:0px;
	padding-bottom:5px;
}
.blueish{
	font-family: verdana, arial, helvetica;
	font-size: 10px;
	font-weight: bold;
	padding-top:0px;
	padding-left:10px;
	padding-right:0px;
	padding-bottom:0px;
	color: #ffffff;
	background-color : #D8E7EC;
}
.footer{
	font-family: verdana, arial, helvetica;
	font-size: 10px;
	font-weight: normal;
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
	color: #000000;
}
.content{
	font-family: verdana, arial, helvetica;
	font-size: 11px;
	font-weight: normal;
	padding-top:10px;
	padding-left:20px;
	padding-right:10px;
	padding-bottom:20px;
	color: #000000;
	text-align: justify;
}
.breadcrumps{
    font-family: verdana, arial, helvetica;
	font-size: 10px;
	font-weight: normal;
	color: #660000;
	text-decoration: none;
}
a:hover.breadcrumps{
    font-family: verdana, arial, helvetica;
	font-size: 10px;
	font-weight: normal;
	color: #ff0000;
	text-decoration: none;
}
.breadcrumps2{
    font-family: verdana, arial, helvetica;
	font-size: 10px;
	font-weight: bold;
	color: #660000;
	text-decoration: underline;
}
a:hover.breadcrumps2{
    font-family: verdana, arial, helvetica;
	font-size: 10px;
	font-weight: bold;
	color: #ff0000;
	text-decoration: none;
}
.date{
	font-family: verdana, arial, helvetica;
	font-size: 10px;
	font-weight: normal;
	padding-top:0px;
	padding-left:20px;
	padding-bottom:0px;
	color: #ffffff;
	background-color : #FF9704;
}
.yellow{
	font-family: verdana, arial, helvetica;
	font-size: 11px;
	font-weight: bold;
	padding-top:0px;
	padding-left:10px;
	padding-right:0px;
	padding-bottom:0px;
	color: #0000ff;
	background-color : #F8F878;
}
.purple{
	font-family: verdana, arial, helvetica;
	font-size: 11px;
	font-weight: bold;
	padding-top:0px;
	padding-left:10px;
	padding-right:0px;
	padding-bottom:0px;
	color: #ffffff;
	background-color : #CC99FF;
}
.login{
	font-family: verdana, arial, helvetica;
	font-size: 11px;
	font-weight: normal;
	padding-top:1px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:1px;
	color: #000000;
	background-color : #FFFEC3;
}
.tablo{
	background-color : #B2B4AE;
}
.header_tab{
	font-family: verdana, arial, helvetica;
	font-size: 11px;
	font-weight: normal;
	padding-top:4px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:4px;
	color: #000000;
	background-color : #EAD0B2;
}
.body_tab{
	font-family: verdana, arial, helvetica;
	font-size: 11px;
	font-weight: normal;
	padding-top:4px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:4px;
	color: #000000;
	background-color : #FFFEC3;
}