/*                                                    */
/*  main 'top-level' form elements                    */
/*                                                    */
@import "calendar.css";

.cform {margin:10px auto 0 auto; width: 410px;}

.cform fieldset	{margin-top:10px;padding:5px 0 15px 0;border:1px solid #adadad;border-left-color:#ececec; border-top-color:#ececec;background:#f7f7f7;}

.cform .cf_hidden {display:none; border:none!important;	background:none!important;	padding:0!important;margin:0!important;}

.cform legend {margin-left:10px;padding: 0 2px; font:normal 20px Times;color:#666666;}

ol.cf-ol {margin:0!important; padding:0!important;}

ol.cf-ol li	{background:none!important; margin:5px 0!important;padding:0; list-style:none!important;text-align:left;line-height:1.3em;}


/*                                                    */
/* just for text-only fields (no input)               */
/*                                                    */

ol.cf-ol li.textonly {background:#F0F0F0 !important;letter-spacing:1px;margin:10px 0pt !important;padding:5px 0pt;text-align:center;}


/*                                                    */
/* global definitions for field labels                */
/*                                                    */

.cform label {width:102px; margin:4px 10px 0 0; display:-moz-inline-box; /*for mozilla*/	display:inline-block; /*for Opera & IE*/text-align:right;vertical-align:top;}

.cform label span {width:102px; display:block;}

label.cf-before {margin:4px 10px 0 0;}

label.cf-after 	{margin:4px 15px 0pt 6px;text-align:left;width:115px;}

label.cf-after span {width:115px;display:block;}

label.cf-group-after {margin:3px 4px 0 2px;width:72px;text-align:left;}
label.cf-group-after span {width:72px;display:block;}

/*                                                    */
/*   FORM FIELDS general formatting                   */
/*                                                    */

.cform input,.cform textarea,.cform select {padding:3px; border: 1px solid #ccc;vertical-align:top;	background:#fff;color:#000;}

.cform input:hover,.cform textarea:hover,.cform select:hover {background:#f1f1f1;border:1px solid #00CCFF;}

.cform input:focus,.cform textarea:focus,.cform select:focus {background:#f1f1f1;border:1px solid #00CCFF;}

.cform textarea,.cform input {width:150px; }

.cform select {width:158px; /* attempt to have equal length */ padding:2px 0;}  

.cform select.cfselectmulti	{height:7.5em;}

.cform textarea {font-family: arial;font-size: 0.9em;overflow:auto;}

/*                                                    */
/*   radio button title                               */
/*                                                    */

ol.cf-ol li.cf-box-title {font-weight:bold;	letter-spacing:1px;	padding:8px 0 0 100px; /* check with label 'width' incl. */}

/*                                                    */
/*   check boxes                                      */
/*                                                    */

.cform input.cf-box-a,.cform input.cf-box-b {margin:2px 0 0 0; width:14px;height:22px;border:none!important;background:none!important;}

.cform input.cf-box-a 	{margin-left:100px; /* check with label 'width' incl. */} 


/*                                                    */
/* check box groups                                   */
/*                                                    */

ol.cf-ol li.cf-box-group {margin:10px 0pt 0px !important;padding-left: 100px; } 

/*                                                    */
/* formatting for text:  "(required)"  & other        */
/*                                                    */

span.reqtxt, span.emailreqtxt {margin:3px 0 0 3px;font-size:0.9em;display: -moz-inline-box; vertical-align:top;}

/*                                                    */
/*   FORM submit button                               */
/*                                                    */

p.cf-sb {text-align:right;padding: 0!important;	margin: 0;}

.cform input.resetbutton {width: auto;padding:5px 1em;}

.cform input.backbutton {width: auto;padding:5px 1em;}

/*                                                    */
/*   FORM FIELDS enhanced error display               */
/*                                                    */
ol.cf-ol li.cf_li_err {}

ol.cf-ol li ul.cf_li_text_err {height:1%;min-height:1%;margin:0 0 0 100px;padding:0;color:#333;}

ol.cf-ol ul.cf_li_text_err li {background:url(icon-alert.png) no-repeat left 1px!important;list-style:none!important;font-weight:bold;text-indent:0;margin:0 0 2px!important;padding-left:15px;}

ol.cf-ol ul.cf_li_text_err li:before {content:'';}

/*                                                    */
/* 'visitor verification' related styles              */
/*                                                    */

label.secq, label.seccap {vertical-align:text-bottom;margin-bottom:4px;}

input.secinput {vertical-align:text-bottom;}

#cforms_captcha6, #cforms_captcha5, #cforms_captcha4, #cforms_captcha3, #cforms_captcha2, #cforms_captcha {height:15px;	width:50px;	padding: 4px 4px;margin: 0;}

img.captcha	{vertical-align:text-bottom;margin:0 0 0 10px!important;padding:0!important;border:none!important;float:none!important;}

img.captcha-reset {vertical-align:text-bottom;background:url(captcha_reset_grey.gif) no-repeat;	margin:0 0 2px 3px;	width:21px;	height:21px;border:none;}

img.imgcalendar {border:none;}

/*                                                    */
/* change formatting of response msgs here            */
/*                                                    */

div.cf_info {color:#333;display:none;padding:10px 15px!important;line-height:1.3em;margin:10px auto;}

div.cf_info ol {margin:0;padding:5px 15px 0 30px;}

div.cf_info ol li {padding:1px 0;margin:2px 0;}

div.cf_info a {color:#ad2929!important;text-decoration:underline!important;}

div.success {background:#fff none repeat scroll 0% 50%;color:#444444;display:block;}

div.failure {display:block;color:#FF0000;}

div.waiting {background:#ccc;color:#AAAAAA;display:block;}
/*                                                    */
/*   formatting for invalid user inputs               */
/*                                                    */
.cform .cf_error {color:#ff0000; border:1px solid #ff0000;}

div.mailerr {display:block;}

.mailerr,.cform .cf_errortxt {color:#ad2929; }

/*                                                    */
/* disabled fields [disabled] does not work on IE!    */
/*                                                    */

[disabled] {color:#dddddd;	border-color:#dddddd!important;	background:none!important;}

.disabled {border-color:#dddddd!important;}

/*                                                    */
/* upload box styling                                 */
/*                                                    */
.cform input.cf_upload  {width:220px;background: #f9f9f9;border:1px solid #888888;}

/*                                                    */
/*  Other: link love                                  */
/*                                                    */
.linklove {width:410px;	margin:0 auto 10px!important;padding:0!important;text-align:center!important;}

.linklove a,.linklove a:visited {font-size: 0.8em;font-family: Tahoma;color:#aaaaaa!important;}

/*                                                    */
/*  Other: browser hacks                              */
/*                                                    */
* html .cform fieldset {position: relative;margin-top:15px;	padding-top:25px; }

* html .cform legend {position:absolute; top: -10px; left: 10px; margin-left:0;}

*+html .cform fieldset {position: relative;margin-top:15px;	padding-top:25px;}

*+html .cform legend {position:absolute; top: -10px; left: 10px; margin-left:0;}

* html ol.cf-ol,* html ol.cf-ol li,* html span.reqtxt,* html span.emailreqtxt {display: inline-block;  /*for ie6*/}

*+html .cform label,*+html ol.cf-ol,*+html ol.cf-ol li,*+html span.reqtxt,*+html span.emailreqtxt {display: inline-block; /*for ie7*/}

* html img.captcha {margin-bottom:1px!important;}

*+html img.captcha {margin-bottom:1px!important;}

/* FORM STYLING */

#cformsform {width:100%;}
#cformsform input.single {width:94%;}
#cforms2form {width:100%;}
#cforms2form input.single,#cforms2form textarea, #cforms2form select  {width:60%;}
.cform input.sendbutton {background:url("http://www.webdesignshowroom.co.uk/wp-content/themes/WebDesignCompany/images/submitbtn.png") no-repeat left top;width:81px;height:32px;border:none;text-indent:-999em;display:block;font-size:0;line-height:0;float:right;}
input.sendbutton:hover {cursor:pointer;}