body { font-family: Georgia, Helvetica, Helvetica Neue, Arial; font-size: 12px; padding: 0; margin: 0; background-color: transparent; overflow-y: scroll; }

table { border-spacing: 0; border-collapse: collapse; padding: 0; }
table td { padding: 0; }

.CssBodyForAfStyle { background: url("Images/sde1-body_bg.png") repeat-x scroll left top #000000 !important; font: 16px Arial !important; text-align: center; margin: 0; padding: 0; }
.CssHeaderDivBgImage { background: url("Images/sde1-header_bg-shadow.png") no-repeat scroll left top transparent; background-color: transparent !important; width: 956px; height: 112px; margin-top: -5px; position: relative; z-index: 3; }
.CssAfMainNav { background: url("Images/sde1-mainnav_bg.png") no-repeat scroll left top transparent; display: block; height: 2.8em; margin: 0 0 0 -17px; padding: 0 0 1.22em; width: 62em; }
.CssMainMenuWidget { float: left; padding: 14px 26px 0 26px; color: #fff; font-weight: bold; height: 34px; background-color: transparent; }
.CssSelectedMenuItem { background-color: #2A5DA8; }
.CssMainMenuWidgetMouseOver { cursor: pointer; float: left; padding: 14px 26px 0 26px; color: #fff; font-weight: bold; height: 34px; background-color: #515151; }
.CssDistrictSearchBox { background: url("Images/DistrictSearchBox650x40gray.png") repeat-x scroll left top transparent !important; font-size: 12pt !important; color: #fff; font-weight: bold !important; text-align: center; margin: 6px 0 0 0; padding: 5px 0 0 0; width: 650px; height: 40px; }

.CssTitleStyle { font-size: 1.3em; letter-spacing: .04em; font-weight: bold; margin-bottom: 8px; }

.CssMedoraBox_StandAloneHead { padding: 9px 0 8px 7px; margin-bottom: 6px; color: #0D0D0D; font-weight: bold; font-size: 14px; background-color: #ddd; border: solid 1px #C1CEDE; }

.CssQtip-FontSize { font-size: 1.2em; line-height: 1.11em; }

.clearfix { display: inline-block; }
.clearfix:after { clear: both; content: "."; display: block; font-size: 0; height: 0; line-height: 0; visibility: hidden; }
html[xmlns] .clearfix { display: block; }

.page-wrapper  { width: 956px; margin-left: auto; margin-right: auto; background: none repeat scroll 0 0 White; border-radius: 1.5em 1.5em 1.5em 1.5em; box-shadow: 0 0 2em #000000; margin-top: 2em; padding-top: 1px; margin-bottom: 25px; }

img { margin: 0; padding: 0; border-style: none; border-width: 0; }
a:link { color: Blue; text-decoration: none; }
a:visited { color: #483d8b; text-decoration: none; }
a:hover { color: Blue; text-decoration: underline; }
a:active { color: Blue; text-decoration: none; }

h1 { font-size: 18pt; font-weight: bold; margin: 0; padding: 12px 0 8px 0; }
h2 { font-size: 20px; font-weight: bold; line-height: 170%; margin-bottom: 13px; }
h3 { background: #D5E0FC; color: #333; font-size: 115%; text-align: center; margin: 2px 0 10px 0; padding: 4px; border-top: solid 1px #ddd; border-bottom: solid 1px #666; }

.CssEntryParagraph { font-family: Georgia, Helvetica, Helvetica Neue, Arial; font-size: 18px; font-weight: normal; line-height: 190%; padding: 0; margin: 0; margin-bottom: 28px; }
.CssEntryParagraph a { color: Blue; }

.CssDistrictLettersDiv { background: #fff; font-weight: normal; padding: 4px 6px; border: solid 1px #fff; margin: 0 2px 4px 2px; font-size: 1.1em; }
.CssDistrictLettersDivSelected { font-weight: normal; font-size: 1.1em; border: solid 1px #666; background: #B4D3F3; }
.CssDistrictLettersDivHover { cursor: pointer; font-weight: normal; font-size: 1.1em; border: solid 1px #666; background: #C9E1F7; }

.breadcrumb { margin: 0; padding: 4px 0 19px 0; float: right; overflow: hidden; font-size: 1.2em; }
.breadcrumb a { padding: 0 15px 0 7px; background: url(images/arrow-right.png) 100% 50% no-repeat; margin:0 0 0 6px; color: #000; outline: none; }
.breadcrumb a:hover { color: #0000FF; }

.CssWatermark { color: #aaa; font-weight: bold; }
.CssWatermarkNonBold { color: #aaa; }

.CssDefaultGrid { width: 100%; border-style: solid; border-width: 0 0 1px 1px; border-color: #BBBBBB; border-collapse: collapse; }
.CssDefaultGrid td { border-width: 1px 1px 0 0; border-style: solid; border-color: #BBBBBB; color: #000000; font-weight: normal; vertical-align: top; padding: 3px 5px 3px 5px; }
.CssDefaultGrid th { background: #2A5DA8; border: solid 1px #A2B4C7; color: #ECF0F6; font-size: 1.01em; font-weight: bold; vertical-align: top; text-align: left; padding: 6px 5px 6px 5px; white-space: normal; }
.CssDefaultGrid a:link { color: #483d8b; }
.CssDefaultGrid a:hover { color: #483d8b; text-decoration: underline; }
.CssDefaultGrid a:visited { color: #483d8b; }
.CssDefaultGridInnerTable { width: auto; border-style: none; border-width: 0; }
.CssDefaultGridInnerTable td { border-width: 0; border-style: none; color: #000000; vertical-align: top; padding: 2px; }

.dgridheaderup { background: #6699ff url(images/ArrowUp.png) no-repeat right center !important; padding-right: 20px !important; }
.dgridheaderdown { background: #6699ff url(images/ArrowDown.png) no-repeat right center !important; padding-right: 20px !important; }
.dgridheaderup a, .dgridheaderdown a { color: White !important; }
.CssDGridRowHover { background: #DEE7FE !important; }
.CssDGridRowHover2 { background: #e5e5e5 !important; }

.CssQTip { /*placeholder for the help image. Used by jqeury to apply qTip. */ }

.CssDistrictDetails { width: auto; }
.CssDistrictDetails td, .CssDistrictDetails th { padding: 3px; font-weight: normal; font-size: 12pt; white-space: nowrap; }
.CssDistrictDetails_Left { text-align: right; vertical-align: top; color: #666; }
.CssDistrictDetails_Right { text-align: left; font-weight: bold; vertical-align: top; }

.CssModalPopupLoading { padding: 20px; background-color: #fff; font-size: 14pt; font-weight: bold;  }
.CssModalBackground { background-color: #ABC4DA; filter: alpha(opacity=70); opacity: 0.7; }


.CssUlInstruction { font-family: Helvetica, Arial; font-size: .9em; margin-top: 5px; margin-left: 0px; padding-left: 26px; }
.CssUlInstruction li { line-height: 120%; padding-bottom: 7px; white-space: normal; }
.CssUlInstruction li a { color: Blue; }

.CssReportHeaderUL { font-family: Helvetica, Arial; font-size: 14pt; margin: 0px; padding: 1px 0 1px 26px; }
.CssReportHeaderUL li { line-height: 140%; white-space: normal; padding: 0; }
.CssReportHeaderUL li a { color: Blue; }


.ajax-tab1-theme .ajax__tab_header                  { background: url(Images/tab1-line.png) repeat-x bottom; padding: 0; font-size: 10pt; font-family: Verdana; display: block; }
.ajax-tab1-theme .ajax__tab_header .ajax__tab_outer { background: url(Images/tab1-Custom.png) no-repeat left top; border-color: #222; color: #222; padding-left: 9px; /* match padding-right in inner below */ margin-right: 3px; }
.ajax-tab1-theme .ajax__tab_header .ajax__tab_inner { background: url(Images/tab1-Custom.png) no-repeat right top; border-color: #666; color: #666; padding: 5px 9px 4px 0px;  /* match padding-left in outer above */ }
.ajax-tab1-theme .ajax__tab_hover  .ajax__tab_outer { background: url(Images/tab1-Custom-blue.png) no-repeat 0pt -0px; border-bottom-color: #fff; }
.ajax-tab1-theme .ajax__tab_hover  .ajax__tab_inner { background: url(Images/tab1-Custom-blue.png) no-repeat right -0px; color: #000000; cursor: pointer; }
.ajax-tab1-theme .ajax__tab_active .ajax__tab_outer { background: url(Images/tab1-Custom-blue.png) no-repeat 0pt -30px; border-bottom-color: #ffffff; }
.ajax-tab1-theme .ajax__tab_active .ajax__tab_inner { background: url(Images/tab1-Custom-blue.png) no-repeat right -30px; color: #000000; font-weight: bold; border-color: #333 }
.ajax-tab1-theme .ajax__tab_body                    { font-family: verdana, tahoma, helvetica; font-size: 10pt; padding: 8px; background-color: #fff; border: solid 1px #d7d7d7; border-top-width: 0; }



.ajax-tab2-theme .ajax__tab_header                  { background: url(Images/tab2-line.png) repeat-x bottom; padding: 0; font-size: 12pt; display: block; }
.ajax-tab2-theme .ajax__tab_header .ajax__tab_outer { background: url(Images/tab2.png) no-repeat left top; border-color: #222; color: #222; padding-left: 12px; margin-right: 3px; }
.ajax-tab2-theme .ajax__tab_header .ajax__tab_inner { background: url(Images/tab2.png) no-repeat right top; border-color: #666; color: #666; padding: 7px 12px 6px 0px; }
.ajax-tab2-theme .ajax__tab_hover  .ajax__tab_inner { color: #000000; }
.ajax-tab2-theme .ajax__tab_active .ajax__tab_outer { background: url(Images/tab2.png) no-repeat 0pt -40px; border-bottom-color: #ffffff; }
.ajax-tab2-theme .ajax__tab_active .ajax__tab_inner { background: url(Images/tab2.png) no-repeat right -40px; color: #000000; border-color: #333 }
.ajax-tab2-theme .ajax__tab_body                    { font-family: verdana, tahoma, helvetica; font-size: 10pt; padding: 8px; background-color: #ffffff; border: solid 1px #d7d7d7; border-top-width: 0; }














/*  MESSAGE BOX STYLE DEFINITIONS, Bob 4/14/2010.   */
/*##########     MessageBox Class Definitions for an ERROR - Red background     ##########*/
.CssMessageBoxError { background-color: #F6D8D8; border: solid 2px #FF0000; color: #990000; font-size: 14pt; width: auto; margin-top: 3px; margin-bottom: 10px; padding: 8px; }
.CssMessageBoxError p { margin: 4px; padding: 0; }
.CssMessageBoxError a, .CssMessageBoxError a:link, .CssMessageBoxError a:visited { text-decoration: underline; font-weight: normal; color: #004B91; font-size: 14pt; }
.CssMessageBoxError a:hover { text-decoration: underline; }
/*##########     MessageBox Class Definitions for a NOTICE - Yellow background     ##########*/
.CssMessageBoxNotice { background-color: #FFFFAA; border: solid 2px #BBBBBB; color: #333333; font-size: 14pt; width: auto; margin-top: 3px; margin-bottom: 10px; padding: 8px; }
.CssMessageBoxNotice p { margin: 4px; padding: 0; }
.CssMessageBoxNotice a, .CssMessageBoxNotice a:link, .CssMessageBoxNotice a:visited { text-decoration: underline; font-weight: normal; color:#333333; font-size: 14pt; }
.CssMessageBoxNotice a:hover { text-decoration: underline; }
/*##########     MessageBox Class Definitions for an OK or Success - Green background     ##########*/
.CssMessageBoxOK { background-color: #D7F4B1; border: solid 2px #BBBBBB; color: #333333; font-size: 14pt; width: auto; margin-top: 3px; margin-bottom: 10px; padding: 8px; }
.CssMessageBoxOK p { margin: 4px; padding: 0; }
.CssMessageBoxOK a, .CssMessageBoxOK a:link, .CssMessageBoxOK a:visited { text-decoration: underline; font-weight: normal; color:#333333; font-size: 14pt; }
.CssMessageBoxOK a:hover { text-decoration: underline; } 
/*##########     MessageBox Class Definitions for an OK or Success - Green background - not as bold as CssMessageBoxOK     ##########*/
.CssMessageBoxGreen { background-color: #D7F4B1; border: solid 1px #BBBBBB; width: auto; margin: 3px 0 10px 0; padding: 3px; }
.CssMessageBoxGreen p { margin: 0 0 4px 0; padding: 0; }
.CssMessageBoxGreen a, .CssMessageBoxGreen a:link, .CssMessageBoxGreen a:visited { text-decoration: underline; font-weight: normal; color: #333333; }
.CssMessageBoxGreen a:hover { text-decoration: underline; }
/*##########     MessageBox Class Definitions for a light blue box with darker blues border - from Facebook     ##########*/
.CssMessageBoxBlue { background-color: #EDEFF4; border: solid 1px #D4DAE8; color: #333333; font-size: 10pt; width: auto; margin-top: 0; margin-bottom: 10px; padding: 8px; }
.CssMessageBoxBlue p { margin: 4px; padding: 0; }
.CssMessageBoxBlue a, .CssMessageBoxBlue a:link, .CssMessageBoxBlue a:visited { text-decoration: underline; font-weight: normal; color:#333333; font-size: 10pt; }
.CssMessageBoxBlue ul { padding: 0 0 0 17px; }
.CssMessageBoxBlue ul li { padding-top: 8px; font-size: 10pt; }
.CssMessageBoxBlueBigFont { font-size: 14pt; font-weight: bold; color: #5181C3; }
.CssMessageBoxPrettyBrown { background-color: #FEEFB3; border: solid 1px #BBBBBB; color: #9F6000; font-size: 13pt; width: auto; margin-top: 3px; margin-bottom: 10px; padding: 0; }
.CssMessageBoxPrettyBrown p { margin: 4px; padding: 0; }
.CssMessageBoxPrettyBrown a, .CssMessageBoxPrettyBrown a:link, .CssMessageBoxPrettyBrown a:visited { text-decoration: underline; font-weight: normal; color: #9F6000; font-size: 13pt; }
.CssMessageBoxPrettyBrown a:hover { text-decoration: underline; }
/* Begin CssLightGrayBox */
.CssLightGrayBox { border: solid 1px #ccc; background: #f0f0f0 !important; color: #333333; width: auto; margin: 2px 2px 10px 2px; padding: 13px; -webkit-border-radius: 10px; -moz-border-radius: 10px; }
.CssLightGrayBox p { margin: 4px; padding: 0; }