/* main */
html { margin: 0; padding: 0; }
body { margin: 0; padding: 0; color: black; }
a { font-family: Arial; text-decoration: none; color: black; }
img { border: 0; }

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

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

/* background */
.b_white { background: white; }
.b_black { background: black; }
.b_gray { background: #777679; }
.b_gray_2 { background: #f5f5f6; }
.b_gray_3 { background: #edeeee; }
.b_gray_4 { background: #dcddde; }
.b_blue { background: #0077d4; }
.b_navy { background: #0038b0; }
.b_top { background: #0077d4 url('../images/top_back.gif') center no-repeat; }
.b_main { background: white url('../images/main_back.gif') repeat-y; }
.b_main_2 { background: white url('../images/main_back_2.gif') repeat-y; }
.b_icon_1 { background: url('../images/icon_1.gif') right no-repeat; margin: 5px 5px 0 0; height: 35px; }
.b_icon_2 { background: url('../images/icon_2.gif') right no-repeat; margin: 5px 5px 0 0; height: 30px; }
.b_icon_3 { background: url('../images/icon_3.gif') right no-repeat; margin: 5px 5px 0 0; height: 35px; }
.b_modultop_1 { background: url('../images/icon_top_1.gif'); }
.b_modultop_2 { background: url('../images/icon_top_2.gif'); }
.b_modultop_3 { background: url('../images/icon_top_3.gif'); }
.modul_back { background: #dcddde url('../images/modul_back.gif') top repeat-x; }
.b_modulbottom_1 { background: #c6c8ca url('../images/icon_bottom_1.gif') top no-repeat; }
.b_modulbottom_2 { background: #c6c8ca url('../images/icon_bottom_2.gif') top no-repeat; }
.b_modulbottom_3 { background: #c6c8ca url('../images/icon_bottom_3.gif') top no-repeat; }
.b_modul_photoshadow { background: #c6c8ca url('../images/modul_photoshadow.gif') left no-repeat; }

.tab_1 { background: url('../images/tab_1.gif') repeat-x; height: 30px; padding: 10px 13px 0 13px; float: left; color: white; }
.tab_1 a { color: white; }
.tab_2 { height: 30px; padding: 10px 12px 0 13px; float: left; }
.tab_back { background: url('../images/tab_back.gif') no-repeat; width: 609px; height: 30px; }
.button { background: url('../images/button.gif'); font-family: Tahoma; height: 19px; border: 0; color: white; font-weight: bold; }

/* font-size */
.fs_11 { font-size: 11px; }
.fs_12 { font-size: 12px; }
.fs_17 { font-size: 17px; }

/* font-family */
.ff_verdana { font-family: Verdana; }

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

.c_white { color: white; }
.c_black { color: black; }
.c_gray { color: #949698; }
.c_blue { color: #0076cc; }
.c_blue2 { color: #bfeaff; }
.c_brown { color: #cc6600; }
.c_green { color: #12ad2a; }

.l_white { color: white; }
.l_white a { color: white; }
.l_black { color: black; }
.l_black a { color: black; }
.l_gray { color: #949698; }
.l_gray a { color: #949698; }
.l_blue { color: #0077d4; }
.l_blue a { color: #0077d4; }
.l_brown { color: #cc6600; }
.l_brown a { color: #cc6600; }

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

.p_1 { padding: 1px; }
.p_5 { padding: 5px; }
.p_10 { padding: 10px; }
.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; }

.pr_12 { padding-right: 12px; }

.pl_12 { padding-left: 12px; }

.pt_14 { padding-top: 14px; }
.pt_30 { padding-top: 30px; }
.pt_45 { padding-top: 45px; }

.pb_2 { padding-bottom: 2px; }
.pb_3 { padding-bottom: 3px; }
.pb_30 { padding-bottom: 30px; }

.p_5_0 { padding: 5px 0; }
.p_4_10 { padding: 4px 10px; }
.p_7_10 { padding: 7px 10px; }
.p_10_0 { padding: 10px 0; }

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

.m_0 { margin: 0; }

.ml_m4 { margin-left: -4px; }

.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_6 { margin-top: 6px; }
.mt_20 { margin-top: 20px; }

.mr_3 { margin-right: 3px; }

.mb_20 { margin-bottom: 20px; }

.ml_3 { margin-left: 3px; }

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

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

/* border */
.br_gray { border: 1px solid #dcddde; }
.br_gray_2 { border-left: 1px solid #dcddde; border-top: 1px solid #dcddde; border-right: 1px solid #dcddde; }
.br_gray_3 { border-left: 1px solid #dcddde; border-bottom: 1px solid #dcddde; border-right: 1px solid #dcddde; }
.br_avatar { border: 5px solid #dcddde; }
.br_photo { border: 5px solid white; }

/* seperator */
.s_1 { background: url('../images/seperator_1.gif') repeat-x; height: 1px; }
.s_2 { background: url('../images/seperator_2.gif') repeat-x; height: 1px; }
.s_3 { font-size: 1px; border-bottom: 1px solid #c6c8ca; }

/* h */
h1 { font-size: 17px; margin: 0; }
h2 { font-size: 13px; margin: 0; color: #0077d4; }

/* line-height */
.lh_18 { line-height: 18px; }
.lh_30 { line-height: 30px; }

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

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

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

/* width */
.w_general { width: 100%; }
.w_990 { width: 990px; }
.w_680 { width: 680px; }
.w_490 { width: 490px; }
.w_340 { width: 340px; }
.w_315 { width: 315px; }
.w_300 { width: 300px; }
.w_200 { width: 200px; }
.w_170 { width: 170px; }
.w_160 { width: 160px; }
.w_150 { width: 150px; }
.w_140 { width: 140px; }
.w_105 { width: 105px; }
.w_100 { width: 100px; }
.w_70 { width: 70px; }
.w_50 { width: 50px; }
.w_30 { width: 30px; }
.w_20 { width: 20px; }
.w_19 { width: 19px; }
.w_10 { width: 10px; }
.w_1 { width: 1px; }

/* height */
.h_general { height: 100%; }
.h_150 { height: 150px; }
.h_140 { height: 140px; }
.h_80 { height: 80px; }
.h_70 { height: 70px; }
.h_60 { height: 60px; }
.h_40 { height: 40px; }
.h_30 { height: 30px; }
.h_2 { height: 2px; }

/* others */
.menu_1 { padding: 5px 0 5px 10px; margin: -1px 0 0 0; color: #cc6600; font-weight: bold; background: white; }
.menu_1 a { color: #cc6600; }
.menu_2 { padding: 5px 0 5px 10px; margin: 0 10px 0 0; color: white; border-bottom: 1px solid #c6c8ca; }
.menu_2 a { color: white; }

.p1 { padding: 0; margin: 0; color: #cc6600; font-size: 17px; }
.p2 { padding: 5px 0 0 0; margin: 0; font-size: 12px; }
.p3 { padding: 5px 0; margin: 0; font-weight: bold; }
.p4 { padding: 0; margin: 0; line-height: 18px; }
.p5 { padding: 0 0 5px 0; margin: 0; font-size: 12px; font-weight: bold; }
.p6 { padding: 0; margin: 0; font-size: 12px; color: #949698; }
.p7 { padding: 0 0 5px 0; margin: 0; font-weight: bold; }

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

.modultop_prop { width: 300px; height: 25px; font-weight: bold; padding-left: 10px; line-height: 25px; color: white; }
.modultop_prop a { color: white; }

.modulbottom_prop { width: 298px; border-right: 1px solid #c6c8ca; border-bottom: 1px solid #c6c8ca; border-left: 1px solid #c6c8ca; }
