/*rules for the plot target div.  These will be cascaded down to all plot elements according to css rules*/
#pie{
margin:0 auto;
padding:0;
width:100%;
}
#course #pie{
margin:-0.5em auto -1.5em auto;
}
#main #pie table,#main #pie table td,#main #pie table th{
border:0 none;
background:none;
width:auto;
margin:0;
padding:0;
}
#main #pie table.jqplot-table-legend{
margin:0 0 0 50px;
padding:0;
width:320px;
}
.jqplot-target {
position: relative;
}
.jqplot-xaxis {
margin-top: 10px;
}
.jqplot-x2axis {
margin-bottom: 10px;
}
.jqplot-yaxis {
margin-right: 10px;
margin-right:0;
}
.jqplot-y2axis, .jqplot-y3axis, .jqplot-y4axis, .jqplot-y5axis, .jqplot-y6axis, .jqplot-y7axis, .jqplot-y8axis, .jqplot-y9axis {
margin-left:10px;
margin-right:10px;
margin-left:0;
margin-right:0;
}
.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 {
position: absolute;
}
.jqplot-xaxis-tick {
top: 0px;
left: 15px;
vertical-align: top;
}
.jqplot-x2axis-tick {
bottom: 0px;
left: 15px;
vertical-align: bottom;
}
.jqplot-yaxis-tick {
right: 0px;
top: 15px;
text-align: right;
}
.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;
top: 15px;
text-align: left;
}
.jqplot-xaxis-label {
margin-top: 10px;
position: absolute;
}
.jqplot-x2axis-label {
margin-bottom: 10px;
position: absolute;
}
.jqplot-yaxis-label {
margin-right: 10px;
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 {
position: absolute;
}
#main table.jqplot-table-legend {
background-color: rgba(255,255,255,0.6);
border: 1px solid #fff;
position: absolute;
}
#main #pie table td.jqplot-table-legend {
vertical-align:middle;
font-size:95%;
color:#555;
padding:3px 0 0 0;
margin:0;
text-align:left;
}
#main table td.jqplot-table-legend div {
margin:0;
height:20px;
width:20px;
border:1px solid #ccc;
padding:1px;
}
#main table td.jqplot-table-legend div div.jqplot-table-legend-swatch {
padding:0;
margin:0;
width:0;
height:0;
border-top-width:1px;
border-bottom-width:1px;
border-left-width:10px;
border-right-width:10px;
border-top-style:solid;
border-bottom-style:solid;
border-left-style:solid;
border-right-style:solid;
}
#contents > #main table td.jqplot-table-legend div div.jqplot-table-legend-swatch {
border-top-width:10px;
border-bottom-width:10px;
}
.jqplot-title {
top: 0px;
left: 0px;
padding-bottom:0;
}
table.jqplot-cursor-tooltip {
border: 1px solid #cccccc;
}
.jqplot-cursor-tooltip {
border: 1px solid #cccccc;
white-space: nowrap;
background: rgba(208,208,208,0.5);
padding: 1px;
}
.jqplot-highlighter-tooltip {
border: 1px solid #cccccc;
white-space: nowrap;
background: rgba(208,208,208,0.5);
padding: 1px;
}
td.jqplot-cursor-legend-swatch {
vertical-align:middle;
text-align:center;
}
div.jqplot-cursor-legend-swatch {
width:1.2em;
height:0.7em;
}