@import url("BrowsePath.css"); 
@import url("BrowsePanel.css"); 
@import url("BrowseOption.css"); 

/* Help Content */
#content table{border-collapse:separate}
#helpMainContent{margin:0 11px 15px 0; width:560px; display:table}
#helpContent{margin:0 11px 15px 4px; width:728px; float:left; display:inline}
.helpBrowseOptions{position:relative; text-align:left; margin:0; padding:5px; background:#F4FCED; border-top:1px solid #ECECEC; border-bottom:1px solid #ECECEC; font-size:9pt; font-weight:bold}
.browseMore{padding-left:13px; color:#090; background:url(http://c.yai.bz/assets/res/imgs/icons/s_go2arrow.gif) no-repeat 5px 50%; position:absolute; top:5px; right:5px; font-weight:normal; font-size:11px}
.helpSeeDetails{color:#9F9F9F; font-size:7pt; white-space:nowrap}

/* Help Both */
#helpMainContent h2, #helpContent h2{font-size:13pt; font-weight:bolder; margin:0 0 5px}
#helpSpecialAnnoucement, #helpTopQuestion, #helpSearch{margin-bottom:20px; padding:0}
#helpSpecialAnnoucement ul, #helpTopQuestion ul, #helpTree ul, #helpSelf ul, #helpSearch ul{margin:0; padding:0; list-style:none}
*html #helpSpecialAnnoucement ul, #helpTopQuestion ul, #helpTree ul, #helpSelf ul, #helpSearch ul{width:100%}
#helpTopQuestion ul li a, #helpSearch ul li a{display:block; color:#333; text-decoration:none; padding:5px 5px 5px 20px; position:relative; font-size:9pt; background:url(http://c.yai.bz/assets/res/imgs/icons/ic_helpquestion.gif) no-repeat 2px 5px; border-top:1px solid #FFF; border-bottom:1px solid #FFF}
*html #helpTopQuestion ul li a, #helpSearch ul li a{width:100%}
#helpSpecialAnnoucement ul li a:hover, #helpTopQuestion ul li a:hover, #helpSearch ul li a:hover{color:#090; border-top:1px solid #CCC; border-bottom:1px solid #CCC; cursor:pointer}

/* Help Self Service Tools */
#helpSelf{margin:0 11px 0 0; width:160px; float:right}
*html #helpSelf{display:inline}
h4.partheader{background:#ABD98A; color:#131; padding:5px 10px; margin:1px 0 0; font-size:9pt; display:block}
.inbox{border:1px solid #CCC; padding:5px 10px; margin-bottom:15px}
#helpSelf ul li{position:relative; padding-left:5px; background:url(http://c.yai.bz/assets/res/imgs/icons/ic_g2e.gif) no-repeat 0px 8px}
*html #helpSelf ul li{width:100%}
#helpSelf ul li a{display:block; color:#333; text-decoration:none; padding:5px}
#helpSelf ul li a:hover{text-decoration:underline}

/* Help Main Special Announcement */
#helpSpecialAnnoucement ul ul{padding-left:15px; list-style-type:disc}
#helpSpecialAnnoucement ul ul li{margin-bottom:3px}
#helpSpecialAnnoucement ul li a{display:block; color:#333; text-decoration:none; padding:5px; border-top:1px solid #FFF; border-bottom:1px solid #FFF}
#helpSpecialAnnoucement ul li li a{display:inline; color:#090; padding:0; border:none}
#helpSpecialAnnoucement ul li li a:hover{border:none}
.helpNoteDate{position:absolute}
.helpNoteContent{margin-left:90px; position:relative; display:block}

/* Help Special Announcement */
.helpNoteContentPage{margin-left:100px; position:relative; display:block}
.helpSpecialAnnoucementContent{margin:5px 5 23px 5px; padding:0}

/* Help Sub Page */
.helpSubContent{font-size:9pt; margin-bottom:15px}

/* Help Answer Page */
#helpAnswerArea{margin-bottom:20px; padding:0}
#helpAnswerArea ul{margin:0; padding:0; list-style:none}
#helpAnswerArea ul li{font-size:9pt; padding:0 0 5px 20px; overflow:hidden}
#helpAnswerArea ul li.question{background:url(http://c.yai.bz/assets/res/imgs/icons/ic_helpquestion.gif) no-repeat 2px 0; font-weight:bold}
#helpAnswerArea ul li.answer{background:url(http://c.yai.bz/assets/res/imgs/icons/ic_helpanswer.gif) no-repeat 2px 0}
#helpAnswerPanel{text-align:left; margin-bottom:10px; padding:5px 0 5px 0; border-top:1px dashed #CCC; border-bottom:1px dashed #CCC; position:relative}
#helpAnswerPanel ul{margin:0; padding:0; list-style:none}
#helpAnswerPanel ul li{position:relative; padding:0 0 5px 20px}
#helpAnswerPanel ul li.useful{background:url(http://c.yai.bz/assets/res/imgs/icons/ic_helpuseful.gif) no-repeat 2px 1px}
#helpAnswerPanel ul li.print{background:url(http://c.yai.bz/assets/res/imgs/icons/ic_helpprint.gif) no-repeat 2px 1px}
#helpAnswerPanel ul li.mail{background:url(http://c.yai.bz/assets/res/imgs/icons/ic_helpmail.gif) no-repeat 2px 1px}
.helpful a.yes, .helpful a.no{vertical-align:middle; display:inline-block; height:16px; padding:2px 13px; margin-right:2px; position:relative; -top:3px}
.helpful a.yes{background:url(http://c.yai.bz/assets/res/imgs/button/Yes.png) no-repeat}
.helpful a.no{background:url(http://c.yai.bz/assets/res/imgs/button/No.png) no-repeat}
.helpful a.yes span, .helpful a.no span{display:none}

#helpFeedBack{position:relative}
#helpFeedBack .title{margin:0; padding:5px 10px; background:url(http://c.yai.bz/assets/res/imgs/background/layer-bar.gif) center #FBDE4A; color:#000; font-size:10pt}
#helpFeedBack .previewtitle{text-align:left; padding-bottom:5px; border-bottom:1px solid #CCC; position:relative}
#helpFeedBack .bold{font-weight:bold}
#helpFeedBack .inbox{background-color:#f6f6f6; border:1px solid #CCC; padding:15px; margin-bottom:15px}
#helpFeedBack .thanks{text-align:center}
#helpFeedBack ol li{margin-bottom:1em}
#helpFeedBack .warning{padding:10px; background:#FFF; border:2px solid #FC0}
a.closebutton{position:absolute; right:10px; top:7px; background:url(http://c.yai.bz/assets/res/imgs/icons/ic_close.gif) no-repeat center left; padding-left:14px; color:#000}
a.closebutton:hover{background-image:url(http://c.yai.bz/assets/res/imgs/icons/ic_close_on.gif); text-decoration:none}
.helpFeedBackButton{padding-left:40px}
#helpFeedBack .hr{border-bottom:1px solid #ECECEC}

/* Help Search */
#helpSearch .answerbox{display:table; width:100%}
#helpSearch .topic{width:500px; display:block}
#helpSearch .section{width:150px; display:block; text-align:left; float:right; position:relative; right:20px; font-size:10px; color:#7F7F7F; font-style:normal}

/* Help Main top Question */
#helpTopQuestion ul{margin-bottom:15px}
#helpTopQuestion ul li{width:100%}
.browseQuestion{text-align:left; margin-top:2px; padding:5px; border-bottom:1px solid #CCC; font-weight:bold; position:relative}