body { background-color: #f0f5f9; color: #000; font-family: Verdana, Arial, sans-serif; font-size: 70%; width: 100%; margin: 0; padding: 0; }
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, .time, .address {  display:block; }
nav ul, .nav ul { list-style:none; }
ul, li { margin:0; padding:0; }
img { border:0; }

h1 { font-family: Arial, Helvetica, Sans-Serif; font-weight: bold; font-size: 160%; margin:0 0 10px 0; }
h2 { font-family: Arial, Helvetica, Sans-Serif; font-weight: bold; font-size: 120%; margin:0 0 10px 0; }
h3 { font-family: Arial, Helvetica, Sans-Serif; font-weight: bold; font-size: 100%; margin:0 0 10px 0; }
p { margin :0 0 10px; }
p.center { text-align:center; }
a { color: #036; text-decoration: none; }
a:hover { text-decoration: underline; }
input.text { border:1px solid #999999; padding:2px; line-height:1.3em; color:#000; font-family: Verdana, Arial, sans-serif; }
input.submit, input.button { border:1px solid #999999; padding:1px 5px; cursor:pointer; line-height:normal; background-color:#d0d0d0; background-position: -1504px -384px; background-image: url(/UI/Images/sprites.png); background-repeat: no-repeat; }
select { border:1px solid #999999; padding:1px 0; line-height:normal; }
label { color:#555; }

#container .text:active, #container .submit:active, #container .button:active, #container #langSelect:active,
#container .text:focus, #container .submit:focus, #container .button:focus, #container #langSelect:focus,
#container .text.focus, #container .submit.focus, #container .button.focus, #container #langSelect.focus { background: #d0f0ff; border:1px solid #02a4ec; }
#container a.current, #container .current a { background-color: #dadada; color: #036; }
#container .current a:active, #container .current a:focus, #container a:active, #container a:focus { background-color: #d0f0ff; color: #000; }

header, .header { background-color: #f8f8f8; border-right: 1px solid #e4ebee; padding: 20px 20px 4px; }
footer, .footer { margin: 10px 0 20px; text-align: center; }

#sub header, #sub .header,
#start header, #start .header,
#content header, #content .header { background:none; border:none; padding:0; }

#sub footer, #sub .footer,
#start footer, #start .footer,
#content footer, #content .footer { margin:0; text-align:left; }

#container { float: left; width: 750px; }

#accessibilityNavigation { left:0; position:absolute; text-align:center; top:-50px; width:750px; }
#accessibilityNavigation a { border: 3px solid #999; border-top: none; left:0; padding: 5px; position:absolute; top:-100px; width: 98%; }
#accessibilityNavigation a:focus, #accessibilityNavigation a:active {top:50px;}


#slLogo { padding:0; margin:0; }
#slLogo a { float: left; margin: 0 0 23px 10px; width:60px; height:48px; display:block; }
#slLogo a img { display:block; }
#helperMenu { background-position: right -246px; background-image: url(/UI/Images/sprites.png); background-repeat: no-repeat; float: right; font-size: 95%; margin: 6px; padding: 0 9px 0 0; }
#helperMenu .wrap { background-position: -993px -246px; background-image: url(/UI/Images/sprites.png); background-repeat: no-repeat; padding: 4px 0 3px 3px; margin:0; float:left; }

#helperMenu ul { float: left; }
#helperMenu li { float: left; z-index: 2;}
#helperMenu li a { display: block; padding: 9px 10px 8px; }
#helperMenu #search { float:left; position:relative; }
#helperMenu #search label { position:absolute; cursor:text; display:block; margin:8px 0 0 15px; }
#helperMenu #search input.text { width: 120px; padding: 2px 2px 3px; float: left; margin: 5px 5px 0 10px; font-size:1em; }
#helperMenu #search input.submit { float: left; margin: 5px 0 0 0; padding: 0 6px 0 5px; }

#helperMenu li.translate { position: relative;}
#langSelector {
	background-color: #fff;
	border: 1px solid #ccc;
	display: none;
	left: 0;
	padding: 10px;
	position: absolute;
	top: 30px;
	width: 300px;
}
#langSelector input.translate, #langSelector select { float: left; margin-right: 5px; }
#langSelector .controls { overflow: hidden; }
#langSelector input.close { float: right; height:1.68em; width:1.68em; }
#translate_disclaimer {
	border: 2px solid #e57622;
	margin-top: 5px;
	padding: 5px 10px;
}

#translationIndicator {
	background-color: #fff;
	border: 2px solid #e57622;
	display: none;
	height: 2em;
	line-height: 2em;
	padding: 3px;
	position: relative;
	text-align: center;
}
#translationIndicator input.reset { position: absolute; right: 3px; top: 3px; }

#tabMenu { font-size: 115%; margin: 0 10px 0 0; overflow: hidden; width: 700px; clear: both; }
#tabMenu ul { float: right; overflow: hidden; }
#tabMenu li { float: left; }
#tabMenu a { background-color: #036; background-position: -1999px -384px; background-image: url(/UI/Images/sprites.png); background-repeat: no-repeat; color: #fff; display: block; float: left; font-weight: bold; margin: 0 1px; }
#tabMenu span { background-position: right -384px; background-image: url(/UI/Images/sprites.png); background-repeat: no-repeat; display: block; padding: 6px 20px 6px 19px; margin: 0 0 0 1px; }
#tabMenu span span { background-position:-1982px -97px; margin:0 0 0 -7px; padding:0 0 0 17px; }
#tabMenu li.current span span { background-position: -1982px -139px; }
#tabMenu li a:active span span,
#tabMenu li a:focus span span { background-position: -1982px -179px; }

#mainMenu { border: 8px solid #02a4ec; border-width: 8px 0; clear: both; font-weight: bold; min-height: 24px; }
#mainMenu ul { overflow: hidden; }
#mainMenu li { float: left; }
#mainMenu a { display: block; padding: 5px 13px; min-height: 14px; }

#subMenu { background-position : 0 -384px; background-image: url(/UI/Images/sprites.png); background-repeat: no-repeat; padding: 11px 0 0; margin:0 0 6px; }
#subMenu ul { background-position: 0 bottom; background-image: url(/UI/Images/sprites.png); background-repeat: no-repeat; padding: 0 4px 11px 11px; width: 138px; }
#subMenu ul ul { background: none; padding: 0; width: auto;}
#subMenu a { display: block; padding: 5px 3px 5px 5px; }
#subMenu ul ul a { padding-left: 15px; }

#main { background-color: #f8f8f8; border-right: 1px solid #e4ebee; border-bottom: 3px solid #e4ebee; padding: 0 20px 20px; }
#main .modules { margin: 0; }
#main .modules .links,
#start .links { margin: 0; }
#main .modules .links h2,
#start .links h2 { border-bottom: 1px solid #999; padding: 0 0 5px; margin:0; font-size:100%; }
#main .modules .links ul,
#start .links ul { font-size: 90%; margin: 5px 0 0; padding:0; line-height:1.28em; }
#main .modules .links li,
#start .links li { padding: 2px 0; }


#start .links { background-color:#fff; padding:10px; }
#start #topArea { margin-bottom: 10px; text-align: center; }
#start #FrontImage { min-height:305px; }

#main .news ul { padding:0 0 10px; margin:0; }
#main .news ul li { padding:10px 0 0 ; margin:10px 0 0 ; border-top:1px solid #e4ebee; list-style:none; }
#main .news ul li.first { border-top:none; margin:0; padding:10px 0 0; }
#main .news ul li div { padding: 0 0 5px; }
#main .news ul li h3 { margin: 15px 0 3px; position:relative; }
#main .news ul li h3 .time,
#main .news ul li h3 time { top:-14px; position:absolute; left:0; }
#main .news ul li p { margin-bottom:3px; }
#main .news ul li a { display:inline-block; }

#main .news ul li h3 .time,
#main .news ul li h3 time,
#main footer time,
#main .footer .time { font-family: Verdana, Arial, sans-serif; font-weight:normal; color:#555; font-size:90%; display:block; padding:0 0 3px; }

#sub { float: left; padding-left: 6px; margin: 2px 0 0; }
#sub .modules { padding: 4px 0 10px 5px; width: 125px; padding:10px; margin:4px 0 4px 4px; background-color:#fff; }

#content,
#start { min-height: 200px; margin: 0 10px 0 auto; padding: 0; padding-top: 6px; width: 533px; overflow:hidden; position:relative; }

#content ul, #content ol,
#start ul, #start ol { padding: 0 20px 10px; }

#content .modules { padding: 0; width:150px; }

#content #contentArea { float:left; width:353px; padding: 10px; background-color:White; }
#content #contentArea.wide { width:auto; float:none; overflow: hidden; }
#content #contentArea .intro { font-weight: bold; margin-bottom: 10px; margin-top: 0; }
#content #contentArea .image { float: right; margin:0 0 10px 10px; }
#content #contentArea .byline { display:block; color: #555; max-width:200px; }
#content #contentArea .body { padding:0 0 1px;  }

#content #rightArea { float:right; width:130px; padding:10px 10px 0; background-color:White; }

#content article footer,
#content .article .footer { color: #555; padding:10px 0; margin:10px 0 0; border-top:1px solid #e4ebee; }

#content article footer span,
#content .article .footer span { display:block; }

#content article footer time,
#content .article .footer .time { display:inline; }

#start header,
#start .header { padding:0 0 10px; border:none; width:333px; overflow:hidden; }

#start #contentArea { float:left; width:333px; }
#start #contentArea .news { background-color:#fff; padding:10px; }
#start #contentArea .news h2 { border-bottom: 1px solid #999; padding: 0 0 5px; margin:0; }
#start #rightArea { float:right; width:190px; overflow:hidden; }
#start #rightArea .banner { display:block; width:190px; padding:0 0 10px; }
#start #rightArea .banner img { display:block; width:190px; }

#start #quickPlanner { position:absolute; top:16px; left:10px; z-index:2; }

#banners { background-color: #f8f8f8; border: 1px solid #e4ebee; border-top-width: 0; border-bottom-width: 3px; float: left; margin: 0 0 0 7px; padding: 10px 0 0; text-align: center; width: 180px; overflow:hidden; }
#banners a { display:block; padding: 10px; margin-top:-10px; width:160px; overflow:hidden; }
#banners a img { display:block; width:160px; }
#banners img.nolink { display:block; padding: 10px; margin-top:-10px; width:160px; overflow:hidden; }

#start #quickPlanner { width:148px; margin:0; }
#quickPlanner { width:143px; margin: 4px 0 10px 4px; background-color:#e4ebee; border:1px solid #0eaced; }
#quickPlanner h2 { padding:2px 7px; margin:0; line-height:1.6em; background-color:#70cdf4; font-size:100%; }
#quickPlanner div { padding:7px; clear:both; background-position: -1206px -384px; background-image: url(/UI/Images/sprites.png); background-repeat: no-repeat; }
#quickPlanner label { display:block; cursor:text; position:absolute; margin:3px; font-size:105%; }
#quickPlanner input.text { width: 124px; display:block; margin:0 0 7px 0; padding:1px 2px 3px; }
#start #quickPlanner input.text { width: 128px; }
#start #quickPlanner input.submit { width: 63px; padding-left: 1px; }
#quickPlanner input.submit { width:60px; float:left; margin:0; padding:1px 0; }
#quickPlanner input.submit.right { float:right; }

#content .categoriesWrapper { margin:0; padding:0 0 10px;}
#content .categoriesWrapper li { display:block; list-style:none; width:50%; float:left; padding:3px; margin:0; }
#content .categoriesWrapper li a { display:block; margin-right:5px; }
#content .categoriesWrapper li.alt a { margin-left:5px; }
#content .itemsWrapper { display:block; list-style:none; padding:10px 0 0; border-top:1px solid #e4ebee; margin:0 0 10px;  }
#content .itemsWrapper li { display:block; float:left; width:50%; list-style:none; margin:0; }
#content .itemsWrapper li a { display:block; margin-right:5px; }
#content .itemsWrapper li.alt a { margin-left:5px; }

#content .subContents { padding:10px 0 0; border-top:1px solid #e4ebee; }

.hidden { display:none !important; }
.invisible { position:absolute; height:0px; width:0px; overflow:hidden; }



/* CLEARFIX */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

#trafficStatus { padding-bottom: 10px; width:190px; }
#trafficStatus div { border: 1px solid #0EACED; margin-bottom: 5px; overflow: hidden; position: relative; }
#trafficStatus h1 { background-color: #70CDF4; font-size: 100%; line-height: 1.6em; margin: 0; padding: 2px 7px; }
#trafficStatus h1 time,
#trafficStatus h1 .time { position: absolute; right: 10px; top: 3px; }
#trafficStatus h2 { cursor: pointer; font-size: 1em; margin: 0; padding: 3px 50px 7px 26px; display: block; position: relative; }
#trafficStatus h2 span.icon { height:19px; text-indent:-5000px; width:19px; margin-right: 3px; background-image: url(/UI/Images/sprites.png); background-repeat: no-repeat; position: absolute; right: 0; top: 0; padding: 0; }
#trafficStatus h2 span.icon.statusPlanned { right: 22px; }
#trafficStatus ul { list-style: none outside none; padding: 0; }
#trafficStatus ul a,
#trafficStatus ul span { margin-left: 0px; position: static;}
#trafficStatus ul ul { display:none; background-color: #fff; border: none; overflow: hidden; margin: 0 -2px 0 -4px; border-top: 1px solid #0EACED; }
#trafficStatus ul li { background-color: #E4EBEE; background-image:url(/UI/Images/sprites.png); background-position:-1206px -384px; background-repeat:no-repeat; border-top: 1px solid #0EACED; overflow: hidden; position: relative; padding: 5px 2px 0 4px; }
#trafficStatus ul ul li { background: none; border: none; padding: 0; position: static; font-size:90%; }
#trafficStatus ul li.expanded ul { display:block; }
#trafficStatus ul ul li .icon { margin:0; padding: 6px 7px 6px 30px; }
#trafficStatus ul ul li .icon.statusMajor { background-position: -348px -978px; }
#trafficStatus ul ul li .icon.statusOK { background-position: -701px -978px; }
#trafficStatus ul ul li .icon.statusPlanned { background-position: -1054px -978px; }
#trafficStatus ul ul li .icon.statusMinor { background-position: -1409px -978px; }
#trafficStatus .icon { display: block; }


#share { padding: 8px 10px; margin: 0 -10px; float:left; width:100%; }
#share label { color:#000; margin: 0 5px 0 0; }
#share a { margin: 0 5px 0 0; }

input, textarea, select { border:1px solid #999999; }
.button { border:solid 1px #999999; background:#ffffff; cursor:pointer; color:#000; }
.button2 { border:solid 1px #bfbfbf; background:#e8e8e8; cursor:pointer; color:#404040; }

.icon { display:inline-block; padding: 2px 2px 2px 20px; background-position: -1983px 0; background-image: url(/UI/Images/sprites.png); background-repeat: no-repeat;  }
.icon.link { /* Default icon = default position */ }

.icon.subway { padding: 3px 3px 4px 25px; background-position: -353px -100px; }
.icon.subwayBlue { padding: 3px 3px 4px 25px; background-position: -353px -200px; }
.icon.subwayRed { padding: 3px 3px 4px 25px; background-position: -353px -300px; }
.icon.subwayGreen { padding: 3px 3px 4px 25px; background-position: -353px -400px; }
.icon.bus { padding: 3px 3px 4px 25px; background-position: -706px -100px; }
.icon.busBlue { padding: 3px 3px 4px 25px; background-position: -706px -200px; }
.icon.busRed { padding: 3px 3px 4px 25px; background-position: -706px -300px; }
.icon.local { padding: 3px 3px 4px 25px; background-position: 0 -200px; }
.icon.train { padding: 3px 3px 4px 25px; background-position: 0 -100px; }
.icon.statusMajor {padding: 2px 0 5px 26px; background-position: -353px -981px; }
.icon.statusOK { padding: 2px 0 5px 26px; background-position: -706px -981px; }
.icon.statusPlanned { padding: 2px 0 5px 26px; background-position: -1059px -981px; }
.icon.statusMinor { padding: 2px 0 5px 26px; background-position: -1414px -981px; }

.icon.facebook { background-position:  -706px -399px; }
.icon.twitter { background-position: -353px -499px; }
.icon.mail { background-position: -706px -497px; }

.glossy { background-color:#e4ebee; background-image:url(/UI/Images/sprites.png); background-position:-970px -384px; background-repeat:no-repeat; }

div#TravelPlanerArea { padding: 0; /* position:relative; */ }
div#TravelPlanerArea ul, div#TravelPlanerArea ol { padding: 0; }

div#TravelPlanerArea h1 { margin-top:0;}

#TravelPlanerArea a:focus, #TravelPlanerArea a:active, #TravelPlanerArea a.focus{ background-color: transparent; border-color: 1px solid transparent; }

#search label span { display: none; }

input[type="image"],
input[type="checkbox"],
input[type="radio"] { border:1px solid #F0F0F0; }


@media print {

	body,
	header, .header,
	#main { border:none; background-color:#fff; }

	#container { float: left; width:auto; }

	#accessibilityNavigation,
	#helperMenu,
	#tabMenu,
	#mainMenu,
	#sub,
	#banners { display:none; }

	#slLogo a { float: none; }

}