*:not(.mce-ico) { font-family: Arial, Helvetica, sans-serif !important; }
body, form, table { font-size: 13px; color: #000; margin: 0px; padding: 0px; }
body {
    text-align: left;
    background: url("../imgs/header.png"), url("../imgs/gradient-white.png"), rgb(204, 204, 204), url("../imgs/gradient-white.png"), rgb(204, 204, 204), url(../imgs/background.png);
    background-repeat: repeat-x, repeat-x, repeat-x, repeat-x, repeat-x, repeat;
    background-position: 0 0, 0 17px, 0 0, 0 42px, 0 0, 0 0;
}
table { border-collapse: collapse; }
*:not(.scroll_div) > table:not(.treeview_table) th, *:not(.scroll_div) > table:not(.treeview_table):not(.ord_simple) td { padding: 3px; }
/*table:not(.treeview_table) th, table:not(.treeview_table) td { padding: 5px 10px; text-align: left; }*/
.scroll_div th, .scroll_div td, .border th, .border td { border: 1px dotted #BFC7CD; }
.scroll_div td { /*max-width: 450px;*/ word-wrap: normal; overflow: hidden; text-overflow: ellipsis; }
th { font-weight: normal; background: #BFC7CD; color: #036; }
ol { margin: 0px 0px 10px 24px; padding: 0px; }
ul { margin: 0px 0px 10px 16px; padding: 0px; list-style: square; }
li { margin: 0px; padding: 0px; }
img { border: none; }
a { text-decoration: none; color: #000; }
a:hover { text-decoration: underline; }
label { color: #09C; }
input, select, textarea { font-size: 13px; color: #000; border: 1px solid #09C; margin: 0px; }
input[type="radio"], input[type="checkbox"], input[type="image"] { background: transparent; border: none; }
textarea { overflow: auto; resize: none; }
.submit { cursor: pointer; background: #B4C91A url(../imgs/green-button.png) repeat-x top; padding: 0px 20px; text-transform: uppercase; border: 1px solid #B4C91A; height: 25px; font-weight: bold; }
.submit:hover { background-position: bottom; }
h1 { font-size: 24px; }
h2 { font-size: 20px; }
h3 { font-size: 16px; }
h4, h5, h6 { font-size: 14px; }
h1, h2, h3, h4, h5, h6 { margin: 0px 0px 5px; }
p { margin: 0px 0px 10px; }
.clear { clear: both; height: 1px; overflow: hidden; }
.clear-10 { clear: both; height: 10px; overflow: hidden; }
/* CSS3 start */
.submit, #left .plastic .body { -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px;}
#tabs li, .plastic h2, .plastic h3 { -moz-border-radius-topleft: 12px; -moz-border-radius-topright: 12px; -webkit-border-top-left-radius: 12px; -webkit-border-top-right-radius: 12px; border-top-left-radius: 12px; border-top-right-radius: 12px; }
#right .plastic .body { -moz-border-radius-bottomright: 12px; -moz-border-radius-bottomleft: 12px; -webkit-border-bottom-right-radius: 12px; -webkit-border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; border-bottom-left-radius: 12px; }
#tabs .active { text-shadow: 1px 1px #EAF2B0; }
/* CSS3 end */
#header { background: #0A6FAD url(../imgs/header.png) repeat-x; padding: 8px 20px; height: 24px;}
#header .logo { background: url(../imgs/logo.png) no-repeat; display: block; height: 24px; width: 170px; float: left; }
#header * { color: #FFF; }
#header p { margin: 0px 0px 0px 20px; display: inline; line-height: 24px; padding-left: 20px; background: url(../imgs/header-web.png) no-repeat; }
#header p + p { background-image: url(../imgs/header-user.png); padding-left: 22px; }
#header p:last-child { background-image: url(../imgs/header-exit.png); padding-left: 18px; }
#book { background: url(../imgs/book.png) no-repeat; height: 255px; width: 354px; margin: 10% auto 0; }
@media only screen and (max-width: 970px) {
    #book {
        margin: 0;
    }
}
#book p { text-align: center; margin: 145px 0px 0px 30px; float: left; width: 130px; font-size: 14px; }
#book form { margin: 40px 45px 0px 0px; float: right; width: 100px; }
#book label { color: #000; }
#book input { width: 100%; }
#book .line { background: transparent; border: none; border-bottom: 1px solid #000; margin: 5px 0px 10px; }
#book .submit { margin-top: 13px; }
#book strong { display: block; max-height: 30px; overflow: hidden; text-overflow: ellipsis; }

#header {min-width: 550px;}
#menu { min-width: 550px;}
#sub-menu {min-width: 550px;}
#submenu { min-width: 550px;}
#submenu::before {
    content: "";
    display: block;
    clear: both;
}

#menu, #sub-menu { background-color: #fff ; height: 25px; border-bottom: 1px solid #CCC; }
#sub-menu { background-color: #E6E6E6;}
#menu, #sub-menu ul { margin: 0px; list-style: none;}
#menu li, #sub-menu li { line-height: 25px; float: left; }
#menu li { border-right: 1px solid #CCC; }
#menu li a { display: block; padding: 0px 20px; border-right: 1px solid #FFF; font-size: 14px; color: #00578E; }
#menu li a:hover { text-decoration: none; }
#menu .active { 
    background-color: #E6E6E6;
    border-bottom: 1px solid #E6E6E6;
}

#sub-menu ul { display: none; }
#sub-menu ul:first-child { display: block; }
#sub-menu li a { display: block; background: url(../imgs/arrow-right.png) no-repeat left center; margin-left: 20px; padding-left: 12px; }

#content { padding: 10px; position: relative; }
#tabs { margin: 0px; list-style: none; position: absolute; left: 30px; top: 10px; overflow: hidden; height: 40px; }
#tabs li { float: left; line-height: 29px; font-size: 14px; font-style: italic; background: url(../imgs/gradient-gray.png) repeat-x; border: 1px solid #CCC; margin: 10px 5px 0px 0px; }
#tabs li a { padding: 0px 15px; display: block; }
#tabs li a:hover, .plastic h2 a:hover, .plastic h3 a:hover { text-decoration: none; color: #FFF; }
#tabs .active { line-height: 40px; font-size: 16px; font-weight: bold; background: #B4C91A url(../imgs/green-tab.png) no-repeat; border: 1px solid #B4C91A; padding: 0px 15px 0px 50px; margin-top: 0px; }
#controls { text-align: right; height: 40px; padding-right: 20px; }
#controls input { margin-left: 10px; }
#left { margin-right: 350px; }
#right { float: right; width: 340px; }
#right .plastic .body { border-top: none !important; }
.plastic .body { background: #FFF; padding: 15px 5px; border: 1px solid #CCC; margin:0;}
.plastic { margin-bottom: 10px; }
.plastic h2, .plastic h3 { font-size: 14px; font-style: italic; font-weight: normal; background: #CCC url(../imgs/gradient-gray.png) repeat-x; border: 1px solid #CCC; margin: 0px; }
.plastic h2 a, .plastic h3 a { background: url(../imgs/arrow-up.png) no-repeat 308px center; display: block; padding: 5px 20px; }
.plastic h2 a.expanded, .plastic h3 a.expanded { background-image: url(../imgs/arrow-down.png); }
#left label { display: block; margin: 8px 0px 2px; }
#left label span { color: #CCC; float: right; }
#left input, #left select, #left textarea { width: 99.5%; }
#right .plastic .body { padding: 15px 20px; }
.fields { text-align: right; }
.fields label { float: left; width: 110px; overflow: hidden; text-align: left; line-height: 18px; }
.fields input, .fields select, .fields textarea { width: 178px; margin-bottom: 1px; }
.fields select { width: 180px; }
.title { font-size: 16px; font-weight: bold; }
.line { clear: both; height: 15px; border-bottom: 1px solid #09C; margin-bottom: 5px; overflow: hidden; }
.thumb { margin: 2px 10px 2px 0px; float: left; display: block; }
.l { float: left; }
.r { float: right; }
.blue { color: #09C; }
.gray { color: #999; }
.red { color:#FF0000 ;}
.mb5 { margin-bottom: 5px; }
.mt10 { margin-top: 10px; }
.lh18 { line-height: 18px; }

div.plastic{
  background: none;
  border: none;
  padding: 0;
  width:98%;
}

div.body{
  margin-top: 0;
}

#paging {margin-top: 10px;}