/* CSS Document */
@import url('reset.css');
body { 
background:#2781ba;
padding:0px;
margin:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
}
a { color:#0033FF; text-decoration:none; }
a : hover { text-decoration:underline;}






.warper{
width:990px;
margin:1px auto;
padding:0px 15px;
border:1px solid #2781ba;
background:#FFFFFF url('../images/bgnd_sides.gif') 0 0 repeat-y;
}

.main{ min-height:500px;}

.header{
height:90px;
width:100%;
background-color:#EEEEEE;
}
.header a { position:absolute; top:30px; margin:5px; padding:5px; font-size:30px; }



.footer{
clear:both;
margin-bottom:0px;
height:40px;
width:100%;
text-align:center;
background-color:#EEEEEE;
}

.footer a {font-size:12px; line-height:40px; }

.login-form{
width:50%;
margin:50px auto;
padding:5px;
/*border:1px solid #999999;*/
color:#666666;
background:#FFFFFF;
}


.width20{
width:20%;
}

.width15{
width:15%;
}


.tiny_width{
width:25%;
}

.small_width{
width:35%;
}
.medium_width{
width:60%;
}
.large_width{
width:80%;
}

.max_width{
width:98%;
}


.button{
border:1px solid #CCCCCC;
margin:5px 3px;
padding:5px 10px;
-webkit-border-radius: 5px;
border-radius: 5px;
 
}
.button:hover{
border:1px solid #BBBBBB;
-webkit-box-shadow: 1px 1px 1px 1px #EEEEEE;
box-shadow: 1px 1px 1px 1px #EEEEEE; 
}
.search_option{ 
margin:5px auto; 
width:80%;
background-color:#EEEEEE!important;
}
.search_option div.left{ width:48%; padding:5px 5px; text-align:right; }
.search_option div.right{ width:48%; padding:5px 5px; text-align:left; }


.form{
margin:10px auto;
padding:5px;
color:#666666;
background:#EFEFEF;
border:1px solid #CCCCCC;
-webkit-border-radius: 5px;
border-radius: 5px;
/*-webkit-box-shadow: 1px 1px 1px 1px #CCCCCC;
box-shadow: 1px 1px 1px 1px #CCCCCC;*/
}
.form:hover {
color:#000000;
border:1px solid #BBBBBB;
-webkit-box-shadow: 1px 1px 1px 1px #BBBBBB;
box-shadow: 1px 1px 1px 1px #BBBBBB;
}
.form div {margin:5px;  }
.form h1 {text-align:center; font-size:14px; padding:5px; }
.form p{padding:5px;  }
.form label {/*margin:5px;*/  padding-right:10px;  text-align:right; width:40%; display:block;  }
.form input[type="text"],
.form input[type="password"],
.form input[type="submit"],
.form textarea,
.form select
{ padding:3px 5px; border:1px solid #AAAAAA; margin-left:5px; }

.form input[type="submit"]{

margin:10px 5px;
padding:5px;
-webkit-border-radius: 5px;
border-radius: 5px;
cursor:pointer;
 
}
.form input[type="submit"]:hover{
border:1px solid #999999; 
}


.margin_2{ margin:2px;}
.margin_5{ margin:5px;}
.margin_t5{ margin-top:5px;}
.margin_l5{ margin-left:5px;}
.margin_b5{ margin-bottom:5px;}
.margin_r5{ margin-right:5px;}
.margin_10{ margin:10px;}
.margin_t10{ margin-top:10px;}
.margin_l10{ margin-left:10px;}
.margin_b10{ margin-bottom:10px;}
.margin_r10{ margin-right:10px;}

.padding_2{ padding:2px;}
.padding_5{ padding:5px;}
.padding_t5{ padding-top:5px;}
.padding_l5{ padding-left:5px;}
.padding_b5{ padding-bottom:5px;}
.padding_r5{ padding-right:5px;}
.padding_10{ padding:10px;}
.padding_t10{ padding-top:10px;}
.padding_l10{ padding-left:10px;}
.padding_b10{ padding-bottom:10px;}
.padding_r10{ padding-right:10px;}


.left{ float:left;}
.right{ float:right;}
.clear{ clear:both;}
.border{border:1px solid #999999!important;}
.border-top {border-top:1px solid #000000!important;}
.border-black {border:1px solid #000000!important;}
.text-left{ text-align:left!important;}
.text-right{ text-align:right!important;}
.text-center{ text-align:center!important;}
.bold { font-weight:bold;}
.bolder { font-weight:bolder;}
.notification{margin:15px 10px!important; cursor:pointer;}
.messages{ padding:5px 10px;  }
.messages a{ text-decoration:none; }
.messages a:hover{ text-decoration:underline; }

.greencolor{ 
color:#006600!important; 
}

.redcolor { 
color:#CB3C34!important; 
}


.success{ 
color:#006600; 
border:1px solid #006600; 
background:#A6FFA6 url('../images/success.png') 10px 50% no-repeat;
margin:5px 10px;
padding:5px 25px;
}
.error { 
color:#CB3C34;  
border:1px solid #FF0000; 
background:#FFB7B7 url('../images/error.png') 10px 50% no-repeat;
margin:5px 10px;
padding:5px 25px;
}
.warning{ 
color:#0033FF; 
border:1px solid #0033FF; 
background:#BFDFFF url('../images/warning.png') 10px 50% no-repeat;
margin:5px 10px;
padding:5px 25px;
}
.info { 
color:#FF3300;  
border:1px solid #FF3300; 
background:#FFDCB9 url('../images/info.png') 10px 50% no-repeat;
margin:5px 10px;
padding:5px 25px;
}



.content{ 
margin:5px auto; 
padding:5px 10px; 
width:80%!important;
background-color:#FFFFFF;
}


.content table{ 
margin:10px auto;
width:98%;
border:1px solid #AAAAAA;
font-family:Arial, Helvetica, sans-serif;

}



.content table thead tr {
border:1px solid #000000;
}


.content table tbody {
color:#333333;
background-color:#EEEEEE;
}




.content table tr td {
padding:3px 5px;
}




































.table{ 
margin:10px auto;
width:98%;
border:1px solid #AAAAAA;
font-family:Arial, Helvetica, sans-serif;

}

.table thead {
border:1px solid #999999;
background-color:#AAAAAA;
font-weight:bold;
color:#000000;
}

.table thead tr td {
padding:5px;
border:1px solid #000000;
}


.table tbody {
color:#333333;
background-color:#EEEEEE;
}

.table tbody tr {
border:1px solid #000000;
}


.table tbody tr td {
padding:3px 5px;
border:1px solid #000000;
}

.table tbody tr td div {
margin:2px 1px;
padding:2px 5px;
}

.table tr.grant_total {
background-color:#BBBBBB;
}

.table tr.total {
background-color:#CCCCCC;
}

.table tr.even {
background-color:#EEEEEE;
}

.table tr.odd {
background-color:#FEFEFE;
}

.table tr.red {
background-color:#FF7D7D;
}

.table tr:hover td {
background-color:#FFCCCC!important;
}
.table tr td:hover {
background-color:#FFCCCC!important;
}


.table tfoot {
border:1px solid #999999;
background-color:#AAAAAA;
font-weight:bold;
color:#000000;
}

.table tfoot tr td {
padding:5px;
border:1px solid #000000;
}







.menu{
margin:5px auto 10px auto;
background:#EEEEEE;
padding:1px;
}

.menu ul {
padding:0px; 
margin:0px 5px;

}

.menu ul li{ 
list-style:none;
float:left;
height:30px!important;
margin:0px 1px;
}

.menu ul li a{ 
line-height:30px;
padding:5px 7px; 
background:#FFFFFF;
border:1px solid #EEEEEE;
color:#3333FF; 
text-decoration:none; }

.menu ul li a:hover{ 
background:#EEEEEE;
border:1px solid #FFFFFF;
color:#000000;
text-decoration:none; }


/*second level*/

.menu ul li ul {
padding:0px; 
margin:0px!important;
height:0px;
width:0px !important;;

}

.menu ul li ul li{ 
list-style:none;
list-style-type:none;
float:none;
margin:0px 5px;
position:relative;
left:-999px;
top:-999px;
z-index:0;
width:1px;
/*height:26px!important;*/
}


.menu ul li:hover ul li{ 
list-style:none;
float:none;
position:relative;
left:-5px;
top:-1px;
z-index:999;


}

.menu ul li:hover ul li:last-child{
border-bottom:1px solid #EEEEEE;
}

.menu ul li ul li a{ 
display:block;
border:1px solid #FFFFFF;
/*border-top:1px solid #FFFFFF;
border-bottom:1px solid #FFFFFF;*/
/*line-height:26px;*/
padding:0px 15px; 
background:#EEEEEE;
width:220px;
color:#3333FF; 
text-decoration:none; }

.menu ul li ul li a:hover{ 
background:#FFFFFF;
border:1px solid #EEEEEE;
/*border-right:1px solid #FFFFFF;*/
color:#000000; 
text-decoration:none; }

/*Third level*/
.menu ul li ul li ul {
padding:0px; 
margin:0px;
height:0px;
width:0px;
}


.menu ul li:hover  ul li ul li{ 
list-style:none;
float:none;
height:26px;
margin:0px 1px;
position:relative;
left:-999px;
top:-999px;
z-index:0;
}


.menu ul li ul li:hover ul li { 
list-style:none;
float:none;
margin:0px;
position:relative;
left:250px;
top:-32px;
z-index:999;
width:180px;
border-bottom:1px solid #EEEEEE;
}



.menu ul li ul li ul li a{ 
display:block;
/*line-height:26px;*/
padding:0px 15px; 
background:#FFFFFF;
border:1px solid #EEEEEE;
/*border-bottom:1px solid #FFFFFF;*/
text-decoration:none; }

.menu ul li ul li ul li:first-child a{ 
border-left:1px solid #FFFFFF;
}
.menu ul li ul li ul li:last-child a{ 
border-bottom:1px solid #EEEEEE;
}

.menu ul li ul li ul li a:hover{ 
background:#EEEEEE;
border:1px solid #FFFFFF;
border-right:1px solid #EEEEEE;
color:#000000; 
text-decoration:none; }

.menu ul li ul li ul li:first-child a:hover{ 
/*border-top:1px solid #EEEEEE;*/
}
.menu ul li ul li ul li:last-child a:hover{ 
border-bottom:1px solid #EEEEEE;
}


.pagination{direction:ltr; margin:10px;}
.pagination a{border-radius:3px;background-color:#eee;color:#555;border:1px solid #aaaaaa;padding-top:2px;padding-bottom:2px;padding-right:5px;padding-left:5px;text-decoration:none;}
.pagination a:hover ,.pagination .cur{border-color:#0C52CE;color:#0C52CE;background-color:#fff;}

@media all {
	.page-break	{ display: none; }
}

@media print {
	.page-break	{ display: block; page-break-before: always; }
}


.download{
	border:1px solid #0000FF;
	background-color:#0066FF; 
	margin:50px auto; 
	padding:5px; 
	color:#FFFFFF; 
	font-size:14px; 
	/*width:700px;*/
}

.download ul{
	
	 color:#FFFFFF; 	
	 list-style-image:url(../images/download_pdf.png); 
	 list-style-position:inside;
	
}

.download ul li{
	padding:5px;
	margin:1px;
	background-color:#4A89E8; 
	cursor:pointer;
}

.download ul li a{
	color:#FFFFFF;
	line-height:16px;
	font-size:14px; 
	
	
}

.download ul li a:hover{
	color:#333;
	text-decoration:underline;	
}



.alert{
	border:1px solid #0000FF;
	background-color:#EEEEEE; 
	margin:10px auto; 
	padding:5px; 
	color:#FFFFFF; 
	font-size:12px; 
	width:80%;
}

.alert ul{
	 color:#FFFFFF; 	
	 list-style:none;
	
}

.alert ul li{
	padding:5px;margin:2px;
	background-color:#4A89E8;
}

.alert ul li a{
	color:#FFFFFF;
	line-height:14px;
	font-size:12px; 
	
}

.download ul li a:hover{ 
  background-color:#4A89E8;
	text-decoration:underline;	
}







@media print {
    html, body {
        height: 99%;    
    }
}