fieldset{ border:none; padding:20px 0 0; margin-bottom:20px}
legend{ font-size:14px; font-weight:bold; margin:0; padding:0}

.form-element{ padding:5px; margin-left:-5px}
.form-element label{ display:block; color:#777777; margin-bottom:5px; line-height:20px}
.form-element label img{ display:block; float:left; padding:0; margin:0}

.form-element label.inline{ display:inline; padding:0 10px 0 20px; width:auto; float:none}
.input-desc{ font-size:11px; font-style:italic; margin:2px 0 0}

.form-element p{ line-height:14px;}

.input input, .text input, .input-double input, .textarea textarea{ background:#FBFBFB; border: 1px solid #cfcfcf; box-shadow: 1px 1px 2px rgba(200, 200, 200, 0.2) inset; color: #555555; font-size: 16px; line-height: 1; margin:2px 6px 5px 0; outline: 0 none; padding: 3px; width: 550px; border-radius: 3px;}
textarea{ font-size:12px; height:200px}
.input .inline input{ width:auto}
.textarea textarea{ width:550px; height:100px; margin-top:0px !important; font-family:Arial; font-size:12px;}
.select select, .input-double select{ border: 1px solid #cfcfcf; box-shadow: 1px 1px 2px rgba(200, 200, 200, 0.2) inset; color: #555555; font-size: 16px; line-height: 1; margin:2px 6px 5px 0; outline: 0 none; width: 555px; border-radius: 3px 3px 3px 3px;}

/*.checkbox label{ display:inline; float:none;}*/
.checkbox input{ margin:0 10px -3px 0;}
 
.radio .radio_inner{ width:458px; margin-left:145px; clear:right; }
.radio .radio_inner label{ float:left; width:435px; padding-bottom:8px;}
.radio .radio_inner input{ float:left;}

.radio label{ display:inline; float:none; padding-right:10px;}

.req{ color:#c00;}

.over{ background:#e0eff6}

.formError label{ color:#c00}

input[type="text"], input[type="password"], input[type="number"], input[type="search"], input[type="email"], input[type="url"], textarea {
    -moz-box-sizing: border-box;
}

.double-input{ width:550px}
.double-input label{ width:220px; float:left}
.double-input label.offsetLabel{ margin-left:6px}
.double-input input{ width:220px}


.triple-input { width: 825px }
.triple-input label { width: 220px; float: left }
.triple-input label.offsetLabel { margin-left: 6px }
.triple-input input { width: 210px }

/* table filter */
.table-filter .form-element label{ float:none; width:100%; margin:0}
.table-filter .select select{ width: 100%}
.table-filter .input input{ width: 100%}
.table-filter .input .datepicker{ width:85px}
.table-filter .checkbox label{ display:block}
.table-filter .checkbox input{ margin:4px 0 0;}
.table-filter .textarea textarea{ width: 100%}

/* BUTTONS *******************************/
.buttons{ text-align:center}
.buttons button, .buttons a, .buttons input, input.upload-btn { background: #21779E url(../graphics/btn-overlay.png) repeat-x; border:1px solid #186c92; padding: 6px 10px; color: #fff; font-weight: normal; line-height: 1em; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; cursor: pointer; font-size:16px; margin:0 5px;  text-decoration:none}
.buttons a{ padding:8px 10px}
.buttons a img{ display:block; float:left; margin:0 5px 0 0}
.buttons button:hover, .buttons input:hover, .buttons a:hover{ background-color:#3a93bb;}

input.upload-btn { padding:3px 0}
.buttons img{ margin:0 3px -2px 0;}

.buttons .btn-approve{ background-color:#5e9733; border-color:#519600}
.buttons .btn-approve:hover{ background-color:#72b340;}

.buttons .cancel{ background-color:#c00; border-color:#a40000; font-size:14px; padding: 4px 10px;}
.buttons .cancel:hover{ background-color:#d42828;}

.buttons .preview{ background-color:#F5822B; border-color:#d86711; font-size:18px; font-weight:bold; line-height:20px}
.buttons .preview:hover{ background-color:#e88942;}

.buttons .add{ background-color:#5e9733; border-color:#519600; font-size:18px; font-weight:bold; line-height:20px}
.buttons .add:hover{ background-color:#72b340;}

#side-content .buttons{ text-align:left; margin-bottom:20px}
#side-content .buttons button, #side-content .buttons a, #side-content .buttons input, #side-content input.upload-btn{ margin-bottom:20px}
#side-content .buttons a{ display:block; float:left}

.inputBtn{ width:auto !important; border-color:#186c92 !important; color:#186c92 !important}

/*.buttons .secondary{ background-color:#0079C1; font-size:14px}
.buttons .secondary:hover{ background-color:#0067a4;}*/

input.upload-btn{ background-color:#016B41; font-size:14px}

#ie-wrapper .buttons button{ min-width:100px; overflow:visible}

.buttons input.disabled{ filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; cursor:default}

/* radio button option */
.radio-options{float:left; width:180px;}
#cell-panel .radio-options label{ width:85px; padding:0;}
.radio-options input{ margin-right:5px;}

.form-desc{ font-size:10px; margin-left:135px; color:#999}

.disabled-fields .form-element label, .disabled-fields .form-element p{ color:#b7b7b7;}

.selcted-options{ border:1px dashed #F5822A; border-width:1px 0; line-height:25px; margin-bottom:10px; color:#016C42}

.form-code textarea{ border:1px solid #ccc; width:730px; height:100px; margin-bottom:5px}

.form-title{ font-weight:bold; font-size:12px; line-height:26px; border-bottom:1px solid #ccc; margin-bottom:5px}
.form-title img{ margin-top:5px}

#app-form .form-element label{ display:block; width:260px; margin:0}
#app-form .input input{ width:265px}
#app-form .select select{ width:270px}
#tooltip{ position:absolute; border:1px solid #333; border-width:1px 2px 2px 1px; background:#fff; padding:2px 5px; color:#333; display:none; width:200px; text-align:left; line-height:16px; font-size:11px; z-index:5000}	
.discount{ width:165px; height:85px; float:right; background:url(../graphics/discount-tag.png); color:#fff; font-weight:bold; font-size:16px; margin:0 0 10px 10px; cursor:help}
.discount table{ border-collapse:collapse; height:75px; margin:0 50px 0 15px}
.discount td{ text-align:center}

#contact-form .textarea textarea{ width:400px}


.condition-input, .file-upload, .book-fields, .sub-input{ border-bottom:1px dashed #ccc; padding:0 0 8px 5px; margin-bottom:8px}
.sub-condition{ padding-left:15px !important; background:url(../graphics/sub-node.png) no-repeat left}