
/*custom code on top the default style sheet*/

/*** if you want this to apply to a different*/
/*** form than to just the 2nd form change the '2'*/
/*** (or remove for your 1st,default form)*/
@import "calendar.css";

.cform fieldset.cf-fs1{
background:url(../images/customform_shiny_bg.jpg) no-repeat;
padding-bottom:0;
}
.cform fieldset.cf-fs1 ol.cf-ol{
margin:50px 0 0 0!important;
}
.cform{
margin:10px auto 0 auto;
width:410px;
}
.cform fieldset	{
margin:10px 0 0 0;
padding:5px 0 15px 0;
border:0;
background:#fff;
}
.cform .cf_hidden{
display:none;
border:0!important;
background:none!important;
padding:0!important;
margin:0!important;
}
.cform legend{
display:none;
}
ol.cf-ol{
margin:0!important;
padding:0!important;
}
ol.cf-ol li	{
background:none!important;
margin:5px 0!important;/*some themes may interfere otherwise*/
padding:0;
list-style:none!important;
text-align:left;
line-height:1.3em;
}
/*text-only*/
ol.cf-ol li.textonly{
color:#a2a2a2;
padding:4px 0;
text-align:center;
}
/*global labels*/
.cform label{
color:#666;
width:90px;/*must match .cform label span*/
margin:4px 10px 0 0;
display:-moz-inline-box;/*mozilla*/
display:inline-block;/*Opera & IE*/
text-align:right;
vertical-align:top;
}
.cform label span{
color:#666;
width:90px;/*must match .cform label*/
display:block;
}
label.cf-before{
margin:4px 10px 0 0;
}
label.cf-after 	{
margin:4px 2px 0 6px;
width:70px;
text-align:left;
}
label.cf-after span{
width:70px;
display:block;
}
label.cf-group-after{
margin:4px 4px 0 2px;
width:125px;
text-align:left;
}
label.cf-group-after span{
width:125px;
display:block;
}
.cform input,
.cform textarea,
.cform select{
color:#333;
padding:3px;
background:#fefefe;
border:1px solid #ddd;
vertical-align:top;
letter-spacing:1px;
line-height:normal;
padding:4px 3px;
vertical-align:top;
font:bold 9px Arial;
}
.cform input:hover,
.cform textarea:hover,
.cform select:hover	{
background:#f2f2f2;
}
.cform input:focus,
.cform textarea:focus,
.cform select:focus	{
background:#fefefe;
}
.cform textarea,
.cform input{
width:175px;
}
.cform select{
width:183px;/*attempt to have equal length*/
}
.cform select.cfselectmulti	{
height:7.5em;
}
.cform textarea{
overflow:auto;
}
span.reqtxt,
span.emailreqtxt{
color:#a2a2a2;
margin:3px 0 0 5px;
font:normal 9px Tahoma;
display:-moz-inline-box;
vertical-align:top;
letter-spacing:1px;
}
/*radio button*/
ol.cf-ol li.cf-box-title{
color:#a2a2a2;
padding-left:100px;/*check with label 'width' incl.*/
margin:6px 0 0 0!important;
}
/*check boxes*/
input.cf-box-a,
input.cf-box-b 	{
margin:2px 0 0 0;
width:16px;
height:22px;
border:0!important;
background:none!important;
}
input.cf-box-a 	{
margin-left:100px;/*check with label 'width' incl.*/
}
/*check boxes*/
ol.cf-ol li.cf-box-group{
margin:0 !important;
padding:0 0 5px 100px;
}
/*FORM submit button*/
p.cf-sb{
text-align:right;
padding:0!important;
margin:0;
background:url(../images/customform_shiny_bg_bottom.jpg) no-repeat 0 bottom;
}
.cform input.sendbutton	{
color:#fff;
font:14px Arial;
height:31px;
line-height:31px;
margin:0 10px 10px 0;
padding:0 0 5px;
width:120px;
background:#fff url(../images/customform_shiny_submit.jpg) no-repeat;
border:0;
}
.cform input.sendbutton:hover	{
background-position:0 -31px;
}
/*errors*/
ol.cf-ol li.cf_li_err{
background:#ffdfdf url(li-err-bg.png) repeat!important;
border-color:#df7d7d;
border-style:solid;
border-width:1px0;
padding:5px 0!important;
margin:5px 0!important;
}
ol.cf-ol li ul.cf_li_text_err{
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:'';
}
/*spam Q&A etc*/
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;
vertical-align:text-bottom;
}
img.captcha	{
vertical-align:text-bottom;
margin:0 0 0 10px!important;
padding:0!important;
border:0!important;
float:none!important;
}
img.captcha-reset{
vertical-align:text-bottom;
background:	url(captcha_reset_silver.gif) no-repeat;
margin:0 0 2px 3px;
width:21px;
height:21px;
border:0;
}
img.imgcalendar{
border:0;
}
/*response msgs*/
div.cf_info{
color:#333;
display:none;
padding:10px 15px!important;
width:380px;
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%;
color:#aaa;
display:block;
letter-spacing:3px;
}
div.failure{
display:block;
background:#ffdfdf url(li-err-bg.png) repeat!important;
border-color:#df7d7d;
border-style:solid;
border-width:1px0;
}
div.waiting{
background:#f9f9f9;
color:#aaa;
display:block;
}
/*invalid inputs*/
.cform .cf_error{
color:#ad2929;
border:1px solid #ad2929;
}
div.mailerr{
display:block;
}
.mailerr,
.cform .cf_errortxt{
color:#ad2929;
}
/*disabled [disabled] IE does not work on*/
[disabled]{
color:#ddd;
border-color:#ddd!important;
background:none!important;
}
.disabled{
border-color:#ddd!important;
}
/*upload box*/
.cform input.cf_upload {
width:220px;
background:#f9f9f9;
border:1px solid #888;
}
/*hacks*/
* html ol.cf-ol,
* html ol.cf-ol li,
* html span.reqtxt,
* html span.emailreqtxt{
display:inline-block;/*ie6*/
}
*+html ol.cf-ol,
*+html ol.cf-ol li,
*+html .cform label,
*+html span.reqtxt,
*+html span.emailreqtxt{
display:inline-block;/*ie7*/
}
*+html img.captcha	{
margin-bottom:1px!important;
}
* html img.captcha	{
margin-bottom:1px!important;
}
* html select{
margin-top:3px!important;
}
