/* 
	link buttons
------------------------------*/
button.linkButton,
a:link.linkButton,
a:visited.linkButton { float: left; display: block; min-width: 100px; height: 30px; line-height: 28px; font-size: 11px !important; color: #fff !important; background: #097cc3 url(../images/bg_course_filler_over2.jpg) repeat-x center center; text-decoration: none; border: 1px solid #508eb4; padding: 0 10px; margin: 0 !important; white-space: nowrap; text-align: center !important; }
button.linkButtonHover,
button.linkButton:hover,
a:hover.linkButton,
a:active.linkButton { background: #097cc3 url(../images/bg_button2_hover.png); }
a.linkButton { float: none; height: 27px !important; }
.right button.linkButton,
.right a:link.linkButton,
.right a:visited.linkButton { float: right; }
button.off,
a:link.off,
a:visited.off { background-image: none; }
.buttonCenter { display: inline !important; width: 100px; float: none !important; clear: both !important: margin: 0 auto !important; }
.buttonRight { float: right !important; }
.linkGutter { display: block; width: 5px; height: 30px; float: right; clear: none; }
button.gutter { margin-right: 10px !important; }
/* 
	Panels
------------------------------*/
#QuformsPanel { display: block; width: 100%; height: auto; min-height: 100px; background: #eee url(../images/bg_big_white_blend.png) repeat-x top center; }
#QuformsPanel .formPadder { padding: 10px 0; }
/*
	quform class
------------------------------*/
.QuformsContainer { position: relative; font-size: 100%; color: #3f506e; padding: 10px 15px; background-color: #eaf0f5; border: 1px solid #ccc; }
.QuformsContainer h3 { font-size: 120% !important; }
.QuformsContainer h4 { font-size: 110% !important; margin: 0; padding: 10px 0 0 0; }
.QuformsContainer div { margin: 0; padding: 0; border: 0 }
.QuformsContainer .formGroup { position: relative; display: block; width: 100%; height: auto; line-height: 130%; font-size: 12px; margin: 0; padding: 0; float: none; }
.QuformsContainer .formGroup .formRow { display: block; width: 100%; height: auto; }
.QuformsContainer .formGroup .formRow .formPadder { padding: 2px 5px; margin: 0; }
.QuformsContainer .formGroup .formRow br { display: none; }
.QuformsContainer .formGroup .formRow br.break { display: block; }
.QuformsContainer form ul { margin: 0; padding: 0; list-style-type: none; width: 100%; }
.QuformsContainer form li { display: block; margin: 0; padding: 0; }
/* 
	The bottom button area
------------------------------*/
.QuformsContainer .formRowOptions { display: block; width: 100%; height: auto; float: none; margin: 30px 0 10px; }
.QuformsContainer .formRowOptions .formPadder { padding: 0; margin: 0; }
.QuformsContainer .formRowOptions .linkButton,
.QuformsContainer .formRowOptions .linkButtonR { margin: 0 0 0 4px; float: right !important; }
.availtest .gutter { margin-right: 10px !important; }
.QuformsContainer .formRowOptions .half { display: block; width: 50%; height: auto; float: left; clear: none; }
.QuformsContainer .formRowOptions label.title { display: block; width: 50%; height: auto; line-height: 24px; color: #3f506e; font-size: 90% !important; font-weight: normal; margin-bottom: 2px; font-style: normal; float: left; }
.QuformsContainer .formRowOptions .formCell { display: block; width: 50%; height: auto; float: left; clear: right; text-align: right; }
/* 
	Fields & Inputs
------------------------------*/
.QuformsContainer .formCell { position: relative; display: block; width: 60%; height: auto; min-height: 24px; float: left; }
.QuformsContainer .formCell .input_field { width: 100%; color: #000; background: #fff; font-size: 110%; }
.QuformsContainer .formCell .input_file { width: 100%; color: #000; background: #f6f6f6; font-size: 110%; }
.QuformsContainer .formCell .input_text { width: 100%; background: #fff; font-size: 110%; }
.QuformsContainer .formCell .input_textarea { width: 100%; max-width: 100%; min-width: 100%; height: auto; margin-bottom: 4px; background: #fff; font-size: 110%; }
.QuformsContainer .formCell .input_select { width: 100%; border-color: #aaa; background: #fff; font-size: 110%; }
.QuformsContainer .formCell .input_select_small { width: 32%; border-color: #aaa; background: #fff; font-size: 110%; margin-right: 1%; }
.QuformsContainer .formCell .input_select_medium { width: 48%; border-color: #aaa; background: #fff; font-size: 110%; }
.QuformsContainer .formCell .input_date { width: 120px; background: #fff; font-size: 110%; }
.QuformsContainer .formCell .input_checkbox,
.QuformsContainer .formCell .input_radio { border-color: #aaa; background: #f6f6f6; font-size: 110%; }

/* file upload styling
------------------------------*/
.QuformsContainer .formCell .input_file_wrapper { position: relative; }
.QuformsContainer .formCell .input_file { width: 100%; }
.QuformsContainer .formCell .input_file_div { position: absolute; top: 0px; left: 0px; }
.QuformsContainer .formCell .input_file_fake { float: left; height: 22px; font-size: 110%; margin: 2px 0 0; padding: 0; z-index: 1; }
/* 
	Labels
------------------------------*/
.QuformsContainer label.title { display: block; width: 100%; height: auto; color: #3f506e; font-size: 120%; font-weight: normal; margin-bottom: 2px; }
.QuformsContainer label.required { color: #3f506e; font-weight: bold; }
.QuformsContainer label.required:after { content: " *"; }
.QuformsContainer label.desc { display: block; width: 35%; height: auto; float: left; font-weight: bold; font-style: italic; margin-top: 5px; line-height: 110% !important; margin-left: 4%; }
.QuformsContainer label.desc small { font-size: 82%; color: #aaa; }
.QuformsContainer .addBottomGap { margin-bottom: 15px; }
.QuformsContainer .formRowOptions label.required:after { content: ""; }
.QuformsContainer .formRowOptions label.required:before { content: "* "; }
.QuformsContainer .formCell ul { display: block; width: 100%; height: auto; margin: 0; padding: 2px 0 0; list-style: none; }
.QuformsContainer .formCell ul li { display: block; width: 100%; height: auto; margin: 0; padding: 0; list-style: none; }
.QuformsContainer .formCell label { display: inline; }
/* 
	Special field & input types
------------------------------*/
.QuformsContainer .formCell .input_hour { width: 17%; }
.QuformsContainer .formCell .input_minute { width: 17%; }
.QuformsContainer .formCell .input_zone { width: 19%; }
.QuformsContainer .formCell .input_color { width: 90%; }
.QuformsContainer .formCell .btn_color_wheel { border: 0; margin: 0; padding: 0; width: 22px; white-space: nowrap; background: none; cursor: pointer; float: right; }
.QuformsContainer .formCell .btn_color_wheel span.icon { display: block; width: 16px; height: 22px; background: url(../images/btn_color_wheel.png) no-repeat right center; }
.QuformsContainer .formCell .btn_color_wheel span.icon span.text { display: none; }
.QuformsContainer .formCell #FarbtasticColorPicker { position: absolute; bottom: 0; right: 0; display: block; }
.QuformsContainer .formSpecial { display: block; width: 100%; height: auto; float: none; }
.QuformsContainer .formSpecial .formCell { width: 100%; float: left; }
.QuformsContainer .formSpecial .fname { width: 38%; margin-right: 4%; }
.QuformsContainer .formSpecial .mname { width: 10%; margin-right: 4%; }
.QuformsContainer .formSpecial .lname { width: 43%; }
.QuformsContainer .formSpecial .third { width: 31% !important; margin-right: 2%; }
.QuformsContainer .formSpecial .thirdEnd { width: 33%; }
.QuformsContainer .formGroup .left .formPadder { margin-right: 10px; }
.QuformsContainer .formGroup .right .formPadder { margin-left: 10px; }
.QuformsContainer .formGroupSpecial { position: relative; display: block; width: 60%; height: auto; float: left; }
.QuformsContainer .formGroupSpecial .formCell { position: relative; display: block; width: 100%; height: auto; float: none !important; }
.QuformsContainer .formGroupSpecial .formRow label.desc { width: auto; float: none; }
.QuformsContainer .formGroupSpecialDesc label.desc { margin-top: 24px; }
.QuformsContainer .formGroup .formHeader { display: block; width: 100%; height: auto; font-size: 120% !important; }
.QuformsContainer .formGroup .formHeader .formPadder { padding: 2px 0; margin: 0 0 10px 0; }
/* 
	Row styles
------------------------------*/
.QuformsContainer .formGroup .half { display: block; width: 50%; height: auto; float: left; clear: none; }
.QuformsContainer .formGroup .third { display: block; width: 33%; height: auto; float: left; clear: none; }
.QuformsContainer .formGroup .small { display: block; width: 17%; height: auto; float: left; clear: none; }
.QuformsContainer .formClearer { display: block; width: 100%; height: 0; float: none; margin: 0; padding: 0; }
.QuformsContainer .hidden { visibility: hidden; }
.QuformsContainer .fileThumb { display: block; width: 50px; height: 50px; background: #fff8e6; text-align: center; overflow: hidden; }
.QuformsContainer .fileDesc { display: block; width: 100%; height: auto; color: #aaa; font-size: 9px; font-weight: bold; margin-top: 3px; margin-bottom: 7px; }
/* 
	Animated timer
------------------------------*/
.QuformsContainer .timer input { float: left; margin-right: 5px; }
.QuformsContainer .timer .aniWrapper { display: none; width: 22px; height: 22px; float: left; text-align: right; }
.QuformsContainer .timer .aniWrapper img { margin-top: 2px; }
/* 
	Errors Message
------------------------------*/
.formMsgGroup .formError { display: block; width: 100%; height: auto; background: #fef1ec url(../images/ui-bg_inset-soft_95_fef1ec_1x100.png); border-top: 1px solid #cd0a0a; border-bottom: 1px solid #cd0a0a; margin-bottom: 10px; }
.formMsgGroup .formError .formPadder { padding: 2px 20px !important; margin: 0 0 10px 0 !important; }
.formMsgGroup .formError h3 { padding-left: 20px; font-size: 140%; background: url(../images/ui-bg_inset-soft_95_fef1ec_1x100.png) left center no-repeat; }
.formMsgGroup .formError p,
.formMsgGroup .formError li,
.formMsgGroup .formError { color: #c60707 !important; line-height: 110% }
.formMsgGroup .formError li small { color: #777; }
.formMsgGroup .formError li { padding-bottom: 5px; }
/* 
	Errors Fields
------------------------------*/
.QuformsContainer .formGroup .error .formPadder { color: #cd0a0a; background: #fef1ec url(../images/ui-bg_inset-soft_95_fef1ec_1x100.png) !important; border-top: 1px solid #cd0a0a; border-bottom: 1px solid #cd0a0a; }
.QuformsContainer .formGroup .error label.title { color: #cd0a0a; font-weight: normal; }
.QuformsContainer .formGroup .error label.desc,
.QuformsContainer .formGroup .error label.desc small { color: #cd0a0a; }
.QuformsContainer .formGroup .error span.required { color: #cd0a0a; }
.QuformsContainer .formGroup .error .input_field { background: #fff; }
.QuformsContainer .formGroup .error .input_text { background: #fff; }
.QuformsContainer .formGroup .error .input_textarea { background: #fff; }
.QuformsContainer .formGroup .error .input_select { background: #fff; }
.QuformsContainer .formGroup .error .input_select_small { background: #fff; }
.QuformsContainer .formGroup .error .input_select_medium { background: #fff; }
.QuformsContainer .formGroup .error .input_date { background: #fff; }
.QuformsContainer .formGroup .error .input_checkbox,
.QuformsContainer .formGroup .error .input_radio { background: #fff; }
/*
	Alerts
------------------------------*/
.formMsgGroup .formAlert { background: #ffffe4 url(../images/icon_alert.png) no-repeat 8px 5px; border: 1px solid #508eb4; margin-bottom: 15px; }
.formMsgGroup .formAlert p { padding: 5px 10px 5px 30px !important; margin: 2px 0 !important; color: #444 !important; }
/*-----------------------------------------------------

	QuMini Version (used for sidebards, etc.)
	
-----------------------------------------------------*/
/* 
	Fields & Inputs
------------------------------*/
.QuMini .formCell { width: 100%; height: auto; float: none; }
.QuMini .formGroup .formRow .formPadder { padding: 1px 0; margin: 0 0 5px 0; }
/* 
	Labels
------------------------------*/
.QuMini .formGroup .formRow label.title { font-size: 100%; color: #aaa; margin-bottom: 0px; }