/**** tag settings ****/
form { margin: 0px 0px 0px 0px }
/* p is the same as br tag, solve the compatiblity betwen FF and IE */
/*p { margin: 0px 0px 0px 0px } */
table { empty-cells: show; /*  border-collapse: collapse; */ }
textarea { border: solid 1px #a0a0a0; font: normal 12px arial; }

/**** common class settings ****/
.html_body {
  margin: 0px 0px 0px 0px;
  font-family: SimSun, Tahoma, arial, sans-serif, Verdana;
  font-size: 12px;
  height: 100%;
  background: url(/images/weijinfeng/bg_dragondecor.gif);
}
.page {
  width:750px;
  height: 100%;
  min-height: 1024px;
  background: white;
}
div.body {
  background: url(/images/weijinfeng/KuaiXueShiQing.jpg) no-repeat top left;
}
div.headings {
  height: 230px;
}
table.body {
  empty-cells: show;
}
.table {
  /*table as a class name*/
  border-collapse: collapse;
}
.textfield {
  font-family: SimSun, Tahoma, arial, sans-serif, Verdana;
  font-size: 12px;
  color: black;
  border: solid 1px #adadad;
  padding-left: 3px;
}
.textfield-s {
  font-family: Tahoma, arial, sans-serif, Verdana;
  font-size: 11px;
  color: black;
  border: solid 1px #adadad;
  padding-left: 3px;
}
.textfield_nbr { 
  color: #707070; font: normal 12px arial; border: solid 1px #adadad;
  text-align: center;
}
.pagenbr, .inpt_txt_pg, .inpt_txt_nbr {
  border: solid 1px #adadad; font: normal 11px tahoma;
  text-align: center; color: #be0029;
  margin: 0px 0px 0px 0px;
}
.textfile { font: normal 12px arial; } /* input field file type */
.select, 
.selectfield { 
  border: solid 1px #a0a0a0; font: normal 12px arial; 
  color: #606060; }
.select-s, .selectfield-s { 
  font: normal 11px tahoma; color: #606060; 
  border: solid 1px #a0a0a0; height: 17px 
}
.uploadfield {
  color: #808080;
  font-family: Tahoma, arial, sans-serif, Verdana;
  font-size: 11px;
  padding-left: 3px;
}
.imagelink { border: none; }
.imageclickable { cursor: pointer; }
.inline_button { position: relative; top: 5px }
.picture {
  border: solid 1px green;
  cursor: hand;
  margin: 5px;
}
.hltext { color: orange; }
.link { text-decoration: none; color: #2d6d2d; }
.link:hover { color: #be0029; text-decoration: underline; }
.textlink { text-decoration: none; color: #2d6d3d; }
.textlink:hover { color: #be0029 }
.textlink0 { text-decoration: none; color: #0d4d1d; }
.textlink0:hover { color: #be0029 }
.textlink2 { text-decoration: underline; color: #2d6d3d; }
.textlink2:hover { color: #be0029 }
.textlink3 { text-decoration: none; color: #808080; }
.textlink3:hover { text-decoration: underline; color: #be0029 }
.textlink4 { text-decoration: none; color: #808080; }
.textlink4:hover { text-decoration: none; color: #be0029 }
.textlink5 { text-decoration: none; color: #2d6d2d; }
.textlink5:hover { text-decoration: underline; color: #be0029 }
a.captionlink { color: darkgreen; text-decoration: none; }
a.captionlink:hover { color: #be0029; }
.money-small { font: normal 11px tahoma; color: #be0029 }
.money-medium { font: bold 12px tahoma; color: #be0029 }
.content_title {
  text-align: left;
  margin: 0px 0px 20px 0px;
}
.subtitle {
  font: normal 12px tahoma;
  color: #004080;
  margin-bottom: 10px;
}
.doc_title {
  padding-left: 5px;
  font-size: 12pt;
  height: 35px;
}

div.decor_top {
  width: 520px;
  height: 25px;
  line-height: 24px;
  font-size: 12pt;
  /*background: url(/images/weijinfeng/decor_top520.png) no-repeat;*/
  background: url(/images/chinese_tradition/panel_top.png) no-repeat;
  text-align: center;
  color: black;
}
div.decor_bottom {
  width: 520px;
  height: 25px;
  background: url(/images/chinese_tradition/panel_bottom.png) no-repeat;
}

/* Table cells for certain purposes */
td.label { vertical-align: top; }
td.fullname { text-align: left }
tr.odd_row, tr.row1 { background-color: #f7f4e9; }
tr.even_row, tr.row0 { background-color: #f4eee3; }
td.dtm {
  font-family: Tahoma, arial, sans-serif, Verdana;
  font-size: 11px;
  text-align: center;
  width: 80px;
}
td.dtm_full {
  font-family: Tahoma, arial, sans-serif, Verdana;
  font-size: 11px;
  text-align: center;
  width: 118px;
}
td.numeric {
  text-align: center;
}

.container { background-color: #f7f4e9; }

/**** purpose oriented widgets ****/

/* media player */
.player_title {
  background-color: black;
  color: #f7f4e9;
  border-bottom: solid 1px #303030;
}
.player_actions {
  background-color: black;
  color: #f7f4e9;
  text-align: right;
}

/* login widget */
div.login_panel {
  padding-top: 10px;
}
table.login_panel {
  width: 100%;
  text-align: left;
}
.login_label {
  width: 45px;
  font-size: 11px;
}
input.login_username, input.login_password { width: 80px; }
.login_action {
  height: 35px;
  text-align: center;
}
.login_field {
  width: 100px;
}

/* image thumbnail */
div.thumbframe { 
  display: table-cell; 
  vertical-align: middle; text-align: center; 
  width: 120px; height: 100px; line-height: 100px;
  background: url(/images/thumbframe-rnd-w100x75.png) no-repeat center center;
}
img.thumbnail { vertical-align: middle; }

/* calendar selector */
.cal_container {
  text-align: right;
  height: 27px;
  line-height: 27px;
  padding-right: 3px;
}
.cal_input {
  font-family: Tahoma, arial, Verdana;
  font-size: 11px;
  color: black;
  border: solid 1px #adadad;
}
img.cal_sel_date {
  position: relative;
  top: 4px;
  border: none;
}
div.calendar_div {
  position: absolute;
  visibility: hidden;
  background-color: #fbf2f1;
}
td.cal_cpYearNavigation {
  text-align: left;
}

td.cal_cpMonthNavigation {
  padding-left: 2px;
}

select.cal_cpYearNavigation, select.cal_cpMonthNavigation {
  border: solid 1px #a0a0a0;
  font-family: Tahoma, sans-serif, Verdana, arial;
  font-size: 11px;
  background-color: white;
  color: black;
}

.cal_cpDayColumnHeader {
  text-align:right;
  font-family: Tahoma, sans-serif, Verdana, arial;
  font-size: 10px;
  /*border-width:0 0 1 0; */
}

.cal_cpCurrentDate, a.cal_cpCurrentDate {
  font-family: Tahoma, arial, sans-serif, Verdana;
  font-size: 10px;
  color: red;
  text-align:right;
  text-decoration:none;
}
a.cal_cpCurrentDate:hover {
  color: blue;
  text-decoration: underline;
}

.cal_cpCurrentMonthDate, a.cal_cpCurrentMonthDate {
  font-family: Tahoma, arial, sans-serif, Verdana;
  font-size: 10px;
  color: black;
  text-decoration:none;
  text-align: right;
}
a.cal_cpCurrentMonthDate:hover {
  color: green;
  text-decoration: underline;
}

.cal_cpOtherMonthDate, a.cal_cpOtherMonthDate { 
  font-family: Tahoma, arial, sans-serif, Verdana;
  font-size: 10px;
  color:#a0a0a0;
  text-align: right;
  text-decoration: none;
}
a.cal_cpOtherMonthDate:hover {
  color: orange;
  text-decoration: underline;
}

a.cal_cpTodayText {
  text-decoration: none;
  color: black;
  font-family: sans-serif, Verdana, Tahoma, arial;
  font-size: 11px;
}
a.cal_cpTodayText:hover {
  color: #be0029;
  text-decoration: underline;
}

table.cal_cpBorder {
  border: solid 1px #dac99c;
  text-align: center;
}

/* weblog (body) viewer */
div.wv_container { background-color: #f7f4e9 }
.wv_title {
  font-size: 12pt;
  padding: 5px 5px 10px 5px;
  text-align: center;
}
.wv_video {
  padding: 0px 5px 5px 5px;
  float: left;
}
div.wv_body {
  font-family: SimSun, Tahoma, arial, sans-serif, Verdana;
  font-size: 11pt;
  padding: 0px 5px 5px 5px;
  line-height: 1.3
}
div.wv_images { padding: 5px 10px 5px 10px; }
table.wv_images { width: 100%; }
td.wv_image {
  width: 50%;
  text-align: center;
  vertical-align: top;
}
div.wv_image { }
div.wv_image_desc {
  padding-left: 20px;
  text-align: left;
  width: 200px;
}
div.wv_comments { border-top: solid 1px #ead9ac; }
div.wv_comment_creator { border-top: solid 1px #ead9ac; }
/* tabbing */
table.tabs {
  width: 100%;
  border-collapse: collapse;
}
td.tab_space {
  width: 5px;
  border-bottom: solid 1px #ead9ac;
}
td.tab_padding {
  border-bottom: solid 1px #ead9ac;
}
td.tab_a {
  text-align: center;
  width: 70px;
  padding: 3px 0px 4px 0px;
  border: solid 1px #ead9ac;
  border-bottom: solid 1px #f7f4e9;
  background: url(/images/weijinfeng/wjf-bg3x24.gif) repeat-x;
}
td.tab_ina {
  text-align: center;
  width: 70px;
  padding: 3px 0px 3px 0px;
  border: solid 1px #ead9ac;
}

/* page header */
.ct_header { height: 90px }

/* accessories */
div.acc_box {width: 100%; height: 20px; }
table.acc_box { width: 100% }
td.acc_wtnames { width: 100px; text-align: right }
select.acc_wtnames { width: 60px}

/* logo */
td.logo { text-align: left; padding-left: 5px; }

/* header */
.header_icon_lnk {
  text-decoration: none;
  color: #96770e;
}
.header_icon_lnk:hover { color: darkred; }
.header_icon {
  text-align: center;
  font: normal 12px tahoma;
}
.header_icon_img { margin-bottom: 4px; }
div.classified {
  position: relative;
  width: 100%;
  height: 140px;
}
div.clsfd_bg {
  position: absolute;
  width: 100%;
  /*background: url(/images/chinese_tradition/bgs/QingMingShangHeTu4.jpg) no-repeat top left;*/ 
  height: 130px;
}
table.classified {
  position: relative;
  background: url(/images/chinese_tradition/nav_bg.png);
  width: 100%;
  height: 32px;
  border-collapse: collapse;
  text-align: center;
}
div.clsfd_scrollers {
  position: relative;
  width: 100%;
  top: 75px;
  height: 30px;
  text-align: right;
}
table.clsfd_scrollers { width: 100%}
td.clsfd_scroller {
  width: 14px;
}
td.clsfd_user { text-align: left; padding-left: 5px; }
a.clsfd_user { color: #eeeea0; text-decoration: none; border: none }
a.clsfd_user:hover { color: #be0029;  }
.clsfd_date {
  width: 170px;
}
.clsfd_wdate {
  font: normal 11px verdana;
  padding-top: 3px;
}
td.clsfd_cell {
  width: 70px;
  font: normal 12px tahoma;
}
td.clsfd_current {
  background: url(/images/chinese_tradition/nav_bg_a.png);
}
img.clsfd_icon {
  border: none; margin-right: 8px;
  position: relative; top: 4px; 
}
a.clsfd_link { text-decoration: none; color: white; }
a.clsfd_link:hover { color: #fee029 }

.user_bar {
  background: url(/images/weijinfeng/text-bar.gif);
  font: normal 12px arial;
  color: #870401;
  text-align: right;
  padding-right: 5px;
  width: 80px;
}

/* page footer */
div.footer { border-top: solid 1px #ead9ac; padding-top: 3px; margin-top: 10px;}

/* left bar */
td.leftbar { 
  /* total width of leftbar is 170 */
  width: 180px; height: 300px; 
  vertical-align: top; 
  padding: 10px 0px 10px 0px;
}
div.leftbar_box { width: 170px; margin-bottom: 15px }
.leftbar_title, div.login_title, div.wks_title {
  background: url(/images/weijinfeng/menu-title.gif) no-repeat;
  text-align: center;
  height: 24px;
  line-height: 24px;
  color: #870401;
}
.leftbar_panel_header {
  width: 170px; height: 20px;
  background: url(/images/chinese_tradition/box_top.png) no-repeat;
}
.leftbar_panel_footer {
  width: 170px; height: 20px;
  background: url(/images/chinese_tradition/box_bottom.png) no-repeat;
}
.leftbar_panel {
  background-color: #f7f4e9; 
  text-align: center;
  padding: 5px 0px 5px 0px;
}

/* menu */

.menu_panel { padding-left: 20px; }
table.menu { text-align: left;  /*color: #898989;*/ }
img.menu_bullet { margin-right: 3px; position: relative; top: 4px  }
td.menu_item { height: 23px;}
a.menu_item { text-decoration: none; color: black; }
a.menu_item:hover { color: #be0029 }
a.mi_current { color: rgb(251,146,2) }

/*
a.mi_top { text-align: left; padding: 2px 0px 2px 0px}

td.mi_sub { text-align: left; padding: 2px 0px 2px 0px }
.mi_sub_item { text-decoration: none; color: #898989; }
.mi_sub_item:hover { color: #be0029 }
*/

/* bottom menu */
.copyright {
  font: normal 11px tahoma;
  text-align: left;
}
.bottom_menu {
  text-align: right; 
  font: normal 11px tahoma;
}
.bottom_menu_lnk, .bottom_menu_lnk:visited { 
	text-decoration: none;	
  color: black;
}
.bottom_menu_lnk:hover, .bottom_menu_lnk:focus { 
  color: #be0029; 
}

/* Contents */
.content_area { 
  vertical-align: top; text-align: left; 
  padding: 10px 0px 10px 0px;
}
.content { /* the div that enclose the entire content */
  text-align: left;
  /*margin: 25px 15px 15px 25px;*/
  width: 520px;
  font: normal 12px arial;
  color: black;
  padding: 5px 0px 5px 0px;
}
.content_container {
}

/* login page content */
.user_photo {
    /*width: 150px; height: 112px; */border: none;
      margin-bottom: 5px;
}


/* error/status message display */
.error_panel {
  width: 300px; height: 250px; 
  background: url(/images/weijinfeng/wjf-roundbg.gif) no-repeat;
  margin: 50px 0px 20px 0px;
  padding: 30px 0px 20px 0px;
}
.err_msg { text-align: left; font: normal 12px tahoma; color: #be0029 }
span.status, div.status, p.status { font: normal 8pt arial; text-align: left; }
p.status { height: 50px }


/* media decoration */
.media_header {
  width: 270px;
  height: 20px;
  background: url(/images/weijinfeng/top-270x20.gif) no-repeat;
  font-family: sans-serif, Verdana, Tahoma, arial;
  font-size: 11px;
  color: black;
}
.media_footer {
  width: 270px;
  height: 12px;
  background: url(/images/weijinfeng/bottom-270x12.gif) no-repeat;
}

/* widgets for browsing */
div.scrollbar_top {
  padding-right: 5px;
  border-bottom: solid 1px #ead9ac;
}
div.scrollbar_bottom {
  padding-right: 5px;
  border-top: solid 1px #ead9ac;
}
table.scrollbar {
  width: 100%;
}
td.page_nbr {
  text-align: left;
  padding-left: 3px;
}
td.scroll_buttons {
  text-align: right;
}
a.scroll {
  text-decoration: none;
  color: #8a5d09;
}
a.scroll:hover {
  text-decoration: underline;
  color: #be0029;
}
div.matrix {
  background-color: #f7f4e9;
}
table.matrix {
  width: 100%;
  text-align: center;
}
tr.column_title, tr.column_head {
  background-color: #ebebda;
  border-bottom: solid 1px #ead9ac;
}
td.column_title, td.column_head {
  font-size: 12px;
  text-align: center;
  background-color: #e7e4d9;
}
a.column_title, a.column_head {
  color: darkgreen;
  text-decoration: none;
}
a.column_title:hover, a.column_head:hover {
  color: #be0029;
  text-decoration: underline;
}

/*  docview  widgets */

div.docvw_panel {
  width: 520px;
  background-color: #f7f4e9;
}
td.docvw_toc { text-indent: 3px; }
div.docvw_title {
  text-align: center;
  font-family: SimSun, Arial, Tahoma;
  font-size: 14pt;
  color: black;
  height: 30px;
  line-height: 30px;
}
div.docvw_subtitle {
  text-align: center;
  font-family: SimSun, Arial, Tahoma;
  font-size: 11pt;
  color: black;
  height: 30px;
  line-height: 30px;
}
div.docvw_browse {
  text-align: right;
  border-bottom: solid 1px #ead9ac;
  padding-right: 5px;
}
div.docvw_body {
  font-family: SimSun, Arial, Tahoma;
  font-size: 11pt;
  color: black;
  text-align: left;
  padding: 5px;
}

/* document viewer */
div.docv_container { width: 520px; background-color: #f7f4e9; }
div.docv_shortcuts { height: 30px; text-align: right; }
div.docv_dtms { float: left }
div.docv_brief { border-bottom: solid 1px #ead9ac; }
div.docv_text { padding: 3px 3px 3px 3px; }

/* -- Boke index -- */
.bki_container { 
  width: 100%;
}
.bki_caption {
  text-align: center;
  border-bottom: dotted 1px #ead9ac;
  height: 30px;
  line-height: 30px;
  margin-bottom: 10px
}
.bki_blogger_area {
  text-align: center;
  background-color: white;
  border: solid 1px #ead9ac;
  padding: 3px 1px 5px 1px;
}
.bki_blog_fn {
  margin-bottom: 5px;
  padding-left: 3px;
  height: 25px;
}

/* boke latests */
div.iab_title {
  font-size: 8pt;
  width: 100px;
  text-align: center;
}

/* -- Boke Ranker -- */

div.brank_container { }
table.brank_table {
  width: 100%;
  text-align: center;
  color: black;
}
td.brank_phase { width: 70px; }
select.brank_phase {
  font-size: 10px;
  width: 70px;
}

/* boke intro */

div.bintro_container {
  font-family: SimSun, Arial;
  font-size: 11pt;
  color: black;
  line-height: 22px;
}
div.bintro_welcome {
  font-size: 16pt;
  color: #c97e01;
  margin-bottom: 30px;
}
span.bintro_textlink {
  font-family: Verdana, Tahoma, Arial;
  font-size: 12px;
  color: #bf7e10;
}
div.bintro_subtitle {
  font-size: 14pt;
  color: #c97e01;
  margin-top: 25px;
  margin-bottom: 10px;
}
a.bintro_textlink {
  font-family: Verdana, Tahoma, Arial;
  font-size: 12px;
  text-delsfd_link {
  color: white;
}
.user_bar {
  background: url(/images/weijinfeng/text-bar.gif);
  font: normal 12px arial;
  color: #870401;
  text-align: right;
  padding-right: 5px;
  width: 80px;
}

/* page footer */
div.footer { border-top: solid 1px #ead9ac; padding-top: 3px; margin-top: 10px;}

/* left bar */
td.leftbar { 
  /* total width of leftbar is 170 */
  width: 180px; height: 300px; 
  vertical-align: top; 
  padding: 10px 0px 10px 0px;
}
div.leftbar_box { width: 170px; margin-bottom: 15px }
.leftbar_title, div.login_title, div.wks_title {
  background: url(/images/weijinfeng/menu-title.gif) no-repeat;
  text-align: center;
  height: 24px;
  line-height: 24px;
  color: #870401;
}
.leftbar_panel_header {
  width: 170px; height: 20px;
  background: url(/images/chinese_tradition/box_top.png) no-repeat;
}
.leftbar_panel_footer {
  width: 170px; height: 20px;
  background: url(/images/chinese_tradition/box_bottom.png) no-repeat;
}
.leftbar_panel {
  background-color: #f7f4e9; 
  text-align: center;
  padding: 5px 0px 5px 0px;
}

/* menu */

.menu_panel { padding-left: 20px; }
table.menu { text-align: left; font: normal 12px arial; /*color: #898989;*/ }
img.menu_bullet { margin-right: 3px; position: relative; top: 4px  }
td.menu_item { height: 23px;}
a.menu_item { text-decoration: none; color: black; }
a.menu_item:hover { color: #be0029 }
a.mi_current { color: rgb(251,146,2) }

/*
a.mi_top { text-align: left; padding: 2px 0px 2px 0px}

td.mi_sub { text-align: left; padding: 2px 0px 2px 0px }
.mi_sub_item { text-decoration: none; color: #898989; }
.mi_sub_item:hover { color: #be0029 }
*/

/* bottom menu */
.copyright {
  font: normal 11px tahoma;
  text-align: left;
}
.bottom_menu {
  text-align: right; 
  font: normal 11px tahoma;
}
.bottom_menu_lnk, .bottom_menu_lnk:visited { 
	text-decoration: none;	
  color: black;
}
.bottom_menu_lnk:hover, .bottom_menu_lnk:focus { 
  color: #be0029; 
}

/* Contents */
.content_area { 
  vertical-align: top; text-align: left; 
  padding: 10px 0px 10px 0px;
}
.content { /* the div that enclose the entire content */
  text-align: left;
  /*margin: 25px 15px 15px 25px;*/
  width: 520px;
  font: normal 12px arial;
  color: black;
  padding: 5px 0px 5px 0px;
}
.content_container {
}

/* login page content */
.user_photo {
    /*width: 150px; height: 112px; */border: none;
      margin-bottom: 5px;
}


/* error/status message display */
.error_panel {
  width: 300px; height: 250px; 
  background: url(/images/weijinfeng/wjf-roundbg.gif) no-repeat;
  margin: 50px 0px 20px 0px;
  padding: 30px 0px 20px 0px;
}
.err_msg { text-align: left; font: normal 12px tahoma; color: #be0029 }
span.status, div.status, p.status { font: normal 8pt arial; text-align: left; }
p.status { height: 50px }


/* media decoration */
.media_header {
  width: 270px;
  height: 20px;
  background: url(/images/weijinfeng/top-270x20.gif) no-repeat;
  font-family: sans-serif, Verdana, Tahoma, arial;
  font-size: 11px;
  color: black;
}
.media_footer {
  width: 270px;
  height: 12px;
  background: url(/images/weijinfeng/bottom-270x12.gif) no-repeat;
}

/* widgets for browsing */
div.scrollbar_top {
  padding-right: 5px;
  border-bottom: solid 1px #ead9ac;
}
div.scrollbar_bottom {
  padding-right: 5px;
  border-top: solid 1px #ead9ac;
}
table.scrollbar {
  width: 100%;
}
td.page_nbr {
  text-align: left;
  padding-left: 3px;
}
td.scroll_buttons {
  text-align: right;
}
a.scroll {
  text-decoration: none;
  color: #8a5d09;
}
a.scroll:hover {
  text-decoration: underline;
  color: #be0029;
}
div.matrix {
  background-color: #f7f4e9;
}
table.matrix {
  width: 100%;
  text-align: center;
}
tr.column_title, tr.column_head {
  background-color: #ebebda;
  border-bottom: solid 1px #ead9ac;
}
td.column_title, td.column_head {
  font-size: 12px;
  text-align: center;
  background-color: #e7e4d9;
}
a.column_title, a.column_head {
  color: darkgreen;
  text-decoration: none;
}
a.column_title:hover, a.column_head:hover {
  color: #be0029;
  text-decoration: underline;
}

/*  docview  widgets */

div.docvw_panel {
  width: 520px;
  background-color: #f7f4e9;
}
td.docvw_toc { text-indent: 3px; }
div.docvw_title {
  text-align: center;
  font-family: SimSun, Arial, Tahoma;
  font-size: 14pt;
  color: black;
  height: 30px;
  line-height: 30px;
}
div.docvw_subtitle {
  text-align: center;
  font-family: SimSun, Arial, Tahoma;
  font-size: 11pt;
  color: black;
  height: 30px;
  line-height: 30px;
}
div.docvw_browse {
  text-align: right;
  border-bottom: solid 1px #ead9ac;
  padding-right: 5px;
}
div.docvw_body {
  font-family: SimSun, Arial, Tahoma;
  font-size: 11pt;
  color: black;
  text-align: left;
  padding: 5px;
}

/* document viewer */
div.docv_container { width: 520px; background-color: #f7f4e9; }
div.docv_shortcuts { height: 30px; text-align: right; }
div.docv_dtms { float: left }
div.docv_brief { border-bottom: solid 1px #ead9ac; }
div.docv_text { padding: 3px 3px 3px 3px; }

/* -- Boke index -- */
.bki_container { 
  width: 100%;
}
.bki_caption {
  text-align: center;
  border-bottom: dotted 1px #ead9ac;
  height: 30px;
  line-height: 30px;
  margin-bottom: 10px
}
.bki_blogger_area {
  text-align: center;
  background-color: white;
  border: solid 1px #ead9ac;
  padding: 3px 1px 5px 1px;
}
.bki_blog_fn {
  margin-bottom: 5px;
  padding-left: 3px;
  height: 25px;
}

/* boke latests */
div.iab_title {
  font-size: 8pt;
  width: 100px;
  text-align: center;
}

/* -- Boke Ranker -- */

div.brank_container { }
table.brank_table {
  width: 100%;
  text-align: center;
  color: black;
}
td.brank_phase { width: 70px; }
select.brank_phase {
  font-size: 10px;
  width: 70px;
}

/* boke intro */

div.bintro_container {
  font-family: SimSun, Arial;
  font-size: 11pt;
  color: black;
  line-height: 22px;
}
div.bintro_welcome {
  font-size: 16pt;
  color: #c97e01;
  margin-bottom: 30px;
}
span.bintro_textlink {
  font-family: Verdana, Tahoma, Arial;
  font-size: 12px;
  color: #bf7e10;
}
div.bintro_subtitle {
  font-size: 14pt;
  color: #c97e01;
  margin-top: 25px;
  margin-bottom: 10px;
}
a.bintro_textlink {
  font-family: Verdana, Tahoma, Arial;
  font-size: 12px;
  text-decoration: none;
  color: darkgreen;
}
a.bintro_textlink:hover {
  text-decoration: underline;
  color: #be0029;
}