/* thenines styles */

body {	background-color:#5d2a0d; }																/* BI - Overall Page background Colour */

/* TABS */
.tabs {border-bottom:2px solid #793a0f;}
.tabs li a {color:#fff;}																	/* BI - Text Colour on Tabs */

.tabs {background:url(tabs/backing.gif) repeat-x;}
.tabs li a b.p1 {background:url(nav_hovered_left.png);}
.tabs li a b.p2 {background:url(nav_hovered_middle.png) repeat-x;}
.tabs li a b.p3 {background:url(nav_hovered_right.png);}

.tabs li a:hover b.p1,
.tabs li a:focus b.p1,
.tabs li a:active b.p1
{background:url(nav_hovered_left.png);}
.tabs li a:hover b.p2,
.tabs li a:focus b.p2,
.tabs li a:active b.p2
{background:url(nav_hovered_middle.png) repeat-x;}
.tabs li a:hover b.p3,
.tabs li a:focus b.p3,
.tabs li a:active b.p3
{background:url(nav_hovered_right.png);}
.tabs li a.selected {z-index:800;}
.tabs li a.selected b.p1,
.tabs li a:hover.selected b.p1,
.tabs li a:active.selected b.p1
{background:url(nav_selected_left.png);}
.tabs li a.selected b.p2,
.tabs li a:hover.selected b.p2,
.tabs li a:active.selected b.p2
{background:url(nav_selected_middle.png) repeat-x;}
.tabs li a.selected b.p3,
.tabs li a:hover.selected b.p3,
.tabs li a:active.selected b.p3
{background:url(nav_selected_right.png);}


.travelPanel {font-family:Arial; font-size:small;background-color:#6b3126; color:#fff;}
#travelPanelWelcome {background-image:url(welcomebg.jpg); background-repeat:no-repeat; background-position:left bottom;background-color:#6b3126; color:#fff; }	/* BI - Background and Text colour of welcome 'screen' */
#travelPanelTT { background-image:url(bgTravelPanelLeft.gif); background-repeat:repeat-y; min-height:0;color:#fff;}						/* BI - Text Colour on Timetable screen */
#travelPanelFares {background-image:url(bgTravelPanelLeft.gif); background-repeat:repeat-y; min-height:0;color:#fff; }						/* BI - Text Colour on Fares lookup screen */
#travelPanelPlanner {background-color:#6b3126; color:#fff; }													/* BI - Text Colour on Journey Planner screen */
.travelPanel h1 {color:#f3961e;}																/* BI - Travel Panel H1 colour */
.travelPanel h2 {color:#f3961e;}																/* BI - Travel Panel H2 colour */
.travelPanel h3 {color:#fed69c;}																/* BI - Travel Panel H3 colour */


.leftScreen ul.ttList li a:hover { background-color:#9a2e1d; color:#fff; } 											/* BI - Timetable Tab, left screen individual route selection elements */
.leftScreen ul.ttOptionsList li a:hover
{
	background-color:#9a2e1d;
}

.fareList { border-collapse:collapse; width:260px; }			
.fareList td.bgColour { background-color:#9a2e1d; color:#fff;  padding: 4px; } 											/* BI - fares from/to background colour - same as ttList a:hover */

/* footer link colours */

#footer2 .left { border-left:1px solid #c57662;}														/* BI - Footer vertical line seperator colour */
#footer2 li a { color:#b74901;}																	/* BI - Footer Link colour */
#footer2 li h2 a { color:#c56a2e; }																/* BI - Footer heading link colour */


/* timetable colours */

.stopsTable { background-color:#db946c; } 															/* BI - Timetable - 'stop name' column background colour */
.stopsTable td {border-bottom:1px solid #db946c;}														/* BI - Timetable - 'stop name' column background colour MUST BE SAME AS ABOVE */
.stopsTable td.alternate {background-color:#ffddbc;}														/* BI - Timetable - 'stop name' column alternate row background colour */