@charset "utf-8";
/* CSS Document */
body{ margin:0; padding:0; font-family:Verdana, Geneva, sans-serif; font-size:10px;}
.clear{ clear:both;}
#siteContainer{ width:980px; margin:20px auto 0;}
#mainContainer{ width:978px; border:#CCC 1px solid; height:auto;}
#graphTitle{ padding:10px; height:auto; font-size:14px; color:#5a79a5; font-weight:bold;}
#graphLeftCont{ width:50px; float:left;}
#yAxisLabel{  width:15px; height:441px; float:left;}
#yAxisCalNo{ float:left; width:20px; margin:-6px 0 0 0;}

#graphRightCont{ width:925px; float:left;}
#xAxisCaliber{ width:915px; height:10px; margin-top:502px; position:absolute}
#xAxisCalNo{ height:16px; margin:515px 0 0 -5px; position:absolute}
.xAxisCalNoInd{ text-align:left; float:left;}
.xAxisCalNoIndLast{ width:20px; text-align:left; float:left;}
#xAxisLabel{ width:900px; text-align:center; text-shadow:#CCC 0 0 1px; font-size:11px; letter-spacing:1px; position:absolute; top:620px;}
#mainGraph{ /*background:url(../images/graphBgRep.gif) repeat;*/ width:900px; height:500px; border:#999 1px solid; position:absolute; overflow:hidden; float:left; top:0; left:0;}
#mainGraphBg{ position:absolute; width:903px; height:503px; overflow:hidden}
.mainGraphDivs{ float:left;  border-left:#f0f0f0 1px solid; border-top:#f0f0f0 1px solid; background:#f9f9f9; }
#btnsSchoolToggleCont{ width:980px; margin:60px 0; font-size:11px;}
#btnsCont{ width:100px; margin:0 0 0 50px; float:left; text-align:center;}
.btns{ height:18px; width:90px; border:#d3d3d3 1px solid; background:url(../images/btnBgRep.gif); padding:4px 0 0 0; cursor:pointer; color:#3d3d3d; text-shadow:#FFF 1px 1px 0; margin:5px 0 0 0;}
.btns:hover{ background:url(../images/btnOvrBgRep.gif); border:#bbbbbb 1px solid;}
.AllSchoolSelectedbtn { background:url(../images/btnActiveBgRep.gif); border:#bbbbbb 1px solid;  height:18px; width:90px; padding:4px 0 0 0; cursor:pointer; color:#3d3d3d; text-shadow:#FFF 1px 1px 0; margin:5px 0 0 0;}
#emptyCont{ width:400px; float:left;}
#schoolCont{ width:150px; float:left;}
#toggleCont{ width:200px; float:left; margin:0 0 0 30px;}
#schoolListCont{ width:980px; margin:40px auto;}
.schoolListHdrCont{ width:980px; height:auto; font-weight:bold;}
.schoolListRow{ width:980px; clear:both;}
.red{ color:#df0001;}
.green{ color:#008e18;}
.numberCont{ width:20px; float:left; text-align:right;}
.nameCont{ width:300px; float:left; text-align:left; margin:0 0 0 10px;}
.achvCont{ width:130px; float:left; text-align:right; margin:0 200px 0 0;}
.gainCont{ width:60px; float:left; text-align:right; margin:0 150px 0 0;}
.centCont{ width:110px; float:left; text-align:right;}

.redSchoolBox{ background:#FFF; border:#df0001 1px solid; color:#df0001; padding:3px 5px; float:left; z-index:1100; cursor: pointer; height:15px;}
.blackSchoolBox{ background:#FFF; border:#000000 1px solid; color:#000000; padding:3px 5px; float:left; z-index:1100; cursor: pointer;height:15px;}
.greenSchoolBox{ background:#FFF; border:#008e18 1px solid; color:#008e18; padding:3px 5px; float:left; z-index:1100 ;cursor: pointer; height:15px;}

#selectSchoolCont{ width:365px; height:300px; border:#d0d0d0 1px solid; margin:5px;}
#selectSchoolHdr{ background:url(../images/selectSchoolBxHdr.gif) repeat-x; height:26px; width:365px;  border-bottom:#d0cfcf 1px solid;}
#selectSchoolHdr div#title{ margin:6px 0 0 6px; float:left; width:150px; font-weight:bold;}
#selectSchoolHdr span#clearSel{ float:left; padding:2px 4px; border:#d0cfcf 1px solid; background:#fff; margin:4px 0 0 143px; color:#305486; cursor:pointer;}
#selectSchoolHdr span#clearSel:hover{ border:#999 1px solid;}
#selectSchoolHdr span#close{ background:url(../images/btnClose.gif); width:14px; height:14px; margin:6px 5px 0 0; cursor:pointer; float:right;}

#infoCont{ width:365px; height:300px; border:#d0d0d0 1px solid; margin:5px;}
#infoHdr{ background:url(../images/selectSchoolBxHdr.gif) repeat-x; height:26px; width:365px;  border-bottom:#d0cfcf 1px solid;}
#infoHdr div#title{ margin:6px 0 0 6px; float:left; width:150px; font-weight:bold;}
#infoHdr span#clearSel{ float:left; padding:2px 4px; border:#d0cfcf 1px solid; background:#fff; margin:4px 0 0 143px; color:#305486; cursor:pointer;}
#infoHdr span#clearSel:hover{ border:#999 1px solid;}
#infoHdr span#close{ background:url(../images/btnClose.gif); width:14px; height:14px; margin:6px 5px 0 0; cursor:pointer; float:right;}

#quickScrollCont{width:365px; height:40px; background:#fbfbfb;  border-bottom:#d0cfcf 1px solid;}
#quickScrollLeftCont{ width:50px; text-align:center; float:left; margin:2px 0 0 0; line-height:16px;}
#quickScrollRightCont{ width:315px; float:left;}
#quickScrollRightTopCont{width:315px; height:19px; padding:1px 0 0 0; float:left; }
#quickScrollRightBottomCont{width:315px; height:18px; padding:2px 0 0 0; float:left; }
.quickScrollAlphabetCont{ float:left; width:15px; height:15px; margin:0 7px 0 0; border:#fbfbfb 1px solid; text-align:center; cursor:pointer; background:#fbfbfb;}
.quickScrollAlphabetCont:hover{border:#CCC 1px solid; background:#f1f1f1; cursor:pointer;}
a.quickScrollAlphabetContLink:visited { color:#666; text-decoration:none}
a.quickScrollAlphabetContLink  { color:#666; text-decoration:none}
.quickScrollAlphabetDisabledCont{ float:left; width:15px; height:15px; margin:0 7px 0 0; border:#fbfbfb 1px solid; text-align:center; background:#fbfbfb; color:#CCC; cursor:default;}
#schoolDisctrictCont{ width:365; overflow-y:auto; overflow-x: hidden; height:232px;}
.selectSchoolRow{ width:351px; padding:3px 7px; background:#f6f6f6; cursor:pointer;}
.selectSchoolRow:hover{ background:#ffffe5;}
.selectSchoolDistrictRow:hover{ background:#ffffe5;}
.selectSchoolSelected { background:#ffffe5; padding:3px 7px;  width:351px; cursor:pointer;}
.selectSchoolDistrictRow{ width:359px; padding:3px; background:#f1f1f1; font-weight:bold; cursor:pointer;}
.selectSchoolDistrictSelected{ width:359px; padding:3px; background:#ffffe5; font-weight:bold; cursor:pointer;}
#limitNotif{ width:359px; height:auto; background:#f6f6f6; padding:3px; border:#d0d0d0 1px solid; margin:0 0 0 -1px; cursor:default;}
.redDot{ background:url(../images/red.png) no-repeat; width:5px; height:5px; position:absolute;}
.blackDot{ width:5px; height:5px; position:absolute;}
.clr1{ width:6px; height:6px; position:absolute;}
.selectSchoolDistrictSelectedclr1{ width:359px; padding:3px; background:#c0f2c0; font-weight:bold; cursor:pointer; }
.clr2{  width:6px; height:6px; position:absolute;}
.selectSchoolDistrictSelectedclr2{ width:359px; padding:3px; background:#bdcff4; font-weight:bold; cursor:pointer; }
.clr3{  width:6px; height:6px; position:absolute;}
.selectSchoolDistrictSelectedclr3{ width:359px; padding:3px; background:#d1d307; font-weight:bold; cursor:pointer; }
.clr4{  width:6px; height:6px; position:absolute;}
.selectSchoolDistrictSelectedclr4{ width:359px; padding:3px; background:#f8d5c1; font-weight:bold; cursor:pointer; }
.clr5{ width:6px; height:6px; position:absolute;}
.selectSchoolDistrictSelectedclr5{ width:359px; padding:3px; background:#f8c1f1; font-weight:bold; cursor:pointer; }
.clr6{ width:6px; height:6px; position:absolute;}
.selectSchoolDistrictSelectedclr6{ width:359px; padding:3px; background:#34acaf; font-weight:bold; cursor:pointer; }
.clr7{ width:6px; height:6px; position:absolute;}
.selectSchoolDistrictSelectedclr7{ width:359px; padding:3px; background:#314e33; font-weight:bold; cursor:pointer; }
.clr8{ width:6px; height:6px; position:absolute;}
.selectSchoolDistrictSelectedclr8{ width:359px; padding:3px; background:#f25b41; font-weight:bold; cursor:pointer; }
.clr9{ width:6px; height:6px; position:absolute;}
.selectSchoolDistrictSelectedclr9{ width:359px; padding:3px; background:#7b6237; font-weight:bold; cursor:pointer; }
.clr10{ width:6px; height:6px; position:absolute;}
.selectSchoolDistrictSelectedclr10{ width:359px; padding:3px; background:#576874; font-weight:bold; cursor:pointer; }
.clr11{ width:6px; height:6px; position:absolute;}
.selectSchoolDistrictSelectedclr11{ width:359px; padding:3px; background:#9878c9; font-weight:bold; cursor:pointer; }
.clr12{ width:6px; height:6px; position:absolute;}
.selectSchoolDistrictSelectedclr12{ width:359px; padding:3px; background:#bca030; font-weight:bold; cursor:pointer; }
.Boxclr1{ background:#c0f2c0; border:#84c084 1px solid; color:#666; padding:3px 5px; float:left; z-index:1100; cursor: pointer; height:15px;}
.Boxclr2{ background:#bdcff4; border:#8c9cbe 1px solid; color:#666; padding:3px 5px; float:left; z-index:1100; cursor: pointer; height:15px;}
.Boxclr3{ background:#d1d307; border:#7f8003 1px solid; color:#666; padding:3px 5px; float:left; z-index:1100; cursor: pointer; height:15px;}
.Boxclr4{ background:#f8d5c1; border:#bda191 1px solid; color:#666; padding:3px 5px; float:left; z-index:1100; cursor: pointer; height:15px;}
.Boxclr5{ background:#f8c1f1; border:#af83a9 1px solid; color:#666; padding:3px 5px; float:left; z-index:1100; cursor: pointer; height:15px;}
.Boxclr6{ background:#106f71; border:#106f71 1px solid; color:#FFF; padding:3px 5px; float:left; z-index:1100; cursor: pointer; height:15px;}
.Boxclr7{ background:#314e33; border:#131e14 1px solid; color:#FFF; padding:3px 5px; float:left; z-index:1100; cursor: pointer; height:15px;}
.Boxclr8{ background:#f25b41; border:#912f1f 1px solid; color:#FFF; padding:3px 5px; float:left; z-index:1100; cursor: pointer; height:15px;}
.Boxclr9{ background:#7b6237; border:#362b17 1px solid; color:#FFF; padding:3px 5px; float:left; z-index:1100; cursor: pointer; height:15px;}
.Boxclr10{ background:#576874; border:#2b353c 1px solid; color:#FFF; padding:3px 5px; float:left; z-index:1100; cursor: pointer; height:15px;}

#fLabelHorizBar{ border:#5a79a5 2px solid;  width:901px; height:0px; border-right:none; border-left:none; position:absolute;}
#fLabelHoriz{ width:22px; height:22px; margin:0px 0 0 100px;}
#aLabelHorizBar{ border:#5a79a5 2px solid;  width:901px; height:0px;border-right:none; border-left:none;  position:absolute;}
#aLabelHoriz{  width:22px; height:22px; margin:-20px 0 0 100px;}

#fLabelVertBar{ border:#5a79a5 2px solid; width:0px; height:501px; border-top:none; border-bottom:none; position:absolute;}
#fLabelVert{width:22px; height:22px; margin: 100px 0 0 -20px;}
#aLabelVertBar{ border:#5a79a5 2px solid; width:0px; height:501px; border-top:none; border-bottom:none; position:absolute; }
#aLabelVert{ width:22px; height:22px; margin: 100px 0 0 0px;}


#stateAvgHorizBar{ width:900px; height:0px; border:#f78f1e 2px solid; position:absolute; }
#stateAvgHoriz{ margin:-10px 0 0 600px;}
#stateAvgVertBar{ width:0px; height:500px; border:#f78f1e 2px solid; position:absolute; }
#stateAvgVert{ margin:65px 0 0 -73px; }



#descLabelHGLA{ position:absolute;  margin:20px 0 0 20px;z-index:2000}
#descLabelHGPA{ position:absolute; z-index:2000 }
#descLabelHGHA{ position:absolute; margin:20px 0 0 780px;z-index:2000}
#descLabelPGHA{ position:absolute; z-index:2000}
#descLabelLGHA{ position:absolute; margin:450px 0 0 780px; z-index:2000}
#descLabelLGPA{ position:absolute; z-index:2000}
#descLabelLGLA{ position:absolute; margin:450px 0 0 20px; z-index:2000}
#descLabelPGLA{ position:absolute; z-index:2000}

#legendCont{ background:#FFF; margin:322px 0 0 15px; padding:10px; width:135px; border:#333 1px solid; float:left; position:absolute;z-index:1500}
*+html #legendCont { padding-bottom:0;}
*+html #legendCont > div { margin-top:-7px;}
#yAxisCaliber{ width:10px; float:right; height:502px; width:10px; margin:0; padding:0px 0 0 0;}

.yAxisCaliberSubDiv {width:10px;/* border-top:#CCC 1px solid; */float:right;}
.yAxisCaliberSubDivLong { width:10px; /*border-top:#CCC 1px solid;*/ float:right;}

.xAxisCaliberSubDiv { height:10px; /*border-left:#CCC 1px solid;*/ float:left;}
.xAxisCaliberSubDivLong { height:10px;/* border-left:#CCC 1px solid;*/ float:left;}
.yAxisCalNoInd{  width:15px; text-align:right;}
.yAxisCalNoIndLast{ height:20px; text-align:right; width:20px;}
#copyRight { color:#666; text-align:right; float:right; font-size: 10px; margin-right: 20px; font-weight: normal;}
.instructionBtns{ height:18px; width:90px; border:#d3d3d3 1px solid; background:url(../images/btnInstOvrBgRep.gif); padding:4px 0 0 0; cursor:pointer; color:#3d3d3d; text-shadow:#FFF 1px 1px 0; margin:5px 0 0 0;}
.instructionBtns:hover{ background:url(../images/btnInstBgRep.gif); border:#bbbbbb 1px solid;}