/* CSS Document */

html {
        height: 100%;
}

body {
        height: 100%;
        margin-bottom: 1px;
}

img { behavior: url(iepngfix.htc); }


.clr {
        clear: both;
}


hr { margin-top: 15px;
     margin-bottom: 10px;
     height: 1px;
        color: #DDDDDD;
}

.outline {
  border: 1px solid #000000;
  background: #FFFFFF;   background-color : #3C3B3D;
        padding: 0px;
}

.bar
{       border-right: 1px solid #565656;
        padding-left: 5px;     height: 25px;
       font-size: 12px;
}
.sidebg1 {background-image: url("images/sidebg1.png");
       background-color: #BBBBBB;
        border: 0px solid #666666;
        padding: 5px;  width: 185px;
}
.sidebg2 {
background-image: url("images/sidebg2.png");
       background-color: #FFFFFF;
        border: 0px solid #666666;  width: 10px;

}
.picdiv{ /*IE method of centering a relative div*/
    text-align: center;
}

.picdiv>div{ /*Proper way to center a relative div*/
margin: 0 auto;}

#buttons_outer {
        width: 850px;
        margin-bottom: 1px;
        margin-right: 0px;
        float: left;

}

#buttons_inner { background-image: url("images/topbg.png");
       background-color: #838383;
        border: 1px solid #666666;
        height: 25px !important;
        height: 25px;
}


h3
{
        padding: 0;
       margin: 2px;
       font-size: 9pt;
}

#header {
        float: left;
        padding: 0px;
        margin-right: 0px;
        width: 850px;
        height: 125px;
        background: url(images/header.png) no-repeat #AAAAAA;
}


#content_outer {
        padding: 0px;
        margin-top: 0px;
        margin-left: 0px;
        /** border: 0px solid #666666; **/
        float: left;
        width: 850px;
}

#content_inner{
  float: none !important;
  float: left;
  padding: 0;
  padding-top: 0px;
  margin: 0;
}

table.content_table {
  width: 100%;
        padding: 0px;
        margin: 0px;
}

table.content_table td {
        padding: 0px;     font-size: 9pt;
        margin: 0px;
}

table.drivers td {
        padding: 2px;
        margin: 0px;
}

.content_table1 {   background-image: url("images/c2cbg1.jpg");
background-repeat: no-repeat;
       background-color: #FFFFFF;
        padding: 0px;    font-size: 9pt;
        margin: 0px;
width: 655px; }


.content {
 font-family: Tohoma, Arial, Helvetica, Sans Serif;
        line-height: 110%;
font-size: 9pt;
     }


table td.body_outer {   background-color : #FFFFFF;
        padding: 0px;
        border: 0px solid #FFFFFF;
}

table.route  {
        padding: 3px;     font-size: 9pt;
        margin: 10px;
}

table.route td {
        padding: 3px;     font-size: 9pt;
        margin: 0px;
}


ul
{
margin: 0;
padding: 0;
list-style: none;
}

li
{
line-height: 15px;
padding-left: 12px;
padding-top: 0px;
background-image: url(../images/arrow.png);
background-repeat: no-repeat;
background-position: 0px 2px;
}


td {   font-family: Tohoma, Arial, Helvetica, Sans Serif;
        line-height: 110%;
font-size: 9pt;
        text-align: left;
}

h1 {   font-family: Tohoma, Arial, Helvetica, Sans Serif;
        font-size: 10pt;
        text-align: center;
        color: #265096;
}

body {
        margin: 0px;
        height: 100%;
        padding: 0px;
        font-family: Arial, Helvetica, Sans Serif;
        font-size: 9pt;
        color: #222222;
        background-color:#3C3B3D;
        background-image: url("images/pgbg.gif");
}

/* core stuff */
a:link, a:visited {
        color: #9E2844; text-decoration: none;
        font-weight: bold;
}

a:hover {
        color: #DE8300;        text-decoration: none;
        font-weight: bold;
}

.small {
        color: #555555;
        font-size: 11px;
}

#bottom_outer {  border-right: 0px solid #222222;
        width: 850px;
          margin-bottom: 0px;
        margin-right: 0px;
       color: #DDDDDD;
}

#bottom_inner {background-image: url("http://c2ctoh2o.com/images/topbg.png");
       background-color: #BBBBBB;
       border-top: 1px solid #666666;
        height: 24px !important;
        height: 24px;color: #DDDDDD;
text-align: center;}

table.footer td  { font-family: Verdana;
        font-size: 10px;
color: #222222;
padding-top: 3px;
}

#up { margin-top: -25px;}

#down { margin-top: -25px;}

form {
/* removes space below form elements */
        margin: 0;
         padding: 0;
}
A:link {
COLOR: #33557F; font-weight: normal;
FONT-FAMILY:  arial, helvetica, verdana, sans-serif;
TEXT-DECORATION: none
}
A:visited {
COLOR: #33557F; font-weight: normal;
FONT-FAMILY:  arial, helvetica, verdana, sans-serif;
TEXT-DECORATION: none
}
A:active {
COLOR: #33557F; font-weight: normal;
FONT-FAMILY:  arial, helvetica, verdana, sans-serif;
TEXT-DECORATION: none
}
A:hover {
COLOR: #000000; font-weight: normal;
FONT-FAMILY:  arial, helvetica, verdana, sans-serif;
TEXT-DECORATION: underline
}

 ul#faq
{
        list-style: none;
        padding: 0;
        margin-left: 5px;
       font-size: 12px;
}


ul#faq li
{
        padding-left: 5px;
       font-size: 12px;
        line-height: 21px;
         }

ul#faq li a
{       padding-left: 0px;
        text-decoration: none;
    }

ul#faq li a:hover
{     color: #72BE10;   }


ul#faq1
{
        list-style: none;
        padding: 0;
        margin-left: 5px;
       font-size: 12px;
}


ul#faq1 li
{      font-weight: normal;
        padding-left: 5px;
        padding-right: 5px;
       padding-top: 5px;
       font-size: 12px;
        line-height: 21px;
          }
ul#faq1 a
{
 color: #5C388E;
        padding-left: 2px;
        text-decoration: none;
    }

ul#faq1 a:hover
{
color: #F0BE10;   }

#header_outer {
        text-align: left;
        border: 0px;
        margin: 0px;
}



*/ mapinfos     */



#leftcontent {
        position: float;
        margin:10px 0px 0px 0px;
}


#rightcontent {

        margin-top:0px;
        width:210px;
        height:300px;

}

#content1{
font-size:12px;
text-align:left;
float: left;
padding:5px 10px 5px 10px;
border:1px solid #333333;
}

#borders{
padding:5px;
border:1px solid #666666;
margin:10px 0px 10px 0px;
width:175px;
}

#rt_borders{
padding:5px;
border:1px solid #666666;
margin:10px 0px 10px 0px;
width:375px;
}


#blurb_borders{
padding:0px;
border:0px solid #666666;
font-size:11px;
color:#333333;
}

#input_borders{
padding:5px;
border:1px solid #666666;
margin:15px 0px 10px 0px;
width:525px;
}


input{
font-family: Tahoma;
font-size:11px;
padding-left:5px;
}

hr{
color:#333333;
width:100%;
height:1px;
}

.button{
width:160px;
margin:3px 0px 3px 0px;
background-color:#cfcfcf;
}

.totals{
border:0px;
background-color:#ffffff;
color:#000000;
font-weight:bold;
font-size:13px;
margin:3px 0px 3px 0px;
width:165px;
}

.textfield{
width:165px;
margin:3px 0px 3px 0px;
}

#label{
display: block;
width:150px;
text-align:left;
float: left;
}

#rtlabel{
display: block;
width:150px;
text-align:left;
float: left;
}

.error{
font-size:10px;
color:#ff0000;
text-align:left;
float: left;
padding:20px;
}

.message{
font-size:10px;
text-align:left;
float: left;
padding:20px;
}

#map{
border:1px solid #333333;
}

#dek {position:absolute; top: 350px;
    left: 50%;
    margin-left: -20px;
     z-index:1000;  VISIBILITY:hidden;
   }

table.popup  {   font-family: Verdana;
        padding: 10px;  text-align: center;   font-size: 9pt;
        margin: 10px;
}

table.popup td { font-family: Tahoma;
        padding: 10px; text-align: center;     font-size: 9pt;
        margin: 10px;
}