#gdvMain {
	padding-top: 0px;
}

#ulJadeMenu {
	width: 100%;
	height: 26px;
	background: #005040 url(img/jadeMenu.png) repeat-x 0 -26px;	
	z-index: 20;
}

#ulJadeMenu li {
	float: left;
	position: relative;
	width: 110px;
	height: 26px;
	font: bold 13px Verdana,Arial,sans-serif;
	letter-spacing: -1px;
	text-align: center;
}

#ulJadeMenu li a {
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
	cursor: pointer;
}

#ulJadeMenu li span {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 15;
}

#liJdMenuTop span { background: url(img/jadeNav.png) no-repeat 0px 0px; }
#liJdMenuUI span { background: url(img/jadeNav.png) no-repeat -110px 0px; }
#liJdMenuData span { background: url(img/jadeNav.png) no-repeat -220px 0px; }
#liJdMenuAjax span { background: url(img/jadeNav.png) no-repeat -330px 0px; }
#liJdMenuGadget span { background: url(img/jadeNav.png) no-repeat -440px 0px; }

#liJdMenuTop.jadeSel span { background-position: 0px -52px; }
#liJdMenuUI.jadeSel span { background-position: -110px -52px; }
#liJdMenuData.jadeSel span { background-position: -220px -52px; }
#liJdMenuAjax.jadeSel span { background-position: -330px -52px; }
#liJdMenuGadget.jadeSel span { background-position: -440px -52px; }

#liJdMenuTop:hover span { background-position: 0px -26px; }
#liJdMenuUI:hover span { background-position: -110px -26px; }
#liJdMenuData:hover span { background-position: -220px -26px; }
#liJdMenuAjax:hover span { background-position: -330px -26px; }
#liJdMenuGadget:hover span { background-position: -440px -26px; }

#ulJadeMenu li#liJdEffectToggle { float: right; cursor: pointer }
#liJdEffectToggle span { background: url(img/jadeNav.png) no-repeat -550px -52px; }
#liJdEffectToggle.effectOff span { background: url(img/jadeNav.png) no-repeat -550px 0px; }


#ulJadeMenu li:hover > dl {
	display: block;
}
#ulJadeMenu dl {
	display: none;
	position: absolute;
	width: 160px;
	top: 26px;
	left: 0px;
	border-bottom: 1px solid #000000;
	background: #005040 url(img/jadeNav.png) repeat-y -660px 0px;
	text-align: left;	
	color: #ffffff;
	overflow: hidden;
	z-index: 5;
}

#ulJadeMenu dl dt {
	font: bold 13px Verdana,Arial,sans-serif;
	padding: 4px 0px 4px 0px;
	border-bottom: 1px solid #003020;
	text-align: center;
}
#ulJadeMenu dl dd a {
	display: block;
	padding: 4px 0px 4px 10px;
	font: 12px Verdana,Arial,sans-serif;	
	color: #eaeaea;
}
#ulJadeMenu dl dd a:hover {
	background-color: #003020;
	color: #f2fffa;
}

#dvTitleArea {
	float: left;
	width: 750px;
	padding-top: 20px;
	font: 14px Verdana,Helvetica,Arial,sans-serif;
}
#dvTitleArea h2 {
	width: 500px;
	height: 46px;
	margin: 6px auto 12px auto;
	padding-top: 4px;
	background: transparent url(img/jadeTitleBg.png) no-repeat;
	color: #000000;
	font: bold italic 30px Verdana,Helvetica,Arial,sans-serif;
	text-align: center;
}

#dvMenuArea {
	display: none;
	float: right;
	width: 380px;
	height: 260px;
	margin-top: 20px;
	border: 1px dashed #001020;
}

#dvPointArea {
	clear: both;
	width: 750px;
	margin: 20px auto 0px auto;
}
#dvPointArea ul {
	width: 96%;
	margin: 0px auto 0px auto;
	padding: 0px;
}
#dvPointArea li {
	float: left;
	width: 224px;
}
#dvPointArea li.pointEdge {
	float: right;
}
#dvPointArea li.pointSep {
	width: 2px;
	height: 160px;
	margin: 40px 8px 40px 8px;
	padding: 0px;
	border-right: 1px dashed #20a060;
}

#dvPointArea p {
	font: 13px Helvetica,Arial,sans-serif;
	line-height: 1.4em;	
}
#dvPointArea ul.pointEG li {
	margin-left: 2px;
	width: 190px;
	border: 0px;
	font: bold 14px Helvetica,Arial,sans-serif;
	color: #00d020;
	text-align: center;
}
#dvPointArea hr {
	margin: 2px 28px 2px 28px;
	padding: 0px;
	border: 0px;
	color: #c0f0d0;
	background-color: #c0f0d0;
}


h2.glassTitleBV {
	margin: 20px 0px 0px 32px;
	padding: 0px;
	text-align: center;
}
h2.glassTitleBV span, h2.glassTitleBV b, h2.glassTitleBV i {
	display: block;
	float: left;
}
h2.glassTitleBV b, h2.glassTitleBV i  {
	width: 20px;
	height: 30px;
	padding: 0px;
}
h2.glassTitleBV b {
	background: #067c9a url(img/jadeParts.png) no-repeat 0 -56px;	
}
h2.glassTitleBV i {
	background: #067c9a url(img/jadeParts.png) no-repeat -20px -56px;	
}
h2.glassTitleBV span {
	height: 24px;
	padding: 6px 14px 0px 14px;
	background: #067c9a url(img/jadeParts.png) repeat-x 0px -86px;		
	font: bold 15px Helvetica,Arial,sans-serif;
	color: #f0ffff;
}


h2.glassTitleB {
	width: 184px;
	height: 25px;
	margin: 32px auto 6px auto;
	padding-top: 5px;
	background: #f2fffa url(img/jadeParts.png) no-repeat 0px -26px;
	color: #ffffff;
	text-align: center;
	font: bold 15px Helvetica,Arial,sans-serif;
}

h4.glassTitle {
	width: 160px;
	height: 22px;
	margin: 2px auto 6px auto;
	padding-top: 4px;
	background: #f2fffa url(img/jadeParts.png) no-repeat 0px 0px;
	color: #005020;
	text-align: center;
	font: bold 15px Helvetica,Arial,sans-serif;
}



div.jadeAreaHead {
	clear: both;
	width: 786px;
	height: 24px;
	margin-top: 20px;
	padding-left: 10px;
	border: 2px solid #001020;
	border-width: 1px 2px 0px 2px;
	background: #005070 url(img/jadeParts.png) repeat-x 0 -116px;
}
div.jadeHeadSub {
	margin-top: 0px;
}

div.jadeAreaHead a {
	font: bold 14px "Trebuchet MS",Helvetica,Arial,sans-serif;
	color: #d6e0f0;
}
div.jadeAreaHead li {
	float: left;
	position: relative;
	margin-left: 4px;
	text-align: center;
}
div.jadeAreaHead li span, div.jadeAreaHead li b, div.jadeAreaHead li i {
	display: block;
	float: left;
	height: 19px;
	padding-top: 5px;
	cursor: pointer;
}
div.jadeAreaHead li b,div.jadeAreaHead li i  {
	width: 8px;
}
div.jadeAreaHead li b {
	background: transparent url(img/jadeParts.png) no-repeat -40px -56px;	
}
div.jadeAreaHead li i {
	background: transparent url(img/jadeParts.png) no-repeat -48px -56px;	
}
div.jadeAreaHead li span {
	padding: 5px 14px 0px 14px;
	background: transparent url(img/jadeParts.png) repeat-x 0px -140px;		
}
div.jadeAreaHead li.jadeHdLk b {
	background: transparent url(img/jadeParts.png) no-repeat -72px -56px;	
}
div.jadeAreaHead li.jadeHdLk i {
	background: transparent url(img/jadeParts.png) no-repeat -80px -56px;	
}
div.jadeAreaHead li.jadeHdLk span {
	background: transparent url(img/jadeParts.png) repeat-x 0px -188px;
}
div.jadeAreaHead li.jadeHdSel b {
	background: transparent url(img/jadeParts.png) no-repeat -56px -56px;	
}
div.jadeAreaHead li.jadeHdSel i {
	background: transparent url(img/jadeParts.png) no-repeat -64px -56px;	
}
div.jadeAreaHead li.jadeHdSel span {
	background: transparent url(img/jadeParts.png) repeat-x 0px -164px;
}
div.jadeAreaHead li.jadeHdSel a { color: #f8f8ff; }
div.jadeAreaHead a { color: #c8d0f0; }
div.jadeAreaHead a:hover, div.jadeAreaHead li.jadeHdSel a:hover { color: #ffffff; }

div.jadeAreaHead li div {
	position: absolute;
	display: none;
	top: 2.1em;
	left: 2em;
	padding: 4px;
	border: 1px solid #a0a0a0;
	background-color: #001000;
	color: #f0f0f0;
	font: bold 12px sans-serif;
	text-align: center;
}

div.jadeAreaTips { display: none; }



div.jadeArea {
	clear: both;
	width: 756px;
	margin: 0px 0px 20px 0px;
	padding: 16px 20px 16px 20px;
	border: 2px solid #001020;
	border-top: 0px;
	color: #000000;
	background: #f2fffa url(img/jadeMenu.png) repeat-x 0 -148px;
	font: 14px Verdana,Helvetica,Arial,sans-serif;
	z-index: 1;
	-moz-border-radius: 0em 0em 0.4em 0.4em;
}

div.jadeArea a:link, div.jadeArea a:visited  { color: #0000a0; }
div.jadeArea a:hover { text-decoration: underline; }

div.jadeArea div.nsNotice {
	text-align: center;
	font: bold 14px Helvetica,Arial,sans-serif;
	color: #ffd040;
}
div.jadeArea div.nsNotice span {
	padding: 4px;
	border: 2px solid #00a040;
	background-color: #003060;
}

dv.jadeArea div {
	overflow: hidden;
}
div.jadeArea p {
	text-indent: 0px;
	line-height: 1.6em;
}


div.gemParag {
	position: relative;
	margin: 4px 4px 4px 12px;
	padding: 8px;
	background: #f2fffa url(img/jadeParagBg.png) repeat-y 0px 0px;	
}
div.gemParag span.gem {
	display: block;
	position: absolute;
/*	top: 0px; bottom: 0px; margin: auto; */
	top: 24px; 
	left: -10px;
	width: 14px;
	height: 14px;
	background: #f2fffa url(img/jadeParts.png) no-repeat -160px 0px;	
}

div.gemParag h3 {
	margin: 4px;
	height: 23px;
	padding: 3px 0px 0px 8px;
	border: 1px solid #d5ebeb;
	border-bottom: 1px solid #b0c4c4;
	font: bold 17px Verdana,Helvetica,Arial,sans-serif;
	background: #e0e8e8 url(img/jadeMenu.png) repeat-x 0px -52px;
	color: #000000;
	text-indent: 0px;
}
div.gemParag p {
	text-indent: 6px;
}

div.jadeParag {
	width: 718px;
	margin: 10px auto 4px 12px;
	padding: 6px 8px 6px 8px;
	background: #f2fffa url(img/jadeParagBg.png) repeat-y 0px 0px;	
}
div.jadeParag h3 {
	margin: 4px;
	height: 23px;
	padding: 3px 0px 0px 8px;
	border: 1px solid #d0e8e8;
	border-bottom: 1px solid #8ad0d0;
	background-color: #d8f6f8;
	font: bold 17px Verdana,Helvetica,Arial,sans-serif;
	background: #e0e8e8 url(img/jadeMenu.png) repeat-x 0px -78px;
	color: #0040d0;
}
div.jadeParag p {
	text-indent: 6px;
}


div.jadeComment img {
	margin: 4px 0px 0px 26px;
}

div.jadeComment ul {
	padding: 4px 0px 8px 26px;
}
div.jadeComment li {
	padding: 3px;
}
ul.jadePros{ list-style: circle outside; }
ul.jadeCons{ list-style: disc outside; }


h4 {
	color: #a00000;
	font-size: 16px;
	margin: 18px 0px 4px 0px;
}

h4 span {
	padding: 1px 18px 1px 18px;
	height: 22px;
	font: bold 15px Verdana,Helvetica,Arial,sans-serif;
	color: #000000;
}
h4.subHead span {
	border: 1px solid #c0e8d0;
	border-bottom: 1px solid #80c0a0;
	background: #e6ffea url(img/jadeMenu.png) repeat-x 0px -126px;
}
h4.subHeadR span {
	border: 1px solid #e0d0c0;
	border-bottom: 1px solid #c0a080;
	background: #ffe8e0 url(img/jadeMenu.png) repeat-x 0px -104px;
}

div.jadeCode, pre.jadeCode {
	margin: 4px;
	padding: 4px;
	font: 13px Verdana, sans-serif;
	background-color: #f0f0f0;
	border: 1px dashed #004080;
}

div.jadePageArea a {
	font-size: 12px;
	display: block;
	margin-top: -16px;
}

a.jadePagePrev {
	float: left;
	margin-left: 10px;
}
a.jadePagePrev:before { content: "‹‹ "; }

a.jadePageNext {
	float: right;
	margin-right: 10px;
}
a.jadePageNext:after { content: " ››"; }

a.jadeLinkPrev {
	float: left;
	margin-left: 10px;
}
a.jadeLinkPrev:before { content: "‹‹‹ "; }

a.jadeLinkNext {
	float: right;
	margin-right: 10px;
}
a.jadeLinkNext:after { content: " ›››"; }


.jadeSep {
	clear: both;
	height: 2px;
	margin: 18px 24px 26px 30px;
	padding: 0px;
	border: 0px;
	color: #408060;
	background-color: #408060;
}

.jadeSepM {
	clear: both;
	height: 1px;
	margin: 12px 48px 20px 48px;
	padding: 0px;
	border: 0px;
	color: #20a060;
	background-color: #20a060;
}

.jadeSepS {
	clear: both;
	height: 1px;
	margin: 8px 80px 16px 80px;
	padding: 0px;
	border: 0px;
	color: #a0e0d0;
	background-color: #a0e0d0;
}