/* Base
----------------------------------------- */

html, body { width: 100%; height: 100%; padding: 0; margin: 0; }
body { font: normal 12px/1.5 Verdana, Tahoma, Arial; color: #222; background: #FFF url("../images/global_bg.gif") top left repeat-x; text-align: center; }

td { vertical-align: top; }

img { border: none; }

form { padding: 0; margin: 0; }
input { padding: 1px; margin: 0; }

a:link, a:visited, a:hover, a:active { background: transparent; color: #222; text-decoration: underline; outline: none; }
a:hover { text-decoration: none; }

/* Global
----------------------------------------- */

#body { width: 974px; margin: auto; text-align: left; background: #FFF; }

.banner { margin-top: 20px; text-align: center; }

/* Header
----------------------------------------- */

#header { width: 100%; }

#header .login { position: relative; height: 22px; background: url("../images/header_bg_top.gif") top left repeat-x; text-align: right; color: #3e3201; font-weight: bold; padding: 2px 4px 0 0; }

#header .login .user { position: absolute; top: 2px; right: 380px; line-height: 20px; }
#header .login .i-user { position: absolute; top: 2px; right: 267px; width: 106px; height: 16px; border: 1px solid #6f6f6f; background: url("../images/header_bg_input.gif") top right; background-repeat:no-repeat; }
#header .login .passw { position: absolute; top: 2px; right: 196px; line-height: 20px; }
#header .login .i-passw { position: absolute; top: 2px; right: 84px; width: 106px; height: 16px; border: 1px solid #6f6f6f; background: url("../images/header_bg_input.gif") top right; background-repeat:no-repeat; }
#header .login .i-button { position: absolute; top: 2px; right: 2px; padding: 0; }

#header .img { position: relative; height: 151px; background: url("../images/header.jpg") top left no-repeat; }

#header .img .forgot { position: absolute; top: 0; right: 2px; height: 20px; line-height: 20px; padding: 0 27px; background: url("../images/header_forgot.png") top left; }
#header .img .forgot a { color: #FFF; font-weight: bold; font-size: 11px; }

#header .img .menu-left { position: absolute; bottom: 0; left: 60px; z-index: 10; }
#header .img .menu-left a { text-decoration: none; }
#header .img .menu-left .button,
#header .img .menu-left .button-act { float: left; height: 23px; background: url("../images/header_menu_left.gif") top left repeat-x; padding: 0 12px; font-size: 11px; line-height: 23px; }
#header .img .menu-left .button-act { background: url("../images/header_menu_left_act.gif") top left repeat-x; }
#header .img .menu-left .vr { float: left; width: 1px; height: 23px; background: url("../images/header_menu_left_vr.gif") top left repeat-x; }

#header .img .menu-right { position: absolute; bottom: 0; right: 8px; }
#header .img .menu-right a { text-decoration: none; }
#header .img .menu-right .button { float: right; height: 21px; background: url("../images/header_menu_right.gif") top left repeat-x; padding: 0 12px; margin-left: 8px; line-height: 21px; font-weight: bold; border-left: 1px solid #FFF; border-top: 1px solid #FFF; border-right: 1px solid #FFF; }

#header .category { height: 22px; line-height: 22px; padding: 0 12px; background: url("../images/header_bg_bottom.gif") top left repeat-x; color: #FFF; font-weight: bold; }

/* Content
----------------------------------------- */

#content { width: 100%; }
#content .left { width: 150px; background: url("../images/left_bg.gif") top left repeat-x; padding: 5px; }
#content .right { padding: 7px; }

#content .menu { list-style: none; padding: 0; margin: 10px; }
#content .menu li { line-height: 1.9; color: #564014; font-weight: bold; }
#content .menu li a { color: #564014; font-weight: bold; text-decoration: none; }

/* Alert
----------------------------------------- */

.box-alert { position: relative; border: 1px solid #5a5656; margin-top: 21px; background: #a6a6a6 url("../images/alert.gif") top left repeat-x; }
.box-alert .content-nfont { padding: 8px 20px; }
.box-alert .buttons { text-align: right; padding-top: 10px; }

/* Boxes > 1
----------------------------------------- */

.box-one { position: relative; border: 1px solid #ffac54; margin-top: 21px; background: #FFF; }
.box-one .title { position: absolute; top: -21px; left: 7px; width: 130px; height: 20px; border-left: 1px solid #ffac54; border-top: 1px solid #ffac54; border-right: 1px solid #ffac54; background: #FFF; font-weight: bold; text-align: center; color: #3e3201; }

.box-one .content { padding: 5px; font-size: 11px; color: #666; }

/* Boxes > 2
----------------------------------------- */

.box-two { position: relative; border: 1px solid #ffac54; margin-top: 21px; background: #FFF url("../images/box_search_bg.gif") top left repeat-x; }

.box-two .title { position: absolute; top: -21px; left: 7px; width: 130px; height: 20px; border-left: 1px solid #ffac54; border-top: 1px solid #ffac54; border-right: 1px solid #ffac54; background: #FFF; font-weight: bold; text-align: center; color: #3e3201; background: url("../images/box_search_bg_title.gif") top left repeat-x; }

.box-two .step { position: absolute; top: -22px; height: 20px; border-left: 1px solid #333; border-top: 1px solid #333; border-right: 1px solid #333; font-weight: bold; text-align: center; color: #3e3201; background: url("../images/step_bg.gif") top left repeat-x; }
.box-two .step-act { position: absolute; top: -22px; height: 21px; border-left: 1px solid #ffac54; border-top: 1px solid #ffac54; border-right: 1px solid #ffac54; font-weight: bold; text-align: center; color: #3e3201; background: url("../images/box_search_bg_title.gif") top left repeat-x; }
.box-two .arrow { position: absolute; top: -22px; width: 22px; height: 20px; background: url("../images/arrow.gif") top center no-repeat; }

.box-two .content { padding: 5px; font-size: 11px; color: #666; }
.box-two .content-nfont { padding: 5px; }
.box-two .content-p10 { padding: 10px; }

.box-two .search { position: relative; padding: 20px 5px 5px 0px; left: 30px;}
.box-two .search .i-search { position: absolute; top: 60px; width: 248px; height: 21px; font-size: 17px; border: 1px solid #6f6f6f; background: url("../images/search_bg_input.gif") top right; background-repeat:no-repeat; }
.box-two .search .s-search { position: absolute; top: 100px; width: 150px; }
.box-two .search .i-button-search { position: absolute; top: 60px; left: 258px; padding: 0; }
.box-two .search .adv-search { position: absolute; top: 100px; left: 160px; font-weight: bold; }

.box-two .login { position: relative; padding: 20px 10px 5px 0px; }
.box-two .login .warn { position: absolute; top: 20px; left: 20px; }
.box-two .login .text { width: 360px; font-size: 11px; color: #666; padding-left: 150px}
.box-two .login .vr { position: absolute; top: 5px; left: 520px; }
.box-two .login .here { position: absolute; top: 20px; left: 530px; }
.box-two .login .user { position: absolute; top: 50px; left: 530px; font-weight: bold; }
.box-two .login .i-user { position: absolute; top: 70px; left: 530px; width: 106px; height: 16px; border: 1px solid #6f6f6f; background: url("../images/header_bg_input.gif") top right; background-repeat:no-repeat; }
.box-two .login .passw { position: absolute; top: 50px; left: 650px; font-weight: bold; }
.box-two .login .i-passw { position: absolute; top: 70px; left: 650px; width: 106px; height: 16px; border: 1px solid #6f6f6f; background: url("../images/header_bg_input.gif") top right; background-repeat:no-repeat; }
.box-two .login .i-button { position: absolute; top: 100px; left: 530px; }

.box-two .post { position: relative; padding: 20px 10px 5px 0px; }
.box-two .post .i-post { position: absolute; top: 80px; left: 10px; }
.box-two .post .img { position: absolute; top: 60px; left: 110px; }

.box-two .reg { padding: 10px; color: #666; background: url("../images/flowers.gif") bottom right no-repeat; }

.box-two .buttons { text-align: right; padding-top: 10px; }

/* Boxes > 3
----------------------------------------- */

.box-three { border: 1px solid #ffac54; background: #FFF; }
.box-three .title { height: 22px; line-height: 22px; font-weight: bold; background: url("../images/box_two_title.gif") top left repeat-x; padding: 0 7px; }

.box-three .content { padding: 5px; font-size: 11px; color: #666; }
.box-three .content .button { text-align: center; padding-top: 10px; }

.box-three .login { position: relative; padding: 20px 10px 5px 150px; height: 53px; }
.box-three .login .user { position: absolute; top: 0px; left: 10px; font-weight: bold; color: #666; }
.box-three .login .i-user { position: absolute; top: 20px; left: 10px; width: 106px; height: 16px; border: 1px solid #6f6f6f; background: url("../images/header_bg_input.gif") top right; background-repeat:no-repeat; }
.box-three .login .passw { position: absolute; top: 0px; left: 130px; font-weight: bold; color: #666; }
.box-three .login .i-passw { position: absolute; top: 20px; left: 130px; width: 106px; height: 16px; border: 1px solid #6f6f6f; background: url("../images/header_bg_input.gif") top right; background-repeat:no-repeat; }
.box-three .login .i-button { position: absolute; top: 47px; left: 70px; }

/* Tables
----------------------------------------- */

.table-title { position: relative; height: 23px; line-height: 23px; font-weight: bold; border: 1px solid #ffac54; background: url("../images/table_title_bg.gif") top left repeat-x; padding: 0 7px; margin-top: 10px }
.table-title .q-search { position: absolute; top: 0; right: 335px; line-height: 23px; }
.table-title .i-search { position: absolute; top: -1px; right: 78px; width: 248px; height: 21px; font-size: 17px; border: 1px solid #6f6f6f; background: url("../images/search_bg_input.gif") top right; background-repeat:no-repeat; }
.table-title .i-button-search { position: absolute; top: -1px; right: -1px; padding: 0; }

.table-data { }
.table-data td { padding: 5px; }
.table-data tr.title td { font-weight: bold; }
.table-data tr.title td.vr { width: 1px; padding: 0; background: url("../images/table_vr.gif") top left repeat-x; font-size: 1px; }
.table-data tr.data td { font-size: 11px; color: #666; }
.table-data tr.data td.vr { padding: 0; font-size: 1px; }

.table-reg { width: 100%; table-layout: fixed; }
.table-reg td { height: 30px; vertical-align: middle; }
.table-reg td .input { border: 1px solid #7f9db9; width: 198px; }
.table-reg .name { width: 150px; }

/* More link
----------------------------------------- */

.more, .more-top { text-align: right; font-size: 11px; }
.more-top { margin: 5px 0 -5px 0; }
.more a:link, .more a:visited, .more a:hover, .more a:active,
.more-top a:link, .more-top a:visited, .more-top a:hover, .more-top a:active,
.more-a:link, .more-a:visited, .more-a:hover, .more-a:active { color: #0000ff; }

/* Footer
----------------------------------------- */

#footer { height: 30px; padding: 0 12px; background: url("../images/footer_bg.gif") top left repeat-x; color: #FFF; font-size: 11px; }
#footer a { color: #FFF; }
#footer .left { float: left; width: 60%; line-height: 30px; }
#footer .center { float: left; width: 3%; padding-top: 7px; }
#footer .right { float: right; width: 37%; line-height: 30px; }

/* Helpbox 
------------------------------------------*/
.helpbox { padding: 5px; font-family: Tahoma; font-size: 10px; font-weight: bold; background-image: url(../images/helpbox-gradient-background.gif); background-repeat: repeat-x; z-index: 7000; color: #936236; border: 1px solid #ce8a4b; background-color: #ffefba; }

/* Section Info
------------------------------------------*/
.section-info { padding: 5px; margin: 5px 0px; border: 1px solid #ce8a4b; background-color: #ffefba; }