body{
   text-align: left;
   background-color: gray;
   color: black;
   margin: 0;
   padding: 0;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 10pt; 
}

h1{  
   font-size: 16pt; 
   font-weight: bold; 
   color: #004080; 
   letter-spacing: -.8pt;
   word-spacing: 1pt;
   margin: 0;
}
h2{  
   font-size: 10pt; 
   font-weight: bold; 
   color: #004080; 
}
h3{  
   font-size: 9pt; 
   font-weight: bold; 
   color: #000000; 
}
hr{
   margin-top: 20px;
   margin-right: 20px;
   margin-bottom: 20px;
}

legend {font-weight: bold}

img { border: 0; margin:0; }

input, select, textarea{
	font-family: Georgia, "MS Serif", "New York", serif;	
	font-size: 13px;
   font-weight: bold;
   padding:1px;
   color: #5757D9;
   border: 1px solid gray;
   background-color: #EEEEEE;
   margin: 1px 1px 0 1px;
}


.clearit{ clear: both; }


#page {
   min-height: 510px;
   margin:0 ;
   background: url(images/headerback.gif) repeat-x;
   background-color: white;
} 

#background {
   background: url(images/left-decoration.gif) repeat-y; 
}

#scrn{
   height: 408px; /* -- -- set minimum page height here -- -- */
   float: right;
   width: 1px; 
}

#header{
   background: url(images/logo.jpg) no-repeat top left;
   height: 70px;
}

#header h1{
   margin-top: -70px;
   padding-top: 2px;
   padding-right: 2px;
   float: right;
   color: #ffffff;
   font-weight: bold;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 10pt;
   text-align: right;
}

#header a, #header a:visited {
   color: white;
}

#slogan{
   height: 70px;
   background: url(images/slogan.gif) right bottom no-repeat;
}


#nav-top{
   margin: 0;
   padding: 0;
   width: 100%;
   height: 32px;
   background: url(images/navback.jpg) repeat-x;
}

#nav-top ul {
   margin:0;
   list-style: none;
   display: inline;
}
#nav-top ul li {
   margin:0;
   display: inline;
   float: left;
}
#nav-top ul li a img{
   border: 0;
   display: block;
   text-decoration: none;
}

#navigation{
   margin:0;
   background: url(images/homepic.jpg) no-repeat;
   float: left;
   font-size: 14pt;
   padding-top: 150px;
   width: 184px;
}
#navigation ul {
   margin: 0;
   padding: 0;
   list-style: none;
}

#navigation li {
   margin:0;
   margin-top: -4px;
   padding:0;
   height: 26px;
}

#navigation ul a img{
   margin: 0;
   border: 0;
   text-decoration: none;
}

#content{
   background: url(images/beigeback.gif) top left repeat-x;
}

#farRightCols{
   width: 53%;
   float: right;
   margin-top:0;
   margin-right: 20px;
}

#farRightCols p, h1, h2, ul, li {
   margin-top:0;
}

#rightCols{
   display: inline;
   width: 650px;
   float: left;
   padding-top: 26px;
   padding-left: 30px;
}

#rightCols p, h1, form, li, ul, table {
   margin-right: 20px;
}

#rightCols ul, li {
   font-size: 10pt;
}

#rightCols h2 {
   margin-right: 5px;
}
#homeCols{
   display: inline;
   float: left;
   padding-top: 26px;
   padding-left: 30px;
   text-align: justify;
   width: 55%;
}
#homeCols p, h1, form, li, ul, table {
   margin-right: 10px;
}

#homeCols h2 {
   margin-right: 5px;
}
.coldTrainLogo {
   float:right;
   width:20%;
   margin-top:30px;
   margin-right:10px;
}

#login td{
   font-size: 10pt; 
}
.rightPict {
   margin: 0;
   float: right;
   margin-right: 30px;
   width: 250px;
   height: 180px;
   padding-left: 15px;
}

.leftPict {
   margin: 0;
   float: left;
   padding-bottom: 15px;
   padding-top: 15px;
   padding-right: 25px;
   height: 150px;
   width: 260px;
}

.largeImage{
float:left; 
margin-top:0px; 
margin-bottom:1px; 
margin-right: 10px;
margin-left: 1px;
border: 4px solid black;
height:300px;
width:394px;
}

.carimage{
border: 3px solid black;
margin-left:0px;
margin-bottom:2px;
width:92px;
height:75px;
}


#news{
   width: 165px;
   height:149px;
   float: right;
   border: 1px solid #990000;
   margin: 28px 10px 8px 8px;
}
#news h1{
   margin:0;
   background: url(images/news.gif) no-repeat; 
   background-color: #990000;
   width: 165px;
   height: 22px;
}
#news p {
   font-size: 9pt;
   margin: 0 3px 3px 1px;
}

#footer{
clear: both;
margin-bottom:0;
padding-top: 25px;
color: white;
height: 56px;
background: url(images/footerback.jpg) bottom left repeat-x;
}

#footer p{
padding: 5px;
margin: 0;
font-size: 75%;
text-align: right;
margin-top: 18px;
}

#footer a{
   color:white;
}

#contact_form {
   font-weight: bold;
}

.form_text {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 10pt; 
   font-weight: bold;
}
   

.form_label{
   font-size: 10pt; 
   text-align: right;
   font-weight: bold;
   padding-right: 5px;
}

p.err_msg {
   color: red;
   font-weight: bold;
}

.field textarea{
   width: 100%;
   height: 80px;
   font-weight: bold;
}
.noborder {
   background: white;
   border: 0;
}
.required {
   background: url(images/circle-check.gif) no-repeat top right;
   padding-right: 30px;
}
.button{
   font-family: Arial, Helvetica, sans-serif;
   font-weight: bold;
   margin: 10px 5px 5px 5px;
   background-color: white;
   color: black;
   border-color: gray;
   border-style: solid;
   border-width: 1px 2px 2px 1px;
}

.button:hover {
   background-color: #EEEEEE;
}

.data_ok{ color: green; }
.data_warn{ color: black; font-weight: bold;}
.data_error{ color: red; font-weight: bold; }

.left{ float: left; }
.right{ float: right; }

.small{ font-size: 9px; }

.bold{ font-weight: bold; }
.italic{ font-style: italic; }


.dark{ background-color: #8E9BC8; }
.light{ background-color: #C0C7E3; }

.center{ text-align: center; }

.motto {
   font-weight: bold;
   font-size: 14pt;
   font-style: italic;
   text-align: center;
}

/*----------APPLICATION--------------*/
.app_list li{
   list-style-image: url(images/tool-icon.gif);
   list-style-type: disc;
}
.profile_list li{
   list-style-image: url(images/profile-icon.gif);
   list-style-type: disc;
}
/*----------APPLICATION---------------*/

/*----------USER-----------------------*/
#user_list_data_header {
   margin-top: 20px;
}
#user_list_data_header, #user_list_data {
   width: 600px;
   margin: 0;
   border-top: 1px solid #002083;
   border-right: 1px solid #002083;
   border-left: 1px solid #002083;
}

#user_list_data_header td, #user_list_data  td{
   border-bottom: 1px solid #002083;
   font-size: 8pt;
   padding: 2px 0 2px 5px;
   text-align: left;
   vertical-align: top;
}

#user_list_data td{
   height: 2.6em;
}

#user_list_data input {
   border: 0;
   background-color: transparent;
}

#user_list_data_header{
   background-color: #003366;
   color: white;
   font-weight: bold;
}


/*----------USER-----------------------*/

/*----------APPLICATION RIGHTS-----------------------*/
.app_rights_list {
   width: 100%;
   margin-top: 20px;
   margin-left:0;
   margin-right:0;
   border-top: 1px solid #002083;
   border-right: 1px solid #002083;
   border-left: 1px solid #002083;
}

.app_rights_list  td{
   border-bottom: 1px solid #002083;
   font-size: 8pt;
   padding: 2px0 2px 5px;
   text-align: left;
   vertical-align: top;
}

.app_rights_list_hdr{
   background-color: #003366;
   color: white;
   font-weight: bold;
}

.app_rights_list_buttons tr{
   border-bottom: 1px solid #002083;
}

.app_rights_cb{
   width: 5%;
}
.app_rights_name{
   width: 30%;
}
.app_rights_user{
   width: 20%;
}
.app_rights_pass{
   width: 20%;
}

/*----------APPLICATION RIGHTS-----------------------*/

/*----------REPORTS----------------------------------*/
.report_list {
   width: 100%;
   margin-top: 20px;
   margin-left:0;
   margin-right:0;
   border-top: 1px solid #002083;
   border-right: 1px solid #002083;
   border-left: 1px solid #002083;
}

.report_list td, .report_list th{
   border-bottom: 1px solid #002083;
   font-size: 10pt;
   text-align: left;
   vertical-align: top;
   padding: 2px 0 2px 8px;
}

.report_list th{
   background-color: #003366;
   color: white;
   font-weight: bold;
}
/*----------REPORTS----------------------------------*/

/*----------SHIPPING REPORTS----------------------------------*/
.shipping_report_list {
   margin-top: 20px;
   margin-left:0;
   margin-right:0;
   border-top: 1px solid #002083;
   border-left: 1px solid #002083;
}

.viewPort {
   float: left;
}
.shipping_report_list table{
   table-layout: fixed;
}
.shipping_report_list td, .shipping_report_list th{
   height: 14pt;
   font-size: 7pt;
   text-align: left;
   padding: 2px 2px 2px 2px;
   overflow: hidden;
   white-space: nowrap;
}


.shipping_report_list td{
   border-bottom: 1px solid #002083;
   border-right: 1px solid #002083;
}
.shipping_report_list th{
   background-color: #003366;
   border-right: 1px solid white;
   color: white;
   text-align: center;
}

#shipping_report {
   margin-top: 0;
   border-bottom: 1px solid #002083;
}

td.hidden_cell{
   font-size: 0pt;
   color: white;
}

td.edit_icon{
   background: url(images/profile-icon.gif) center no-repeat;
}


#detailData textarea{
   width: 620px;
   height: 200px;
   font-size: 8pt;
}
/*----------SHIPPING REPORTS----------------------------------*/


/*----------UMLER TEMPLATE----------------------------*/
.umler_list {
   display: inline;
   float: right;
   width: 230px;
   margin: 0;
   border: 1px solid #002083;
   font-size: 9pt;
}
.umler_data_hdr {
   width: 50%;
   font-weight: bold;
   text-align: right;
   vertical-align: top;
}
.umler_data {
   width: 50%;
   text-align: left;
   vertical-align: bottom;
}
.umler_list_hdr{
   font-weight: bold;
   background-color: #003366;
   color: white;
   text-align: center;
   font-size: 12pt;
}
.umler_list td{
   padding: 1px 5px 1px 2px;
}
.umler_list_light { background-color: #EEEEEE; }
.umler_list_dark { background-color: #C3C3C3; }

/**************** BOL FORM ********************/
.fieldcell input{
   width: 200px;
}

.fontset {
   width: 200px;
}

.labelcell {
   text-align: right;
   font-weight: bold;
}

.nullrow {
   height: 25px;
}


.data_entry {
   border: 2px solid black;
   background-color: #EEEEEE;
   font-family: Arial, Georgia, "MS Serif", "New York", serif;	
   font-size: 10pt;
}
/*.catheader {*/
.data_entry th {
   font-family: Arial, Georgia, "MS Serif", "New York", serif;	
   font-size: 12pt;
   width: 100%;
   vertical-align: bottom;
   text-align: center;
   background-color: #003366;
   font-weight: bold;
   color: white;
}

.data_entry table{
   width: 100%;
}
.data_entry td{
   padding-top: 4px;
   padding-right: 4px;
   vertical-align: top;
   border: 0;
}
.data_entry input, .data_entry textarea{
   font-size: 10pt;
}

.req{
   border: 1px solid red;
}

/**************** BOL FORM ********************/
thead {
   font-weight: bold;
   background-color: #003366;
   color: white;
}

/**************** REPORT MANAGER ********************/
#report_manager table{
   width: 655px;
   border-top: 1px solid #002083;
   border-right: 1px solid #002083;
   border-left: 1px solid #002083;
   table-layout: fixed;
   overflow: hidden;
}

#report_manager td{
   border-bottom: 1px solid #002083;
   padding: 2px 0 2px 5px;
   font-size: 10pt;
   text-align: left;
   vertical-align: top;
   height: 2.6em;
}

a.salesLeaseRoll {
   width: 186px;
   height: 32px;
   background: url('images/sl1_new.jpg');
}

#reg_form{
   margin-left: 50px;
}

#hazmat {
   font-size: 100%;
   margin-top: 20px;
}

#hazmat td {
   padding-top: 2px;
}

.form_label{
   font-weight: bold;
   text-align: right;
   padding-right: 5px;
}

.photocaption{
   font-size: 80%;
   font-style: italic;
}

/**************** REPORT MANAGER ********************/

#SimpleCarEntryForm table{
   table-layout: fixed;
   overflow: hidden;
}

#SimpleCarEntryForm em{
   color: red;
}