html, body, p, ul, ol, dl, li, dd, dt, img, table, blockquote, q, caption, a, form, xform, div, textarea, fieldset, pre {
	margin: 0px;
	padding: 0px;
}

body {
	/*height: 100%;*/
	/*background: #0069cc url(../images/structure/contentBackgroundRepeat.png) top center repeat-y; */
	/*background: url(/FILE/Apps/FixedRoute/CustomerInfo/images/background-pattern.gif) repeat-x scroll top left;*/
	/*background: url(/FILE/Apps/FixedRoute/CustomerInfo/images/background-pattern.gif) repeat-x scroll top left;*/
	font-size: 12px;
	font-family: Arial, "Lucida Grande", Verdana, Lucida, Helvetica, sans-serif;
}

input, select, option{
/*	margin: 0px;
	padding: 2px 2px;*/
	font-size: 12px;
	font-family: Arial, "Lucida Grande", Verdana, Lucida, Helvetica, sans-serif;
	vertical-align: middle;
}
img { border: 0px; }

p { margin: 10px 0px 10px 0px; }

table { padding: 0 0 15px 0; }

#routeSch table{
	font-size:12px;
	color:#396BAD;
}

blockquote { margin: 15px 20px; }

.normal-size{font-size: 11px;}
.vspace-s {clear: both; margin-top: 4px;}
.vspace {clear: both; margin-top: 8px;}
.vspace2 {clear: both;margin-top: 16px;}


/* ===================================STYLES SHOULDN'T NEED ALTERING====================================== */


em { font-style: italic; }

strong { font-weight: bold; }

acronym { background: transparent; cursor: help; }

a acronym { border: none; cursor: pointer; }


/* Make sure your columns divs are inside a holding div that is set to float: left; */

.clear { clear: both; }


/* Remove the dotted borders on image links */

a img, :link img, :visited img, :hover img, :active img { border: none; }
a { outline: none; color: #0b90c8;}


.zebra-light{
	background-color: #F0F8FF;
}

.zebra-dark{
	background-color: #D0E1F1;
}
.row-selected{
	background-color: #6495ED;
	color:			  #FFF;
}

.table-head{
	background-color: #0095CD;
	color:			  #FFF;
	text-align: left;
}

.next-bus
{
	cursor:			  hand; 
}
.zebra-light:hover, .zebra-dark:hover
{
	color:			  #000;
}
/* ===================================STRUCTURE====================================== */


#actionsContainer {
	width: 100%;
	height: 11px;
	padding: 0px;
	/*background:url(../images/contentTop.png) top left no-repeat;*/
}

#breadcrumbs {
	
	width: 100%;
	height: 22px;
	color: #939393;
	overflow: hidden;
	background:url(../images/breadcrumbsBackground.png) top left no-repeat;
}

#mainTopShadow{
	width:100%;
	height:16px;
	margin-left:-26px;
	background:url(../images/mainTopShadow.png) top left no-repeat;
}

#printArea
{
/*	border: 1px solid #396BAD; */
	height:100%;
	width: 100%;
	min-width: 732px;
	min-height:671px;
	background-color: #FFFFFF !important;
}


#toolsContentRight{
	min-width:412px;
	min-height:600px;
	height: 100%;
	float: left;
	position: relative;
	border: 1px solid #396BAD;
}

#toolsContentLeft {
	width: 300px;
	height: 100%;
	min-height:600px;
	position: relative;
	float: left;
	margin-right: 10px;
	background-color: #fff;
	
}


#toolsContentLeft #contentLeft{
	height: 90%; 
	margin:0;
	padding: 0;
	overflow: hidden;
}

#toolsContentFull{
	width: 890px;
	float: left;
	padding: 0;
	position: relative;
	background-color: #99cb65 !important;
	color: #fff;
	overflow: hidden;

}


.gform{
	position: relative;
	clear: both;
	float: left;
	padding: 3px 5px 0px 5px;
	border: 1px solid #396bad;
	border-top: none !important;
	width: 287px;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	margin: 0;
	color:#fff;
	color: #333;
	font-size:12px;
	min-height: 436px;
	background: #fff url("../images/ui-bg_grade_fff_e7f0f8_1x200.png") bottom center repeat-x;
}

.gformTrip{
	position: relative;
	clear: both;
	float: left;
	padding: 3px 5px 0px 5px;
	border: 1px solid #396bad;
	border-top: none !important;
	width: 287px;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	margin: 0;
	color:#fff;
	color: #333;
	font-size:12px;
	min-height: 436px;
	background: #fff url("../images/ui-bg_grade_fff_e7f0f8_1x200.png") bottom center repeat-x;
}
#toolsContentLeftInteriorTrip {
	position: relative;
	clear: both;
	float: left;
	width: 96%;
	padding: 3px;
	color: #333333;
	max-height: 720px;
	overflow:	auto;
	}
#toolsContentLeftInteriorItin {
	position: relative;
	clear: both;
	float: left;
	width: 96%;
	padding: 3px;
	color: #333333;
	max-height: 720px;
	overflow:	auto;
	}	
#toolsContentLeftInterior {
	position: relative;
	clear: both;
	float: left;
	width: 96%;
	padding: 3px;
	color: #333333;
	max-height: 720px;
	/*overflow:	auto;*/
	/*
	border: 1px solid #396bad;
	border-top: none !important;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	margin: 0 0 6px 0;
	color:#fff;
	color: #333;
	font-size:12px;
	background: #fff url("../images/ui-bg_grade_fff_e7f0f8_1x200.png") bottom center repeat-x;
	*/
}

#toolsContentLeftLongInterior{
	position: relative;
	float: left;
	width: 93%;
	padding: 15px 10px 10px 10px;
	color: #333333;
	height: 415px;
	overflow: hidden;
}




#toolsContentLeftLong {
	position: relative;
	float: left;
	width: 96%;
	padding: 10px 0px 10px 4px;
	margin: 0;
	color: #333333;
	height: 463px;
	overflow: hidden;
}

#menu-bottom{
	position: absolute;
	left: 0px;
	bottom: -6px;
	
}

.remark-list{
	border:  1px solid #396BAD;
	background-color: #edf5e1;
}
.remark-list-box{
	border:  1px solid #396BAD;
	border-top: #fff 0px solid;
	background-color: #fff;
	padding: 10px;
}

.remark-text{
	color: #ec971a;
}

.remarksTable
{
	color: white;
	background-color: #0095CD;
}

/******************************* VARIOUS LINK STLES ***************************/
.blue-link {
	color: #0b90c8;
	text-decoration: none;
	font-weight: bold;
}

.yellow-link{
	color: #ec971a;
	text-decoration: none;
}
.white-link {
	color: #fff;
	text-decoration: none;
	font-weight: bold;
}

.white-link-n  a{
	color: #fff;
	text-decoration: none;
}
.white-link-n  a:hover{
	color: #0b90c8;
	text-decoration: none;
}


/*
.green-link
{
	color: #396BAD;
	text-decoration: none;
	font-weight: bold;
}

.green-link-n a
{
	color: #396BAD;
	text-decoration: none;
}

.green-link-n  a:hover{
	color: #396BAD;
	text-decoration: none;
}*/

.theme-link
{
	color: #396BAD;
	text-decoration: none;
	font-weight: bold;
}

.theme-link-n a
{
	color: #396BAD;
	text-decoration: none;
}

.theme-link-n  a:hover{
	color: #396BAD;
	text-decoration: none;
}

.black-link
{
	color: #000000;
	text-decoration: none;
	font-weight: bold;
}

.black-link-n a
{
	color: #000000;
	text-decoration: none;
}

.black-link-n  a:hover{
	color: #000000;
	text-decoration: none;
}

#printArea .white-link-n  a:visited
{
	color: #0b90c8;
	text-decoration: none;
}
#printArea  a:hover
{
	text-decoration: underline;
}
/******************************* END VARIOUS LINK STLES ***************************/

.icon{
	vertical-align:	middle;
	padding-right: 6px;
	display: inline;
}

/************* LEFT SIDE MENU TABS ***************/

.leftMenuHead
{
	width: 99%;
	height: 0px;
	float: left;
	
	/*background: url(../images/LeftMenuHead.png) top left no-repeat;*/
	color: #FFFFFF;
	padding: 0px 0px 0px 4px;
	margin:0;
	border-bottom:  0;
}

.mapArrow {
	margin-top: 0px;
	margin-left: 271px;
}
.mapArrow a{
	
	text-decoration:none;
	font-weight: bold;
	font-size: 16px;
	color: #396BAD;
}

.leftMenuTab a
{
	width: 271px;
	height: 28px;
	font-weight: bold;
	font-size: 16px;
	line-height: 28px;
	float: left;
	text-decoration:none;
	border: 1px solid #c5dbec; 
	background: #fcfdfd url("../images/BtnBar.jpg") 0 50% repeat-x;
	color: #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-bottom: 4px;
	padding-left: 26px;
	clear: both;
}
.leftMenuTab a:hover
{
	border: 1px solid #79b7e7; 
	background: #cbdfef url("../images/BtnBarHover.jpg") 0 50% repeat-x; 	
	font-weight: bold; 
	color: #1d5987; 
}

.leftMenuTabActive a, .leftMenuTab.on a
{
	border: 1px solid #396bad;
	border-bottom: none !important;
	-webkit-border-bottom-left-radius: 0px;
	-webkit-border-bottom-right-radius: 0px;
	-moz-border-radius-bottomleft: 0px;
	-moz-border-radius-bottomright: 0px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	background: #fff url("../images/BtnBarActive.jpg") 0 50% repeat-x;
	margin-bottom: 0; 
	color: #548512;
}



/************* END LEFT SIDE MENU TABS ***************/

#toolsContentLeft h2 {
	font-size: 12px;
	font-weight: bold;
	margin: 0px 0px 0 0px;
	padding:0;
}

/******************************* MAP STYLES ***************************/
#toolsMap
{
}

#toolsMap iframe
{
}

#map_canvas
{
	border:  0px solid #396BAD;
	height:100%;
	width: 100%; 
	z-index: 0;
	overflow: hidden;
	position: relative;
	min-height:582px;
	background-color: #fff;
	cursor: pointer !important;
}


#mapCornersTop {
	top: 0px;
	left: 0px;
	height: 5px;
	width: 455px;
	position: absolute;
	background: url(../images/mapCornersTop.png) top left no-repeat;
}
#mapCornersBottom {
	bottom: 0px;
	left: 0px;
	height: 5px;
	width: 455px;

	position: absolute;
	background: url(../images/mapCornersBottom.png) top left no-repeat;
}

.refresh-btn
{
	width: 65px;
	height: 23px;
	border: 0;
	margin-left: 10px;

	font-weight: bold;
	font-size: 11px;
	text-align: center;
	vertical-align: middle;
	padding-bottom: 3px;
	
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	
	color: #d9eef7 !important;
	border: solid 1px #0076a3;
	background: #0095cd;
	background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
	background: -moz-linear-gradient(top, #00adee, #0078a5);
}

.center-map-btn
{
/*	width: 70px;
	height: 26px;
	right: 200px;
	bottom:  20px;
	margin-left: 10px;
	position: absolute;

	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	padding-bottom: 4px;
	background-color: #0094cc;
	border: 2px solid #396bad;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
*/

	
	display: inline-block;
	zoom: 1; 
	*display: inline;
	vertical-align: baseline;
	margin: 0 10px 0 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding: 4px 10px 6px; 
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	
	color: #d9eef7 !important;
	border: solid 1px #0076a3;
	background: #0095cd;
	background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
	background: -moz-linear-gradient(top, #00adee, #0078a5);
	
	width: 85px;
	right: 130px;
	bottom:  20px;
	margin-left: 10px;
	position: absolute;
}


.center-map-btn1
{

	
	display: inline-block;
	zoom: 1; 
	*display: inline;
	vertical-align: baseline;
	margin: 0 10px 0 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding: 4px 10px 6px; 
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	
	color: #d9eef7 !important;
	border: solid 1px #0076a3;
	background: #0095cd;
	background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
	background: -moz-linear-gradient(top, #00adee, #0078a5);
	
	width: 85px;
	left: 30px;
	bottom:  20px;
	margin-left: 10px;
	position: absolute;
	z-index: 500;
}


.map-btn
{
	display: inline-block;
	zoom: 1; 
	*display: inline;
	vertical-align: baseline;
	margin: 0 10px 0 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding: 4px 10px 6px; 
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	
	color: #d9eef7 !important;
	border: solid 1px #0076a3;
	background: #0095cd;
	background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
	background: -moz-linear-gradient(top, #00adee, #0078a5);
	
	width: 85px;
	right: 30px;
	bottom:  20px;
	margin-left: 10px;
	position: absolute;
}

.print-btn
{
	width: 70px;
	height: 26px;
	right: 40px;
	bottom:  20px;
	margin-left: 10px;
	position: absolute;
/*	background:url(../images/btn_green_slice.png) repeat-x scroll top left; */
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	padding-bottom: 4px;
	background-color: #0094cc;
	border: 2px solid #396bad;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.print-btn:hover, .map-btn:hover, .center-map-btn:hover, .refresh-btn:hover
{
/*
	background-color: #d7e8f2;
	border: 2px solid #79b7e7; 
	font-weight: bold; 
	color: #1d5987; 
	text-decoration: underline;
*/
	background: #007ead;
	background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
	background: -moz-linear-gradient(top, #0095cc, #00678e);
	/*filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e'); */
	text-decoration: none !important;
}

.infoWindowSpacer
{
	height: 5px;
}

.infoWindowTitle
{
	color: #1155CC;
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 5px;
}

.infoWindowHeadings
{
	color:  green;
}
.infoWindowHeadingsLongText:Hover
{
	overflow : auto;
}
.infoWindowHeadingsLongText
{
	
}

.infoWindowLinkHeadings
{
	color: black;
}

.infoWindowLink
{
	color: #1155CC;
	text-decoration: none;
}

.infoWindowLink:Hover
{
	text-decoration: underline;
}

.infoWindowSeparator
{
	margin:5px 0px 5px 0px;
	width: 100%;
	height: 1px;
}
/******************************* END MAP STYLES ***************************/

/* ===================================GENERAL CONTENT====================================== */


#button-save {
	width: 47px;		/* exact button width */
	height: 23px;		/* exact button height */
	/* button background: don't repeat the background, let it scroll with
	   the page, and find the proper offset for the button in the file */
	background: url('buttons.gif') no-repeat scroll -6px -5px;
}

#button-cancel {
	width: 80px;
	height: 23px;
	background: url('buttons.gif') no-repeat scroll -6px -32px;
}

#contentBackground {
	width: 100%;
	height: 100%;
	background-color: #FFFFFF;
	position: relative;
	padding: 10px;
}

#contentBottom {
	width: 948;
	height: 11px;
	clear: both;
	background: url(../images/contentBottom.png) top left no-repeat;
}

#CalendarIcon {
	vertical-align: middle !important;
	cursor:hand;
	margin-left: -20px;

}

.date-input{
	width: 107px;
	margin-left: 3px;
}

.ErrMsg
{
	background-color: transparent;
	padding: 10px, 10px, 0 10px;
}

.error-table{
		width: 100%;
		font-size: 12px;
		padding: 10px;
		background-color: transparent;
	}

.error-msg
{
	padding: 20px 10px 10px 20px;
	background-color:  transparent;
    border: 0px solid #ffa500;
	margin-bottom: 15px
}

.ErrMsg ul li
{
	margin-left: 20px;
}

#msg {
		top: 100px;
		left: 30%;
		height: 230px;
		width: 320px;
		position: absolute;
		
		background: #fff url("../images/ui-bg_grade_fff_e7f0f8_1x200.png") bottom center repeat-x;
		border: 1px solid #396bad;
		padding: 13px 10px 20px 10px;
		opacity:.90;
		filter: alpha(opacity=90);
		-moz-opacity:0.9;
		overflow:	auto;
	/*	background: url(../images/triptools/popupTop01.png) top left no-repeat; */
	}

#msg a{
	color: #1155CC;
	font-weight: bold;
}

.mul-address
{
	margin-top: 8px;
}

.hide
{
	display: none;
}

.show
{
	display: block;
}
.itin-sum-remark ul
{list-style-image:url(../images/triptools/warning01.gif); margin:10px 0px 15px 26px; _margin:10px 0px 15px 16px; list-style-position:outside; }

.note
{
	font-weight: bold;
}

.info-btn{
	color: white;
	background: #9c9c9c;
	vertical-align: middle;
}

.normal{
	color: white;
	font-size: 11px;
	font-weight: normal;
}

.input /*Specifically, text boxes. These are siightly shorter than the combo boxes to prevent overlapping the edge of the div, create the need for a scroll bar.*/
{

	width:98%;
}

.inputComboBox
{
	width:100%;
}

.advanced-opt-ctrl
{
	width:92%;
}

/******************* SUBMIT BUTTONS USED IN toolsLeftContent ****************/
button.custBtn, input.custBtn
{
/*	background:url(../images/btn_green_slice.png) repeat-x scroll top left; */
/*	font-size:12px;
	font-weight: bold;
	color: #FFFFFF;
	vertical-align: middle;
	height:25px;
	border:0;
	cursor:pointer;
	padding:0px 8px 2px 8px;
	text-align:center;
	float: right;
	width: auto;
	margin-right:10px;
	background-color: #0094cc; 
	border: 2px solid #396bad;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px; 
	*/

	float: right;
	display: inline-block;
	zoom: 1; 
	*display: inline;
	vertical-align: baseline;
	margin: 0 10px 0 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding:  4px 10px; 
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	
	color: #d9eef7 !important;
	border: solid 1px #0076a3;
	background: #0095cd;
	background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
	background: -moz-linear-gradient(top, #00adee, #0078a5);
	/*filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5'); */
	
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	
	
/*	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5'); */
		
}

button.custBtn:hover, input.custBtn:hover
{
	background: #007ead;
	background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
	background: -moz-linear-gradient(top, #0095cc, #00678e);
	/*filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e'); */
	text-decoration: none !important;
}

.button.custBtn:active {
	color: #80bed6 !important;
	background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee));
	background: -moz-linear-gradient(top, #0078a5, #00adee);
/* filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5', endColorstr='#00adee'); */
}


/* ===================================TRIP PLAN PAGE================================= */



.mapArrowHide {
	position: absolute;
    left: 275px;
    top: 6px;
	z-index: 10;
}

.mapArrowShow {
	position: absolute;
	top: 0px;
	left: 0px;
	display: none;
	z-index: 10;
}

.mapArrowShow a{
	
	text-decoration:none;
	font-weight: bold;
	font-size: 18px;
	color: #396BAD;
	margin-bottom: 3px;
	margin-left: 2px;
	
}

.mapArrowHide a{
	
	text-decoration:none;
	font-weight: bold;
	font-size: 18px;
	color: #396BAD;
	line-height: 12px;
}

 .mapArrowHide a:hover, .mapArrowShow a:hover{
	
	text-decoration:none !important;
	cursor: pointer;
}

.hTitle {
	position: absolute;
    left: 150px;
    top: 10px;
	color:	#fff;
	font-size: 24px;
	font-weight: bold;
}

#toolsContentLeft .trip-btn{
	margin: 0px 0px 0px 95px;
	width: 140px;
	color: white;
	height: 26px;
	background: #9c9c9c;
}
.advanced-opt{
	margin: 20px, 0, 0, 0;
}
#TripPlan #SortBy{

}

#row{
	clear: both;
	margin-top: 16px;
}

.locationSelect	.Location{
	margin-top: 10px;
	padding-top: 2px;
}



#printArea .locationSelect{

	margin: 0px 0px 0px 0px;
	padding: 0px;
	display: inline;
	float: left;
	list-style-type: none;
	position: relative;
	top: -17px;
	left: 80px;
	vertical-align: top;
	z-index: 2;
}
#printArea .locationSelect li {
	margin-left: 4px;
	padding: 0px;
	float: left;
	height: 22px;
	width: 82px;
}


#printArea .locationSelect a {
	padding: 4px 4px 0px 4px;
/*	text-transform: uppercase; */
	text-decoration: none;
	text-align: center;
	color: #979797;
	border:0;
	/*border-bottom: #fff 1px solid; */

	font-size: 12px;
	font-weight: bold;
	height: 18px;
	display: block;
	background: url(../images/GreyTab.png) top right no-repeat;
}

#printArea .locationSelect .current a{
	display: block;
	height: 18px;
	color: #000000;
/*	border-top: #fff 1px solid;
	border-right: #fff 1px solid;
	border-left: #fff 1px solid;*/
	border-bottom: #FFFFFF   1px solid !important;

	background: url(../images/BlackTab.png) top right no-repeat;
}

.location-content{
	width: 100%;
	border-top:1px solid #396BAD;
	top: -15px;
	position: relative;
}


#printArea .locationSelect a:hover {
	text-decoration: underline;
}

#printArea .locationSelect li input{

	width: 349px;
	height: 20px;
	border: #c7c7c7 1px solid;
	position: absolute;
	top: 19px;
	left: 0px;
	padding-left: 7px;
	padding-top: 3px;
	color: #919191;
	display: none;
}

#printArea .locationSelect li.current input{
	display: block;
}

#printArea .locationSelect li select{

	width: 358px;
	height: 28px;
	border: #c7c7c7 1px solid;
	position: absolute;
	left: 0px;
	padding-left: 7px;
	padding-top: 2px;
	color: #919191;
	display: none;
}

#printArea .locationSelect li.current select{
	display: block;
}


#from {
		position: relative;
		padding-top: 0px;
	}

#to {
		position: relative;
		padding-top: 0px;
	}

#when{

		margin-bottom: 6px;
	}

.date-time{
		margin-left: 0px;
		vertical-align: middle ;
	}

.dt-descr{

	vertical-align: middle !important;

}


hr {
	background: transparent;
	color: transparent;
	border-left:  none;
	border-right: none;
	border-top:   none;
	border-bottom: 1px dotted  #396BAD;
	clear: both;
	margin-bottom: 6px;
	width: 100%;
}

.travel-mode1{
	display: table-cell;
	width:	60px;
}
.travel-mode2{
	display: table-cell;
	width:	130px;
}
.travel-mode{
	display: table-cell;
	width:	113px;
}
.travel-mode3{
	display: table-cell;
	width:	123px;
}
.travel-mode4{
	display: table-cell;
	width:	270px;
}

/* ===================================ITINERARY PAGE================================= */

#printArea .optionTabs{

	margin: 0px 0px 0px 0px;
	padding: 0px;
	display: inline;
	float: left;
	list-style-type: none;
	position: relative;
	top: 0px;
	left: 0px;
	vertical-align: top;
	text-align: center;
	z-index: 2;
	border-bottom: #396BAD 1px solid;
	width:100%;
}

.optionTabs li {

	margin-left: 4px;
	margin-right: 2px;
	padding: 0px;
	float: left;
	width: 76px;
	height: 62px;
}

.optionTabs li.itin-tab {

}

.optionTabs  a {
	padding: 4px 0px 0px 0px;
	text-decoration: none;
	text-align: center;
	color: #979797;
	border:0;
	height: 58px;
	font-size: 11px;
	font-weight: bold;
	border-bottom: #396BAD 1px solid !important;
	display: block;
	background: url(../images/ItinTab.png) top right no-repeat;
}



.optionTabs .current a{
	display: block;
	color: #000000;
	border-bottom: #edf5e1 1px solid !important;
	background: url(../images/ItinCurrentTab.png) top right no-repeat;
}

.optionTabs li a:hover {
	text-decoration: none;
}

.itin-content {
	width: 100%;
	position: relative;
}

.optionTitle {
	color: #0075a1;
}
.current .optionSubtitle {
	color: #0b90c8;
}
.optionTertiaryTitle {
	font-size: 10px;
	line-height: 13px;
}

.bottom-btn{
	margin-top: 5px;
	margin-bottom: 10px;
	vertical-align: middle;
}

/* ===================================HEADERWAY SHEET PAGE================================= */

.styled {
    background-color: #F0F8FF;
    border: 1px solid #396BAD;
    color: #333;
    width: 100%;
}

.styled option{
	margin: 5px;
}

/* ===================================HEADERWAY SHEET PAGE================================= */
#scrollbox{
	overflow:	auto;
	width:		860px;
	height:		450px;
	margin: 	15px;

}

.TableBackground{
	color: #000000;
	background-color:  #eee;
}

.IndentTableBackground{
	color: #000000;
	background-color:  #e0e0c2;
	margin-left: 100px;
}

#printArea  #databtn{
	display: none;
}

#printArea .hwsDataHide{
	display: none;
}

#printArea .hwsDataShow{
	display: block;

}
.hwsData{
	height: 100%;
	overflow-x:	auto;
	overflow-y:	hidden;
}

.hwsDataFull{
	height: 100%;
	overflow:	scroll;
	margin-left: 0px;
	color: #000;
}


#printArea .hwsDataRow{
	padding: 0;
	
}

/* Tabular Data Table */

table.datatable
{
	margin: 0px 0px 0px 0px;
	padding: 0;
	width: 100%;
	font-family: Arial, sans-serif;
	font-size: 12px;
	background-color: white;
}
.datatable tr, .datatable td
{
	margin: 0;
	padding: 0;
}
.datatable td
{
	padding: 10px;
}

#HEADWAY table
{
	border-collapse:separate;
    border-collapse: collapse;
    border-spacing: 0;
    empty-cells: show;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 12px;
	background-color: #f5f5f5;
}

#HEADWAY  tr td, #HEADWAY  tr th
{
	border-top: none;
    border-right: 3px solid #fff;
    border-bottom: 1px solid #666;
    border-left: none;
    background-color: none;
    padding: 8px 6px;
    color: #333;
    text-align: center;
    line-height: 1;
    vertical-align: top;
}
#HEADWAY tr.row td, #HEADWAY tr.row th{
	background: #fff;
}

#HEADWAY tr.altrow td,  #HEADWAY tr.altrow th {
	background-color: #f5f5f5;
}
#HEADWAY tr.titlerow th
{
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	background: #D0E1F1; 
}

#HEADWAY tr.fixed th
{
	font-size: 11px;
    font-weight: bold;
    line-height: 14px;
    color: #333;
    border-right: 3px solid #fff !important;
    border-bottom: 1px solid #666 !important;
    border-left: 0 !important;
    text-align: center;
    padding: 11px 6px 3px !important;
    background-color: #eee;
    background-image: url("../images/8px_border_818181.jpg");
    background-position: 0 0;
    background-repeat: repeat-x;
    vertical-align: top; 
}

#HEADWAY td, #HEADWAY th 
{
	padding: 3px;
} 


.datatable tr.row td, #status-table tr.row td{
	background: #f0f8ff;
}

.datatable tr.altrow td, #status-table tr.altrow td {
	background: #D0E1F1;
}
.datatable tr.titlerow td, #status-table tr.titlerow th
{
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	background: #D0E1F1; /*5A8D2C*/
}

#status-table tr.fixed
{
	background: #0095CD;
	color: #fff;
}

#status-table td, #status-table th 
{
	padding: 3px;
}




#next-bus-time td, #next-bus-time th 
{
	padding: 3px;
}

.stop
{
	font-weight: normal;
}



.locationSelect	.Location{
	margin-top: 10px;
	padding-top: 2px;
}

/*
#header
{
	height: 71px;
	background: url(/FILE/Apps/FixedRoute/CustomerInfo/images/InfoWebHeader.png) repeat-y scroll;
}

#headerText
{
	margin: 0px 0px 0px 0px;
}

/* styles for the items listed on the main navigation menu */
/*
.headerLinks {
	float: right;
	position: relative;
	top: 50px;
	list-style: none;
	margin: 0px 10px 0px 0px;
}

.headerLinks li {
	font-weight: bold;
	float:left;
	width: auto;
	padding-right: 14px;
	margin: 0 2px 5px 0;
	display:block;
}

.headerLinks li a {
	text-decoration: none;
	color: #ffffff;
	font-size: 13px;
	font-family: Arial,Helvetica,sans-serif;
	cursor: pointer;
	font-style: italic;
	display:block;
}

.headerLinks li:hover a {
	font-size: 13px;
	color: #ffffff;
}

.headerLinks li a:hover {
	text-decoration: none;
	color: #dddddd;
	font-family: Arial,Helvetica,sans-serif;
}

#footer
{
	height: 70px;
	background: url(/FILE/Apps/FixedRoute/CustomerInfo/images/InfoWebFooter.png);
	font-size: 11px;
	color: #FFFFFF;
	text-align:right;
}

.footer_links
{
	float: right;
	margin-right:5px;
	padding-top:38px;
}

.footer_links a
{
	text-decoration: underline;
}
*/

/* style for a divider between items */
.divider {
	padding: 0 3.5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
}


/* ==================================NEXT BUS PAGE================================= */
#printArea .StopSelect
{
	margin: 0px 0px 0px 0px;
	padding: 0px;
	display: inline;
	float: left;
	list-style-type: none;
	position: relative;
	top: 0px;
	left: 0px;
	vertical-align: top;
	z-index: 2;
	border-bottom: #396BAD 1px solid;
	width:100%;
}

#printArea .StopSelect li
{
	margin-left: 5px;
	padding: 0px;
	float: left;
	height: 22px;
	width: 75px;
}

#printArea .StopSelect a
 {
	padding: 4px 0px 0px 0px;
	text-decoration: none;
	text-align: center;
	color: #979797;
	border:0;
	/*border-bottom: #fff 1px solid; */
	font-size: 12px;
	font-weight: bold;
	height: 18px;
	display: block;
	background: url(../images/GreyTabSmall.png) top right no-repeat;
}

#printArea .StopSelect .current a, #printArea .ItinSelect .current a
{
	display: block;
	height: 18px;
	color: #000000;
	border-bottom: #edf5e1 1px solid !important;
	background: url(../images/BlackTabSmall.png) top right no-repeat;
}




.NB_location-content
{
	width:100%;
	top: 5px;
	padding-top: 4px;
	position: relative;
}

#printArea .StopSelect a:hover
{
	text-decoration: underline;
}

#printArea .StopSelect li input
{
	width: 349px;
	height: 20px;
	border: #c7c7c7 1px solid;
	position: relative;
	top: 19px;
	left: 0px;
	padding-left: 7px;
	padding-top: 3px;
	color: #919191;
	display: none;
}

#printArea .StopSelect li.current input
{
	display: block;
}

#printArea .StopSelect li select
{
	width: 358px;
	height: 28px;
	border: #c7c7c7 1px solid;
	position: relative;
	left: 0px;
	padding-left: 7px;
	padding-top: 2px;
	color: #919191;
	display: none;
}

#printArea .StopSelect li.current select
{
	display: block;
}

/* ==================================ACCORDION STYLE MENU TABS================================= */
#menuWrapper
{
	width: 250px;
	margin-left: auto;
	margin-right: auto;
}

.accordionButton
{
	width: 250px;
	float: left;
	_float: none;  /* Float works in all browsers but IE6 */
	cursor: pointer;
	height:17px;
	background: url(../images/BtnBar.jpg) top left no-repeat;
	padding:4px 12px 4px 7px;
}

 .tabTripPlanning
{
}

 .tabTripPlanning_Active
{
	background: url(../images/ActiveBtnBar.jpg) top left no-repeat;
}

.tabScheduleLookup
{
}

.tabScheduleLookup_Active
{
	background: url(../images/ActiveBtnBar.jpg) top left no-repeat;
}

.tabNextBus
{
}

.tabNextBus_Active
{
	background: url(../images/ActiveBtnBar.jpg) top left no-repeat;
}

.tabLocationLookup
{
}

.tabLocationLookup_Active
{
	background: url(../images/ActiveBtnBar.jpg) top left no-repeat;
}

.tabStopFinder
{
}

.tabStopFinder_Active
{
	background: url(../images/ActiveBtnBar.jpg) top left no-repeat;
}

.accordionContent
{
	width: 257px;
	float: left;
	_float: none; /* Float works in all browsers but IE6 */
	background: transparent;
	height: 450px;
	display:none;
}

.help-content
{
	
	z-index: 0;
	position: relative;
	margin: 10px;
	background-color: #fff;
	padding: 5px 20px 25px 20px;
	overflow:	auto;
}

.help-content ul
{
	padding-left: 20px;
}

.help-content a, #help-menu a
{
	color: #396BAD;
}
#toolsContentLeftEmail {
	width: 400px;
	height: 530px;
	padding: 2em;
	margin-right: 20px;
	position: relative;
	background-color: #ddeaf6 !important;
}
.email-btn2 {
		width: 70px;
		height: 26px;
		border: 0;
		margin-left: 120px;
		position: absolute;
		background: url(../images/btn-help-print.png) top left ;
		color: #fff;
		font-weight: bold;
		text-align: center; 
		}

.email-btn2:hover{background:url(../images/btn-help-print-hover.png) top left ;}

#hiddenPrompt {
	background-color:rgba(64,64,64,0.75);
	height:100%;
	left:0;
	position:fixed;
	top:0;
	width:100%;
	z-index:1000;
}

#overflowWindow {
	background:url(../images/progress_bar.gif) center #ffffff;
	margin:150px auto;
	overflow:auto;
	min-height:130px;
	width:380px;
	z-index:1001;
	text-align: center;
	border-radius:5px;
}

#barWindow {
	background:url(../images/progress_bar.gif) center #ffffff;
	overflow:auto;
	min-height:35px;
	width:380px;
	z-index:1001;
	text-align: center;
	margin-top: 10px;
}

#progressWindow {
	
/*	background:url(../images/progress_bar.gif) center #eeeeee;
*/
	overflow:auto;
	
	width:380px;
	height:160px;
	z-index:1001;
	text-align: center;
	border-radius:5px;
	position:absolute;
	left:400px;
	top:300px;
	padding-top: 15px;
	font-size: 16px;
	
	border: 1px solid #396bad;
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	color: #222;
	background: #fff url("../images/ui-bg_grade_fff_e7f0f8_1x200.png") bottom center repeat-x;
	
}


#dialog-overlay {
	width:100%; 
	height:100%;
	
	filter:alpha(opacity=20); 
	-moz-opacity:0.2; 
	-khtml-opacity: 0.2; 
	opacity: 0.2; 
	background:#000; 

	position:absolute; 
	top:0; left:0; 
	z-index:3000; 
	display:none;
}


#dialog-box {
	border: 1px solid #396bad;
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	color: #222;
	background: #fff url("../images/ui-bg_grade_fff_e7f0f8_1x200.png") bottom center repeat-x;
	
	width:450px; 
	min-height:300px; 
	position:absolute; 
	z-index:5000; 
	top: 400px;
	left: 400px;
	display:none;
}

#dialog-box #close{
	height: 25px; 
	position: absolute; 
	bottom: 25px; 
	left: 190px;
}
#dialog-box #dialog-message{
	color:#0095CD; 
	font-weight: bold;
	font-size:16px;
	text-align:center; 
}
#dialog-box #dialog-detail{

	margin: 15px 0;
}

#dialog-box #progress-bar
{
	background:url(../images/progress_bar.gif) center #ffffff;
	margin: 15px 0;
	min-height: 30px;
}

#dialog-box .dialog-content {
	
	text-align:left; 
	padding:10px; 
	margin:13px;
	color:#444; 
	font-family:arial;
	font-size:13px; 
}

#dialog-box .dialog-content ul {
	margin:10px 0 10px 20px; 
	padding:0; 
	height:50px;
}
#dialog-box .wait-msg{
	text-align:center; 
	margin-top:70px; 
	color: #666;
	font-size: 14px;
}
#statusForm{
	margin-left: -5px;
}

#GETTRIPPLAN{
	/* position:absolute;  */
	bottom:15px; 
	right:5px;
}

#statusRoutes, #statusStops {
	margin-left: 4px;
}

.leftSpace {
	margin-left: 20px;
}

/* has the screen reader read letter by letter*/
.screenreaderReadLetters {
	letter-spacing: -1px;
}

#screen_reader_view a
{ position:absolute; left:-9000px; top:auto; width:1px; height:1px; overflow:hidden; }

#screen_reader_view a:focus
{ position:static; width:auto; height:auto; }