html { }
html, body { color: #666666; margin: 0px; background-color:#FFF; overflow-x: hidden; }
body { padding: 10px; }
body, td, input, select, textarea { font: 9pt/22px Arial, Tahoma, "宋体"; }
ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, p { margin: 0px; padding: 0px; }
table { border:0; border-collapse:separate; border-spacing:0; border-collapse:collapse;}

.form-container{}

.form-header { font-size: 10.5pt; font-weight: bold; color: #036; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #B5C9DD; padding-bottom: 5px; margin-bottom: 10px; width: 100%; table-layout:fixed; overflow: hidden; zoom: 1; position:relative;}
.form-header span { position:absolute; top:0px; right:0px; font-size: 9pt; font-weight: normal; color: #999;}

.form-body { border: 1px solid #B5C9DD; margin: 0; }
.form-body td, .form-body th { padding: 5px; vertical-align: top; }
.form-body td { border-bottom: 1px solid #eee; padding: 5px; }
.form-body .form-label { font-weight: bold; color: #000; text-align: right; white-space: nowrap; padding-left: 20px; vertical-align:top; padding-top:8px; }
.form-body .form-label-value { text-align:left; padding-left: 5px; font-weight:normal;color: #666666;}
.form-body p { text-align: justify; text-justify:inter-ideograph; text-indent: 2em; margin-bottom: 0.75em; line-height: 1.75em; }
.form-body li { list-style: none; }
.form-body em { font-style: normal; color: #CCCCCC; }
.form-body strong { color: #000000; }
.form-body img { border: 0px none #FFFFFF; background-color: #FFFFFF; }
.form-body hr { border-bottom: 1px solid #f5f5f5; border-top-style: none; border-right-style: none; border-left-style: none; height: 1px; }
.form-body a { color: #1F376D; text-decoration: none; }
.form-body a:hover, .form-body a:hover strong { color: #E35000; text-decoration: underline; }
.form-body .form-body-submitrow td { background-color: #c6d4e4; border-top: 1px solid #B5C9DD; border-bottom: 0; padding-top: 15px; padding-bottom: 15px; }
.form-body .form-body-submitrow td select { border-color: #4D889F; }

.form-body-noborder {border:none}
.form-body-noborder td { border-bottom: none; }

.form-footer{ margin-top:10px; padding-top:10px; border-top:solid 1px #B5C9DD;}

.form-label-submit-err {color:Red;}

.form-button { cursor: pointer; height: 30px; color: #4d889f; background: url(ui/frame_button.png) no-repeat 0px 0px; border:0; width: 100px; font-weight: bold; font-size: 10.5pt; outline:none; }
.form-button:hover { background-position: 0px -30px; color: #255067; }
.form-button:focus { background-position: 0px -60px; }
.form-button:active { background-position: 1px -59px; }

.form-button-middle, .form-button-middle:hover, .form-button-middle:focus { background-position:-100px 0px; width: 150px; }
.form-button-middle:hover { background-position: -99px -30px;}
.form-button-middle:focus { background-position: -99px -60px; }
.form-button-middle:active { background-position: -99px -59px; }
.form-button-wide, .form-button-wide:hover, .form-button-wide:focus { background-position-x: -250px; width: 200px; }
.form-button-wide:active { background-position-x: -249px; }
.form-button-submit { background-position-y: -120px; color: #2d5f21; }
.form-button-submit:hover { background-position-y: -150px; color: #224b07; }
.form-button-submit:focus { background-position-y: -180px; }
.form-button-submit:active { background-position-y: -179px; }


.form-input { border: 1px solid #D3D3D3; line-height: 16px; height: 16px; padding: 3px; background: #FFFFFF url(ui/control_input_bg.png) repeat-x 0px 0px; vertical-align: middle; }
.form-input:focus, .form-input-focus { border-color:#51BEE5; outline:none; position: relative; }
.form-input-disabled { color: #999; background-color: #f5f5f5; }
.form-input-readonly { color: #000; background-color: #f5f5f5; }

.form-chkbox { overflow: hidden; zoom: 1; margin-bottom: 3px; display: block; margin-top:3px;}
.form-chkbox input{ vertical-align: -1px; outline: none; cursor: pointer;}
.form-chkbox label{ cursor: pointer; padding-left:3px;}

div.form-datetimepicker {width:168px; float:left}
div.form-datetimepicker div.date{width:100px; border:solid 1px #D3D3D3; padding:0px; margin:0px;background: #FFFFFF url(ui/control_input_bg.png) repeat-x 0px 0px;}
div.form-datetimepicker div.date input{width:97px; border:none; background-color:Transparent; vertical-align:middle; border:none; line-height:14px;padding:0px; margin:0px; padding-top:3px; padding-left:3px;}

.single-setting-form .form-col1 {width:100px}
.single-setting-form .form-input, .single-setting-form .select, .single-setting-form .textarea { width: 220px; }
.single-setting-form .form-footer { padding-left:130px;}

.msg-form .form-body {background-color:#ffffcc;width:500px;}
.msg-form .form-body td {text-align:center;}
.msg-form .form-footer {}
.msg-form a,.msg-form a:visited {color:Red; font-weight:bold;}

.col4-setting-form .form-input, .col4-setting-form .select, .col4-setting-form .textarea { width: 220px; }
.col4-setting-form .form-col1 {width:100px}
.col4-setting-form .form-col2 {width:220px}
.col4-setting-form .form-col3 {width:100px}
.col4-setting-form .form-col4 {width:220px}
.col4-setting-form .form-footer { padding-left:130px;}