
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: 16px;
	font-family: Arial, "Lucida Grande", Verdana, Lucida, Helvetica, sans-serif;
}

input, select, option{
/*	margin: 0px;
	padding: 2px 2px;*/
	font-size: 0.88em;
}
img { border: 0px; }

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

table { padding: 0 0 15px 0; }

#routeSch table{
	font-size: 0.88em;
	color:#427618;
}

blockquote { margin: 15px 20px; }

.cancelled-trip, .cancelled-trip td
{ 
	text-decoration: line-through;
	color: #999999;
}

.note-sign
{ 
	font-size: 1em; 
	vertical-align: top;
	font-weight: bold;
}

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

.normal-size{font-size: 0.88em;}
.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; }
.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

/* Remove the dotted borders on image links */

a img, :link img, :visited img, :hover img, :active img { border: none; }

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

.table-head{
	text-align: left;
}

.next-bus
{
	cursor:			  pointer; 
}
#next-bus-time .zebraLight:hover, #next-bus-time .zebraDark:hover
{
	color:			  #000;
}
/* ===================================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;
}

#tools-content-left-interior 
{
	position: relative;
	float: left;
	width: 100%;
	padding: 10px 4px;
	margin: 0;
	overflow: auto;
	font-size: 0.88em;
	background-color: #EDF5E1 !important;
	box-sizing: border-box;
}

#bottom-button
{
	padding-top: 8px;
	padding-bottom: 8px;
	padding-right: 0.5em;
	float: right;
}

.remark-list{
	border:  1px solid #427618;
	max-height: 155px;
}
.remark-list-box{
	border:  1px solid #427618;
	border-top: #fff 0px solid;
	background-color: #fff;
	padding: 10px;
}

.remark-list-box-inside
{
	background-color: #fff;
	bottom: 0;
    position: absolute;
    width: 100%;
	padding-top: 5px;
}

.remark-text{
	color: #ec971a;
}

#remarksTableWrapper, #serviceAdjTableWrapper 
{
	overflow-y: auto;
	max-height: 124px;
	font-size: 0.81em;
	padding-left: 4px;
}

#remarksTable {
	padding: 0px;
}

.verticalTD {
	display: block;
}

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

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

.green-link-n  a:hover{
	color: #427618;
	text-decoration: none;
}
*/
.theme-link
{
	color: #427618;
	text-decoration: none;
	font-weight: bold;
	font-size: 0.88em;
}

.theme-link-n a
{
	color: #427618;
	text-decoration: none;
	font-size: 0.81em;
}

.theme-link-n  a:hover{
	color: #427618;
	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;
}

#menu-bottom a:last-child{
  	border-bottom: 1px solid #4f811f;
}

#menu-bottom a:last-child:hover{
	border-color: #7fa14f;
}


.leftMenuTab {
	background: #4f811f;
	text-decoration: none;
	border: 1px solid #ffffff;
	height: 26px;
	width: 343px;
	display: block;
}

.leftMenuTab:hover {
	background: #7fa14f;
	text-decoration: none !important;
}

.leftMenuTabActive {
	background: #3F7120;
}

.leftMenuTab span {
	color: #ffffff;
	font-weight: bold;
	font-size: 1em;
    line-height: 1.6em;
	text-decoration: none;
    padding-left: 0.5em;
}

.leftMenuTab .arrow {
	margin-top: 4px;
	margin-right: 4px
}
/************* END LEFT SIDE MENU TABS ***************/

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

/******************************* MAP STYLES ***************************/
#toolsMap
{
	height: 100%;
}

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

.center-map-btn {
	right: 75px;
	bottom:  30px;
	position: absolute;
}

.map-btn {
	right: 20px;
	bottom:  30px;
	position: absolute;
}

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

/******************************* END MAP STYLES ***************************/

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

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

.err-msg-close
{
	float:right; 
	margin-top:-8px; 
	padding-top:0;
}

.error-table
{
	width: 290px;
	float:left;
	font-size: 0.75em;
	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, #msgNotFound {
	width: 320px;
	color: #fff;
	font-weight: bold;
	background-color:#555;
	padding: 10px;
	margin-left: -160px;
	margin-top: -160px;
	border: thin #000 solid;
	z-index: 3;
	position: fixed;
	top: 50%;
	left: 50%;
	}

#msg a, #msgNotFound a{
	float:right;
	padding-top: 10px;
	color: orange;
	font-weight: bold;
}

#msgOverlay {
    width:100%;
    height:100%;
    z-index:2; /* places the modal overlay between the main page and the modal dialog*/
    background-color:#000;
    opacity:0.5;
    position:fixed;
    top:0;
    left:0;
    margin:0;
    padding:0;
}

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

.normal{
	color: white;
	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%;
	height: 20px;
}

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

.paddedOptions option {
	margin: 5px 0px; /* pads items in a select one list box */
}

/******************* SUBMIT BUTTONS USED IN toolsLeftContent ****************/
.button {
	font-size: .75em;
}

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

.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: 0.75em;
	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 #427618;
	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;
}

/* ===================================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: #427618 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: 0.81em;
	font-weight: bold;
	border-bottom: #427618 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:1em;
	line-height: 14px;
}

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

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

.styled{
	background-color:  #00870F;
	border: #1b3b6a 1px solid;
	color: #fff;
	width:100%;
}

.styled option{
	margin: 5px;
}
.timeCell a{
	color: #EC971A;
	padding-left:0px;
}
/* ===================================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.data-table
{
	margin: 0px 0px 15px 0px;
	padding: 0;
	width: 100%;
	font-family: Arial, sans-serif;
	font-size: 0.75em;
	background-color: white;
}
.data-table tr, .data-table td
{
	margin: 0;
	padding: 0;
}
.data-table td
{
	padding: 10px;
}

.data-table tr.row td, .HEADWAY tr.row td{
	background: #f0f8ff;
}

.data-table tr.altrow td, .HEADWAY tr.altrow td {
	background: #c9dfb0;
}
.data-table tr.titlerow td, .HEADWAY tr.titlerow th
{
	font-size: 0.75em;
	font-weight: bold;
	color: #000000;
	background: #6FA13F; /*5A8D2C*/
}

.HEADWAY tr.fixed
{
	background: #3F7120;
}

.HEADWAY td, .HEADWAY th 
{
	padding: 2px;
	padding-top: 4px;
	padding-bottom: 4px;
	text-align: center;
	font-size: 0.75em;
	position: relative;
	border-left: 1px solid #E6E6E6;
}

.HEADWAY td .hsTime, .HEADWAY td #timeCell
{
	white-space: nowrap;
	text-align:  center; 
}
.headerSpace 
{
	margin: 8px 4px;
}

#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: 0.81em;
	font-family: Arial,Helvetica,sans-serif;
	cursor: pointer;
	font-style: italic;
	display:block;
}

.headerLinks li:hover a {
	font-size: 0.81em;
	color: #ffffff;
}

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

/* ==================================NEXT BUS PAGE================================= */


.service-adjustment-footnote 
{
	color: #427618;
}

.service-adjustment-footnote-print
{
	font-size: 77%;
}

#printArea .StopSelect
{
	margin: 0px;
	padding: 0px;
	float: left;
	list-style-type: none;
	z-index: 2;
	border-bottom: #427618 1px solid;
	width: 98%;
}

#printArea .StopSelect li
{
	margin-left: 3px;
	padding: 0px;
	float: left;
	max-width: 32%;
}

#printArea .StopSelect a
 {
	padding: 4px 7px;
	text-decoration: none;
	text-align: center;
	color: #3F7120;
	border: 0;
	font-size: 0.81em;
	font-weight: bold;
	display: block;
	border: 1px solid #3F7120;
	border-bottom: none;
	line-height: 14px;
	background: #fff;
}

#printArea .StopSelect .current a, #printArea .ItinSelect .current a
{
	display: block;
	color: #fff;
	background: #4F811F;
}

.NB_location-content
{
	width:98%;
	position: relative;
}

.NB_location-content select, .NB_location-content input{
	margin: 2px;
}

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

#tab_PostCode
{
	display: none;
}

/* ==================================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: #427618;
}
#toolsContentLeftEmail {
	background-color: #4F8121 !important;
	color: white;
	font-size: 0.880em;
	position: relative;
	margin-right: 20px;
	padding: 2em;
	width: 400px;
	height: 450px;
}
.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:#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:0.75em;
}

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

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

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

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

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

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

#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, table.itinPrint td{
	font-size:0.81em;
}

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

.boxHeaderSmall{
	border: 1px solid #999999;
	width:308px; 
	font-size:1em; 
	padding-top:5px; 
	padding-bottom:5px;
	padding-left:5px;
	display: block;
}

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

.tableContainerSmall {
	display: table;
	width: 315px;
	font-size: 0.88em;
}

.tableRow  {
	display: block;
	border: 1px solid #4F811F;
	border-top: none;
}

.cellLeftSmall {
	width: 12%;
	box-sizing: border-box;
	display: inline-block;
	vertical-align: top;
	padding: 10px;
}

.cellRightSmall{
	width: 88%;
	box-sizing: border-box;
	display: inline-block;
	padding: 10px;
}

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

.tripSummaryBody{
	padding:0; 
	border-bottom:1px solid #80B356;
	border-left:1px solid #80B356;
	border-right:1px solid #80B356;
	font-size: 0.880em;
	width: 313px;
}

.tripSummaryBody .leftcol{
	display: inline-block;
	width: 55%;
	padding: 5px;
	box-sizing: border-box;
	vertical-align: top;
}

.tripSummaryBody .rightcol{
	display: inline-block;
	width: 45%;
	padding: 5px;
	box-sizing: border-box;
	vertical-align: top;
}

.tripSummaryBody .fullcol{
	padding: 5px;
	box-sizing: border-box;
	}

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

#remarkHeader, #serviceAdjHeader 
{
	font-size: 1em;
	font-weight: bold;
	padding-left: 5px;
	padding-top: 7px;
	padding-bottom: 3px;
	height: 20px;
	margin-left: -4px;
}

#RecentsTable {
    padding: 0;
	width:100%;
}
#FavoriteTable {
    padding: 0;
	width:100%;
}

.boxHeaderProfile {
    border: 1px solid #999999;
    font-size: 1.1em;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-top: 5px;
}

.myProfileRow a{
	color: #000000;
}

.myProfileRow
{
	font-size: 0.88em;
	padding: 5px 10px;
	cursor: pointer;
}

.myProfileRow:hover
{
	color: #000000;
}

#favSelected {
	background:#6495ED;
}
#favSelected a{
	color: #fff;
}
#DeleteFav {
	display: none;
}
#DeleteFavActive {
	visibility: visible;
} 
#myFavorites, #myRecents {
	border-bottom: 1px solid #80B356;
    border-left: 1px solid #80B356;
    border-right: 1px solid #80B356;
    background: #fff;
}

.favoriteIcon:hover{
	height: 20px; width: 20px;
	background: url(../images/Favorite-star-filled.png) top left no-repeat;
}

/*styles for the recaptcha widget*/
#recaptcha_widget{

}
#recaptcha_image {
	width: 300px;
	height: 57px;
	margin-right: 12px;
	float:left;
}

#recaptcha_background {
	/*background: url(/FILE/Apps/FixedRoute/CustomerInfo/images/captcha-background.gif) no-repeat scroll transparent;*/
	padding-left: 9px;
	padding-top: 7px;
	height: 100px;
    background-color:rgb(244,247,209);
}

#recaptcha_options {
	margin-bottom: 6px;
}

.recaptcha_only_if_image, .recaptcha_only_if_audio{
	color:black;
} 
 
#recaptcha_response_field{
	width: auto;
}

#recaptcha_options a {
	color: #555555;
	font-family: Arial,Helvetica,sans-serif;
	text-decoration: underline;
	line-height: 18px;
	font-weight: bold;	
}
.error_message {
	color: #FF0000;
	font-weight: normal;
}

.greyText {
	color: #999999;
}
.highlighted {
	background: #dddd00;
}
.node
{
 font-weight: bold;
}

#HeadwayTimeOption
{
	vertical-align: bottom;
}

#next-bus-time{
	width: 317px;
}

.destinationSignCol{
	width:80px !important;
	height:100%;
	vertical-align: middle;
	display:inline-block;
}

.destinationSignFormatted{
	display: table-cell;
	padding:8px;
}

#honeypotMain{
	display: none !important;
}

#selectAStopPrompt{
	margin-bottom: 8px !important;
}

#stopSummary{
	margin-bottom: 8px !important;
}

#hiddenError{
	display: none;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}

.reverse{
	font-weight: bold;
	color: #3F7120;
}

.text-center{
	text-align: center;
}

.theme-link-n{
	margin: 5px 0;
}

h1{
	margin: 0;
	padding: 0;
}

.iheadwaytablebookmark{
	float:left;
	width:100%;
	height:1px;
	position:absolute;
	top:0px; 
	left: 0px;
}

.currentlocation{
	cursor:pointer; height: 20px; width: 20px
}

.currentpositionicon{
	float: right !important;
	width: auto;
}

.currentpositionicon a{
	background: transparent !important;
	padding: 0 !important;
	border: none !important;
}

.HEADWAY 
{
	border: none;
	border-collapse: collapse;
}

.HEADWAY th 
{ 
	padding-left: 2px;
	padding-right: 2px;
}

a .icon
{
	cursor:pointer;
	cursor:hand;
}