@charset "utf-8";
/* Driver Trip Data CSS Document */

/*----- Reset Browser Default Styles -----*/
html, body,  span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%;
font-family: inherit; vertical-align: top; }
ul { list-style: none;}

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0;}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}

/*----- General -----*/
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
	/* Hides from IE-mac \*/
	* html .clearfix {height: 1%;}
	.clearfix {display: block;}
	/* End hide from IE-mac */

.floatleft {float:left;}
.floatright {float:right;}
.clear {clear: both;}
.hidetext {text-indent: -9999px;}
.centertext{text-align: center;}
.textright {text-align: right;}
.textleft {text-align: left;}

a{font-family:Verdana, Arial, Helvetica, sans-serif;color:#333333;text-decoration:none;}
a:hover{color:#ff3300;text-decoration:none;}
img{border:0px;}
p{
	margin:0px;
	line-height: 16px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
	padding:15px 0 5px 15px;
}
#heading{
	font-size:24px;
	font-weight:bold;
	padding-left:15px;
	padding-top:13px;
	font-family:Arial, Helvetica, sans-serif;
	color:#ffffff;
	padding-bottom: 20px;
}
h1{
	font-size:15px;
	padding-left:15px;
	padding-top:13px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#ffffff;
	padding-bottom: 10px;
}
h2{
	font-size:13px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:0;
	color: #CC3300;
	font-weight: bold;
	padding-left: 15px;
	padding-top: 15px;
}

/*----- Framework -----*/
body {
	background-color: #222222;
	margin:0px auto;
	padding:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	height:auto;
}
#wrapper {
	width:900px;
	margin: 0 auto;
	padding:0px;
	background-color: #111111;
	height:auto;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
/*----- Header -----*/
#header {
	background-color: #252525;
	height:330px;
}
#header_in {
	margin-left:50px;
	margin-right:50px;
	background-color: #000000;
	height:330px;
}
.fieldlength{background-color: #ffffff;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;font-weight: normal;color:#333333;width:160px;padding:3px;border:1px solid #999999;}
.login{
	width:95px;
	font-size:10px;
}
#topleft{width:470px;float:left;background-image:url(../images/top_left.jpg);background-repeat:no-repeat;height:330px;}
#toplogin{
	width:165px;
	padding-left:7px;
	padding-top:10px;
	color:#ffffff;
}
#topright{
	height:330px;
	background-image:url(../images/top_rightbg.gif);
	background-repeat:repeat-x;
	width:330px;
	float:left;
}
#toplinks{padding-top:10px;padding-left:12px;padding-bottom:20px;}
.toprightlinks{
color:#ffffff;
padding-left: 15px;
background:url(../images/arrow-white.gif) no-repeat 5px 4px;
}
a:link.toprightlinks, a:visited.toprightlinks {
color:#ffffff;
}
a:hover.toprightlinks, a:active.toprightlinks {
color:#ff9900;
}
#toprightadd{
	                padding-top:5px;
                padding-left:0px;

}
#toprightadd p{
                padding-top:5px;
                padding-left:15px;
                padding-bottom:5px;
}

/*----- navbar -----*/
#navbar {
	background-color: #333333;height:60px;
}
#navbar_in {
height:60px;
	margin-left:50px;
	margin-right:50px;
}
#navleft{width:275px;background-image:url(../images/nav_bg.gif); background-repeat:repeat-x;float:left;height:60px;}
#navblock{width:523px;float:left;background-color:#f2f2f2;height:60px;border-left:2px solid #CC3300;}
#navlinks{
	padding:25px 0 0 15px;
	font-size:11px;
	font-weight:bold;
}
/*----- Content / Main Formatting -----*/
#main_formatting {
	margin-left:50px;
	margin-right:50px;
	background-color: #252525;
}
.mainformatting_left{width:275px;}
#lefttop{background-image:url(../images/head_bg.gif); background-repeat:repeat-x;}
#leftimage{padding-left:15px;padding-top:15px;}
.mainformatting_right{width:523px;border-left:2px solid #CC3300;}
#content_right{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
display:block;
height: auto;
position: relative;
}
#content_right ul{
	margin:10px 0 10px 15px;
	padding:0;
	list-style:none;
}
#content_right ul li{
line-height:20px;
	list-style:none;
	color:#2A2A21;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	padding:0 0 0 13px;
	background:url(../images/arrow-black.gif) left center no-repeat;
	/*--background:url(../images/arrow-black.gif) 0px 8px no-repeat;--*/
}
#content_right ul li a{
	color:#2A2A21;
}
#content_right ul li a:hover{
	color:#C53C00;
}
#headerlinks ul li a.selected{
	color:#C53C00;
}
#content_right ol{
	margin:0;
	padding-left:3.5em;
	list-style:decimal;
}
#content_right ol li{

line-height:20px;
color:#2A2A21;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
}
#righttop{background-image:url(../images/head_bg.gif); background-repeat:repeat-x;}
#content_in {
	background-color: #2f2f2f;
}
/*----- Footer -----*/
#footer {
	height:120px;
	margin-left:50px;
	margin-right:50px;
	background-color: #171717;
}
#footer_in {
	height:90px;
	background-color: #202020;
}
#footer_left{
	width:800px;
	float:left;
	background-color:#dddddd;
	height:50px;
	border-top:2px solid #666666;
}
#footer_right{
	width:523px;
	float:left;
	border-left:2px solid #CC3300;
	background-color:#cccccc;
	height:90px;
	border-top:2px solid #666666;
}
#footer_links{padding:30px 0 0 20px;font-size:11px;font-weight:bold;}

.toprightlinks2{
color:#ffffff;
padding-left: 15px;
}
a:link.toprightlinks2, a:visited.toprightlinks2 {
color:#ffffff;
}
a:hover.toprightlinks2, a:active.toprightlinks2 {
color:#ff9900;
}
.bg1{background-image:url(../images/head_bg.gif); background-repeat:repeat-x;height:45px;}
.form_margin{ margin-top:10px; margin-bottom:10px;}
.field_heading_text{ color:#ffffff;
font-family:Verdana, Arial, Helvetica, sans-serif;
width:200px;
font-size:11px;
padding-left:15px;
padding-top:5px;
font-weight:bold; float:left;}
.form_name{ color:#ffffff;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
padding-left:25px;
padding-top:15px;
font-weight:bold;}
.toplink{
 width:40px; 
 float:right; 
 margin-top:3px; 
 margin-right:15px;
 color:#ffffff;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
}
.toplink a:link{
 width:40px; 
 float:right; 
 margin-top:3px; 
 margin-right:15px;
 color:#ffffff;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
text-decoration:none;
}
.toplink a:visited{
 width:40px; 
 float:right; 
 margin-top:3px; 
 margin-right:15px;
 color:#ffffff;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
text-decoration:none;
}
.toplink a:active{
 width:40px; 
 float:right; 
 margin-top:3px; 
 margin-right:15px;
 color:#ffffff;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
text-decoration:none;
}
/*--added for admin panel by sush--*/
#admin_wrapper{height:auto;display:block;padding:10px;}
#admin_wrapperin{padding:10px 10px 30px 10px;background-color:#cccccc;}
.namingfield{background-color: #ffffff;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;font-weight: normal;color:#333333;width:160px;padding:3px;border:1px solid #999999;}

.naming2{
		background-color: #ffffff;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:20px;font-weight: normal;color:#333333;width:160px;padding:3px;
}
.naming1{
	padding:3px 0 7px 7px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#003399;

}
.naming{
	padding:3px 0 7px 7px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	/*text-align:center;
*/
}
.naming2{
	padding:3px 0 7px 7px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	border:#666666 solid 1px ;

}
.tabtext{
	padding:3px 0 7px 7px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	}
.fieldborder{border:1px solid #999999;}
.fielddrop{
	border:1px solid #999999;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	background-color: #ffffff;
	padding: 3px;
	color: #333333;
}
.topfield{
	border:1px solid #999999;
	padding-top:5px;
}
.tabhead{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#CC0000;
	padding-left:3px;
}
.tabdata1{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#666666;
	padding-left: 3px;
	line-height: 24px;
}
.tabdata2{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#666666;
	padding-left: 3px;
	line-height: 24px;
	background-color: #FFFFFF;
}
.gotop{width:50px;font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; color:#CC0000;padding:10px 0 10px 10px;float:right;}
.tabtitle{width:670px;float:left;font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#CC0000;padding:10px 0 10px 10px;}
.tabsubtitle{
	width:750px;
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#CC0000;
	padding:10px 0 10px 10px;
	background-color: #FFFFFF;
}
#topleft_admin{width:470px;float:left;height:330px;}
.tabdata3{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#666666;
	padding-left: 3px;
	line-height: 24px;
}
.tabdata4{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#666666;
	padding-left: 3px;
	line-height: 24px;
	background-color: #FFFFFF;
}
.fixtable{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#666666;
	padding-left: 3px;
	line-height: 24px;
	width:100px;
	background-color: #FFFFFF;
}

.fieldlength_resource{width:160px;font-size:11px;}
.resource_go{border:1px solid #999999;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:10px;background-color: #ffffff;padding: 1px;color: #333333;}
#resource_text{width:260px;float:left;font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#333333;padding:10px 0 2px 10px;}
#resource_field{width:260px;float:left;font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#CC0000;padding:5px 0 0 10px;}

.datefield{background-color: #ffffff;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;font-weight: normal;color:#333333;width:75px;padding:3px;border:1px solid #999999;}

/*--css for buttons */
a.ovalbutton{
background: transparent url(../images/oval-gray-left.gif) no-repeat top left;
display: block;
float: left;
font: bold 13px Tahoma; /* Change 13px as desired */
line-height: 17px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 25px) */
height: 25px; /* Height of button background height */
padding-left: 11px; /* Width of left menu image */
text-decoration: none;
}

a:link.ovalbutton, a:visited.ovalbutton, a:active.ovalbutton{
color: #494949; /*button text color*/
}

a.ovalbutton span{
background: transparent url(../images/oval-gray-right.gif) no-repeat top right;
display: block;
padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}

a.ovalbutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.ovalbutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color:#ffffff;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden;
width: 100%;
}