/* -- Reset -- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,button,select,option {
    font-size:9.5pt;
    font-family: Verdana,Arial,Helvetica,sans-serif;
}
html {height:100%}
body {background-color:#f9f9f9;height:100%}
table {border-collapse: collapse; border-spacing: 0;}
img {border: 0;}
ul,li,h1,h2,h3{list-style-type: none; padding: 0; margin: 0;}
li { white-space:nowrap}
a {color:black;text-decoration: none;}
a:hover {text-decoration:underline;color:red}

/* -- sub menu --*/
#submenu {font: 13px tahoma;position:absolute;overflow: hidden;display:inline}
#submenu li {float: left;list-style: none;}
#submenu li.backLava {background-color:#CDE2FF;width: 9px;position: absolute;}
#submenu li a {
text-decoration: none;color: #000;text-align: center;padding: 0px 5px;
z-index: 10;display: block;position: relative;margin: auto 5px;
}

.codebox {
    position:absolute;
    border:1px solid #999;
    background-color:white;
    overflow:hidden;
    text-align:left;
    display:none;
    z-index:10;
}
.codebox li {
    font-family:ËÎÌå;
    padding-left:4px;
    cursor:default;
    float:none;
}
.codebox li.active 
{
    background-color:darkblue;color:white
}   
.codebox li.select
{
    background:#bcd4ec;
}
.code,.require {}


.textbox
{
  background:#fff url(../images/text-bg.gif) repeat-x 0 0;
  border:1px solid #C5CCDD;height:20px ;
  padding-left:3px;
  width:160px;
    -moz-border-radius-bottomleft:4px;
    -moz-border-radius-bottomright:4px;
    -moz-border-radius-topleft:4px;
    -moz-border-radius-topright:4px;
}
.textbox input {border:0px;background-color:Transparent}

.date {background:url('../images/icon/date.gif') no-repeat right center;padding-right:20px;}

#divBar
{
    text-align:right;
    padding-bottom:5px;
    border-bottom:solid 1px #BACBE9;
}

#divContinue
{
    display:inline;
}
#continue
{
    border-style: none;
    border-color: inherit;
    border-width: -1px;
}
#divMode
{
    display:inline;
}
.mode,#mode
{
    width:110px;text-align:center;background-color:#fcfcee;border:dashed 1px #999;
}
button
{
    background:#E6E6E6 url(../images/e6e6e6_40x100_textures_02_glass_75.png) repeat-x scroll 0 50%;
    border:1px solid #D3D3D3;
    color:#555555;
    font-size:12pt;
    font-weight:normal;
    outline-color:-moz-use-text-color;
    outline-style:none;
    outline-width:medium;
    -moz-border-radius:4px;
    margin-right:2px;
    width:100px;
}
button img {margin-right:5px;}
button .btn_hover 
{
    background:#DADADA url(../images/dadada_40x100_textures_02_glass_75.png) repeat-x scroll 0 50%;
}
button:disabled,input:disabled
{
  filter:alpha(opacity=50);
  -moz-opacity:0.50;
  opacity:0.50;
}

.input_hover
{
    background-color:#fff;
    border:solid 1px #999999;
    color:#000000;
    font-weight:normal;
    outline-color:-moz-use-text-color;
    outline-style:none;
    outline-width:medium;
}

.input_active
{
    border:solid 1px #000;
    color:#000000;
}

.left {float:left;}
.right {float:right;text-align:left;}

.formtable tr {height:28px;}
.formtable label {margin-right:4px;}
em {color:Red;font-family: Arial;padding-left:3px;}
img {border:0px;}
#loading {position:absolute;top:0px;right:0px;display:none}
.grid {border:1px solid #ccc;cursor:default;}
.grid th {text-align:left;font-weight:lighter;font-size:9pt;background-color:#ddd;}
.grid thead td {font-weight:bold;height:18px;background-color:#eee;cursor:default; text-transform:capitalize;white-space:nowrap;text-overflow:ellipsis; word-break:keep-all; overflow:hidden}
.grid td {padding-left:5px;border-right:1px solid #fff; white-space:nowrap;}
.pagination {height:20px;background-color:#eee;clear:both;}
.pagination a { text-decoration:none;color:#000}
.pagination a:hover { color:red}
.pagination .toolbar {float:left}
.pagination .toolbar li {float:left;width:20px;height:20px;margin-left:2px;background-repeat:no-repeat;background-position:center center}
.pagination .toolbar li.setting {background-image:url('../images/icon/setting.gif')}
.pagination .toolbar li.export {background-image:url('../images/icon/export.png')}
.pagination .pager {padding-left:10px;float:left}
.pagination .pager li {float:left;padding-right:5px;cursor:default}
.pagination .pager li.readonly {color:#666}
.pagination .pager li.hover {color:#c00;background-color:White}
.pagination .pager li.current {color:#f00}

.grid tr.alt  td { background:#fff; }
.grid tr.over td { background:#bcd4ec; }
.grid tr.active td { background:steelblue;color:white }
.grid tr.select td { color:red }

.msgbox 
{
    position:absolute;
    top: -40px;
    left: 250px;
    height:40px;
    line-height:40px;
    z-index:1000;
    background-color:#e8e8e8;
    border:2px solid #DDDDDD;
    padding-left:25px;
    padding-right:8px;
    background-position:5px center;
    background-repeat:no-repeat;
}
.show {display:block}
.hide {display:none}

.search .li{float:left;}
.search .item {height:22px;width:auto;}
.search input {height:22px;}
.search label {font-family:Georgia;width:60px;display:inline-block;text-align:center;margin-left:10px;}