/*
    ostendis.ch advisor (book & examples)
    copyright (c) 2008 ostendis.ch design team
*/




/*
    LAYERS & LAYOUT
    basic layout for ostendis advisor
*/

#ostendisAdvisor { position: relative; float: left; margin-left: 12px; }
#advisorBook, #advisorExamples { position: relative; width: 330px; }

#abHead, #abContainer, #abBottom,
#aeHead, #aeContainer, #aeBottom {
    position: relative;
    width: 330px;
    height: 28px;
    cursor: default;
    outline: none;
}

#abContainer, #aeContainer {
    height: 240px;
    width: 331px;
    padding: 0 3px 0 3px;
    background: #fff url(../elements/images/advisor/img_advisor_content_background.gif) repeat-y;
	overflow: hidden;
}

#abHead, #aeHead { background: #fff url(../elements/images/advisor/img_advisor_head.jpg) no-repeat; height: 28px; }
#abBottom, #aeBottom { height: 26px; background: url(../elements/images/advisor/img_advisor_bottom.gif) no-repeat; }
#aeBottom { background: url(../elements/images/advisor/img_advisor_bottom_example.gif) no-repeat; }
#abContent, #aeContent { position: absolute; top: 25px; height: 215px; width: 305px; padding: 0 5px 0 15px; }

#abChapter, #aeChapter {
    position: absolute;
    width: 325px;
	height: 21px;
    border-bottom: 1px solid #E0E0E0;
	z-index: 5;
	overflow: hidden;
}


/*
    FONTS & TEXTELEMENTS
    basic layout for ostendis advisor
*/


#ostendisAdvisor h2 { display: block; margin: 18px 0 3px 0; font: bold 11px Arial; color: #555; }
#ostendisAdvisor p, #abContainer li, #aeContainer li { font: 11px Arial; color: #333; line-height: 18px; padding-bottom: 2px; }
#ostendisAdvisor ul { list-style: none; }
#ostendisAdvisor .lastEntry { border: 0; }
#ostendisAdvisor .firstTitle { margin-top: 3px; } /* for first title, we should set a smaller space to top */

span#abChapterLink, span#abChapterContent,
span#aeChapterLink, span#aeChapterContent { display: block; padding: 4px 0 3px 13px; background: #F5F7F9; }
span#abChapterContent, span#aeChapterContent { padding: 0; border-top: 1px solid #E2E2E2; background: #fff; }

#ostendisAdvisor a { color: #FA9132; padding: 0; width: 300px; }
#ostendisAdvisor a.exampleLink { line-height: 18px; padding-left: 15px; color: #FA9132; background: #fff url(../elements/images/advisor/ico_advisor_exlink.gif) no-repeat left center; }
#ostendisAdvisor a.showChapters, #ostendisAdvisor a.showChaptersActive { padding-left: 10px; font: 11px Arial; color: #777; background: url(../elements/images/advisor/ico_advisor_chapturearrow.gif) no-repeat left center; }
#ostendisAdvisor a.showChaptersActive { background: url(../elements/images/advisor/ico_advisor_chapturearrow_open.gif) no-repeat left center; }
ul li { background: url(); }
#ostendisAdvisor img.inlineImg { padding: 3px 5px; vertical-align: middle; }

/*
    ADDITIONAL FUNCTIONS
    additional functions in the ostendisAdvisor
*/

div.advisor_titlenav { position: absolute; display: block; width: 50px; height: 10px; margin: 9px 5px 0 0; border: 1px solid black;  }
span.minimize { position: absolute; left: 300px; top: 12px; cursor: pointer; width: 15px; height: 10px; }
div.advisor_titlenav  img.maximize { display: block; float: right; cursor: pointer; margin-top: 2px; margin-right: 6px; }
span.advisor_scale { float: right; margin: 5px 8px 0 0; }
span.advisor_scale img { display: block; cursor: pointer; padding: 3px;  }
span.advisor_maximize { float: right; margin-top: 5px; }
span.advisor_maximize img { display: block; cursor: pointer; padding: 3px;  }
div.advisorSeperator { background: #ccc; height: 1px; line-height: 1px; font-size: 0px; width: 325px; }


/*
    OSTENDIS ADVISORBOOK STYLES
    specific styles for advisorBook
*/

#advisorBook { margin-bottom: 10px; }
#abContent ul li { background: #fff url(../elements/images/advisor/ico_advisor_liststyle_book.gif) no-repeat 0 6px; padding-left: 10px; }
#abContent #advisorBook_chaptureSelection { position: absolute; display: none; visibility: hidden; background: #fff; z-index: 5; }
	
	/*
    	CHAPTER SELECTION
	*/

	#abChapter ul li { border-bottom: 1px solid #E9E9E9; padding: 1px 0 1px 14px; background: url(); padding-left: 0; }
	#abContainer a.selectChapter { display: block; color: #FA9132; line-height: 15px; padding-left: 10px; }
	#abContainer a.selectChapter:hover { background: url(../elements/images/advisor/ico_advisor_chapterlink.gif) no-repeat left center; }

	/*
		FLEXCROLL STYLES
	*/

	#abContent .scrollgeneric { position: absolute; top: 0; left: 0; line-height: 1px; font-size: 1px; }
	#abContent .vscrollerbase { visibility: visible !important; }
	#abContent .vscrollerbar { width: 12px; background: #fff url(../elements/images/advisor/img_flexscroll_advisor.png) -17px 0px; } /* main scrollbar */
	#abContent .vscrollerbase { width: 15px; background: #fff url(../elements/images/advisor/img_flexscroll_advisor.png) 0px 0px repeat-y; } /* scroll holder */
	#abContent .vscrollerbar, .hscrollerbar { padding-top: 12px; padding-bottom: 16px; z-index: 2; }

	#abContent .vscrollerbarbeg { /* upper scroll element */
    	background: url(../elements/images/advisor/img_flexscroll_advisor.png) -47px 0px no-repeat;
    	width: 12px;
    	height: 14px !important;
	}

	#abContent .vscrollerbarend { /* under scroll element */
    	background: url(../elements/images/advisor/img_flexscroll_advisor.png) -47px 0px no-repeat;
    	width: 12px;
    	height: 14px;
	}

	#abContent .vscrollerbasebeg { /* scrollarow top */
    	background: url(../elements/images/advisor/img_flexscroll_advisor.png) -32px -31px no-repeat;
    	width: 15px;
    	height: 15px !important;
	}

	#abContent .vscrollerbaseend { /* scrollarow bottom */
    	background: url(../elements/images/advisor/img_flexscroll_advisor.png) -62px -31px no-repeat;
    	height: 15px;
    	width: 15px;
	}



/*
    OSTENDIS ADVISOREXAMPLES STYLES
    specific styles for advisorExamples
*/

#aeHead { background: #fff url(../elements/images/advisor/img_advisor_examples_head.jpg) no-repeat; height: 28px; }

#aeContainer { height: 160px; }
#aeContent { height: 135px; }
#aeContent ul li { background: #fff url(../elements/images/advisor/ico_advisor_liststyle_book.gif) no-repeat 0 6px; padding-left: 10px; }

	/*
    	CHAPTER SELECTION
	*/

	#aeChapter ul li { display: block; border-bottom: 1px solid #E9E9E9; height: 18px; padding-left: 14px;  }
	#aeContainer a.selectChapter { display: block; color: #FA9132; line-height: 15px; padding-left: 10px; }
	#aeContainer a.selectChapter:hover { background: url(../elements/images/advisor/ico_advisor_chapterlink.gif) no-repeat left center; }

    /*
		FLEXCROLL STYLES
	*/

	#aeContent .scrollgeneric { position: absolute; top: 0; left: 0; line-height: 1px; font-size: 1px; }
	#aeContent .vscrollerbase { visibility: visible !important; }
	#aeContent .vscrollerbar { width: 12px; background: #fff url(../elements/images/advisor/img_flexscroll_advisor.png) -17px 0px; } /* main scrollbar */
	#aeContent .vscrollerbase { width: 15px; background: #fff url(../elements/images/advisor/img_flexscroll_advisor.png) 0px 0px repeat-y; } /* scroll holder */
	#aeContent .vscrollerbar, .hscrollerbar { padding-top: 12px; padding-bottom: 16px; z-index: 2; }

	#aeContent .vscrollerbarbeg { /* upper scroll element */
    	background: url(../elements/images/advisor/img_flexscroll_advisor.png) -47px 0px no-repeat;
    	width: 12px;
    	height: 14px !important;
	}

	#aeContent .vscrollerbarend { /* under scroll element */
    	background: url(../elements/images/advisor/img_flexscroll_advisor.png) -47px 0px no-repeat;
    	width: 12px;
    	height: 14px;
	}

	#aeContent .vscrollerbasebeg { /* scrollarow top */
    	background: url(../elements/images/advisor/img_flexscroll_advisor.png) -32px -31px no-repeat;
    	width: 15px;
    	height: 15px !important;
	}

	#aeContent .vscrollerbaseend { /* scrollarow bottom */
    	background: url(../elements/images/advisor/img_flexscroll_advisor.png) -62px -31px no-repeat;
    	height: 15px;
    	width: 15px;
	}

.advisorRateTitle {
	color: #92A4B3;
	line-height: 16px;
	font: 16px Arial;
	font-weight: bold;
}

#rateComment {
	position: relative;
	font: 10px Arial;
	width: 267px;
	padding: 2px 0 2px 3px;
	border: 1px solid #bbb;
	margin-bottom: 5px;
	height: 60px;
}

#nf_outputCGC {
	margin-left: 102px;
}

.advisorRateLabel {
	width: 100px;
	margin-top: 5px;
}