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 {
	font-size: 12px;
	font-family: Arial, "Lucida Grande", Verdana, Lucida, Helvetica, sans-serif;
	background-color: #DDDDDD !important;
}

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:#2f4886;
}

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;}

.bold 
{
	font-weight: bold;
}

/* ===================================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; }


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

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

.table-head{
	background-color: #738CCA;
	color:			  #FFF;
	text-align: left;
}

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

.ZebraDark{
	background: #B8C7EB;
}

.ZebraLight{
	background: rgb(240, 248, 255);
}

/* ===================================STRUCTURE====================================== */


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

#breadcrumbs {
	padding: 7px 20px 6px 14px;
	width: 914px;
	height: 22px;
	color: #939393;
	overflow: hidden;
	background:url(../images/breadcrumbsBackground.png) top left no-repeat;
}

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

#toolsContentLeft #contentLeft{
	height: 453px ;
	margin:0;
	padding: 0;
}

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

}

#toolsContentLeftInterior {
	position: relative;
	float: left;
	width: 98%;
	padding: 10px 0px 10px 4px;
	margin: 0;
	color: #2f4886;
	height: 351px;
	overflow:	auto;
}

#toolsContentLeftInterior_headway{
	position: relative;
	float: left;
	width: 98%;
	padding: 10px 0px 10px 4px;
	margin: 0;
	color: #2f4886;
	height: 334px;
	overflow:	auto;
}

#toolsContentLeftLong {
	position: relative;
	float: left;
	width: 96%;
	padding: 10px 0px 10px 4px;
	margin: 0;
	color: #2f4886;
	height: 407px;
	overflow:	auto;
}

#toolsContentLeftLongRT {
	position: relative;
	float: left;
	width: 100%;
	margin: 0;
	color: #2f4886;
	height: 468px;
	overflow:	hidden;
}

.gform{
	margin-bottom: 15px;
}
.remark-list{
	border:  1px solid #999999;
	background-color: #edf5e1;
}
.remark-list-box{
	border-top: #fff 0px solid;
	/*border:  1px solid #999999;
	background-color: #fff;*/
	background: url('/FILE/Apps/FixedRoute/CustomerInfo/images/printArea_bg.png') repeat-y; 
	padding: 10px;
}
#toolsContentLeftLongInterior{
	position: relative;
	float: left;
	width: 93%;
	padding: 15px 10px 10px 10px;
	color: #2f4886;
	height: 387px;
	overflow:	auto;
}

.remark-text{
	color: #ec971a;
}

.remarksTable
{
	color: white;
	background-color: #738CCA;
}

/******************************* 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: #2f4886;
	text-decoration: none;
	font-weight: bold;
}

.green-link-n a
{
	color: #2f4886;
	text-decoration: none;
}

.green-link-n  a:hover{
	color: #2f4886;
	text-decoration: none;
}
*/
.theme-link
{
	color: #2f4886;
	text-decoration: none;
	font-weight: bold;
}

.theme-link-n a
{
	color: #2f4886;
	text-decoration: none;
}

.theme-link-n  a:hover{
	color: #2f4886;
	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 ***************/

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

.leftMenuTab
{
	height: 28px;
	background: url(../images/BtnBar.png) top left no-repeat;
	width: 344px;
}

.leftMenuTab a
{
	width: 100%;
	font-weight: bold;
	font-size: 16px;
	float: left;
	text-decoration:none;	
	color: #FFFFFF;
	padding: 3px 0px 0px 4px;
	margin:0;
	height: 25px;
}

.leftMenuTab a:hover
{
	background: url(../images/BtnBarHover.png) top left no-repeat;
	text-decoration: none !important;
}

.leftMenuTabActive a
{
	background: url(../images/BtnBarActive.png) top left no-repeat;
}
/************* 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
{
}

#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: 100px;
	height: 27px;
	border: 0;
	margin-left: 20px;
	background:url(../images/btn_green_slice.png) repeat-x scroll top left;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 10px;
	text-align: center;
	vertical-align: middle;
	padding-bottom: 3px;
}

.center-map-btn
{
	width: 70px;
	height: 26px;
	border: 0;
	right: 140px;
	bottom:  30px;
	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;
	border-radius: 25px 25px 25px 25px;
}

.map-btn
{
	width: 70px;
	height: 26px;
	border: 0;
	right: 50px;
	bottom:  30px;
	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;
	border-radius: 25px 25px 25px 25px;
}
.print-btn
{
	width: 70px;
	height: 26px;
	border: 0;
	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;
}

.print-btn:hover, .map-btn:hover, .center-map-btn:hover, .refresh-btn:hover
{
	background:url(../images/btn_green_slice-hover.png) repeat-x scroll top left;
}

.infoWindowSpacer
{
	height: 5px;
}

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

.infoWindowHeadings
{
	color:  green;
}

.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;
}

#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: 10px
}

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

#msg {
		top: 100px;
		left: 160px;
		height: 200px;
		width: 320px;
		position: absolute;
		color: #fff;
		font-weight: bold;
		background-color:#555;
		padding: 13px 10px 10px 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: orange;
	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: none repeat scroll 0 0 #303094;
	border-radius: 25px 25px 25px 25px;
	box-shadow: 0 0 3px #1C3F93;
	font-size:12px;
	font-weight: bold;
	color: #FFFFFF;
	vertical-align: middle;
	height:23px;
	border:0;
	cursor:pointer;
	padding:0px 8px 4px 8px;
	text-align:center;
	float: right;
	width: auto;
	margin-right:10px;
	font-family: Futura, Arial;
}

button.custBtn:hover, input.custBtn:hover
{
	background: none repeat scroll 0 0 #4A69B5;
}

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

#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 #2f4886;
	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  #999999;
	clear: both;
	margin-bottom: 6px;
	width: 100%;
}

/* ===================================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: #999999 1px solid;
	width:93%;
}

.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: #999999 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: 93%;
	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:  #ffffff;
	border: #999999 1px solid;
	color: #3859a4;
	width:100%;
}

.styled option{
	margin: 5px;
}

#LineGroupSelect {
	background-color: #ccccff !important;
	color: #3859a4;
}

/* ===================================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;

}

/* Tabular Data Table */

table.datatable
{
	margin: 0px 0px 15px 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;
}

.datatable tr.row td, #HEADWAY tr.row td{
	background: #f0f8ff;
}

.datatable tr.altrow td, #HEADWAY tr.altrow td {
	background: #b8c7eb;
}
.datatable tr.titlerow td, #HEADWAY tr.titlerow th
{
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	background: #6FA13F; /*5A8D2C*/
}

#HEADWAY tr.fixed
{
	background: #738CCA;
}

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

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

.stop
{
	font-weight: normal;
}

.node
{
	font-weight: bold;
}

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


#header
{
	height: 100px;
	background: url(/FILE/Apps/FixedRoute/CustomerInfo/images/headerEd.jpg) 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: 100px;
	background: url(/FILE/Apps/FixedRoute/CustomerInfo/images/InfoWebFooter.jpg) no-repeat scroll 0 0 #bbbbbb !important;
	font-size: 11px;
	color: #FFFFFF;
	text-align:left;
}

.footer_links
{
	margin-left:10px;
	padding-top:5px;
}

.footer_links a
{
	text-decoration: underline;
	font-size: 11px;
	color: #748cc8;
}

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

div#help-container {
    margin: 0 7px;
}


/* ==================================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: #999999 1px solid;
	width:98%;
}

#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: #eeeeee 1px solid !important;
	background: url(../images/BlackTabSmall.png) top right no-repeat;
}




.NB_location-content
{
	width:98%;
	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.png) top left no-repeat;
	padding:4px 12px 4px 7px;
}

 .tabTripPlanning
{
}

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

.tabScheduleLookup
{
}

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

.tabNextBus
{
}

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

.tabLocationLookup
{
}

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

.tabStopFinder
{
}

.tabStopFinder_Active
{
	background: url(../images/ActiveBtnBar.png) 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 ul
{
	padding-left: 20px;
}

.help-content a, #help-menu a
{
	color: #2f4886;
}
#toolsContentLeftEmail {
	width: 400px;
	height: 330px;
	padding: 2em;
	margin-right: 20px;
	color: white;
	position: relative;
	background-color: #4F8121 !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:100px;
	width:280px;
	z-index:1001;
	text-align: center;
	border-radius:5px;
}

.printBar{
	background-color:#eeeeee !important; 
	height:28px; 
	border:1px solid #999999;
	font-size:12px;
}

.printDetail{
	margin:8px; 
	border:1px solid #999999;
	height:750;
}

.printAreaFriendly{
	border:1px solid #999999;
	width: 720px;
}

.printAreaBg{
	background: url('/FILE/Apps/FixedRoute/CustomerInfo/images/background-pattern.gif') repeat-x scroll left top transparent;
}

.contentBgFrendly {
	width: 715px;
	background-color: #FFFFFF;
	position: relative;
	margin: 0 auto;
	height: 940px;
}

.contentBgFrendlyLandscape{
	width: 860px;
	background-color: #FFFFFF;
	position: relative;
	margin: 0 auto;
	height: 940px;
}

.innerContainer{
	margin:8px;
	border:1px solid #999999;
}

#headwayDetail{
}

table.PrintFriendly{
	border-collapse: collapse;
}
table.PrintFriendly th, table.PrintFriendly td{
	font-size : 77%;
}

tr.altZebra td{
	background: #eeeeee;
}

.innerContent{
	border:1px solid #999999;
	width: 713px;
}

.innerContent2{
	margin:8px;
}

table.itinPrint th, td{
	font-size:12px;
}

#boxHeader{
	background:#bbbbbb; 
	border: 1px solid #999999;
	width:688px; 
	font-size:14px; 
	padding-top:5px; 
	padding-bottom:5px;
	padding-left:5px;
}

#boxHeaderSmall{
	background:#559124; 
	border: 1px solid #999999;
	color:#ffffff;
	width:308px; 
	font-size:14px; 
	padding-top:5px; 
	padding-bottom:5px;
	padding-left:5px;
}

#tableContainer {
	display: table;
	width: 695px;
}

#tableContainerSmall {
	display: table;
	width: 315px;
}

#tableRow  {
	display: table-row;
}

#tableRowZebra {
	display: table-row;
	background-color: #eeeeee;
}

#cellLeft {
	display: table-cell;
	width: 60px;
	border-left: 1px solid #999999;
	border-bottom: 1px solid #999999;
	min-height:80px;
}

#cellLeftSmall {
	display: table-cell;
	width: 35px;
	border-left: 1px solid #80B356;
	border-bottom: 1px solid #80B356;
	min-height:80px;
}

#cellRight{
	display: table-cell;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	min-height:80px;
}

#cellRightSmall{
	display: table-cell;
	border-right: 1px solid #80B356;
	border-bottom: 1px solid #80B356;
	min-height:80px;
	max-width:200px;
}

#routeDetail{
	width:695px;
}

.stopIcon{
	width:13px;
	height:13px;
	padding-right:3px;
	padding-left:2px;
}

.iconCellLeft{
	margin-left: 5px; 
	margin-top:10px;
	vertical-align: middle;
}

.iconOriginDest{
	margin-left:2px;
	margin-top:20px;
	margin-bottom:20px;
	vertical-align: middle;
}

.tripSummaryTable{
	padding:0; 
	border-bottom:1px solid #80B356;
	border-left:1px solid #80B356;
	border-right:1px solid #80B356;
	/*box-shadow: 5px 5px 5px #BBBBBB;*/
}

.remarkBox{
	clear:both; 
	width:600px; 
	margin:10px; 
	box-shadow: 0 0 15px #999999; 
	border-radius:5px;
}

.remarkBoxSmall{
	clear:both; 
	width:230px; 
	margin:10px; 
	box-shadow: 0 0 15px #999999; 
	border-radius:5px;
}

.remarkCat {
	font-size: 16px;
	font-weight: bold;
	padding-bottom: 3px;
}


/*	realtime	*/
 
.legendRTM{
	height: 100px;
	width: 	88%;
	margin: 8px;
	padding: 0px 12px 8px 12px;
	display: block;
	position: absolute;
	bottom: 0px;
	/*border:  1px dashed #427618;*/
}
.legendRTM .left{
	display: inline-block;
	/*width: 	 120px;*/
}

.legendRTM .text{
	color: 	 #427618;
	padding-right: 10px;
}

.legendRTM .icon{
	margin-bottom: 	 3px;
	height: 22px;
	width: 22px;
}

.gm-style-iw{
	min-height: 120px; 
}

/* End of realtime */

.RefGuideTable
{
	padding-bottom: 0;
}