@CHARSET "UTF-8";

/*representation of page*/
*:focus{outline:none;}

body{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#4e4d4d; padding:0px;  margin: 20px auto; background-color:#FFF;width: 1000px}

h1,h2,h3,h4,h5,h6{ margin:0px;}

p{ margin:10px 0px 10px 0px;}

img{ border:0px;}

/*** Font-face ***/
@font-face {
font-family: 'BebasNeueRegular';
src: url('fonts/BebasNeue-webfont.eot');
src: url('fonts/BebasNeue-webfont.eot?iefix') format('eot'),
url('fonts/BebasNeue-webfont.woff') format('woff'),
url('fonts/BebasNeue-webfont.ttf') format('truetype'),
url('fonts/BebasNeue-webfont.svg#webfont4Bjy2lJe') format('svg');
font-weight: normal;
}
/* @end */

.wrapper{ width:312px; margin:20px auto 0px auto; background-color:#f3f3f3; border:1px solid #00548e;}
.header{ background:url(../images/headerBg.png) repeat-x; height:28px; text-align:center;}
.headerText{ font-size:16px; font-weight:bold; color:#FFF; padding-top:3px; text-shadow:0px 1px 0px #666;}
.bodyContainer{ padding:6px; margin:0px;}
.bodyContainerL{ width:165px; float:left; margin-right:6px;}
.bodyContainerM{ width:90px; float:left;}
.bodyContainerR{ width:18px; float:right;}
.normalText{ font-size:12px; font-weight:normal; color:#333; padding-top:3px;}
.textFild{ width:76px; height:12px; border:1px solid #7f9db9; padding:5px; margin:0px; text-transform:capitalize;}
.emailtextFild{width:76px; height:12px; border:1px solid #7f9db9; padding:5px; margin:0px; }

.bodyContainerL1{ width:133px; float:left; margin-right:6px;}
.bodyContainerM1{ width:148px; float:left;}

.fildWrap{ padding-bottom:10px;}




.vsub{vertical-align:sub;}
.floatLeft{float:left;}
.floatRight{float:right;}
.clearBoth{clear:both; height:0px;}


/*representation of page*/
a { color: #5C7F99; text-decoration: none; }
a:hover { text-decoration: underline; }

.graphLabel, .graphValue { text-align: center; }


#graphHolder3 { padding: 10px; border: 1px solid #f3f3f3; overflow: auto; float: left; }
#graph3 { background-color: #f3f3f3; padding: 10px 0 10px 10px; }

#graph { clear: both; }

.graphValuegraph5 { }


.subBarsgraph6 { padding-left: 5px; }


.graphResolutionByYearTitle { font-weight: bold; padding: 15px; font-size: 14px; text-align: center; }
.graphResolutionByYearHolder { border: 1px solid #ccc; padding: 10px; width: 600px; margin: 30px 0px; float: left; }


code { color: #0101C8; }

h1, h2, h3 { padding: 0; margin: 0; font-family:Arial, Helvetica, sans-serif; }
h3 { font-size: 16px; }

.graphBargraph5 { background: url(web-ruler-600-vertical.gif); }


.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; }

#graphHolder5simpleGraph, #graphHolder2multiGraph, #graphHolder3stackedGraph { float: left; margin-top: 30px; font-family: tahoma; font-size: 12px; }

.comment { color: #808000; }

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

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

#head .download a { text-decoration: none; font-style: italic; font-size: 16px; }
#head .download a:hover { text-decoration: underline; }

#head .headText {  }

#examples #exampleSimple, #examples code, #examples .exampleMenu, #examples #exampleMulti { float: left; }
#examples .exampleMenu { padding-left: 20px; width: 150px; }
#examples .exampleMenu { padding-top: 20px; }
#examples .exampleMenu a { display: block; }
#examples code { width: 400px; padding-left: 20px; }
#examples h2 { padding-bottom: 10px; }

/*table format calculation*/
.simpletable{background: white;border-color: #C5C5C5;border-width: 1px;border-style: solid;border-collapse: collapse;padding: 0px;width: 100%;}
.simpletable th{text-align: right;vertical-align: bottom;border-top:1px solid #C5C5C5;border-bottom:1px solid #C5C5C5;border-right:1px solid #C5C5C5;background: url(../images/bluebar.png);font-weight:bold;color:#FFFFFF;padding:5px;}
.simpletable td{text-align: right;vertical-align: middle;border-right:1px solid #C5C5C5;font-weight: normal;color:#000000;padding:5px;}
.simpletable td.tdcenter{text-align: center;}
.btnrow{text-align:center;padding:10px 11px 12px 25px;background-color: #ffffff;}
.btnrow a{text-decoration: none;}

/*simple barv graph Detais*/
.wrappersimple{ background-color: #f2f2f2; border: 1px solid #CCC;  width: 312px;}
.bodyContainerLsimple{float: left;margin-right: 6px;width: 117px;}

.chkBoxDiv{padding-bottom:5px;}
.chkBoxDiv input[type='checkbox']{vertical-align:sub; margin:0px;}

/* ADD-ON */

#header{
	width:1000px;
	height:117px;
	background:url('../images/header-bg.png') no-repeat;
	margin:0 auto;
	position:relative;
}

#content-container{
	width:960px;
	padding:20px;
	margin:0 auto;
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
}

#content-container h1{
	color:#007cd3;
	font-family:Arial, Helvetica, sans-serif;
}

#footer{
	width:1000px;
	height:70px;
	background:url('../images/footer-bg.png') no-repeat;
	margin:60px auto 20px auto;
	position:relative;
}

.website{
	position:absolute;
	top:19px;
	left:20px;
	color:#007bd1;
	font-size:26px;
	font-weight:bold;
}

.website a{
	color:#007bd1;
}

.phone{
	position:absolute;
	top:22px;
	right:19px;
	color:#555;
	font-size:22px;
}