@CHARSET "UTF-8";

body { padding: 0px; margin: 0px; font-family: calibri; font-size: 10px; background: #CFCFCF url() no-repeat center 0px; }

#page { width: 1000px; margin: 0px auto; }

a { color: #5C7F99; text-decoration: none; }
a:hover { text-decoration: underline; }
a.link6:active, a.link6:link, a.link6:visited, a.link6:hover {  
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #1A428A;
	font-weight: normal;
	text-decoration: none;
}

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

h3 { font-size: 16px; }

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

.dyn { background-color: yellow; }

.comment { color: #808000; }

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

#head { float: left; width: 363px; padding: 0 50px; font-size: 16px; }
#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 { 
	-moz-border-radius: 5px; 
	font-style: calibri; 
	font-size: 16px; 
	background-color: #9b9b9b; 
	color: white; 
	padding: 5px 10px; 
	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: center; }
#examples .exampleMenu { width: 150px; }
#examples .exampleMenu { padding-top: 20px; }
#examples .exampleMenu a { display: block; font-size: 14px; width: 115px; }
#examples code { display: none; width: 310px; background: none; float: center; }
#examples h2 { padding-bottom: 10px; }


/*--- shared */



#ftHolder { position: center; float: center; text-align: center;  padding-top: 20px; }
#ft { font-family: calibri,verdana,thaoma; font-size: 16px; border: 0px solid #FFCC00; -moz-border-radius: 0px; }
.ft-title { padding: 10px 10px; width: 630px; text-align: center; }



/*--- end:shared */

.topbar h2{ font-weight: normal !important }
.topbar a { color: #3399cc; text-decoration: none; }
.topbar a:hover { text-decoration: underline; }
.ft-button-ft-active { font-family: calibri; font-size: 11px; color: ; }