/*
 * 	$Revision: 43689 $ 	
 *  $URL: http://nvdweb1/svn/CodeDB/branches/stable/webroot/images/css/R2Point5Design/r21_styles.css $
 *  
 *  R2 extra styles
 *  
 */

/* Import structure, which is no longer included by default */
@import url('r2_1_structure.css');
 
div#top-search .searchField {
 width:500px;
 float:left;
 margin-left: 5px;
 }
 
 div.google-radio-wrapper { 
 float:left;
 margin: 0px 20px 0px 20px;   
 }

 
div#top-search {
 margin-bottom: 10px;
 margin-top: 5px;
}

div.google-radio-wrapper label{
vertical-align: middle;
}

div.google-radio-wrapper input{
vertical-align: middle;
}

div#top-search-ad-slot {
margin-bottom: 5px;
}

/* dynamic panel styles */

div.two-col-dynamic
{
	width: 320px;
	float: left;
	
}

div.two-col-dynamic .dynamic-panel-strapline{
	width: 320px;	
}

div.two-col-dynamic .dynamic-panel-bottom{
	width: 320px;		
}

.dynamic-panel-buttons img
{
	float:left;
}



h4#dpHeading {
	margin: 0px;	
	padding: 5px 9px;
}

h4.liv {		
	background-color: #ED1B2F;
        color: #FFFFFF;
        
}

h4.news {		
	background-color: #000000;
        color: #FFFFFF;        
}

h4.eve {		
	background-color: #0066B3;
        color: #FFFFFF;        
}

/*
 explore nav at top of classified-col
 */
.classified-weather.explore-nav-wrap {
	margin-top:4px;
}
/*
 explore nav everywhere
 */
.explore-town-links, 
.explore-local-links {
	margin-left:7px;
}
.explore-nav { padding-left:10px; font-size: 0.85em;} 
.explore-town-links li { margin-bottom: 3px; border-bottom: 1px solid #f5f5f5; }
.explore-nav .explore-count { color: #999; font-size: 0.7em; }
.explore-local-links, .explore-town-links { margin: 0 0 0 10px; }
.explore-local-links li { border-bottom: none;}
.explore-current { font-weight: bold; color: #ed1b2f; padding-left: 10px; margin-left: -10px;}
#explore-nav-counties { margin: 5px 0 10px 10px; font-size: 0.85em;}
/*
 map
 */
p.explore-nocontent {font-size:12px; font-weight:bold;padding-top:10px; color: #434343;}
#geo_explore {position:relative; margin-top: 28px;}
div#geo_map_canvas { border-bottom:4px solid #434343; border-top:4px solid #434343; }

#geo_search {padding: 4px 6px; position:absolute; z-index:1; right:0; top:0; margin-top:-28px}
div#geo_search, div#map_status_div, #map_msg, #geo-noresults {background-color: #434343; color:white;}
#map_msg {background: transparent;}

.info-window {  
	margin: 0px; padding: 0px; display: block; text-align:left; font-family:Verdana,Arial,Helvetica,sans-serif; 
	font-size:small; width: 300px; overflow: hidden;
}

.info-window .fixed { height: 100px; overflow-y: auto; margin-top: 30px; }
.info-window a:link, .info-window a:active, .info-window a:visited { color:#0000FF; text-decoration:none; }
.info-window img { float:left; margin:0 10px 5px; padding:0; border:0 none; }
.info-window h2 { font-size:1em; font-weight:bold; line-height:1.2em; margin:0; padding:0 10px 2px; }
.info-window p { color:#000000; font-size:0.85em; line-height:1.3em; margin:0; padding:0 10px; display:block; }
.info-window .readlink { font-weight:normal; }
.info-window ul { 
	list-style-image:none; list-style-position:outside; list-style-type:none; margin:0; font-size:0.85em; 
	font-weight:normal; line-height:1.4em; margin:0; padding:0; display:block;
}

.info-window ul li {
	background:transparent url(http://images.icnetwork.co.uk/collections/css_r2_liverpoolecho/i_arr.gif) no-repeat scroll 0 5px;
	padding-bottom:5px; padding-left:10px; display:list-item;
}

.info-window .article-date { text-transform:uppercase; color:#5E5E5E; }

.info-window .zoom-in {
	background:transparent url(http://images.icnetwork.co.uk/collections/geo_map/zoom.png) no-repeat scroll 0 1px;
	margin: 5px 10px; padding-left: 15px;
}

#geo_map_wrap, #geo_map_expand, #geo_map_canvas { display: block; }
#geo_map_expand { margin: 0 ; }
#map_status_div {
	width: 160px; height: 20px; margin: 180px 0 0 255px; padding: 5px 0 0 20px; position: absolute; z-index: 5; 
	background-image: url(/design/r2/ajax-loader.gif); background-position: 5% 50%; background-repeat: no-repeat;
}

#geo_map_key { background: #e2e2e2;border-bottom:4px solid #434343;padding-bottom:3px;}
#geo_map_key li {display:inline;font-size:9px; padding:5px 0; margin-right:5px; color: #434343;}

#geo_map_key li.i_single_story { background: transparent url(http://images.icnetwork.co.uk/collections/geo_map/i_single_story.gif) no-repeat 0 50%;
	 padding-left: 15px; line-height:20px;}

#geo_map_key  li.i_multiple_single { background: transparent  url(http://images.icnetwork.co.uk/collections/geo_map/i_multiple_single.gif) no-repeat 0 50%;
	 padding-left: 15px; line-height:20px;}

#geo_map_key  li.i_multiple_nearby { background: transparent  url(http://images.icnetwork.co.uk/collections/geo_map/i_multiple_nearby.gif) no-repeat 0 50%;
	 padding-left: 15px; line-height:20px; }

#geo_map_key li.i_location_note { padding-left: 5px; border-left: 1px dotted #434343; line-height:15px;}


/** Fish4 Widgets **/
/* Horizontal Tabbed Panels from */

a:focus {outline: none;}/* removes dotted outline from tabs*/

.TabbedPanels {	margin: 0px;padding: 0px;clear: both;width: 100%; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/}
.TabbedPanelsTabGroup {	margin: 0px;padding: 0px;}
.TabbedPanelsTab {position: relative;top: 1px;float: left;padding: 4px 7px;	margin: 0px 2px 0px 0px;background-color: #f5f5f5;color: #0066cc;list-style: none;border-left: solid 1px #d2d2d2;border-bottom: solid 1px #d2d2d2;border-top: solid 1px #d2d2d2;border-right: solid 1px #d2d2d2;
	-moz-user-select: none;	-khtml-user-select: none;cursor: pointer;}
.TabbedPanelsTabHover {	background-color: #CCC;color: #0066cc;}
.TabbedPanelsTabSelected {background-color: #fff;border-bottom: 1px solid #fff;color: #0066cc;}
.TabbedPanelsTab a {color: #0066cc;text-decoration: none;}
.TabbedPanelsContentGroup {clear: both;	border: solid 1px #d2d2d2;background-color: #fff;}
.TabbedPanelsContent {padding: 0px;}

/* motors and homes styles for r2 search boxes*/

#fish4MotorsBuyingID,  #useddealerID, #newdealerID, #bikesID, #vansID, #caravansID {width:100%;position:relative;height:200px;}

#fish4HomesBuyingID, #lettingsID, #newhomesID {width:100%;position:relative;height:230px;}

ul.motorsform, ul.homesform{margin:10px 7px;}
ul.motorsform li, ul.homesform li {margin-top:10px;margin-bottom:10px;}
ul.motorsform li h2, ul.homesform li h2{margin:10px 0px;padding:0;}
ul.motorssublinks li h2, ul.homessublinks li h2{margin:5px 0px 5px 0;padding:0;}
ul.motorsform input, ul.motorsform select, ul.homesform input, ul.homesform select{margin:0 5px;}

ul.motorssublinks, ul.homessublinks {position: absolute;top:0px;left:335px;}
ul.motorssublinks li, ul.homessublinks li{line-height:180%;}

.carmodel, .carmake {width: 260px;}
.location {width: 50px;}
.makeofcarncd {width: 195px;}
.fish4submitbutton{margin-left:250px;}
.locationlabelucd, .locationlabelncd, .makeofcarlabelncd {width: 100px;float:left;}
.nameifknownlabelucd {width: 100px;float:left;}
.locationucd, .locationncd, .nameifknownucd {width: 190px;}
.bikemakelabelmb, .vanmakelabeltv, .bikemodellabelmb, .vanmodellabeltv, .caravanmodellabeltv, .caravanmakelabeltv  {width: 130px;float:left;}
.bikemakemb, .vanmaketv, .caravanmaketv {width: 165px;}
.bikemodelmb, .vanmodeltv, .caravanmodeltv {width: 165px;}
.locationmb, .locationtv {width: 130px;}
.pricefrommb, .pricehighmb, .pricefromtv, .pricehightv, .pricefromhl, .pricehighhl  {width: 60px;}
.locationlabelhb, .locationlabelhl, .minpricelabelhb, .maxpricelabelhb, .minbredroomslabelhb, .propertytypelabelhb, .rentpaymentlabelhl, .locationlabelhn, .minpricelabelhn, .maxpricelabelhn, .minbredroomslabelhn, .propertytypelabelhn  {width: 120px;float:left;}
.locationhb, .locationhl, .minpricehb, .maxpricehb, .minbredroomshb, .propertytypehb, .locationhn, .minpricehn, .maxpricehn, .minbredroomshn, .propertytypehn {width: 175px;}
.fish4logo,.smartnewhomeslogo  {position: absolute;bottom:10px;left:335px;}

.pricecombo {width: 80px;}

/* 
	Article / Story List Methods
*/
div.teasers .sc-teaserpic { display:block; float:left; margin:0 10px; }
div.teasers .article-date { color:#666666; display:block; font-size:0.85em; font-weight:normal; line-height:1.25em; }

