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

.cform {
}
.cform fieldset {
padding: 10px;
background: #fff url(postage/bg.png) repeat 0 0;
border: none;
}
.cform .cf_hidden {
display: none;
margin: 0!important;
padding: 0!important;
border: none!important;
background: none!important;
}
.cform legend {
display: none;
}
ol.cf-ol {
line-height: 1;
margin: 0!important;
padding: 30px 30px 10px!important;
background: #fff url(postage/bg_message.png) no-repeat scroll 95% 86%;
font-size: 12px;
}
ol.cf-ol li {
position: relative;
line-height: 1;
overflow: hidden;
margin: 0 0 20px !important;
padding: 0;
border-bottom: 1px dotted #555555;
background: none;
text-align: left;
}
/*----------------------------------------------------------------------
just for text-only fields (no input)
----------------------------------------------------------------------*/
ol.cf-ol li.textonly {
margin: 10px 0pt !important;
padding: 5px 0pt;
background: #F0F0F0 !important;
text-align: center;
letter-spacing: 1px;
}
/*----------------------------------------------------------------------
global definitions for field labels
----------------------------------------------------------------------*/
.cform label {
vertical-align: top;
text-indent: 1px;
text-align: left;
}
.cform label span {
display: block;
width: auto;
line-height: 1.2;
}
label.cf-before {
margin: 4px 10px 0 0;
}
label.cf-after {
display: inline-block;
width: 4em;
margin: 0 0 0 3px;
padding-bottom: 4px;
}
label.cf-after span {
}
label.cf-group-after {
width: 72px;
margin: 3px 4px 0 2px;
text-align: left;
}
label.cf-group-after span {
display: block;
width: 72px;
}
/*----------------------------------------------------------------------
FORM FIELDS general formatting
----------------------------------------------------------------------*/
.cform input,
.cform textarea,
.cform select {
color: #576f8b;
font-family: Courier, monospace;
font-size: 12px;
}
.cform input:hover,
.cform textarea:hover,
.cform select:hover {
}
.cform input:focus,
.cform textarea:focus,
.cform select:focus {
}
.cform textarea,
.cform input {
width: 80%;
padding: 10px 0 2px 0;
border: none;
background : none;
}
.cform select {
margin: 10px 0 2px;
padding: 2px 0;
}
.cform select.cfselectmulti {
height: 7.5em;
}
.cform textarea {
height: 127px;
overflow: auto;
}
/*----------------------------------------------------------------------
radio button title
----------------------------------------------------------------------*/
ol.cf-ol li.cf-box-title {
margin-bottom: 13px!important;
border: none;
}
/*----------------------------------------------------------------------
check boxes
----------------------------------------------------------------------*/
.cform input.cf-box-a,
.cform input.cf-box-b {
width: auto;
padding: 0;
}
.cform input.cf-box-a {
margin-left: 100px;
}
/*----------------------------------------------------------------------
check box groups
----------------------------------------------------------------------*/
ol.cf-ol li.cf-box-group {
}
/*----------------------------------------------------------------------
formatting for text: "(required)" & other
----------------------------------------------------------------------*/
span.reqtxt,
span.emailreqtxt {
position: absolute;
right: 0;
bottom: 2px;
width: 37%;
height: 1.1em;
overflow: hidden;
margin: 0 0 0 1em;
padding-right: 0.1em;
color: #e4666e;
font-style: italic;
text-align: right;
}
/*----------------------------------------------------------------------
FORM submit button
----------------------------------------------------------------------*/
p.cf-sb {
margin: 0;
padding: 0!important;
text-align: right;
}
.cform input.sendbutton {
width: 194px;
height: 40px;
margin: 15px 0 0;
padding: 0;
background: transparent url(postage/bg_btn_send.png) no-repeat scroll 0 0;
text-indent: -9999px;
outline: none;
cursor: pointer!important;
}
.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 {
color: #f33;
}
ol.cf-ol ul.cf_li_text_err li {
margin: 0 !important;
border: none;
font-weight: bold;
}
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 {
width: 50px;
height: 15px;
margin: 0;
padding: 4px 4px;
}
img.captcha {
float: none!important;
vertical-align: text-bottom;
margin: 0 0 0 10px!important;
padding: 0!important;
border: none!important;
}
img.captcha-reset {
width: 21px;
height: 21px;
vertical-align: text-bottom;
margin: 0 0 2px 3px;
border: none;
background: url(captcha_reset_grey.gif) no-repeat;
}
img.imgcalendar {
border: none;
}
/*----------------------------------------------------------------------
change formatting of response msgs here            
----------------------------------------------------------------------*/
div.cf_info {
display: block;
padding: 0;
color: #f33;
}
div.cf_info ol {
list-style: inside disc;
margin: 0 0 0 0.35em !important;
padding: 7px 0 10px;
}
div.cf_info ol li {
}
div.cf_info a {
color: #f33!important;
}
div.success {
display: block;
background: #f7f7f7 none repeat scroll 0% 50%;
color: #444444;
}
div.failure {
display: block;
}
div.waiting {
display: block;
background: #f9f9f9;
color: #aaaaaa;
}
/*----------------------------------------------------------------------
formatting for invalid user inputs
----------------------------------------------------------------------*/
.cform .cf_error {
color: #f33;
}
div.mailerr {
display: block;
}
.mailerr,
.cform .cf_errortxt {
color: #f33;
}
/*----------------------------------------------------------------------
disabled fields [disabled] does not work on IE!    
----------------------------------------------------------------------*/
[disabled] {
border-color: #dddddd!important;
background: none!important;
color: #dddddd;
}
.disabled {
border-color: #dddddd!important;
}
/*----------------------------------------------------------------------
upload box styling                  
----------------------------------------------------------------------*/
.cform input.cf_upload {
}