/*rules for the plot target div.  These will be cascaded down to all plot elements according to css rules*/
.jqplot-target {
	position: relative;
	color: #666666;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1em;
/*	height: 300px;
	width: 400px;*/
}

/*rules applied to all axes*/
.jqplot-axis {
	font-size: 8px;
	color: #b7b7b7;
	background: #f6f6f6;
}

.jqplot-xaxis {
	margin-top: 10px;
}

.jqplot-x2axis {
	margin-bottom: 10px;
}

.jqplot-yaxis {
	margin-right: 10px;
	margin-left: 8px;
	min-width: 32px;
}

.jqplot-y2axis, .jqplot-y3axis, .jqplot-y4axis, .jqplot-y5axis, .jqplot-y6axis, .jqplot-y7axis, .jqplot-y8axis, .jqplot-y9axis, .jqplot-yMidAxis {
	margin-left: 10px;
	margin-right: 10px;
}

/*rules applied to all axis tick divs*/
.jqplot-axis-tick, .jqplot-xaxis-tick, .jqplot-yaxis-tick, .jqplot-x2axis-tick, .jqplot-y2axis-tick, .jqplot-y3axis-tick, .jqplot-y4axis-tick, .jqplot-y5axis-tick, .jqplot-y6axis-tick, .jqplot-y7axis-tick, .jqplot-y8axis-tick, .jqplot-y9axis-tick, .jqplot-yMidAxis-tick {
	position: absolute;
	white-space: pre;
}


.jqplot-xaxis-tick {
	top: 0px;
	/* initial position untill tick is drawn in proper place */
	left: 15px;
/*	padding-top: 10px;*/
	vertical-align: top;
}

.jqplot-x2axis-tick {
	bottom: 0px;
	/* initial position untill tick is drawn in proper place */
	left: 15px;
/*	padding-bottom: 10px;*/
	vertical-align: bottom;
}

.jqplot-yaxis-tick {
	right: 0px;
	/* initial position untill tick is drawn in proper place */
	top: 15px;
/*	padding-right: 10px;*/
	text-align: right;
}

.jqplot-yaxis-tick.jqplot-breakTick {
	right: -20px;
	margin-right: 0px;
	padding:1px 5px 1px 5px;
	/*background-color: white;*/
	z-index: 2;
	font-size: 1.5em;
}

.jqplot-y2axis-tick, .jqplot-y3axis-tick, .jqplot-y4axis-tick, .jqplot-y5axis-tick, .jqplot-y6axis-tick, .jqplot-y7axis-tick, .jqplot-y8axis-tick, .jqplot-y9axis-tick {
	left: 0px;
	/* initial position untill tick is drawn in proper place */
	top: 15px;
/*	padding-left: 10px;*/
/*	padding-right: 15px;*/
	text-align: left;
}

.jqplot-yMidAxis-tick {
	text-align: center;
	white-space: nowrap;
}

.jqplot-xaxis-label {
	margin-top: 10px;
	font-size: 11pt;
	position: absolute;
}

.jqplot-x2axis-label {
	margin-bottom: 10px;
	font-size: 11pt;
	position: absolute;
}

.jqplot-yaxis-label {
	margin-right: 10px;
/*	text-align: center;*/
	font-size: 11pt;
	position: absolute;
}

.jqplot-yMidAxis-label {
	font-size: 11pt;
	position: absolute;
}

.jqplot-y2axis-label, .jqplot-y3axis-label, .jqplot-y4axis-label, .jqplot-y5axis-label, .jqplot-y6axis-label, .jqplot-y7axis-label, .jqplot-y8axis-label, .jqplot-y9axis-label {
/*	text-align: center;*/
	font-size: 11pt;
	margin-left: 10px;
	position: absolute;
}

.jqplot-meterGauge-tick {
	font-size: 0.75em;
	color: #999999;
}

.jqplot-meterGauge-label {
	font-size: 1em;
	color: #999999;
}

table.jqplot-table-legend {
	margin-top: 12px;
	margin-bottom: 12px;
	margin-left: 12px;
	margin-right: 12px;
}

table.jqplot-table-legend, table.jqplot-cursor-legend {
	background: none;
	border: 0 none;
	position: absolute;
	font-size: 11px;
	line-height: 15px;;
}

table.jqplot-table-legend{
	display: block;
}
td.jqplot-table-legend {
	vertical-align:middle;
	display: inline-block;
	border: 0 none;
	padding: 0;
	line-height: 18px;
}
tr.jqplot-table-legend{
	float: left;
	margin-right: 20px;
}
/*
These rules could be used instead of assigning
element styles and relying on js object properties.
*/

/*
td.jqplot-table-legend-swatch {
	padding-top: 0.5em;
	text-align: center;
}

tr.jqplot-table-legend:first td.jqplot-table-legend-swatch {
	padding-top: 0px;
}
*/

td.jqplot-seriesToggle:hover, td.jqplot-seriesToggle:active {
	cursor: pointer;
}

.jqplot-table-legend .jqplot-series-hidden {
	text-decoration: line-through;
}

div.jqplot-table-legend-swatch-outline {
	border: 0 none;
	padding: 0 7px 0 0;
}

div.jqplot-table-legend-swatch {
	width:0px;
	height:0px;
	border-top-width: 9px;
	border-bottom-width: 9px;
	border-left-width: 9px;
	border-right-width: 9px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-style: solid;
}

.jqplot-title {
	top: 0px;
	left: 0px;
	padding-bottom: 0.5em;
	font-size: 1.2em;
}

table.jqplot-cursor-tooltip {
	border: 1px solid #cccccc;
	font-size: 0.75em;
}


.jqplot-cursor-tooltip {
	border: 1px solid #cccccc;
	font-size: 0.75em;
	white-space: nowrap;
	background: rgba(208,208,208,0.5);
	padding: 1px;
}

.jqplot-highlighter-tooltip, .jqplot-canvasOverlay-tooltip {
	border: 0 none;
	border-radius: 3px;
	-moz-border-radius: 3px;
	font-size: 14px;
	line-height: 16px;
	color: #444444;
	white-space: nowrap;
	background: #fff;
	padding: 8px;
	box-shadow: 1px 1px 3px #c3c3c3;
	-moz-box-shadow: 1px 1px 3px #c3c3c3;
	-webkit-box-shadow: 1px 1px 3px #c3c3c3;
}

.jqplot-point-label {
	font-size: 0.75em;
	z-index: 2;
}
	  
td.jqplot-cursor-legend-swatch {
	vertical-align: middle;
	text-align: center;
}

div.jqplot-cursor-legend-swatch {
	width: 1.2em;
	height: 0.7em;
}

.jqplot-error {
/*   Styles added to the plot target container when there is an error go here.*/
	text-align: center;
}

.jqplot-error-message {
/*	Styling of the custom error message div goes here.*/
	position: relative;
	top: 46%;
	display: inline-block;
}

div.jqplot-bubble-label {
	font-size: 0.8em;
/*	background: rgba(90%, 90%, 90%, 0.15);*/
	padding-left: 2px;
	padding-right: 2px;
	color: rgb(20%, 20%, 20%);
}

div.jqplot-bubble-label.jqplot-bubble-label-highlight {
	background: rgba(90%, 90%, 90%, 0.7);
}

div.jqplot-noData-container {
	text-align: center;
	background-color: rgba(96%, 96%, 96%, 0.3);
}