@import url(calendar.css);

/*

main 'top-level' form elements

*/

.cform

{

	margin: 10px auto 0;

	width: 410px;

}

.cform FIELDSET

{

	margin-top: 10px;

	padding: 5px 0 15px;

	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;

	#margin: 0px;

	padding: 0;

	list-style: none !important;

	text-align: left;

	line-height: normal;

}

/*

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: 90px;

	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: 90px;

/*must be the same as above!*/

	display: block;

	background-color: transparent;

}

LABEL.cf-before

{

	margin: 4px 10px 0 0;

}

LABEL.cf-after

{

	margin: 4px 15px 0pt 6px;

	text-align: left;

}

LABEL.cf-after SPAN

{

	width: 55px;

	display: block;

	background-color: transparent;

}

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;

	background: #F9F9F9;

	border: 1px solid #888888;

	vertical-align: top;

}

.cform INPUT:hover, .cform TEXTAREA:hover, .cform SELECT:hover

{

	background: #CEDDDF;

}

.cform INPUT:focus, .cform TEXTAREA:focus, .cform SELECT:focus

{

	background: #F3F8F8;

}

.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;

	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.backbutton, .cform INPUT.resetbutton, .cform INPUT.sendbutton

{

	width: 100px;

	padding: 5px;

	margin: 10px 0 0 5px;

	font-size: 0.8em;

	background: url(../images/button-bg.gif) repeat-x;

	border: 1px solid #ADADAD !important;

	border-left-color: #ECECEC !important;

	border-top-color: #ECECEC !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

{

	background: #FFDFDF url(li-err-bg.png) repeat !important;

	border-color: #DF7D7D;

	border-style: solid;

	border-width: 1px 0pt;

	padding: 5px 0 !important;

	margin: 5px 0 !important;

}

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;

	margin: 0;

}

IMG.captcha

{

	vertical-align: text-bottom;

	margin: 0px 0 0 10px !important;

	padding: 0 !important;

	border: 0px solid #000000 !important;

	float: none !important;

	/*+placement:shift -6px -7px;*/

	position: relative;

	left: -6px;

	top: -7px;

}

IMG.captcha-reset

{

	vertical-align: text-bottom;

	background: url(captcha_reset_grey.gif) no-repeat 5px 0px;

	margin: 0 0 2px 3px;

	width: 30px;

	height: 22px;

	border: 0px solid #000000;

	/*+placement:shift -5px -4px;*/

	position: relative;

	left: -5px;

	top: -4px;

}

IMG.imgcalendar

{

	border: none;

}

/*

change formatting of response msgs here

*/

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: #F7F7F7 none repeat scroll 0% 50%;

	color: #444444;

	display: block;

}

DIV.failure

{

	display: block;

	background: #FFDFDF url(li-err-bg.png) repeat !important;

	border-color: #DF7D7D;

	border-style: solid;

	border-width: 1px 0pt;

}

DIV.waiting

{

	background: #F9F9F9;

	color: #AAAAAA;

	display: block;

}

/*

formatting for invalid user inputs

*/

.cform .cf_error

{

	color: #AD2929;

	border: 1px solid #AD2929;

}

DIV.mailerr

{

	display: block;

}

.mailerr, .cform .cf_errortxt

{

	color: #AD2929;

}

/*

disabled fields [disabled] does not work on IE!

*/

[disabled]

{

	/*[disabled]color:#DDDDDD;*/

	/*[disabled]border-color:#DDDDDD;*/

	/*[disabled]background:none;*/

}

.disabled

{

	/*[disabled]border-color:#DDDDDD;*/

}

/*

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;

}


