html, body {
	margin: 0px;
	padding: 0px;
	border: 0px;
	width: 100%;
	height: 100%;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
	color:#5C5C5C;
	line-height:150%;
}

a {text-decoration:underline; color: #CF241B;}

h2, h3, h4, h6 {
	font-size:15px;
	line-height:1.4em;
	margin:0;
}
h2 {
	color:#CF241B;
	border-bottom:#CF241B 1px solid;
	padding:6px 0 3px 12px;
}
h3 {
	float:left;
	padding:4px 0 3px 0;
}
h4 {
	color:#CF241B;
	padding:6px 0 3px 12px;
}
h5 {
	font-size:23px;
	line-height:1.0em;
	font-weight:normal;
	color:#FFF;
	padding:2px 5px 3px 12px;
	margin:0;
}
h6 {
	color:#FFF;
	background-color:#C8221A;
	padding:7px 5px 3px 12px;
	margin:0 3px;
}

img {border:0;}

#mainContainer {
	width: 100%;
	position: relative;
	display: block;
	border-bottom:#676767 20px solid;
}
#mainBorder {
	border:#676767 1px solid;
	border-bottom:#CF241B 1px solid;
}

#logo {
	margin:6px 0 7px 12px;
}

#langBtn {
	float:right;
	margin-top:9px;
	font-size:12px;
}

#langBtn a {
	float:left;
	display:block;
	color:#666666;
	padding:0 10px 0 10px;
	background:url(../images/stroke.gif) no-repeat 0 4px;
}

.navBg {
	clear:both;
	background:url(../images/topnav_bg.gif) repeat-x 0 0 #666;
	height: 33px;
	border-bottom:#DA251C 2px solid;
	color:#FFF;
}

.navBgRight {
	background:url(../images/topnav_r.gif) no-repeat right top;
}

.navBgLeft {
	background:url(../images/topnav_l.gif) no-repeat left top;
}

.navBgLeft * {
	float:left;
}

.routeSearchTxt {
	width:25%;
	margin:8px 0 0 1.5%;
}

.numSearchField {
	width:90px;
	color:#666;
	margin:6px 0 0 0;
	padding:3px 0 0 5px;
	height:17px;
	border:#BBB 1px solid;
}

.searchBtn {
	width:20%;
	margin:5px 0 0 20px;
}

.stepContainer {
	background:url(../images/dash.gif) repeat-x left bottom;
	padding:0 0 3px 12px;
}

.last {background:none;}

div.stepNum {
	float:left;
	margin:5px 0 0 5px;
}

.pullContainer {
	clear:both;
}

.pullContainer select {
	margin-right:10px;
}

.pullContainer div {
	display:inline;
}

.btnBack {
	float:right;
	margin:0 6px 0 0;
}

.btnBack img {
	margin:7px 0 7px 0;
}

.searchTable {
	padding:0 3px 12px 3px;
}

.searchTable td, .searchTable th {
	padding:3px 0 3px 9px;
	text-align:left;
	border-bottom:#FFF 1px solid;
	border-right:#FFF 1px solid;
}

.searchTable th {
	width:30%;
	background-color: #DFDFDF;
}

.searchTable td {
	background-color: #F2F2F2;
}

.searchTable a {
	text-decoration:underline;
}

.searchTable tr.heading td {
	background-color:#FFF;
	color:#858585;
}

.navBgLeft .navTable, .navBgLeft .navTable * {
	float:none;
}
.navBgLeft .navTable {
	margin:0;
	height:33px;
}
.navTable td {
	color:#FFF;
	vertical-align:middle;
	font-size:15px;
	line-height:18px;
}
img.twoway {
	margin:0 10px 0 10px;
}
ul.arrowList {
	margin:0;
	padding:5px 0 10px 12px;
	list-style:none;
	color:#CF241B;
	font-weight:bold;
}

.resultContainer {
	clear:both;
	background:url(../images/dash.gif) repeat-x left top;
	margin:15px 0 0 0;
}

.resultTransContainer {
	clear:both;
	/*background:url(../images/dash.gif) repeat-x left bottom;*/
	padding-bottom:7px;
	margin-bottom:15px;
}

/* Detail Table */
.detailContainer {
	margin:10px 3px;
}
.detailContainer th, .detailContainer td {
	padding:2px 5px;
	text-align:center;
	line-height:120%;
}
.detailContainer th {
	background-color:#FFFFFF;
	font-weight:normal;
	vertical-align:bottom;
}
.detailContainer td {
	background-color:#F2F2F2;
	border-right:#FFFFFF 1px solid;
	border-bottom:#FFFFFF 1px solid;
}
.detailContainer td.detail, .detailContainer th.detail {
	text-align:left;
}
.detailContainer tr.highlight td {
	font-weight:bold;
	color:#C8221A;
}
.detailContainer a {
	font-weight:bold;
}

/* Fare Table */
.fareContainer {
	margin:10px 3px;
}
.fareContainer .title {
	margin:0 0 3px 8px;
}
.fareContainer .fareTable th, .fareContainer .fareTable td {
	vertical-align:top;
	background-color:#F2F2F2;
	border-bottom:#FFFFFF 1px solid;
	font-weight:normal;
}
.fareContainer .fareTable th {
	border-left:#FFFFFF 1px solid;
	text-align:right;
	padding:0 5px 0 0;
}
.fareContainer .fareTable td {
	vertical-align:top;
	text-align:left;
	padding:0 0 0 8px;
}
.fareContainer .fareTable td img {
	margin:5px 0 0 0;
}
/*Time Table*/
.timeContainer {
	margin:10px 3px;
}
.timeContainer div {
	background:url(/chi/images/services/arrow_fee.gif) no-repeat 0 6px;
	padding:0 0 0 8px;
	color:#CC0000;
}
.timeTable .timeTableTitle td {
	color:#858585;
	background-color:#FFFFFF;
	padding:0;
}
.timeTable td.center {
	text-align:center;
}
.timeTable td.day, .timeTable th, .timeTable td {
	vertical-align:top;
	border-bottom:#FFFFFF 1px solid;
	font-weight:normal;
}
.timeTable td.day {
	width:40%;
	text-align:left;
	padding:0 0 0 8px;
}
.timeTable td.time {
	text-align:left;
	padding:0 0 0 8px;
}
.timeTable th {
	width:30%;
	text-align:center;
	background-color:#F2F2F2;
	border-left:#FFFFFF 1px solid;
	border-right:#FFFFFF 1px solid;
	padding:0 5px;
}
.timeTable td {
	text-align:right;
	background-color:#EBEBEB;
	padding:0 6px 0 0;
}

/*Other*/
.otherContainer {
	margin:10px 3px;
}
.otherTable {
	margin:0 0 10px 0;
}
.otherTable th {
	background-color:#EBEBEB;
	border-bottom:#FFFFFF 1px solid;
	border-right:#FFFFFF 1px solid;
	text-align:left;
	font-weight:normal;
	padding:0 0 0 8px;
	width:50%;
}
.otherTable td {
	background-color:#F2F2F2;
	border-bottom:#FFFFFF 1px solid;
	text-align:right;
	padding:0 5px 0 0;
}

.transIcons div {float:left; margin:3px 10px 1px 10px;}
div.iconStart, div.iconTrans, div.iconDestination {
	display:block;
	width:35px;
	height:28px;
	margin:0 0 1px 0;
}

.iconStart, .highStart td {
	background-color:#C8221A;
}
.iconTrans, .highTrans td {
	background-color:#78AD14;
}
.iconDestination, .highDestination td {
	background-color:#2D74C4;
}

.highStart td, .highTrans td, .highDestination td, .highStart td a, .highTrans td a, .highDestination td a {
	color:#FFF;
}


.p2pResultTable {
	clear:both;
	margin:10px 3px;
}
.p2pResultTable table tr.p2pTableTitle td, .p2pResultTable table th, .p2pResultTable table td {
	border-bottom: #F7F7F7 1px solid;
	border-right: #F7F7F7 1px solid;
	text-align:center;
	font-weight:normal;
}
.p2pResultTable table tr.p2pTableTitle td {
	background-color:#FFFFFF;
}
.p2pResultTable table th {
	background-color:#EAEAEA;
}
.p2pResultTable table td {
	background-color:#DFDFDF;
}
.p2pResultTable table a {
	font-weight:bold;
}

.iconList {
	margin:0 0 3px 10px;
}

.nonDirectTable {
	clear:both;
	margin:10px 3px;
}
.nonDirectTable table th, .nonDirectTable table td {
	vertical-align:top;
	background-color:#F2F2F2;
	border-bottom:#FFFFFF 1px solid;
	font-weight:normal;
	padding:0 0 0 8px;
}
.nonDirectTable table th {
	border-left:#FFFFFF 1px solid;
	text-align:left;
}
.nonDirectTable table th a {
	font-weight:bold;
}

.nonDirectResultTable {
	background:url(../images/dash.gif) repeat-x left top;
	padding:15px 0 0 0;
}
div.nonDirectChange {
	margin:0 0 9px 11px;
}

.nonDirectResultTable {
	margin:10px 3px;
}
.nonDirectResultTable table tr.p2pTableTitle td {
	border: #FFF 1px solid;
	border-right: #FFF 1px solid;
	background-color:#FFFFFF;
}
.nonDirectResultTable table th, .nonDirectResultTable table td {
	border-bottom: #F7F7F7 1px solid;
	border-right: #F7F7F7 1px solid;
	text-align:center;
	font-weight:normal;
	padding:3px;
}
.nonDirectResultTable table th {
	background-color:#EAEAEA;
}
.nonDirectResultTable table td {
	background-color:#DFDFDF;
}
.nonDirectResultTable table a {
	font-weight:bold;
}
.txtChoose {
	padding:5px 0 0 65px;
}
.btnTop { text-align:right; display:block; margin:0 5px 5px 0;}
.routeAnchor {clear:both; background:transparent url(../images/dash.gif) repeat-x scroll left top; margin-top:10px;}

/* For help.html pageg */
.bannerHelp {
	font-size: 15px;
	color: #666666;
	padding: 12px 0 12px 12px;
	font-weight: bold;
	border-bottom: 2px #DA251C solid;
}

.helpContainer {
	background:url(../images/dash.gif) repeat-x left bottom;
	padding:0 0 12px 12px;
}

.helpContainer .boldtext { font-weight: bold; }
.helpContent { 
	padding: 12px 0 0 12px;
}

ul {
	padding-bottom: 10px;
	list-style: none;
}

ul li {
	line-height:1.4em;
	padding:0 0 5px 13px;
	background:url(../images/pt_news.gif) no-repeat 0px 5px;
}



/* This needs to be first because FF3 is now supporting this */
.clearfix {display: inline-block;}

.clearfix:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    font-size: 0;
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */