/* isaereports.com CSS */
html{
overflow-y:-moz-scrollbars-vertical;/* shows right scroll all the time to avoid screen jumping on smoke out */
overflow-y:scroll;
}
body{/* BODY Background Area */ 
margin:0;
padding:0;
width:100%;
height:100%;
font-size:15px;
font-family:arial,helvetica,sans-serif;
}
span#et{visibility:hidden;}/*hide the 0 in ajax <span id="et">0</span>*/
IMG{border:0}
TABLE{border-collapse:collapse;}
FORM{margin:0;}
.DinkyTxt{font-size:11px;}
.TinyTxt{font-size:12px;}
.SmTxt{font-size:13px;}
.norm{font-weight:normal;}
.big{font-size:18px;}
.uppercase{text-transform:uppercase;}
div.bg{
width:300px;
padding:15px;
background:#E6F5F8;
border:1px solid #348FA4;
border-radius:10px;
-moz-border-radius:10px;
}
#editFormTable{margin-left:auto;margin-right:auto;}
#editFormTable tr td div.fieldTitle{margin-top:15px;}
#editFormTable tr td div.fieldTitle.bgBorder{font-size:larger;margin-bottom:15px;padding:8px;background:#DDDDDD;border:1px solid #202020;}
#editFormTable tr td div.fieldTitle:first-child{margin-top:0;}
#editFormTable tr td div.fieldTitle{font-size:15px;font-weight:bold;}
#editFormTable tr td div.fieldTitle span{font-size:13px;font-weight:normal;}
#editFormTable tr td .field{margin-top:10px;width:99%;}
#editFormTable tr td .field.half,
#editFormTable tr td .field.halfsize{width:45%;}
#editFormTable tr td .field.quarter,
#editFormTable tr td .field.quartersize{width:25%;}
#editFormTable tr td .field:first-child{margin-top:0;}
#editFormTable tr td .field{
border-radius:5px;
-moz-border-radius:5px;
background:#ffffff;
overflow:hidden;
padding:4px;
font-family:arial,helvetica,sans-serif;
font-size:15px;
}
#editFormTable tr td textarea.field{resize:vertical;overflow:hidden;line-height:normal}
input.searchbox{
width:300px;
padding:4px;
border-radius:5px;
-moz-border-radius:5px;
font-size:16px;
font-weight:bold;
color:#000000;
}
#HeadDiv{
background:#E9EDF0;
height:202px;/* goes to 150px on narrow screen width */
width:100%;
}
#HeadDiv75{width:100%;background:#E9EDF0;}/* is always 100% now */ 
#HeadLogo{
height:150px;
border:0;
float:left;
}
#HeadColorado{display:block;}/* goes away on narrow screen width */
#HeadColorado IMG{height:100px;width:100px;margin-left:50px;border:0;}
#HeadColorado div{text-align:center;margin-top:5px;}
#HeadColorado div span{color:#28388F;font-weight:bold;font-family:georgia,sans-serif;font-style:italic;}
#HeadEducationPrograms{display:block;margin:0 auto 0 auto;width:221px;margin-top:30px;border:0 dashed #F3F5F7;}/*  DASHED IS ONLY FOR ME TO SEE HOW IT FITS*/
#HeadEducationPrograms p{margin:0;text-align:center;font-family:times new roman, times sans-serif;font-size:45px;color:#303970;line-height:.8;}
#HeadHeightOnMenuSwitch{display:none;height:0;}/* displays height:50px only no mobile.css to add height after main top menu is visibility:none;*/
a{text-decoration:none;color:#28388F;}
a:hover{color:#000000;text-decoration:underline;}
img#loader-smoke{
position:absolute;
display:none;
top:0;
left:0;
width:100%;
height:900%;
border:0;
z-index:2000;
opacity:0.6;
filter:alpha(opacity=60);/* For IE8 and earlier */ 	
}
div#loader-wheel{
position:absolute;
display:none;
top:190px;
left:0;
z-index:2001;
width:38px;
height:38px;
padding:8px;
background:#FFFFFF;
-moz-border-raduis:6px;
border-radius:6px;
}
div#loader-wheel img{width:38px;height:38px;}
div#SiteBodyDiv{
margin-left:auto;
margin-right:auto;
width:98%;
padding:0 0 40px 0px;
min-height:600px;
}
H1{
font-weight:bold;
color:#28388F;
font-size:25px;
font-family:arial,helvetica,sans-serif; 
padding-bottom:8px;
text-align:center;
margin-top:2px;
}
H2{
font-weight:bold;
font-size:21px;
font-family:arial,helvetica,sans-serif;
margin-top:0;
margin-bottom:10px;
text-align:center;
}
H3{
font-weight:bold;
font-size:20px;
font-family:arial,helvetica,sans-serif;
margin-top:0;
margin-bottom:10px;
text-align:center;
}
div#SiteBodyDiv p{line-height:1.6}
div.footerCredits{
margin-left:auto;margin-right:auto;/* ~SiteBodyDiv_ElemPlacement~ */ /* leave this exact, this centers it. If not centered, then  this is removed */ 
width:1000;/* this is within the mainBorder*/   
margin-top:20px;
text-align:center;
white-space:nowrap;
margin-bottom:30px;
}
div.footerCredits a{
font-size:12px;
font-weight:normal;
text-decoration:underline;
color:#808080;
}
div.footerCredits a:hover{color:#202020;}
#PageFooterDiv{
display:none; 
background:#795442;
font-family:arial,helvetica,sans-serif;
font-size:12px;
color:#000000;
font-weight:normal;
}
#PageFooterDiv TABLE TD,
#PageFooterDiv P,
#PageFooterDiv DIV{
color:#000000;
font-weight:normal;
font-family:arial,helvetica,sans-serif;
font-size:12px;
}
#PageFooterDiv a,
#PageFooterDiv a:link,
#PageFooterDiv a:visited,
#PageFooterDiv a:active{
color:#0000FF;
font-weight:normal;
text-decoration:underline;
}
#PageFooterDiv a:hover{
color:#800080;
font-weight:normal;
text-decoration:underline;
}
/* standard styles */
.bold{font-weight:bold;}
.red{color:#FF0000;}/*red*/ 
a.red{color:#FF0000;}/*red*/ 
a.red:hover{color:#C00000;}/*darker red*/
.green{color:#00C000;}/*green*/
a.green{color:#00C000;}/*green*/
a.green.hover{color:#008000;}/*dark green*/
.purple{color:#800080;}/*purple*/
a.purple{color:#800080;}/*purple*/
a.purple:hover{color:#660167;}/*darker purple*/
.gray{color:#606060;}
.blue{color:#283991;}
.gray80norm{color:#808080 !important;font-weight:normal !important;}
.fadedRed{color:#FF8080 !important}
.clear{clear:both;}
.nobr{white-space:nowrap;}
.nodisp{display:none;}
.novis{visibility:hidden;}
.yesvis{visibility:visible;}
.hand{cursor:pointer;}
.nohand{cursor:default;}
.underline{text-decoration:underline;}
.nound{text-decoration:none;}
.blockLeft{float:left;}
.blockRight{float:right;}
.marginRight{margin-right:20px;}
.marginLeft{margin-left:20px;}
.textCenter{text-align:center;}
.textRight{text-align:right;}
.textLeft{text-align:left;}
.blockCenter{margin-left:auto;margin-right:auto;}
.relative{position:relative;}
.tdTop{vertical-align:top !important;}
.tdBottom{vertical-align:bottom;}
.tdMiddle{vertical-align:middle;}
.roundedCorners{
border-radius:10px;
-moz border-radius:10px;
}
#container{
display:block;
overflow:hidden;
width:100%;
}
.tableDiv{display:table;}
.tableCellDiv{display:table-cell;vertical-align:middle;}
div#Err{
border:2px dashed #FF0000;/*red*/
background-color:#FFFF80;/* yellow */
margin-left:auto;
margin-right:auto;
width:50%;
padding:5px;
border-radius:5px;
-moz border-radius:5px;
text-align:center;
color:#FF0000;/*red*/
font-weight:normal;
}
div#Msg{
border:1px solid green;
background-color:#f7f7f7;
margin-left:auto;
margin-right:auto;
width:50%;
padding:5px;
border-radius:5px;
-moz border-radius:5px;
text-align:center;
color:#000000;
font-weight:normal;
}
TABLE.tableCellBorder{}
TABLE.tableCellBorder tr:first-child td{border-top:1px solid #dddddd;}
TABLE.tableCellBorder tr td{border-right:1px solid #dddddd;border-bottom:1px solid #dddddd;}
TABLE.tableCellBorder tr td:first-child{border-left:1px solid #dddddd;}
TABLE.tableCellBorder tr td:last-child{border-right:1px solid #dddddd;}
TABLE.tableCellBorder tr:last-child td{border-bottom:1px solid #dddddd;}
img#iconCheckmark{
width:25px;
height:20px;
border:0;
vertical-align:middle;
}
#divLogin #Msg, 
#divLogin #Err{display:none;}
#divLogin  #loginFormTable{
font-size:25px;
font-family:arial,helvetica,sans-serif;
}
#divLogin  input.loginButton{
font-size:20px;
font-family:arial,helvetica,sans-serif;
}
#divLogin INPUT.formfield{
width:250px;
overflow:none;
border-radius:8px;
-moz-border-raduis:8px;
font-size:25px;
font-family:arial,helvetica,sans-serif;
}
#divLogin SELECT.formfield{/* for statelogin */
border-radius:8px;
-moz-border-raduis:8px;
font-size:20px;
font-family:arial,helvetica,sans-serif;
}
#divLogin span.keepmeloggedin{
font-size:18px;
font-family:arial,helvetica,sans-serif;
cursor:pointer;
}
#divLogin .needtojoin{
font-size:18px;
text-align:center;
}
#divLogin #loginTableWrapper{
margin-bottom:30px;
}
#divLogin #loginTableDiv{
margin:0 auto 10px auto; 
padding:20px 0 0 0;
width:300px; 
background:#E9EDF0;
border-radius:15px;
-moz-border-raduis:15px;
-moz-box-shadow:5px 5px 3px #aaaaaa;
-webkit-box-shadow:5px 5px 3px #aaaaaa;
box-shadow:5px 5px 3px #aaaaaa;
}
.isaeBlue{color:#1851A2;}
a.isaeBlue{color:#1851A2;}
a.isaeBlue:hover{color:#000000;}

/*<table id="reportTable"*/
TABLE#reportTable{
margin-left:auto;
margin-right:auto;
margin-top:10px;
margin-bottom:40px;
}
TABLE#reportTable tr:first-child:not(.normal){background:#3499B0;}
TABLE#reportTable tr:first-child:not(.normal) td span{color:#FFFFFF;font-weight:bold;}
TABLE#reportTable tr:nth-child(even){background:#eeeeee;}
TABLE#reportTable tr td{padding:8px;vertical-align:top;}
TABLE#reportTable tr:first-child th{background:#FFFFFF;font-weight:normal;}
 
TABLE#reportTable tr.exerciseIntroRow{background:#C6DEC6;}

TABLE#reportTable.testessay{width:1100px;}
TABLE#reportTable.testessay.nomarginbottom{margin-bottom:0;} 
TABLE#reportTable.testessay .thisQuestion ul{
margin:0;
list-style-type:none;
}
TABLE#reportTable.testessay .thisQuestion ul > li{ 
font-size:90%;/*  cool ! */
text-indent:-5px;
line-height:1.4;
}
TABLE#reportTable.testessay .thisQuestion ul > li:before{
content: "- ";
text-indent:-5px;
}
/* plain "inside" tables go inside a row of <table id="reportTable" */  
TABLE#reportTable TABLE.inside tr:nth-child(even){background:#FFFFFF;}

/* statustables go inside a row of <table id="reportTable" */
TABLE#StatusTable{margin-left:0;margin-top:0;margin-bottom:0;}

TABLE#StatusTable tr:first-child,
TABLE#reportTable TABLE.inside tr:first-child{background:transparent;}

TABLE#StatusTable tr td{padding:8px;vertical-align:top;}
TABLE#reportTable TABLE.inside tr td{padding:5px;vertical-align:middle;}
TABLE#StatusTable tr td:last-child{padding-right:0;}
TABLE#StatusTable tr:first-child td{background:transparent;padding:0 5px 0 5px;}
TABLE#StatusTable tr:first-child td span{color:#000000;font-weight:bold;}
TABLE#reportTable TABLE.inside tr:first-child td span{color:#000000;font-weight:normal;}
TABLE#StatusTable tr:nth-child(even),
TABLE#reportTable TABLE.inside{background:transparent;}
/* done with TABLE#reportTable */

SELECT.input{/* for statelogin */
border-radius:5px;
-moz-border-raduis:5px;
padding:4px;
font-family:arial,helvetica,sans-serif;
}

.searchResultSection{/* for customer searches */
padding:8px 0 8px 0;
border-top:1px solid #348FA4;
width:300px;
cursor:pointer;
color:#28388F;
}
.searchResultSection:hover{color:#000000;}
/* for courts/getAllCourts */ 
/* for sortable list li :*/
#sortableUL{
list-style-type:none;
margin:0;
padding:0;width:100%;
}
#sortableUL li{
margin:2px 0 2px 0;
border-bottom:2px solid #bbbbbb;
border-top:1px solid #bbbbbb;
background-color:#A6D2DC;/* darker:#B0E2FF */
}
#sortableUL li:nth-child(even){background-color:#C7E4E9;}
#sortableUL li.highlight{background-color:#78BBCB !important;}
table.CourtArrange{margin:1px auto 1px auto;}
table.CourtArrange tr td{
padding:1px 8px 1px 8px;
text-align:left;
width:85px;
overflow:hidden;
}
table.CourtArrange tr td INPUT{
padding:5px;
font-size:14px;
width:70px;
text-transform:uppercase;
}
table.CourtArrange tr td:nth-child(1) INPUT{background-color:#FFFFC0 !important;}/* CourtID:light yellow, you cannot type into this input courtid field, it is only there for copying from */
table.CourtArrange tr td:nth-child(4){width:470px;}/* 4 court name */
table.CourtArrange tr td:nth-child(4) INPUT{width:450px;}/* 4 is court name */
.bigPlus{/* big plus sign to add another row */
font-size:35px;
font-weight:bold;
color:#00C000;
cursor:pointer;
line-height:37px;
}
.dragDropLine{
border-bottom:2px solid #404040;
height:3px !important;
width:20px !important;
overflow:hidden;
font-size:3px;
line-height:3px;
text-align:center;
padding:0 !important;
margin:0 auto !important;
font-family:arial,helvetica,sans-serif;
cursor:pointer;
}
#space10{margin-top:10px;}
#space15{margin-top:15px;}
#space20{margin-top:20px;}
#space25{margin-top:25px;}
#space30{margin-top:30px;}
#space40{margin-top:40px;}
#space50{margin-top:50px;}
#space60{margin-top:60px;}