/* CSS Document */
.form{width:553px}

/* required field info */
.form .formInfo{display:block;font-size:0.95em;margin:0 0 20px;color:#b30000}
.form .info{font-size:0.95em}

/* grouping related fields - use legend with fieldset or optional h2 with .fieldContainer */
.form fieldset,.form fieldset.yourDetails,.form fieldset.companyDetails,.form fieldset.reasonEnquiry,.form fieldset.yourEnquiry,.form fieldset.stayInformed,.form .fieldContainer{border:none;padding:5px;margin:0 0 12px;width:260px;background:#c1cdcb;display:block}
.form fieldset.yourDetails{float:left}
.form fieldset.companyDetails{float:right}
.form fieldset.reasonEnquiry{float:left}
.form fieldset.yourEnquiry{width:543px}
.form fieldset.stayInformed{}
.form fieldset.yourSubscriptions{float:right}
.form legend,.form .fieldContainer h2{width:214px;padding:4px 10px;font-weight:normal;font-size:1.3em;color:#d1d9d8;background:#57716e;margin-left:7px}
.form legend span{display:block;width:214px}
.form legend span span{display:inline;font-weight:normal;color:#C1CDCB;font-size:0.9em}

/* common form elements */
.form div,.form div.fieldContainer div{background:none;padding:6px;margin-top:2px}
.form div div {width:auto;background:none;padding:6px;margin-top:0;}
.form div.fieldContainer{background:#C1CDCB}
.form label{font-weight:bold;line-height:1.3em;display:block;margin:0 0 2px;color:#163534}
.form label span{color:#475a57;font-weight:normal}
input,textarea,select{border:1px solid #98a5a4;background-color:#fff;padding:2px;margin:1px 0 0;font-size:1em;width:97%}
textarea{font-family:arial,helvetica,sans-serif;font-size:1em;overflow:auto}
select{padding:0}
select.country{width:245px}
input:focus,input:active,textarea:focus,textarea:active,select:focus,select:active{background:#fff}
input.postcode{width:100px}
.forgottenPassword{font-size:0.95em;padding:8px 2px 3px;display:block}
.form div.terms{height:150px;overflow:scroll;padding:0;font-size:0.95em}
.form div.terms h1{font-size:1.2em;letter-spacing:0}
.form div.terms h2{font-size:1.1em;letter-spacing:0}
.form div.terms ul,.form div.terms ol{margin:2px 5px}

/* checkbox or radio group */
.options input{width:auto;background:none;border:none;display:inline}
.options label{display:inline;vertical-align:top;margin-left:5px}
div.error .options input{border:none}

/* styled buttons and pseudo button links */
.form div.buttonContainer{padding:8px;width:368px}
input.go,a.go{border:1px solid #888!important;background:#c1cdcb;color:#2b4847;width:auto!important;padding:5px 6px;margin:0 5px 0 0;height:auto;cursor:pointer;font-weight:bold;display:inline-block;vertical-align:middle;font-size:1em;text-transform:uppercase;font-family:Arial, Helvetica, sans-serif}
input.go:hover,a.go:hover{border:1px solid #888;background:#e67903;color:#fff!important;text-decoration:none!important}
input.go:focus,input.go:active,a.go:focus,a.go:active{border:1px solid #1b2928!important;background:#334241!important;color:#fff!important}
input.nogo,a.nogo{border:none!important;background:none!important;color:#015547;width:auto;padding:3px 1px;margin:0;height:auto;cursor:pointer}
input.nogo:hover,input.nogo:focus,input.nogo:active,a.nogo:hover,a.nogo:focus,a.nogo:active{color:#00705d;text-decoration:underline!important}/* sitewide link style */
a.go{font-size:0.95em;padding:5px 9px;margin:0 7px 8px 9px}
a.nogo{font-size:0.95em;padding:3px 4px}

/* validation error + success */
div.alert{margin:5px 0 10px;padding:5px 0;text-indent:8px;font-size:1.1em;font-weight:bold;border:1px solid #fffad4}
div.error{background:url(../images/images-icons/alerticon.png) top right no-repeat #a60000;line-height:1.15em;color:#fff;padding-bottom:5px!important;border:1px solid #a60000}
div.success{background:url(../images/images-icons/successicon.png) top right no-repeat #3a8522;line-height:1.15em;color:#fff;border:1px solid #3a8522}
.form fieldset div.error,.form .fieldContainer div.error{background:#fffad4;color:#a60000;border:1px solid #f9ffd4}
div.error input,div.error select,div.error textarea{border:1px solid #e15539}
div.error span{font-size:0.95em;display:block;margin:4px 0 0}
div.error span.options label{font-size:1.1em!important}
div.error label{color:#a60000}
div.errorDetails,div.successDetails{padding:5px 7px;margin:-10px 0 10px}
div.errorDetails{border:1px solid #ff0000;border-top:none;background:#fff}
div.successDetails{border:1px solid #3a8522;border-top:none;background:#fff}

/* quick search */
.search{width:auto;float:right;margin:-3px -5px 0 0;position:relative;z-index:5}
.search input{width:130px;padding:2px 2px;margin:0 5px 0 2px!important}
.search input.go{width:auto;padding:1px 3px 2px;margin:0}
.search label{display:inline;width:auto}

/* quick book */
.quickBook{width:170px;font-size:0.95em;z-index:1;margin:0 0 12px}
.quickBook .form{width:160px;padding:4px 5px 1px;background:#102a2b;border:none}
.quickBook .form fieldset{border:none;padding:0;margin:0;width:auto;background:none;display:block}
.quickBook .form legend{width:149px;color:#fff;text-transform:uppercase;padding:5px 5px 0;margin:0;font-size:1.5em;font-family:Arial, Helvetica, sans-serif;letter-spacing:0;font-weight:bold;background:none}
.quickBook .form legend span{display:block;width:149px;padding:0;margin:0}
.quickBook .form legend span span{display:inline;font-weight:normal;color:#fff}
.quickBook .form .info{color:#ffe04f;font-size:1.2em;padding:0 6px 5px;margin:0;font-weight:bold}
.quickBook .form div{background:none;margin:0 0 5px;padding:2px 7px 0}
.quickBook .form label{color:#fff}
.quickBook input,.quickBook textarea,.quickBook select{border:1px solid #fff;background-color:#ddd;width:60%}
.quickBook .form div.buttonContainer{padding:8px 6px;width:144px;margin-top:-5px}
.quickBook select{width:auto}


/* Date Picker */
.datePicker{display:inline;padding:0!important;vertical-align:sub}
.ui-datepicker {position:absolute;padding:0.2em 0.2em 0;width:15em;background:#fff;z-index:40;top:-999em;left:-999em}
.ui-datepicker .ui-datepicker-header {background:#475957;line-height:1.8em;margin:0;text-align:center}
.ui-datepicker .ui-datepicker-prev {float:left}
.ui-datepicker .ui-datepicker-next {float:right}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {color:#B5C6C3!important;margin:0 6px;cursor:pointer}
.ui-datepicker .ui-datepicker-title {color:#DFDFDF;margin:0 40px;font-weight:bold}
.ui-datepicker .ui-datepicker-title select {}
.ui-datepicker select.ui-datepicker-month-year {width:100%}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {width:49%}
.ui-datepicker .ui-datepicker-title select.ui-datepicker-year {float:right}
.ui-datepicker table {border-collapse:collapse;font-size:0.9em;margin:0 0 0.4em;width:100%}
.ui-datepicker th {border:0 none;font-weight:bold;padding:0.7em 0.3em;text-align:center}
.ui-datepicker td {border:1px solid #fff;padding:1px}
.ui-datepicker td a {border:1px solid #8FA7A6}
.ui-datepicker td.ui-datepicker-unselectable {}
.ui-datepicker td.ui-datepicker-today {}
.ui-datepicker td.ui-datepicker-today a, .ui-datepicker a.ui-state-hover {background:#68827f;color:#DFDFDF}
.ui-datepicker td span, .ui-datepicker td a {display:block;padding:0.2em;text-align:center;text-decoration:none}


/* date select */
.dateSelect {width:auto!important}

/* security class - CHANGE FOR EACH SITE */
.df84g{display:none}
.df84g{height:1px}