/* Main CSS Document 


light blue  - #00A3E0

*/
body{
	font-size:62.5%;
	color:#333;
	font-family:Tahoma, sans-serif;
	margin:0;
	background-image: url(../images/layout/main-bg.gif);
	background-repeat: repeat-y;
	background-position: left;
}

/*
a{ text-decoration:none; color:#00A3E0;}
a:hover{ text-decoration:underline;}*/

a{ text-decoration:underline; color:#006EC7;}
a:hover{ text-decoration:none;}

h2, h3, h4, h5, h6{margin-bottom:0; margin-top:0;}
p, td, th, li, blockquote, ul{font-size:12px; line-height:140%; margin-top:0px; margin-bottom:2em;}
.noPadBottom{ margin-bottom:0;}
.padBottom, .bottomPadTable{ margin-bottom:20px;}
.bottomPadTable td{padding:0;}
li{ margin-bottom:1em}
p a{padding:3px 0;}
a img{ border:0px;}
.floatRight{ float:right;  margin-left:1em; margin-bottom:1em;}
.float{ float:left; margin-right:1em; margin-bottom:1em;}
.legal { font-size:.9em; padding-bottom:2em;}
.clear{ clear:both;}
.center{ text-align:center}


#alert{ font-family:Verdana, sans-serif; background:url(../images/layout/alert-bg-top.gif); width:770px;  color:#fff;}
#alert a {color:#fff;}
#alert .inner{ background:url(../images/layout/alert-bg-bottom.gif) no-repeat bottom; padding:1em 2em;}
#alert h1{font-size:1.2em; font-weight:normal;}

table { width:570px; *width:567px; padding-top:3px; *margin-top:3px;}
table th{ background-color:#006EC7; color:#FFFFFF; text-align:left;  padding:3px 10px; font-size:14px;}
table td{ padding:3px 10px;}

tr.odd{ background-color:#E5F6FC;}
tr.odd td, tr.even td{ border-top:1px solid #ffffff;} 
td.links{ color:#006EC7;}



#content-right-column ul li{ list-style-position:outside; list-style-image: url(../images/layout/greenbullet.gif); list-style-type: circle; }

#container{ width:770px; position:relative; margin:0; }  

#content{ background:url(../images/layout/content-bg.gif) no-repeat left top; padding-top:10px; margin:0;}
#content-no-menu{ background:none; padding-top:10px; margin:0; margin-left:10px; margin-right:10px;}

#content-right-column{ margin-left:190px; margin-right:10px;}


h1.with-y{ color:#006EC7; background: url(../images/layout/point-square.gif) no-repeat left center; padding-left:24px; margin-top:0px;}


 
  
/*******					MENU					********/       


/* Logo Styles */
	#logo h1{ font-size:10px; margin:0px; padding:22px 0 5px 20px ;}
	#logo img{ width:275px; height:67px;}
	#logo div{ display:none;}





/* Top-right Menu Styles (With Green Background)*/
	#menu-top-right	{
	position:absolute;
	right:0;
	top:0;
	font-size:1.1em;
	height:27px;
	padding-left:20px;
	color:#FFFFFF;
	overflow:hidden;
	background:#009ddc url(../images/layout/menu/menu-top-right-bg.gif) left no-repeat;
	
	letter-spacing: 1px;		
	}
	#menu-top-right *{ padding:0; margin:0}
	#menu-top-right a				{text-decoration:underline; color:#FFFFFF; margin-top:-3px; font-weight:normal; }
	#menu-top-right a:hover			{text-decoration:none;}
	#menu-top-right #search-text	{border:0px;  width:125px; height:20px; *height:14px; padding:3px; margin-left:4px; margin-top:3px; }
	#menu-top-right #search-button,  .submit, .reset	{border:0px; width:54px; height:16px; margin-right:10px; cursor:pointer; background: url(../images/layout/menu/menu-top-right-search-button.gif) no-repeat; }
	.reset{ width:46px; background: url(../images/layout/menu/reset-button.gif) no-repeat;}
	#menu-top-right .search-text-active{ background: url(../images/layout/menu/menu-top-right-search-text-clear.gif) no-repeat;}
	#menu-top-right .search-text{ background: url(../images/layout/menu/menu-top-right-search-text.gif) no-repeat;}



/* Main Menu Styles*/
	#menu{ font-family:Tahoma, sans-serif; font-size:1.2em; 
		border-bottom:.4em solid #00A3E0; width:100%; display:block; height:25px;}
	
	#menu .plan-your-ride	{width:110px;	background-image:url(../images/layout/menu/plan-your-ride.gif);}
	#menu .get-schedules	{width:120px;	background-image:url(../images/layout/menu/get-schedules.gif);}
	#menu .maps				{width:60px;	background-image:url(../images/layout/menu/maps.gif); margin-right:10px;}
	
	/* Tab-links */
		#menu div.main-tab-links { margin-right:7px;}
		#menu div.main-tab-links a span { display:none;}
		#menu div.main-tab-links a{ background-position:top; height:25px; display:block; float:left;}
		#menu div.main-tab-links a.selected, #menu div a:hover{ background-position:bottom;}
	
	/* Text-links */
		#menu div.main-text-links	{ padding-top:.5em; color:#00A3E0; background-color:#fff}
		#menu div.main-text-links a.selected{ color:#BAD405; cursor:default; text-decoration:underline;}
		#menu div.main-text-links a.selected:hover{ text-decoration:none; }
		#menu div.main-text-links a{ padding:5px 2px; color:#00A3E0; text-decoration:none;}
		#menu div.main-text-links a:hover{color:#333; text-decoration:underline;}
		
		#menu #footer {display:none}
		
		
/* Footer Menu */

	#footer	{
		font-size:11px; 
		height:21px;	
		padding:6px 10px 0;
		margin-top:5px;
		clear:both;
		color:#FFFFFF;		
		width:745px;
		background:#009DDC url(../images/layout/menu/menu-footer-bg2.gif) right no-repeat ;


	
	}
	#footer a {text-decoration:none; color:#FFFFFF;}
	#footer a:hover {text-decoration:underline; }

/* Left Menu */

	#secondary-menu { width:180px; font-size:.9em; float:left; padding-bottom:20px; margin-right:10px; background:url(../images/layout/menu/menu-secondary-bottom.gif) #00A3E0 bottom no-repeat; margin-bottom:30px; *margin:0px;}
	#secondary-menu h2{ margin:0px 6px 6px; padding:0; color:#FFFFFF; font-size:24px; font-weight:normal; width:168px; width:165px;}
	
	/*#00A3E0*/
	#secondary-menu ul {list-style:none; padding:0; margin:0; background:#FFFFFF;}
	#secondary-menu li{ padding:0; margin:0;}
	#secondary-menu  a{ background:url(../images/layout/menu/point-raquo-blue-li.gif) no-repeat center left #F2FAFD; padding:3px; padding-left:20px; *width:157px;
		color:#00A3E0; border-top:1px solid #00A3E0; display:block;font-size:1.1em; text-decoration:none; font-weight:bold;}
	#secondary-menu li li a{ background:url(../images/layout/menu/point-raquo-blue-li-li.gif) no-repeat center left #FDFEFF; padding-left:30px; *width:147px;
		border-top:1px solid #E0E0E0;}
	#secondary-menu a:hover, #secondary-menu li a.selected{ background-color:#D9F1FA; }
	#secondary-menu li li a:hover, #secondary-menu li li a.selected{ background-color:#F2FAFD;}
	#secondary-menu a.selected{ cursor:default;}

	
	
/* Right Menu */

	#right-menu { width:170px; float:right; margin-left:20px; margin-bottom:10px; background:url(../images/layout/menu/menu-right-top.gif) #FBFDF2 top no-repeat;}
	#right-menu h2{ margin:7px 8px 3px 9px; padding:0; color:#FFFFFF; font-size:18px; font-weight:normal; width:165px;}
	
	/*#00A3E0*/
	#right-menu ul { list-style:none; padding:0; margin:0; padding-bottom:14px; background:url(../images/layout/menu/menu-right-bottom.gif) #FBFDF2 bottom no-repeat;}
	#right-menu li{ padding:0; margin:0;}
	#right-menu  a{ background:url(../images/layout/menu/point-raquo-black-li.gif) no-repeat center left #FBFDF2; padding:3px; padding-left:20px; *width:147px; border-top:1px solid #BAD405; display:block;font-size:1.1em; text-decoration:none; color:#423E3D;}
	#right-menu a:hover, #right-menu li a.selected{ background-color:#E9F1B3; }
	#right-menu a.selected{ cursor:default; }
	
	#content-right-column #right-menu ul li{ list-style-position:outside; list-style-image: none; list-style-type: none; }

	
	.table		{ margin-bottom:2em;}
	.table th { text-align:center;}
	.fullTable	{} 
	.halfTable	{}
	.toprow { background-color:#99CCFF;}
	.ticketAgentLocations small{ font-size:11px;}
	.ticketAgentLocations h2{ padding-bottom:4px; text-align:left;}
	.ticketAgentLocations table, .ticketAgentLocations td { padding:0px;}
	.ticketAgentLocations table table td{background-color:#99ccff; padding:8px;}
	.ticketAgentLocations table table .colour1{background-color:#d4eaff;}
	.ticketAgentLocations table table .colour2{background-color:#f1f8ff;}
	.ticketAgentLocations table {text-align:right; padding:4px;}
	.ticketAgentLocations .top, .topLink, p.top{ text-align:right; font-family:Tahoma; text-transform:lowercase; padding:3px; border-top:1px solid #99ccff; margin-left:8px; *margin-left:0px;}
	
	.ticketAgentLocations .top a:hover, p.top a:hover, .topLink a:hover{text-decoration:none}
	 
	.fullTable .tableHeaderLeft {background:url(../images/layout/full-table-bg.gif);}
	.fullTable .tableHeaderRight {background:url(../images/layout/full-table-bg.gif) right top;}
	.fullTable .top, .fullTable .top th{background-color:#006EC7}
	.fullTable .top th{ font-size:12px;}
	.fullTable	.bottom{ background:url(../images/layout/full-table-bg.gif) bottom #444; height:3px;}
	.tLink{ width:180px;}
	
	fieldset{ border:none;}
	legend{ display:none}
	input.text{border:1px solid;
	border-color: #BCBCBC #D3D3D3 #D3D3D3 #AEAEAE ;}

	/*label{ width:120px; display:block; float:left}*/
	#textsize span{ display:none;}
	#textsize a{width:39px; height:9px;  display: block; background:url(../images/layout/text-down.gif)}
	#textsize { z-index:10; position:absolute; left:722px; top:104px;  display: block;}