body{font-size:1em;font-family:arial,helvetica,clean,sans-serif}
body, td, div, p, a, span, li{font-size:1em;line-height:1.4em}
.menu{color:#FFF;line-height:1.2em}
.submenu{background-color:#f8b838;color:#7638BB;line-height:1em}

a:link, a:visited, a:active{color:#586024;text-decoration:none}
a:hover{text-decoration:none;background-color:#586024;color:#FDFFF7}
.q a:visited, .q a:link, .q a:active, .q{text-decoration:none;color:#586024}
.q a:hover, .q:hover{text-decoration:none;background-color:#586024;color:#FDFFF7}
.bg{background-color:#FDFFF7}
.w{background-color:#FFF}
.i,.i:link{color:#a90a08}
.a,.a:link{color:#008000}
.z{display:none}
div.n {margin-top: 1ex}

.ch{cursor:pointer;cursor:hand}
.img{cursor:pointer;cursor:hand;border:#000 1px solid;width:100px}
.imgpda{border:#000 1px solid;width:100px}
.imgusr{cursor:pointer;cursor:hand;width:50px}
.imgusr2{border:none;}
.imgusrx{height:20px;border:none;margin:1px 4px;vertical-align:middle}
.imgusrxf{height:20px;border:none;margin:1px 4px;float:left}
.imgusrpda{width:50px}
.imgmk{border:none;margin:5px 5px 0px 2px}
.imgat{cursor:pointer;cursor:hand;width:80px;border:#000 1px solid;margin:0px 5px 0px 0px}

.t a:link, .t a:visited, .t a:active {text-decoration:none;color:#f8b838}
.t a:hover {text-decoration:none;color:#7638BB;background-color:#f8b838}

.t a.hotlink:link, .t a.hotlink:visited, .t a.hotlink:active {text-decoration:none;color:#FF0}
.t a.hotlink:hover {text-decoration:none;color:#7638BB;background-color:#FF0}

a.t:link, a.t:visited, a.t:active {text-decoration:none;color:#f8b838}
a.t:hover {text-decoration:none;color:#7638BB;background-color:#f8b838}

.t td, .t{color:#FFF;background-color:#7638BB}
.t{line-height: 1.5em}
.t .hl, .t .err{color:#FF0}

.tsf{font-size:83%;color:#FFF;background-color:#7638BB}
.thl{color:#ff0}

.panel_light{background-color:#F2FFC8}
.panel_gray{color:#FFF;background-color:#ccc}
.panel{color:#FFF;background-color:#9bbb38}
.panel .tip, .panel .tipsf{color:#EAFFA6;background-color:#9bbb38}
.panel .hl, .panel .err{color:#FFFF66;background-color:#9bbb38}
.panel a:link, .panel a:visited, .panel a:active {text-decoration:none;color:#FFF0FF}
.panel a:hover {text-decoration:none;color:#9bbb38;background-color:#FFF0FF}
.panel a.blink:link, .panel a.blink:visited, .panel a.blink:active{text-decoration:none;color:#FFF0FF}
.panel a.blink:hover {text-decoration:none;color:#9bbb38;background-color:#FFF0FF}
.panel a.hotlink:link, .panel a.hotlink:visited, .panel a.hotlink:active{text-decoration:none;color:#ffff33}
.panel a.hotlink:hover {text-decoration:none;color:#9bbb38;background-color:#ffff33}

.panel_inner{color:#000;background-color:#FAFFE6}
.panel_inner .tip, .panel_inner .tipsf{color:#777;background-color:#FAFFE6}
.panel_inner .hl, .panel_inner .err{color:#F02000;background-color:#FAFFE6}
.panel_inner a:link, .panel_inner a:visited, .panel_inner a:active {color:#586024}
.panel_inner a:hover {text-decoration:none;color:#FAFFE6;background-color:#586024}
.panel_inner a.hotlink:link, .panel_inner a.hotlink:visited, .panel_inner a.hotlink:active{text-decoration:none;color:#F50505}
.panel_inner a.hotlink:hover {text-decoration:none;color:#FAFFE6;background-color:#F50505}

.panel_inner_sel{color:#FFF;background-color:#9bbb38}
.panel_inner_sel a:link, .panel_inner_sel a:visited, .panel_inner_sel a:active {text-decoration:none;color:#FFF0FF}
.panel_inner_sel a:hover {text-decoration:none;color:#9bbb38;background-color:#FFF0FF}

.panel_t{color:#FFF;background-color:#9bbb38; border-top:1px solid #778F2C} 
.panel_t a:link, .panel_t a:visited, .panel_t a:active{text-decoration:none;color:#FFF0FF}
.panel_t a:hover {text-decoration:none;color:#9bbb38;background-color:#FFF0FF}

.panel_b{color:#FFF;background-color:#9bbb38; border-bottom:1px solid #778F2C} 
.panel_tb{color:#FFF;background-color:#9bbb38; border-top:1px solid #778F2C; border-bottom:1px solid #778F2C;} 
.panel_tb a:link, .panel_tb a:visited, .panel_tb a:active{text-decoration:none;color:#FFF} 
.panel_tb a:hover {text-decoration:none;color:#9bbb38;background-color:#FFF}

.panelframe{background-color:#FAFFE6; border:#778F2C 1px solid}

.menuhl{background-color:#7638BB;color:#f8b838}
a.menuhl:link, a.menuhl:active, a.menuhl:visited{text-decoration:none;padding:0px;border:0px solid #9bbb38;border-style:outset;color:#f8b838}
a.menuhl:hover {text-decoration:none;color:#7638BB;background-color:#f8b838}

.dothr{border-bottom:1px dashed #777;margin-bottom:3px;font-size:1px;height:5px;}
.solid2hr{border-bottom:2px solid #777;margin-bottom:2px;font-size:2px;height:2px;}

.tip{color:#777}
.tiptiny{font-size:70%; color:#777}
.tipsf{font-size:83%; color:#777}
.tip10{font-size:10pt; color:#777}
.sftiny{font-size:70%; line-height: 1.3em}
.sf{font-size:83%; line-height: 1.2em}
.sf10{font-size:10pt; line-height: 1.2em}
.sfg{font-size:83%; color:#DF7811; line-height: 1.2em}
.sfy{font-size:83%; color:#999900}
.grn{color:#DF7811}
.topnum{font-size:140%; color:#DF7811}

.hl{color:#F02000}
.err{color:#E00}
.okay{color:#00E}

.errpanel{color:#000;background-color:#FF6A6A;padding:2px}
.errpanel a:link, .errpanel a:visited, .errpanel a:active{color:#FFF}
.errpanel a:hover{background-color:transparent}
.errpanel_box{color:#000;background-color:#FF6A6A; border:1px solid #8C0000;padding:1px}
.errpanel_box a:link, .errpanel_box a:visited, .errpanel_box a:active{color:#FFF}
.errpanel_box a:hover{background-color:transparent}
.okpanel_box{color:#FFF;background-color:#0000EE;border:1px solid #000080;padding:1px}
.okpanel_box a:link, .okpanel_box a:visited, .okpanel_box a:active{color:#FF0}
.okpanel_box a:hover{background-color:transparent}

.hot_box{text-align:center;color:#000;background-color:#ff9900;border:1px solid #663300;padding:4px 2px;margin-top:18px}

.pre{font-family:Courier New, Courier, mono; line-height: 1.3em}

a.hotlink:link, a.hotlink:visited, a.hotlink:active, .hotlink{color:#F02000}
a.hotlink:hover{color:#FFF;background-color:#F02000}
a.tiplink:link, a.tiplink:visited, a.tiplink:active, .tiplink{color:#777}
a.tiplink:hover{color:#FFF;background-color:#777}
a.glink:link, a.glink:visited, a.glink:active, .glink{color:#DF7811}
a.glink:hover{color:#FFF;background-color:#DF7811}
a.ylink:link, a.ylink:visited, a.ylink:active, .ylink{color:#999900}
a.ylink:hover{color:#FFF;background-color:#999900}
a.blink:link, a.blink:visited, a.blink:active, .blink{color:#000}
a.blink:hover{color:#FFF;background-color:#000}

.stbl {border-collapse:collapse; padding:0px; border-spacing:0px; border:0px}

/* star on/off */
.imgstar{border:none;margin:0px 6px;vertical-align:middle}
/* article/blog image */
.imgab{border:none;margin:0px 4px 0px 0px;vertical-align:middle}

/* selected listbox item */
.son{font-size:0.83em;line-height:1.8em;text-decoration:none;border:#000 1px solid;white-space:nowrap;padding:2px}
a.son:link, a.son:visited, a.son:active, .son{color:#00e;background-color:#FFFF99}
a.son:hover{color:#000;background-color:#ddd}

/* unselected listbox item */
.soff{font-size:0.83em;line-height:1.8em;text-decoration:none;white-space:nowrap;padding:3px}
a.soff:link, a.soff:visited, a.soff:active, .soff{color:#000;background-color:#ddd}
a.soff:hover{color:#000;background-color:#FFFF99}

/* selected tag */
.ton{font-size:12px;line-height:18px;text-decoration:none;border:#000 1px solid;white-space:nowrap}
a.ton:link, a.ton:visited, a.ton:active, .ton{color:#00e;background-color:#FFFF99}
a.ton:hover{color:#000;background-color:#ddd}

/* unselected tag */
.toff{font-size:12px;line-height:18px;text-decoration:none;white-space:nowrap}
a.toff:link, a.toff:visited, a.toff:active, .toff{color:#333;background-color:#ddd}
a.toff:hover{color:#000;background-color:#FFFF99}

/* preselected tag */
.tsel{font-size:12px;line-height:18px;text-decoration:none;border:#000 1px dashed;white-space:nowrap}
a.tsel:link, a.tsel:visited, a.tsel:active, .tsel{color:#333;background-color:#bff}
a.tsel:hover{color:#000;background-color:#FFFF99}

.nw{white-space:nowrap;}

.tlnk{white-space:nowrap}
a.tlnk:link, a.tlnk:visited, a.tlnk:active{color:#333;background-color:#E6E6E6;text-decoration:none}
a.tlnk:hover{color:#00f;background-color:#bbb;text-decoration:underline}

.tmlnk{white-space:nowrap}
a.tmlnk:link, a.tmlnk:visited, a.tmlnk:active, .tmlnk{color:#333;background-color:#FFFF99;text-decoration:none}
a.tmlnk:hover{color:#00f;background-color:#ee0;text-decoration:underline}

/* string in tag line */
.tgstr{display:block;float:left;padding-right:4px;white-space:nowrap}

/* block tag */
.btg, .ytg{font-family:Arial, sans-serif;font-size:11.5px;display:block;
    float:left;padding-left:9px;padding-right:2px;margin-top:1px;margin-bottom:2px;
    text-decoration:none;height:16px;white-space:nowrap}
.btg{background:url(img/tagE6E6E6.gif) center left no-repeat;border-right:1px solid #808080}
.ytg{background:url(img/tagFFFF99.gif) center left no-repeat;border-right:1px solid #808080}
a.btg:link, a.btg:visited, a.btg:active, .btg a:link, .btg a:visited, .btg a:active,
a.ytg:link, a.ytg:visited, a.ytg:active, .ytg a:link, .ytg a:visited, .ytg a:active{color:#333}
a.btg:hover, a.ytg:hover{color:#FFF;text-decoration:none;background-color:transparent;background:url(img/tagSel.gif) center left no-repeat}
.btg a:hover, .ytg a:hover{color:#FFF;text-decoration:none;background-color:#4040FF}

/* one line tag */
.bltg, .yltg{font-family:Arial, sans-serif;font-size:11.5px;display:block;
    float:none;padding-left:9px;padding-right:2px;margin-top:1px;margin-bottom:1px;
    text-decoration:none;height:16px;white-space:nowrap}
.bltg{background:url(img/tagE6E6E6.gif) center left no-repeat;border-right:1px solid #808080}
.yltg{background:url(img/tagFFFF99.gif) center left no-repeat;border-right:1px solid #808080}
a.bltg:link, a.bltg:visited, a.bltg:active, .bltg a:link, .bltg a:visited, .bltg a:active,
a.yltg:link, a.yltg:visited, a.yltg:active, .yltg a:link, .yltg a:visited, .yltg a:active{color:#333}
a.bltg:hover, a.yltg:hover {color:#FFF;text-decoration:none;background-color:transparent;background:url(img/tagSel.gif) center left no-repeat}
.bltg a:hover, .yltg a:hover{color:#FFF;text-decoration:none;background-color:#4040FF}

/* round rectangle/frame */
b.rt{display:block; background: #FDFFF7}
b.rt *{font-size:1px;display:block; height: 1px; overflow: hidden}
b.rtf{display:block; background: #FDFFF7}
b.rtf *{font-size:1px;display:block; height: 1px; overflow: hidden; background: #9bbb38}
b.rti{display:block}
b.rti *{font-size:1px;display:block; height: 1px; overflow: hidden; background: #FDFFF7}
b.r0{margin: 0}
b.r1{margin: 0 1px}
b.r2{margin: 0 2px}
b.r3{margin: 0 3px}
.rw100{width:100%}
.rp1{padding:0 1px}
.rp2{padding:0 2px}
.rp4{padding:0 4px}
/***********************/

.pbg{background:url(img/panel_bg.gif)}

/* for tip window */
#fixedtipdiv {
    position:absolute;left:0;top:0;
    padding: 2px;
    border:1px solid black;
    font:normal 10pt Verdana;
    line-height:18px;
    z-index:10000;
}
div#tipDiv {
  position:absolute; visibility:hidden; left:0; top:0; z-index:10000;
  background-color:#fff; border:0px solid #000; 
  width:1px; padding:0px;
  color:#000; font-size:10pt; line-height:1.3;
}
div#tipDiv div.timg {text-align:center}
div#tipDiv div.txt {text-align:center; margin-top:6px}

/* ajax message right box */
div.ajaxmsg {
  position:absolute; visibility:visible; display:inline; z-index:10000;
  background-color:transparent;
  right:5px; top:5px; width:300px; padding:2px;
  color:#000; font-size:10pt; line-height:1.6;
}

/* ajax message left box */
div.ajaxlb {
  position:absolute; visibility:visible; display:inline; z-index:10000;
  background-color:transparent;
  left:5px; top:5px; width:400px; padding:2px;
  color:#000; font-size:10pt; line-height:1.6;
}

/*************
.mru {
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/mru.png', sizingMethod='scale');
}
.mru[class] {
    background-image:url(img/mru.png);
}
****/
.mru {
    width:306px;
    height:299px;
    overflow:hidden;
    background-image:url(img/mru.png);
}
.mru .gmbt{padding: 6px 13px 42px 7px}

.mrd {
    width:306px;
    height:299px;
    overflow:hidden;
    background-image:url(img/mrd.png);
}
.mrd .gmbt{padding: 34px 13px 14px 7px}

.mlu {
    width:306px;
    height:299px;
    overflow:hidden;
    background-image:url(img/mlu.png);
}
.mlu .gmbt{padding: 6px 7px 42px 13px}

.mld {
    width:306px;
    height:299px;
    overflow:hidden;
    background-image:url(img/mld.png);
}
.mld .gmbt{padding: 34px 7px 14px 13px}

* .gmbt{position:relative;z-index:999995;margin:0px;height:100%;overflow:hidden;}
* .gmbt .gmbtt{position:relative;z-index:999996;margin:0px;height:100%;padding:8px;overflow:auto}
.gmbtt[class] {height:235px}
* .gmbt .gmbttt{position:relative;z-index:999997}
.gmbttt a:link, .gmbttt a:visited, .gmbttt a:active{text-decoration:none}
.gmbttt a:hover{text-decoration:underline}

/*** clipped image *****/
.pimgf{margin-right:4px;display:block;float:left;width:80px;height:60px;overflow:hidden;border:#aaa 1px solid;background-color:#fff}
.pimg{padding:3px;display:block;float:left;width:74px;height:54px;overflow:hidden}
.pimg[class] {margin:3px;padding:0}
.pimg img{cursor:pointer;cursor:hand;width:74px}

.woimgblk{margin-right:4px;display:block;float:left;width:80px;height:60px;overflow:hidden;background:url(img/panel_bg.gif);border:#aaa 1px solid}


/*** app_box ***/
.app_box, .app_box:visited, .app_box:active {
    border: 1px solid transparent; text-decoration: none;
}
.app_box:hover {
    -moz-border-radius-bottomleft:4px;
    -moz-border-radius-bottomright:4px;
    -moz-border-radius-topleft:4px;
    -moz-border-radius-topright:4px;
    border-bottom-left-radius: 4px 4px;
    border-bottom-right-radius: 4px 4px;
    border-top-left-radius: 4px 4px;
    border-top-right-radius: 4px 4px;
    background-color: #D0E7A1; border: 1px solid #83AF2C; text-decoration: none; cursor:pointer;cursor:hand;
}
.qrcode_box {
    -moz-border-radius-bottomleft:4px;
    -moz-border-radius-bottomright:4px;
    -moz-border-radius-topleft:4px;
    -moz-border-radius-topright:4px;
    border-bottom-left-radius: 4px 4px;
    border-bottom-right-radius: 4px 4px;
    border-top-left-radius: 4px 4px;
    border-top-right-radius: 4px 4px;
    background-color: #E0E0E0; 
    border: 1px solid #808080; 
    text-decoration: none;
    padding:4px;
}

/*** ratiung ***/
.bgrating {
    background:transparent url(/img/star_grey.png) repeat-x scroll 0 0;
    display:block; width:80px; height:16px; margin:3px; text-align:left; 
}
.rating {
    background:transparent url(/img/star.png) repeat-x scroll 0 0;
    display:block; height:16px; margin:0; padding:0;
}

.sgrating {
    background:transparent url(/img/star_grey2.png) repeat-x scroll 0 0;
    display:block; width:50px; height:10px; margin:3px; text-align:left;
}
.srating {
    background:transparent url(/img/star2.png) repeat-x scroll 0 0;
    display:block; height:10px; margin:0; padding:0;
}