@charset "iso-8859-2";
@CHARSET "UTF-8";

body { width: 1000px; margin: 0px 0px; font-family:"Arial Narrow" font-size: 16px;  }


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

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

h1, h2, h3 { padding: 0; margin: 0; font-family: Georgia; }
h3 { font-size: 14px; }

.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 { padding-top: 0px; line-height: 20px; clear: both; }

#head { float: left; width: 363px; padding: 0 0px; font-size: 16px; }
#head h1 { background: url(jqbargraphlogo.png) no-repeat; font-size: 16px; }
#head h1 small { font-size: 16px; padding-left: 20px; }

#head .download a,
#examples .exampleMenu a { 
	-moz-border-radius: 5px; 
	font-style: none; 
	font-size: 14px; 
	background-color: #9b9b9b; 
	color: white; 
	padding: 0px 0px; 
	width: 200px; 
	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: 0px; }
#examples .exampleMenu a { display: block; font-size: 14px; width: 115px; }
#examples code { width: 404px; background: none; float: left; }
#examples h2 { padding-bottom: 10px; }


/*--- shared */



#ftHolder { width: 404px; float: left; text-align: center; height: 243px; padding-top: 0px; }
#ft { border: 0px solid #ff9400; -moz-border-radius: 5px; }
#example { float: left; }
.ft-title { padding: 10px 10px; width: 404px; text-align: left; }


/*--- end:shared */