/* wf 5/8/20 */

html{height:100%;}

body, html {padding:0;margin:0;border:0;background-color:#FFFFFF; font-family:'Trebuchet MS', Verdana, Arial, Helvetica,sans-serif;}

body{line-height:1;}

.content{line-height:1.5;}

.oneLine{white-space:nowrap;}
.invisible{display:none;}
.visible{}

#overallWrapper{display:none;}

#footer{font-size:14px;position:fixed;left:0;bottom:0;width:100%;background-color:#fff;color:#000000;text-align:center;border-style:solid;border-width:1px 0 0;border-color:#777}
.rotate{animation:rotation 1s infinite linear}
@keyframes rotation { from{transform:rotate(0deg)} to{transform:rotate(359deg)}}

#loadingMain{width:100%;height:100%;top:0;left:0;position:fixed;display:block;opacity:.7;background-color:#ffffff;z-index:99;text-align:center}
#loading-image{margin:0;position:absolute;top:38%;left:47%;transform:translate(-38%,-47%);z-index:100}
#loading-text{margin:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:100}

#programInfo{position:absolute;left:30%;top:50px;z-index:500;width:400px;background-color:beige;padding:10px 30px; font-size:0.8em;}
#programInfo #programInfoClose{width: 100%;padding-bottom: 3px;text-align: right;cursor: pointer;text-decoration: underline;}
#programInfo #programInfoText{width: 100%;background-color: #FFFFFF;}
.programInfoTitle{color: #000000;font-weight: bold;}

#centerText{text-align:center; width:100%;padding-top:30px;}
#announceEvents {font-weight:bold;font-size: 1em;padding-top:30px;}

#prompt{float:left;}

#prompt input[type="button"]{ 
   font-family:inherit;
   font-size: 12px;
   font-weight:bold;
   border:1px solid;
   border-top-color:#848383;
   border-left-color:#848383;
   border-right-color:#330000;
   border-bottom-color:#330000; 
}

#prompt input:hover[type="button"]{
   font-size: 12px;
   border-top-color:#333333;
   border-left-color:#333333;
   border-right-color:#330000;
   border-bottom-color:#330000;}

.stripTag{border: 0px solid #000000; background-color:transparent;font-size: 1em;}

.twoCol{position: absolute;z-index: 200;background-color: #FFFFFF;width: 200px;max-height: 400px; overflow-x: hidden; overflow-y: auto; border-right: 2px outset #7F9DB9;border-bottom: 2px outset #7F9DB9;border-top: 1px solid #7F9DB9;border-left: 1px solid #7F9DB9;}
.twoCol table{background-color: #FFFFFF;}
.twoCol table th{font-weight: bold;font-size:0.8em;}
.twoCol table td{font-size: 0.8em;}
.closeList2{position: absolute;top: 2px;right: 8px;font-weight: normal;cursor: pointer;color: #6A241A;text-decoration: underline;}

.largeDiv{position: absolute;z-index: 200;background-color: #FFFFFF;width: 550px;max-height: 400px; overflow-x: hidden; overflow-y: auto; border-right: 2px outset #7F9DB9;border-bottom: 2px outset #7F9DB9;border-top: 1px solid #7F9DB9;border-left: 1px solid #7F9DB9;}
.largeDiv table{background-color: #FFFFFF;}
.largeDiv table th{font-weight: bold;font-size: 0.8em;}
.largeDiv table td{font-size: 0.8em;}
.bottomcloseList {position: absolute;bottom: 2px;right: 3px;font-weight: normal;cursor: pointer;color: #6A241A;text-decoration: underline;}


.smallDiv{position: absolute;z-index: 200;background-color: #FFFFFF;width: 200px;max-height: 400px; overflow-x: hidden; overflow-y: auto; border-right: 2px outset #7F9DB9;border-bottom: 2px outset #7F9DB9;border-top: 1px solid #7F9DB9;border-left: 1px solid #7F9DB9;}
.smallDiv table{background-color: #FFFFFF;}
.smallDiv table th{font-weight: bold;font-size: 0.8em;}
.smallDiv table td{font-size: 0.8em;}

.listDiv{position: absolute;z-index: 200;background-color: #FFFFFF;width: 320px;max-height: 400px;overflow: auto;border-right: 2px outset #7F9DB9;border-bottom: 2px outset #7F9DB9;border-top: 1px solid #7F9DB9;border-left: 1px solid #7F9DB9;}
.listDiv table{width: 300px;background-color: #FFFFFF;}
.listDiv table th{font-weight: bold;font-size: 0.8em;}
.listDiv table td{font-size: 0.8em;}
.closeList{position: absolute;top: 2px;right: 3px;font-weight: normal;cursor: pointer;text-decoration: underline;}
.listLink{display: inline;padding-left: 2px;width: 1%;white-space: nowrap;font-weight: normal;cursor: pointer;text-decoration: underline;}


#bodyContainer{width: 92%;position: relative;left: 4%;text-align: left;padding: 20px 0px 20px 0px;}
#bodyContainer .hd{display: block;font-weight: bold; font-family:inherit;font-size: 2em;padding: 0px 3px 0px 3px;}
#bodyContainer .sd{display: block;font-size: 1.3em;padding: 2px 3px 5px 3px; font-weight:bold;}
#bodyContainer .addHead{display: block;font-weight: bold; font-family:inherit;font-size: 1.5em;padding: 10px 10px 10px 0px;}

#bodyContainer .contentarea{width: 100%;padding: 10px 3px 0px 3px;font-family:inherit;}
#bodyContainer .print{position: absolute;top: 15px;right: 25px;cursor: pointer;}
#bodyContainer .maximize{position: absolute;top: 15px;right: 3px;cursor: pointer;}
#bodyContainer .imageIcon{position: absolute;top: 15px;right:50px;cursor: pointer;}

.stuImageAnchor{position:absolute;top:15px;right:230px;}
.studentImage{position:absolute;top:15px;right:50px;z-index:200;background-color:#FFFFFF;width:200px;max-height:200px;}

.arrowImg {cursor:pointer;height:50%;}

#loadingMessage{text-align: left;font-weight: bold;}

#updateButton{display:inline;position:absolute; top:2px ;right:0px;}

.divLink{vertical-align: middle;cursor: pointer;width: 1%;white-space: nowrap;}
.divLinkOnMouseOver{vertical-align: middle;cursor: pointer;width: 1%;white-space: nowrap;}

.sortableHeading{text-decoration: underline;cursor: pointer;width: 1%;white-space: nowrap;}

.nextPrevLink{padding-right: 10px;display: inline;vertical-align: middle;cursor: pointer;width: 1%;white-space: nowrap;}
.nextPrevLinkOnMouseOver{padding-right: 10px;display: inline;vertical-align: middle;cursor: pointer;width: 1%;white-space: nowrap;}

.errorMessage, .failedGrade {color: red; font-weight:bold;}

.coHead{display:block;font-size:1.2em;padding:2px 3px 5px 3px;}

.detailHeader{font-weight:bold;font-size:.8em;}
.details{font-size:.7em;}
.disclaimer{font-size: .7em;}
.headMethDel{text-align:center; font-size:.9em;font-weight: bold;}
.PageHeader{text-align:right;width:100%;font-weight:bold;font-size:.8em;}
.primHead{font-size:.7em;font-weight:bold;}
.Remark{font-size:.7em;font-weight:bold;}

#denialBodyContainer {
    width: 600px;
    position:absolute;
    left: 45%;
    top:200px; 
    text-align: left;
    padding: 20px;
    margin-left: -180px;
    border: 1px solid #929292;
    -webkit-box-shadow:  1px 1px 3px 1px rgba(0, 0, 0, .2);
    box-shadow:  1px 1px 3px 1px rgba(0, 0, 0, .2);
    -webkit-border-radius: 2px;
    border-radius: 2px;
   
}

#listtopcontrol{margin-top:10px;}

.sortNav, .sortNav2, .sortNav3, #sortNav, #sortNav2, #sortNav3{position:absolute;right:0px;display:inline-flex;width:auto;margin-bottom:15px;}


 #getLastRecord, #getLastPYRecord {
    width: 15px;
    height: 15px;
    margin: 0px 5px 0px 0px;
    padding: 0px;
    background-color: transparent;
}
 .retrieveLDA-icon{color:blue;}
 
 #lastRecordLabel{float:right;}
.currency, .numeric {text-align:right;}
 
.disabledText, .disabledTextLeft {
	border: 0px solid #000000; 
    background-color:transparent;    
}

.disabledText {
   text-align:right;
}

.disabledTextLeft {
   text-align:left;
 }

.disabledErrorText {  
    text-align:right;
    text-align:center;
    font-family:inherit;
} 
 
.fieldContainerBox{   
    padding: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	border: 1px solid #CECECE;
    background-color: transparent;
}

.fieldContainerBox h3 {
	margin-top: -2px;
	padding-top: 0px;
	white-space:nowrap;
}

.updatemsg {
	margin-top: 5px;
	padding: 10px;
}

.minimenu {
	display: none;	
}

.ui-autocomplete{font-size: 1em;}

.autoCompleteHeader{
   display:inline-block;font-weight:bold;font-size:.9em;white-space:nowrap;
}

.autoCompleteDetail{
   display:inline-block;font-size:.8em;white-space:nowrap;
}