/* ----------------------------------------------------------------------------------------------------------
1) HTML tags, reset
---------------------------------------------------------------------------------------------------------- */

img, table { border: 0; }
body , form { padding: 0; margin: 0; }
body {
color: #000; line-height: 150%; font-size: 16px;
font-family: Arial, Verdana, Sans-Serif; text-decoration: none; letter-spacing: 0; }

fieldset { border: #000 1px solid; padding: 8px; }
legend { color: #000; font-weight: bold; font-size: 20px; line-height: 150%; }

input, textarea ,select, .butt, .ebutt, .pbutt, .tag, .min {
border: #ccc 1px solid; background-color: #fff; padding: 6px; margin: 2px;
font-size: 10pt; line-height: 140%; font-family: Arial; font-weight: normal; }
input[type=text], select, textarea {
-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.butt, .ebutt, .pbutt { padding: 7px; }
.tag, .min { margin: 0; padding: 2px; font-size: 12px; line-height: 100%; }
input[type=button], input[type=submit], .butt, .ebutt, .pbutt, .tag, .min {
-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
background: url(images/buttbg.png) repeat-x 0 -15px; background-color: #fff; cursor: pointer; }
.middle { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
.right { -webkit-border-radius: 0 5px 5px 0; -moz-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0; }
.left { -webkit-border-radius: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px; }
.round { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.ebutt, .min, input[type=button].min, input[type=submit].min, input[type=button].ebutt, input[type=submit].ebutt {
background: #e3e9ff; background-image: none; border: #c3c9ef 1px solid; color: #25c; }
.pbutt { background: #eee; border: #bbb 1px solid; color: #777; }
input[type=button]:hover, input[type=submit]:hover, .butt:hover, .ebutt:hover, .pbutt:hover, .tag, .min:hover {
text-decoration: none; background-position: 0 8px; }
.tag:hover { text-decoration: none; }
.ebutt:hover, .min:hover { background-color: #f3f9ff; }
.pbutt:hover { background-color: #eee; }
input[type=button]:active, input[type=submit]:active, .butt:active {
text-decoration: none; color: #777; border: #eee 1px solid; }
input[type=button]:disabled, input[type=submit]:disabled, .butt:disabled {
background: #eee; text-decoration: none; color: #777; border: #bbb 1px solid; cursor: default; }
input[type=button][disabled=disabled], input[type=submit][disabled=disabled] {
color: #777; background: #eee; cursor: auto; }
textarea { font-family: Courier New; }

hr { border-top: 1px solid #000; border-bottom: 0; border-left: 0; border-right: 0; height: 0; }

a, a.none:hover, .none a:hover { color: #222; text-decoration: none; }
a:visited { text-decoration: none; }
a:active { color: #00f; }
a:hover, .font_funcbutt:hover { color: #66f; text-decoration: underline; }
a.light { color: #55e; text-decoration: none; }

.fb_share { filter: alpha(opacity=75); -moz-opacity: 0.75; -khtml-opacity: 0.75; opacity: 0.75; }
.facebook {
text-indent: 0; width: auto; position: relative; top: -1px; }

input.min_input, input.tmin_input {
padding: 2px; margin: 1px; color: #666; font-size: 9pt; }
input.tmin_input { padding: 0px; margin: 0px; }
input[type=button].tmin_input, input[type=submit].tmin_input  { background-image: none; }

/* ----------------------------------------------------------------------------------------------------------
2) Styles
---------------------------------------------------------------------------------------------------------- */

/* basic */

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

.hidden { display: none; }

/* body */

body.body_full, body.body_main { background-color: #fff; }

/* tags */

hr.light { border: 0; border-top: 1px solid #c3c9ef; height: 0; }

a.unread:link { color: #a22; }
a.unread:hover { color: #c00; }
a.unread:visited { color: #000; }

/* inputs */

input.blur { color: #ccc; border: #eee 1px solid; }
.nohighlight:focus { outline: none; }
/* tables spliter */

.table_frame { border-top: 1px dotted #ccc; }
.table_line { border-bottom: 1px dotted #ccc; }
.table_line.dark { border-bottom: 1px solid #666; }
.table_line.gray { border-bottom: 1px solid #ccc; }
.table_split { border-left: 1px dotted #ccc; }
.table_side { border-left: 1px dotted #ccc; border-right: 1px dotted #ccc; }

/* padding layout */

.bit_padd, .bit_pabb{ padding: 1px 0; }
.bit_pad{ padding: 0 0 1px 0; }
.bit_pab{ padding: 1px 0 0 0; }

.half_padd, .half_pabb{ padding: 3px 0; }
.half_pad{ padding: 0 0 3px 0; }
.half_pab{ padding: 3px 0 0 0; }

.line_padd, .line_pabb{ padding: 6px 0; }
.line_pad{ padding: 0 0 6px 0; }
.line_pab{ padding: 6px 0 0 0; }

.lines_padd, .lines_pabb{ padding: 12px 0; }
.lines_pad{ padding: 0 0 12px 0; }
.lines_pab{ padding: 12px 0 0 0; }

.space_padd, .space_pabb{ padding: 3px; }
.round_padd, .round_pabb{ padding: 6px; }
.block_padd, .block_pabb{ padding: 10px; }
.frame_padd, .frame_pabb{ padding: 20px; }

.pre_padd, .pre_pabb{ padding: 0 3px; }
.pre_pad{ padding: 0 3px 0 0; }
.pre_pab{ padding: 0 0 0 3px; }

.bar_padd, .bar_pabb{ padding: 0 6px; }
.bar_pad{ padding: 0 6px 0 0; }
.bar_pab{ padding: 0 0 0 6px; }

.side_padd, .side_pabb{ padding: 0 10px; }
.side_pad{ padding: 0 10px 0 0; }
.side_pab{ padding: 0 0 0 10px; }

.split_padd, .split_pabb{ width: 0; height: 0; padding:  0 10px; }

/* block layout */

.b_left { float: left; }
.b_right { float: right; }
.b_end { clear: both; }

.wrap { position: relative; overflow: hidden; }

/* font styles and color styles */

.font_status { font-size: 10pt; color: #2070cf; }
.font_caution { font-size: 10pt; color: #ef2211; }

.font_patt, .font_listpg {
line-height: 100%; font-size: 10px; color:#000; font-family: DotumChe; letter-spacing: 1px; }
.font_listpg { letter-spacing: 0; text-decoration: underline; }
.font_note, .field_status_rinfo { font-size: 10pt; color: #696969; }
.font_funcbutt { font-size: 10pt; color: #2070cf; cursor: pointer; }
.font_annotate { vertical-align: top; font-size: 9px; line-height: 200%; }

.big_title {
font-weight: bold; font-size: 20px; color: #000; line-height: 250%; letter-spacing: 3px; }
.large_title {
font-family: Simhei, Arial; font-weight: bold; font-size: 28px; text-decoration: none; line-height: 150%; }
.big_title img, .large_title img, img.mid { vertical-align: middle; }
img.bot { vertical-align: bottom; }
img.top { vertical-align: top; }

.color_status, .color_status * { color: #2070cf; }
.color_caution, .color_caution * { color: #ef2211; }
.color_note, .color_note * { color: #5f5f6f; }
.color_light, .color_light * { color: #2070cf; }
.color_dotted, .color_dotted * { color: #9d9d9d; }

/* font size */

.font_height_relax { line-height: 160%; }
.font_height_normal { line-height: 150%; }
.font_height_tight { line-height: 125%; }
.font_height_narrow { line-height: 100%; }

.font_size_large { font-family: Simhei, Arial; font-size: 36px; font-weight: bold; line-height: 150%; }
.font_size_big { font-family: Simhei, Arial; font-size: 24px; font-weight: bold; line-height: 150%; }
.font_size_normal { font-size: 16px; line-height: 150%; }
.font_size_middle { font-size: 10pt; }
.font_size_small { font-size: 10pt; line-height: 125%; }
.font_size_tiny { font-size: 9pt; line-height: 125%; }

/* font weight */

.bold, .bold * { font-weight: bold; }

/* background styles */

.table_body { background-color: #fff; }

   /* for forum */
.table_title_light, .table_title_deep, .field_status {
border-bottom: 1px solid #bcd; background-color: #e3e9ff; }
.table_title_deep{ margin-top: 0; }

.table_field_light { background-color: #f4f6f6; }
.table_field_deep { background-color: #f4f6eb; }

.b_butt:hover, .d_butt, .b_butt.selected, .trans {
filter: alpha(opacity=50); -moz-opacity: 0.50; -khtml-opacity: 0.50; opacity: 0.50; }
.b_butt, .d_butt:hover, .d_butt.selected {
filter: alpha(opacity=100); -moz-opacity: 1.00; -khtml-opacity: 1.00; opacity: 1.00; }

.menu_option  {
background: url(images/background.png) repeat-x 0 -13px; background-color: #fff; }
.table_menu_deep, .option_butt:hover, .option_butt_s, .option_butt.selected {
background-color: #f2f5ff; }
.option_butt_field {
background-color: #e3e9ff; margin-top: -1px; padding: 2px; border: 1px solid #bcf; }
.option_butt_field:hover, .option_butt_field_s {
background-color: #f2f5ff; text-decoration: none; }
.option_butt:hover, .option_butt_s, .option_butt.selected {
margin: -1px; border: 1px solid #bcf; cursor: pointer; text-decoration: none; }
.table_menu_upper{
background-color: #f4f6fd; }

.table_menu_box{
padding: 10px; background-color: #fbfafb; border: 1px solid #ccc; }

/* others */

.options_lh { line-height: 110%; }

.field_form hr { border-top: 1px solid #999; }

.field_status { padding: 10px; }
.field_status, .field_status a { color: #349; }
.field_status_rinfo { float: right; font-weight: normal; }
.field_infor { font-weight: bold; border-bottom: 3px double #000; padding: 10px 0; }
.top_block, .top_block_light { background-color: #f2f5ff; border-bottom: 1px solid #bcf; padding: 15px; }


.note_bar { background-color: #f4f7ff; text-align: right; padding: 4px; font-size: 13px; color: #444; }
.sub_bar { text-align: center; background-color: #eee; padding: 15px 4px; }


.thumb {
-moz-box-shadow: 0 0 3px #aaa; -webkit-box-shadow: 0 0 3px #aaa; box-shadow: 0 0 3px #aaa; }

.icon_shadow {
-moz-box-shadow: 0 0 5px #aaa; -webkit-box-shadow: 0 0 5px #aaa; box-shadow: 0 0 5px #aaa; }


#view_blanket {
filter: alpha(opacity=60); -moz-opacity: 0.60; -khtml-opacity: 0.60; opacity: 0.60;
background-color: #444; position: fixed; z-index: 9001;
top: 0px; left: 0px; width: 100%; }
#view_popup {
position: fixed; background-color: #eee; z-index: 9002; border: 7px solid #e1e9ff; }
#view_popup_abs {
position: absolute; background-color: transparent; z-index: 9002; top: 72px; padding-bottom: 72px; }
#view_popup_abs_in {
 background-color: #eee; border: 7px solid #e1e9ff; }

.dl { display: block; position: relative; overflow: visible; }
.dl .dt {
display: block; padding: 4px; margin: -4px;
-webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; }
.dl:hover .dt, .dl .di { display: block; background-color: #eee; }
.dl.light:hover .dt, .dl.light .di { background-color: #e1e9ff; }
.dl.light .di { background-color:#e1e9ff; }
.dl .di {
display: none; position: absolute; left: 0; z-index: 1001;
padding: 3px; margin-left: -4px; margin-top: 3px; border: 1px solid #ccc;
-webkit-border-radius: 0 5px 5px 5px; -moz-border-radius: 0 5px 5px 5px; border-radius: 0 5px 5px 5px; }
.dl.light .di { border: 1px solid #bcf; }
.dl .di.m {
-webkit-border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; }
.dl .di.m.p20 { left: -20px; } .dl .di.m.p40 { left: -40px; } .dl .di.m.p60 { left: -60px; }
.dl:hover .di, .dl .di:hover { display: block; }
.dl .di div:hover { background-color:#f2f2f2; }
.dl.light .di div:hover { background-color:#f0f3ff; }
.dl .di .split { border-bottom: 1px solid #fff; }

/* ----------------------------------------------------------------------------------------------------------
3) Layout
---------------------------------------------------------------------------------------------------------- */

/* header ' menu and foot */

.main { background-color: #f6f6f6; }
.header_control_h { height: 48px; }
.header_title, .header_title_s {
text-shadow: 0 0 5px #fff;
font-family: Simhei, Arial; font-weight: bold; font-size: 28px;
padding-top: 12px; float: left; text-align: left; }
.header_title_s { font-family: Arial; }
.header_control {
padding-top: 8px; float: right; text-align: right;
line-height: 100%; font-size: 12px; font-family: DotumChe; letter-spacing: 1px; }

.menu_butt_bar {
float: left; border: 1px solid #ccc; border-left: 0;
-moz-box-shadow: 0 0 5px #ccc; -webkit-box-shadow: 0 0 5px #ccc; box-shadow: 0 0 5px #ccc; }
.menu_option, .menu_option_sl, .menu_search {
float: left;
height: 36px; cursor: pointer; line-height: 200%; text-align: center; border-left: 1px solid #ccc; }
.menu_option:hover, .menu_option_sl {
color: #444; font-weight: bold;
background: url(images/deepbg.png) repeat-x 0 13px; background-color: #f0f0f0; }
.menu_search { cursor: auto; }

.searchbox input.search, .searchbox_custom input.search, .searchbox_custom input.search_adv {
background-color: #fff;
font-size: 12px; color: #000; margin: 7px 8px; padding: 2px 30px 2px 10px; border: #666 1px solid;
-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;
-moz-box-shadow: 0 0 3px #fff; -webkit-box-shadow: 0 0 3px #fff; box-shadow: 0 0 3px #fff; }
.searchbox_custom input.search_adv { padding: 2px 20px 2px 20px; }
.searchbox input.search{
color: #666; border: #aaa 1px solid; }
.searchbox input.submit, .searchbox_custom input.submit { display: none; }
.searchbox_custom .sub, .searchbox .sub {
background: url(images/magnify_custom.png) 0 0 no-repeat; width: 16px; height: 16px;
display: block; position: absolute; z-index: 1; right: 12px; top: 10px; }
.searchbox .sub {
background: url(images/magnify.png) 0 0 no-repeat; width: 16px; height: 16px; }
.searchbox_custom .adv {
background: url(images/info.png) 0 0 no-repeat; width: 16px; height: 16px;
display: block; position: absolute; z-index: 1; left: 12px; top: 10px; }

.searchbox input.search,
.searchbox_custom .sub, .searchbox .sub, .searchbox_custom .adv {
filter: alpha(opacity=60); -moz-opacity: 0.60; -khtml-opacity: 0.60; opacity: 0.60; }
.searchbox input.search:hover,
.searchbox_custom .sub:hover, .searchbox .sub:hover, .searchbox_custom .adv:hover {
filter: alpha(opacity=100); -moz-opacity: 1.00; -khtml-opacity: 1.00; opacity: 1.00; }

.full_main_title {
-moz-box-shadow: 0 0 5px #aaa; -webkit-box-shadow: 0 0 5px #aaa; box-shadow: 0 0 5px #aaa;
text-shadow: 0 0 5px #fff;
color: #000; font-family: Simhei, Arial; font-weight: bold; font-size: 32px; line-height: 175%; }
.full_top_bar{ background-color: #e3e9ff; }
.full_list_frame{ background-color: #e3e9ff; border-top: 1px solid #bcf; }
.full_main_frame{ margin-top: 5px; background-color: #e3e9ff; }

/* left-side and top-side menu styles */

.menu_sub { background-color: #a5c7f1; color: #e6f0f9; font-weight: bold; }
.font_menu_title { color: #000077; }
.main_footer { border-top: #444 3px double; font-size: 15px; color: #444; line-height: 200%; }

/* bulletin use */

.bull_wrap { position: relative; overflow: visible; }
.bull_admin { position:absolute; right: 0px; top: 0px; }

/* forum use */

.post_bar { padding: 2px 0 0 0; background-color: #f4f4f4; }

.post_text { padding: 8px 12px; }

.post_butt { padding: 8px 12px; background-color: #f4f4f4;
border-right: 1px dashed #fff; border-top: 2px solid #f4f4f4; }
.post_butt:hover, .post_butt.selected {
margin-bottom: -1px; background-color: #fafafa; border-top: 3px solid #f4f4f4;
filter: alpha(opacity=85); -moz-opacity: 0.85; -khtml-opacity: 0.85; opacity: 0.85; }
.post_butt.selected { font-weight: bold; }
.post_butt, .post_butt * { color: #444; text-decoration: none; }
.post_butt:hover, .post_butt:hover * { color: #000; text-decoration: none; }

.post_r_butt { margin-left: -1px; padding: 8px 12px; background-color: #eee;
border: 1px solid #ddd; border-top: 2px solid #999; }
.post_r_butt:hover, .post_r_butt.selected {
background-color: #fafafa; border-top: 2px solid #999;
filter: alpha(opacity=85); -moz-opacity: 0.85; -khtml-opacity: 0.85; opacity: 0.85; }
.post_r_butt.selected { font-weight: bold; }
.post_r_butt, .post_r_butt * { color: #444; text-decoration: none; }
.post_r_butt:hover, .post_r_butt:hover * { color: #000; text-decoration: none; }


.blog_time_bar, .blog_time_bar_y, .blog_time_bar_m { background-color: #e9e9f4;
-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.blog_time_bar_m { width: 138px; }
.blog_title_bar { padding: 3px; }
.blog_cal_bar { border-top: 1px dashed #ccc; }
.blog_class { font-size: 12px; padding: 3px 5px; color: #fff;
-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
filter: alpha(opacity=80); -moz-opacity: 0.80; -khtml-opacity: 0.80; opacity: 0.80; }
.blog_class:hover {
filter: alpha(opacity=50); -moz-opacity: 0.50; -khtml-opacity: 0.50; opacity: 0.50; }
.blog_class img { width: 12px; height: 12px; vertical-align: middle; margin-top: -3px; }
.blog_title_thumb { width: 24px; height: 24px; }

.blog_stream_thumb { width: 140px; height: 140px; margin-top: 5px; padding: 2px; border: 1px solid #ccc; }
.blog_stream_thumb_c { width: 140px; height: 140px; }
.blog_stream_thumb_w { width: 146px; height: 0; }
.blog_reg_thumb { padding: 2px; border: 1px solid #ccc; width: 96px; height: 96px; }

.blog_replies_contain { padding: 3px; }
.blog_reply_contain { padding: 2px; }

.blog_reply_thumb { padding: 2px; border: 1px solid #ccc; width: 36px; height: 36px; }
.blog_reply_stream_thumb { padding: 0px; border: 1px solid #ccc; }
.blog_reply_stream_thumb_c { width: 72px; height: 72px; }
.blog_thread_block, .blog_reply_block, .blog_last_reply_block, .blog_more_reply_block, .blog_reply_form_block {
border-left: 3px solid #bbb; margin: 2px 0; background-color: #eee; width: 100%; }
.blog_thread_block { background-color: #f9f9f9; border-left-color: #f9f9f9; }
.blog_reply_block { background-color: #f9f9f9; border-left-color: #f9f9f9; }
.blog_more_reply_block {
background-color: #fff; border-left-color: #fff; border-bottom: 1px dashed #ccc; border-top: 1px dashed #ccc; }
.blog_reply_form_block { border-left-color: #eee; }
.blog_reply_input_space { width: 48px; display: none; }
textarea.blog_reply_input { line-height: 125%;
outline: none; width: 98%; margin: 0px; font-size: 12px; padding: 3px; color: #777; }
input.blog_reply_butt {
font-size: 12px; color: #444; padding: 4px; background: #eee; background-image: none; }
input.blog_reply_butt:hover { color: #999; background: #f4f4f4; }

.blog_more_actives {
-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
background-color: #f6f6f6; cursor: pointer; }
.blog_more_actives:hover { background-color: #efefef; margin-top: 2px; }
.blog_no_more_actives { background-color: #fafafa; border: 1px solid #ddd; }


.article_block_highlight {
border: 7px solid #bcf; margin: 0 -7px;
-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }


.mod_bar { padding: 4px 8px; text-align: center; font-size: 13px;
color: #999; border-bottom: 1px dashed #ccc; background-color: #f6f6f6; }

.sub_atch { padding: 4px 8px; color: #000; font-size: 12px; border: 1px solid #999; }
.sub_atch_title { padding: 4px 8px; color: #999; font-size: 12px; width: 234px;
border: 1px solid #ddd; background-color: #eee; }
.sub_atch_title:hover { border: 1px solid #e3e3e3; background-color: #f3f3f3;
cursor: pointer; }
.sub_atch_title:hover a { color: #66f; }
.sub_atch_title a:hover { text-decoration: none; }
.sub_atch .title { padding: 0 4px; font-size: 12px; color: #999; }

.icon a, .iconh a {
display: block; background: url(images/link_comment_add.png) no-repeat 0 0; text-decoration: none;
width: 16px; height: 16px; background-color: #fff; font-size: 0; line-height: 0%; cursor: pointer; }

.icon a:link { background-color: #6d7; }
.icon a:visited { background-color: #fff; }

.col0, .col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col78 { font-size: 13px; }
.col0 { width: 18px; text-align: center; }
.col1 { width: 26px; }
.col2 {  }
.col3 { width: 10px; font-size: 0; line-height: 0%; }
.col4 { width: 28px; }
.col5 { width: 92px; }
.col6 { width: 78px; }
.col7 { width: 92px; }
.col8 { width: 16px; text-align: right; }
.col78 { width: 120px; }

.contain { word-wrap: break-word; line-height: 150%; letter-spacing: 0; padding: 20px 5px; }

/* forum form use */

.imgitem { width: 98px; height: 98px; border: 4px solid #eee; margin: 4px; vertical-align: top; }
.imgitem.sel { border-color: #66f; }
.imgitem .img, .loading_img { left: 50%; top: 50%; margin: -20px 0 0 -20px; position: absolute; z-index: 1; }
.imgitem .inscode, .imgitem .insdisp, .imgitem .insbutt, .imgitem .selbutt {
margin: 0; padding: 4px; background-color: #eee; position: absolute; z-index: 2; line-height: 100%;
filter: alpha(opacity=40); -moz-opacity: 0.40; -khtml-opacity: 0.40; opacity: 0.40; }
.imgitem.sel .inscode, .imgitem.sel .insdisp, .imgitem.sel .insbutt, .imgitem.sel .selbutt {
background-color: #66f; }
.imgitem:hover .inscode, .imgitem:hover .insdisp, .imgitem:hover .insbutt, .imgitem:hover .selbutt {
filter: alpha(opacity=100); -moz-opacity: 1.00; -khtml-opacity: 1.00; opacity: 1.00; cursor: pointer; }
.imgitem .inscode { bottom: 0; padding: 0; border: 0; font-size: 12px; width: 98px; }
.imgitem .insdisp { bottom: 16px; padding: 0; border: 0; font-size: 12px; width: 98px; }
.imgitem .selbutt input { margin: 0; padding: 0; cursor: pointer; }
.imgitem .selbutt { right: 0; }

.orgitem { padding: 0 8px 0 4px; border-bottom: 1px solid #eee; }
.orgitem input { cursor: pointer; }
.orgitem.sel { background-color: #eef; border-bottom: 1px solid #fff; }
.orgitem .clickable { width: 160px; line-height: 220%; text-align: right; cursor: pointer; }
.orgitem .selbutt { margin: 6px; }
.orgitem .selbutt input { margin: 0; padding: 0; cursor: pointer; }

/* calendar use */

.nowonbar, .pastbar {
background-color: #e3e9ff; padding: 6px; margin: 4px 0 7px 0;
font-size: 10pt; line-height: 125%; color: #20c; border-bottom: #bcf 1px dotted; }
.pastbar { background-color: #eee; color: #444; border-bottom: #ccc 1px dotted; }

.follow_split { border-bottom: #bbb 1px dotted; padding-bottom: 2px; }

.func_butt {
width: 19px; height: 19px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
cursor: pointer; border: 0; background-repeat: no-repeat; display: block; text-decoration: none;
background-color: transparent; background-position: 0 0; }
.func_butt:hover{
border: #ccc 1px solid; background-color: #fafafa; margin: -1px; background-position: 1px 1px; }
.func_butt.thread { margin: 4px; background-image: url(images/comment.png); background-position: 1px 1px; }
.func_butt.thread:hover{ margin: 3px; background-position: 2px 2px; }
.func_butt.cancel { background-image: url(images/trash.png); }
.func_butt.edit { background-image: url(images/file_edit.png); }

/* stream use */

.stream  {
border: #ddd 2px solid; margin: -2px;
-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.select_stream {
border: #ddd 2px solid; margin: -2px;
-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.stream_likes { border-top: 1px solid #ddd; padding: 3px 3px 3px 6px; }
.select_stream .stream_likes {
 background-color: #f1f1f1; }
.select_stream .stream {
border: #ddd 0px solid; margin: 3px 3px 3px 0;
-webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
.select_stream .info { margin: 3px 0 0 0; }
.stream_control { background-color: #f1f1f1;
-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.select_stream .stream_control {
padding: 0 0 3px 4px; margin: 0 0 0 -10px;
-webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
.playback_icon  {
background-color: #666;
filter: alpha(opacity=25); -moz-opacity: 0.25; -khtml-opacity: 0.25; opacity: 0.25;
-webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px;
left: 50%; top: 50%; margin: -16px 0 0 -16px; position: absolute; z-index: 3; }
div.wrap:hover .playback_icon  {
filter: alpha(opacity=75); -moz-opacity: 0.75; -khtml-opacity: 0.75; opacity: 0.75; }
.during_text {
font-size: 9pt; color: #fff; background-color: #000; line-height: 100%; font-weight: bold;
filter: alpha(opacity=80); -moz-opacity: 0.80; -khtml-opacity: 0.80; opacity: 0.80;
-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
right: 0; bottom: 0; position: absolute; z-index: 3; padding: 1px; }

/* ----------------------------------------------------------------------------------------------------------
4) lbcode css
---------------------------------------------------------------------------------------------------------- */

.lbc_code, .lbc_quote, .lbc_reg {
display: block; color: #999; border: 1px solid #dfdfdf;
margin: 10px 20px; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; }

.lbc_quote .title { display: block; background-color: #f1f1f1; padding: 6px 15px; }
.lbc_quote .text { display: block; padding: 15px; line-height: 110%; }

.lbc_reg { color: #499; border-color: #bcc; }
.lbc_reg .title { display: block; background-color: #eff7f7; padding: 6px 15px; }
.lbc_reg .text { display: block; padding: 15px; }
.lbc_reg .text.forbid { color: #888; }

.lbc_code { color: #222; border-color: #888; }
.lbc_code .title { display: block; background-color: #aaa; color: #fff; padding: 6px 15px; }
.lbc_code .text { display: block; padding: 15px; font-family: Courier New, Courier, sans-serif; }

a.lbc { color: #00f; text-decoration: underline; }
a.lbc:visited { text-decoration: underline; }
a.lbc:active { text-decoration: none; }
a.lbc:hover { color: #f00; text-decoration: none; }

.fold_img { color: #2070cf; font-size: 10pt; text-decoration: none; }
a.fold_img:hover { text-decoration: none; }
.fold_img_t { border: 0 dashed #888; border-bottom-width: 1px; }
.fold_img_d { line-height: 100%; font-size: 10px; letter-spacing: 1px; color:#888; font-family: DotumChe; }

.img_resized { border: 1px solid #000; }

.exp_butt, .exp_butt.light {
border: #ccc 1px solid; padding: 3px; margin: 2px; cursor: pointer;
line-height: 160%; font-size: 9pt; font-family: DotumChe; letter-spacing: 1px;
-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
text-decoration: none; background-color: #e0e0e0; color:#000; }
.exp_butt:hover {
text-decoration: none; background-color: #f0f0f0; color:#666; }
.exp_butt:active {
text-decoration: none; background-color: #fff; color:#ccc; }
.exp_butt.light {
border: #bcf 1px solid; background-color: #f2f5ff; color:#2070cf; }
.exp_butt.light:hover {
text-decoration: none; background-color: #f0f0ff; color: #4090df; }
.exp_butt.light:active {
text-decoration: none; background-color: #f0f0f0; color: #bcf; }