/*
	Purpose:	Search Style Sheet
	Site:		www.
	Author:		Mark Rowlands, (c) Fusion Advertising & Design Ltd 2006
	Version:	0.01 (6th April 2006)
	
	Changes:
		0.01	MR	06/04/2006	Initial development

*/

/*  SHARED TAGS
------------------------------------------------
*/
.box { clear:both; }
.box .topRight { background-image:url(../images/box_top_right.gif); background-repeat:no-repeat; background-position:bottom; width:5px; }
.box .top { background-image:url(../images/box_top.gif); background-repeat:repeat-x; height:5px; background-position:bottom; text-align:center; }
.box .topLeft { background-image:url(../images/box_top_left.gif); background-repeat:no-repeat; background-position:bottom; width:5px; }
.box .data { background-color:#FFFFFF; }
.box .bottomRight { background-image:url(../images/box_bottom_right.gif); background-repeat:no-repeat; background-position:bottom right; width:5px; }
.box .bottomLeft { background-image:url(../images/box_bottom_left.gif); background-repeat:no-repeat; width:5px; background-position:bottom left;  }
.box .bottom { background-image:url(../images/box_bottom.gif); background-repeat:repeat-x; background-position:bottom; height:5px; font-size:1px; }
.box .left { background-image:url(../images/box_left.gif); background-repeat:repeat-y; background-position:left; width:5px; }
.box .right { background-image:url(../images/box_right.gif); background-repeat:repeat-y; background-position:right; width:5px; }
.box .topTab { background-image:url(../images/box_top.gif); background-repeat:repeat-x; background-position:bottom; } 

#searchPreference .backgroundLeft { background-image:url(../images/box_left.gif); background-repeat:repeat-y; float:left; }
#searchPreference .backgroundRight  { background-image:url(../images/box_right.gif); background-repeat:repeat-y; background-position:right; float:left; width:658px; }

#SEOAreaList { margin:35px 0 0 20px; }
#SEOAreaList ul { float:left; }
#SEOAreaList li {  }

/*  SEARCH PREFERENCE TAGS
------------------------------------------------
*/
#searchPreference { margin:10px 0 0 20px; }
#searchPreference ul { margin:0; padding:0;  }
#searchPreference li { margin:0 1px 0 0; padding:0; float:left; list-style:none; background-image:none; }
#searchPreference li a { width:70px; height:24px; display:block; background-repeat:no-repeat; background-position:0 -25px; }
#searchPreference li a:hover { background-position:0 -50px; }
#searchPreference li a.active, #searchPreference li a.active:hover { background-position:0 0; }

#searchPreference li.searchBy { width:60px; }
#searchPreference li.searchBy a { font-family:Arial, Helvetica, sans-serif; font-size:11px;color:#000000; text-decoration:none;  }
#searchPreference li.areas a { background-image:url(../images/search_tab_area.gif); }
#searchPreference li.tube a { background-image:url(../images/search_tab_tube.gif); }
#searchPreference li.street a { background-image:url(../images/search_tab_street.gif); }
#searchPreference li.office a { background-image:url(../images/search_tab_office.gif); }

#searchPreference label { font-family:Arial, Helvetica, sans-serif; font-size:1.1em; }
#searchPreference select { width:85px; margin:0 10px 5px 0 }

#searchPreference .box { width:597px; }
#searchPreference .backgroundLeft { background-image:url(../images/box_left.gif); background-repeat:repeat-y; float:left; padding:0 0 0 5px; }
#searchPreference .backgroundRight  { background-image:url(../images/box_right.gif); background-repeat:repeat-y; background-position:right; float:left; width:597px; }

#searchPreference .noResults { 	margin:0 20px 10px 0; border: 1px solid #CC0000; padding:6px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000000; background-color:#FFCCCC; }

/*  AREA SEARCH PARAMETERS
------------------------------------------------
*/

#searchPreference #areaList li div { background:#b4bb97; color:#fff; font-weight:bold; font-size:1.1em; padding:2px; }
#searchPreference #areaList ul { margin:0; padding:0; width:586px;}
#searchPreference #areaList li { margin:0; padding:0 0 10px 0; list-style:none; width:100%; background-image:none;}
#searchPreference #areaList ul li ul { margin:0; padding:0; }
#searchPreference #areaList ul li ul li { margin:0; float:left; width:193px; list-style:none; padding:2px 0 2px 2px; }

/*  TUBE LINE SEARCH PARAMETERS
------------------------------------------------
*/

#searchPreference #tubeLines li div {  background:#b4bb97; color:#fff; font-weight:bold; font-size:1.1em; padding:2px;}
#searchPreference #tubeLines ul { margin:0; padding:0; }
#searchPreference #tubeLines li { margin:0; padding:0 0 10px 0; list-style:none; width:100%; background-image:none;}
#searchPreference #tubeLines ul li ul { margin:0; padding:0; }
#searchPreference #tubeLines ul li ul li { margin:0; float:left; width:195px; list-style:none; padding:2px 0 2px 0; }

#searchPreference #tubeLines div.bakerlooline{ background:#956338; }
#searchPreference #tubeLines div.piccadillyline{ background:url(/resources/images/stations/tube_piccadilly.gif) left no-repeat #034ea2; }
#searchPreference #tubeLines div.northernline{ background:url(/resources/images/stations/tube_northern.gif) left no-repeat #231f20; }
#searchPreference #tubeLines div.jubileeline{ background:#8a8c8e; }
#searchPreference #tubeLines div.victorialine{ background:url(/resources/images/stations/tube_victoria.gif) left no-repeat #0095d7; }
#searchPreference #tubeLines div.metropolitanline{ background:url(/resources/images/stations/tube_metropolitan.gif) left no-repeat #78004c; }
#searchPreference #tubeLines div.districtline{ background:url(/resources/images/stations/tube_district.gif) left no-repeat #009a5a; }
#searchPreference #tubeLines div.hammersmithcityline{ background:#f386a1; }
#searchPreference #tubeLines div.circleline{ background:url(/resources/images/stations/tube_circle.gif) left no-repeat #ffdd00; }
#searchPreference #tubeLines div.waterloocityline{ background:#79cbbe; }
#searchPreference #tubeLines div.centralline{ background:#ed1b2e; }
	
#searchPreference #tubeLines div.docklandsdlr{ background:url(/resources/images/stations/tube_docklands.gif) left no-repeat #00707b; }
#searchPreference #tubeLines div.eastlondon{ background:#faa61a; }
#searchPreference #tubeLines div.nationalrail{ background:url(/resources/images/stations/nationalrail.gif) left no-repeat #FFFFFF; color:#000000; border:1px solid #999999;}