@charset "utf-8";
/* CSS Document */

body 
	{
		font: normal 12px/14px arial, helvetica, sans-serif;
		color: #000000;
		text-align: left;
		background: #354057;
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		text-align: center;
		/*background-position: 0px 220px;
		background-attachment: fixed;*/
	}

/*p,br,td {
		font: normal 12px/14px arial, helvetica, sans-serif;
		color: #000000;	
	  }*/

/* The big outer table -- dark blue */
.table1
	{	
		background: #1E2836;
		text-align: center;

	}

/* top header table, behind banner and menu */	
.table2
	{	
		background: #1E2836;

	}	

/* main body table -- light grey */	
.table3
	{	
		background: #EFF0F2;
	}	

/* white background on table cells -- Access Calgary, white box under picture on AC homepage */	
.white
	{
		background: #FFFFFF;
	}

/* for banner and menu */	
.topmenu
	{	
		background: #1E2836;
		font: bold 12px/14px arial, helvetica, sans-serif;
		color: #FFFFFF;
		text-align: center;
	}

/* burgandy text */
.burgandy
	{
		color: #990000;
	}

.gr {
		color:#434859;
		font: bold 13px/18px arial, helvetica, sans-serif;
	}

/* red text-- for alerts */
#alert
	{
		color: #FF0000;
	}


#half_height
{
	font: normal 7px/7px arial, helvetica, sans-serif;	
}

/* regular links - burgandy */
a
	{	
		color: #990000;
	}


/* route map links - black */
a.black
	{	
		color: #000000;
	}

/* route map links - black */
a.black:hover
	{	
		color: #990000;
	}


/* small link - burgandy */
a.sm
	{	
		font: normal 10px/10px arial, helvetica, sans-serif;
		text-decoration: underline;
		color: #990000;
	}	

/* top menu links */
a.menu
	{	
		font: normal 10px/12px arial, helvetica, sans-serif;
		text-decoration: underline;
		color: #FFFFFF;
	}	

/* sub menu links (left side of the page) */
a.smenu
	{	
		font: normal 14px/20px arial, helvetica, sans-serif;
		text-decoration: underline;
		color: #000000;
	}

/* terms of use link - orange */
a.terms
	{	
		font: normal 10px/10px arial, helvetica, sans-serif;
		text-decoration: underline;
		color: #bb5e00;
	}
		

/* Access Calgary submenu properties - (left side of page) */	
.submenu
	{
		background: url(http://www.calgarytransit.com/images/sub_menu_background.jpg) repeat-x;
	}


/* Environment submenu properties - (left side of page) */	
.esubmenu
	{
		background: url(http://www.calgarytransit.com/images/sub_menu_enviro_background.jpg) repeat-x;
	}


/* dark grey background on table cells -- eg: Access Calgary interview locations */
.grey
	{
		
		background: #AAAAAA;
	}

/* light grey background on table cells -- eg: AC interview locations */
.lgrey
	{
		
		background: #D6D6D6;
	}


/* CT Homepage Trapeze Search Headings */	
.theading
	{
		font: bold 13px/16px arial, helvetica, sans-serif;
		color: #FFFFFF;		
		background: url(http://www.calgarytransit.com/images/schedule_lookup_bg_080612.jpg) repeat-x;
	}


/* red text -- for alerts, detours etc... */
.red
	{
		color: #FF0000;
	}

/* for smaller red text (detour announcement on Route Map pages)*/
.redsm
	{	
		font: normal 12px/15px arial, helvetica, sans-serif;
		text-decoration: none;
		color: #FF0000;	
	}

/* for large headings */	
.heading
	{	
		font: bold 17px/18px arial, helvetica, sans-serif;
		text-decoration: none;
		color: #000000;	
	}

/* dark blue headings ie: Homepage Headings */	
.brheading
	{	
		font: bold 17px/18px arial, helvetica, sans-serif;		
		color: #4D5980;	
	}
	
/* large dark blue headings ie: Route Maps area */	
.bheading
	{	
		font: bold 22px/24px arial, helvetica, sans-serif;
		text-decoration: none;
		color: #354057;	
	}	

/* smaller text for detours and weekly changes pages */
.dt {
		font: normal 14px/16px arial, helvetica, sans-serif;
	}


/* for smaller black text (Access Calgary white box, right side of homepage)*/
.small
	{	
		font: normal 12px/15px arial, helvetica, sans-serif;
		text-decoration: none;
		color: #000000;	
	}

/* blue Footer text */	
.footer
	{
		font: normal 10px/14px arial, helvetica, sans-serif;
		text-decoration: none;
		color: #004477;
		text-align: center;
	}
	
/* blue small link Footer */
a.f-sm
	{	
		font: normal 10px/10px arial, helvetica, sans-serif;
		text-decoration: underline;
		color: #004477;
	}
	
/*BEGIN Tabbed Content CSS Settings*/

#tablist{
padding: 3px 0; /*sets space between text and tab bottom */
margin-left: 0;
margin-bottom: 0;
margin-top: 0.1em;
font: bold 13px Arial, helvetica, sans-serif;
}

#tablist li{
list-style: none;
display: inline;
margin: 0;
}

#tablist li a{
padding: 2px 0.5em;
margin-left: 3px;
border: 1px solid #323741;
border-bottom: none;
background: white;
}

#tablist li a:link, #tablist li a:visited{
color: #323741;
text-decoration: none;
}

#tablist li a:hover{
color: #323741;
text-decoration: underline;
}

/*#tablist li a.current{
background: lightyellow;
}*/

#tabcontentcontainer{
width: 410px;
/* Insert Optional Height definition here to give all the content a unified height */
padding: 4px;
border: 1px solid black;
}

.tabcontent{
display:none;
}

/*END Tabbed Content CSS */