/* main */
html, body, form { margin: 0; padding: 0; }
body { color: black; background: #00c3e3 url('../images/back.gif') repeat-x; }
a { font-family: Arial; text-decoration: none; color: black; }
a:hover { text-decoration: underline; }
img { border: 0; }
div { overflow: hidden; }

/* form */
input,select,textarea { font-family: Arial; font-size: 12px; color: black; }

.btn_01 { background: url('../images/btn_01.gif') no-repeat; font-weight: bold; border: 0; width: 40px; height: 22px; }
.btn_02 { background: url('../images/btn_02.gif') no-repeat; font-weight: bold; border: 0; width: 60px; height: 22px; }
.btn_03 { background: url('../images/btn_03.gif') no-repeat; font-weight: bold; border: 0; width: 70px; height: 22px; color: #808284; }
.btn_04 { background: url('../images/btn_04.gif') no-repeat; font-weight: bold; border: 0; width: 70px; height: 22px; }

.inpt_01 { width: 180px; padding-left: 5px; margin-right: 5px; }

/* general */
.general { font-family: Arial; font-size: 12px; }
.general a { font-family: Arial; }

/* background */
.b_white { background: white; }
.b_black { background: black; }
.b_pink { background: #e50f9f; }
.b_gray { background: #f1f1f2; }
.b_log_sign { background: url('../images/back_log_sign.gif') repeat-x; }
.b_log_sign .tab { background: url('../images/back_grad_tab.gif') repeat-x; border: 1px solid white; padding: 7px; text-align: center; font-size: 21px; color: #949698; }
.b_criterias { background: #2a72db; font-size: 11px; text-align: center; padding: 8px 0; }
.b_paging { background: #f5f5f6; text-align: center; padding: 7px 0; border: 1px solid #dcddde; }
.b_show_mini { background: #ffffff url('../images/back_show_mini.gif') repeat-x; border: 1px solid white; padding: 9px; }
.b_top { background: url('../images/top.jpg') no-repeat; height: 165px; }
.b_page { background: #a6eaf5; width: 960px; }
.b_bottom { background: url('../images/bottom.jpg') no-repeat; width: 960px; height: 70px; padding-top: 10px; }
.b_top_right { background: url('../images/top_right.gif') top right no-repeat; height: 10px; }
.b_main { background: #d3f5fa url('../images/main.gif') no-repeat; padding: 10px; width: 610px; }
.b_avatar { background: #fbfcfc url('../images/back_avatar.gif') repeat-x; width: 100px; text-align: center; padding: 10px 5px; }
.b_now { background: url('../images/back_now.gif') no-repeat; width: 280px; height: 40px; padding-top: 10px; }
.b_poll { background: url('../images/back_poll.gif') repeat-y; width: 278px; border: 1px solid #f8c3e7; }
.b_links { background: #2a72db url('../images/back_links.gif') repeat-x; width: 620px; height: 21px; padding: 5px; }
.b_links_on { background: #fdfdfd url('../images/back_links_on.gif') repeat-x; padding: 2px 10px; border: 1px solid white; }
.b_links_off { padding: 2px 8px; border-right: 1px solid #74bcec; }
.b_actions { background: #d2f4fa url('../images/back_actions.gif') repeat-x; width: 618px; padding: 5px; margin-top: 10px; border: 1px solid #d3f5fa; }
.b_broadcasts { background: url('../images/back_broadcasts.gif') no-repeat; padding: 20px 0 0 40px; margin-top: 10px; width: 590px; height: 55px; }
.b_roles { background: url('../images/back_roles.gif') no-repeat; padding: 20px 0 0 40px; margin-top: 10px; width: 590px; height: 55px; }

.b_photo { width: 100%; height: 140px; }
.b_photo .photo { background: url('../images/back_photo.gif') center no-repeat; width: 140px; height: 140px; }
.b_photo .name { padding-top: 5px; }

.b_point { background: url('../images/back_point.gif') no-repeat; width: 60px; height: 24px; text-align: center; font-family: Georgia; font-size: 18px; font-weight: bold; padding: 18px 0; }
.b_points { background: url('../images/back_points.gif') no-repeat; width: 110px; height: 10px; }
.b_points ul, li { display: inline; padding: 0; }
.b_points li { margin: 0 1px 0 0; float: left; }
.b_points .mover { width: 10px; height: 10px; background: black; }
.b_points .moff { width: 10px; height: 10px; }

.b_stab_on { float: left; background: url('../images/stab_on.gif') bottom center no-repeat; font-weight: bold; padding: 5px 8px 10px 8px; margin-top: 1px; }
.b_stab_off { float: left; padding: 5px 8px 10px 8px; }

.b_tab_on { float: left; background: white url('../images/tab_on.gif') repeat-x; font-weight: bold; padding-top: 9px; width: 120px; height: 19px; border: 1px solid white; text-align: center; }
.b_tab_off_01 { float: left; background: url('../images/tab_off_01.gif') no-repeat; padding-top: 5px; width: 90px; height: 20px; text-align: center; margin-top: 5px; }
.b_tab_off_02 { float: left; background: url('../images/tab_off_02.gif') no-repeat; padding-top: 5px; width: 120px; height: 20px; text-align: center; margin-top: 5px; }
.b_tab_off_03 { float: left; background: url('../images/tab_off_03.gif') no-repeat; padding-top: 5px; width: 120px; height: 20px; text-align: center; margin-top: 5px; }
.b_tab_all { float: right; padding: 8px 1px 0 0; color: #003dcf; }
.b_tab_all span { margin: 0 5px; }
.b_tab_all a { color: #003dcf; }

.menu_01_on { float: left; background: url('../images/menu_01_on.gif') no-repeat; text-align: center; width: 80px; font-weight: bold; height: 22px; padding: 8px 0 0 0; border-right: 1px solid #0c253e; }
.menu_01_off { float: left; background: url('../images/menu_01_off.gif') no-repeat; text-align: center; width: 80px; font-weight: bold; height: 22px; padding: 8px 0 0 0; border-right: 1px solid #0c253e; }
.menu_on { float: left; background: url('../images/menu_on.gif') repeat-x; text-align: center; font-weight: bold; height: 22px; padding: 8px 9px 0 9px; position: relative; border-right: 1px solid #0c253e; }
.menu_off { float: left; background: url('../images/menu_off.gif') repeat-x; text-align: center; font-weight: bold; height: 22px; padding: 8px 9px 0 9px; border-right: 1px solid #0c253e; }
.menu_02_on { float: left; background: url('../images/menu_02_on.gif') no-repeat; text-align: center; width: 60px; font-weight: bold; height: 22px; padding: 8px 0 0 0; position: relative; }
.menu_02_off { float: left; background: url('../images/menu_02_off.gif') no-repeat; text-align: center; width: 60px; font-weight: bold; height: 22px; padding: 8px 0 0 0; }

.menu_01_on a, .menu_on a, .menu_02_on a { color: #001342; }

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

.c_white, .l_white, .l_white a { color: white; }
.c_black, .l_black, .l_black a { color: black; }
.c_navy, .l_navy, .l_navy a { color: #003dcf; }
.c_pink, .l_pink, .l_pink a { color: #e50f9f; }
.c_gray_1, .l_gray_1, .l_gray_1 a { color: #c6c8ca; }
.c_gray_2, .l_gray_2, .l_gray_2 a { color: #a7a9ac; }
.c_gray_3, .l_gray_3, .l_gray_3 a { color: #6c6e70; }
.c_cyan, .l_cyan, .l_cyan a { color: #a6eaf5; }

/* 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; }
.p_30 { padding: 30px; }

.pt_2 { padding-top: 2px; }

.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_8_0 { padding: 8px 0; }
.p_10_0 { padding: 10px 0; }
.p_0_10 { padding: 0 10px; }
.p_5_10 { padding: 5px 10px; }

.pt_20 { padding-top: 20px; }
.pt_36 { padding-top: 36px; }
.pt_38 { padding-top: 38px; }
.pt_40 { padding-top: 40px; }

.pl_35 { padding-left: 35px; }

.ps_01 { padding: 18px 0 0 30px; }
.ps_02 { padding: 30px 0; }
.ps_03 { padding: 6px 0 10px 15px; }
.ps_04 { padding: 22px 10px; }
.ps_05 { padding: 8px 0 0 5px; }
.ps_06 { padding: 10px 10px 0 10px; }
.ps_07 { padding: 0 10px 10px 10px; }
.ps_08 { padding: 35px 0 30px 0; }
.ps_09 { padding: 6px 0 5px 78px; }
.ps_10 { padding: 0 15px 10px 15px; }

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

.m_0 { margin: 0; }

.m_1 { margin: 1px; }
.m_5 { margin: 5px; }
.m_10 { margin: 10px; }
.m_15 { margin: 15px; }
.m_20 { margin: 20px; }

.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_20 { margin-top: 20px; }
.mr_20 { margin-right: 20px; }
.mb_20 { margin-bottom: 20px; }
.ml_20 { margin-left: 20px; }

.m_6 { margin: 6px; }

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

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

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

/* seperator */
.sp_1 { padding: 0 15px; margin: 15px 0; font-size: 1px; border-bottom: 1px dotted #949698; }
.sp_2 { padding: 0 5px; margin: 5px 0; font-size: 1px; border-bottom: 1px dotted #949698; }
.sp_3 { padding: 0 15px; margin: 10px 0 15px 0; font-size: 1px; border-bottom: 1px dotted #949698; }
.sp_4 { padding: 0 15px; margin: 0 0 15px 0; font-size: 1px; border-bottom: 1px dotted #949698; }

/* h */
h1 { font-size: 21px; font-weight: normal; color: #51260b; letter-spacing: -1px; }
h2 { font-size: 25px; font-weight: normal; letter-spacing: -1px; }

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

/* letter spacing */
.ls_m1 { letter-spacing: -1px; }

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

/* transparent */
.transparent { filter: alpha(opacity=70); -moz-opacity:.70; opacity:.70; }

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

/* z-index */
.z2 { z-index: 2; }
.z3 { z-index: 3; }
.z4 { z-index: 4; }

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

/* width */
.w_general { width: 100%; }
.w_960 { width: 960px; }
.w_630 { width: 630px; }
.w_450 { width: 450px; }
.w_425 { width: 425px; }
.w_410 { width: 410px; }
.w_390 { width: 390px; }
.w_380 { width: 380px; }
.w_300 { width: 300px; }
.w_290 { width: 290px; }
.w_250 { width: 250px; }
.w_235 { width: 235px; }
.w_190 { width: 190px; }
.w_185 { width: 185px; }
.w_165 { width: 165px; }
.w_150 { width: 150px; }
.w_145 { width: 145px; }
.w_140 { width: 140px; }
.w_115 { width: 115px; }
.w_110 { width: 110px; }
.w_100 { width: 100px; }
.w_90 { width: 90px; }
.w_80 { width: 80px; }
.w_60 { width: 60px; }
.w_50 { width: 50px; }
.w_30 { width: 30px; }
.w_15 { width: 15px; }
.w_10 { width: 10px; }
.w_1 { width: 1px; }

/* height */
.h_general { height: 100%; }
.h_100 { height: 100px; }
.h_min_700 { min-height: 700px; }
.h_80 { height: 80px; }
.h_40 { height: 40px; }
.h_10 { height: 10px; }
.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; }

/* p */
.p1 { padding: 0 0 5px 0; margin: 0; font-weight: bold; }
.p2 { padding: 0 0 5px 0; margin: 0; }
.p3 { padding: 0; margin: 0; }
.p4 { padding: 5px 0; margin: 0; font-weight: bold; }
.p5 { padding: 0 0 2px 0; margin: 0; font-weight: bold; }
.p6 { padding: 0; margin: 0; font-size: 11px; color: #a7a9ac; }
.p7 { padding: 0 0 7px 0; margin: 0; font-weight: bold; }
.p8 { padding: 10px 0 0 0; margin: 0; font-size: 11px; color: #a7a9ac; }
.p9 { padding: 5px 0 0 0; margin: 0; font-weight: bold; }
.p10 { padding: 10px; margin: 0;}

/* span */
.span_2 span { margin: 0 2px; }
.span_3 span { margin: 0 3px; }
.span_5 span { margin: 0 5px; }
.span_pb5 span { padding-bottom: 5px; }

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

.tiksiz {background:#caff28;color:#000;padding:4px;margin-right:5px;}
.tikli {background:#1E1E1E;color:#fff;padding:4px;margin-right:5px;}

.header { width: 405px; position: absolute; z-index: 3; padding: 10px; margin: 150px 10px 0 0; line-height: 18px; letter-spacing: -1px; font-size: 21px; color: white; }
.header_2 { width: 405px; position: absolute; z-index: 3; padding: 10px; margin: 150px 10px 0 0; line-height: 18px; letter-spacing: -1px; font-size: 25px; color: white; font-weight: bold;}
.header_back_ana { width: 410px; height: 40px; position: absolute; z-index: 2; background: black; margin: 268px 0 0 0; }
.header_back { width: 425px; height: 40px; position: absolute; z-index: 2; background: black; margin: 150px 0 0 0; }

.main_headers { width: 205px; position: absolute; z-index: 4; padding-left: 405px; }
.main_header_off_01 { background: url('../images/header_off_01.gif') repeat-x; width: 165px; font-weight: bold; padding: 13px 10px 12px 10px; margin-left: 20px; }
.main_header_off_02 { background: url('../images/header_off_02.gif') repeat-x; width: 165px; font-weight: bold; padding: 13px 10px 12px 10px; margin-left: 20px; }
.main_header_off_03 { background: url('../images/header_off_03.gif') repeat-x; width: 165px; font-weight: bold; padding: 13px 10px 12px 10px; margin-left: 20px; }
.main_header_off_04 { background: url('../images/header_off_04.gif') repeat-x; width: 165px; font-weight: bold; padding: 13px 10px 12px 10px; margin-left: 20px; }
.main_header_off_05 { background: url('../images/header_off_05.gif') repeat-x; width: 165px; font-weight: bold; padding: 13px 10px 12px 10px; margin-left: 20px; }
.main_header_off_06 { background: url('../images/header_off_06.gif') repeat-x; width: 165px; font-weight: bold; padding: 13px 10px 12px 10px; margin-left: 20px; }
.main_header_off_07 { background: url('../images/header_off_07.gif') repeat-x; width: 165px; font-weight: bold; padding: 13px 10px 12px 10px; margin-left: 20px; }
.main_header_off_08 { background: url('../images/header_off_08.gif') repeat-x; width: 165px; font-weight: bold; padding: 13px 10px 12px 10px; margin-left: 20px; }
.main_header_off_09 { background: url('../images/header_off_09.gif') repeat-x; width: 165px; font-weight: bold; padding: 13px 10px 12px 10px; margin-left: 20px; }
.main_header_on_01 { background: url('../images/header_on_01.gif') repeat-x; width: 165px; font-weight: bold; padding: 13px 10px 12px 30px; }
.main_header_on_02 { background: url('../images/header_on_02.gif') repeat-x; width: 165px; font-weight: bold; padding: 13px 10px 12px 30px; }
.main_header_on_03 { background: url('../images/header_on_03.gif') repeat-x; width: 165px; font-weight: bold; padding: 13px 10px 12px 30px; }
.main_header_on_04 { background: url('../images/header_on_04.gif') repeat-x; width: 165px; font-weight: bold; padding: 13px 10px 12px 30px; }
.main_header_on_05 { background: url('../images/header_on_05.gif') repeat-x; width: 165px; font-weight: bold; padding: 13px 10px 12px 30px; }
.main_header_on_06 { background: url('../images/header_on_06.gif') repeat-x; width: 165px; font-weight: bold; padding: 13px 10px 12px 30px; }
.main_header_on_07 { background: url('../images/header_on_07.gif') repeat-x; width: 165px; font-weight: bold; padding: 13px 10px 12px 30px; }
.main_header_on_08 { background: url('../images/header_on_08.gif') repeat-x; width: 165px; font-weight: bold; padding: 13px 10px 12px 30px; }
.main_header_on_09 { background: url('../images/header_on_09.gif') repeat-x; width: 165px; font-weight: bold; padding: 13px 10px 12px 30px; }

.b_tab_off_01 a, .b_tab_off_02 a, .b_tab_off_03 a, .main_header_on_01 a, .main_header_on_02 a, .main_header_on_03 a, .main_header_on_04 a, .main_header_on_05 a, .main_header_on_06 a, .main_header_on_07 a, .main_header_on_08 a, .main_header_on_09 a, .menu_01_off a, .b_tab_off a, .menu_off a, .menu_02_off a, .btn_01, .btn_02, .btn_04, .b_bottom { color: white; }

.number_pink { color: #e50f9f; font-family: Georgia; }
.number_blue { color: #003dcf; font-family: Georgia; }
.number_black_b { font-family: Georgia; font-weight: bold; }
.number_gray { color: #a7a9ac; font-family: Georgia; }
.number_big { font-family: Georgia; font-weight: bold; font-size: 34px; }

.show_stats { background: #d1f4fa url('../images/show_stats_back.gif') no-repeat; width: 175px; }
.show_stats_big { background: #d3f5fa url('../images/show_stats_big.gif') no-repeat; width: 300px; }