/******************************************************************************
Filename:  screen.css
Project:   Trailways
Purpose:   Site CSS:  Contains global styles 
Date			Developer	Description
07/01/2008		ln			Version 1.0
******************************************************************************/

/**** GLOBAL STYLES ****/
body{background:#29ABE2 url('../images/home/homebg.gif') top left repeat-x; margin:0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-size:100%; font-family: Verdana, Geneva, sans-serif;}
body.int{background:#AE0000 url('../images/global/intbg.gif') top left repeat-x; margin:0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-size:100%; font-family: Verdana, Geneva, sans-serif;}
body.intFullWidth{background:#AE0000 url('../images/global/intbg.gif') top left repeat-x; margin:0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-size:100%; font-family: Verdana, Geneva, sans-serif;}
.right{text-align: right;}
.clear{clear: both; height: 0px;}
#screenreaderNav{position:absolute; left:0; top:0; z-index:-1;}
.screenreaderNavAnchor{display:none;}
img{border:none;}
.floatLeft{float: left;}
.floatRight{float:right;}

/************ CONTENT ************/
#contentWrapper{width: 100%; position:absolute; top: 85px;}
#contentContainer{width:980px; height:290px; padding:0px 0px 0px 0px; margin: 0 auto 0 auto; font-family: Verdana, Geneva, sans-serif;}

#homeFlash{width:980px; height:290px; background: transparent url('../images/home/flashbg.gif') top left no-repeat;}
#homeFlashPadding{padding: 12px 0px 0px 22px;}
* html #homeFlashPadding{padding: 9px 0px 0px 22px;}

#homeMarketing{width:980px; height: 177px; margin: 0 auto 0 auto; font-family: 'Trebuchet MS', Trebuchet, Helvetica, sans-serif;}
#cta01{background: transparent url('../images/home/cta01.gif') top left no-repeat; width:315px; height:177px; float: left;}
#cta02{background: transparent url('../images/home/cta02.gif') top left no-repeat; width:315px; height:177px; float: left;}
#cta03{background: transparent url('../images/home/cta03.gif') top left no-repeat; width:170px; height:177px; float: left;}
#polaroid{background: transparent url('../images/home/polaroidbacking.jpg') top left no-repeat; width:180px; height:177px; float: left;}

#intpageWrapper{width:100%; height:auto; position:absolute; top:85px;}
#intcontentWrapper{width: 100%; position:relative; top:0px;}
#intcontentContainer{width:980px; height:auto; padding:0px 0px 0px 0px; margin: 0 auto 0 auto; font-family: Verdana, Geneva, sans-serif;}
#intcontentTop{background: transparent url('../images/global/intContentTop.gif') top center repeat-y;}
#intcontentHeader{text-align:center; background: transparent url('../images/global/intContentTop.gif') top center repeat-y; padding: 0px 0px 10px 0px;}
#intcontentSectionHeading{background:transparent url('../images/global/intContentSectionHeading.gif') top center repeat-y; height:58px; padding: 0px 20px 0px 35px; font-family: 'Trebuchet MS', Trebuchet, Helvetica, sans-serif; font-size:115%; color:#ffffff;}
body.intFullWidth #intcontentSectionHeading{background: url('../images/global/intContentSectionHeading_fw.gif') top center no-repeat;}
#intcontentSectionHeading .floatLeft{padding: 22px 0px 0px 0px;}
#intcontentMainWrapper{background:transparent url('../images/global/intContentbg.gif') top center repeat-y; height:auto;}
body.intFullWidth #intcontentMainWrapper{background:transparent url('../images/global/intContentbg_fw.gif') top center repeat-y;}

#intcontentLeftNav{float:left; width:179px; margin: 0px 0px 0px 25px; @margin: 0px 0px 0px 25px; padding: 20px 0px 0px 0px; background-color:#ffffff;}
* html #intcontentLeftNav{margin: 0px 0px 0px 12px;}
html>/**/body #intcontentLeftNav, x:-moz-any-link, x:default {margin: 0px 0px 0px 24px;}
#leftNavContainer{background: transparent url('../images/leftnav/leftnav_bg.gif') top left repeat-y; margin-top:-1px; @margin-top:-5px;}
* html #leftNavContainer{margin-top:-5px;}

.leftNav3Off{}
.leftNav3Off a{color:#ffffff; display:block; padding: 5px 0px 5px 20px; font-size:70%; font-weight:bold; text-decoration:none; width:159px; margin:0px; background: transparent url('../images/leftnav/leftnav_3down.gif') top left repeat-y;}
.leftNav3Off a:hover{color:#aaaaaa; display:block; padding: 5px 0px 5px 20px; font-size:70%; font-weight:bold; text-decoration:none; width:159px; margin:0px; background: transparent url('../images/leftnav/leftnav_3up.gif') top left repeat-y;}
.leftNav3On{}
.leftNav3On a{color:#ffffff; display:block; padding: 5px 0px 5px 20px; font-size:70%; font-weight:bold; text-decoration:none; width:159px; margin:0px; background: transparent url('../images/leftnav/leftnav_3up.gif') top left repeat-y;}
.leftNav3On a:hover{color:#aaaaaa; display:block; padding: 5px 0px 5px 20px; font-size:70%; font-weight:bold; text-decoration:none; width:159px; margin:0px; background: transparent url('../images/leftnav/leftnav_3up.gif') top left repeat-y;}

.leftNav4Off{}
.leftNav4Off a{color:#B53131; display:block; padding: 5px 0px 5px 55px; font-size:70%; font-weight:bold; text-decoration:none; width:120px; margin:0px; }
.leftNav4Off a:hover{color:#aaaaaa; display:block; padding: 5px 0px 5px 55px; font-size:70%; font-weight:bold; text-decoration:none; width:120px; margin:0px;}
.leftNav4On{}
.leftNav4On a{color:#005B99; display:block; padding: 5px 0px 5px 55px; font-size:70%; font-weight:bold; text-decoration:none; width:120px; margin:0px; background: transparent url('../images/leftnav/leftnav_4up.gif') top left no-repeat;}
.leftNav4On a:hover{color:#aaaaaa; display:block; padding: 5px 0px 5px 55px; font-size:70%; font-weight:bold; text-decoration:none; width:120px; margin:0px; background: transparent url('../images/leftnav/leftnav_4up.gif') top left no-repeat;}

.leftNav5Off{}
.leftNav5Off a{color:#B53131; display:block; padding: 3px 0px 3px 65px; font-size:60%; font-weight:bold; text-decoration:none; width:110px; margin:0px; }
.leftNav5Off a:hover{color:#aaaaaa; display:block; padding: 3px 0px 3px 65px; font-size:60%; font-weight:bold; text-decoration:none; width:110px; margin:0px;}
.leftNav5On{}
.leftNav5On a{color:#005B99; display:block; padding: 3px 0px 3px 65px; font-size:60%; font-weight:bold; text-decoration:none; width:110px; margin:0px;}
.leftNav5On a:hover{color:#aaaaaa; display:block; padding: 3px 0px 3px 65px; font-size:60%; font-weight:bold; text-decoration:none; width:110px; margin:0px;}

.leftNav6Off{}
.leftNav6Off a{color:#B53131; display:block; padding: 3px 0px 3px 65px; font-size:60%; font-weight:bold; text-decoration:none; width:110px; margin:0px; }
.leftNav6Off a:hover{color:#aaaaaa; display:block; padding: 3px 0px 3px 65px; font-size:60%; font-weight:bold; text-decoration:none; width:110px; margin:0px;}
.leftNav6On{}
.leftNav6On a{color:#005B99; display:block; padding: 3px 0px 3px 65px; font-size:60%; font-weight:bold; text-decoration:none; width:110px; margin:0px;}
.leftNav6On a:hover{color:#aaaaaa; display:block; padding: 3px 0px 3px 65px; font-size:60%; font-weight:bold; text-decoration:none; width:110px; margin:0px;}

#leftnavbottom{padding: 0px 0px 0px 25px; #padding: 0px 0px 0px 25px; #margin: 0px 0px -5px 0px;}
* html #leftnavbottom{padding: 0px 0px 0px 25px; margin: 0px 0px -5px 0px;}
html>/**/body #leftnavbottom, x:-moz-any-link, x:default {padding: 0px 0px 0px 24px;}

#intcontentMiddle{float:left; width:476px; height:330px; padding: 0px 30px 0px 45px; font-size:75%;}
* html #intcontentMiddle{width:504px; padding: 0px 0px 0px 48px;}
body.intFullWidth #intcontentMiddle{float:left; width:700px; height:330px; padding: 0px 0px 0px 45px;}
body.intFullWidth * html #intcontentMiddle{width:700px; padding: 0px 0px 0px 48px;}
html > body #intcontentMiddle{height:auto; min-height:320px;}
html > body.intFullWidth #intcontentMiddle{height:auto; min-height:320px;}
#intcontentMiddle img{padding: 5px; border:1px solid #cccccc; margin: 15px;}
#intcontentMiddle p{line-height:1.4em; letter-spacing:0.02em;}
body.intFullWidth #intcontentMiddle p{}
#intcontentMiddle ul{padding:10px 25px 0px 40px; @padding: 0px 25px 0px 0px;}
li{padding: 0px 0px 0px 0px;}
ul li ul li{margin: 0px 0px 0px 15px;}
ul li ul{margin: 15px 0px 0px 15px;}
body.intFullWidth #intcontentMiddle ul{padding:0px 50px 0px 0px;}
body.intFullWidth #intcontentMiddle ol{padding:0px 50px 0px 50px;}
blockquote{}
hr{width:400px;}
#intcontentMiddle .tableVAMiddle{vertical-align:middle;}

/* Faqs */
#faqs{}
.faqNav{width:500px; text-align:center;}
#faqs h2{margin:0 0 0 0; font-size:11px;}
.treeview ul{margin:0; padding:0; width:330px;}
/*Style for LI elements in general (excludes an LI that contains sub lists)*/
.treeview li{list-style-type:none; padding-left:16px; margin:0 0 0px -40px;}
.treeview li p{padding:0;}
.treeview li img{vertical-align:top;}
/* Style for LI that contains sub lists (other ULs). */
.treeview li.submenu{background:url("../images/global/tree_menu/plus.gif") no-repeat 0 20px; cursor: hand !important; cursor: pointer !important;}
/*Style for ULs that are children of LIs (submenu) *//*Hide them by default. Don't delete. */
.treeview li.submenu ul{display:none;}
/*Style for LIs of ULs that are children of LIs (submenu) */
.treeview .submenu ul li{margin-left: -40px; @margin-left:-15px; cursor:default;}

#intcontentMiddle a{color:#B71C27; text-decoration:underline;}
#intcontentMiddle a:hover{color:#B71C27; text-decoration:none;}
#intcontentMiddle h1{color:#B71C27; font-size:130%; font-family: 'Trebuchet MS', Trebuchet, Helvetica, sans-serif; margin:0; padding: 15px 0px 0px 0px;}
#intcontentMiddle h2, #intcontentMiddle h3, #intcontentMiddle h4, #intcontentMiddle h5, #intcontentMiddle h6, #intcontentMiddle h7{color:#B71C27; font-size:130%; font-family: 'Trebuchet MS', Trebuchet, Helvetica, sans-serif; margin:0; padding: 15px 0px 0px 0px;}
#intcontentMiddle #top img{border:0px; padding:0px; margin:0px;}
#intcontentMiddle #top{float:right; margin-right: 0px;}
html > body #intcontentMiddle #top{float:right; margin-right: -30px;}
#intcontentMiddle #top2 img{border:0px; padding:0px; margin:0px;}
#intcontentMiddle #top2{float:right;}
#intcontentMiddle tr{vertical-align:top;}


#intcontentRight{float:left; width:194px; padding: 10px 0px 0px 11px; text-align:center; overflow:hidden;}
#intcontentRight h1, #intcontentRight h2, #intcontentRight h3, #intcontentRight h4, #intcontentRight h5, #intcontentRight h6, #intcontentRight h7{color:#AD1E23; font-size:100%; font-weight:bold; font-family: 'Trebuchet MS', Trebuchet, Helvetica, sans-serif; padding: 10px 20px 10px 20px; margin:0; line-height:1.2em;}
#intcontentRight h3{font-size:80%; padding:20px 0px 0px 0px; }
#intcontentRight #rc, #intcontentRight #rcSubSection{padding: 10px 20px 0px 20px; margin:0; text-align:left; font-size:65%;}
#intcontentRight #rc ul, #intcontentRight #rcSubSection ul{padding:0px 10px 0px 5px; margin:0;}
#intcontentRight p{margin:5px 0px 0px 5px;}
#intcontentRight a{color:#B71C27;}
#adMid{background: transparent url('../images/global/adBg.gif') top left repeat-y;}
#adbottom{margin:0px 0px -5px 0px;}

/************ FOOTER ************/
#footerWrapper{width: 100%; background:#29ABE2 url('../images/global/footerbg.gif') 0px -15px repeat-x;}
#footerContainer{width:980px; height:auto; padding:0px 0px 0px 0px; text-align:center; margin: 0 auto 0 auto; font-family: Verdana, Geneva, sans-serif;  background:transparent url('../images/global/footermidbg.gif') center -10px no-repeat; text-align:center; margin: 0 auto 0 auto; font-family: Verdana, Geneva, sans-serif;}
#intfooterWrapper{width: 100%; position:relative; top:0px; background:#29ABE2 url('../images/global/footerbg.gif') top left repeat-x;}
#intfooterContainer{width:980px; height:auto; padding:10px 0px 30px 0px; background:transparent url('../images/global/footermidbg.gif') top center no-repeat; text-align:center; margin: 0 auto 0 auto; font-family: Verdana, Geneva, sans-serif;}
#footerNav{font-size:70%; font-weight:bold; letter-spacing:0.05em; padding:10px 0px 20px 0px;}
#footerNav a{color:#ffffff; text-decoration:none;}
#footerNav a:hover{color:#4DCBF7; text-decoration:none;}
#footerText{color:#073E75; font-size:60%; font-weight:bold;}
#footerText a{color:#073E75; text-decoration:none;}
#footerText a:hover{color:#4DCBF7; text-decoration:none;}
#credit{color:#9bc8dc; float: right; padding: 15px 40px 0px 0px; font-size:70%; letter-spacing: 0.05em;}
#credit a{color:#4DCBF7; text-decoration: none;}
#credit a:hover{color:#ffffff; text-decoration:none;}

/************ HEADER ************/
#headerWrapper{width:100%; position: absolute; top:0px;}
#headerContainer{width:980px; height: 85px; margin: 0 auto 0 auto;}
#headerLogo{width: 180px; padding: 0px 0px 0px 40px; float: left; height:85px;}
#headerRight{width:560px; float:right; height:85px;}
#utilityNav{width: 560px; height: 16px; float:right; text-align:right; font-weight:bold; padding: 4px 0px 0px 0px;}
#utilityNav a{color:#ffffff; text-decoration:none; font-size:60%; padding: 0px 10px 0px 0px;}
#utilityNav a:hover{color:#996666; text-decoration:none; font-size:60%; padding: 0px 10px 0px 0px;}

/************ TOP NAVIGATION ************/
#topnav{font-size:110%; width:360px; height:30px; padding: 4px 0px 0px 170px; margin: 37px 0px 0px 0px; #margin: 32px 0px 0px 0px; font-family: 'Trebuchet MS', Trebuchet, Helvetica, sans-serif; text-align:right; letter-spacing:0.04em; font-weight:bold; background: transparent url('../images/global/topnavbg.gif') right 2px no-repeat;}
*:first-child+html #topnav{margin-top:55px;} /** IE 7 Only hack **/ /** #attribute is IE6 Only hack **/
#topNavContainer{margin-left:30px;}

/************ FORMS ************/
span.hidden{display:none} 
.form td{padding: 3px 0px 3px 2px;}
.searchField{color:#3c3c3c; background-color:#c85c5c; font-size: 70%; width:135px; font-weight:bold; font-family: Verdana, Geneva, sans-serif; padding: 2px 0px 0px 5px; border:0; height:14px;}
.formHeader{color:#dddddd; background-color:#AE0000; font-size: 100%; font-weight:bold; font-family: 'Trebuchet MS', Trebuchet, Helvetica, sans-serif; padding: 5px 5px 5px 5px; margin: 20px 20px 20px 0px;}
/*table{margin: 0px 0px 0px 30px;}
table td{padding: 5px 0px 5px 0px;}*/
.form td{padding: 5px 5px 5px 0px;}
.formButtons{text-align: center; margin: 20px 0px 20px 0px;}
.label{text-align: right; padding: 5px 10px 0px 0px; font-size:80%;}
.field{text-align: left; border:1px solid #cccccc;}
.radio{font-size: 11px;}
.select{text-align: left;}
.example{font-size: 10px; color:#666666;}
.required{font-size: 12px; color:#ff0000; padding: 3px 2px 0px 0px;}
.error{font-size: 11px; color:#ff0000;}
.LV_validation_message{margin:0 0 0 0px; font-size: 10px; display:block;}
.LV_valid {color:#00CC00;}
.LV_invalid {color:#CC0000;}
.LV_valid_field,input.LV_valid_field:hover, input.LV_valid_field:active,textarea.LV_valid_field:hover, textarea.LV_valid_field:active {border: 1px solid #cccccc;}
.LV_invalid_field, input.LV_invalid_field:hover, input.LV_invalid_field:active,textarea.LV_invalid_field:hover, textarea.LV_invalid_field:active {border: 1px solid #CC0000 !important;}

/************ SITEMAP ************/
#sitemap{width:450px; line-height:1.4em; letter-spacing:0.02em; padding: 10px 0px 0px 0px;}
#sitemap a{color:#B71C27; text-decoration:underline;}
#sitemap a:hover{color:#B71C27; text-decoration:none;}
.sitemapTitle{font-size:14px; font-weight:bold; padding:10px 0px 0px 0px;}



/************ BEGIN:  PRINT ************/
#printHeader{display:none;}
#pageTitleContainer{display:none;}
#pageTitle{display:none;}


/************ INDIVIDUAL BUS TICKETS  ************/
#contentMapContainer{background:transparent url('/images/map/default.gif') top left no-repeat; width:651px; height:399px;}
#contentMapContainer img{padding:0!important; margin:0!important; border:0!important;}

.tableHead{color:#B71C27; font-size:100%; font-family: Trebuchet, Helvetica, sans-serif; margin:0; padding: 15px 0px 0px 0px;}}
.tableText{line-height: 1.4em; letter-spacing:0.02em; font-size:11px;}

#trailwaysContainer{color:#9bc8dc; letter-spacing: 0.05em; width:960px; margin-left:20px; font-family:Verdana,Geneva,sans-serif; font-size:70%; text-align:left; float:left;}
#switchcontent{overflow:auto; height:65px;}

.Categories{padding:5px 0 0 0; display:block; }
.Categories a{padding:0 10px 0 0; text-decoration:none;color:#4DCBF7;}
.Categories a:hover{color:#ffffff; border-bottom:1px dotted #4DCBF7;}
#task1-title{text-align:right; text-align:left;}
.switchgroup1{padding-bottom:0px;}


/* Motorcoach Listing by country/state */
.mainDiv{clear:both;}
.state{float:left;}
.category{}
.submenu1 {margin:5px 0 5px 0; font-size:12px; padding:5px; width:680px; background-color:#005b99;}
.submenu1 a{font-size:14px!important; font-weight:bold!important; color:#FFFFFF!important; text-decoration:none; display:block;}
.submenu1 a:hover{font-size:14px!important; font-weight:bold!important; color:#AAAAAA!important; text-decoration:none; display:block; border-bottom:0px!important;}
.submenu2{padding:0px 0px 5px 0px; width:226px; margin:10px 0px 4px 2px;}
.cdfcategory ul{ padding:0px 0px 0px 0px!important; margin:10px 0px 10px 10px!important;}
.cdfcategory ul li{padding:0px 0px 0px 0px!important; margin:0px 0px 0px 10px!important;}
li.cityList{background:url(../images/global/bullet.gif) 0px 3px no-repeat; display:block; vertical-align:top; padding:0px 0px 0px 12px!important; margin-left:10px;}
.StaffHeading{margin:10px 0px 10px 0px!important; font-weight:bold; font-size:12px; padding:5px;}