/* CSS Document */

html {height:100%;}
body {height:100%; margin:0px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; padding:0px; line-height:1em;}
.altText {visibility:hidden;}
.panelEdge {width:100%; height:1px; border-bottom:solid 1px #997B05; position:absolute; bottom:1px; left:0px;}
.displayOn {display:block;}
.displayOff {display:none;}



/* --------------------- MAIN STRUCTURE OF PAGE ---------------------- */

#container {position:relative; min-height:550px; height:100%; padding:0px; margin:0px; min-width:780px;}
#mapContainer {position:relative; min-height:550px; height:90%; padding:0px; margin:0px; min-width:780px; margin-top:70px;}
#mapContainerSAVE {position:relative; height:100%; width:100%; background-color:#990000; margin-top:70px;}
#map {width:100%; min-height:526px; height:100%; padding:0px; margin:0px;}
#mapMinHeight {position:relative; top:0px; left:200px; z-index:1000; width:10px; height:550px; background-color:#000066; float:left;}

#mapCover {width: 100%; height:100%; padding:0px; margin:0px; background-color:#FEF5A7;  filter:alpha(opacity=50); -moz-opacity:.50; opacity:.50; position:absolute; z-index:10;}
#toprail {background-color:#CA6000; background-image: url("../images/global/bkg/toprail.jpg"); background-position:-75px; background-repeat:repeat-x; width:100%; height:70px; position:absolute; z-index:25; top:0px; left:0px;}
#logo {width:200px; height:64px; position:absolute; top:1px; left:15px; background: url("../images/global/ridefredLogo.gif") top left no-repeat;}


#mapKey {width:106px; height:174px; position:absolute; right:10px; bottom:40px; z-index:9; background-image:url(../images/mapfiles/mapKeyOpen.gif); background-position:left bottom; background-repeat:no-repeat;}
#mapKey.keyClosed {width:106px; height:26px; position:absolute; right:10px; bottom:40px; z-index:9; background-image:url(../images/mapfiles/mapKeyClosed.gif); background-position:left bottom; background-repeat:no-repeat;}
#mapKey a {display:block; text-decoration:none; width:26px; height:26px; position:absolute; top:0px; right:0px; border-width:0px;}

#bottomrail {background-color:#CA6000; background-image: url("../images/global/bkg/bottomRail.jpg"); background-position:bottom left; background-repeat:repeat-x; width:100%; height:24px; position:absolute; z-index:25; bottom:0px; left:0px;}
#footer {padding:5px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#FCF791;}



/* --------------------- TOP (CONTENT) PANEL ---------------------- */

#topPanelContainerWrapper {width:100%; height:70px; position:absolute; z-index:50; top:0px; left:0px;}
#topPanelContainer {position:relative; z-index:50; margin-left:220px; height:auto;}
#topPanel {margin-left:auto; margin-right:auto; width:551px; height:auto; position:relative;}








/* --------------------- IFRAME CONTAINER ---------------------- */


#iframeContainer {height:85px; border:solid 0px #FF0000;} /* DEFAULT STATE OF TOP (CONTENT) PANEL - OPEN */

#iframeContainer.expandIframe {height:550px;} /* WHEN TOP (CONTENT) PANEL IS OPEN */
#iframeContainer.shrinkIframe {height:85px;} /* WHEN TOP (CONTENT) PANEL IS CLOSED */





/* --------------------- LEFT (ROUTES) PANEL ---------------------- */
#routesPanelContainer {width:215px; position:absolute; z-index:75; top:70px; left:0px; font-size:9px;}
#leftPanelCorners {background:url(../images/global/accents/routePanelTopEdges.gif) top left no-repeat; width:220px; height:9px; position:absolute; z-index:76; left:0px; top:-1px;}

#routesPanelClosedContainer {width:215px; height:40px; position:absolute; top:0px; left:0px;}
#routesPanelClosed {width:215px; height:35px; position:absolute; top:0px; left:0px; background-color:#CCA300; border-bottom:solid 1px #735E0B; filter:alpha(opacity=90);-moz-opacity:.90;opacity:.90;}
#routesPanelClosedContainer a {display:block; width:100%; height:100%; background:url(../images/leftPanel/selectRoutes-closed.gif) no-repeat 11px 9px; text-decoration:none; position:relative; z-index:25; border-top:3px solid #553867;}
#routesPanelClosedContainer a span {visibility:hidden; text-decoration:none; border:solid 1px #FF0000;}



#routesPanelTop {width:100%; height:80px; position:absolute; z-index:15; top:0px; left:0px; background-color:#CCA300; border-bottom:solid 1px #735E0B; filter:alpha(opacity=80);-moz-opacity:.80;opacity:.80;}
#routesPanelBtm {width:100%; height:100px; position:absolute; z-index:15; bottom:-60px; left:0px; background-color:#CCA300; border-bottom:solid 1px #735E0B; filter:alpha(opacity=80);-moz-opacity:.80;opacity:.80;}
#routePanelContent {position:relative; margin:0px 0px 10px 0px; z-index:50; border-right:solid 1px #CCA300; border-left:solid 1px #CCA300;}

/*#routePanelHeader {background:url(/images/leftPanel/selectRoutes-open.gif) no-repeat 4px 0px; width:90; height:44px;}*/
#routePanelHeader {background:url(/images/leftPanel/selectRoutes-open.gif) no-repeat; width:205px; height:44px;}
#routePanelHeader span {visibility:hidden;}
#routeSelectType {text-align:center; margin:2px 0px 7px 0px; padding:0px;}
#routeSelectType * {margin:0px; padding:0px; font-size:11px;}
#routeSelectionArea {background-color:#FFFFFF; padding-top:4px; }

#displayButtons {height:15px; margin-top:5px; margin-left:4px;}
#displayButtons div {width:204px; height:15px; text-transform:uppercase; background-color:#CCCCCC; float:left; text-align:center; padding-top:4px; margin-right:3px;}
#displayButtons div a {color:#000000; text-decoration:none;}


#routeListingsContainer {clear:both; margin:8px 2px 2px 4px; padding-bottom:3px;}
/*
#routeListings {list-style-type:none; margin-left:0px; padding-left:0px;}
#routeListings li {margin:0px; padding:0px; margin-left:0px; padding-left:0px;}
#routeListings li span {display:inline-block; height:15px;}
*/
#routeListings {width:100%;}
#routeListings td {height:13px; vertical-align:middle;}
.stateIndicator {width:14px;}
.stateIndicator a {display:block; width:9px; height:9px; border:solid 1px #7F7F7F;}
.stateIndicator a.routeOn {background-color:#7F7F7F;}
.routeNumber {width:20px; height:100%; background-color:#CCCCCC; text-align:center;}
.routeNumber a {color:#000000; text-decoration:none;}
.routeName {font-size:9px; border-bottom:solid 1px #CCCCCC; padding-left:5px; text-transform:uppercase;}

.routeName a {
	display:block; 
	width:100%; 
	/* height:13px; */
	text-decoration:none; 
	padding-top:2px; 
	color:#000000; 
	position:relative;
}

.routeName a:hover {background-color:#F4F2ED;}
.routeColor {width:10px; height:10px; background-color:#CCCCCC; display:block; float:right; margin-right:2px; padding-right:0px;}
.selectionArrow.selected {width:8px; height:15px; position:absolute; z-index:75; right:-10px; top:0px; background:url(../images/leftPanel/selectionArrow.gif) no-repeat top left;}

#routeInfoPanelContainer {width:175px; min-height:408px; position:absolute; z-index:-1; top:90px; right:-174px;}
#routeInfoPanelCapTop {position:absolute; width:100%; height:8px; background-color:#CCA300; border-bottom:solid 1px #735E0B; filter:alpha(opacity=80);-moz-opacity:.80;opacity:.80; top:-8px; left:0px;}
.routeInfoPanelCap .panelEdge {bottom:3px;}
#routeInfoPanelCapBtm {position:absolute; z-index:0; width:100%; height:8px; background-color:#CCA300; border-bottom:solid 1px #735E0B; filter:alpha(opacity=80);-moz-opacity:.80;opacity:.80; bottom:0px; left:0px;}
/* #routeInfoColor {position:absolute; top:0px; left:0px; width:7px; height:100%; background-color:#CCCCCC;} */
#routeInfoColorContainer {padding-left:8px; border-left:solid 1px #CCA300; border-right:solid 1px #CCA300; position:relative; margin-top:0px; margin-bottom:8px;  height:410px; }
#routeInfoContentArea {position:relative; min-height:410px; background-color:#FFFFFF;}
/* IE HACK \*/
* html #routeInfoContentArea {height:410px;}
/* END HACK */



/* --------	LOCATION/DESTINATION ------------------*/
#routeDestinationContainer {background-color:#FDFBF6; line-height:2.1em;}
#routeDestinationSelect {padding:8px;}
.menuHeading {font-weight:bold; text-transform:uppercase; padding-bottom:5px; color:#333333; text-align:left;}
.menuInputContext {margin-top:5px; padding-bottom:2px;}
.routePanelInput {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; margin:0px; padding:0px; padding-bottom:1px; word-spacing:.1em;}
.routePanelMenu {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; margin:0px; padding:0px; padding-bottom:1px; word-spacing:.1em;}
.routeAddressLine {padding-left:0px; padding-bottom:3px; padding-top:5px;}
#startEndButtonContainer {text-align:center;}
#startEndButton {margin-top:0px;}
.grouping {background-color:#F1EFEA; padding:5px;}
.divider {height:10px; margin-bottom:10px; border-bottom:solid 1px #CCCCCC;}
.divider2 {height:10px; margin-bottom:10px; border-bottom:solid 1px #CCCCCC;}
.error {font-weight:bold; color:#CC0000; padding-top:5px;}
.message {font-weight:bold; color:#CC0000; padding-top:2px;}