/*
	Basics
------------------------------*/
.cj_form_wrapper { position: relative; color: #777; }
.cj_form_wrapper .cj_form_group { position: relative; display: block; width: 100%; height: auto; clear: both; }
.cj_form_wrapper .cj_form_group .cj_form_row { display: block; width: 100%; height: auto; }
.cj_form_wrapper .cj_form_group .cj_form_row .cj_form_padder { padding: 2px 0; margin: 0 0 10px 0; }
.cj_form_wrapper .cj_form_rowOptions { display: block; width: 100%; height: auto; float: none; clear: both; }
.cj_form_wrapper .cj_form_rowOptions .cj_form_padder { padding: 2px 0; margin: 0 0 10px 0; }
.cj_form_wrapper form ul { margin: 0; padding: 0; list-style-type: none; width: 100%; }
.cj_form_wrapper form li { display: block; margin: 0; padding: 0; clear: both; }
/*
	Fields & Inputs
------------------------------*/
.cj_form_wrapper .cj_form_cell { position: relative; display: block; width: 60%; height: auto; min-height: 24px; float: left; }
.cj_form_wrapper .cj_form_cell .input_field { width: 100%; }
.cj_form_wrapper .cj_form_cell .input_file { width: 100%; }
.cj_form_wrapper .cj_form_cell .input_text { width: 100%; }
.cj_form_wrapper .cj_form_cell .input_textarea { width: 100%; max-width: 100%; min-width: 100%; height: auto; margin-bottom: 4px; }
.cj_form_wrapper .cj_form_cell .input_select { width: 100%;  height: 26px; line-height: 26px; }
.cj_form_wrapper .cj_form_cell .input_select_small { width: 32%; margin-right: 1%; }
.cj_form_wrapper .cj_form_cell .input_select_medium { width: 48%; }
.cj_form_wrapper .cj_form_cell .input_date { width: 120px; }
/*
	file upload styling
------------------------------*/
.cj_form_wrapper .cj_form_cell .input_checkbox,
.cj_form_wrapper .cj_form_cell .input_radio {  }
.cj_form_wrapper .cj_form_cell .input_file_wrapper { position: relative; }
.cj_form_wrapper .cj_form_cell .input_file { width: 100%; }
.cj_form_wrapper .cj_form_cell .input_file_div { position: absolute; top: 0px; left: 0px; }
.cj_form_wrapper .cj_form_cell .input_file_fake { float: left; height: 22px; margin: 2px 0 0; padding: 0; z-index: 1; }
.cj_form_wrapper .formFileUpload { position: relative; }
.cj_form_wrapper .formFileUpload .formUploadField { position: relative; display: block; width: 100%; height: auto; margin: 5px 0; }
.cj_form_wrapper .formFileUpload .formUploadField .input_file { position: relative; text-align: right; width: 329px; z-index: 10; border: 0; padding: 2px 0; margin: 0; cursor: pointer; }
.cj_form_wrapper .formFileUpload .formUploadButtons { text-align: right; }
.cj_form_wrapper .formFileUpload .fakefile { position: absolute; top: 0px; left: 0px; z-index: 1; }
.cj_form_wrapper .formFileUpload .fields img { position: absolute; top: 0px; left: 0px; z-index: 1; }
.cj_form_wrapper .formFileUpload #uploadFakeFile { position: absolute; top: 3px; left: 0px; width: 237px; height: auto; z-index: 3; margin: 0; border-top: 1px solid #fff; padding: 1px 0; }
.cj_form_wrapper .formFileUpload #inputfile { position: relative; text-align: right; width: 329px; z-index: 10; border: 0; padding: 2px 0; margin: 0; cursor: pointer; }
/*
	Labels
------------------------------*/
.cj_form_wrapper .required { margin-left: 0px; font-weight: bold !important; color: #777; }
.cj_form_wrapper .cj_form_group .cj_form_row label.cj_form_row_title { display: block; width: 100%; height: auto; color: #000; font-weight: normal; margin-bottom: 2px; }
.cj_form_wrapper label.required { color: #222; font-weight: bold !important; }
.cj_form_wrapper label.required:after { content: " *"; }
.cj_form_wrapper .cj_form_group label.cj_form_cell_desc { display: block; width: 35%; height: auto; float: left; color: #777; font-weight: bold; font-style: italic; margin-top: 1px; line-height: 160% !important; margin-left: 4%; }
.cj_form_wrapper .cj_form_group label.cj_form_cell_desc small { color: #777; font-size: 60%; }
.cj_form_wrapper .addBottomGap { margin-bottom: 15px; }
/*
	Special field & input types
------------------------------*/
.cj_form_wrapper .cj_form_cell .input_hour { width: 17%; }
.cj_form_wrapper .cj_form_cell .input_minute { width: 17%; }
.cj_form_wrapper .cj_form_cell .input_zone { width: 19%; }
.cj_form_wrapper .cj_form_cell .input_color { width: 90%; }
.cj_form_wrapper .cj_form_cell .btn_color_wheel { border: 0; margin: 0; padding: 0; width: 22px; white-space: nowrap; background: none; cursor: pointer; float: right; }
.cj_form_wrapper .cj_form_cell .btn_color_wheel span.icon { display: block; width: 16px; height: 22px; background: url(../images/btn_color_wheel.png) no-repeat right center; }
.cj_form_wrapper .cj_form_cell .btn_color_wheel span.icon span.text { display: none; }
.cj_form_wrapper .cj_form_cell #FarbtasticColorPicker { position: absolute; bottom: 0; right: 0; display: block; }
.cj_form_wrapper .cj_form_groupSpecial { position: relative; display: block; width: 60%; height: auto; float: left; }
.cj_form_wrapper .cj_form_groupSpecial .cj_form_cell { position: relative; display: block; width: 100%; height: auto; float: none !important; }
.cj_form_wrapper .cj_form_groupSpecial .cj_form_row label.cj_form_cell_desc { width: auto; float: none; }
.cj_form_wrapper .cj_form_groupSpecialDesc label.cj_form_cell_desc { margin-top: 24px; }
.cj_form_wrapper .cj_form_group .formHeader { display: block; width: 100%; height: auto;  }
.cj_form_wrapper .cj_form_group .formHeader .cj_form_padder { padding: 2px 0; margin: 0 0 10px 0; }
/*
	Row styles
------------------------------*/
.cj_form_wrapper .half { display: block; width: 47%; height: auto; float: left; clear: none; }
.cj_form_wrapper .third { display: block; width: 29%; height: auto; float: left; clear: none; }
.cj_form_wrapper .small { display: block; width: 17%; height: auto; float: left; clear: none; }
.cj_form_wrapper .cj_row_gutter { margin-right: 6% !important; }
.cj_form_wrapper .clearer { display: block; width: 100%; height: 1px; float: none; clear: both; }
.cj_form_wrapper .hidden { visibility: hidden; }
.cj_form_wrapper .fileThumb { display: block; width: 50px; height: 50px; background: #f6f6f6; text-align: center; overflow: hidden; }
.cj_form_wrapper .fileDesc { display: block; width: 100%; height: auto; color: #444; font-weight: bold; margin-top: 3px; margin-bottom: 7px; }
/*
	Animated timer
------------------------------*/
.cj_form_wrapper .timer input { float: left; margin-right: 5px; }
.cj_form_wrapper .timer .aniWrapper { display: none; width: 22px; height: 22px; float: left; text-align: right; }
.cj_form_wrapper .timer .aniWrapper img { margin-top: 2px; }
/*
	Errors
------------------------------*/
.cj_form_wrapper .cj_form_group .error .cj_form_padder { }
.cj_form_wrapper .cj_form_group .error label.cj_form_row_title { color: #c60707; }
.cj_form_wrapper .cj_form_group .error label.cj_form_cell_desc,
.cj_form_wrapper .cj_form_group .error label.cj_form_cell_desc small { color: #df7d7d; }
.cj_form_wrapper .cj_form_group .error span.required { color: #c60707; }
.cj_form_wrapper .cj_form_group .error input,
.cj_form_wrapper .cj_form_group .error select,
.cj_form_wrapper .cj_form_group .error textarea { background: #ffebeb; border-color: #df7d7d; }
.cj_form_wrapper .cj_form_group .formError { display: block; width: 100%; height: auto; color: #df7d7d; background: #fef8f6 url(../images/ui-bg_inset-soft_95_fef1ec_50x100.png) repeat-x 50% top !important; border: 1px solid #df7d7d; margin-bottom: 10px; }
.cj_form_wrapper .cj_form_group .formError .cj_form_padder { padding: 2px 0; margin: 0 0 10px 0; }
.cj_form_wrapper .cj_form_group .formError h3 { padding-left: 20px; background: url(../images/icon-error.png) left center no-repeat; }
/* 
	special cases
------------------------------*/
.cj_form_search .cj_form_row_title { width: 100%; text-align: left; float: none; }
.cj_form_search .cj_form_row { width: 100%; float: none; margin: 0; padding: 0; }
.cj_form_search .cj_form_cell { width: 100%; float: none; margin: 0; padding: 0; }
.cj_form_search .cj_form_padder { float: none; margin: 0 !important; padding: 0 !important; }
.cj_form_search .cj_form_cell .input_select { width: 100%;  height: 20px; line-height: 20px; }
.cj_form_search .cj_form_rowOptions { margin-top: 5px; text-align: right; }