* {
    margin:0;
    padding:0;
    border:none;
}

body {
    background:#4a494f;
    font:11px Tahoma, Verdana, Helvetica, sans-serif;
    color:#252525;
}

ul, ol, li {
    list-style-type:none;
}

a {
    text-decoration:underline;
    color:#4a494f;
}
a:hover {
    text-decoration:none;
    color:#862c22;
}

.f_left {
    float:left;
}
.f_middle {
    float:left;
}
.f_right {
    float:right;
}

.clear {
    clear:both;
}

input.text {
    padding:3px;
    border-top:1px solid #a9a9a9;
    border-left:1px solid #a9a9a9;
    border-bottom:1px solid #c2c2c2;
    border-right:1px solid #c2c2c2;
    font:11px Tahoma, Verdana, Helvetica, sans-serif;
    color:#444444;
}
.button {
    margin-right:5px;
    padding:1px 5px 1px 5px;
    background:#c9c4eb url(images/button_bg.jpg) repeat-x;
    border:1px solid #b8b2db;
    font:18px "Trebuchet MS", Arial, Helvetica, sans-serif;
    color:#444444;
    cursor:pointer;
}
.button:active {
    background-image:none;
}
select {
    border-top:1px solid #a9a9a9;
    border-left:1px solid #a9a9a9;
    border-bottom:1px solid #c2c2c2;
    border-right:1px solid #c2c2c2;
    font:11px Tahoma, Verdana, Helvetica, sans-serif;
    color:#444444;
}
select option {
    padding:2px 3px;
}

#container {
    background:#ffffff url(images/bg.jpg) repeat-x;
}
#body {
    margin:auto;
    padding:0 5px 0 5px;
    width:950px;
}

#header {
    height:73px;
}
#header .f_left a {
    display:block;
    width:209px;
    height:73px;
    background:transparent url(images/logo.jpg) center no-repeat;
}
#header .f_right {
    padding-top:5px;
    width:700px;
    height:68px;
    background:transparent url(images/slogan.jpg) right bottom no-repeat;
    text-align:right;
    color:#b8b8b8;
}

#menu {
    height:40px;
}
#menu li {
    float:left;
    display:block;
    padding-right:1px;
}
#menu li a {
    float:left;
    display:block;
    background:transparent url(images/menu_left.jpg) top left no-repeat;
    height:35px;
    font:20px "Trebuchet MS", Arial, Helvetica, sans-serif;
    text-decoration:none;
    color:#ffffff;
}
#menu li a span {
    float:left;
    padding:3px 15px 3px 12px;
    margin-left:5px;
    background:transparent url(images/menu_right.jpg) top right no-repeat;
    height:29px;
    cursor:pointer;
}
#menu li a:hover {
    background-position:0 -35px;
    color:#eeeeee;
}
#menu li a:hover span {
    background-position:100% -35px;
}
#menu li a.active {
    background-position:0 -70px;
    color:#eeeeee;
}
#menu li a.active span {
    background-position:100% -70px;
}
#menu li {
    display:inline;
}
#index_content {
    padding-bottom:5px;
}
#index_content .f_left {
    width:220px;
    height:191px;
}
.login1 .login2 .user_action, .user_action {
    padding:5px 0 5px 0;
}
.login1 .login2 .user_action li, .user_action li {
    margin:0 0 4px 0;
    padding:0;
}
.login1 .login2 .user_action li a, .user_action li a {
    padding:2px 2px 2px 16px;
    background:transparent url(images/arrow.gif) 0 2px no-repeat;
    color:#444444;
}
.login1 .login2 .user_action li a {
    background-position:0 3px;
}
.login1 .login2 .user_action li a:hover {
    color:#ff3300;
}
.login1 {
    width:212px;
    border:1px solid #c4c4c4;
}
.login1 .login2 {
    height:180px;
    padding:2px 5px 5px 5px;
    background:#f3f3f3 url(images/user_panel_bg.jpg) repeat-x;
    border:1px solid #ffffff;
}
.login1 .login2 h3 {
    height:33px;
    padding:8px 0 0 46px;
    background:transparent url(images/user_panel_ico.jpg) 5px 0 no-repeat;
    font:bold 20px "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.login1 .login2 h2 {
    padding:6px;
    border-bottom:1px solid #e0e0e0;
    font:normal 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
    text-align:center;
}
.login1 .login2 p {
    padding:3px 0 0 3px;
    text-align:center;
}
.login1 .login2 input#index_username, .login1 .login2 input#index_password {
    width:150px;
    padding:3px;
    border-top:1px solid #a9a9a9;
    border-left:1px solid #a9a9a9;
    border-bottom:1px solid #c2c2c2;
    border-right:1px solid #c2c2c2;
    font:bold 18px "Trebuchet MS", Arial, Helvetica, sans-serif;
    color:#666666;
}
.login1 .login2 input#index_username {
    padding-left:25px;
    background:#ffffff url(images/ico_username.jpg) 3px 7px no-repeat;
}
.login1 .login2 input#index_password {
    padding-left:25px;
    background:#ffffff url(images/ico_password.jpg) 3px 7px no-repeat;
}
.login1 .login2 input#index_login {
    margin:0;
    width:180px;
    height:32px;
}
.login1 .login2 ul li {
    padding-left:12px;
    font:bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
    color:#a9a9a9;
}
.login1 .login2 ul li a {
    text-decoration:none;
    color:#a9a9a9;
}
.login1 .login2 ul li a:hover {
    color:#252525;
}
#index_content .f_middle {
    width:407px;
    height:191px;
}
#index_content .f_middle #index_animation {
    width:399px;
    height:189px;
    background:#f3f3f3;
    border:1px solid #c4c4c4;
    text-align:center;
}
#index_content .f_right {
    width:323px;
    height:191px;
    background:transparent url(images/index_img.jpg) no-repeat;
}
#index_content2 {
    padding:5px 0 5px 0;
    border-top:1px solid #c4c1ea;
}
#index_content2 .f_left {
    padding-left:175px;
    width:495px;
    height:125px;
    background:transparent url(images/how_to_img.jpg) no-repeat;
}
#index_content2 .f_left h3 {
    margin-bottom:5px;
    font:bold 24px "Trebuchet MS", Arial, Helvetica, sans-serif;
    color:#fc3700;
}
#index_content2 .f_left p {
    line-height:17px;
}
#index_content2 .f_right {
    width:235px;
    height:75px;
    background:transparent url(images/live_support.jpg) center right no-repeat;
}

#member_login .f_left {
    width:220px;
}
#member_login .f_right {
    width:730px;
    text-align:left;
}

.content_box {
    padding-bottom:5px;
}
.content_box h3 {
    margin-bottom:5px;
    padding:3px 0;
    border-bottom:1px solid #eeeeee;
    font:bold italic 22px Arial, Helvetica, sans-serif;
    color:#444444;
}
.content_box p {
    margin-bottom:15px;
    line-height:17px;
}

table.std {
    width:100%;
}
table.std td {
    padding:3px;
}
table.std td label {
    font-weight:bold;
}
table.std td p {
    margin:0;
}

table.tbl {
    margin:0 2px 0 2px;
    width:99.5%;
    background:#ffffff;
    border:1px solid #ccc;
}
table.tbl, table.tbl td {
    border:1px solid #ccc;
    border-collapse:collapse;
    font:100% Tahoma, Verdana, Arial, Helvetica, sans-serif;
    padding:2px 4px 2px 4px;
}

table.tbl tr td label {
    margin-right:10px;
}
table.tbl tr td .f_left {
    margin-right:5px;
}
table.tbl thead th {
    background-color:#a24116;
    border:0;
    color:#ffffff;  
    padding:.75em;
}
table.tbl tbody th {
    border-top:1px solid #84785e;
    font-weight:normal;
    padding-left:.75em;
}
table.tbl tbody tr td {
    padding:6px;
}
table.tbl tbody tr td.big {
    font:bold 15px Arial, Tahoma, Verdana, Helvetica, sans-serif;
    color:#4191c9;
}

table.tbl tbody tr td.bold {
    font-weight:bold;
}
table.tbl tfoot td, tfoot th {
    background-color:#a24116;
    border-left:none;
    border-top:1px solid #84785e;
    color:#ffffff;
    padding:.75em;
}
table.tbl caption {
    text-align:left;
    font-size:150%;
    padding:.25em 0 .50em 0;
    color:#000;
}
table.tbl tr.title {
    background:#62ae03 url(images/content_title.jpg) center repeat-x;
    color:#444444;
}
table.tbl tr.title td {
    font-weight:bold;
}
table.tbl tr.odd {
    background-color:#f2f2f2;
    color:#444;
}
table.tbl table tr.no_border td {
    border:none;
}

/* message box : begin */
.note {
    margin:3px 0 3px 0;
    padding:5px 5px 5px 30px;
    background:#f2f2f2 url(images/note.gif) 7px 7px no-repeat;
    border:1px solid #e0e0e0;
}
.err {
    margin:3px 0 3px 0;
    padding:8px 5px 10px 30px;
    background:#f2f2f2 url(images/error.gif) 7px 7px no-repeat;
    border:1px solid #e0e0e0;
}
.err li {
    line-height:17px;
    color:#ff3300;
}
.app {
    margin:3px 0 3px 0;
    padding:6px 5px 6px 30px;
    background:#f2f2f2 url(images/accept.gif) 7px 7px no-repeat;
    border:1px solid #e0e0e0;
}
.not_found {
    margin:3px 0 3px 0;
    padding:6px 5px 6px 30px;
    background:#f2f2f2 url(images/error.gif) 7px 7px no-repeat;
    border:1px solid #e0e0e0;
}
/* message box : eng */

.tabs {
    margin-bottom:5px;
    padding-top:5px;
}
.tabs a {
    margin-right:1px;
    padding:5px 8px;
    background:#f2f2f2;
    border:1px solid #e0e0e0;
    font:bold italic 16px "Trebuchet MS", Arial, Helvetica, sans-serif;
    cursor:pointer;
}
.tabs a.active {
    background:#e0e0e0;
    text-decoration:none;
}
.selected_tab {
    padding:5px;
    border:1px solid #e0e0e0;
}

#footer {
    margin:auto;
    padding:5px 5px 5px 5px;
    width:950px;
}
#footer .f_left {
    color:#ffffff;
}
#footer .f_left a {
    font-weight:bold;
    text-decoration:none;
    color:#cccccc;
}