﻿
body 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: white;
	margin:0px;
	font-size: .8em;
	font-weight: normal;
	letter-spacing: normal;
	text-transform: none;
	word-spacing: normal;
}
table#listTable caption
{
   font-size:12px;
	font-weight:normal;
	font-variant: small-caps;
	color:#2b7ad9;
	letter-spacing:.3em;
	text-align:center;
	padding-bottom:.5em;
    
}

table#dataform caption {
	
	font-size:12px;
	font-weight:normal;
	font-variant: small-caps;
	color:#2b7ad9;
	letter-spacing:.3em;
	text-align:center;
	padding-bottom:.5em;
}
page_body_td {
border:1px solid #708EBF;
}
table#dataform {
	width: 100%;
	border-collapse:collapse;
	border:1px solid #2b7ad9;
}
table#dataform tbody td,
table#dataform tbody th {
	font-size:10px;
	padding:5px;
	line-height:140%;
	/*background-color:#F2F8FD;*/
	color:#444;
}
table#dataform tbody tr.odd th {
	background-color:#d4e7f8;
	border:1px solid #2b7ad9;
	border-width:0px 0;
}
table#dataform tbody th {
	text-align:right;
}

table#dataform tfoot td{
	text-align:center;
	background-color:#d4e7f8;
	border:1px solid #2b7ad9;
	border-width:0px 0;
}

table#datalist caption,
table#datalist tfoot td {
	font-family:Georgia, "Times New Roman", Times, serif;
}
table#datalist caption {
	font-size:20px;
	font-weight:normal;
	font-variant:small-caps;
	color:#2b7ad9;
	letter-spacing:.3em;
	text-align:center;
	text-transform: capitalize;
	padding-bottom:.5em;
}


table#datalist {
	width: 100%;
	border-collapse:collapse;
	border:1px solid #2b7ad9;
}
table#datalist td,
table#datalist th {
	padding:5px;
}

/* THEAD*/
table#datalist thead th {
	font-size: 15px;
	font-weight: bold;
	font-variant: small-caps;
	color: #d4e7f8;
	background-color: #2b7ad9;
	text-transform: capitalize;
}
table#datalist thead th a {
	font-size: 15px;
	font-weight: bold;
	font-variant: small-caps;
	color: #d4e7f8;
	background-color: #2b7ad9;
	text-transform: capitalize;
}
table#datalist thead tr.hints td {
	padding:5px;
	font-weight:bold;
	text-align:right;
}
table#datalist thead tr.hints td a{
	text-decoration:underline;
}
/* TFOOT */
table#datalist tfoot th,
table#datalist tfoot td {
	font-size:15px;
	font-weight:bold;
	color:#d4e7f8;
	background-color:#2b7ad9;
	padding:10px;
	text-transform: capitalize;
}

table#datalist tfoot th a,
table#datalist tfoot td a {
	font-size:15px;
	font-weight:bold;
	color:#d4e7f8;
	background-color:#2b7ad9;
	padding:10px;
	text-transform: capitalize;
}
table#datalist tfoot td {
	font-size:30px;
	font-weight:normal;
}

/* TBODY */
table#datalist tbody td,
table#datalist tbody th {
	line-height:140%;
	background-color:#F2F8FD;
	color:#444;
}
table#datalist tbody tr.odd td,
table#datalist tbody tr.odd th {
	background-color:#d4e7f8;
	border:1px solid #2b7ad9;
	border-width:0px 0;
}
table#datalist tbody tr.unread td {
	font-weight:bold;
}
table#datalist tbody th a {
	font-size:13px;
	font-weight:normal;
	font-variant:small-caps;
}

.newheading{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#ffffff;
	background-color:#169DDD;
	padding-left:10px;
	text-transform: uppercase;
}
.newheading_rightalign{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#ffffff;
	background-color:#001F49;
	padding-left:10px;
	text-transform: uppercase;
	text-align: right;
}
input, select, textarea{
	color: #000000;
	font:  10px Verdana, Arial, Helvetica, sans-serif;
}
.odd {
	background-color:#d4e7f8;
	border:1px solid #2b7ad9;
	border-width:0px 0;
}
.error {
color:#FF0000;
font-size:10px;
font-weight:bold;
}

.succ {
color:Green;
font-size:10px;
font-weight:bold;
}


.headerTitle {
	font-size: 16px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #626255;
	font-weight: bold;
}

/*a:link 
{
color:#00358D;
text-decoration:underline;
}*/

A:link
{
	text-decoration: none;
	font-weight: bold;
	color: #00358D;	
    FONT-SIZE: 10px;    
    FONT-FAMILY: "verdana";
    
}

A:visited
{
	text-decoration: none;
	color: #333399;
	font-weight: bold;
}

A:active
{
	text-decoration: none;
	color: #333399;
}

A:hover
{
	text-decoration: underline;
	color: #3333cc;
}

.Tabcaption {
	font-size:20px;
	font-weight:normal;
	font-variant:small-caps;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#2b7ad9;
	letter-spacing:.3em;
	text-align:center;
	text-transform: capitalize;
	padding-bottom:.5em;
}

.TableBorder
{
	Border:solid 1px #2b7ad9;	
}

.LabelHead
{
	text-decoration: none;
	font-weight: bold;
	color: #00358D;	
    FONT-SIZE: 12px;    
    FONT-FAMILY: "verdana";
}

.header4 {
	background-image: url(../images/header4.jpg);
	background-repeat: repeat-x;
}
.header6 {
	background-image: url(../images/header6.jpg);
	background-repeat: repeat-y;
}

.bgcolor {
	background-image: url(../images/header4.jpg);
	background-repeat: repeat-x;
}

A.link1:link {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-weight: bold;
	font-style: normal;
	line-height: normal;	
	font-variant: normal;
	text-transform: none;
	text-decoration: underline;
}
A.link1:active {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: bold;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	text-decoration: underline;
}
A.link1:visited {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-weight: bold;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	text-decoration: underline;
}
A.link1:hover {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: bold;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	text-decoration: underline;
}

.Footerstyle {
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
}


.label
{
	 font-size:12px;
	padding:5px;
	line-height:140%;
	font-weight: bold;
	color:#444;
}

/*Created by : Mayur Desai
    Created on : 07/04/2010 
*/

/* ######### CSS for top level tabs ######### */

.tabsmenuclass ul{
overflow: hidden;
width: 466px;
margin: 0;
padding: 0;
list-style-type: none;
}

.tabsmenuclass li{
float: left;
width : 140px;
}

.tabsmenuclass a{
display: block;
padding: 5px 7px;
background: Orange;

color: black;
margin-right: 1px;
text-decoration: none;
font: bold 13px Arial;
}

.tabsmenuclass a:hover{
background: #B37400;
color: white;
}

.tabsmenuclass a.selected{
background: #B37400;
color: white;
}

.info
{
	font-family: Verdana;	
	font-size: 8pt;
}



/******************************/
/**Styling information specific to individual content pages**/

/* Accordion */
.accordionHeader
{
	border: 1px solid #2F4F4F;
	color: black;
	background-color: #169DDD;
	
	font-size: 12px;
	font-weight: bold;
	padding: 5px;
	margin-top: 5px;
	cursor: pointer;
}

#master_content .accordionHeader a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}

#master_content .accordionHeader a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionHeaderSelected
{
	border: 1px solid #2F4F4F;
	color: black;
	background-color: #169DDD;
	
	font-size: 12px;
	font-weight: bold;
	padding: 5px;
	margin-top: 5px;
	cursor: pointer;
}

#master_content .accordionHeaderSelected a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}

#master_content .accordionHeaderSelected a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionContent
{
	background-color: white;
	border: 1px dashed #2F4F4F;
	border-top: none;
	padding: 5px;
	padding-top: 10px;
}

/* Update Progress */
#UpdateProgress1 {	
    top: 45%; left: 45%; position: absolute;
    }
    
    
    .bg2 {
	background-image: url(../images/bg2.jpg);
}

.bg5 {
	background-image: url(../images/bg5.jpg);
}


/**********Design******************/
body.bg-color 
{
	background-color: #d4e7f8;
}
.VehInfo {
    width: 40%;
    float: left;
}
.CameraSection {
    float: left;
    width: 60%;
}
.CameraSection .VehImage {
    width: 50%;
    float: left;
}
.CameraSection .VehImage img {
    display: block;
   /*** border: 5px solid #869db1 !important;***/
    margin: 0 auto;
    max-width: 95%;
    width: auto !important;
    height: auto !important;
}
.CameraSection .VehImage b {
	display: block;
	text-align: center;
}
label.value {
    font-weight: 600;
    color: #8e0000;
}
.VehInfo ul li {
    margin-bottom: 8px;
}