/* TIMETABLE PUBLISHER
*/

body {
	background: #ffffff url(http://www.gotriangle.org/images/site/bg-header.gif) repeat-x;

}

/* right most column */ 
#columnFour {
	position: relative;
	float: right;
	}

#columnFour ul {
	margin: 0px;
	padding: 0px;
	list-style-image: none;
	}

#columnFour ul li {
	width: 108px;
	height: 30px;
	margin: 0px;
	padding: 0px;
	display: inline;
	}
	
#columnFour ul li a {
	width: 108px;
	height: 30px;
	display: block;
	text-indent: -9999px; 
	text-decoration: none;
	}

#columnFour ul li.planner {
	background: url(/css/tripplanner.gif) top left no-repeat;
	float: left;
	margin-right: 5px;
	}

#columnFour ul li.planner a:hover { 
	background: url(/css/tripplanner_roll.gif) top left no-repeat;
	}

#columnFour ul li.tracker {
	background: url(/css/transittracker.gif) top left no-repeat;
	float: left;
	margin-right: 5px;
	}

#columnFour ul li.tracker a:hover {
	background: url(/css/transittracker_roll.gif) top left no-repeat;
	}
 
#columnFour ul li.status {
	background: url(/css/servicealerts.gif) top left no-repeat;
	float: left;
	}

#columnFour ul li.status a:hover {
	background: url(/css/servicealerts_roll.gif) top left no-repeat;
	}

#content_liq h1	{
	font: 130%/130% Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000;
	margin-top: 0px; margin-bottom: 0px;
	}

#content_liq h2	{
	font: 110%/130% Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000;
	margin-top: 0px; margin-bottom: 0px;
	}

.h7 {
	font: 95%/100% Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	font-weight: normal;
	margin-top: 2px; margin-bottom: 2px;
	width: auto;
}
	
#tt_container {
	background: #ffffff url(http://gotriangle.ehclients.com/images/site/bg-header.gif) repeat-x;
	position: absolute;
	margin: 0px;
	padding: 0px 6px 0px 6px;
}

p	{
	padding: 0;
	font: 90%/170% Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	margin-top: 0px;
	}
	
p.side	{
	font: 85%/170% Verdana, Arial, Helvetica, sans-serif;
	float: right;
	}

p.side a:link, a:visited{ 
	font-weight: bold; 
	text-decoration: none; 
	color: #000;
	}
		
p.side a:hover{ 
	font-weight: bold; 
	text-decoration: underline; 
	color: #000;
	}

	
#route{
	font: 90%/170% Verdana, Arial, Helvetica, sans-serif;
	width: auto;
	margin-bottom: 15px;
	clear: both;
	}

#route a {
	text-decoration: none;
	color: #4F4C2F;
}

#route a.hover {
	text-decoration: underline;
	font-weight: bold;
	
}

table{
	margin-bottom: 5px;
}

th	{
	/*background: #9FCE66;   CHANGES COLOR OF THE HEADER BARS */
	background: #666666;
        vertical-align: top;  
	text-align: center; 
	padding: 3px; 
	border-right: #FFF 1px solid;
	font: 105%/120% Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFF;}
	
th.last	{border: none;}

tr td {
	text-align: center;
	border-bottom: #FFF 1px solid;
	padding: 1px;
}

tr th{
	text-align: center;
/*	background-color: #8ACF3D;*/ 
	border-bottom: #FFF 1px solid;
	border-right: #FFF 1px solid;
}

/*
Teal: #73AEB5
Light Blue: #DAE9E9;
Light Teal: #DEEBEF
Orange: #DEB242
Light Orange: #F7EFD6
Gray: #8C8C8C
Green: #9FCE66
Pink: #C6797B
Dark Gray: #666666
Dark Blue: #77acb3
Dark Green: #8acf3d
Light Green: #e4f4d2;
Light Blue: #e6f6f6;
 */

tr td.lightcolor{
	background-color: #e6f6f6;
}

tr td.darkcolor{
/*	background-color: #EBEEF4;*/
	background-color: #e4f4d2;
}
tr.lightcolor{
/*	background-color: #FFF7BF;*/
	background-color: #e6f6f6;
}

tr.darkcolor{
/*	background-color: #EBEEF4;*/
	background-color: #e4f4d2;
}

#footer_liq {
	text-align: center;
	font-color: #666666;
	text-transform: uppercase;
	padding: 15px 0 50px 156px;
}

#footer_liq a{
	color: #000000;
	font-weight: normal;
}