@CHARSET "ISO-8859-1";

/*.container {
	min-width: 1011px;
	width: 80%;
	margin: 0 auto;
	overflow: hidden;
	text-align:center;
}*/

.border {
	 border-left:2px solid #ccc;
	 border-right:2px solid #ccc;
	 border-bottom:2px solid #ccc;
}
.top_layout {
	 position:relative;
	
	 height:25px;
	 width:auto;
	 top: 0px;
	 z-index:6;
}
.top_contents {
	 position:relative;
	  width:auto;
	
}

.header_top {
	background: url('../images/common/NHAI.jpg');
	height:106px;
	width:100%;
    margin:0px auto;
    -o-background-size:100% 100%;             /*  Opera  */
    -webkit-background-size:100% 100%;        /*  Safari  */
    -khtml-background-size:100% 100%;         /*  Konqueror  */
    -moz-background-size:100% 100%;           /*not working in Firefox as yet */
    background-repeat:no-repeat;
}

/*.logo {
	 background:transparent url('../images/common/logo_text.png') no-repeat;
	 width: 300px;
	 height: 89px;
	 text-align:center;
	 margin:0 auto; 
}*/
 
.footer{
	 background: url('../images/common/footer.png') repeat-x;
	 text-align: center;
	 font-family: Arial, Helvetica, sans-serif;
	 font-size: 11px;
	 width: 100%;
	 padding-bottom:10px;
}

input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.logincontainer {
	background:#ccc;
	color:#333300;
	text-align:center;
	
	margin:0 auto;
}

.middlecontent {
 	height: 580px;
	width:auto;
}

.indexmiddlecontent {	
	padding-left:0px;
	padding-right:0px;
	width:100%;	
}	
.rtop, .rbottom {
	display:block;
	background:#fff;
}

.rtop *, .rbottom * {
	display: block;
	height: 1px;
	overflow: hidden;
	background:#ccc;
}

.r1 {
	margin: 0 5px
}

.r2 {
	margin: 0 3px
}

.r3 {
	margin: 0 2px
}

.r4 {
	margin: 0 1px;
	height: 2px
}

.login {
	background:#8CD661;
	margin:1px 3px 1px 3px;		
}

.logincontent {
	text-align:right; 
}


/** after login **/

.ui-widget {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.logout {
	position: absolute;
	right: 5px; 
	top: 109px;
}

.logouttext {
	position: absolute;
	right: 30px; 
	top: 112px;
}

.logout a{
	 text-decoration: none;
	 text-align: center;
	 color: #fff;
}

.logout a:focus, .module a:hover{
	 font-weight: bold;
	 color: #fff;
}

.background-pane{
 	background: url('../images/common/bground_gradient_blue.png') repeat-x;
	width:auto;
	margin:0px auto;
}

.button{
	border: 1px solid #d3d3d3; 
	background: #e6e6e6 url(../images/common/button.png) 0px 0px repeat-x; 
	font-weight: bold; 
	color: #555555; 
}

.button:hover, .button:active { 
	border: 1px solid #999999; 
	background: #dadada url(../images/common/button.png) 0px 28px repeat-x; 
	font-weight: bold; 
	color: #212121; 
}

input, select, textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.common_button{
	width: 100px;
	font-size:13px;
	font-family:Tahoma, Geneva, sans-serif;
}

.common_button_long{
	width: 150px;
	font-size:13px;
	font-family:Tahoma, Geneva, sans-serif;
}

.common_button, .common_button_long {
 border: 1px solid #d3d3d3; background: #f6f6f6 url('../images/common/button.png') 0 0 repeat-x ; cursor: pointer;
 margin: 5px 0;
  padding: 3px 0;
 color: #494949;
}

.common_button:hover, .common_button_long:hover {
 border: 1px solid #d3d3d3; background-position:0 -30px;  background-repeat:repeat-x ;cursor: pointer;
 color: #000;
}

span{ font-family: Arial, Helvetica, sans-serif; font-size: 10pt}

a{ font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
table{ font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
div{ font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
body{font-family: Arial, Helvetica, sans-serif; font-size: 12px;}

.heading{
	font-family: Arial, Helvetica, sans-serif; font-size: 14px;
	font-weight: bold;
	background: url('../images/common/button.png') 0 0 repeat-x ;
}

.pager-pane{
	font-family: Arial, Helvetica, sans-serif; font-size: 12px;
	font-weight: bold;
	background: url('../images/common/button.png') 0 0 repeat-x ;
}