body, td { font-size: 12px; font-family: "ËÎÌå" , "Arial"; }
/* paginator */
.paginator { font: 12px Arial, Helvetica, sans-serif; padding: 10px 20px 10px 0; margin: 0px; }
.paginator a { padding: 1px 6px; border: solid 1px #ddd; background: #fff; text-decoration: none; margin-right: 2px; }
.paginator a:visited { padding: 1px 6px; border: solid 1px #ddd; background: #fff; text-decoration: none; }
.paginator .cpb { padding: 1px 6px; font-weight: bold; font-size: 13px; border: none; }
.paginator a:hover { color: #fff; background: #ffa501; border-color: #ffa501; text-decoration: none; }
/* validation */
input.error, select.error, textarea.error { border: 1px solid red; background-color: #FFFFD5; margin: 0px; color: red; }
label.error { background: url("/images/common/validate_unchecked.gif") no-repeat 3px 0px; padding-left: 19px; color: red; }
label.success { background: url("/images/common/validate_checked.gif") no-repeat 3px 0px; padding-left: 19px; }
label.error.success { color: black; }
.scrollable { position: relative; overflow: hidden; width: 98%; height: 120px; border: 1px solid #ccc; background: url(/images/common/h300.png) repeat-x; }
.scrollable .items { width: 20000em; position: absolute; clear: both; }
.scrollable img { float: left; margin: 20px 5px 20px 21px; background-color: #fff; padding: 2px; border: 1px solid #ccc; cursor: pointer; width: 100px; height: 75px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
.scrollable .active { border: 2px solid #000; z-index: 9999; position: relative; }
a.browse { background: url(/images/common/scrollable/arrow/hori_large.png) no-repeat; display: block; width: 30px; height: 30px; float: left; margin: 40px 10px; cursor: pointer; font-size: 1px; }
a.right { background-position: 0 -30px; clear: right; margin-right: 0px; }
a.right:hover { background-position: -30px -30px; }
a.right:active { background-position: -60px -30px; }
a.left { margin-left: 0px; }
a.left:hover { background-position: -30px 0; }
a.left:active { background-position: -60px 0; }
a.up, a.down { background: url(/images/common/scrollable/arrow/vert_large.png) no-repeat; float: none; margin: 10px 50px; }
a.up:hover { background-position: -30px 0; }
a.up:active { background-position: -60px 0; }
a.down { background-position: 0 -30px; }
a.down:hover { background-position: -30px -30px; }
a.down:active { background-position: -60px -30px; }
a.disabled { visibility: hidden !important; }
/* gridview */
.header { font-size: 9pt; color: #15428b; background: url(/images/header.gif) #264989; }
.gridview { width: 100%; background-color: White; border-collapse: collapse; border: 1px solid #B0C9E3; }
.gridview th { font-size: 9pt; border: 1px solid #B0C9E3; padding: 2px 2px 2px 2px; text-align: center; }
.gridview td { font-size: 9pt; border: 1px solid #B0C9E3; padding: 2px 2px 2px 2px; }
.gridview caption { width: 100%; color: #1f5ca9; background-image: url(/images/caption.gif); }
.gridview_row { }
tr.over td { background: #FFFFCC; cursor: pointer; }
tr.alt td { background: #F3F8FE; cursor: pointer; }
td.treegrid_column { padding: .3em 1.5em; }
.right_center1 { float: left; width: 100%; margin-top: 10px; }
.combo { margin: 0px 0px 0px 0px; border: 1px solid #D5D5D5; border-collapse:collapse; }
.combo dl { margin-top: 0px; margin-bottom:0px; height: 100%; }
.combo dt { background-color: #EEE; border-bottom: #D5D5D5 1px solid; font-size: 13px; line-height: 120%; font-weight: bold; padding: 8px 5px; }
.combo dt .description { padding-left: 8px; font-size: 12px; color: #535353; font-weight: bold; }
.combo dd { padding: 7px 0px 5px 0px; font-size: 12px; width: 100%; margin-left: 0px; }
.combo dd span { padding-left: 0px; }
.combo .more { border-top: 1px solid #ededed; width: 100%; line-height: 35px; overflow: hidden; }
/* radio & checkbox */
.radio { vertical-align: middle; }
.radio input { vertical-align: middle; }
.checkbox { vertical-align: middle; }
.checkbox input { padding-right: 5px; vertical-align: middle; }
/* result table */
.table_result { border: solid 1px #D5D5D5; border-collapse: collapse; width: 100%; text-align: left; }
.table_result td { table-layout: fixed; font-size: 12px; padding: 7px 5px; border-collapse: collapse; border-bottom: #D5D5D5 1px solid; }
.table_result th { background-color: #EEE; border-bottom: #D5D5D5 1px solid; font-size: 13.5px; line-height: 120%; font-weight: bold; padding: 8px 5px; text-align: left; }
/* query result highlight */
.highlight { background-color: #FFFF88; font-weight: bold; font-size: 10pt; }
/* query table */
.search { border: 1px #8eb2e2 solid; padding: 0 1px 0 1px; }
.search table { width:100%; border: 1px #dbdbdb solid; border-collapse:collapse; }
.search .top { background: url('/images/common/search_top.gif') repeat-x; height: 26px; line-height: 25px; }
.search .top a { text-decoration: none; color: #004488; display: block; outline: none; }
.search .top strong { padding-left: 25px; }
.search_button { text-align: left; padding: 5px 5px 15px 5px; }
.content { }
.content caption { background: #cfdfef; font-weight: bold; line-height: 26px; }
.content th { background: #F1F6FF; /*border-bottom: 1px #dbdbdb solid; border-right: 1px #dbdbdb solid; */ font-weight: normal; line-height: 24px; padding: 2px 5px 2px 5px; }
.content td { width:50; line-height: 24px; padding: 2px 5px 2px 5px; border-bottom: 1px #dbdbdb solid; border-right: 1px #dbdbdb solid; }
.content td td { border: 0; }
.content input { height:16px; }
.content select,.content option { height:20px; }
.content .caption { width:15%; background: #F1F6FF; font-weight: normal; text-align: right; }
.content .caption em { color:Red; }
.content .info { width:35%;}
.content .single { width:20%;}
.content .info { }
.search_result { border: 1px #8eb2e2 solid; padding: 0 1px 0 1px; }
.toolbar { background: url('/images/common/toolbar_bg.gif') repeat-x; height: 27px; text-align: right; border-bottom: 1px #8eb2e2 solid; }
.toolbar ul { float: right; list-style: none; }
.toolbar li { float: left; padding: 6px 10px 6px 10px; height: 27px; background: url('/images/common/toolbar_jg.gif') no-repeat 0 5px; }
.toolbar a { text-decoration: none; color: #000; line-height: 15px; display: block; }
.toolbar a:hover { text-decoration: none; color: #004488; }