h1, h2, form, html, p, div, span, table, tbody, td, tr, img, ul, li { margin: 0; padding: 0;}
body {background: url('../img/inter/body_bg.jpg') repeat #000; margin: 0 auto; max-width: 550px; font-family: Verdana, Arial, sans-serif; font-size: 14px; color: #d9d3b5;}
img {border: 0; vertical-align: middle;}
ul li { list-style: none;}

div.logo {text-align: center; overflow-x: hidden;}
div.content {background: url('../img/inter/bg-box4.png') repeat; color: #ece29e; border-bottom: 1px solid #080c0f;}
div.bg-box1 {padding: 5px 10px; border-top: 1px solid #191919; background: #3e4f4a;}
div.bg-box3 {background-color: #1d1c1b;}
div.bg-box4 {background: url('../img/inter/bg-box4.png') repeat; color: #ece29e; border-top: 1px solid #73725e; border-bottom: 1px solid #73725e;}

div.bg2 {background-color: #3a3242; color: #f6ad96; padding: 5px; font-weight: bold; text-align: center; border-top: 1px solid #051323; border-bottom: 1px solid #051323;}
div.bg2 a {color: #ffc000;}

.center { text-align: center;}
.p1 { padding: 6px 5px}
.p2 { padding: 4px 3px 0 3px;}
.p3 { padding: 5px 4px;}
.nobr {white-space: nowrap;}
.shadow {text-shadow: 0.1em 0.1em #2e2827;}
.spacer{ background: url('../img/inter/spacer.png') repeat-x; height: 2px;}

.od a { color: white; left: 2px; position: relative; top: -4px; display: block;}

/*Menu*/
ul.navi {padding: 0px 0px 0px 0px; margin: 0px;}
ul.navi img {padding: 0px 5px 0px 0px; vertical-align: -25%}
ul.navi li {background: url('../img/inter/bg_li_navi.png') repeat-x; margin-bottom: 0px; height: 38px;}
ul.navi li a { color: #dbf6bd; display:block; text-decoration: none; padding: 11px 0 5px 4px;}
ul.navi li:hover a { color: #ffffff; text-decoration: none;}
ul.navi input {float: left; margin: 10px 5px 0 3px;}

input {vertical-align: middle; background: #e1dccb; font-size: 14px; margin: 0; padding: 0; border: 0px;}
input.inp {border: 1px solid #4b4933; width: 96%; padding: 5px 0; margin-top: 2px; text-indent: 0px; }
.but {background: url('../img/inter/login.jpg') no-repeat; color: #bbdff9; width: 226px; height: 38px; margin: 0 auto; padding-bottom: 2px; text-transform: uppercase; cursor: pointer; display: block;}
.but_en {background: url('../img/inter/login_en.png') no-repeat;}

div.footer { background: #1b2b30; text-align: center; padding: 5px 5px 5px 5px; margin-top: 2px; color: #fff; border: 1px solid #324347;}
div.footer a { color: #b1b1b1;}
div.footer a:hover { color: #b1b1b1;}
div.footer a.red {color: #FF0000;}
div.footer a:hover.red {color: #FF0000;}
div.footer a.red3 {color: #ff5400;}
div.footer a:hover.red3 {color: #ff5400;}
div.footer a.green{color: #2eb431}
div.footer a.green:hover{color: #2eb431}

/*Color*/
.lime {color: #c3ff0d;}
.red { color: #ff0000;}

/*message_box*/
div.confirm-box {background-color: #bdb493; border: 1px solid #dfd8bf; margin: 3px 2px; padding: 4px; color: #3c2e26; text-align: center;}
div.bg-green {background-color: #3d5e1f; border: 1px solid #4c873a; margin-bottom: 2px; color: #e5f58f; text-align: center;}
div.bg-red {background-color: #611f1f; border: 1px solid #b83030; margin-bottom: 2px; color: #f5a28f; text-align: center;}
div.bgsys3 {padding: 2px 2px 4px 2px;}
div.bgsys4 { padding: 3px 6px;}
div.box_m {background-color: #443c38; border: 1px solid #68574e; margin: 3px 0px; padding: 4px; color: #cbc3a6;}

div.tip {padding: 5px 5px 7px; background-color: #19252e; background-image: url("/img/inter/stroke.png"), url("/img/inter/stroke_b.png");
     background-position: 0 2px, 0 bottom; background-repeat: repeat-x, repeat-x;
} /*ok*/

.platform.hide{visibility: hidden; display: none;}
.platform img{padding: 0;}
.platform a{display: block;}