@CHARSET "UTF-8";

body {
	padding: 0px;
	margin: 0px;
	font-family: Georgia;
	font-size: 14px;
	background-image: url(main.png);
	background-repeat: no-repeat;
	background-position: center 50px;
	background-color: #000;
}

#page {
	width: 713px;
}

a { color: #5C7F99; text-decoration: none; }
a:hover { text-decoration: underline; }

code { color: #0101C8; background-color: #FFF; padding: 20px; display: block; }

h3 { font-size: 16px; }

.subMenu { clear: both; }
.subMenu a { padding: 5px; background-color: #ccc; color: #3D0017; text-decoration: none; float: left; }
.subMenu a:hover { background-color: #333; }

.dyn { background-color: yellow; }

.comment { color: #808000; }

#doc, #note, #spread, #examples {
	line-height: 20px;
	clear: both;
}

#head {
	float: left;
	width: 713px;
	font-size: 16px;
	padding-top: 0;
	padding-right: 50px;
	padding-bottom: 0;
	padding-left: 50px;
}
#head h1 { background: url(jqbargraphlogo.png) no-repeat; font-size: 35px; }
#head h1 small { font-size: 22px; padding-left: 20px; }

#head .download a,
#examples .exampleMenu a {
	font-style: italic;
	font-size: 16px;
	background-color: #9b9b9b;
	color: white;
	width: 713px;
	margin: 5px;
	display: block;
}
#head .download a:hover, #examples .exampleMenu a:hover, .exampleActive { background-color: #474747 !important; text-decoration: none; }

#head .headText {  }

#examples #exampleSimple, #examples code, #examples .exampleMenu, #examples #exampleMulti { float: left; }
#examples .exampleMenu { width: 150px; }
#examples .exampleMenu { padding-top: 20px; }
#examples .exampleMenu a {
	display: block;
	font-size: 14px;
	width: 713px;
}
#examples code {
	display: none;
	width: 713px;
	background: none;
	float: left;
}
#examples h2 { padding-bottom: 10px; }


/*--- shared */



#ftHolder {
	width: 713px;
	float: left;
	text-align: center;
	height: 266px;
}
#ft {
	width: 713px;
}
#example { float: left; }
.ft-title {
	width: 713px;
	text-align: left;
}


/*--- end:shared */

.topbar h2{ font-weight: normal !important }
.topbar a { color: #3399cc; text-decoration: none; }
.topbar a:hover { text-decoration: underline; }