#DirectionsForm {position:relative;  /*width:474px;*/ margin:0px 0px 5px 10px; z-index:0;color: #6a6257; clear:both;}
#emailFormHolder {display:none;}
.PtPContentBlock h2 {margin:0px 10px 0px 10px !important; padding:8px 8px 8px 0px !important; border-bottom:1px solid #c6c4bb; min-height:16px;}
.PtPContentBlock h2 a {font-size: 10pt !important;margin-top:1px; font-style:normal; color:#948e85; margin-left:5px; display:none; float:left;}
.PtPContentBlock h2 img {margin:5px -2px 5px 0px; float:left;}
.PtPContentBlock h2 a#cancelEmail {font-size: 10pt !important; font-style:normal; color:#948e85; display:block;float:right; cursor:pointer;}
#SynopsisFromTo { height:26px;margin-top:5px;}
#SynopsisFromTo .fromLabel {float:left; margin:3px 0; width:235px;white-space:nowrap;}
#SynopsisFromTo .toLabel {float:left; margin:3px 0; width:235px;white-space:nowrap; border-left:1px solid #c6c4bb; padding-left:3px;}
#map_canvas { width: 990px; height: 538px}
#GautrainMap_canvas { width: 600px; height: 300px}

.floatLeft {float:left;}
body {  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;font-size: 10pt;}
#container {width:990px; height:538px; background-color:#ffffff; position:relative;overflow:hidden;}
p.title {margin:0px; background-color:#ececec; text-align:center; cursor:move;}
.widget 
{
    position:absolute;	
	color: #6a6257;
}
.frequencyHead {font-size:8pt;font-weight:bold;line-height:11px;text-transform:uppercase; color:#323024;}
.frequency { color:#6a6257;font-size:8pt;}
.SendDirections {cursor:pointer;margin-left:147px;margin-top:31px;}
/*.zoom {width:50%; float:left; background-color:#4422ff; color:#ffffff; font-size:12pt; font-weight:bold; text-align:center; cursor:pointer;}*/
.hiddenLeg {visibility:hidden; /*margin-right:-480px;*/}
td.smallTDhead { text-transform:uppercase; font-size:0.75em;}
.transportType {padding:0px 12px; background-color:#dbdad3; line-height:13px;}
td.busNumber { padding:0px 0px 4px 0px; }
td.from {width:216px;max-width:216px; padding:0px;line-height:10px;}
td.to {width:217px;max-width:217px; padding:0px;line-height:10px;}
.dashedbg { background: url(/assets/images/dashed_bg.gif) repeat-x; background-position: 4px 8px; padding-top:5px;}
#Gautrain, #Google {cursor: pointer;}
.close a:link, .close a:visited{
	color: #9d8b57;
	text-decoration: none;
	font-style: normal;
	background-image:  url(/assets/images/btn_box_close.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	padding-left: 15px;
}

.close a:hover{
	color: #fff;
	text-decoration: none;
	font-style: normal;
	background-image:  url(/assets/images/btn_box_close_over.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	padding-left: 15px;
}



/* Widgets */
.widgetHead{
	background-image: url(/assets/images/widget_top.png);
	background-position: top;
	background-repeat: repeat-x;
	text-align: center;
	padding: 0px;
	cursor: move;
}

.widgetFooter{
	background-image: url(/assets/images/widget_btm.png);
	background-position: bottom;
	background-repeat: repeat-x;
	padding: 0px;
}

.widgetLeft{
	background-image: url(/assets/images/widget_mid_left.png);
	background-repeat: repeat-y;
}

.widgetRight{
	background-image: url(/assets/images/widget_mid_right.png);
	background-repeat: repeat-y;
}

.searchBox{
	/* background-color: #cdcac0; */
	border-top: 1px solid #e3e1d6;
	/*padding: 15px 10px 10px 10px;*/
	color: #6a6257;
	/*line-height: 16px;*/
}

/* Widgets */

.widgetWeatherClock{
	background-color: #cdcac0;
	border-right: 1px solid #9d9a8c;
	padding: 12px 12px 2px 0px;
	width: 42px;
}

.widgetWeatherTemp{
	background-color: #cdcac0;
	border-left: 0px solid #e3e1d6;
	padding: 0 10px 0px 20px;
	font-size: 13px;
	color: #6a6257;
	line-height: 16px;
}

.widgetWeatherTemp b{
	font-size: 20px;
	color: #6a6257;
	padding: 12px 0px 0px 0px;
	display:block;
	width:30px;
}

.widgetWeatherIcon{
	background-color: #cdcac0;
	padding: 6px 0px 2px 0px;
}
.widgetContent{
	width: 154px;
	background-image:  url(/assets/images/widget_body.jpg);
	background-repeat: repeat-x;
	background-position: top;
}

.widgetContentShd{
	background-image:  url(/assets/images/widget_body_shd.png);
	background-repeat: repeat-y;
	width: 8px;
}


.loading { background-image:url('/assets/images/activity.gif');
           background-position: right;
            background-repeat:no-repeat;
            border:0px solid #6a6257;
            }
.textbox {border:0px solid #6a6257; height:20px;}
.emailForm{margin-bottom:2px; border:1px solid #848279 !important;width:230px !important;text-indent:5px;color:#97948C;}

#widgetMap {
    top:20px; 
    right:20px;
	width: 162px;
	z-index: 5;
}

.widgetMapCopy {
	background-color: #cdcac0;
	font-size: 13px;
	color: #6a6257;
	line-height: 20px;
	padding: 0px 0px 10px 0px;
}
.widgetContent{
	width: 154px;
	background-image:  url(/assets/images/widget_body.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	background-color: #edece8;
}
.widgetClock{
	width: 62px;
	border-right: 1px solid #9d9a8c;
	margin: 0px 0px 2px 0px;
	padding: 8px 0px 0px 0px;
	text-align: center;
}
.widgetWeatherCopy{
	font-size: 13px;
	color: #6a6257;
	line-height: 16px;
	margin-top: 4px;
}
div .weather{
	border-bottom: 1px solid #9d9a8c;
	margin: 2px 0px 0px 0px;
}
div .view{
	border-bottom: 1px solid #9d9a8c;
	padding: 0px;
}

div .view .content {
	margin: 6px 10px 6px 10px;
	color: #6a6257;
	font-size: 12px;
}
.widgetClock{
	width: 62px;
	border-right: 1px solid #9d9a8c;
	margin: 0px 0px 2px 0px;
	padding: 8px 0px 0px 0px;
	text-align: center;
}

.widgetWeatherCopy b{
	font-size: 20px;
	color: #6a6257;
}

.underCon{
	background-image:  url(/assets/images/under_con_bg.png);
	background-repeat: no-repeat;
	width: 163px;
	height: 34px;
	font-size: 13px;
	color: #b2b2b2;
	line-height: 24px;
	position:absolute;
	display:none;
	padding: 10px 15px 15px 10px;
}

.underCon b{
	color: #a49b85;
}

.stationContent{
	background-image:  url(/assets/images/station_bg.png);
	background-repeat: repeat-y;
	padding: 0px 6px 0px 2px;
}

.stationContentHead{
	font-size: 17px;
	color: #fff;
	font-weight: bold;
	padding: 10px 10px 5px 10px;
	text-transform:uppercase;
}

.stationContent a:link, .stationContent a:visited {
	display: block;
	font-size: 12px;
	color: #6b7d8e;
	font-weight: bold;
	text-decoration: none;
	font-style: normal;
	background-image:  url(/assets/images/video_footer_arrow.gif);
	background-repeat: no-repeat;
	background-position: 10px 9px;
	border-bottom: 1px solid #415796;
	height: 21px;
	padding: 5px 0px 0px 20px;
}

.stationContent a:hover {
	display: block;
	background-color: #6182a2;
	color: #fff;
	text-decoration: none;
	font-style: normal;
	background-image:  url(/assets/images/video_footer_arrow_hover.gif);
	background-repeat: no-repeat;
	background-position: 10px 9px;
}
#IntermediateStationPopup, #IntermediateStationPopDOWN {position:absolute;width: 209px; display:none;z-index:5;}
#stationPopupContainer {
height:465px;
width:684px;
margin:0px auto;
top:20px;
left:100px;
z-index:10;
position:absolute;
 display:none;
}


/* Tabs */

.fade{
	width:684px; 
	margin: 0; 
	padding: 0; 
	overflow:hidden; 
}

.fade .tabs { 
	float:left;
	margin: 5px 0px 0px 20px;
	padding: 0px;
}

.fade .tabs li {
  float:left;
  list-style:none; 
}

.fade .tabs li a:link, .fade .tabs li a:visited {
  display:block; 
  float:left; 
  width:93px; 
  height: 28px; 
  font-size: 12px;
  color:#e3e1dc;
  line-height: 16px;
  text-decoration:none;
  font-weight: normal;
  font-style: normal;
  background-color: #646259;
  padding: 10px;
  margin-right:1px; 
  }
  
.fade .tabs li a:hover {
  display:block; 
  float:left; 
  width:93px; 
  height: 28px; 
  font-size: 12px;
  color: #fff;
  text-decoration:none;
  font-weight: normal;
  font-style: normal;
  background-image:  url(/assets/images/tab_bg_active.gif);
  background-repeat: repeat-x;
  padding: 10px;
  margin-right:1px; 
}

.fade .tabs li a.selected { 
  background-image:  url(/assets/images/tab_bg_active.gif);
  background-repeat: repeat-x;
}

.fade .items { 
	clear:both; 
	padding: 0;
	position:relative;
	top:0; 
	left:0; 
	height: 280px;
	overflow: none;
	border-top: 1px solid #796b44;
	z-index: 99;
}

.fade .items #item1, .fade .items #item2, .fade .items #item3, .fade .items #item4 { 
	font-size: 11px;
	color: #6a6257;
	line-height: 17px;
	position: absolute; 
	top: 0px; 
	left: 0px;
	margin-left: 20px;
	padding: 0px; 
	display:none;
}


.fade .items p { 
	margin: 7px 20px 0px 0px;
}

/* Station Information */

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

/* Attractions */

.attractionThumb{
	width: 290px;
	height: 63px;
	float: left;
	margin: 5px 15px 20px 0px;
}

.attractionThumb img{
	float: left;
	border: 1px solid #6a6257;
}

.attractionThumbCopy{
	width: 180px;
	font-size: 11px;
	color: #6a6257;
	line-height: 15px;
	margin-left: 10px;
	float: left;
}

.attractionThumbCopy a:link, .attractionThumbCopy a:visited {
	font-size: 13px;
	color: #9d8b57;
	font-weight: bold;
    font-style: normal;
	text-decoration: none;
	line-height: 16px;
	background-image:  url(/assets/images/btn_arrow.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	padding-left: 10px;
}

.attractionThumbCopy a:hover {
	font-size: 13px;
	color: #004990;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	background-image:  url(/assets/images/btn_arrow_over.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	padding-left: 10px;
}

#AttractionContainer{
	background-color: #e3e1dc;
	overflow: visible; 
	height: 260px; 
	width: 644px; 
	position: absolute;
	top: 0px; 
	left:0px;
	z-index: 100;
}

.attraction{
	font-size: 11px;
	color: #6a6257;
	line-height: 17px;
	margin: 18px 0px 0px 0px;
}

.attraction img {
	float: right;
	margin-left: 20px;
}

.attractionHeader {
	font-size: 17px;
	color: #6a6257;
	font-weight: bold;
	line-height: 16px;
	margin-bottom: 5px;
}

.attractionSubHeader {
	font-size: 13px;
	color: #6a6257;
	font-weight: bold;
	line-height: 13px;
	margin: 10px 0px 2px 0px;
}

.attractionDetails {
	font-size: 14px;
	color: #6a7490;
	line-height: 18px;
	margin-bottom: 10px;
}

.attractionDetailsNext{
	float: right;
	width: 55px;
	margin-top: 10px;
	margin-right: -10px;
}

.attractionDetailsPrev{
	float: left;
	width: 55px;
	margin-top: 10px;
}

/* Station PopUp */

#stationBox{
	width: 684px;
	height: 465px;
}

.boxHeader{
	width: 644px;
	height: 26px;
	background-color: #004990;
	padding: 20px;
}
.boxHeader h1
{
    color: #FFFFFF;
    display: inline;
    float: left;
    font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
    font-size: 25pt;
    font-weight: normal;
    letter-spacing: 1px;
    margin: -8px 0 0;
    padding: 0;
    }
    
.boxHeader img{
	float: left;
}

.gps{
	font-size: 14px;
	color: #e4e1dc;
	margin: 5px 0px 0px 15px;
	float: left;
}

.gps b{
	color: #a39b84;
	font-weight: normal;
}

.close {
	font-size: 14px;
	font-weight: bold;
	float: right;
	margin-top: 5px;
}


.close a:link, .close a:visited{
	color: #9d8b57;
	text-decoration: none;
	font-style: normal;
	background-image:  url(/assets/images/btn_box_close.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	padding-left: 15px;
}

.close a:hover{
	color: #fff;
	text-decoration: none;
	font-style: normal;
	background-image:  url(/assets/images/btn_box_close_over.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	padding-left: 15px;
}

.boxContent{
	width: 684px;
	height: 398px;
	background-color: #e3e1dc;
	padding: 0px;
}

.boxNavMenu{
	width: 209px;
	float: left;
	margin: 20px 20px 20px 20px;
}

.boxNav {
	float: right;
	font-size: 11px;
	color: #9d8b57;
	font-weight: bold;
	margin: 25px 20px 0px 15px;
}

.boxNav a:link, .boxNav a:visited {
	font-size: 11px;
	color: #9d8b57;
	font-weight: bold;
	text-decoration: none;
	font-style: normal;
}

.boxNav a:hover {
	font-size: 11px;
	color: #9d8b57;
	font-weight: bold;
	text-decoration: underline;
	font-style: normal;
}

.boxNav img {
	padding: 5px 4px 0px 20px;
}

.tabPopHeader { 
	font-size: 15px;
	color: #9d8b57;
	font-weight: bold;
	line-height: 16px;
	margin: 18px 0px 6px 0px;
	padding: 0px;
}

.tabPopCopy td {height:32px;}
.tabPopCopy{
	font-size: 11px;
	color: #6a6257;
	line-height: 15px;
	margin: 0px 15px 0px 0px;
}


.tabPopCopy ul {
	list-style: disc;
	list-style-position: inside;
	padding: 0px;
	margin: 5px 0px 5px 10px;
}


/* Form Elements */
.journeyKey {clear:both;padding-top:20px; height:35px; font-size:8pt;}
.journeyKey div {width:23%; float:left;}
.footNote {font-size:7pt;border-top:1px solid #b2b0a8;}
.journeyBreadCrumbSmall {height:16px; margin:8px 0px 4px 0px;}
.textbox { width:212px; height:18px; border:0px solid #848279;}
.searchSpan {background-color:#ffffff;border:1px solid #848279;display:block;height:21px;width:230px;}
.searchSpan img {margin-top:2px; float:right; cursor:pointer;}
.journeyLegBreadCrumbBig {float:left; height:16px; position:relative; /*min-width:10px; max-width:75% !important;*/ border:0px solid black; overflow:visible; margin:0px 2px 0px 1px;}
.journeyLegBreadCrumbBig.step1, .journeyLegBreadCrumbSmall.step1, .journeyLegBreadCrumbBig.step5, .journeyLegBreadCrumbSmall.step5 { /*max-width:25% !important;*/}
.journeyLegBreadCrumbBig img {position:absolute; right:-7px; z-index:2;}
.journeyLegBreadCrumbSmall {float:left; height:7px; /*min-width:10px; max-width:75%;*/ overflow:visible; margin:0px 1px 0px 2px;}
#JourneySynopsisBreadCrumbContainer {height:25px; overflow:visible; margin:0px 2px; width:99%;clear:both;}
/*#JourneySynopsisBreadCrumbContainer a {max-width:75%; min-width:5%;}*/
#directions1, #directions2 { float:left; width: 100%; height:85px;}
#warnings { float:left; width: 275px;}
.message {  position:absolute; padding:10px; background:#555; color:#fff; width:75px; }
.stationPopup {  position:absolute; background-repeat:no-repeat; color:#fff; width:155px;  height:44px; }
.busStationPopup { background-position:center; }
.list { float:left; width:100%; list-style:none; padding:0; margin:0px; font-size:8pt; line-height:16px;}
.list li { padding:0px; }
/*#list li:hover { background:#555; color:#fff; cursor:pointer; cursor:hand; }*/
#transparency {position: absolute; left: 0px; top:0px; background:#444444; opacity:0.7;filter:alpha(opacity=70); width:100%; height:100%; z-index:0;}
#matches { position: absolute; left: 80px; top:44px;  display:block; width:232px; padding:0;  z-index:1;}
#matchesContaner {position: absolute; left: 0px; top:0px; width:100%; }
#matchesContaner p { padding:3px; color:#ffffff;  z-index:2; margin:0px;}
#matchesContaner p:hover { background:#555; color:#fff; cursor:pointer; cursor:hand; }
.nomargin {margin:0px; display:block; width:450px;}
#popupInfo {border:1px solid #6a6257; display:none; background-color:#e3e1d6; color:#6a6257; position:absolute; width:100px; height:50px; z-index:12; }

/************** slideshow  ************/
/********** slide content **************/

#scroll {
    display:none;
 	position:relative;
	overflow:hidden;
	height:150px;
	width:480px;
}

#legs {
	width:9999em;
	position:absolute;
	height:400px;
}

.leg {
	float:left;
	width:480px;
	height:150px;
}


#thumbs { height:25px;}

.t a {
	margin-left:11px;
	display:block;
	width:40px;
	float:left;
	height:15px;
	cursor:pointer;
}

.t a.active { cursor:default !important; }
.t a:hover { color:#ffffff; }
.t a:active { color:#ffffff; }

.step0 {background-color:#84bcff; margin-top:4px; border-width:0px 0px 3px 0px; z-index:6;}
.step1 {background-color:#0061be; margin-top:4px; border-width:0px 0px 3px 0px; z-index:5;}
.step2 {background-color:#73590f; margin-top:4px; border-width:0px 0px 3px 0px; z-index:4;}
.step3 {background-color:#73590f; margin-top:4px; border-width:0px 0px 3px 0px; z-index:3;}
.step4 {background-color:#0061be; margin-top:4px; border-width:0px 0px 3px 0px; z-index:2;}
.step5 {background-color:#84bcff; margin-top:4px; border-width:0px 0px 3px 0px; z-index:1;}

.step0:hover { background-color:#bddbfe; }
.step1:hover { background-color:#017ff8;}
.step2:hover { background-color:#a78217;}
.step3:hover { background-color:#a78217;}
.step4:hover { background-color:#017ff8;}
.step5:hover { background-color:#bddbfe;}

.popupCopy { margin-top:3px;}


 .down {background-color:#ff8a00 !important;}

/* prev, next, prevPage and nextPage buttons */
a.browse {
	background:url(/assets/images/hori_sml.png) no-repeat;
	display:block;
	width:21px;
	height:21px;
	
	margin:2px;
	cursor:pointer;
	font-size:1px;
}

a.browsebut {
	background:url(/assets/images/hori_sml.png) no-repeat;
	display:block;
	width:21px;
	height:12px;
	
	margin:2px;
	cursor:pointer;
	font-size:1px;
}

/* right */
a.right 		{ background-position: 0 -21px; clear:right; margin-right: 0px;float:right;}
a.right:hover 	{ background-position:-21px -21px; }
a.right:active 	{ background-position:-42px -21px; } 


/* left */
a.left			{ margin-left: 0px; float:left; border:0px !important;} 
a.left:hover  	{ background-position:-21px 0; }
a.left:active  	{ background-position:-42px 0; }


#widgetPtP {
    top:20px; 
    left:220px;
	width: 511px;
	/*height:211px;*/
	z-index: 10;
	display:none;
}
.PtPHead {background:url(/assets/images/widget_03.png) no-repeat; width:511px; height:21px;	cursor: move; position:relative; }
.PtPContentContainer { width:511px;height:174px; position:relative;}
PtPContentContainer table.td {white-space: nowrap; overflow:hidden;}
.PtPContentBlock {background:url(/assets/images/widget_05.png) repeat-x;height:174px;left:0;position:absolute;top:0;width:494px;}
.PtPContentRightMargin {background:url(/assets/images/widget_08.png) no-repeat; width:17px; height:174px;left:494px;position:absolute;top:0;}
.PtPBottom {background:url(/assets/images/widget_09.png) no-repeat; width:511px; height:16px; clear:both;}

.PtPHead .close { border:0px solid red; display:block; position:absolute; right:22px; top:3px; height:15px; width:15px;}
.PtPHead .minimise { border:0px solid blue; display:block; position:absolute; right:42px; top:3px; height:15px; width:15px;}