#page {
	MARGIN: 20px auto; WIDTH: 1000px
}
A {
	COLOR: #5c7f99; TEXT-DECORATION: none
}
A:hover {
	TEXT-DECORATION: underline
}
CODE {
	PADDING-BOTTOM: 20px; BACKGROUND-COLOR: #fff; PADDING-LEFT: 20px; PADDING-RIGHT: 20px; DISPLAY: block; COLOR: #0101c8; PADDING-TOP: 20px; -moz-border-radius: 5px
}
H3 {
	FONT-SIZE: 16px
}
.subMenu {
	CLEAR: both
}
.subMenu A {
	PADDING-BOTTOM: 5px; BACKGROUND-COLOR: #ccc; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; FLOAT: left; COLOR: #3d0017; TEXT-DECORATION: none; PADDING-TOP: 5px
}
.subMenu A:hover {
	BACKGROUND-COLOR: #333
}
.dyn {
	BACKGROUND-COLOR: yellow
}
.comment {
	COLOR: #808000
}
#doc {
	LINE-HEIGHT: 20px; CLEAR: both; PADDING-TOP: 40px
}
#note {
	LINE-HEIGHT: 20px; CLEAR: both; PADDING-TOP: 40px
}
#spread {
	LINE-HEIGHT: 20px; CLEAR: both; PADDING-TOP: 40px
}
#examples {
	LINE-HEIGHT: 20px; CLEAR: both; PADDING-TOP: 40px
}
#head {
	PADDING-BOTTOM: 0px; PADDING-LEFT: 50px; WIDTH: 363px; PADDING-RIGHT: 50px; FLOAT: left; FONT-SIZE: 16px; PADDING-TOP: 0px
}
#head H1 {
	BACKGROUND: url(jqbargraphlogo.png) no-repeat; FONT-SIZE: 35px
}
#head H1 SMALL {
	PADDING-LEFT: 20px; FONT-SIZE: 22px
}
#head .download A {
	PADDING-BOTTOM: 5px; BACKGROUND-COLOR: #9b9b9b; FONT-STYLE: italic; MARGIN: 5px; PADDING-LEFT: 10px; WIDTH: 200px; PADDING-RIGHT: 10px; DISPLAY: block; COLOR: white; FONT-SIZE: 16px; PADDING-TOP: 5px; -moz-border-radius: 5px
}
#examples .exampleMenu A {
	PADDING-BOTTOM: 5px; BACKGROUND-COLOR: #9b9b9b; FONT-STYLE: italic; MARGIN: 5px; PADDING-LEFT: 10px; WIDTH: 200px; PADDING-RIGHT: 10px; DISPLAY: block; COLOR: white; FONT-SIZE: 16px; PADDING-TOP: 5px; -moz-border-radius: 5px
}
#head .download A:hover {
	BACKGROUND-COLOR: #474747 !important; TEXT-DECORATION: none
}
#examples .exampleMenu A:hover {
	BACKGROUND-COLOR: #474747 !important; TEXT-DECORATION: none
}
.exampleActive {
	BACKGROUND-COLOR: #474747 !important; TEXT-DECORATION: none
}
#head .headText {
	
}
#examples #exampleSimple {
	FLOAT: left
}
#examples CODE {
	FLOAT: left
}
#examples .exampleMenu {
	FLOAT: left
}
#examples #exampleMulti {
	FLOAT: left
}
#examples .exampleMenu {
	WIDTH: 150px
}
#examples .exampleMenu {
	PADDING-TOP: 20px
}
#examples .exampleMenu A {
	WIDTH: 115px; DISPLAY: block; FONT-SIZE: 14px
}
#examples CODE {
	WIDTH: 310px; DISPLAY: none; BACKGROUND: none transparent scroll repeat 0% 0%; FLOAT: left
}
#examples H2 {
	PADDING-BOTTOM: 10px
}
#ftHolder {
	TEXT-ALIGN: center; WIDTH: 500px; FLOAT: left; HEIGHT: 332px; PADDING-TOP: 90px
}
#ft {
	BORDER-BOTTOM: #bad340 0px solid; BORDER-LEFT: #bad340 0px solid; BORDER-TOP: #bad340 0px solid; BORDER-RIGHT: #bad340 0px solid; -moz-border-radius: 0px
}
#example {
	FLOAT: left
}
.ft-title {
	TEXT-ALIGN: left; PADDING-BOTTOM: 10px; PADDING-LEFT: 10px; WIDTH: 480px; PADDING-RIGHT: 10px; PADDING-TOP: 10px
}
.topbar H2 {
	FONT-WEIGHT: normal !important
}
.topbar A {
	COLOR: #3399cc; TEXT-DECORATION: none
}
.topbar A:hover {
	TEXT-DECORATION: underline
}
.ft-prev {
	PADDING-BOTTOM: 0px; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; PADDING-TOP: 0px; background-color:#444349; color:#ef7f1a;
}
.ft-next {
	PADDING-BOTTOM: 0px; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; PADDING-TOP: 0px; background-color:#444349; color:#ef7f1a;
}
.ft-button-ft-active {
	COLOR: #666666;
}