body {
   overflow:auto;
   color: #000000;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 8pt;
   background-color: #e9e9e9 !important;
   scrollbar-face-color: #FFFFFF;
   scrollbar-highlight-color: #FFFFFF;
   scrollbar-arrow-color: #000000;
   scrollbar-track-color: #EFEFEF;
   scrollbar-3dlight-color: #BABABA;
   scrollbar-darkshadow-color: #BABABA;
   scrollbar-shadow-color: #FFFFFF;
   margin: 0;
}

p {
	color:#000;
	margin-bottom:.5em;
}
a {
	color:#903;
}




.logmeout a{
 background-color:#903 !important;

}


.logmeout a:hover{
 background-color:#c03 !important;

}


.leftMenuContainerx {
background-color:#ededed !important;


}

a:hover {
	color:#903;
	text-decoration:none;
}

.table_basic {
border-collapse:collapse;
/*border-bottom: solid 2px #666;*/

}
.table_basic td, th{
    padding:2px;
    border-bottom:solid #ccc 1px;  
}

.table_basic input{
    padding:2px;
    border:solid #ccc 1px;
    /*background-color: #ededed;*/
    
}
.hide_fields input{
    padding:2px;
    border:solid #ccc 0px;
    /*background-color: #ededed;*/
    
}


#DataGrid1 td{
	padding:3px !important;

}
a.sidelink {
	color:#333 !important;
	
	padding-left:10px;
	background: url(../images/list_icon.png) no-repeat 0 3px !important;
}
.tableContainer {
   color: #000000;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 8pt;
   width: 950px;
   background-color: #FFFFFF;
}
.leftMenuContainer {
   color: #000000;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 8pt;
   width: 180px;
   padding-left: 10px;
   padding-right: 10px;
   background-color: #F1EDE9;
}
.leftMenuBg {
   color: #903;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 8pt;
   border-bottom: solid 1px #D5D3D1;
}
.subLeftMenuBg {
   color: #903;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 8pt;
   padding: 2px 0 0 0;

}


.leftMenuText {
   color: #903;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 8pt;
   padding: 0;
}
.subEndLeftMenuBg {
   color: #000000;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 8pt;
   padding-left: 30;
   border-bottom: solid 1px #D5D3D1;
}
.contents {
   color: #903;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 8pt;
}
.normalLeftLink {
   color: #903;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 8pt;
}
.userPass {
   color: #903;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 8pt;
   padding-top: 0;
   padding-bottom: 0;
}
.userPassTexBox {
    color: #000000;
	font-family: tahoma, verdana, arial;
	font-size: 8pt;
	border: 1px solid #D5D3D1;
	width: 150px;
	height: 18px;
	padding-left:4px;
	padding-top: 1px;
	padding-bottom: 1px;
}

a.logmeout {
	width:130px;
	font-family: tahoma, verdana, arial;
	padding:5px;
	display:block;
	background-color:#990033;
	text-decoration:none !important;
}

a.logmeout:hover{
	display:block;
	background-color:#903;
	text-decoration:none !important;
}
.loginButton {
    color: #000000;
	font-family: tahoma, verdana, arial;
	font-size: 8pt;	
	border: solid 1px #D5D3D1;
	width: 80px;
	height: 18px;
	background-color: #F1EDE9;
}
.searchEndContainer {
    color: #903;
	font-family: tahoma, verdana, arial;
	font-size: 8pt;
	padding-right: 20;
}
.rightContainer {
    color: #903;
	font-family: tahoma, verdana, arial;
	font-size: 8pt;
	padding-left: 20;
	padding-right: 20;
}
.titleOfPage {
    color: #903;
	font-family: verdana, arial;
	font-size: 15pt;
	font-weight: normal;
	
	border-bottom:3px double #CCCCCC;
/*font-size:2em;
font-weight:lighter;*/
margin-bottom:.1em;
padding:0pt 0pt 5px 0px;

}

.addOccupations {
    color: #000000;
	font-family: tahoma, verdana, arial;
	font-size: 8pt;
	font-weight: normal;
	padding: 10;
	border: solid 1px #D5D3D1;
}
.blueBg {
    color: #FFFFFF;
	font-family: tahoma, verdana, arial;
	font-size: 8pt;
	font-weight: bold;
	/*background-color: #903;
	background-color: #bca690;*/
	background-color: #990033;
}
.blueBg1 {
    color: #fff;
	font-family: tahoma, verdana, arial;
	font-size: 8pt;
	font-weight: bold;
	padding-left: 5;
	/*background-color: #A77C49;*/
	background-color: #990033;
}
.grayBg {
    color: #000000;
	font-family: tahoma, verdana, arial;
	font-size: 8pt;
	font-weight: normal;
	background-color: #DADAFD;
}
.borderTopGray {
    color: #000000;
	font-family: tahoma, verdana, arial;
	font-size: 8pt;
	font-weight: normal;
	border: solid 1px #D1D1D1;
	border-top: solid 0px #D1D1D1;
}
.graytext {
    color: #666666;
	font-family: tahoma, verdana, arial;
	font-size: 8pt;
	font-weight: bold;
}
.itemsReport {
    color: #000000;
	font-family: tahoma, verdana, arial;
	font-size: 8pt;
	font-weight: normal;
	padding-left: 20;
}
.itemsReportTitle {
    color: #000000;
	font-family: tahoma, verdana, arial;
	font-size: 11pt;
	font-weight: bold;
}
.itemsReportHeader {
    color: #000000;
	font-family: tahoma, verdana, arial;
	font-size: 8pt;
	font-weight: bold;
}
td {
   color: #000000;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 8pt;
   font-weight: normal;
}
.textbox {
    color: #000000;
	font-family: tahoma, verdana, arial;
	font-size: 8pt;
	border: 1px solid #666666;
	width: 150px;
	height: 18px;
	padding-left:4px;
	padding-top: 1px;
	padding-bottom: 1px;
}
.button {
    color: Gray;
	font-family: tahoma, verdana, arial;
	font-size: 8pt;	
	border: solid 1px #666666;
	width: 80px;
	height: 18px;
	background-color: #FFFFFF;
}
select{
	color: #000000;
	font-family: tahoma, verdana, arial;
	font-size: 8pt;
	width: 100%;
	height: 20;
	border: solid 1px #666666;
	scrollbar-face-color: #FFFFFF;
    scrollbar-highlight-color: #FFFFFF;
    scrollbar-arrow-color: #000000;
    scrollbar-track-color: #EFEFEF;
    scrollbar-3dlight-color: #BABABA;
    scrollbar-darkshadow-color: #BABABA;
    scrollbar-shadow-color: #FFFFFF;
}
span{
	color: #000000;
	font-family: tahoma, verdana, arial;
	font-size: 8pt;
	scrollbar-face-color: #FFFFFF;
    scrollbar-highlight-color: #FFFFFF;
    scrollbar-arrow-color: #000000;
    scrollbar-track-color: #EFEFEF;
    scrollbar-3dlight-color: #BABABA;
    scrollbar-darkshadow-color: #BABABA;
    scrollbar-shadow-color: #FFFFFF;
}
textarea{
	overflow: auto;
	color: #666666;
	font-family: tahoma, verdana, arial;
	font-size: 8pt;
	width: 100%;
	border: solid 1px #666666;
	scrollbar-face-color: #FFFFFF;
    scrollbar-highlight-color: #FFFFFF;
    scrollbar-arrow-color: #000000;
    scrollbar-track-color: #EFEFEF;
    scrollbar-3dlight-color: #BABABA;
    scrollbar-darkshadow-color: #BABABA;
    scrollbar-shadow-color: #FFFFFF;
	padding-left: 5px;
}
/* ------ Left Menu Links ------ */
a.leftMenuLink:link{
	color: #903;
	font-family: tahoma, verdana, arial;
	font-size: 8pt;
	text-decoration: none;
}

a.leftMenuLink:visited{
	color: #c03;
	font-family: tahoma, verdana, arial;
	font-size: 8pt;
	text-decoration: none;
}

a.leftMenuLink:active{
	color: #727272;
	font-family: tahoma, verdana, arial;
	font-size: 8pt;
	font-weight: normal;
	text-decoration: none;
}

a.leftMenuLink:hover{
	color: #903;
	font-family: tahoma, verdana, arial;
	font-size: 8pt;
	text-decoration: underline;
}
a.leftMenuLinkActive{
	/*color: #727272;*/
	color: #903;
	font-family: tahoma, verdana, arial;
	font-size: 8pt;
	font-weight: bold;
	text-decoration: none;
}
/* ------ Left Menu Links ------ */
div.normal
{
    color: #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    font-weight: normal;
}
td.title
{
    color: #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11pt;
    font-weight: bold;
}
label
{
    color: #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    font-weight: normal;
}

/*Added for suggest functionality*/
div.suggest input
{
	width:300px;
	font-size:8pt;
}
div.suggest
{
	width:300px;
	padding:0;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	}
div.suggest ol.suggest
{
	list-style-type:none;
	padding:0;
	margin:0 0 1em 0;
	}
div.suggest ol.suggest li
{
	font-size:8pt;
	height:2em;
	margin:0; 
	padding:.5em,0; 
	width:300px; 
	clear:both; 
	border-bottom: 1px solid #ddd;
}
div.suggest ol.suggest li.selected
{
	background-color:#ddd;
}
div.suggest .suggest_add
{
	float:right;
	padding:3px;
}
div.suggest span.error
{
	padding:1em;
	background-color:Red;
	width:300px;
	display:block;
}

div.suggest suggest_text
{
	padding:.5em 0;
	display:block;
}

#dummyrightbar {
   /* border-top: 3px #999 double;*/
    padding:0 0 1em 0;


}




#footer {
    text-align:center;
   
    font-size:.8em;
    color:#666;
    background-color:#fff;

    clear:both;
    padding: .5em 0em .5em 0em;
    background:transparent;
    height:100px;

}

#footer_logo {

margin:10px 10px 0px 220px; 
padding:0 0 10px 65px;
background: url(../images/TVET_logo_52x70.jpg) no-repeat;
}





    


#footer a {
    color:#666;
}