body {
	background:#292929;
	color:#FDFDFB;
	font-family:Helvetica;
	font-size:75%;	
}

/* COMMON */

* {
	margin:0;
	padding:0;
}

ul {
	list-style-type:none;
}

a {
	text-decoration:none;
}

.warning,
.disclaimer {
	padding:20px;
}

.disclaimer {
	color:#666;
	font-size:0.8em;
}

.holycrap {
	background:#6D0402;
	border-bottom:3px solid #FD0100;
	color:#fff;
	padding:10px 20px;
}

.holycrap a {
	color:#fff;
	text-decoration:underline;
}

.compass_btn,
#stop_names,
#set_route,
#open_schedule,
#close_schedule {
	cursor: pointer;
}

#caltrain .box {
	-moz-border-radius:10px;
	-webkit-border-radius:10px;

	background:#3f3f3f;
	margin:0 10px;
	padding:10px;
	position:relative;	
}

#caltrain .box.dark {
	background:#191919;
}

#caltrain .box.green {
	background:#369302;
	border:2px solid #5ABD22;
}

#caltrain .box.red {
	background:#6D0402;
	border:2px solid #FD0100;
}

/* BASE */

#caltrain #header,
#caltrain #footer {
	display:none;
}

#caltrain #wrapper {
	margin:0 auto;
	min-height:390px;
	overflow:hidden;
	padding-bottom:30px;
	width:320px;
}

/* VIEWS */

#caltrain #stops,
#caltrain #ticker,
#caltrain #times,
#caltrain #route {
	display:none;
}

#caltrain.stops #stops,
#caltrain.ticker #ticker,
#caltrain.times #times,
#caltrain.ticker #route,
#caltrain.times #route {
	display:block;
}

/* STOPS */

#caltrain #stops {
	margin-top:10px;
}

#caltrain #stops h1 {
	background:url(images/ct_minimap.gif) no-repeat center right;
	font-size:2.2em;
	font-weight:normal;
	margin:0 20px 10px;
}

#caltrain #stops .stop_options {
	padding:0 5px;
}

#caltrain #stops label {
	color:#888;
	display:block;
	font-size:1.2em;
}

#caltrain #stops select {
	background:#292929;
	border:2px solid #191919;
	color:#f7f7f7;
	font-size:2em;
	margin-top:0.1em;
	width:100%;
}

#caltrain #stops #set_route {
	color:#fff;
	display:block;
	font-size:1.4em;
	font-weight:bold;
	margin:15px 0 5px;	
	text-align:center;
	text-decoration:none;
}

/* TICKER */

#caltrain.map #time {
	display:none;
}

#caltrain #ticker_header {
	color:#555;
	font-size:0.9em;
	font-weight:bold;
	padding:10px 20px 0;
}

#caltrain #ticker_header .light {
	color:#292929;
}

/* ROUTE */

#caltrain #route {
	font-size:1.9em;
	font-weight:bold;
	padding:5px 20px;	
	position:relative;	
	text-shadow:#040404 -1px 0;
}

#caltrain #route .dest_name {
	font-size:0.7em;
	font-weight:normal;
}

#caltrain #route #stop_names {
	background:url(images/ct_minimap.gif) no-repeat bottom right;
	padding-right:30px;
	width:200px;
}

/* NEXT TRAIN DETAILS */

#caltrain .next_train {
	margin:10px 0 20px;
}

#caltrain #next_details {
	margin-bottom:20px;
}

#caltrain .next_train #wait_time {
	font-size:10em;
	font-weight:bold;
	line-height:0.8em;
	padding-top:10px;
	text-align:center;
}

#caltrain .next_train #wait_time span {
	color:#292929;
}

#caltrain .next_train #details {
	color:#888;
	font-size:1.7em;
	overflow:hidden;
	padding-top:5px;
}

#caltrain .next_train #details .train_no {
	float:right;
}

#caltrain .next_train #details .departs {
	color:#f7f7f7;
	font-weight:bold;
	float:left;
}

#caltrain .next_train #details .departs small {
	color:#888;
	font-size:0.7em;
}

/* COMPASS */

#caltrain #compass {
	background:url(images/ct_compass_bg.gif) no-repeat top center;
	font-size:1.4em;
	height:64px;
	position:absolute;
	right:10px;
	text-align:center;
	top:-15px;
	width:31px;
}

#caltrain #compass.sb {
	background-position: bottom center;
}

#caltrain .compass_btn {
	height:33px;
	top:0;
	left:0;
	width:31px;
	position:absolute;
}

#caltrain #sb_flip {
	top:38px;
}

/* SCHEDULE */

#caltrain #open_schedule,
#caltrain #close_schedule {
	font-size:1.3em;
}

#caltrain #close_schedule {
	overflow:hidden;
	padding:0 4px 7px;
}

#caltrain #close_schedule span {
	float:right;
	font-size:0.8em;
}

#caltrain #schedule_details .warning {
	padding:0 5px;
}

#caltrain #times {
	margin-top:10px;
}

#caltrain #times .box {
	padding-left:6px;
	padding-right:6px;
}

#caltrain .row {
	color:#888;
	font-size:1.2em;
	overflow:hidden;
	padding:7px 0;
}

#caltrain .row .col .tiny {
	font-size:0.7em;
}

#caltrain .row .col {
	float:left;
	width:95px;
}

#caltrain .row .col.departs {
	color:#f7f7f7;
	font-weight:bold;
}

#caltrain .row .col.departs small {
	color:#444;
	font-size:0.8em;
	font-weight:normal;
}

#caltrain .row .col.train_no {
	float:right;
	width:40px;
	text-align:right;
}

#caltrain #times .row {
	color:#f7f7f7;
	padding-left:4px;
	padding-right:4px;
}

#caltrain #times .row.odd {
	background:#5ABD22;
}

#caltrain #times .row .col.departs small {
	color:#215B00;
}

#caltrain #next_details .top .row {
	padding:0 0 7px;
}

#caltrain #next_details .btm .row {
	border-top:1px solid #292929;
	padding:7px 0 0;
}