/* main */
html { margin: 0; padding: 0; }
body { margin: 0; padding: 0 0 20px 0; color: black; background: #231f20 url('../images/back.gif') repeat-x; }
a { text-decoration: none; color: black; }
img { border: 0; }
div { overflow: hidden; }

/* form */
form { margin: 0; }
input,select,textarea { font-family: Verdana; font-size: 11px; color: black; }

/* text-link */
.normal { font-weight: normal; }
.bold { font-weight: bold; }
.italic { font-style: italic; }
.none { text-decoration: none; }
.underline { text-decoration: underline; }

/* text-align */
.t_left { text-align: left; }
.t_center { text-align: center; }
.t_right { text-align: right; }

/* div */
.left { float: left; }
.right { float: right; }
.hidden { overflow: hidden; }
.block { display: block; }
.vtop { vertical-align: top; }
.vmiddle { vertical-align: middle; }

/* position */
.absolute { position: absolute; }
.relative { position: relative; }

/* button */
.btn_1 { background: url('../images/btn_1.gif'); color: white; font-weight: bold; border: 0; width: 40px; height: 21px; }
.btn_2 { background: url('../images/btn_2.gif'); color: white; font-weight: bold; border: 0; width: 50px; height: 21px; }
.btn_3 { background: url('../images/btn_3.gif'); border: 0; width: 30px; height: 21px; }
.btn_4 { background: url('../images/btn_4.gif'); color: white; font-weight: bold; border: 0; width: 70px; height: 21px; }

/* general */
.general { font-family: Verdana; font-size: 11px; }
.general a { font-family: Verdana; }
.general a:hover { text-decoration: underline; }

/* background */
.b_white { background: white; }
.b_black { background: black; }
.b_navy { background: #0066b3; }
.b_top { background: url('../images/top.jpg') no-repeat; }
.b_menu { float: left; font-family: Arial; font-size: 12px; text-align: center; }
.on { background: url('../images/menu_on.gif') no-repeat; width: 130px; height: 20px; padding: 15px 0 0 0; }
.off { background: url('../images/menu_off.gif') repeat-x; width: 93px; height: 20px; margin: 10px 0 0 0; padding: 5px 0 0 0; }
.off a { color: white; font-family: Arial; }
.on a { font-weight: bold; font-family: Arial; }

.b_header { background: url('../images/header_back.gif') repeat-x; font-family: Arial; font-size: 12px; font-weight: bold; }
.b_header a { font-family: Arial; }

.ff_a12 { font-family: Arial; font-size: 12px; }
.ff_a12 a { font-family: Arial; }

.ff_a10 { font-family: Arial; font-size: 10px; }
.ff_a10 a { font-family: Arial; }

.blue_header { background: url('../images/blue_header.gif') repeat-x; padding: 4px 10px 5px 10px; font-size: 12px; font-weight: bold; border: 1px solid #0195c5; color: white; }

.box_blue { background: #e5f4f9; }
.box_blue .tl { float: left; background: url('../images/box_blue_tleft.gif') no-repeat; width: 5px; height: 5px; }
.box_blue .tc { float: left; border-top: 1px solid #bfe4f0; height: 4px; }
.box_blue .tr { float: right; background: url('../images/box_blue_tright.gif') no-repeat; width: 5px; height: 5px; }
.box_blue .bl { float: left; background: url('../images/box_blue_bleft.gif') no-repeat; width: 5px; height: 5px; }
.box_blue .bc { float: left; border-bottom: 1px solid #bfe4f0; height: 4px; }
.box_blue .br { float: right; background: url('../images/box_blue_bright.gif') no-repeat; width: 5px; height: 5px; }
.box_blue .md { border-left: 1px solid #bfe4f0; border-right: 1px solid #bfe4f0; padding: 10px 15px; }

.box_big { background: url('../images/box_big.gif') repeat-y; }
.box_big .top { background: url('../images/box_big_top.gif') no-repeat; width: 440px; padding: 15px 15px 5px 15px; }
.box_big .top2 { background: url('../images/box_big_top2.gif') no-repeat; width: 440px; padding: 15px 15px 10px 15px; }
.box_big .top3 { background: url('../images/box_big_top3.gif') no-repeat; width: 440px; padding: 15px 15px 10px 15px; }
.box_big .bottom { background: url('../images/box_big_bottom.gif') no-repeat; width: 470px; height: 5px; }

.box_mini_1 { background: url('../images/icon_download.gif') no-repeat; width: 70px; height: 20px; text-align: center; padding-top: 55px; margin-right: 10px; }
.box_mini_2 { background: url('../images/icon_review.gif') no-repeat; width: 70px; height: 20px; text-align: center; padding-top: 55px; margin-right: 10px; }
.box_mini_3 { background: url('../images/icon_avatar.gif') no-repeat; width: 70px; height: 20px; text-align: center; padding-top: 55px; margin-right: 10px; }
.box_mini_4 { background: url('../images/icon_account.gif') no-repeat; width: 70px; height: 20px; text-align: center; padding-top: 55px; margin-right: 10px; }
.box_mini_5 { background: url('../images/icon_message.gif') no-repeat; width: 70px; height: 20px; text-align: center; padding-top: 55px; margin-right: 10px; }

.box_grad { background: url('../images/box_grad.gif') no-repeat; padding: 15px; margin: 0 0 10px 0; }

.box_gray { background: url('../images/box_gray.gif') no-repeat; width: 230px; height: 100px; }

.b_bubble { background: url('../images/bubble.gif') no-repeat; width: 57px; height: 38px; text-align: center; padding-top: 7px; margin-top: 5px; color: white; font-family: Georgia; font-size: 20px; font-weight: bold; }

.img_small { float: left; padding: 2px; width: 83px; }


/* font-size */
.fs_11 { font-size: 11px; }
.fs_13 { font-size: 13px; }
.fs_18 { font-size: 18px; }
.fs_21 { font-size: 21px; }

/* letter spacing */
.ls_m25 { letter-spacing: -25px; }

/* font-family */
.ff_arial { font-family: Arial; }

.c_white, .l_white, .l_white a { color: white; }
.c_black, .l_black, .l_black a { color: black; }
.c_turq, .l_turq, .l_turq a { color: #52dffc; }
.c_navy, .l_navy, .l_navy a { color: #0066b3; }
.c_navy_f, .l_navy_f, .l_navy_f a { font-family: Arial; color: #0066b3; font-size: 12px; }
.c_blue, .l_blue, .l_blue a { color: #0195c5; }
.c_gray, .l_gray, .l_gray a { color: #c6c8ca; }

/* padding */
.p_0 { padding: 0; }

.p_1 { padding: 1px; }
.p_5 { padding: 5px; }
.p_10 { padding: 10px; }
.p_15 { padding: 15px; }
.p_20 { padding: 20px; }

.pt_5 { padding-top: 5px; }
.pr_5 { padding-right: 5px; }
.pb_5 { padding-bottom: 5px; }
.pl_5 { padding-left: 5px; }

.pt_10 { padding-top: 10px; }
.pr_10 { padding-right: 10px; }
.pb_10 { padding-bottom: 10px; }
.pl_10 { padding-left: 10px; }

.pt_15 { padding-top: 15px; }
.pr_15 { padding-right: 15px; }
.pb_15 { padding-bottom: 15px; }
.pl_15 { padding-left: 15px; }

.pt_20 { padding-top: 20px; }
.pr_20 { padding-right: 20px; }
.pb_20 { padding-bottom: 20px; }
.pl_20 { padding-left: 20px; }

.p_5_0 { padding: 5px 0; }
.p_5_10 { padding: 5px 10px; }
.p_10_0 { padding: 10px 0; }
.p_0_10 { padding: 0 10px; }
.p_20_0 { padding: 20px 0; }

.pt_7 { padding-top: 7px; }
.pb_8 { padding-bottom: 8px; }

.ps_1 { padding: 40px 0 0 15px; }
.ps_2 { padding: 9px 45px 1px 0; }
.ps_3 { padding: 10px 20px; }
.ps_4 { padding: 11px 7px 7px 11px; }
.ps_5 { padding: 25px 0 0 2px; }
.ps_6 { padding: 2px 5px 0 2px; }
.ps_7 { padding: 5px 0 0 30px; }
.ps_8 { padding: 3px 5px; }

/* margin */
.auto { margin-left: auto; margin-right: auto; }

.m_0 { margin: 0; }

.mt_5 { margin-top: 5px; }
.mr_5 { margin-right: 5px; }
.mb_5 { margin-bottom: 5px; }
.ml_5 { margin-left: 5px; }

.mt_10 { margin-top: 10px; }
.mr_10 { margin-right: 10px; }
.mb_10 { margin-bottom: 10px; }
.ml_10 { margin-left: 10px; }

.mt_15 { margin-top: 15px; }
.mr_15 { margin-right: 15px; }
.mb_15 { margin-bottom: 15px; }
.ml_15 { margin-left: 15px; }

.mt_20 { margin-top: 20px; }
.mr_20 { margin-right: 20px; }
.mb_20 { margin-bottom: 20px; }
.ml_20 { margin-left: 20px; }

.m_5_0 { margin: 5px 0; }
.m_10_0 { margin: 10px 0; }

/* border */
.br_form { border: 1px solid white; }
.br_avatar { border: 1px solid black; }

/* seperator */
.sp_1 { margin: 10px 0; font-size: 1px; line-height: 0; border-top: 1px solid #bfe4f0; border-bottom: 1px solid white; }
.sp_2 { margin: 7px 0 13px 0; font-size: 1px; line-height: 0; border-top: 1px solid #dcddde; border-bottom: 1px solid white; }
.sp_3 { margin: 10px 0; font-size: 1px; line-height: 0; border-top: 1px solid #dcddde; border-bottom: 1px solid white; }

/* h */
h1 { font-size: 18px; font-weight: normal; margin: 0; padding: 0; font-family: Arial; }
h2 { font-size: 21px; font-weight: normal; margin: 0; padding: 0; color: #bfbfbf; letter-spacing: -1px; }

/* line-height */
.lh_15 { line-height: 15px; }
.lh_16 { line-height: 16px; }
.lh_18 { line-height: 18px; }
.lh_21 { line-height: 21px; }

/* z-index */
.z2 { z-index: 2; }

/* width */
.w_general { width: 100%; }
.w_975 { width: 975px; }
.w_520 { width: 520px; }
.w_500 { width: 500px; }
.w_470 { width: 470px; }
.w_465 { width: 465px; }
.w_435 { width: 435px; }
.w_375 { width: 375px; }
.w_355 { width: 355px; }
.w_340 { width: 340px; }
.w_300 { width: 300px; }
.w_290 { width: 290px; }
.w_270 { width: 270px; }
.w_250 { width: 250px; }
.w_215 { width: 215px; }
.w_203 { width: 203px; }
.w_200 { width: 200px; }
.w_190 { width: 190px; }
.w_164 { width: 164px; }
.w_150 { width: 150px; }
.w_135 { width: 135px; }
.w_125 { width: 125px; }
.w_115 { width: 115px; }
.w_100 { width: 100px; }
.w_85 { width: 85px; }
.w_80 { width: 80px; }
.w_70 { width: 70px; }
.w_60 { width: 60px; }
.w_55 { width: 55px; }
.w_50 { width: 50px; }
.w_45 { width: 45px; }
.w_10 { width: 10px; }
.w_1 { width: 1px; }

/* height */
.h_general { height: 100%; }
.h_180 { height: 180px; }
.h_100 { height: 100px; }
.h_75 { height: 75px; }
.h_35 { height: 35px; }
.h_10 { height: 10px; }
.h_5 { height: 5px; }
.h_1 { height: 1px; }

/* ul, li */
.ul_1 { padding: 0 0 10px 0; margin: 0 0 0 20px; font-size: 13px; color: #51260b; }
.ul_1 a { color: #76b900; }
.ul_1 li { padding-top: 10px; }

.ul_2 { padding: 10px 0 10px 0; margin: 0 0 0 20px; font-size: 13px; color: #51260b; }
.ul_2 a { color: #d84519; }
.ul_2 li { line-height: 18px; }

/* others */
.p1 { padding: 0; margin: 0; font-size: 12px; font-weight: bold; }
.p2 { padding: 10px 0 0 0; margin: 0; }
.p2 a { color: #348eef; text-decoration: underline; }
.p3 { padding: 5px 0 0 0; margin: 0; color: #c6c8ca; font-weight: bold; }
.p4 { padding: 0; margin: 0; line-height: 16px; }
.p5 { padding: 0; margin: 0; line-height: 16px; font-weight: bold; }
.p6 { padding: 0; margin: 0; font-weight: bold; color: #0066b3; }
.p6 a { color: black; }
.p7 { padding: 5px 0; margin: 0; color: #c6c8ca; }
.p7 a { color: #0195c5; text-decoration: underline; }
.p8 { padding: 0; margin: 0; line-height: 16px; }
.p8 a { color: #0195c5; }
.p9 { padding: 2px 0; margin: 0; }
.p10 { padding: 0 0 5px 0; margin: 0; font-weight: bold; }
.p11 { padding: 2px 0; margin: 0; }
.p11 a { color: #0195c5; text-decoration: underline; }
.p12 { padding: 2px 0; margin: 0; font-weight: bold; }
.p12 a { color: #0066b3; text-decoration: underline; }
.p13 { padding: 10px 0 0 0; margin: 0; }
.p13 a { color: #0195c5; font-weight: bold; text-decoration: underline; }
.p14 { padding: 5px 0 0 0; margin: 0; color: #c6c8ca; }
.p15 { padding: 5px 0 0 0; margin: 0; }
.p15 a { color: #348eef; text-decoration: underline; }

.paging { font-weight: normal; }
.paging span { margin: 0 3px; }

.span_2 span { margin: 0 2px; }
.span_5 span { margin: 0 5px; }
.span_2gray span { margin: 0 2px; color: #c6c8ca; }

.spcl_1 { float: left; width: 210px; margin: 10px 10px 0 0; background: #fff7eb; padding: 10px 10px 10px 10px; }
.spcl_1 img { margin-right: 10px; }
.spcl_2 { float: left; width: 210px; margin-top: 10px; background: #fff7eb; padding: 10px; }
.spcl_2 img { margin-right: 10px; }

.table td { padding: 5px; }