/* GENERAL */
body {text-align:center; font-family:arial; font-size:11px; margin:0 auto; width:100%;}
table {border:0px;margin:0em 0 0em 0;border-right:0;border-bottom:0;} tr {}  th, td {padding:0em;border:0px;border-top:0;border-left:0;} th {font-weight:normal;} caption {font-style:normal;}
label {display:inline;}
.banner img {margin:0;}

 /* MASTER PAGE */

div.tpMasterTitleBar
{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    float: left;
    margin: 0px;
    height: 100px;
    background: #181818;
    text-align: center;
    z-index: 1;
}

div.tpMasterLogoBar
{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    float: left;
    margin: 0px;
    height: 80px;
    text-align: center;
    z-index: 3;
}

div.tpInnerLogo
{
    position: relative;
    width: 960px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    padding: 30px 0 0 0;
    background-image: url("../Images/master/tp_masthead1.png");
    background-position: center;
    background-repeat: no-repeat;
    height: 70px;
}

div.tpCityLogo
{
    width: 200px;
    float: left;
    margin-top: 2px;
}

div.tpCityLogo a img, div.tpETSLogo a img
{
  border:none;
}

div.tpTripPlannerLogo
{
    position: relative;
    width: 298px;
    float: left;
    top: -5px;
    left: -30px;
    padding: 10px 0 0 0;
}

div.tpETSLogo
{
    width: 180px;
    float: right;
    position: relative;
    left: 21px;
}

div.tpMasterPageMenu
{
    position: relative;
    width: 960px;
    height: 0px;
    overflow: visible;
    z-index: 10;
    margin-left: auto;
    margin-right: auto;
    top: 74px;
    z-index: 10;
}

div.tpMasterPageMenuInnerWrapper
{
    background: #EAEAEA;
    border-right: 1px solid #646464;
    border-left: 1px solid #646464;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eaeaea', endColorstr='#646464');
    background: -webkit-gradient(linear, left top, left bottom, from(#EAEAEA), to(#646464));
    background: -moz-linear-gradient(top, #eaeaea, #646464);
    background: -o-linear-gradient(top,#EAEAEA,#646464);
    width: 958px;
    height: 34px;
    top: 0px;
    overflow: visible;
    z-index: 10;
    margin-left: auto;
    margin-right: auto;
    z-index: 10;
}

div.tpMasterPageMenuInner
{
    position: relative;
    width: 940px;
    top: 0px;
    overflow: visible;
    z-index: 10;
    margin-left: auto;
    margin-right: auto;
    z-index: 10;
}

div.tpMasterContent
{
    position: relative;
    margin-left: auto;
    margin-right: auto;
    padding: 30px 0 0;
    top: 96px;
    width: 960px;
    z-index: 2;
}

div.tpMasterGradientTop, div.tpMasterGradientBottom
{
    position: absolute;
    z-index: 1;
    height: 90px;
    width: 100%;
}

div.tpMasterGradientTop
{
    top: 100px;
    left: 0px;
    border-top: 2px solid #ffffff;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dae1f3', endColorstr='#ffffff'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#dae1f3), to(#ffffff)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #dae1f3,  #ffffff); /* for firefox 3.6+ */
    background: -o-linear-gradient(top,rgb(218,225,243),rgb(255,255,255)); /* for Opera */
}

div.tpMasterGradientBottom
{
    POSITION: fixed;
    bottom: 0px;
    left: 0px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dae1f3'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#dae1f3)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #ffffff,  #dae1f3); /* for firefox 3.6+ */
    background: -o-linear-gradient(top,rgb(255,255,255),rgb(218,225,243)); /* for Opera */
    
}

.b1, .b2, .b3, .b4, .b1b, .b2b, .b3b, .b4b{font-size:1px; overflow:hidden; display:block;}
.b1 {height:1px; background:#646464; margin:0 5px;}
.b2 {height:1px; background:#eaeaea; border-right:2px solid #646464; border-left:2px solid #646464; margin:0 3px;}
.b3 {height:1px; background:#eaeaea; border-right:1px solid #646464; border-left:1px solid #646464; margin:0 2px;}
.b4 {height:2px; background:#eaeaea; border-right:1px solid #646464; border-left:1px solid #646464; margin:0 1px;}
.b1b {height:1px; background:#646464; margin:0 5px;}
.b2b {height:1px; background:#646464; border-right:2px solid #646464; border-left:2px solid #646464; margin:0 3px;}
.b3b {height:1px; background:#646464; border-right:1px solid #646464; border-left:1px solid #646464; margin:0 2px;}
.b4b {height:2px; background:#646464; border-right:1px solid #646464; border-left:1px solid #646464; margin:0 1px;}

.bi1, .bi2, .bi3, .bi4, .bi1b, .bi2b, .bi3b, .bi4b{font-size:1px; overflow:hidden; display:block;}
.bi1 {height:1px; background:#a7a7a7; margin:0 1px;}
.bi2 {height:1px; background:#fff; border-right:2px solid #a7a7a7; border-left:2px solid #a7a7a7; margin:0 -1px;}
.bi3 {height:1px; background:#fff; border-right:1px solid #a7a7a7; border-left:1px solid #a7a7a7; margin:0 -2px;}
.bi4 {height:2px; background:#fff; border-right:1px solid #a7a7a7; border-left:1px solid #a7a7a7; margin:0 -3px;}
.bi1b {height:1px; background:#a7a7a7; margin:0 1px;}
.bi2b {height:1px; background:#a7a7a7; border-right:2px solid #a7a7a7; border-left:2px solid #a7a7a7; margin:0 -1px;}
.bi3b {height:1px; background:#a7a7a7; border-right:1px solid #a7a7a7; border-left:1px solid #a7a7a7; margin:0 -2px;}
.bi4b {height:2px; background:#a7a7a7; border-right:1px solid #a7a7a7; border-left:1px solid #a7a7a7; margin:0 -2px;}

div.tpMasterPageInnerMenu
{
    display: block;
    background: #eaeaea;
    border-right:1px solid #646464;
    border-left:1px solid #646464;

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eaeaea', endColorstr='#646464'); /* for IE */
    background: -webkit-gradient(linear, left bottom, left top, from(#eaeaea), to(#646464)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #eaeaea,  #646464); /* for firefox 3.6+ */
    background: -o-linear-gradient(top,rgb(234,234,234),rgb(100,100,100)); /* for Opera */
    height: 32px;
    margin: 0px;
    padding: 0px 8px 0px 8px;
    overflow:hidden;
}

div.tpMasterPageMenuItems
{
    background: #ffffff;
    border-right:1px solid #888;
    border-left:1px solid #888;

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#a7a7a7'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#a7a7a7)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #ffffff,  #a7a7a7); /* for firefox 3.6+ */
    background: -o-linear-gradient(top,rgb(255,255,255),rgb(167,167,167)); /* for Opera */
    height: 22px;
    margin: 0px -3px 0px -3px;
    padding: 0px;
    overflow: visible;
}

div.tpMasterPageMenuItems ul
{
    list-style-type: none;
    margin: 0px;
    float: left;
    padding: 0px;
    height: 1px;
    position: relative;
    top: -4px;
    width: 100%;
    overflow: visible;
}

div.tpMasterPageMenuItems ul li
{
    display: block;
    float: left;
    border-left: 1px solid #fff;
    border-right: 1px solid #adadad;
    height: 30px;
    overflow: hidden;
}

span.menuItemBkg, span.firstMenuItem
{
    display: inline-block;
    height: 30px;
    cursor: pointer;
}

span.menuTextPadding
{
    display: inline-block;
    margin: 7px 13px;
}

li.menuActive span.menuItemBkg
{   
    display: inline-block;
    height: 30px;
    font-weight: bold;
    background-image: url("../images/ui/main-nav-down-mid1.png");
    background-position: top left;
    background-repeat: repeat-x;
}

span.firstMenuItem
{
    margin-left: 4px;
}

li.menuActive span.firstMenuItemBkg
{   
    font-weight: bold;
    display: inline-block;
    height: 30px;
    background-image: url("../images/ui/main-nav-left-down1.png");
    background-position: top left;
    background-repeat: no-repeat;
}

li.menuActive span.firstMenuItem
{
    font-weight: bold;
    display: inline-block;
    height: 30px;
    background-image: url("../images/ui/main-nav-down-mid1.png");
    background-position: top left;
    background-repeat: repeat-x;
}

span.menuItemBkg a, span.firstMenuItem a
{
    padding: 8px;
}

div.tpMasterPageMenuItems ul li.first
{
    border-left: 0px;
}

div.tpMasterPageMenuItems ul li.last
{
    border-right: 0px;
}

div.tpMasterPageMenuItems ul li a
{
    font-family: Arial, Sans-Serif;
    font-size: 12px;
    color: #414042;
    text-decoration: none;
}

div.tpMasterPageMenuItems ul li a:hover, .tpMasterPageMenuItems ul li.menuActive a
{
    color: #004fa3;
}

div.topContentHolder
{
    width: 960px;
    margin-left: auto;
    margin-right: auto;
}

div.tpContentPane
{
    width: 731px;
    margin-left: auto;
    margin-right: auto;
    height: auto;
    overflow: visible;
    float: left;
}

div.tpPageTitleBar
{
    width: 731px;
    height: 47px;
    text-align: left;
    margin: 10px 0px 0px 0px;
}

div.tpPageTitleBarWide
{
    width: 961px;
}

div.tpPageTitleBar h1
{
    font-family: Arial, Sans-Serif;
    font-size: 24px;
    font-weight: normal;
    color: #4664AB;
    position: relative;
    top: 15px;
    left: 9px;
}

.tpSubTitleBar
{
    font-family: Arial, Sans-Serif;
    font-size: 20px;
    font-weight: bold;
    color: #414042;
    vertical-align: top;
    display: inline-block;
    margin-top: 1px;
    margin-bottom: 5px;
}

.tpSubTitleBarIntro
{
    font-family: Arial, Sans-Serif;
    font-size: 20px;
    font-weight: bold;
    color: #414042;
    vertical-align: top;
    display: inline-block;
    margin-top: 1px;
    margin-bottom: 5px;
    line-height:23px;
}

.tpChooseDateTime
{
    clear: both;
    font-family: Arial, Sans-Serif;
    font-size: 20px;
    font-weight: bold;
    color: #414042;
    display: block;
    margin-top: 15px;
    margin-bottom: -14px;
}

.tpWidgetTitleBar
{
    font-family: Arial, Sans-Serif;
    font-size: 15px;
    line-height: 16px;
    color: #E6E7E8;
    display:inline-block;
    width:100%;    
    padding: 0px;
    margin: 0px;
    position:relative;
}

.tpWidgetTitleBar p
{
    margin:6px;
}

.rssImage {
    float:right;
    margin-right:8px;
   
}


.darkFade
{
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1B3991', endColorstr='#4067C6') !important;  /* for IE */
         background: -webkit-gradient(linear, left bottom, left top, to(#1B3991),from(#4067C6)); /* for webkit browsers */
         background: -moz-linear-gradient(top, #1B3991, #4067C6 ); /* for firefox 3.6+ */  
         background: -o-linear-gradient(top,#1B3991, #4067C6 ); /* for Opera */
   /* ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1B3991', endColorstr='#4067C6');*/ /* For Internet Explorer 8 */ 
    
}

.lightFade
{
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#919395', endColorstr='#525253') !important;  /* for IE */
         background: -webkit-gradient(linear, left bottom, left top, from(#919395), to(#525253)); /* for webkit browsers */
         background: -moz-linear-gradient(top, #919395, #525253 ); /* for firefox 3.6+ */  
         background: -o-linear-gradient(top, #919395, #525253 ); /* for Opera */
   /* ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#919395', endColorstr='#525253');*/ /* For Internet Explorer 8 */ 
  
}

.tpWidgetLinks
{
    background-color: #dedede;
    padding: 13px 10px 2px 10px;
}

.tpWidgetLinks a
{
    margin-bottom: 8px;
    display: inline-block;
}
.tpWidgetLinks h3
{
    margin: 0px;
}

.tpWidget
{
     width: 210px;
     margin: 0px 0px 8px 0px;
}

.tpWidget a
{
     color: #000;
     font-size: 11px;
     font-weight: bold;
}


div.tpContentLeftColumn
{
    width: 731px;
    float: left;
    text-align:left;
    height: 100%;
}

div.tpContentLeftColumnWide
{
    width: 960px;
    float: left;
    text-align:left;
    height: 100%;
}

div.tpContentLeftInner
{
    width: 731px;
}

div.tpContentLeftInnerWide
{
    width: 960px;
}

.tpContentLeftPlaceholder
{
    width: 100%;
    height: 100%;
    background: #dce3f3;
    clear: both;
}

.tpContentLeftPlaceholder .innerPadding
{
    padding: 0px 10px;
    height: 100%;
}

.tpContentTopBar
{
    display: block;
    height: 10px;
    width: 731px;
    padding: 0px;
}

.tpContentLeftColumnWide .tpContentTopBar
{
    width: 960px;
    float: left;
}

.tpContentTopBar .roundL
{
    display: block;
    height: 10px;
    width: 100%;
    background: url("../images/ui/round-blue-tl.png") top left no-repeat;
}

.tpContentTopBar .roundR
{
    display: block;
    height: 10px;
    width: 100%;
    background: url("../images/ui/round-blue-tr.png") top right no-repeat;
}

.tpContentTopBar .roundMID
{
    display: block;
    height: 10px;
    margin: 0px 10px 0px 10px;
    background: #dce3f3;
}

.tpContentBottomBar
{
    display: block;
    height: 10px;
    width: 731px;
    padding: 0px;
}

.tpContentLeftColumnWide .tpContentBottomBar
{
    width: 960px;
}

.tpContentBottomBar .roundL
{
    display: block;
    height: 10px;
    width: 100%;
    background: url("../images/ui/round-blue-bl.png") bottom left no-repeat;
}

.tpContentBottomBar .roundR
{
    display: block;
    height: 10px;
    width: 100%;
    background: url("../images/ui/round-blue-br.png") bottom right no-repeat;
}

.tpContentBottomBar .roundMID
{
    display: block;
    height: 10px;
    margin: 0px 10px 0px 10px;
    background: #dce3f3;
}

div.tpContentLeftInner h3
{
    font-size: 14px;
    color: #414042;
}

div.tpContentRightColumn
{
    width: 210px;
    overflow: hidden;
    text-align: left;
    float: right;
    position: relative;
    top: -50px;
}

/* REPEATER */
.tpRepeaterHeader
{
	color:White;
	background-color:Black;
	height:25px;
}

.tpRepeaterHeading1Bold
{
	color:White;
	background-color:#696969;
	font-weight:bold;
	font-size:9pt;
	text-decoration:underline;
	cursor: pointer; 
}

.tpRepeaterHeading1
{
	color:White;
	background-color:#696969;
	font-size:9pt;
	text-decoration:none;
}

.tpRepeaterHeading1Table
{
	padding-left:3px;
	padding-right:3px;
	padding-top:3px;
	padding-bottom:3px;
}

.tpRepeaterHeading1Link
{
	text-decoration:underline; 
	color:White; 
	white-space:nowrap;
}

.tpRepeaterHeading1Link:hover
{
	text-decoration:none; 
	color:White; 
	white-space:nowrap;
}

.tpPageHeading
{
   	font-family : Arial;
	font-size : large;
    font-weight : bolder;
}
/* Autocomplete */

.AutoComplete
{
    display: none;
    position: absolute;
    left: 12px;
    overflow: hidden;
    z-index: 2000;
    padding: 30px 0px 0px 0px;
    height: 200px;
}

.streetAdjustedDropdown
{
    margin-left: 84px !important;
}

.AutoComplete ul
{
    list-style: none;
    display: block;
    max-height: 250px;
    background: #ffffff;
    border: 1px solid #cfcfcf;
    margin: 0px;
    padding: 0px;
    width: 100%;
    overflow: auto;
    margin-top: 0px;
    padding: 0px !important;
    top: 0px;
    position: absolute;
    height: 200px;
}

.AutoComplete li
{
   display: block !important;
   width: 98%;
   overflow: hidden;
   margin: 0px 20px 0px 0px !important;
   text-align: left !important;
}

.AutoComplete li a
{
    display: block !important;
    text-decoration: none !important;
    font-size: 12px !important;
    line-height: 10px !important;
    padding: 6px 0px 6px 6px;
    color: #333;
    margin: 0px !important;
}

span.acHL
{
    font-weight: bold;
    color: #000;
}
.AutoComplete li:hover, .AutoComplete li a:hover, .active_ac
{
   background: #567ad0 !important;
   color: #fff !important;
}
.AutoComplete li:hover a
{
    color: #fff !important;
}
.AutoComplete li:hover a span.acHL, .AutoComplete li a:hover span.acHL, .active_ac span.acHL
{
    font-weight: bold;
    color: #ffff33 !important;
}

.fixedWidth30
{
    margin-top: 6px;
    display: inline-block;
    float: left;
    width: 30px;
}

.Title
{
	font-family : Arial;
    font-size : large;
    font-weight : bolder;
}
        
.label
{
	font-family : Arial;
    font-size : 9pt;
    font-weight : bolder;
}
        
.radioButtonSelections
{
	font-family : Arial;
    font-size : 8pt;
    font-weight : bold;
    display: block;
    margin: 4px 0px 8px 0px;
    text-align: center;
    float: left;
    width: 394px;
}
        
.radioButtonSelections label {  margin-right:20px;font-size:12px; } 
        
.formLayout
{
	background-color: #f3f3f3;
    border: solid 1px #a1a1a1;
    width: 235px;
}
        
.link
{
	font-family : Arial;
    font-size : x-small;
    color: Gray;
    text-decoration: underline;
    background-image: none;
}

.linkAdvanced
    {
    	background-color:Transparent;
    	background-image:none;
    	font-size:11px;
    	color: Gray;
    	font-weight:bold;
    	font-family:Arial;
    	text-decoration:underline;
    }

.bold				{ font-weight:900;}

        
.widgetbanner 
{
	float:left;
	border:1px solid #ccc;
	background:#fff url(../images/bg_bannerGradient.jpg) repeat-x 0 25px;
}

.widgetbanner h1 
{
	font-weight:600;
	font-size:21px;
	background:#ccc url(../images/bg_banner.jpg) no-repeat bottom;
	width:239px;
	color:#666;
	min-height:20px;
	padding:5px 2px 5px 5px;
	margin:0 0px;
	font-family:Trebuchet MS;
}

.tripPlannerBoxes
{
	BORDER-RIGHT: #000000 0px solid; 
	BORDER-TOP: #000000 0px solid; 
	FONT-SIZE: 11px; 
	BORDER-LEFT: #000000 0px solid; 
	COLOR: #000000; 
	BORDER-BOTTOM: #000000 0px solid; 
	FONT-FAMILY: Verdana; 
	TEXT-DECORATION: none;
}

th.headerSortUp { 
    background-image: url(../images/small_asc.gif); 
    background-color: #3399FF; 
} 

th.headerSortDown { 
    background-image: url(../images/small_desc.gif); 
    background-color: #3399FF; 
} 

th.header { 
    cursor: pointer; 
    font-weight: bold; 
    background-repeat: no-repeat; 
    background-position: center left; 
    padding-left: 20px; 
    border-right: 1px solid #dad9c7; 
    margin-left: -1px; 
} 

/**old code?*/
.oddrow				{ background:White; }
.alternatingWhite	{ background-color:White;}
.alternatingGrey	{ background-color:#D3D3D3; }
.hover              { background-color:#d4effc;text-decoration:none; }
.alternatingRowColorWhite { background-color:White;text-decoration:none; }
.alternatingRowColorGray  { background-color:#EFF9FE;text-decoration:none; }
.forcewrap			{ display:block; max-width: 300px; }
.routes				{ background-color:#DDDDDD; }
.altroutes			{ background-color:White; }
.fakeLink			{ text-decoration:underline;color:Blue; }
.routeVia			{ cursor:pointer; }
.whiteLink			{ color:#E3E3E3; }
.pageBreakOverflow	{ overflow:auto;height:200px;background-color:Gray; }
.PageHeader			{ display:none; }

.tripPlanTableBasic		{ border-bottom:3px solid gray;background-color:White; }
.tripPlanTableBasic2     { height:2px;background-color:Gray; }
.selectedTripPlanTable  { border-top:2px solid #8470FF;border-right:2px solid #8470FF;border-left:2px solid #8470FF; }
.unselectedTripPlanTable  { border-bottom:2px solid #E3E3E3;border-top:2px solid #E3E3E3;border-right:2px solid #E3E3E3;border-left:2px solid #E3E3E3; }
.TripPlannerResultsHeader { font-family:Arial;font-size:12px;color:White;font-weight:900;background-image:url('../Images/results_blue_bar2.png'); }
.BusStopResultsHeader { font-family:Arial;font-size:12px;color:White;font-weight:900;background-image:url('../Images/results_blue_bar4.png'); }
.RouteScheduleResultsHeader { font-family:Arial;font-size:12px;color:White;font-weight:bold;background-image:url('../Images/results_blue_bar4.png'); }
.RouteScheduleResultsHeader2 { font-family:Arial;font-size:11px;color:White;font-weight:900;background-image:url('../Images/results_blue_bar4.png'); }
.TripPlannerHighlightBottom { background-color:#E3E3E3;font-family:arial;font-size:11px; }
.routeScheduleAdvancedHeader	{ font-size:9pt;font-weight:bold;font-family:arial;text-align:center; }
.TripPlannerItem		{ font-family:Arial;font-size:11px; }
.ExpandCollapse			{ font-family:Arial;font-size:x-small;color:Gray;text-decoration:underline; }
.subHeadingTP			{ font-size:11pt;font-weight:bold;font-family:Arial; }
.parameterLabel			{ font-size:13px;font-weight:bold;font-family:Arial; }
.parameterField			{ font-size:15px;font-weight:normal;font-family:Arial; max-width: 50%; float: left;}
.parameterFieldWrap			{ font-size:9pt;font-weight:normal;font-family:Arial;display: inline-block; max-width: 410px; vertical-align: top; }
.parameterFieldWrapNarrow	{ font-size:9pt;font-weight:normal;font-family:Arial;display: inline-block; max-width: 340px; vertical-align: top; }
.TripPlannerResultsHeader { height:15px; }
.ArrowLink				{ font-size:12px;font-family:Arial; }

.TPR_TopLeftCellSelected		{ border-top: 1px solid #173F94;border-left:1px solid #173F94;font-size:13px;font-family:Arial; }
.TPR_TopRightCellSelected		{ border-top: 1px solid #173F94;border-right:1px solid #173F94;font-size:13px;font-family:Arial; }
.TPR_RightCellSelected			{ border-right: 1px solid #173F94;font-size:13px;font-family:Arial; }
.TPR_LeftCellSelected			{ border-left: 1px solid #173F94;font-size:13px;font-family:Arial;	}
.TPR_TopCellSelected			{ border-top: 1px solid #173F94;font-size:13px;font-family:Arial; }
.TPR_BottomLeftCellSelected		{ border-bottom: 4px solid #173F94;border-left:1px solid #173F94;font-size:13px;font-family:Arial; }
.TPR_BottomRightCellSelected	{ border-bottom: 4px solid #173F94;border-right:1px solid #173F94;font-size:13px; }
.TPR_BottomCellSelected			{ border-bottom: 4px solid #173F94;font-size:13px;font-family:Arial; }

.TPR_TopLeftCell		{ font-size:13px;font-family:Arial; }
.TPR_TopRightCell		{ font-size:13px;font-family:Arial; }
.TPR_RightCell			{ font-size:13px;font-family:Arial; }
.TPR_LeftCell			{ font-size:13px;font-family:Arial; }
.TPR_TopCell			{ font-size:13px;font-family:Arial; }
.TPR_BottomLeftCell		{ font-size:13px;font-family:Arial; }
.TPR_BottomRightCell	{ font-size:13px;font-family:Arial; }
.TPR_BottomCell			{ font-size:13px;font-family:Arial; }

.TR_Details						{ background-color:White;font-size:13px;font-family:Arial; }
.invisible						{ visibility:hidden; }

.BusStopItem		{ font-family:Arial;font-size:8pt; }

.odd				{ background-color:White; }
.even				{ background-color:#D3D3D3; }

.locationError		{ font-size:10px;color:red;font-family:Arial; }
.locationError2		{ font-size:10px;color:White;font-family:Arial; }
.locationError3		{ font-size:10px;color:White;font-family:Arial; }


.watermark {
	            background: #FFAAFF;
            }

            .popupControl {
	            background-color:#AAD4FF;
	            visibility:hidden;
	            border-style:solid;
	            border-color: Black;
	            border-width: 2px;
            }

            .modalBackground {
	            background-color: #000;
	            filter:alpha(opacity=70);
	            opacity:0.7;
            }

            .modalPopup
            {
                font-size: 18px;
                color: #1f1998;
	            background-color:#fff;
	            border: 8px solid #dce3f3;
	            width: 435px;
	            padding: 10px 10px 10px 12px;
	            float: left;
	            display: block !important;
            }
            
            .modalMessage
            {
                position: relative;
                float: left;
            }
            
            .modalPopupLarge
            {
	            width: 820px;
	            height: 590px;
            }
            
            .modalPopupMobile
            {
                font-size: 25pt;
                color: #1f1998;
	            background-color:#fff;
	            border: 8px solid #dce3f3;
	            padding: 10px 10px 10px 12px;
	            float: left;
	            height: 165px;
	            width: 98%;
	            display: block !important;
	            padding-top: 20px;
            }
            
            .modalPopupMobileButton
            {
                font-size: 25pt;
                padding: 20px;
            }
            
            .modalPopupMobileButtonFull
            {
                margin-right: 50px;
                width: 200px;
                text-align: center;
            }
        
            .modalPopupMobileButtonGo
            {
                width: 200px;
            }
            
            .modalMessageInner {
                position: relative;
                float: left;
                text-align: left;
            }
            
            .modalMessageSpinner {
                position: relative;
                float: left;
                top: 7px;
                left: -5px;
            }
            
            .loadingSpinner
            {
                float: left;
                margin: -1px 10px;
            }
            
            .modalPopup img {
                vertical-align: middle;
            }
            
            .modalPopup span {
                vertical-align: middle;
            }
            
            .modalCancel {
                display: inline-block;
                padding-right: 15px;
                background: transparent url("../Images/close.gif") no-repeat top right;
                color: #414042;
                font-size: 11px;
                text-decoration:none;
                cursor: pointer;
                border: 0px;
            }
            
            .modalClose 
            {
                position: relative;
                float: right;
            }
            
            .modalFullMap {
                display: inline-block;
                float: right;
                margin-right: 0px;
                margin-top: 569px;
                color: #414042;
                font-size: 11px;
                text-decoration:none;
                cursor: pointer;
                border: 0px;
                padding-left: 30px;
                padding-top: 6px;
                background-image: url('../images/mapbutton.png');
                background-repeat: no-repeat;
                height: 30px;
            }
            
            .modalFullMap:hover
            {
                color: #000;
            }

            .sampleStyleA {
	            background-color:#FFF;
            }

            .sampleStyleB {
	            background-color:#FFF;
	            font-family:monospace;
	            font-size:10pt;
	            font-weight:bold;
            }

            .sampleStyleC {
	            background-color:#ddffdd;
	            font-family:sans-serif;
	            font-size:10pt;
	            font-style:italic;
            }

            .sampleStyleD {
	            background-color:Blue;
	            color:White;
	            font-family:Arial;
	            font-size:10pt;
            }
            
.active
{
	color:white;
    background-color:#1c3f94;
    font-size:9px;
    font-weight:bold;
    font-family:Arial;
    text-decoration:none;
}
    
.inactive
{
	color:#6d6e71;
    background-color:#D3D3D3;
    font-size:9px;
    font-weight:bold;
    font-family:Arial;
    text-decoration:none;
}    
      
.activeMid
{
	background-image:url('../Images/widget_tab_active_mid.gif');
}
    
.inactiveMid
{
	background-image:url('../Images/widget_tab_inactive_mid.gif');	
}


#tooltip 
{
	text-align:left;
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
	opacity: 0.85;
}
#tooltip h3, #tooltip div { margin: 0; }

.tooltipTitle 
{
	text-align:left;
	font-family:arial;
	font-size:12pt;
	font-weight:bold;
}

.tooltipDescription
{
	text-align:left;
	font-family:arial;
	font-size:9pt;
	font-weight:normal;
}

.tooltipExample
{
	text-align:left;
	font-family:arial;
	color:#173F94;
	font-size:9pt;
	font-weight:normal;
}

/* SCROLLER */
.scrollPane
{
	position: relative;
	width: 208px;
	height: 100px;
	overflow: hidden;
	margin: 0px;
	border:0px solid black;
	background: #0e0e0e;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0e0e0e', endColorstr='#4f4e4e') !important;  /* for IE */
         background: -webkit-gradient(linear, left bottom, left top, from(#0e0e0e), to(#4f4e4e)); /* for webkit browsers */
         background: -moz-linear-gradient(top,  #0e0e0e, #4f4e4e ); /* for firefox 3.6+ */  
         background: -o-linear-gradient(top, #0e0e0e, #4f4e4e ); /* for Opera */
   /* ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0e0e0e', endColorstr='#4f4e4e');*/ /* For Internet Explorer 8 */ 
}

.scrollItem
{
	position: absolute;
	width:100%;
	margin-bottom: 2px;
}

.scrollItem a{
font-family:Arial;
font-weight:normal;
color:White;
font-size:12px;
 text-decoration:none;
/*padding: 0px 5px;*/
}

.scrollItem a:hover {
    text-decoration:underline;

}

.scrollItem ul{
  list-style:none;
width: 100%;
margin:0;
padding:0px 4px;
}

.scrollItem ul li{
display:block;
}

.scrollItem ul li a
{
    display: inline-block;
    margin: 2px 12px 2px 8px;
}

.listSeparator {
    border-top-style:dashed; 
    border-top-width:1px;
    width:100%; 
    margin-top:5px;
    margin-bottom:-10px;
    color:#fff;
}

/* WRAPPING */
 .nowrap {
    white-space:nowrap;
 } 
   
 .floatRight {
    position:absolute;
    right:0;
    top:0;
    }
    
 .absoluteContainerLeft
 {
    position: relative;
    text-align: left;
 }
 
 .absoluteContainerLeft input[type="image"]
 {
    vertical-align: middle;
    margin: 4px 10px;
 }
   
 .wrapFloat {
   position: relative;
   clear: both;
   }   
   
   .divClearBlock 
   {
        position: relative;
        clear: both;
        display:block;
   }
    
   #detourTabs .wrapFloat {
       width:100%;
   }
   
  /* COMMAND BUTTONS */
.searchButtonDark
   {
        color: #fff;
        font-weight: bold;
        font-size: 17px;
        border:none;
        background:#fff;
         filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1B3991', endColorstr='#4067C6') !important;  /* for IE */
         background: -webkit-gradient(linear, left bottom, left top, to(#1B3991),from(#4067C6)); /* for webkit browsers */
         background: -moz-linear-gradient(top,  #1B3991, #4067C6 ); /* for firefox 3.6+ */  
         background: -o-linear-gradient(top, #1B3991, #4067C6 ); /* for Opera */
   /* ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1B3991', endColorstr='#4067C6');*/ /* For Internet Explorer 8 */ 
}

 .searchButtonLight
   {
        color: #000;
        font-weight: bold;
        font-size: 13px;
        border:none;
        padding:3px 0px;       
           background:#fff;
         filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1f1f0', endColorstr='#bcbcbc') !important;  /* for IE */
         background: -webkit-gradient(linear, left bottom, left top, from(#f1f1f0), to(#bcbcbc)); /* for webkit browsers */
         background: -moz-linear-gradient(top,  #f1f1f0, #bcbcbc ); /* for firefox 3.6+ */  
         background: -o-linear-gradient(top, #f1f1f0, #bcbcbc ); /* for Opera */
   /* ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1f1f0', endColorstr='#bcbcbc');*/ /* For Internet Explorer 8 */ 
}

#detourTabs
{
    margin: 10px 0px 0px 0px;
}

#detourTabs .clearButton {
   text-align: center;
    font-size:15px;
    margin-top:8px;
    display:inline-block;
}


#tabbedForm .searchButtonDark {
       margin-top:4px;
}
  
/* AJAX TABS */
  /*#tabbedFormDetours #tabbedForm
  {
    width:400px;
  }
  
 
  #tabbedFormDetours .tabbedFormTextBox
  {
    width:92%;
  }*/
    
div.tabInner
{
    white-space: nowrap; 
}


.ajax__tab_xp .ajax__tab_header 
{
    background: transparent !important;
    background-image: none !important; 
}

  .tabbedForm 
   {
     width:400px;
     height: 64px;
     float:left;
     text-align:left;
   }
   
  .tabbedFormTextBox
  {
        display: inline-block;
        width: 87%;
        font-size: 17px;
        color: #666;
        z-index: 3001;
        margin-left: 7px;
        #margin-left: 4px;
        padding-left: 3px;
  }

  .subscribeTextField input
  {
    font-size: 17px;
    color: #666;
    padding: 4px;
    width: 392px !important;
    border: 1px solid #BFC2EB;
  }
  
  .tabbedFormHouseNum
  {
    width: 65px;
    padding-left: 2px;
  }
  
  .tabbedFormStreet
  {
    width: 206px;
    padding-left: 2px;
    margin-left: 0px;
  }
  
  .tabbedFormQuadrant
  {
    margin-left: 0px;
  }
      
.ajax__tab_xp .ajax__tab_tab
 {    
    font-size: 13px;
    font-family: Arial;  
 }
 
#detourTabs .ajax__tab_body
{
    padding:0px;
    border-width:0px; 
}

#tabbedForm .ajax__tab_body
{
    padding:2px 0px 2px 0px;
    border-width:0px;
    top: 100px;
    left: 0px;
    float:left;
    width:100%;
}


/*Tab Inactive */
.ajax__tab_tab
{
    background:url("../Images/tabs/tab_inactive_mid.png") repeat-x !important;  
    color:#414042;
    overflow: hidden;
    position: relative;
    left: 1px;
}

.ajax__tab_inner
{
    background:url("../Images/tabs/tab_inactive_left.png") no-repeat left!important; 
    height: 23px;
    padding-right:1px;
}

.ajax__tab_outer
{
     background:url("../Images/tabs/tab_inactive_right.png") no-repeat top right!important;
     height: 23px;
     overflow: hidden;
     margin-right: 0px;  
     position:relative;
     vertical-align:bottom;
}

/*Tab Active*/
.ajax__tab_active .ajax__tab_tab
{
    background:url("../Images/tabs/tab_active_mid.png") repeat-x !important;
    color: #fff;    
      font-weight:bold; 
}

.ajax__tab_active .ajax__tab_inner
{
    background:url("../Images/tabs/tab_active_left.png") no-repeat left!important;  
    height: 26px;
}

.ajax__tab_active .ajax__tab_outer
{
   background:url("../Images/tabs/tab_active_right.png") no-repeat top right!important;  
    height: 26px;
        position:relative;
   top:4px; 
}

.ajax__tab_hover .ajax__tab_tab
{
    color:#000;   
}

.ajax__tab_active .ajax__tab_tab
{
    color:#fff;   
}

 /*add following style to fix ajax bug with ie 6&7 that cuts off header text in tabs*/
  .ajax__tab_xp .ajax__tab_tab
  {
    height: 23px;
  }

.ajax__tab_xp .ajax__tab_tab, .ajax__tab_active .ajax__tab_tab {
    padding: 2px;
}

.ajax__tab_inner span {
    display: block;
    height: 23px !important;
    padding: 1px 4px 0px 4px !important;
}

.ajax__tab_active span {
    height: 26px !important;
}

.ajax__tab_tab * {
    top: 4px !important;
}


#detourTabs .ajax__tab_header
{
    position:relative;
    left:2px;
}

.detoursFilterText
{
  margin-right:6px;
  color:#000;
}

.noDetoursPanel
{
    border:solid 1px #C5C8EC;
    margin-left:2px;
    padding:5px;
    position:relative;
    z-index:1999;
    background:#fff;
}

.narrowTopMargin
{
     margin-top:0;
}



/*RESULT SUMMARIES/HEADER DETAILS*/

.resultDetails {
    background-color:#fff;
    padding:5px;
    font-family:Arial;
    font-size:15px;
}

.resultDetails .detailsLabel, .tripResultsSummary .detailsLabel, .tripResultsSummary .timeEntryLabel, .summaryLabel
{
    float: left;
    text-align: right;
    clear: left;
    display: inline-block;
    font-weight:bold;
    font-size:14px !important;
    color: #1f1998; 
    margin-right: 8px;
}

.resultDetails .detailsLabel
{
    width: 218px;
}
.tripResultsSummary .timeEntry
{
    width: 279px;
    margin-bottom: 0px !important;
}

.busStopInfoResultsContent .timeEntry
{
    width: 330px;
    margin-bottom: 0px !important;
    clear: both;
}

.tripResultsSummary .radArriveDepart
{
    top: 0px !important;
}

.tripResultsSummary .blueButtonSm
{
    position: relative;
    top: -2px !important;
}

.tripResultsSummary .detailsLabel, .tripResultsSummary .timeEntryLabel
{
    width: 94px;
}
.SchoolInfoResultsContent .summaryLabel span
{
    margin-right: 2px !important;
}
.schoolInfoSummary .summaryLabel, .SchoolInfoResultsContent .summaryLabel
{
    width: 166px;
}

.resultsHdLine
{
    display: block;
    clear: both;
}

.busStopInfoResultsContent .summaryLabel
{
    width: 144px;
}

.routeScheduleInfoContent .summaryLabel, .routeScheduleInfoContent .dateEntry span
{
    width: 50px;
}

.routeScheduleInfoContent .dateEntry span
{
    position: relative;
    top: -1px;
    margin-right: 3px !important;
}

.routeScheduleInfoContent .dateEntry
{
    margin-bottom: 0px !important;
}

.routeScheduleInfoContent .calendarPickerDateText
{
    font-size: 15px !important;
}
.routeScheduleInfoContent .dateEntry
{
    width: 198px !important
}
.detailText
{
    display: inline-block;
    float: left;
    width: 460px;
}

.resultsMessageLabel {
    font-family:Arial;
    font-weight:bold;
    font-size:17px;
    color: #1f1998; 
}

.resultsMessageText {
    font-family:Arial;
    font-size:16px; 
}


/*RESULTS TABLES*/

.resultsTable 
{
     border-style: solid;
     border-color: #c5c8ec;
     border-left-width: 2px;       
     border-right-width:1px;  
     border-top-width: 2px; 
    border-spacing: 0px;
    width: 710px;
}

.routeResultsTable
{
    clear: both;
    padding: 5px !important;
    margin: 0px;
    border-spacing: 0px;
    border-left:solid 1px #c5c8ec;
    width: 710px;
}

.routeResultsTableHeader
{
    clear: both;
    padding: 0px !important;
    margin: 0px;
    border-spacing: 0px;
    border-left:solid 1px #c5c8ec;
    width: 710px;
}

.wideTable
{
    width: 910px;
    border-spacing: 0px;
    border-top: solid 1px #c5c8ec;
    padding: 0px;
}

.wideTable td, .wideTable th
{
    padding: 2px !important;
}

.routeResultsTable th, .routeResultsTableHeader th
{
    text-align: center;
    border-right:solid 1px #c5c8ec;  
    border-top:solid 1px #c5c8ec;
    padding: 0px;
    margin: 0px;
}

.routeResultsTable td, .routeResultsTableHeader td
{
    font-size: 12px;
    color: #000;
}

.routeResultsTable tr.blueRow td, .resultsTable tr.blueRow td, .routeResultsTableHeader tr.blueRow td, .routeResultsTableHeader tr.blueRow th
{
    border: 0px !important;
    padding: 0px;
    color: #fff;
    background: #4067c6;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4067c6', endColorstr='#0f287c'); /* for IE */
    background: -webkit-gradient(linear, left bottom, left top, from(#0f287c), to(#4067c6)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #4067c6,  #0f287c); /* for firefox 3.6+ */     
    background: -o-linear-gradient(top, #4067c6, #0f287c ); /* for Opera */
}

.routeResultsTable tr.blueRow td a,
.routeResultsTable tr.blueRow th a,
.resultsTable th a,
.routeResultsTableHeader tr.blueRow a
{
    color: #fff !important;
}

.resultsTable .lastRow {
    border-bottom:solid 2px #1f1998;
}


.resultsTable th
{
     border-style: solid;
     border-color: #c5c8ec;
     border-width:1px;
}

.resultsTable th
{
    padding:3px;    
    height: 24px;
    color:#fff;   
    white-space:nowrap; 
    text-align:center;
    font-size: 11px;
    font-family: Arial Narrow, Arial, Sans-Serif;
    font-weight: bold;     
    margin:0px;  
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4067C6', endColorstr='#1B3991') !important;  /* for IE */
    background: -webkit-gradient(linear, left bottom, left top, from(#1B3991), to(#4067C6)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #4067C6, #1B3991); /* for firefox 3.6+ */  
    background: -o-linear-gradient(top, #4067C6, #1B3991 ); /* for Opera */
    /* ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4067C6', endColorstr='#1B3991');*/ /* For Internet Explorer 8 */ 
}

.resultsTable th a {
    color:#fff;
}

.resultsTable td, .greyRow th, .greyColDark
{
    font-size: 13px;
    font-family: Arial;
    border-right: solid 1px #c5c8ec;
}

.greyRow th
{
    font-weight: bold;
    padding: 6px;
    height: 18px;
    filter: none !important;
}

.resultsTable td
{   
     border-bottom:solid 2px #c5c8ec;
     vertical-align: top;
     text-align:center;
     padding: 3px;
}

.resultsTable td *
{
    float: none !important;
}

.resultsFooter td
{
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1B3991', endColorstr='#4067C6') !important;  /* for IE */
    background: -webkit-gradient(linear, left bottom, left top, to(#1B3991),from(#4067C6)); /* for webkit browsers */
    background: -moz-linear-gradient(top, #4067C6 ,#1B3991); /* for firefox 3.6+ */  
    background: -o-linear-gradient(top, #1B3991, #4067C6 ); /* for Opera */
   /* ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1B3991', endColorstr='#4067C6');*/ /* For Internet Explorer 8 */ 
 
}

.BoldFont
{
    font-weight:bold;
}
.resultsSmallFont
{
    font-size: 12px;
}

table.results .resultsSubFont
{
    font-size: 11px;
}

.resultsRow td
{
   background-color:#fff;  
}

.resultsAlternatingRow td
{
  background-color:#e6e7e8; 
}

.grid {
   background:#c5c8ec; 
   width:710px;
}

div.indent {
 padding-left: 10px;
}

.detoursFooter
{
    width:699px;
    padding :5px;   
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1B3991', endColorstr='#4067C6') !important;  /* for IE */
    background: -webkit-gradient(linear, left bottom, left top, to(#1B3991),from(#4067C6)); /* for webkit browsers */
    background: -moz-linear-gradient(top, #4067C6 ,#1B3991); /* for firefox 3.6+ */  
    background: -o-linear-gradient(top, #1B3991, #4067C6 ); /* for Opera */
   /* ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1B3991', endColorstr='#4067C6');*/ /* For Internet Explorer 8 */ 
    
}

.detoursFooter .searchButtonLight
{
    width:100%;    
}

/* COLUMN SORTING */
.SortHeaderInactive a{
     display:inline-block;
    padding-right:14px;
    background: url("../Images/small.gif") no-repeat right;
    font-size: 11px !important;

}

.SortHeaderASC a{
     display:inline-block;
    padding-right:14px;
    background: url("../Images/small_asc.gif") no-repeat right;
    font-size: 11px !important;
}

.SortHeaderDESC a{
     display:inline-block;
    padding-right:14px;
    background: url("../Images/small_desc.gif") no-repeat right;
    font-size: 11px !important;
}


/* PAGE LINKS */
.pageLinkSmall
{
    font-size: 10px;
    color: #414042;
}

.printLink
{
    background: url("../Images/print.png") no-repeat;
    background-position: left top;
    padding-left: 26px;
    margin-right: 12px;
    margin-top: -5px;
    #margin-top: -15px;
    height: 19px;
    padding-top: 4px;
}

.printBar
{
    height:12px;
    margin-bottom:10px !important;
}

.printBarWide
{
    height:12px;
    width: 900px !important;
    margin-bottom:10px !important;
}

.printBarRight
{
    height:12px;
    width: 150px !important;
    margin: 56px 20px 10px 0px !important; 
    float: right;
}

.routeSchedulePrintBar
{
    height:12px;
    width: 150px !important;
    margin: 62px 20px 5px 0px !important;
    float: right;
}

/*Validation Error*/
 .calloutArrow
    {
        height: 0;
        width: 0;
        border-right-width: 12px; /*change border px to change size of arrow*/
        border-right-style:solid;
        border-right-color:#fff;
        border-top: 6px dotted transparent;
        border-bottom: 6px dotted transparent;      
        margin-top:10px;
        margin-right:1px;
        z-index: 10;
        float:left;  
    }
    
   .error .calloutArrow{
     border-right-color: #FFF79A;
   }
  
    .divCalloutBox
    {     
        background-color:#fff;  
       /* border: solid 1px #ffffff; */ /*creates a white border around box */
        position: relative;
       /* top: -1px;*/
        z-index: 9;        
        width: 275px; 
       /* height:35px;     let height change according to message*/     
        float:left;
        left:-1px;
        top:-2px;          
    }
    
    .error .divCalloutBox{
     background-color: #FFF79A;
     z-index:7
   }
  
   .CalloutClose 
   {
       float:right;
       margin: 0px 0px 4px 4px;
   }
     
    .shadowBox
		{		    
			background: url('../Images/shadow.png');
			width: 275px;			
			float:left;			
		}
		
 
    .divCalloutContainer
    {
      float:left;
      margin-top:7px;
      padding:2px;
      font-size: 12px;
      font-family: Arial;
    }
    
    .divCalloutText
    {
        padding: 4px 8px 4px 8px;
    }
    
    .errorBackground
    {
        background-color: #FFF79A;
    }
    
    #tabbedFormCallouts 
    {
        position: relative;
        left: 402px;
    }
    
    #tabbedFormCallouts .tabbedFormError 
    {
        position:absolute !important;
        top:0px !important;
        left:0px !important;
    } 
    
    #tabbedFormCallouts .tabbedFormHelp 
    {
        position:absolute !important;
        top:0px !important;
        left:0px !important;
    }
    
    #tabbedFormCallouts .BusStopScheduleTimeError
    {
        margin-top:-95px;
    }
    
    #tabbedFormCallouts , #schoolTypeCallout, #schoolCallout, #sessionCallout
{
    position: relative;
    left: 402px;
}

#tabbedFormCallouts .tabbedFormError, #schoolTypeCallout .tabbedFormError, #schoolCallout .tabbedFormError, #sessionCallout .tabbedFormError  
{
    position:absolute !important;
    top:0px !important;
    left:0px !important;
}
    
 /* SERVICE NOTES */
 .serviceNotesTitle {
    font-weight:bold;
    font-size:12px;
    color:#1f1998;
    position:relative;
    margin-bottom:-8px;
 }
 
 .serviceNotesSubtitle {
    font-weight:bold;
    font-size:12px;
 }
 
 .serviceNotesText
 {
    margin: 16px 0px;
    line-height: 18px;
 }
 
  .serviceNotesText ul {
    margin-top:3px;
 }
 
 .serviceNotesText li {
    font-size:12px;
 }
 

/* PLAN YOUR TRIP */
.panelHidden 
{
    display:none;
    height:1px;
    visibility:hidden;
}
    
.panelVisible 
{
    display: block;
    height:100%;
    overflow:visible;
    visibility:visible;
}

/*hidden fields*/
.hidden
{
 visibility:hidden;
 display:none;   
}

/* AJAX CAlendar Plus control */
.ajax__calendar
    {z-index: 1000;}
.ajax__calendar_container
    {position: absolute !important; z-index: 9999 !important; top: 24px !important}
.ajax__calendar .ajax__calendar_other .ajax__calendar_day 
    {background-color:#ffffff;border-color:#ffffff;color:#888888;cursor:default;}
.ajax__calendar .ajax__calendar_other .ajax__calendar_month 
    {background-color:#ffffff;border-color:#ffffff;color:#888888;cursor:default;}
.ajax__calendar .ajax__calendar_other .ajax__calendar_year 
    {background-color:#ffffff;border-color:#ffffff;color:#888888;cursor:default;}
    
.calendarPickerDateText
{
    font-family: Arial, Sans-Serif;
    font-size: 14px;
    position: relative;
    left: -2px;
    top: 0px;
    
}
    
.calendarIcon
{
    position: relative;
    top: -3px;
    left: 1px;
}


/* Short grey right column box */
.wGreyLeftShort, .wGreyRightShort, .wGreyInnerShort
{
    height: 35px;
}

.wGreyLeftShort
{
    background: transparent url('../images/ui/sidebar-top-grey-left1.png') no-repeat top left;
}

.wGreyRightShort
{
    background: transparent url('../images/ui/sidebar-top-grey-right1.png') no-repeat top right;
}

.wGreyInnerShort
{
    margin: 0px 3px 0px 3px;
    background: #1c3991 url('../images/ui/sidebar-top-grey-mid1.png') repeat-x top left;
}

.wGreyInnerShort span
{
    display: inline-block;
    margin: 8px 0px 0px 8px;
}

/* Tall grey right column box */
.wGreyLeftTall, .wGreyRightTall, .wGreyInnerTall
{
    height: 50px;
}

.wGreyLeftTall
{
    background: transparent url('../images/ui/sidebar-top-grey-tall-left1.png') no-repeat top left;
}

.wGreyRightTall
{
    background: transparent url('../images/ui/sidebar-top-grey-tall-right1.png') no-repeat top right;
}

.wGreyInnerTall
{
    margin: 0px 3px 0px 3px;
    background: #1c3991 url('../images/ui/sidebar-top-grey-tall-mid1.png') repeat-x top left;
}

.wGreyInnerTall span
{
    display: inline-block;
    margin: 6px 0px 0px 8px;
}


/* Right column short header with blue gradient background */
.wLeftShort, .wRightShort, .wInnerShort
{
    height: 30px;
}

.wLeftShort
{
    background: transparent url('../images/ui/widget-top-left1.png') no-repeat top left;
}

.wRightShort
{
    background: transparent url('../images/ui/widget-top-right1.png') no-repeat top right;
}

.wInnerShort
{
    margin: 0px 3px 0px 3px;
    background: #1c3991 url('../images/ui/widget-top-mid1.png') repeat-x top left;
}

/* Right column tall header with blue gradient background */
.wLeftTall, .wRightTall, .wInnerTall
{
    height: 50px;
}

.wLeftTall
{
    background: transparent url('../images/ui/sidebar-top-tall-left1.png') no-repeat top left;
}

.wRightTall
{
    background: transparent url('../images/ui/sidebar-top-tall-right1.png') no-repeat top right;
}

.wInnerTall
{
    margin: 0px 3px 0px 3px;
    background: #1c3991 url('../images/ui/sidebar-top-tall-mid1.png') repeat-x top left;
}

.wInnerShort span, .wInnerTall span
{
    display: inline-block;
    margin: 6px 0px 0px 8px;
}

.wInnerTall span, .wGreyInnerTall span
{
    margin: 7px 0px 0px 8px;
}

.wBody
{
    margin: 0px;
    background: #DEDEDE;
    border-right: 1px solid #cfcfcf;
    border-left: 1px solid #cfcfcf;
}

.wInnerBody
{
    
    margin: 0px;
    padding: 0px;
}

.rColFootLeft, .rColFootRight, .rColFootMid
{
    height: 5px;
}

.rColFootLeft
{
    background: transparent url('../images/ui/sidebar-bottom-left1.png') no-repeat bottom left;
}

.rColFootRight
{
    background: transparent url('../images/ui/sidebar-bottom-right1.png') no-repeat bottom right;
}

.rColFootMid
{
    margin: 0px 5px 0px 5px;
    background: #1c3991 url('../images/ui/sidebar-bottom-mid1.png') repeat-x bottom left;
}

.tabInner
{
    height: 38px;
    padding: 0px;
    margin: 0px;
    background: transparent url('../images/ui/widget-blue-back-left.png') no-repeat bottom left;
}

.tabInner .fsInner
{
    height: 38px;
    padding: 0px;
    background: transparent url('../images/ui/widget-blue-back-right.png') no-repeat bottom right;
}

.tabInner .fsInner .fsContent
{
    margin: 0px 3px 0px 3px;
    height: 38px;
    background: transparent url('../images/ui/widget-blue-back-mid.png') repeat-x bottom left;
    overflow: visible;
}

.tabInner .fsInner .fsContent *
{
    margin-top: 5px;
}

.tabInner .fsInner .fsContent input[type="image"]
{
    vertical-align:  top;
    margin-top: 7px;
    margin-left: -1px;
    #margin-left: 3px;
}
.ajax__tab_xp .ajax__tab_body
{
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: transparent !important;
    border-right: none !important;
    border-style: none !important;
    border-width: 0 !important;
    font-family: verdana,tahoma,helvetica;
    font-size: 10pt;
    padding: 0px !important;
}

.radArriveDepart label
{
    font-family: Arial,sans-serif;
    font-size: 15px;
    font-weight: normal;
    margin-right: 10px;
}

.arriveDepartDateTime
{
    display: block;
    width: 394px;
    float: left;
    position: relative;
}

.dateTimeEntry
{
    display: block;
    padding-top: 8px;
}

.dateEntry
{
    width: 178px;
}

.timeEntry
{
    width: 216px;
}

.dateEntry, .timeEntry
{
    float: left;
    height: 20px;
    margin-bottom: 10px;
    position: relative;
    z-index: 1000;
    white-space: nowrap;
}

.timeEntry span
{
    margin-top: 3px;
}

.timeSpinner
{
    display: inline-block;
    position: relative;
    float: left;
    vertical-align: top;
    width: 10px;
    height: 20px;
    margin: 0px 3px 0px 0px;
}

.timeSpinner img
{
    margin: 0px 0px 1px 0px;
    padding: 0px;
    border: 0px;
    float: left;
}

.dateEntry span
{
    margin-top: 1px;
}

.timeEntry span, .timeEntry select, .timeEntry input, .dateEntry span, .dateEntry select, .dateEntry input
{
    display: inline-block;
    position: relative;
    float: left;
    margin-right: 3px;
}

.dateEntry input
{
    background-color:transparent;
    border:none;
    margin-top: -0px;
    margin-left: 4px;
}

.dateEntry input[type="image"]
{
    margin-left: -2px;
}

.dateEntry input[type="text"]
{
    width:85px;
}

.timeEntry span, .dateEntry span, .ToAndFrom
{
    font-weight: bold;
    text-transform: uppercase;
    font-size: 14px !important;
    color: #414042;
}

.dateEntry img
{
    margin-top: 3px;
}

#ctl00_cpApplication_cmdTripPlannerSubmit
{
    clear: both;
}

.arriveDepartDateTime .radioButtonSelections
{
    margin: 10px 0px 10px 0px;
}

.clearBoth
{
    height: 1px;
    width: 100%;
    clear: both;
}

.clearFloat
{
    clear: both;
}

.tpContentLeftInner table.results
{
    background: #fff;
    border: 0px;
    border-spacing: 0px;
    width: 710px;
    border-left: 1px solid #C5C8EC;
}


.tpContentLeftInner table.results th, .SortHeaderASC
{
    height: 34px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4067c6', endColorstr='#0f287c'); /* for IE */
    background: -webkit-gradient(linear, left bottom, left top, from(#4067c6), to(#0f287c)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #4067c6,  #0f287c); /* for firefox 3.6+ */  
    background: -o-linear-gradient(top, #4067c6, #0f287c ); /* for Opera */
}

.ssResults th a, .ssResults th span, .tpContentLeftInner table.results th, .SortHeaderASC, tr.blueRow th span
{
    font-family: Arial Narrow, Arial, Sans-Serif;
    font-weight: bold;
    color: #fff;
    font-size: 11px !important;
}
.tpContentLeftInner table.results td
{
    padding: 6px;
    border-right: 1px solid #C5C8EC;
    border-top: 1px solid #C5C8EC;
    text-align: center;
}

.leftAlign
{
    text-align: left !important;
}

.rightAlign
{
    text-align: right !important;
}

.topAlign
{
    vertical-align: top !important;
}

.middleAlign
{
    vertical-align: middle !important;
}

.leftAlign img, .rightAlign img, .leftAlign input, .rightAlign input
{
    vertical-align: middle;
}

.routeResultsTableHeader .rightAlign *
{
    margin-right: 12px;
}

.routeResultsTableHeader .rightAlign img
{
    margin-right: 0px;
}

.routeResultsTableHeader .rightAlign .routeMapIcon
{
    margin-right: 3px;
}

.routeResultsTableHeader .leftAlign *
{
    margin-left: 12px;
}

.tpContentLeftInner table.results td[colspan="7"]
{
    padding: 0px;
}

.tpContentLeftInner table.routeDetails, .busScheduleResultsDetail
{
    background: #fff;
    border: 0px;
    border-spacing: 0px;
    width: 710px;
}

.tpContentLeftInner table.routeDetails th
{
    background: #bec0c1;
    filter: none;
    color: #000;
    text-align: center;
    border-right: 1px solid #999;
}

.tpContentLeftInner table a
{
    color: #000;
}

.tpContentLeftInner table td
{
    margin: 0px;
}

.tpContentLeftInner table.routeDetails td a
{
    color: #000;
}
.tpContentLeftInner table.routeDetails td a img
{
    vertical-align: middle;
}
.tpContentLeftInner table.routeDetails td
{
    color: #000;
    text-align: center;
    border-right: 1px solid #c5c8ec;
    border-top: 1px solid #c5c8ec;
    padding: 6px;
}

.greyRow th
{
    background: #bec0c1 !important;
    color: #000 !important;
}

.greyColDark
{
    background: #414042;
    color: #fff;
    font-weight: bold;
    font-family: Arial Narrow, Arial, Sans-Serif;
    text-transform: uppercase;
}

tr.blueBottomBorder
{
    border-bottom: 2px solid #0f287c;
}

.greyRow a
{
    color: #000;
    font-size: 13px;
}

/* Bus type legend pop up */
.legendPanel
{
    position: absolute;
    display: none;
    z-index: 101;
}

.legendPanelInner, .legendPanelShadow
{
    position: absolute;
    width: 220px;
    height: 70px;
    padding: 10px;
}

.legendPanelInner
{
    top: 0px;
    left: 0px;
    border: solid 1px black;
    background-color: #fff;
    z-index: 100;
    text-align: left;
}

.legendPanelInner h3
{
    margin: 3px 0px;
}

.legendPanelShadow
{
    top: 5px;
    left: 5px;
    background-color: #000;
    z-index: 99;
    filter:alpha(opacity=40);
    opacity:0.4;
}

.mapIcon
{
    vertical-align: middle; 
    margin: 4px;
}

.expandTD
{
    text-align: center;
}

.walkingTransfer
{
    text-align: left !important;
    background: #dcddde;
    padding: 3px 3px 3px 12px !important;
}

.walkingTransfer img
{
   vertical-align: middle;
   margin-right: 4px;
}

.routeListPanel
{
    white-space: nowrap;
    text-align: left;
}

.routeListPanel a
{
    margin-top: 13px;
}

.tripCol1
{
    width: 60px;
}

.tripCol2
{
    width: 160px;
}

.tripResultsSummary
{
    background: #DCDDDE;
    margin: 0px;
    border: 1px solid #cdd2e4;
    position: relative;
}

.routeScheduleColumn
{
    width: 90px;
}

.routeScheduleInfoSummary
{
    position: relative;
    float: left;
    background: #DCDDDE;
    margin: 0px 0px 14px 0px;
    border: 1px solid #cdd2e4;
    width: 706px;
}

.routeScheduleInfoContent
{
    background: #fff;
    padding: 10px;
    width: 508px;
}

.busStopInfoSummary, .schoolInfoSummary
{
    position: relative;
    background: #DCDDDE;
    margin: 0px;
    border: 1px solid #cdd2e4;
    width: 708px;
}

.busStopInfoResultsContent, .SchoolInfoResultsContent
{
    background: #fff;
    padding: 10px;
    width: 508px;
}

.returnTripSummaryContent
{
    background: #fff;
    padding: 10px;
    width: 515px;
}
.returnTripSummaryContent span
{
    color: #1F1998;
}

.tripResultsSummary span, .busStopInfoSummary p span, .routeScheduleInfoSummary span, .schoolInfoSummary p span
{
    font-size: 15px;
    color: #000;
}

.tripResultsSummary, .busStopInfoSummary p, .summaryLabel, .schoolInfoSummary p
{
    font-size: 14px;
    color: #1f1998 !important;
    font-weight: bold;
    line-height: 20px;
}

.summaryLabel span
{
    color: #1f1998 !important;
    margin-right: 10px;
    vertical-align:top;
}

.summaryLabel
{
    margin-right: 10px;
}

.tripResultsSummary p
{
    margin: 0px 0px 3px 0px;
}

.busStopInfoSummary p, .schoolInfoSummary p
{
    margin: 0px 0px 6px 0px;
}

label.pleaseNote
{
    color: #414042;
    font-size: 11px;
    margin-left: 4px;
    font-weight: normal !important;
}

.returnTripButtons, .newBusSchedule, .newRouteSchedule, .schoolResultsButtons
{
    display: block;
    position: relative;
    background: #DCDDDE;
    width: 180px;
    height: 100%;
    text-align: center;
    overflow: hidden;
    float: right;
}

.btnNewSearch, 
.btnBusStopsMap, 
.btnNewSchoolSearch,
.btnNewRouteSchedule
{
    position: absolute;
    bottom: 8px;
    right: 4px;
    width: 170px;
    height: 30px;
    font-size: 12px !important;
}

.btnBusStopsMap, 
.btnNewSchoolSearch
{
    cursor: pointer;
}

.btnReturnTrip
{
    position: absolute;
    bottom: 42px;
    right: 4px;
    width: 163px;
    height: 30px;
    font-size: 12px;
}

.btnNewTripSearch
{
    position: absolute;
    bottom: 10px;
    right: 4px;
    width: 163px;
    height: 30px;
    font-size: 12px;
}


.returnTripButtons input, .newBusSchedule input, .newRouteSchedule input
{
    position: absolute;
    left: 50%;
    margin-left: -80px;
    width: 160px;
    height: 28px;
}

.schoolResultsButtons input
{
    left: 50%;
    width: 160px;
    height: 28px;
}

.newBusSchedule input, .newRouteSchedule input, .schoolResultsButtons input
{
    bottom: 4px;
}

.returnTripButtons input
{
    bottom: 34px;
}

.returnTripButtons input + input
{
    bottom: 4px;
}

.resultsSubheadText
{
    display: inline-block;
    color: #414042;
    font-size: 19px;
    margin: 0px 0px 8px 0px;
}

.radArriveDepart
{
    float: left;
    margin: 0 10px 0 8px;
    position: relative;
    top: 2px;
}

table.results
{
    border: 0px;
}

table.results *
{
    font-size: 13px;
}
table.results .blueRow *
{
    color: #fff;
}


table.results .blueRow th
{
    text-align: center;
    margin: 0px;
    background: #4067c6;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4067c6', endColorstr='#0f287c'); /* for IE */
    background: -webkit-gradient(linear, left bottom, left top, from(#0f287c), to(#4067c6)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #4067c6,  #0f287c); /* for firefox 3.6+ */     
    background: -o-linear-gradient(top, #4067c6, #0f287c ); /* for Opera */
}

.divTripResults
{
    margin-top: 14px;
}

.divTripResults h3
{
    margin: 10px 0px 10px 0px;
    font-weight: bold;
    font-size: 19px;
    color: #414042;
}

.blueButton
{
    display: inline-block;
    background: url("../Images/ui/blue-button-right1.png") no-repeat right top;
    height: 34px;
    text-align: left;
    float: left;
    width: 162px;
}

.blueButton input
{
    display: inline-block;
    background: url("../Images/ui/blue-button-full1.png") no-repeat left top;
    border: 0px;
    height: 34px;
    margin: 0px 4px 0px 0px;
    vertical-align: middle;
    padding: 1px 5px 7px 7px;
    font-weight: bold;
    font-size: 15px;
    color: #fff;
    cursor: pointer;
    float: left;
    width: 158px;
}

.greyButton
{
    display: inline-block;
    background: url("../Images/ui/grey-button-right1.png") no-repeat right top;
    height: 34px;
    text-align: left;
    float: left;
    width: 162px;
}

.greyButton input
{
    display: inline-block;
    background: url("../Images/ui/grey-button-full1.png") no-repeat left top;
    border: 0px;
    height: 34px;
    margin: 0px 4px 0px 0px;
    vertical-align: middle;
    padding: 1px 5px 7px 7px;
    font-weight: bold;
    font-size: 15px;
    color: #fff;
    cursor: pointer;
    float: left;
    width: 158px;
}

.greyButton input[disabled] /* [disabled] for firefox */
{
    display: inline-block;
    background: url("../Images/ui/grey-button-full1.png") no-repeat left top;
    border: 0px;
    height: 34px;
    margin: 0px 4px 0px 0px;
    vertical-align: middle;
    padding: 1px 5px 7px 7px;
    font-weight: bold;
    font-size: 15px;
    color: #fff;
    cursor: pointer;
    float: left;
    width: 158px;
}

.blueButtonWide
{
    display: inline-block;
    background: url("../Images/ui/blue-button-right1.png") no-repeat right top;
    height: 34px;
    text-align: left;
    float: left;
    width: 214px;
}

.blueButtonWide input
{
    font-family: Arial, Sans-Serif;
    display: inline-block;
    background: url("../Images/ui/blue-button-full1.png") no-repeat left top;
    border: 0px;
    height: 34px;
    margin: 0px 4px 0px 0px;
    vertical-align: middle;
    padding: 1px 5px 7px 7px;
    font-weight: bold;
    font-size: 15px;
    color: #fff;
    cursor: pointer;
    float: left;
    width: 210px;
}

.blueButtonSm
{
    display: inline-block;
    background: url("../Images/ui/button-trip-planner-right1.png") no-repeat right top;
    height: 23px;
    text-align: left;
    float: left;
    padding: 0px;
    width: 104px;
}

.blueButtonSm input
{
    display: inline-block;
    background: url("../Images/ui/button-trip-planner-full1.png") no-repeat left top;
    border: 0px;
    height: 23px;
    margin: 0px 4px 0px 0px;
    color: #fff;
    vertical-align: middle;
    padding: 4px 5px 9px 8px;
    font-weight: bold;
    cursor: pointer;
    float: left;
    font-size: 11px;
    width: 100px;
}

.padding20
{
    padding: 20px;
}

.vPadding20
{
    padding: 20px 0px;
}

.padding10
{
    padding: 10px;
}

.padding5
{
    padding: 5px !important;
}

.absoluteContainerLeft .blueButtonSm
{
    margin: 6px 9px 0px 0px;
}

.generalAlert img
{
    cursor: pointer;
    vertical-align: middle;
    float: right;
}

.fRight
{
    float: right;
}

.fLeft
{
    float: left;
}

.tdCenter
{
    text-align: center;
}

.fixedCellTripDetails
{
    width: 109px;
}

/* BUS STOP IMAGES MODAL */

.BusStopModal, .MapModal
{
    text-align: left;
}

.modalTitle, .subscribeModalTitle
{
    font-weight:Bold;
    font-size: 20px;
    color: #1f1998;
}

.subscribeModalTitle
{
    margin-bottom: 10px;
    display: inline-block;
}

.pnlImages, .pnlMainImage, .pnlThumbs
{
    height: 524px;
}

.pnlImages
{
    width: 800px;
    padding: 0px;
    margin: 7px 0px 0px 10px;
}

.pnlMainImage
{
    width: 680px;
    float: left;
    background: #414042;
    text-align: center;
}

.pnlMainImage img
{
    margin-top: 22px;
}

.pnlThumbs
{
    float: right;
    width: 120px;
    background: #dce5f4;
    text-align: center;
}

.pnlThumbs input[type="image"]
{
    margin: 12px 0px 0px 0px;
}

.pnlThumbs h3
{
    display: inline-block;
    width: 100%;
    font-family: Arial Narrow, Arial, Sans-Serif;
    font-weight: bold;
    font-size: 14px;
    color: #fff !important;
    margin: 0px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1B3991', endColorstr='#4067C6') !important;  /* for IE */
    background: -webkit-gradient(linear, left bottom, left top, to(#1B3991),from(#4067C6)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #1B3991, #4067C6 ); /* for firefox 3.6+ */  
    background: -o-linear-gradient(top,rgb(94,137,216),rgb(27,57,145)); /* for Opera */
}

.pnlThumbs h3 span
{
    display: inline-block;
    padding: 8px;
}

.directionTitle, .subscribeModals .fieldLabel
{
    font-weight: bold;
    color: #414042;
    font-size: 14px;
    display: inline-block;
    margin-bottom: 4px;
}

.lblDirection
{
    font-weight: normal;
    color: #1f1998;
    font-size: 14px !important;
}

.busModalModeLinks
{
    position: absolute;
    right: 20px;
    top: 29px;
}

.busModalModeLinks a
{
    font-size: 13px;
    font-weight: normal !important;
    text-decoration: underline !important;
    color: #000;
}

.busModalModeLinks a.activeLink
{
    font-size: 13px !important;
    font-weight: bold !important;
    text-decoration: none !important;
    color: #1f1998 !important;
}

.printLinkModal
{
    display: inline-block;
    position: relative;
    top: -2px;
    background: url("../Images/print.png") no-repeat;
    background-position: left 0px;
    padding-left: 22px;
    margin: -2px 12px 0px 60px;
    height:22px;
    font-size: 10px !important;
    color: #414042 !important;
}

.printLinkModalMap
{
   display: inline-block;
    float: right;
    background: url("../Images/print.png") no-repeat;
    background-position: left 0px;
    padding-left: 22px;
    margin: -2px 12px 0px 60px;
    height:22px;
    font-size: 10px !important;
    color: #414042 !important;
}

.pnlMap
{
    width: 800px;
    height: 510px;
    float: left;
    background: #efefef;
    text-align: center;
    margin: 2px 0px 0px 12px;
}

.pnlMap img
{
    margin-top: 10px;
    margin-bottom: 10px;
}

.pnlMap span
{
  display:inline-block;
  margin-top: 200px;
}


.altRowStyle0
{
    background: #efefef;
}

.altRowStyle1
{
    background: #fff;
}

.midColumnContainer
{
    width: 710px;
    margin: 4px 0px;
}

.resultsBaseRow
{
    border-top: 0px !important;
    background: #dcddde !important;
    border-bottom: 2px solid #292f64;
}

.resultsBaseRowWhite
{
    padding: 0px !important;
    border-top: 0px !important;
    background: #fff !important;
    border-bottom: 2px solid #292f64;
}

.vMargin10
{
    margin: 10px 0px;
}

.hMargin10
{
    margin: 0px 10px;
}

.vMargin20
{
    margin: 20px 0px;
}

.hMargin30
{
    margin: 0px 20px;
}

.rsActiveMode 
{
    text-decoration: none;
    cursor: default;
}

.routeSchedulePaging
{
    background: #333;
    border: 0px !important;
}

.routeSchedulePagerLayout
{
    color: #fff;
    text-align: center;
    position: relative;
    width: 100%;
    margin: 0px;
    padding: 0px;
}

.pagerNumResults
{
    position: absolute;
    left: 4px;
    top: 5px;
    text-align: left;
    z-index: 800;
}

.pagerPageSelector
{
    position: absolute;
    right: 4px;
    top: 3px;
    text-align: right;
    z-index: 800;
}

.selectedPagerItem
{
    width: 24px;
    height: 18px;
    color: #000;
    display: inline-block;
    position: relative;
    top: -4px;
    background: url("../Images/ui/RS-button-down1.png");
    background-position: left top;
    cursor: default;
    font-size: 12px;
    padding: 0px;
    margin-top: 1px;
    vertical-align: middle;
    padding-top: 4px;
    font-weight: bold;
}

.pagerItemButton
{
    width: 24px;
    height: 22px;
    color: #1f1998;
    display: inline-block;
    background: transparent url("../Images/ui/RS-button-up1.png") top left;
    border: 0px;
    cursor: pointer;
    font-size: 12px;
    padding: 0px;
    margin-top: 4px;
    font-weight: bold;
}

.routeListLineItem
{
    display: inline-block;
    vertical-align: top;
    width: 340px;
    float: left;
    text-indent: -15px;
    margin-left: 23px;
}

.routeListLineItem a
{
    font-weight: bold;
}

.lblVia
{
    font-weight: bold;
    margin-right: 3px;
}

.viaPanelInner
{
    margin: 12px;
}

.routeScheduleArrow
{
    float: left;
    position: relative;
    top: 3px;
    margin-right: 4px;
}

.routeDateLabel
{
    font-size: 17px;
    font-weight: bold;
    color: #000;
}

.routeDestinationColumn
{
    width: 360px;
}

.routeAlertIcon img
{
    margin-top: 5px;
}

.routeDescription
{
    font-size: 12px;
    color: #000;
}

.routeResultsTop
{
    padding: 0px;
    margin: 0px;
    width: 100%;
}

.routeResultsWideCol
{

}

.routeResultsNarrowCol
{
    width: 6.25% !important;
}

.routeAlternatingCol0, .busTypeLegend
{
    background: #fff;
    text-align: center;
    font-size: 12px !important;
}

.routeAlternatingCol1
{
    background-color:#e6e7e8; 
    text-align: center;
    font-size: 12px !important;
}

div.extraColumns .routeResultsNarrowCol
{
    width: 46.55px !important;
}

div.extraColumns .routeAlternatingCol0
{
    background: #fff;
    text-align: center;
    font-size: 11px !important;
}

div.extraColumns .routeAlternatingCol1
{
    background-color:#e6e7e8; 
    text-align: center;
    font-size: 11px !important;
}



.noBorderTop
{
    border-top: 0px;
}

.routeResultsTableHeader
{
     border-style: solid;
     border-color: #c5c8ec;
     border-left-width: 3px;     
     border-right-width:1px;  
}

.routeResultsScrollPane
{
    width: 932px;
    height: 210px;
    padding: 0px;
    overflow: auto;
    background: #cfcfcf;
}

.routeResultsScrollPane table
{

}

tr.hiddenHeaders th
{
    display: block;
    position: absolute;
    left: -999px;
    height: 1px;
    width: 1px;
    border: 0px !important;
    overflow: hidden;
    background: transparent;
}

.activeCell
{
    background: #97cdff !important;
}

.blueArrowLinkClosed
{
    display: inline-block;
    background: url("../Images/ui/trip-option-arrow-right1.png") no-repeat;
    background-position:left 2px;
    padding-left: 16px;
    height: 17px; 
}

.blueArrowLinkOpen
{
    display: inline-block;
    background: url("../Images/ui/trip-option-arrow-down1.png") no-repeat;
    background-position:left 4px;
    padding-left: 16px;
    height: 17px;
}

.routeListLineItem .blueArrowLinkClosed, .routeListLineItem .blueArrowLinkOpen
{
    padding-left: 26px;
    margin-right: 6px;
}

.fullBlock
{
    display: inline-block;
    padding: 0px 4px 3px 5px;
}

.pleaseWait
{
    font-weight: bold;
    font-size: 14px;
    color: #1f1998;
}

.DivNoResults
{
    background: #fff799;
    border: 2px solid #c5c8ec;
    padding: 10px;
    margin-top: 8px;
    font-size: 14px;
    color: #000;
    margin: 6px 0px 0px 0px;
}

.DivNoResults a, .DivNoResultsDetails a
{
    color: #000;
}

.DivNoResults h4
{
    font-weight:bold;
    font-size: 17px;
    color: #1f1998;
    margin: 0px 0px 0px 0px;
}

.DivNoResults p
{
    font-size: 14px;
    color: #000;
    margin: 0px 0px 0px 0px;
}

.DivNoResultsDetails
{
    margin-top: 10px;
    font-weight: normal;
    font-size: 14px;
    color: #000;
}

.DivNoResultsDetails ul
{
    margin: 0px;
}

.DivNoResultsDetails h4
{
    font-weight:bold;
    font-size: 17px;
    color: #1f1998;
    margin: 0px 0px 0px 0px;
}

.hiddenStartingDiv
{
    display: none;
}

.ContentJump
{
    color: #fff;
}

.blockImportant
{
    display: block !important;
}

.inlineBlockImportant
{
    display: inline-block !important;
}

#ctl00_tpMenuPlanTrip
{
    border-left: 0px !important;
}


#tabbedFormCallouts .tabbedFormError, #schoolTypeCallout .tabbedFormError, #schoolCallout .tabbedFormError, #sessionCallout .tabbedFormError  
{
    position:absolute !important;
    top:0px;
    left:0px !important;
} 

.arriveDepartDateTime
{
    top: 10px;
}

.dateTimeTopOffset
{
    top: 20px !important;
}

#ctl00_cpPageEnd_MapModal_mpeMap_foregroundElement,
#ctl00_cpPageEnd_BusStopModal_mpeBusStop_foregroundElement,
#ctl00_cpPageEnd_TripMap_mpeMap_foregroundElement,
.modalForeground
{
    top: 140px !important;
    position: absolute !important;
}

.greyFieldLabel
{
    font-weight: bold;
    font-size: 14px;
    color: #3F4045;
    text-transform: uppercase;
}

.ssDropdown
{
    width: 400px;
    font-size: 15px;
    padding: 4px;
    margin-top: 10px;
}

.schoolResultsDetails
{
    margin-top: 24px;
}

.schoolResultsDetails .printLink
{
    top: 6px !important;
}

.bottomSpacer
{
    width: 100%;
    height: 14px;
    clear: both;
}

.inactiveThumb
{
    border: 5px solid #b6beca;
    border-width: 5px !important; 
}

.inactiveThumb:hover
{
    border: 5px solid #fff;
    border-width: 5px !important; 
}

.activeThumb
{
    border: 5px solid #1c3a92;
    border-width: 5px !important;
}

img.busIcon
{
    margin: 0px 5px;
}

.ulIndent20
{
    text-indent:20px;
}

.rMargin10
{
    margin-right: 10px;
}

table caption span
{
    display: inline-block;
    position: absolute;
    left: -8000px;
    height: 1px;
    overflow: hidden;
    border: 0px !important;
}

.navButtonsPrev
{
    padding:0px 5px;
}

.navButtonsNext
{
    padding-right:10px;
}

.marginLeft2
{
    margin-left: 2px !important;
}

.topLinks
{
    margin-top: -17px;
    font-size:11px;
    padding-right:4px;
}

.topLinks a
{
      color:#000;
}

.negativeTopMargin20
{
    position: relative;
    top: -20px;
}

.routeListExpandCollapse
{
    position: relative;
    top: 6px;
}

.gssButton
{
    position: relative;
    margin-left: 240px;
    width: 162px;
}

.busIcon
{
    margin: 0px 3px;
}

.betaMessage
{
    margin-bottom: 10px;
    font-size: 15px;
    line-height: 20px;
    width: 760px;
}

/*.betaMessage ul
{
   display: inline-block;
    position: relative;
    margin: 0px;
}*/

.betaMessage .firstUl
{
   margin-top:-4px;
  list-style-type: disc;
}

.betaMessage .secondUl
{
  list-style-type: square;
}

.betaNote
{
    font-size: 12px;
}

.itemLinkHighlight a:hover
{
    color: #004FA3;
}

.tabbedFormBusStops
{
    margin-top: 6px;
}

.hide
{
    display: none;
}

.fullMapLink
{
    width: 100%;
    height: 40px;
    background: #cf0000;
}

.pageWrapper
{
    width: 100%;
    margin: 0px;
    padding: 0px;
}

#footer /*in addition to style in footer.css */
{
   clear: both;
    position: relative;
    z-index: 9999; 
  top: 110px;
}


.printOnly
{
    display: none !important;
}

.imageLink a img
{
  border:none;   
}

.detourSubheading
{
position: relative;
top: 20px;
}

.addedRoutesStops
{
    width: 400px;
    height: 175px;
    background: #fff;
    border: 2px solid #bfc2eb;
    overflow: auto;
    #overflow: scroll;
    #height: 195px;
}

.gvRoutesStops
{
    width: 100%;
    #width: 383px;
}

.rsLineItem, .rsLineItemAlt
{
    font-size: 14px;
    color: #414042;
    height: 30px;
    font-size: 16px;
}

.routeStopLineItem
{
    padding: 12px;
    #padding: 6px;
}

.routeStopLineItem a
{
    text-decoration: none;
}

.rsLineItemAlt
{
    background: #e6e7e9;
}

.subscribeDelRouteStop
{
    width: 20px;
    text-align: center;
    padding: 12px;
    #padding: 7px 22px 6px 6px;
}

.marginTop30
{
    margin-top: 30px;
}

.marginTop20
{
    margin-top: 20px;
}

.marginTop10
{
    margin-top: 10px;
}

.relativeTop5
{
    position: relative;
    top: 5px;
}

.subscribeModals .modalPopup, .subscribeModals .modalPopupLarge
{
    width: 400px !important;
    height: auto !important;
    text-align: left !important;
}

.subscribeModals .modalPopup .subscribeTextField input
{
    font-size: 17px;
    color: #666;
    padding: 4px;
    border: 1px solid #BFC2EB;
    width: 250px !important;
}

.subscribeModals .modalInfo, .subscribeModals li
{
    font-size: 16px;
    font-weight: normal;
    color: #1F1998;
}

.subscribeModals .modalInfo ul
{
    display: inline-block;
}

.subscribeModals .modalInfo
{
    float: left;
}

.subscribeModals small, .fieldLabel small
{
    font-size: 11px;
    color: #414042;
    font-weight: normal !important;
}

.subscribeModals .modalError, .subscribeError
{
    font-size: 12px;
    font-weight: bold;
    color: #cd0000;
}

.loginButton
{
    width: 162px;
    height: 30px;
    font-size: 15px;
    margin: 10px 0px;
    margin-left: 244px;
}

.subscribeModalTitle
{
    margin-left: 0px;
}

.linkLogin
{
    color: #000;
    font-size: 11px;
}

ul.dynamic
{
    width: 218px !important;
    position: absolute !important;
    left: -7px !important;
    top: 11px !important;
    border: 1px solid #BFC2EB;
    border-top: 0px;
    #left: -9px !important;
}

ul.level2
{
    margin-top: 6px !important;
}

ul.dynamic a, ul.dynamic li
{
    width: 210px !important;
    float: right;
    clear: right;
    background: white;
    #margin-right: 8px;
}

ul.dynamic a
{
    padding: 4px;
    border-bottom: 1px solid #BFC2EB;
}

ul.static a.popout
{
    width: 190px !important;
    overflow: hidden;
}

ul.dynamic a.highlighted
{
    background: url('../images/ui/widget-blue-back-mid.png') repeat-x top left;
    color: #fff;
}

ul.static
{
    list-style: none;
}

ul.static li
{
    float: right;
}

.loggedInMenu
{
    white-space:nowrap;
    position: absolute;
    right: 0px;
    #right: 0px;
    #top: -6px;
} 

.ddLoginMenu *, .linkLogout
{
    color: #414042;
}

.ddLoginMenu
{
    display: inline-block;
    width: 206px !important;
    text-align: right;
    padding: 2px 6px 2px 6px;
}

.ddLoginMenu:hover
{
    display: inline-block;
    width: 206px !important;
    text-align: right;
    border: 1px solid #BFC2EB;
    padding: 2px 6px 2px 6px;
    background: #fff;
}

.ddLoginMenu ul
{
    text-align: left;
    float: right;
}

.ddLoginMenu li
{
    text-align: right;
}

a.popout
{
    width: 180px !important;
}

.linkLogout
{
    
}

.disableClear div
{
    clear: none !important;
}

.tripResultsBottomLinks
{
    margin-top: 10px;
}

.divClearButtonWrapper
{
    position: absolute;
    left: 470px;
}

.routeResultsHeaderDescription
{
    font-size: 13px;
}

.routeResultsHeaderDescription a
{
    font-weight: bold;
}

.routeResultsHeaderDescription a, .routeResultsHeaderDescription span
{
    margin-top: 3px;
    display: inline-block;
}

.blueButtonSm:emptyier
{
    display: none;
}

.itemLinkHighlight
{
    margin-bottom: 6px;
}

.footerWrapper
{
    background-image: url("../Images/master/footer-slice1.png");
    background-position: top;
    background-repeat: repeat-x;
    height: 230px;
    width: 100%;
    position: relative;
    top: 70px;
    float: left;
}

.socialContainer
{
    width: 100%;
    text-align: center;
    position: relative;
    top: 50px;
    margin-bottom: 30px;
    #height: 90px;
}

.fbLikeContent
{
    display: inline-block;
    padding: 0px;
    width: 250px;
    height: 93px;
    text-align: left;
    #position: absolute;
    #top: 6px;
    #left: 50%;
    #margin-left: 60px;
}

.twitterFollowContent
{
    display: inline-block;
    padding: 0px;
    width: 260px;
    height: 85px;
    text-align: left;
    margin-right: 250px;
    position: relative;
    top: -9px;
    left: 79px;
    #position: absolute;
    #top: 6px;
    #left: 50%;
    #margin-left: -220px;
}

.twitterFollowContent, .fbLikeContent
{
    font-size: 12px;
    color: #414042;
}

.footerSocialIcon
{
    float: left;
    margin: 0px 10px 0px 0px;
    vertical-align: middle;
    margin-top: 4px;
    border: 0px;
    #margin-top: -8px;
}

.footerSocialSection
{
    float: left;
    display: inline-block;
    width: 200px;
}

.footerSocialSection a
{
    color: #000;
    text-decoration: none;
}

.fb-like
{
    position: relative;
    top: -6px;
    #top: 7px;
}

.twitter-follow-button
{
    position: relative;
    top: 6px;
}

.lblGeneralService, .chkFOIP, .chkStopNotifications
{
    font-size: 14px !important;
}

.genServiceInfo
{
    margin-left: 20px;
    font-size: 12px;
}

.origTrue *
{
    font-weight: bold;
    color: #4664AB !important;
}

.origFalse *
{
    font-weight: normal;
}

.btnLogout
{
    margin-left: 12px;
    margin-top: -4px;
    display: inline-block;
}

.noBold
{
    font-weight: normal !important;
}

.lblUserEmail
{
    font-size: 15px;
    position: relative;
    top: -1px;
}

#footer
{
    position: relative;
    top: 0px;
}

.detourTickerTitlePlacement
{
     position: relative;
     float: left;
}

.detourTickerIconPlacement
{
     position: relative;
     float: left;
     padding-top: 10px;
     padding-left: 19px;
}

.linkNoDecoration a
{
    text-decoration: none;
}

.invalidEmailPosition
{
    position: relative;
    float: left;
    margin-left: 5px;
    padding-top: 2px;
}

.invalidEmailPositionPadding
{
    position: relative;
    float: left;
    margin-left: 5px;
    padding-top: 8px;
}

.subscribeNote 
{
    font-size: 8pt;
    color: #949396;
}