/* CSS CREATED BY CARR KNOWLEDGE : PETER RILEY OSBORNE */
/*2007 */

/*
.some_complimentary_colors_to_consider {
color:#e1f4fd;
color:#eff9fe;
color:#d4effc;
color:#c7eafb;
color:#b9e5fa;
color:#111d42;
color:#596589;
color:#5d7aa8;
}
*/

/* SIMPLE TAGS */


.main_body {
    background: #999999 url(/images/BG_gradient_body.gif) repeat-x top left;

    margin: 0;
    padding: 1;
    font-family: Arial, Arial, sans-serif;
}

h1 {
    font-size: 24px;
    color: #990000;
    margin: 15px 0px;
    padding: 0px 10px ;
}

h2 {
    font-size: 16px;
    color: #333333;
    margin: 10px 0px;
    padding: 0px 10px;
}

h3 {
    font-size: 14px;
    color: #990000;
    text-align: center;
    padding-top: 10px;
}

h4 {
    font-size: 14px;
    color: #FFFFFF;
    margin: 5px 0px;
    padding: 0px 15px;
    font-family: Arial, Arial, sans-serif;
}

h5 {
    font-size: 11px;
    color: #000000;
    margin: 5px 0px;
    padding: 0px 15px;
    font-style: italic;
    font-family: Arial, Arial, sans-serif;
}

h6 {
    font-size: 14px;
    color: #333333;
    margin: 5px 0px;

    padding: 0px 0px 15px;
    font-family: sans-serif;
    font-style: italic;
    font-weight: lighter;
    line-height: 20px;
    text-align: justify;
}
/*
h8 {
    font-size: 26px;
    color: #990000;
    margin: 0px;

    font-weight: bold;
}


h10 {
    font-size: 11px;
    color: #333333;
    margin: 5px 0px;
    padding: 15px 0px 15px;
    font-style: italic;
    line-height: 20px;
}

h11 {
    font-size: 15px;
    margin: 5px 0px;

    padding: 15px 0px 15px;
    line-height: 20px;
    text-align: justify;
    font-family: Arial, Arial, sans-serif;
}

*/
p {
    font-size: 14px;
    color: #333333;
    margin: 5px 0px;
    padding: 0px 15px;
    font-family: Arial, Arial, sans-serif;
}

em {
    font-size: 12px;
    color: #333333;
    margin: 5px 0px;
    padding: 0px 15px;
    font-style: italic;
}
/*
hp {
    font-size: 15px;
    color: #333333;
    margin-top: 5px;
    margin-right: 0px;
    margin-left: 0px;
    margin-bottom: 5px;
    padding: 15px 15px 15px;
    font-style: italic;
    line-height: 20px;
}
*/

form {
    margin: 0px;
    padding: 0px;
    font-family: Arial, Arial, sans-serif;
}

hr {
    width: 100%;
    color: #596589;
}

th {
    background-color: #596589;
    color: #FFFFFF;
}

a:link, a:visited {
    color: #BB0000;
    text-decoration: none;
    letter-spacing: 1px;
}

a:hover, a:active {
    color: #FF0000;
    text-decoration: none;
    letter-spacing: 1px;
}

th {
    background-color: #596589;
    color: #FFFFFF;
    font-size: 12px;
    text-decoration: none;
}

th a:link, th a:visited {
    background-color: #596589;
    color: #FFFFFF;
    font-size: 12px;
}

th a:hover, th a:active {
    background-color: #596589;
    color: #FFFFFF;
    font-size: 12px;
}

th a {
    background-color: #191970;
    color: #FFFFFF;
    font-size: 12px;
}

select {
    font-size: 14px;
    font-family: Arial, Arial, sans-serif;
}

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

select:focus, input:focus {
    background-color: lightyellow;
    font-size: 11px;
    font-family: Arial, Arial, sans-serif;
}

/* ID TAGS */

#letter_links {
    margin-top: 20px;
    margin-bottom: 20px;
}

#letter_links a {
    background-color: #ffa;
    padding: 3px 4px;
    margin: 0px 1px;
    border: 1px solid #dd9;
    text-decoration: none;
}

#letter_links a:hover, #letter_links a.active {
    color: #000;
    background-color: #dd9;
    border: 1px solid #cc7;
}

#notice {
border: 2px solid #C80000;
padding: 5px;
margin-bottom: 5px;
background-color: #ffff88;
font: bold sans-serif;
}

#flash_notice, #flash_error {
    border: 2px solid #c83232;
    padding: 5px;
    margin-bottom: 5px;
    background-color: #ffffc7;
    font: bold sans-serif;
}

#flash_notice {
    border: 2px solid #c83232;
    padding: 5px;
    margin-bottom: 5px;
    background-color: #ffffc7;
    font: bold sans-serif;
}

#flash_notice {
    border: 2px solid #c83232;
    padding: 5px;
    margin-bottom: 5px;
    background-color: #ffffc7;
    font: bold sans-serif;
}


#maincontent {
    align: center;
}

#main {
    margin-top: 5px;
    margin-bottom: 0px;
    margin-left: 12px;
    margin-right: 12px;
    text-align: left;
    font-size: 11px;
}

#main img {
    border: 0
}

#main a {
    color: Navy;
    text-decoration: underline;
    letter-spacing: 1px;
    font-size: 11px;
}

#main a:link, a:visited {
    color: Navy;
    text-decoration: underline;
    letter-spacing: 1px;
}

#main a:hover, a:active {
    color: #FF0000;
    text-decoration: underline;
    letter-spacing: 1px;
}

#main h1 {
    font-size: 16px;
    color: #990000;
    margin: 0px 0px;
    padding: 5px 5px 5px 5px; 
}

#main h2 {
    font-size: 16px;
    color: #333333;
    margin: 0px 0px;
    padding: 0px 0px;
}

#main h3 {
    font-size: 14px;
    color: #990000;
    text-align: center;
    padding-top: 0px;
}

#main p {
    font-size: 11px;
    color: #333333;
    margin: 5px 0px;
    padding: 0px 15px;
    font-family: Arial, Arial, sans-serif;
}

#main pwo {
    font-size: 13px;
    color: #333333;
    margin: 2px 0px;
    padding: 0px 5px;
    font-family: Arial, Arial, sans-serif;
}

#main em {
    font-size: 10px;
    color: #333333;
    margin: 5px 0px;
    padding: 0px 15px;
    font-style: italic;
}

#main form {
    margin: 0px;
    padding: 0px;
}

#main hr {
    width: 100%;
    color: #d6ddeb;
}

#main th {
    background-color: #d6ddeb;
    color: Black;
    font-size: 11px;
    text-decoration: none;

}

#main th a:link, th a:visited {
    background-color: #d6ddeb;
    color: Black;
    font-size: 11px;
}

#main th a:hover, th a:active {
    background-color: #d6ddeb;
    color: #FF0000;
    font-size: 11px;
}

#main th a {
    background-color: #d6ddeb;
    color: Black;
    font-size: 11px;
}

#container {
    background: url(/images/BG_content.gif) repeat-y;
    width: 902px;
    margin: 0px;
    padding: 0px;
    border-top: #333333 solid 2px;
    text-align: left;
}

#header {
    background: url(/images/IMG_header.gif) no-repeat bottom left;
}

#header2 {
    background: url(/images/IMG_header2.gif) no-repeat bottom left;
}

#toyota_header {
    background: url(/images/IMG_headerTMS.gif) no-repeat bottom left;
}

#toyota_header2 {
    background: url(/images/IMG_headerTMS2.gif) no-repeat bottom left;
}

#search {
    background-color: #cfcfcf;
    border: #999999 solid 1px;
    margin: 2px 9px 2px 8px;
    padding: 0px;
    width: auto;
    color: #666666;
    font-size: 12px;
    font-family: Arial, Arial, sans-serif;
}

#nav {
    margin: 2px 7px;
    padding: 0px;
    width: auto;
    color: #FFFFFF;
    font-size: 12px;
}

#calendarview table {
    border: 1px solid #999999;
    cellspacing: 1px;
    border-collapse: collapse;
    bordercolor: #999999;
    bordercolorlight: #999999;
    bordercolordark: #999999;
    cellpadding: 0;

    background-color: #f4f4f4;
}

#calendarview td {
    white-space: nowrap;
    valign: top;
    align: center;
    width: 1.3em;
    border: 1px solid #999999;
    border-left-style: none;

    bordercolor: #999999;
    bordercolorlight: #999999;
    bordercolordark: #999999;
    padding: 0;

}

#calendarview a {
    text-decoration: none;
}

.fixed-width-cell {
    width : 10px;
}
.activity-calendar-cell {
    overflow: hidden;
}

#people_activity_list {
    height: 20em;
    overflow: auto;
}

#emphasized {
    color: green;
    font-weight: bolder;
}

#dashboard ul {
    overflow: auto;
    font-size: 11px;
    list-style-type: none;
    height: 15em;
}

#dashboard_left {
    width: 48%;
    min-height: 22em;
    float: left;
    clear: left;
    margin-right: 2%;
    margin-bottom: 10px;
    font-size: 12px;
    background-color: #f4f4f4;
    border: 2px solid #d6ddeb;
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;   
}

#dashboard_right {
    width: 48%;
    min-height: 22em;
    font-size: 12px;
    float: right;
    clear: right;
    margin-bottom: 10px;
    background-color: #f4f4f4;
    border: 2px solid #d6ddeb;
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;   
}



/* CLASS TAGS */

/* Stuff for tabbed form containters */

.searchForm {
  background-color: #ffffe0;
  border:solid #C2C2C2 1px;
  padding:10px;
  font-family: "Courier New", Courier, monospace;
  font-size: small;
  margin:25px 0 5px 0;
}

.rounded {
  -moz-border-radius-topleft:3ex;
  -moz-border-radius-bottomright:3ex;
  -webkit-border-top-left-radius:3ex;
  -webkit-border-bottom-right-radius:3ex;
} 

.roundedSearch{
   padding: 1px;
   valign: top;
   background-color: #F6F6F6;
   border: 1px solid #CA8787;
   margin-bottom: 10px;
   margin-top: 5px;
   position: relative;    
   height: 40px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;   
}

.roundedSection{
   padding: 3px;
   valign: top;
   background-color: #F6F6F6;
   border: 1px solid #CA8787;
   margin-bottom: 10px;
   margin-top: 5px;
   position: relative;    
   height: relative;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;   
}

.roundedResults{
   padding: 1px;
   valign: top;
   background-color: #d6ddeb;
   border: 1px solid #d6ddeb;
   margin-bottom: 5px;
   margin-top: 10px;
   position: relative;    
   height: relative;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;   
}

.roundedForm{
   padding: 5px;
   valign: top;
   background-color: #F6F6F6;
   border: 2px solid #d6ddeb;
   margin-bottom: 5px;
   margin-top: 5px;
   position: relative;    
   height: relative;
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
}

.roundedList{
   padding: 5px;
   valign: top;
   background-color: #F6F6F6;
   border: 2px solid #d6ddeb;
   margin-bottom: 5px;
   margin-top: 0px;

   -moz-border-radius-topright: 10px;
   -moz-border-radius-bottomleft: 10px;
   -moz-border-radius-bottomright: 10px;

   -webkit-border-top-right-radius:10px 
   -webkit-border-bottom-left-radius:10px 
   -webkit-border-bottm-left-radius:10px

   -khtml-border-radius-topright: 10px;
   -khtml-border-radius-bottomleft: 10px;
   -khtml-border-radius-bottomright: 10px;   
}

.roundedHeader{
   padding: 1px;
   valign: top;
   background-color: #F6F6F6;
   margin-bottom: 10px;
   margin-top: 5px;
   position: relative;    
   height: 20px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;   
}

.llodd {
   background: #FFFFFF;
   border: 1px solid #d7d7ba;
   padding: 5px;
}

.lleven {
   background: #F6F6F6;
   border: 1px solid #d7d7ba;
   padding: 5px;
}

.vehicleSectionHeader {
    background-color: #d6ddeb;
    color: #444444;
    font-size: 14px;
    font-weight: bold; 
    padding-left: 5px; 
    border: 1px solid #99b4d1;
   -moz-border-radius: 2px;
   -webkit-border-radius: 2px; 

}

.formtop {
    background: url(/images/BG_gradient.gif) repeat-x;

}

.formTopLeftCorner {
    background: url(/images/BG_corner_left.gif) no-repeat left top;

}

.formTopCorner {
    background: url(/images/BG_corner_right.gif) no-repeat right top;

}

.formFooter {
    background: #d6ddeb url(/images/IMG_foot_right_corner.gif) no-repeat right bottom;
}

.formList {
    font-size: 12px;
}

.searchInput {
    border: #CCCCCC 1px solid;
    background: url(/images/BG_search.gif) no-repeat center right;

    font-style: italic;
    color: #666666;
    font-size: 11px;
}

.searchBtn {
    background: url(/images/BTN_search.gif) no-repeat;

}

.signIn {
    text-align: right;
    padding: 15px;
}

.signInHeader {
    valign: bottom;
    text-align: right;
    padding: 15px;
    font-size: 11px;
    font-weight: bold;
}

.signOutHeader {
    valign: bottom;
    text-align: right;
    padding: 15px;
    font-size: 11px;
    font-weight: bold;
}

.mainMenu {
    background: url(/images/BG_navBase2.gif) no-repeat top left;

    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-weight: bold;
    height: 70px;
}

.mainMenu a:link, a:visited, a:active {
    color: #FFFFFF;
    text-decoration: none;
}

.mainMenu a:hover {
    color: #FFBBBB;
}

.navbg {
    background: url(/images/BG_button_red.gif) repeat-x top left;

}

.navlist {
    font-color: #FFFFFF;
    margin: 8px 0px 0px 0px;
    padding: 0px 0px 0px 10px;
}

.navlist li {
    display: inline;
    list-style-type: none;
    margin: 0px 5px 0px 5px;
}

.mainNav {
    color: #FFFFFF;
    font-size: 14px;
    height: 20px;
}

.subNav a:link, a:visited, a:active {
    color: #BB0000;
    font-size: 10px;
    /*font-weight: none;*/
}

.boxHead {
    background: url(/images/BG_boxHead.gif) repeat-y top left;
}

.boxFoot {
    background: url(/images/BG_boxFoot.gif) repeat-y bottom left;
}

.billing tr {
    font-size: 14px;
}

.service {
    background: #FFFFCC;
    padding: 5px;
}

.warning-abuts-other-activities {
    background: #EDE0C7;
    padding: 5px;
}

.warning-expired {
    background: #ffff99;
    padding: 5px;
}

.list-line-odd {
    background: #FFFFFF;
    padding: 5px;
}

.list-line-even {
    background: #F6F6F6;
    padding: 5px;
}

.list2-line-even {
    background: #f4f4f4;
    padding: 5px;
}

.fieldWithErrors {
    padding: 2px;
    background-color: #C80000;
    display: table;
}

#errorExplanation {
    width: 400px;
    border: 4px solid #d62222;
    padding: 3px;

    margin-bottom: 20px;
    background-color: #f0f0f0;                                      
}

#errorExplanation h2 {
    text-align: left;
    font-weight: bold;
    padding: 5px 5px 5px 15px;
    font-size: 12px;
    margin: -7px;
    background-color: #C80000;
    color: #FFFFFF;
}

#errorExplanation p {
    color: #333333;
    margin-bottom: 0;
    padding: 5px;
}

#errorExplanation ul li {
    font-size: 12px;
    list-style: square;
}

div.uploadStatus {
    margin: 5px;
}

div.progress-container {
    border: 2px solid #ccc;
    width: 300px;
    margin: 2px 5px 2px 0;
    padding: 1px;
    float: left;
    background: white;
}

div.progress-container > div {
    background-color: #ACE97C;
    height: 12px
}

div.percentage {
    font-size: 56px;
    color: white;
}

div.report_link a {
    font-size: 56px;
}

/*
div.uploadStatus {
  margin: 5px;
}

div.progressBar {
  margin: 5px;
}

div.progressBar div.border {
  background-color: #FFFFFF;
  border: 1px solid grey;
  width: 100%;
}

div.progressBar div.background {
  background-color: #333333;
  height: 18px;
  width: 0%;
}

*/

.bordered {
    border: 2px solid #ccc;
}

.miniform {
    border: 2px solid #ccc;
    color:#d4effc;
}

.required {
    color: red;
    font-weight: bold;
}

.raw_fleet_view {
    font-family: Arial, Arial, sans-serif;
    border: none;
}