@charset "utf-8";
/* CSS Document */
/* FORM FIELD STYLES FOR Which? Local */

/* SECTION 1: CORE FRAMEWORK */
input,textarea,label,select { font: normal 13px "Trebuchet MS", Arial, Helvetica, sans-serif; }

/* SECTION 2: INNER PANELS */
.form-search-radius { margin:0px auto; width:60%; height:32px; padding:6px 8px 0px 8px; font-size:12px; } /*Form search/radius bar */
.form-search-radius select, .form-search-radius input, .panel-header-large select { font-size:12px; } /*Form search/radius bar and Trader listings bar */
input.panel-login-middle-formfield { width: 192px; border: 1px solid #ccc; margin-bottom: 5px; padding:2px; } /* Login */
input.form-trader { font-size: 12px; width: 180px; border: 1px solid #ccc; margin: 0; padding:2px; } /* Find a trader*/
.drop-cost-comparison-on { padding: 12px 10px 15px 10px; width: 190px; margin: 0 0 0px 0; background:url(/images/bg_drop-cost-comparison-on.gif) no-repeat; } /* Cost comparison side panel */
.drop-cost-comparison-off { padding: 12px 10px 15px 10px; width: 190px; margin: 0 0 0px 0; background:url(/images/bg_drop-cost-comparison-off.gif) no-repeat; } /* Cost comparison side panel */
.drop-cost-comparison-on select, .drop-cost-comparison-off select 
{ font-size: 12px; border: 1px solid #CCC; width: 190px; } /* Cost comparison side panel */

.large-panel-2col-formbox { width: 49%; float: left; padding-bottom: 10px; border-right:0px solid #0f0;}
.large-panel-formbox input, .large-panel-2col-formbox input { min-width:188px; margin-right:4px; margin-bottom:4px; display:block; float:left; }
.large-panel-formbox select,.large-panel-2col-formbox select  { min-width:192px; margin-right:4px; margin-bottom:4px; display:block; float:left; }
.large-panel-formbox label,.large-panel-2col-formbox label { width:120px; margin-right:8px; text-align:right; display:block; float:left; height:auto; /* Fix for Firefox labels without no-content*/ }
.large-panel-formbox textarea, .large-panel-2col-formbox textarea { min-width:188px; margin-right:4px; margin-bottom:4px; display:block; float:left; }
.large-panel-2col-formbox .clear, .large-panel-formbox .clear, .clear-field { clear:both; height:8px; margin-bottom: 0px; min-height: 1px; /*IE8 Fix for clears with no content*/ } 


input.width-auto, .width-auto { min-width:0px; /*removes forced width, useful on submit buttons*/}
input.wauto { min-width:0px; }
input.w100 { min-width:0; width:100px; }
input.w200 { min-width:0; width:200px; }
input.hidden { width:0; display:none; visibility:hidden; }

.checkbox-text { float:left; margin-bottom:4px; }
.large-panel-2col-formbox .checkbox-text { width:auto; }
.large-panel-formbox .checkbox-text { width:560px; }
span.checkbox-text { display:block; /*for text next to a checkbox*/}
label.checkbox-text { display:inline; text-align:left; /*for labels next to a checkbox*/}
div.label-none { margin-bottom:4px; }

label.label-no-style { margin-left:0px; text-align:left; width:auto; /*removes margin from label, e.g. on login panel*/ }
.label-none { display:block; margin-left:128px; clear:both; /*use on form elements not adjacent to a label*/ }

div.radiobutton { margin-left:128px; min-height:20px; /*container for radio button sets*/}
div.radiobutton input { display:inline; margin-left:0; min-width:0px; width:auto; }
div.radiobutton label { display:inline; text-align:left; width:auto; padding:1px 0 0 4px; }

.validate { margin-left:128px; font-size:12px; display:block; clear:both; color: #ED2732; background: url(/images/icon_validation-warning.png) top left no-repeat; padding-left:28px; min-height:28px; height:100%; }
p.validate { margin-left:0px; border-bottom: 1px dotted #333; padding-bottom:4px; color:#333; height:100%; }
.validate-m0 { margin:0; }
.validate-inline { margin-left:0px; display:inline; clear:none; }

img.helpicon { cursor: help; border:0px solid #f00; margin-top:2px; /*style for help icon next to fields */ }
span.checkbox input, input.checkbox { float:left; padding:0; margin:0; margin-right:4px; min-width:0px; /*Use on all checkboxes */}

.medium-panel .panel-main textarea { width:476px } /* Fixes issue in Safari on Textareas with cols parameters on Trader details pages */

/* Recommendation wizard*/
.progress {	padding: 10px 0 18px 0px; margin: 0; } 
.rating1holder { width: 120px; float: left; text-align: left; margin-left: 10px; }
#rec-wizard-options { padding-left:7px; background: url(/images/bg_rec-wizard-options.gif) top left no-repeat; }
.rec-wizard-box { float: left; width: 210px; height: 104px; padding:8px; margin:0; }
.rec-wizard-box input { border: 1px solid #ccc; margin:0; padding:2px; width:204px;}
#rec-wizard-traderresults #lstTraderResults { font-family:Arial, Helvetica, sans-serif; font-size:12px; }
.mr21 { margin-right:21px; }

.calendar_button { border: none; cursor: pointer; }
.calendar { background-color: #FFFFFF; border: 1px gray solid; font-size: 11px; font-weight: normal; font-family: Verdana, monospace; padding: 2px; cursor: pointer; }
.calendar td { font-size: 11px; font-family: Verdana, monospace; }
.calendar .title td { font-size: 13px; font-weight: bold; background-color: #EEEEEE; }
.calendar .day_header { width: 20px; text-align: center; border-width: 1px; border-color: white; border-style: solid; font-weight: normal; background-color: #EEEEEE; }
.calendar .day { width: 20px; cursor: pointer; text-align: center; border-width: 1px; border-color: #F6F6F6; border-style: solid; }
.calendar .day_hover { width: 20px; cursor: pointer; text-align: center; text-decoration: underline; border-width: 1px; border-color: #F6F6F6; border-style: solid; background-color: #EEEEEE; }
.calendar .selected_day { width: 20px; background-color: #FBE694; color: #000000; border-width: 1px; border-color: #BB5503 !important;
	border-style: solid;
	font-weight: bold;
}
.calendar .day_today { width: 20px; cursor: pointer; text-align: center; border-width: 1px; border-color: #F6F6F6;border-style: solid; font-weight: bold; }
.calendar .other_month_day { color: #999999; }
.calendar .out_of_range_day { visibility: hidden; }
.calendar .next_prev { cursor: pointer; height: 25px; vertical-align: center; padding: 0px 5px 0px 5px; }
/* SECTION 2: INNER PANELS END */