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