/*
	2014_06_05	SV
	EC-693: Added class submitCoreCourseChangesAuthPageBoldText.
	
	2014_07_15	SV
	EC-692: Added #loadingDiv, #loadingDiv img, .btn, .btn.blue, .btn.red, , .btn.green, 
	.btn.green:hover, .btn.red:hover, .btn:hover styles. 
	
	2014_08_15	SV
	EC-709: Added .tableHeaderForGradListRpt and td.gradListRptDataCss
	
	2015_07_27	SV
	EC-784: Update HS detail report heading font.
	
	2019_06: Change and Encrypted Password changes 
*/

body {
  font-size: 10pt;
}

div.contentFrame{
		width:100%;
		margin-right:auto;
		margin-left:auto;
		margin-top:10px;
		padding:0px;
}

div.contentArea {
  border: 1px solid #CECECE;
  padding: 3px;
  margin-left: 50px;
  margin-right: 50px;
  margin-top:0px;
}

div.contentAreaOnPopup {
  border: 1px solid #CECECE;
  padding: 3px;
  margin-left: 20px;
  margin-right: 20px;
  margin-top:0px;
  background-color: white;
}

div.contentRightSide {
  text-align: right;
  font-size: 8pt;
	width: 100px;
	float: right;
  border: 1px solid #CECECE;
  background-color: #FFFFFF;
}

div.contentLeftSide{
  width: 110px;
  border: 1px solid #CECECE;
  background-color: #FFFFFF;
  padding: 2px;
  text-align: left;
  float:left;
  font-size: 8pt;
}

div.footer{ 
  clear:both;
}

div.appTitle {
    color: #0063a6;
    font-size: 12pt;
    font-weight: bold;
    vertical-align: top;
    text-align:left;
    height: 75px; 
    margin-left: 75px;
    margin-right: 100px;
    overflow:hidden;
}

div.log {
  border: 1px solid #6495ED;
  float: left;
  margin-left: 0px;
  padding-left: 5px;
  padding-right: 5px;
  display: inline;
  background-color: #FFFFFF;
  font-size: 8pt;
}

div.htmltooltip {
	position: absolute; /*leave this and next 3 values alone*/
	z-index: 1000;
	left: -1000px;
	top: -1000px;
	background: #6AFB92;  /* #272727     */
	border: 1px solid black;
	color: black;
	padding: 3px;
	width: 250px; /* width of tooltip */
}



.annoucementPreviewFont {
 color: #E60D2E;
}

fieldset legend{
  color: #000000;
  font-size: 10pt;
  font-weight: bold;
}

.falert {
  color: red;
  font-weight: bold;
  font-style: italic
}

.headingFontHs {
  color: #000000;
  font-size: 10pt;
  font-weight: bold;
}

.bigHeadingFontHs {
  color: #000000;	 /* #333399;  */
  font-size: 12pt;  
  font-weight: bold;
}

.boldCherryFontHs
{
  color: #990000;
  font-weight: bold;
}

.cherryFontHs
{
  color: #990000;
  font-weight: normal;
}

.whiteBold
{
  color: #ffffff;
  font-weight: bold;
}

.tinyFont {
  font-size: 8pt;
}

.smallFont {
  font-size: 9pt;
}

.mediumFont {
  font-size: 11pt;
}

.largeFont {
  font-size: 12pt;
}

.normalText {
  color: #0065A8;
  font-size: 10pt;
}

.normalHeader {
  font-size: 12pt;
  font-weight: bold;
  color: #000000;
}

.paraText {
  font-size: 10pt;
  margin: 10pt;
}

.paraHeader {
  font-size: 11pt;
  font-weight: bold;
  color: #000000;
}

label.prompt {
	font-size: 8pt;
	font-weight: bold;
	color: #000000;
}

label.inputLabel {
 font-weight: bold;
  color: #000000;
}

.wsrDetailTable{
	background-color: #ededed; /* #ededed */
	
}

.error {
  color: red;
  font-size: 10pt;
  height: 10pt;
  margin-left: 5pt;
  margin-right: 5pt;
}

.tableHeader {
  font-size: 10pt;
  font-weight: bold;
  background-color: #ededed;
  color: #0065A8;
}

.tableHeaderForWsr {
  font-size: 7pt;
  font-weight: bold;
  background-color: #ccffff;  /* #ccffff   #EDEDED; */
  color: #0065A8;
}

.tableHeaderForFwTable {
  font-weight: bold;
  background-color: #ccffff;  /* #ccffff   #EDEDED; */
  color: #0065A8;
}

.tableHeaderForWsrDetail {  
  font-size: 9pt;
  font-weight: bold;
  background-color: #ffcc66;  /*  #ffcc66  #EDEDED; */
  color: #000000;
}

.tableSubHeaderForWsrDetail {  
  font-size: 9pt;
  font-weight: bold;
  background-color: #006699;  /* #99cccc #ffcc66  #EDEDED; */
  color: #ffffff;
  text-align: center;
}

.tableHeaderForCourseType {  
  font-size: 8pt;
  font-weight: bold;
  background-color: #CCFFFF;  /*  #ffcc66  #EDEDED; */
  color: #000000;
}

.tableHeaderForCourseLink {  
  font-size: 7pt;
  font-weight: bold;
  cursor: pointer;
  background-color: #CCFFFF;  /*  #ffcc66  #EDEDED; #CCFFFF #595454  */
  color: #595454;
}

.tableHeaderForCourseLink2 {  
  font-size: 7pt;
  font-weight: bold;
  cursor: pointer;
  background-color: #FFCCCC;  /*  #ffcc66  #EDEDED; #ccffff #FFCCCC #595454  */
  color: #595454;
}

.tableHeaderCourseHeadingSubm {
  font-size: 11pt;
  font-weight: bold;
  text-align: center;
  background-color: #347235;  /* #CCFFFF #EDEDED #347235 */
  color: #ffffff;
}

.tableHeaderAddCourseHeadingSubm {
  font-size: 11pt;
  font-weight: bold;
  background-color: #306EFF;  /* #CCFFFF   #EDEDED #347235 #306EFF */
  color: #ffffff;
}

.tableHeaderCourseType {
  font-size: 11pt;
  font-weight: bold;
  text-align: center;
  background-color: #E55B3C;  /* #CCFFFF   #EDEDED #347235 #306EFF #E55B3C */
  color: #000000;
}

.tableDataForCourseSubm {  
  font-size: 7pt;
  font-weight: normal;
  /*background-color: #ffcc66;  *//*  #ffcc66  #EDEDED; */
  color: #000000;
}

.tableDataForDeniedCourse {  
  font-size: 7pt;
  font-weight: normal;
  /*background-color: #ffcc66;  *//*  #ffcc66  #EDEDED; */
  color: #990000;  /*  #990000			*/
}

.tableHeaderForCourseSubm {  
  font-size: 8pt;
  font-weight: normal;
  /*background-color: #ffcc66;  *//*  #ffcc66  #EDEDED; */
  color: #000000;
}

.tableHeaderForCourseSubmAdd {  
  font-size: 9pt;
  font-weight: bold;
  text-align: center;
  background-color: #98AFC7; /*  #ffcc66  #EDEDED #98AFC7 */
  color: #000000;
}

.tableHeaderForCourseSubmDetails {  
  font-size: 7pt;
  font-weight: bold;
  background-color: #006699;  /* #99cccc #ffcc66  #EDEDED; */
  color: #ffffff;
  text-align: center;
}

.tableDataForCourseReview {  
  font-size: 9pt;
  font-weight: normal;
  text-align: center;
  /*background-color: #ffcc66;  *//*  #ffcc66  #EDEDED; */
  color: #000000;
}

.tableDataForCourseReviewSubTitle {  
  font-size: 10pt;
  font-weight: bold;
  text-align: center;
  background-color: #98AFC7; /*  #ffcc66  #EDEDED #98AFC7 */
  color: #000000;
}

.tableDataForCourseReviewActionChange {  
  font-size: 9pt;
  font-weight: normal;
  text-align: center;
  color: #0000FF;
}

.tableDataForCourseReviewActionDelete {  
  font-size: 9pt;
  font-weight: normal;
  text-align: center;
  color: #FF0000;
}

.tableDataForCourseReviewActionAdd {  
  font-size: 9pt;
  font-weight: normal;
  text-align: center;
  color: #348017;
}

.submitCoreCourseChangesText
{
  font-size: 9pt;
  font-weight: bold;
  text-align: center;
  color: maroon;
}

.submitCoreCourseChangesAuthPageBoldText
{
  font-size: 12pt;
  font-weight: bold;
  text-align: center;
  color: red;
}


.hs_tableHeader
{
	font-size: 9pt;
  	font-weight: bold;
	color: #ffffff;
	background-color: #333399;
	text-align: center;
}

.hs_tableSubHeader
{
	font-size: 9pt;
  	font-weight: bold;
	color: #00008b;
	background-color: #dddddd;
	text-align: center;
}

.hs_tableData
{
	font-size: 9pt;
  	font-weight: normal;
	color: #000000;
	background-color: #ffffff;
	text-align: left;
}

table.wsrDetailInnerTable
{
	border: 0px;
	background-color: #0066ff;
	width: 99%;
	margin-bottom: 5px;
/*	border-spacing: 1px;   */
}					  			

span.ccSubmAddCourseText
{
	font-size: 8pt;
  	font-weight: normal;
	color: #000000;
}

input.textCount {
  border-style: none;
  background-color: white;
  color: #0065A8;
  font-size: 10pt;
  text-align: right
}


 .msg {
  color:blue;
  font-size:12pt;
 }
 
 /* table styles */
table.border {
    font-family: Helvetica, Arial, sans-serif;
    width: 100%;
    border: 1px solid;
}

table.border td {
    padding: 3px;
}

table.noborder {
    font-family: Helvetica, Arial, sans-serif;
    width: 100%;
    border: 0px;
}

table.noborder td {
    padding: 3px;
}

table.innerborder {
    font-family: Helvetica, Arial, sans-serif;
    width: 90%;
    border: 1px solid;
    margin-left: 5%;
    margin-left: 5%;
}

table.innerborder td {
    padding: 3px;
}

table.innernoborder {
    font-family: Helvetica, Arial, sans-serif;
    width: 90%;
    border: 0px;
    margin-left: 5%;
    margin-left: 5%;
}

table.innernoborder td {
    padding: 3px;
}

table.fan {
    font-family: Helvetica, Arial, sans-serif;
    width: 80%;
    border: 0px;
    margin-left: 10%;
    margin-right: 10%;
    border-spacing: 0px;
}

table.fan td {
    padding: 0px;
}

tr.tinyWidth {
	width: 1mm;
}

td.tdTinyFontForWsr {
  font-size: 7pt;
  white-space: normal; 
  text-transform: capitalize; 
  /*
  word-wrap: break-word;
  text-wrap: normal | unrestricted | none | suppress 
  */
}

th.smThFontForRpt {
  font-size: 9pt;
  white-space: normal;
}

td.smTdFontForRpt {
  font-size: 9pt;
  white-space: normal;
}

th.tinyThFontForRpt {
  font-size: 8pt;
  white-space: normal;
}

td.tinyTdFontForRpt {
  font-size: 8pt;
  white-space: normal;
}

td.tdTinyFontForWsrDetail {
  font-size: 8pt;
  white-space: normal;
}

td.fontForFeeWaiverTable {
  white-space: normal; 
  /* font-size: 9pt;  */
  /* background-color: #ffffff; */
}

td.tdTinyFontDefcSrch {
  font-size: 7pt;
  background-color: #DAFFFF;
}

td.excelFileTableHeader {
  font-size: 12pt;
  text-align: left;
  color: #FFFFFF;
  font-weight: bold;
  background-color: #006633;
}


.tableheader {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 12pt;
    text-align: left;
    color: #FFFFFF;
    font-weight: bold;
    background-color: #0063a6;
}

.ms-standardheader ms-WPTitle, .ms-WPHeader{
  color:#fff;
  overflow:hidden;
  }

.ms-WPHeader h3.ms-WPTitle a,.ms-WPTitle2Right A{
  color:#66CCFF;
  overflow:hidden;
  }
  
.ms-WPHeader .ms-HoverCellInActive, .ms-WPHeader .ms-HoverCellActiveDark { 
  background: transparent; 
  padding: 0px 2px 2px 2px;
  overflow:hidden;
  }
  
tr.ms-WPHeader {
  background-color:transparent; 
  background-image:url('/hsportal/vm/images/wpright.gif'); 
  background-repeat:no-repeat; 
  background-position:right top;
  vertical-align:top; 
  height:16px; 
  margin-top:1px; 
  overflow:hidden; 
  margin-right:3px!important;
  /*width:100%!important*/
  }

h3.ms-WPTitle { 
  background:  url('/hsportal/vm/images/wpleft.gif') top left no-repeat; 
  color: #FFF; 
  vertical-align:top; 
  height:18px;
  margin-top:0px; 
  margin-right:15px;
  overflow:hidden;
  }

h3.ms-WPTitle2Left { 
  background:  url('/hsportal/vm/images/wpleft.gif') top left no-repeat; 
  color: #fff; 
  vertical-align:top; 
  height:18px;
  margin-top:0px; 
  margin-right:0px;
  overflow:hidden;
  }

h3.ms-WPTitle2Right { 
  background:  url('/hsportal/vm/images/wpcenter.gif') top left no-repeat; 
  color: #fff; 
  vertical-align:top; 
  height:18px;
  margin-top:0px; 
  margin-right:15px;
  overflow:hidden;
  }

.ms-HoverCellInActive DIV {	
  background-image:none;
  overflow:hidden;
  }

.ms-WPTitle, .ms-WPTitle2Left, .ms-WPTitle2Right, .ms-WPTitle a{ 
  font-size: 10pt; 
  color:#fff;
  padding : 2px 0 0px 7px; 
  overflow:hidden;
  }
  
.ms-WPHeader td /*removes border*/ {
  border:0px;
  overflow:hidden;
  }
  
A span.ms-WPEditText{
  display:inline;
  vertical-align:middle;
  padding-left:1px;
  padding-right:1px;
  font-size:8pt;
  font-family:verdana,arial,sans-serif;
  color:#fff;
  text-decoration:none;
  }

.ms-standardheader.ms-WPTitle A:hover,.ms-standardheader.ms-WPTitle2Left A:hover,.ms-WPTitle2Right A:hover,.ms-standardheader.ms-WPTitle A:visited{
  background-color:transparent; 
  background-image:none;
  color:#66CCFF;
  }

.lsdbi-searchTitleBarFrame{
	height:20px;
	display:block;
	background-color:transparent; 
	background-image:url('/hsportal/vm/images/wpcenter.gif');
	background-position: top center;
	background-repeat: no-repeat; 
	height:20px; 
	margin-top:0px; 
	overflow:visible;
	color: #fff; 
	font-family:verdana,arial,sans-serif;
	font-size:10pt;
	font-weight: bold;
	vertical-align:middle;
	text-align: center ;
	padding: 2px 0px 0px 0px;
	overflow:hidden;
	}

.lsdbi-searchTitleBarRight{
  display:inline;
  float:right;
	background:url('/hsportal/vm/images/wpright2.gif');
	background-position: top right;
	background-repeat: no-repeat; 
	color: #fff; 
	vertical-align:middle; 
	height:20px;
	width:200px;
	margin-top:-2px; 
	padding: 2px 0px 0px 0px;
  text-align:right;
	}
	
.lsdbi-searchTitleBarLeft{
  display:inline;
  float:left;
	background:url('/hsportal/vm/images/wpleft.gif');
	background-position: top left;
	background-repeat: no-repeat; 
	color: #fff; 
	vertical-align:middle; 
	align:middle;
	height:20px;
	width:200px;
	margin-top:-2px; 
	margin-right:0px;
	padding : 0px 0px 0px 0px;
	}

.lsdbi-searchTitleBarCenter{
  display:inline;
  float:left;
	background:url('/hsportal/vm/images/wpcenter.gif');
	background-position: top left;
	background-repeat: no-repeat; 
	color: #fff; 
	vertical-align:middle; 
	align:middle;
	height:20px;
	margin-top:0px; 
	margin-right:0px;
	padding : 0px 0px 0px 0px;
	}
	
.lsdbi-searchTitleBarRight A{
  color:#66CCFF;
  }
.lsdbi-searchTitleBarRight A:hover{
  color:#66CCFF;
  }


.lsdbi-smallBarFrame{
  clear: both;
	height: 30px;
	width: 100%;
	display: block;
	overflow: hidden;
	background-color: transparent; 
	color: #fff; 
	}

.lsdbi-smallBarLeft{
	height: 30px;
	width: 5%;
  display: inline;
  float: left;
	overflow: hidden;
	background-color: transparent;
	background:url('/hsportal/vm/images/wpleft_30.gif');
	background-position: top left;
	background-repeat: no-repeat; 
	margin-top: -2px; 
	padding : 2px 0px 0px 0px;
	}

.lsdbi-smallBarCenter{
	height: 30px;
	width: 86%;
	display: inline;
	float: left;
	overflow: hidden;
	background-color: transparent;
	background-image:url('/hsportal/vm/images/wpcenter_30.gif');
	background-position: top center;
	background-repeat: no-repeat; 
	font-family: verdana,arial,sans-serif;
	font-size: 8pt;
	font-weight: bold;
	vertical-align: middle;
	margin-top: -2px; 
	padding: 2px 0px 0px 0px;
	}

.lsdbi-smallBarRight{
	height: 30px;
	width: 7%;
  display: inline;
  float: left;
	overflow: hidden;
	background-color: transparent;
	background:url('/hsportal/vm/images/wpright_30.gif');
	background-position: top right;
	background-repeat: no-repeat; 
	vertical-align: middle; 
	margin-top: -2px; 
	padding: 2px 0px 0px 0px;
	}

/*
	lsdbi bars in Red STARTs here...
*/
.lsdbi-smallBarFrameRed{
  	clear: both;
	height: 30px;
	width: 100%;
	display: block;
	overflow: hidden;
	background-color: transparent; 
	color: #fff; 
	}

.lsdbi-smallBarLeftRed{
	height: 30px;
	width: 5%;
  	display: inline;
  	float: left;
	overflow: hidden;
	background-color: transparent;
	background:url('/hsportal/vm/images/wpleftRed_30.gif');
	background-position: top left;
	background-repeat: no-repeat; 
	margin-top: -2px; 
	padding : 2px 0px 0px 0px;
	}

.lsdbi-smallBarCenterRed{
	height: 30px;
	width: 86%;
	display: inline;
	float: left;
	overflow: hidden;
	background-color: transparent;
	background-image:url('/hsportal/vm/images/wpcenterRed_30.gif');
	background-position: top center;
	background-repeat: no-repeat; 
	font-family: verdana,arial,sans-serif;
	font-size: 11pt;
	font-weight: bold;
	vertical-align: middle;
	margin-top: -2px; 
	padding: 2px 0px 0px 0px;
	}

.lsdbi-smallBarRightRed{
	height: 30px;
	width: 7%;
  display: inline;
  float: left;
	overflow: hidden;
	background-color: transparent;
	background:url('/hsportal/vm/images/wprightRed_30.gif');
	background-position: top right;
	background-repeat: no-repeat; 
	vertical-align: middle; 
	margin-top: -2px; 
	padding: 2px 0px 0px 0px;
	}

/*
	lsdbi bars in Red ENDs here...
*/

.strikethru {text-decoration: line-through;}

.chromestyle table td .log  a{
  color: #2894E0;
}

.chromestyle table td .log  a:link {
  text-decoration: none;
}

.chromestyle table td .log  a:visited {
  color: #2894E0;
  text-decoration: none;
}

.chromestyle table td .log  a:hover {
  color: #0065A8;
  text-decoration: underline;
}

.chromestyle table td .log  a:active {
  color: #F08080;
  text-decoration: none;
}

div.announcementBlock {
	max-height:250px;
	overflow:auto;
	overflow-y: scroll;
	overflow-x:hidden;
	background-color:#EDEDED;
	border: 1px solid #CECECE;
	padding:3px;
	}

div.announcementHoldingBlock {
	background-color:#FFFFFF;
	border: 1px solid #666666;
	padding:2px;
	}
	
td.border{
    height: 5px;
	background-color: transparent;
    background:url('/hsportal/vm/images/dot.gif');
    background-repeat: repeat; 
}
a.specialAnchor:hover 
{
	BACKGROUND-COLOR: #fffe4d; 
	COLOR: #000000; 
	BACKGROUND: #a9a9a9 url('/hsportal/vm/images/gradient-VR85R.png'); 
}
	
img {
	cursor: pointer;
	cursor: hand;
}

.img-no-link {
    cursor: default !important;
}

.hsportal-searchTitleBarFrame{
	height:20px;
	display:block;
	background-color:#2e8b57; 
/*	background-image:url('/hsportal/vm/images/gradient-VR85R.png');    */
	background-position: top center;
	background-repeat: no-repeat; 
	height:20px; 
	margin-top:0px; 
	overflow:visible;
	color: #fff; 
	font-family:verdana,arial,sans-serif;
	font-size:10pt;
	font-weight: bold;
	vertical-align:middle;
	text-align: center ;
	padding: 2px 0px 0px 0px;
	overflow:hidden;
	}

.hsportal-searchTitleBarRight{
  display:inline;
  float:right;
/*	background-image:url('/hsportal/vm/images/gradient-VR85R.png');    */
	background-position: top right;
	background-repeat: no-repeat; 
	color: #fff; 
	vertical-align:middle; 
	height:20px;
	width:200px;
	margin-top:-2px; 
	padding: 2px 0px 0px 0px;
  text-align:right;
	}
	
.hsportal-searchTitleBarLeft{
  display:inline;
  float:left;
/*	background-image:url('/hsportal/vm/images/gradient-VR85R.png');    */
	background-position: top left;
	background-repeat: no-repeat; 
	color: #fff; 
	vertical-align:middle; 
	align:middle;
	height:20px;
	width:200px;
	margin-top:-2px; 
	margin-right:0px;
	padding : 0px 0px 0px 0px;
	}

.additionalInfo {
  font-size: 10pt;
  font-weight: bold;
  color: #000000;
}

.headingMain {
	font-size: 16px;
	text-decoration: underline;
	font-weight: bold
}



table.evenOddDisplayTable {
	font-family:arial;
	background-color: #C6DEFF;	/*	#C6DEFF	#CDCDCD */
	margin:10px 0pt 15px;
	font-size: 9pt;
	text-align: left;
}

table.evenOddDisplayTable tr {
	background-color: #E6EEEE;
	/*	border: 1px solid #FFF;    */
	font-weight: bold;
	padding: 4px;
}

table.evenOddDisplayTable tr:nth-child(odd) {
	background-color: #FCF6CF;                          /* #F0F0F6  #FEFEF2  */
}

table.evenOddDisplayTable tr:nth-child(even) {
	background-color:#FEFEF2;							/*	#FEFEF2			*/
}

.hsGradingScaleDispDivClass {border:2px solid #0094ff;}
.hsGradingScaleDispDivClass h3 {background:#0094ff;color:white;padding:5px;margin-top: 0;}
.hsGradingScaleDispDivClass p {color:#333;padding:10px;}


.hsGradingScaleDispDivClass {
    -moz-border-radius-topright:5px;
    -moz-border-radius-topleft:5px;
    -webkit-border-top-right-radius:5px;
    -webkit-border-top-left-radius:5px;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
}


table.dispNumericGradeTable {
	width:150px;
	font-family:arial;
	background-color: #C6DEFF;	/*	#C6DEFF	#CDCDCD */
	margin:10px 10px 10px 10px;
	font-size: 9pt;
	text-align: center;
}

table.dispNumericGradeTable tr {
	background-color: #E6EEEE;
	/*	border: 1px solid #FFF;    */
	font-weight: normal;
	padding: 4px;
}

table.dispNumericGradeTable th {
	background-color: blue;
	color: #FFFFFF;
	font-weight: bold;
	padding: 4px;
}

table.dispNumericGradeTable tr:nth-child(odd) {
	background-color: #FCF6CF;                          /* #F0F0F6  #FEFEF2  */
}

table.dispNumericGradeTable tr:nth-child(even) {
	background-color:#FEFEF2;							/*	#FEFEF2			*/
}

table.dispWeightedGradeTable {
	width:150px;
	font-family:arial;
	background-color: #C6DEFF;	/*	#C6DEFF	#CDCDCD */
	margin:10px 10px 10px 10px;
	font-size: 9pt;
	text-align: center;
}

table.dispWeightedGradeTable tr {
	background-color: #E6EEEE;
	font-weight: normal;
	padding: 4px;
}

table.dispWeightedGradeTable th {
	background-color: #0B6121;
	color: #FFFFFF;
	font-weight: bold;
	padding: 4px;
}

table.dispWeightedGradeTable tr:nth-child(odd) {
	background-color: #FCF6CF;                          /* #F0F0F6  #FEFEF2  */
}

table.dispWeightedGradeTable tr:nth-child(even) {
	background-color:#FEFEF2;							/*	#FEFEF2			*/
}

.headerWeightedScale {
	background-color: blue;
	font-weight: bold;
	color: #FFFFFF;
}



/* Following styles are for loading spread over pages. */
#loadingDiv
{
    position: fixed;
    z-index:10000;
    top: 0px;
    left: 0px;
    height:100%;
    width:100%;
    text-align: center;
    vertical-align: middle;    
    background-color : #494040;   /* #000 #E6E6E6	*/
    opacity:0.80;   
    filter:alpha(opacity=80); /* For IE8 and earlier */ 
    display: none;
}

#loadingDiv img
{
   position:absolute;
   top:50%;
   left:50%;
   margin-top:-16px;   /* half of image height */
   margin-left:-16px;  /* half of image width  */
   opacity:1;   
   filter:alpha(opacity=100); /* For IE8 and earlier */ 
}

.btn {
	display: block;
	position: relative;
	background: #aaa;
	padding: 5px;
	float: left;
	color: #fff;
	text-decoration: none;
	cursor: pointer;
	margin: 5px 5px 10px 5px;
	clear: both;
	-moz-border-radius: 10px 10px / 10px 10px;
	border-radius: 10px 10px / 10px 10px;
}

.btn:visited {
  color: inherit; /* Reset color for regular buttons */
}

.btn.blue {
	background: blue;
	color: white;
	font-weight: bold;
}

.btn.red {
	background: #990000;
	color: white;
	font-weight: bold;
}

.btn.green {
	background: #4d9900;
	color: white;
	font-weight: bold;
}

.btn.green:hover {
	background: silver;
	color: black;
	text-decoration: none;
}

.btn.red:hover {
	background: #800517; 
	color: black;
	text-decoration: none;
}

.btn:hover {
	background-color: silver;
	color: Yellow;
	text-decoration: none;
}

.tableHeaderForGradListRpt {
  font-size: 10pt;
  font-weight: bold;
  background-color: #ccffff;  
  color: #0065A8;
  height: 30px;
}

td.gradListRptDataCss {
  font-size: 8pt;
  white-space: normal;
  /* text-transform: capitalize; */
}

.tableHeaderForGradListRpt {
  font-size: 10pt;
  font-weight: bold;
  background-color: #ccffff;
  color: #0065A8;
  height: 30px;
}

td.gradListRptDataCss {
  font-size: 8pt;
  white-space: normal;
  /* text-transform: capitalize; */
}

.tableHeaderHsTeam {
  font-size: 10pt;
  font-weight: bold;
  background-color: #ccffff;
  color: #0065A8;
  height: 30px;
}

td.hsTeamTdCss {
  font-size: 8pt;
  white-space: normal;
  background-color: #ffffff;
  /* text-transform: capitalize; */
}

.passwordReqNotMet {
  color: red;
  font-weight: bold;
}

.passwordReqMet {
  color: green;
  font-weight: bold;
}

.passwordShort {
    font-weight: bold;
    color: #FF0000;
    font-size: larger;
}

.passwordWeak {
    font-weight: bold;
    color: orange;
    font-size: larger;
}

.passwordGood {
    font-weight: bold;
    color: #2D98F3;
    font-size: larger;
}

.passwordStrong {
    font-weight: bold;
    color: limegreen;
    font-size: larger;
}

.buttonBlue {
 float:left;
 background-color:#0275d8;
 border:1px solid #660000;
 border-radius:5px;
 color:#fff;
 margin-right:10px;
 padding:5px 5px 5px 5px;
 font-size: medium;
}

.buttonBlue:hover { 
 background-color:#23bbf0;
 color:#000;
}


.buttonRed {
 float:left;
 background-color:#cc0000;
 border:1px solid #660000;
 border-radius:5px;
 color:#fff;
 margin-right:10px;
 padding:5px 5px 5px 5px;
 font-size: medium;
}

.buttonRed:hover {
 background-color:#ed7c63;
 color:#000;
}

a.linkButtonBlue {
 text-decoration:none;
 float:left;
 background-color:#0275d8;
 border:1px solid #660000;
 border-radius:5px;
 color:#fff;
 margin-right:10px;
 padding:5px 5px 5px 5px;
}

a.linkButtonBlue:hover { 
 background-color:#23bbf0;
 color:#000;
}

a.linkButtonRed {
 text-decoration:none;
 float:left;
 background-color:#cc0000;
 border:1px solid #660000;
 border-radius:5px;
 color:#fff;
 margin-right:10px;
 padding:5px 5px 5px 5px;
}

a.linkButtonRed:hover {
 background-color:#ed7c63;
 color:#000;
}

.full-width-heading {
  width: 100%;
  background: #0063a6;
  text-align: center;
  font-size: medium;
  font-weight: bold;
  color: #ffffff;
}

.hsp-menu-bar-container {
  width:100%;
  background-color: #007AC3;
}

.hsp-menu-bar {
  background-color: #007AC3; // #0063a6;
  color: #ffffff;
  font-weight: bold;
}

.required:after {
  content: " *";
  color: #990000;
  font-weight: bold;
}

/*.dropdown-item:active {*/
/*  background-color: #0063a6  !important;;*/
/*  color: #ffffff;*/
/*}*/




/* BEGIN NAVIGATION */
/* MAIN MENU */
.navbar {
  margin-bottom: 10px;
  min-height: initial;
}

.navbar-default {
  background: #007AC3;
  border-radius: 0;
}

.navbar-collapse.in {
  overflow: hidden;
}

.navbar-default a {
  font-family: 'Raleway bold', sans-serif !important;
}

ul.navbar-nav a {
  font-weight: bold;
  color: #fff !important;
}

ul.navbar-nav>li.active>a, ul.navbar-nav>li.active>a:focus, ul.navbar-nav>li.open>a,
ul.navbar-nav>li.open>a:focus {
  font-weight: bold;
  background-color: #4cbcff;
  color: #fff;
}

ul.navbar-nav>li>a:hover, ul.navbar-nav>li>a:focus {
  font-weight: bold;
  background-color: #4cbcff !important;
}

ul.navbar-nav>li>a#home {
  width: 45px;
  margin-left: -30px;
}

/* SUB-MENU / DROPDOWN MENU */
ul.navbar-nav>li>ul.dropdown-menu {
  width: 250pt;
  padding: 0;
  opacity: .90;
  /* Make this cross-browser?!? */
  border: 0;
  background-color: #4cbcff !important;
  border-top: 1px solid #fff;
}

ul.navbar-nav>li>ul.dropdown-menu>li {
  padding: 0;
}
/* Show on class="open" */
ul.nav li.open>ul.dropdown-menu {
  display: block;
}

ul.navbar-nav>li>ul.dropdown-menu li {
  padding: 0;
}

ul.navbar-nav>li>ul.dropdown-menu li a, ul.navbar-nav>li.active>ul.dropdown-menu li a,
ul.navbar-nav>li.open>ul.dropdown-menu li a {
  color: #fff;
  width: 250pt;
  padding: 3pt 0 5pt 10pt;
}

ul.navbar-nav>li>ul.dropdown-menu li a:hover {
  background-color: #007AC3;
}

button.navbar-toggle {
  background-color: #ddd;
  color: #fff !important;
}

button.navbar-toggle.collapsed, button.navbar-toggle:hover {
  background-color: #007AC3;
  color: #ddd;
}