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

.cform {
background:none repeat scroll 0 0 #F0EDE4;
border-color:#ECECEC #ADADAD #ADADAD #ECECEC;
border-style:solid;
border-width:1px;
margin:10px auto 0;
width:350px;
}
.cform fieldset {
margin-top:10px;
padding:10px 0;
}
.cform .cf_hidden {
background:none repeat scroll 0 0 transparent !important;
border:medium none !important;
display:none;
margin:0 !important;
padding:0 !important;
}
.cform legend {
color:#BA1818;
font:17px Tahoma,sans-serif;
padding:2px 12px;
}
ol.cf-ol {
margin:0 !important;
padding:0 !important;
}
ol.cf-ol li {
background:none repeat scroll 0 0 transparent !important;
line-height:1.3em;
list-style:none outside none !important;
margin:0 10px !important;
padding:0;
text-align:left;
}
ol.cf-ol li.textonly {
letter-spacing:0;
margin:6px 0 !important;
padding:3px 0;
text-align:center;
font-size:12px;
}
.cform label {
background:none;
color:#333;
display:block;
font-size:12px;
margin:0 10px 0 0;
padding:2px;
text-align:left;
width:175px;
}
label.cf-before {
display:inline-block;
margin:0 5px 0 0;
}
label.cf-before span {
display:block;
width:200px;
}
label.cf-after {
display:inline-block;
margin:4px 0 0 4px;
text-align:left;
width:115px;
}
label.cf-after span {
display:block;
width:115px;
}
label.cf-group-after {
display:inline-block;
margin:4px 6px 0 4px;
text-align:left;
width:105px;
}
label.cf-group-after span {
display:block;
width:105px;
}
.cform input, .cform textarea, .cform select {
background:none repeat scroll 0 0 #ffffff;
border-color:#F0F0F0 -moz-use-text-color -moz-use-text-color;
border-right:medium none;
border-style:solid none none;
border-width:1px medium medium;
margin:0 0 8px;
padding:3px;
vertical-align:top;
}
.cform input:hover, .cform textarea:hover, .cform select:hover {
background:none repeat scroll 0 0 #f5f5f5;
}
.cform input:focus, .cform textarea:focus, .cform select:focus {
background:none repeat scroll 0 0 #f9f9f9;
}
.cform textarea, .cform input {
width:320px;
}
.cform select {
width:320px;
}
.cform select.cfselectmulti {
height:6.5em;
}
.cform textarea {
font-family:arial;
font-size:11px;
height:8em;
overflow:auto;
color:#222;
}
.cform input.cf_date {
width:395px;
}
ol.cf-ol li.cf-box-title {
color:#888888;
font-size:10px;
letter-spacing:2px;
margin:12px 0 4px 10px !important;
}
input.cf-box-a, input.cf-box-b {
background:none repeat scroll 0 0 transparent !important;
border:medium none !important;
height:22px;
margin:3px 0 0;
width:16px;
}
ol.cf-ol li.cf-box-group {
padding:0 0 12px;
}
span.reqtxt, span.emailreqtxt {
color:#555;
display:block;
font-size:9px;
height:13px;
line-height:13px;
margin:0 0 10px;
text-align:left;
vertical-align:top;
width:421px;
}
.cform textarea.fldemail, .cform textarea.fldrequired, .cform input.fldemail, .cform input.fldrequired {
margin:0;
}
p.cf-sb {
margin:0;
padding:0 !important;
text-align:right;
}
.cform input.backbutton, .cform input.resetbutton, .cform input.sendbutton {
background:url("images/button-bg.gif") repeat-x scroll 0 0 transparent;
border-color:#ECECEC #ADADAD #ADADAD #ECECEC !important;
border-right:1px solid #ADADAD !important;
border-style:solid !important;
border-width:1px !important;
font-size:0.8em;
margin:5px 10px 10px 0;
padding:5px;
width:125px;
cursor:pointer;
}
.cform input.resetbutton {
padding:5px 1em;
width:auto;
}
.cform input.backbutton {
padding:5px 1em;
width:auto;
}
ol.cf-ol li.cf_li_err {
background:url("li-err-bg.png") repeat scroll 0 0 #FFDFDF !important;
border-color:#DF7D7D;
border-style:solid;
border-width:1px 0;
margin:5px 0 !important;
padding:5px 10px !important;
}
ol.cf-ol li ul.cf_li_text_err {
color:#333333;
display:inline-block;
margin:0;
padding:0 0 0 10px;
}
ol.cf-ol ul.cf_li_text_err li {
background:url("icon-alert.png") no-repeat scroll left 1px transparent !important;
font-weight:bold;
list-style:none outside none !important;
margin:0 0 2px !important;
padding-left:15px;
text-indent:0;
}
ol.cf-ol ul.cf_li_text_err li:before {
content:"";
}
label.seccap {
margin-top:6px;
}
label.secq {
display:inline-block;
padding:2px 4px 2px 2px;
width:auto;
}
label.secq span {
display:block !important;
width:auto;
}
input.secinput {
vertical-align:text-bottom;
}
#cforms_captcha6, #cforms_captcha5, #cforms_captcha4, #cforms_captcha3, #cforms_captcha2, #cforms_captcha {
height:15px;
margin:0 0 8px;
padding:4px;
vertical-align:text-bottom;
width:196px;
}
img.captcha {
border:medium none !important;
float:none !important;
margin:0 0 8px 10px !important;
padding:0 !important;
vertical-align:text-bottom;
}
img.captcha-reset {
background:url("captcha_reset_grey.gif") no-repeat scroll 0 0 transparent;
border:medium none !important;
height:21px;
margin:0 0 10px 3px;
vertical-align:text-bottom;
width:21px;
}
img.imgcalendar {
border:medium none !important;
}
div.cf_info {
color:#333333;
display:none;
line-height:1.3em;
margin:10px auto;
padding:10px 15px !important;
width:420px;
}
div.cf_info ol {
margin:0;
padding:5px 15px 0 30px;
}
div.cf_info ol li {
margin:2px 0;
padding:1px 0;
}
div.cf_info a {
color:red !important;
text-decoration:underline !important;
}
div.success {
background:none repeat scroll 0 50% #F9F9F9;
border:1px solid #BA1818;
color:#777777;
display:block;
}
div.failure {
background:url("li-err-bg.png") repeat scroll 0 0 #FFDFDF !important;
border-color:#DF7D7D;
border-style:solid;
border-width:1px 0;
display:block;
}
div.waiting {
background:none repeat scroll 0 50% #F9F9F9;
color:#AAAAAA;
display:block;
}
.cform .cf_error {
border:1px solid #AD2929;
color:#AD2929;
}
div.mailerr {
display:block;
}
.mailerr, .cform .cf_errortxt {
color:#AD2929;
}
[disabled] {
background:none repeat scroll 0 0 transparent !important;
border-color:#DDDDDD !important;
color:#DDDDDD;
}
.disabled {
border-color:#DDDDDD !important;
}
.cform input.cf_upload {
background:none repeat scroll 0 0 #F9F9F9;
border:1px solid #888888;
width:220px;
}
.linklove {
display:none;
}
.linklove a, .linklove a:visited {
color:#AAAAAA !important;
font-family:Tahoma;
font-size:0.8em;
}
* html .cform legend {
left:10px;
margin-left:0;
position:absolute;
top:-10px;
}
* html .cform fieldset {
margin-top:15px;
padding-top:25px;
position:relative;
}
* html ol.cf-ol {
display:inline-block;
}
* html img.captcha {
margin-bottom:9px !important;
}
* + html img.captcha {
margin-bottom:9px !important;
}
