@charset "utf-8";

*{
	margin:0;
	padding:0;
	}
	
html, body, #wrapper{
    min-height: 100%; 
	width: 100%;
    height: 100%; 
    margin: 0;
    padding: 0;
	}
html>body, html>body #wrapper {
	height: auto;
	}
	
body {
    margin: 0;
	padding:0;
	font-family:Tahoma;
	font-size: 11px;
	font-weight:normal;
	color: #404042;
	background:url(../images/page-bg.gif) left top #ffffff repeat-x;
	}

#wrapper {
	min-height: 100%;
	position: absolute;
	top: 0;
	left:0;
	width:100%;
	}
#content-wrapper { 
	height:auto; 
	padding:10px 10px 63px 10px ; /*height of a footer*/
	}

#footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	height:36px;
	padding-top:10px;
	text-align:right;
	background:url(../images/footer-bg.gif) repeat-x left bottom ;	
	}
#header{
	height:136px;
	width:100%;
	}
.quick-link{
	padding-left:15px;
	padding-bottom:5px;
}
.grey{
	color:#4f5582;
	font-weight:bold;
}
.logo{
	float:left;
	height:71px;
	width:303px;
	margin:10px 0 0 15px;
}
/*================================menu*/	
.menu{
	width:232px;
}
.menu .top-curve{
	background:url(../images/menu/top-curve.png) no-repeat left top; height:11px;
}
.menu .bottom-curve{
	background:url(../images/menu/bottom-curve.png) no-repeat left top; height:11px;
}
.menu .center-parent{
	background:url(../images/menu/top.gif) no-repeat left top  #FFFFFF; border-left:1px solid #CCCCCC;  border-right:1px solid #CCCCCC;	
}
.menu .center-child{
	background:url(../images/menu/bottom.gif) no-repeat left bottom;	
}

/*==============================================menu4*/
#menu4 {
	width: 219px;
	overflow:hidden;
	padding-left:5px;
	}
	
#menu4 li a {
  	height: 28px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 22px;
	text-decoration: none;
	}
	
#menu4 li a:link, #menu4 li a:visited {
	color: #38444c;
	display: block;
	background: url(../images/menu4.gif);
	padding: 6px 0 0 30px;
	}
	
#menu4 li a:hover {
	color: #fff;
	background: url(../images/menu4.gif) 0 -28px;
	padding: 6px 0 0 30px;
	}
	
#menu4 li a:active {
	color: #fff;
	background: url(../images/menu4.gif) 0 -28px;
	padding: 6px 0 0 30px;
	}
#menu4 li a.selected {
	color: #fff;
	background: url(../images/menu4.gif) 0 -28px;
	padding: 6px 0 0 30px;
	}
.home{ padding:5px 0 5px 10px;}

.clear{
	clear:both;
}

/*==================infobox*/
.infobox{
	width:400px;
	float:left;
	margin:0 10px 10px 0;
}
.infobox .toprow{
	width:400px; height:42px;
}
.infobox .toprow .left{
	height:42px; width:6px; float:left;
}
.infobox .toprow .right{
	 height:42px; width:6px; float:right;
}
.infobox .toprow .center{
	width:388px; height:32px;  float:left; background:url(../images/roundbox/top-bg.gif) repeat-x; font-size:18px; padding-top:10px
}
.infobox .bottomrow{
	width:400px; height:8px;
}
.infobox .bottomrow .left{
	height:8px; width:8px; float:left;
}
.infobox .bottomrow .right{
	 height:8px; width:8px; float:right;
}
.infobox .bottomrow .center{
	width:384px; height:8px;  float:left; background:url(../images/roundbox/bottom-bg.gif) repeat-x;
}
.infobox .cont{
	width:388px; background:url(../images/roundbox/center-bg.gif) repeat-x left top #e6edff; border-left:1px solid #b3cce0; border-right:1px solid #b3cce0; padding:5px;
}

/*==================databox*/
.databox{
	width:800px;
}
.databox .toprow{
	width:800px; height:26px;
}
.databox .toprow .left{
	height:26px; width:6px; float:left;
}
.databox .toprow .right{
	 height:26px; width:6px; float:right;
}
.databox .toprow .center{
	width:788px;  height:21px;  float:left; background:url(../images/roundbox2/top-bg.gif) repeat-x; font-size:12px; padding-top:8px; color:#FFFFFF; font-weight:bold;
}
.databox .bottomrow{
	width:800px; height:6px;
}
.databox .bottomrow .left{
	height:6px; width:7px; float:left;
}
.databox .bottomrow .right{
	 height:6px; width:7px; float:right;
}
.databox .bottomrow .center{
	width:786px; height:6px;  float:left; background:url(../images/roundbox2/bottom-bg.gif) repeat-x;
}
.databox .cont{
	width:782px; border-left:1px solid #587499; border-right:1px solid #587499; padding:15px 8px;z-index:-1;
}

.divider{
	background:url(../images/divider.gif) repeat-x left bottom; margin:10px 0;
}
.divider .child1{
	height:26px;
	background:url(../images/divider-child.gif) no-repeat left bottom;
	padding-bottom:10px;

}
.date{
	width:158px;
	float:right;
}
.date-input{
	width:70px; border:1px  solid #a0a6b0; margin:0 8px; font-family:Tahoma; font-size: 11px; font-weight:normal; padding:3px;
}
.title{
	width:200px;
	float:left;
	font-size:18px;
}
.data-table{
	border-collapse: collapse
}
.data-table th{
	 padding:6px 3px 3px 3px ;font-weight:bold; border-bottom:1px dotted #a0a6b0;
}
.data-table td{
	 padding:3px; border-bottom:1px  dotted #a0a6b0;
} 
.data-table td  a
 {
 	color: #444;
    
    margin-right: 6px;
    padding-right: 27px; /* sliding doors padding */
    text-decoration: none;
 	
 	}
 	.data-table td span  
 {
 	color: #444;
   font-weight:bold;
   
    margin-right: 6px;
    padding-right: 27px; /* sliding doors padding */
    text-decoration: none;
 	
 	}
 	.data-table td a:hover
 	{
 	  background-position: bottom right;
      color:#FF0000;
      outline: none; /* hide dotted outline in Firefox */	
 	}
.form-table{
	border-collapse: collapse
}
.form-table th{
	 padding:6px 3px 3px 3px ; 
}
.form-table td{
	 padding:3px 10px 3px 3px; 
}
 
/*====================== breadcrumb*/
.breadbox	{ padding-left:16px; background:url(../images/breadarrow.gif) no-repeat  top left; padding-bottom:20px; }
.breadcrumb{
	font-size:11px;
	color:#4b7b18;
	
}

.breadcrumb a{
	background: transparent url(../images/breadslash.gif) no-repeat center right;
	text-decoration: none;
	padding-right:25px; /*adjust bullet image padding*/
	color: #404042;
}

.breadcrumb a:visited, .breadcrumb a:active{
	color: #404042;
}

.breadcrumb a:hover{
	text-decoration: underline;
}
.main-title{
	font-size:18px;
	padding:5px;
	border-bottom:1px dotted #a0a6b0;
	margin-bottom:15px;
}
.textbox{
	border:1px solid #dcd9d9; font-family:Tahoma; font-size: 11px; font-weight:normal; width:200px; padding:2px; color: #404042;
}
/*===============button-style*/
a.button-style {
    background: transparent url(../images/bg_button_a.gif) no-repeat scroll top right;
    color: #ffffff;
	font-weight:bold;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 21px;
    margin-right: 6px;
    padding-right: 11px; /* sliding doors padding */
    text-decoration: none;
}

a.button-style span {
    background: transparent url(../images/bg_button_span.gif) no-repeat;
    display: block;
    line-height: 14px;
    padding: 3px 0 4px 10px;
} 
a.button-style img {
	border:none;
	float:left;
	padding-right:5px;
} 
a.button-style:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button-style:active span {
    background-position: bottom left;
    padding: 3px 0 4px 10px; /* push text down 1px */
} 

/*--------------------databoxbig-------------------------------*/

.databoxbig{
	width:1000px;
	float:left;
	padding-left:10px;
	margin:0 10px 10px 0;
}
.databoxbig .toprow{
	width:1000px; height:26px;
}
.databoxbig .toprow .left{
	height:26px; width:6px; float:left;
}
.databoxbig .toprow .right{
	 height:26px; width:6px; float:right;
}
.databoxbig .toprow .center{
	width:988px;  height:21px;  float:left; background:url(../images/roundbox2/top-bg.gif) repeat-x; font-size:12px; padding-top:8px; color:#FFFFFF; font-weight:bold;
}
.databoxbig .bottomrow{
	width:1000px; height:6px;
}
.databoxbig .bottomrow .left{
	height:6px; width:7px; float:left;
}
.databoxbig .bottomrow .right{
	 height:6px; width:7px; float:right;
}
.databoxbig .bottomrow .center{
	width:986px; height:6px;  float:left; background:url(../images/roundbox2/bottom-bg.gif) repeat-x;
}
.databoxbig .cont{
	width:982px; border-left:1px solid #587499; border-right:1px solid #587499; padding:15px 8px;
}

/*--------------------End DataboxBig-------------------------------*/
/*==================infoboxbig*/
.infoboxbig{
	width:500px;
	float:left;
	margin:0 10px 10px 0;
}
.infoboxbig .toprow{
	width:500px; height:42px;
}
.infoboxbig .toprow .left{
	height:42px; width:6px; float:left;
}
.infoboxbig .toprow .right{
	 height:42px; width:6px; float:right;
}
.infoboxbig .toprow .center{
	width:488px; height:32px;  float:left; background:url(../images/roundbox/top-bg.gif) repeat-x; font-size:18px; padding-top:10px
}
.infoboxbig .bottomrow{
	width:500px; height:8px;
}
.infoboxbig .bottomrow .left{
	height:8px; width:8px; float:left;
}
.infoboxbig .bottomrow .right{
	 height:8px; width:8px; float:right;
}
.infoboxbig .bottomrow .center{
	width:484px; height:8px;  float:left; background:url(../images/roundbox/bottom-bg.gif) repeat-x;
}
.infoboxbig .cont{
	width:488px; background:url(../images/roundbox/center-bg.gif) repeat-x left top #e6edff; border-left:1px solid #b3cce0; border-right:1px solid #b3cce0; padding:5px;
}

.editlink
{
   color: #444;
    display: block;
    float: left;
    margin-right: 6px;
    padding-right: 27px; /* sliding doors padding */
    text-decoration: none;
}
.editlink:hover
{
 background-position: bottom right;
    color:#FF0000;
    outline: none; /* hide dotted outline in Firefox */
}

/* Tab css */
#tablist{
padding: 3px 0;
margin-left: 0;
margin-bottom: 0;
margin-top: 0.1em;
font: bold 12px Tahoma;
}

#tablist li{
list-style: none;
display: inline;
margin: 0;
}

#tablist li a{
padding: 3px 0.5em;
margin-left: 3px;
border: 1px solid #778;
border-bottom: none;
background: white;
color:Black;
text-decoration:none;
}

#tablist li a:link, #tablist li a:visited{
color: black;
}

#tablist li a.current{
    background: lightyellow;
}

#tabcontentcontainer
{
/* Insert Optional Height definition here to give all the content a unified height */
border: 1px solid #a0a6b0;
width :800px;
padding :10px;
}

.tabcontent{
    display:none;
}