body
{
	background:				transparent url(/misc/images/bg.png) left top repeat;
	margin:					0px;
	padding:				0px;
	font-family:			Verdana, Arial, Helvetica, sans-serif;
	font-size:				11px;
}

a
{
	font-weight:			bold;
	text-decoration:		none;
	color:					#2378be;
}
a:hover
{
	color:					#ad571c;
}
#main
{
	position:			absolute;
	left:				100px;
	right:				100px;
	top:				0px;
	bottom:				0px;
	background:				white;
	padding:				10px;
	border-right:			1px solid #999;
	border-left:			1px solid #999;
}
#content
{
	margin-top:				60px;
}
#left
{
	position:				absolute;
	top:					0px;
	left:					0px;
	width:					100px;
	background:				transparent url(/misc/images/left.png) left top no-repeat;
	height:					768px;
}
#right
{
	position:				absolute;
	top:					0px;
	right:					0px;
	background:				transparent url(/misc/images/right.png) left top no-repeat;
	width:					100px;
	height:					768px;
}
#top
{
	height:					100px;
	width:					300px;
	margin:					0px;
	background:				white url(/misc/images/itransit.png) center center no-repeat;
}
#menu
{
	position:				absolute;
	top:					100px;
	left:					-1px;
	right:					-1px;
	height:					30px;
	font-size:				12px;
	font-weight:			bold;
	padding-left:			10px;
	padding-right:			10px;
	line-height:			30px;
	vertical-align:			middle;
	z-index:				50;
	border:					1px solid #999;
	border-top:				1px solid #d9ebf6;
	border-bottom:			2px solid #73b7f1;
	background:				#f5fbff;
}

#menu > ul
{
	display:				inline;
	padding:				0px;
	margin:					0px;
	z-index:				50;
	height:					30px;
	line-height:			30px;
}

#menu > ul > li
{
	display:				inline;
	padding:				0px 8px;
	margin:					0px;
	padding-top:			7px;
	padding-bottom:			8px;
	border:					0px;
	line-height:			30px;
	height:					30px;
	z-index:				50;
	text-decoration:		none;
}
#menu > ul > li > a
{
	text-transform:			uppercase;
	text-decoration:		none;
	color:					#2378be;
}
#menu > ul > li > a:hover
{
	color:					#ad571c;
}
li.active > a
{
	color:					#000000 !important;
}

#tabs
{
	position:				absolute;
	top:					133px;
	left:					-1px;
	right:					-1px;
	height:					20px;
	font-size:				10px;
	font-weight:			bold;
	padding-right:			10px;
	line-height:			20px;
	vertical-align:			middle;
	z-index:				50;
	border-left:			1px solid #999;
}
#tabs > ul
{
	display:				inline;
	padding:				0px;
	margin:					0px;
	z-index:				50;
	height:					20px;
	line-height:			20px;
	background:				#f7fcff;
}

#tabs > ul > li
{
	display:				inline;
	padding:				4px 8px;
	margin:					0px;
	border:					0px;
	line-height:			20px;
	height:					20px;
	z-index:				50;
	border-left:			0px;
	border-bottom:			1px solid #d9ebf6;
	border-right:			1px solid #d9ebf6;
	background:				#f7fcff;
}
#tabs > ul > li > a
{
	text-decoration:		none;
	color:					#2378be;
}
#tabs > ul > li > a:hover
{
	color:					#ad571c;
}

#controls
{
	float:					right;
	width:					200px;
	max-width:				200px;
}

#controls > table
{
	width:					200px;
	max-width:				200px;
	table-layout:				fixed;
}
#controls > table > tbody > tr > th
{
	width:					100px;
	height:					20px;
	line-height:			20px;
	color:					#5d5d5d;
	background:				#fafafa;
	border-left:			0px;
	border-bottom:			2px solid #a3a3a3;
}
#controls > table > tbody > tr > td
{
	height:					20px;
	line-height:			20px;
	border-bottom:			1px solid #e1e1e1;
	text-align:				center;
	font-size:			10px;
}
#controls > table > tbody > tr.off > td.bulb
{
	background:				transparent url(/misc/images/lightbulb_off.png) center center no-repeat;
	width:					20px;
}
#controls > table > tbody > tr.on > td.bulb
{
	background:				transparent url(/misc/images/lightbulb.png) center center no-repeat;
	width:					20px;
}
#controls > table > tbody > tr.on
{
	background:				#fffef5;
}
#controls > table > tbody > tr:hover
{
	background:				#fafafa !important;
	cursor:					pointer;
}
#controls > table > tbody > tr > th:first-child
{
	border-right:			2px solid #ad571c;
}
#controls > table > tbody > tr > td:first-child
{
	width:					180px !important;
	max-width:				180px !important;
	min-width:				180px;
	white-space:			nowrap;
	overflow:				hidden !important;
	text-align:				left;
	text-overflow:				ellipsis;
}
#controls > table > tbody > tr > td:first-child > span
{
	white-space:				nowrap;
}
#controls > table > tbody > tr.highlighted
{
	background:				#fff5f6;
	color:					#ad1722;
	font-weight:			bold;
}
#controls > table > tbody > tr > th.active
{
	background:				#fff9f5;
	color:					#ad571c;
	border-bottom:			2px solid #ad571c;
}

.list > tbody > tr > th
{
	height:					20px;
	line-height:			20px;
	color:					#ad571c;
	background:				#fff9f5;
	border-left:			0px;
	border-bottom:			2px solid #ad571c;
	text-align:				left;
	padding-left:			2px;
}
.list > tbody > tr > td
{
	height:					20px;
	line-height:			20px;
	border-bottom:			1px solid #e1e1e1;
	padding-left:			2px;
}

.list > tbody > tr:hover
{
	background:				#fafafa !important;
	cursor:					pointer;
}

.list > tbody > tr.line1
{
	background:				#ffffff;
}
.list > tbody > tr.line2
{
	background:				#fdfdfd;
}

.list span.down
{
	background:				url(/misc/images/icons/down.png) left center no-repeat;
	padding-left:			18px;
}

.list span.up
{
	background:				url(/misc/images/icons/up.png) left center no-repeat;
	padding-left:			18px;
}


#map
{
	border:					1px solid #000000;
}

#showhide
{
	text-align:				right;
}

#stationinfo .options,
#stopinfo .options
{
	padding-top:			5px;
	padding-bottom:			5px;
}
#stationinfo table > tbody > tr > td:first-child,
#stopinfo table > tbody > tr > td:first-child
{
	vertical-align:			top;
	font-weight:			bold;
	padding-right:			10px;
}
#stationinfo table > tbody > tr > td > ul,
#stopinfo table > tbody > tr > td > ul
{
	padding:				0px;
	margin:					0px;
}
#stationinfo table > tbody > tr > td > ul > li,
#stopinfo table > tbody > tr > td > ul > li
{
	padding:				0px;
	margin:					0px;
	list-style:				none;
}

.paginationcontrols a
{
	padding-left:			2px;
	padding-right:			2px;
}

.paginationcontrols a.selected
{
	color:					#000000 !important;
}