/** FORMS **/

div.list-forms 	{ margin: 10px 0;  }
.list-form p 	{ padding: 10px 0;  }

input,
textarea,
select 	{ border: 1px solid #999; font-size: 13px; padding: 2px; }


input[type="checkbox"],
input[type="radio"] { border: none !important; }
input.no-border,
textarea.no-border,
select.no-border { border: none !important; }

input:focus,
textarea:focus 	{ border: 1px solid #333; }

label.disabled { color: #999; }

input.search.disabled,
input.kdatepicker.disabled { background-color: #d4d0c8; border-color: #999; }

/** FORM FIELDS **/
form .field,
form .opt 						{ clear: left; margin: 0 0 5px 0; }
form .field .field-input 		{ float: left; margin: 0 0 5px 0; }
form .field input,
form .field textarea,
form .field select 				{ width: 300px; }
form .field .field-input span,
form .opt span 					{ color: #999; display: block; line-height: 16px; width: 350px; }
form .opt span					{ padding: 0 0 0 5px;  }
form .field .field-input .mceEditor span  	{ width: auto;  }

/** FORM OPTIONS **/
form .opt 	{ padding: 0 0 0 120px;  }
form .opt label 	{ display: block; padding: 5px; }
form .opt input 	{ margin: 0 2px 0 0; width: auto; }

/** FORM COMMON **/
form.columns,
.form.columns,
form.rows,
.form.rows 			{ background-color: #eee; padding: 5px 5px 5px 5px; margin: 0 0 10px 0; width: 550px; }
form.columns h2,
.form.columns h2,
form.rows h2,
.form.rows h2 		{ color: #333; font-weight: bold; border-bottom: 1px solid #ddd; font-size: 14px; padding: 0px 5px 10px 5px; margin: 5px 0; }

/** COLOR PICKER **/
form .field div.color-picker-preview 	{ border: 1px solid #999; border-right: none; display: block; float: left; width: 20px; height: 20px; }
form .field div.color-picker-wheel 		{ background: transparent url(../img/icon/color_wheel.png) 0px 0px no-repeat; float: left; margin: 3px; width: 16px; height: 16px;  }

/** FORM in columns **/
form.columns,
.form.columns 				{}
form.columns h2,
.form.columns h2 			{}
form.columns .buttons,
.form.columns .buttons 		{ padding: 0 0 0 0; }
form.columns fieldset,
.form.columns fieldset 		{ padding: 0 0px; margin: 0 0 10px 0; }
form.columns p,
.form.columns p 			{ padding: 10px 5px; }
form.columns .field label,
.form.columns .field label 	{ float: left; padding: 3px 10px 5px 5px; text-align: right; width: 110px; }
form.columns .field label em,
.form.columns .field label em { color: #c00; }
form.columns .field input,
.form.columns .field input,
form.columns .field textarea,
.form.columns .field textarea,
form.columns .field select,
.form.columns .field select { margin: 0 0 3px 0; }
form.columns .field input.multi,
.form.columns .field input.multi { float: left; margin: 3px; width: auto; }

form.columns .field label.multi,
.form.columns .field label.multi 	{ float:none; display: block; width: auto; text-align: left; }
form.columns .field label.multi input,
.form.columns .field label.multi input	{ width: auto; }

/** FORM in rows **/
form.rows,
.form.rows {  }

form.rows .field label,
.form.rows .field label 		{ padding: 3px 10px 5px 5px; width: 110px; clear: both; }
form.rows .field .field-input,
.form.rows .field .field-input 	{ float: none; }
form.rows .field label strong,
.form.rows .field label strong { font-weight: bold; }
form.rows .field label em,
.form.rows .field label em { color: #c00; }
form.rows .field input,
.form.rows .field input,
form.rows .field textarea,
.form.rows .field textarea,
form.rows .field select,
.form.rows .field select 		{ margin: 3px 0 3px 5px; }
form.rows .field .field-input span,
.form.rows .field .field-input span { padding-left: 5px; }
form.rows .field .field-input p,
.form.rows .field .field-input p { padding: 5px 5px 0 5px; color: #333;  }

form.rows .field input.multi,
.form.rows .field input.multi { float: left; margin: 3px; width: auto; }

form.rows .field label.multi,
.form.rows .field label.multi 	{ float:none; display: block; width: auto; text-align: left; }
form.rows .field label.multi input,
.form.rows .field label.multi input	{ width: auto; }

/** FORM BUTTONS **/
.buttons 						{ padding: 0 0 0 0; }
.buttons span 					{ color: #666; display: block; padding: 6px; }
.buttons .button,
.buttons button,
.buttons a 						{ background: url(../img/bg_button.png) top left repeat-x; border: 1px solid #ccc; display: block; float: right; cursor: pointer; font-size: 13px; font-weight: bold; margin: 0 0 0 5px; padding: 4px; }
.buttons .button-group a,
.buttons .button-group button 	{ margin: 0 !important; border-left-width: 0; }
.buttons .button-group a.first,
.buttons .button-group button.first { border-left-width: 1px; }
.buttons a 						{ padding: 5px; }
.buttons button:hover,
.buttons a:hover,
.buttons button.active,
.buttons a.active 				{ background-image: url(../img/bg_button_over.png); }
.buttons button span,
.buttons a span 				{ background-position: 0% 50%; background-repeat: no-repeat; color: #333; display: block; padding: 1px 0 1px 20px; text-align: right; }
.buttons .icon-right span		{ background-position: 100% 50%; padding-right: 23px; padding-left: 0px;}
.buttons button.right,
.buttons a.right 				{ float: right; margin: 0 0 0 5px; }
.buttons button.left,
.buttons a.left 				{ float: left; margin: 0 5px 0 0; }
.buttons div.checkbox			{ padding: 7px; }
.buttons div.checkbox input		{ float: left; margin: 1px 5px 0 0; }

.buttons button.cancel,
.buttons a.cancel				{ background: none; border: none; color: #888; font-size: 12px; font-weight: normal; padding: 0; margin: 5px 5px 5px 5px; }
.buttons a.cancel span,
.buttons button.cancel span		{ background: none; border-bottom: 1px solid #c22; color: #c22; display: inline; float: none; margin: 0 0 0 2px; padding: 0; }

/** MISC **/
form.columns .field .field-input span.password em,
.form.columns .field .field-input span.password em 	{ color: #c00; }

form.columns .field table.crop-alignment td,
.form.columns .field table.crop-alignment td 		{ width: 50px; }
form.columns .field table.crop-alignment th,
.form.columns .field table.crop-alignment th 		{ text-align: center; }
form.columns .field table.crop-alignment td label,
.form.columns .field table.crop-alignment td label 	{ text-align: center; float: none; display: block; padding: 5px 0 0 0; width: 100%;}

form .headercheck,
.form .headercheck { float: right; padding: 5px 5px 0 0;}

/** bottom form **/
form.bottom 		{ margin: 10px 0 0 0; }
form.bottom label	{ color: #666; }

/** special input fields **/
input.kdatepicker { background: #fff url(../img/icon/calendar.png) 2px 2px no-repeat; padding-left: 20px; }