:root {
	--helpIconColor: #007bff;
}

body {
  margin: 0;
  padding: 0;
	background-color: white;
	/* SCROLLBAR-FACE-COLOR: #E9E9EA;
	SCROLLBAR-ARROW-COLOR: #000000;
	SCROLLBAR-TRACK-COLOR: #E9E9EA;
	scrollbar-dark-shadow-color: #A0A0A0; */
}

.container {
	padding-top: 5px;
	padding-top: 5px;
}

.bluetitles{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #003359;
	text-decoration: none;
}
.bluetitles:hover{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #FF9000;
	text-decoration: underline;
}	
.vertilink {
	font-family: Arial, Tahoma,Verdana,Times New Roman, Helvetica, sans-serif;
	font-size: 12px;
	font-style:normal;
	font-weight:bold;
	line-height:18px;	
	color: #000000;
	text-decoration: none;
}
.vertilink:hover {
	font-family: Arial, Tahoma,Verdana,Times New Roman, Helvetica, sans-serif;
	font-size: 12px;
	font-style:normal;
	font-weight:bold;
	line-height:18px;	
	color: #FCFF06;
	text-decoration: underline;
}
.leftmenulink  {
	font-family: Arial, Tahoma,Verdana,Times New Roman, Helvetica, sans-serif;
	font-size: 12px;
	font-style:normal;
	font-weight:bold;
	line-height:15px;
	color: #5D5C5B;
	text-decoration: none;
}
.leftmenulink:hover {
	font-family: Arial, Tahoma,Verdana,Times New Roman, Helvetica, sans-serif;
	font-size: 12px;
	font-style:normal;
	font-weight:bold;
	line-height:15px;	
	color: #EB8A15;
	text-decoration: underline;
}
.leftmenulink1 {
	font-family: Arial, Tahoma,Verdana,Times New Roman, Helvetica, sans-serif;
	font-size: 12px;
	font-style:normal;
	font-weight:normal;
	line-height:18px;	
	color: #1461A3;
	text-decoration: none;
}
.leftmenulink1:hover {
	font-family: Arial, Tahoma,Verdana,Times New Roman, Helvetica, sans-serif;
	font-size: 12px;
	font-style:normal;
	font-weight:normal;
	line-height:18px;	
	color: #EB8A15;
	text-decoration: underline;
}
.leftmenulinkbold {
	font-family: Arial, Tahoma,Verdana,Times New Roman, Helvetica, sans-serif;
	font-size: 13px;
	font-style:normal;
	font-weight:bold;
	line-height:18px;	
	color: #EB8A15;
	text-decoration: none;
}
.service-price {
	font-family: Arial, Tahoma,Verdana,Times New Roman, Helvetica, sans-serif;
	font-size: 18px;
	font-style:normal;
	font-weight:bold;
	color: #003359;
	text-decoration: none;
}
.service-price:hover {
	font-family: Arial, Tahoma,Verdana,Times New Roman, Helvetica, sans-serif;
	font-size: 18px;
	font-style:normal;
	font-weight:bold;
	color: #FF6000;
	text-decoration: underline;
}
.H1 {
	font-family:Verdana,Trebuchet, Sans-serif;
	font-size: 36px;
	font-style: normal;
	font-weight: normal;
	color: #468CC8;
}

.H2 {
	font-family:Verdana,Trebuchet, Sans-serif;
	font-size: 28px;
	font-style: normal;
	font-weight: normal;
	color: #006B8A;
}

.H3 {
	font-family:Verdana,Trebuchet, Sans-serif;
	font-size: 20px;
	font-style: normal;
	font-weight: normal;
	color: #006B8A;
}

.bodytextB {
	font-family: Arial, Verdana, Sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	line-height: 14pt;
	text-decoration: none;
}

.adminContainer {
  padding: 5pt;
  //text-align: center;
  margin: 0 auto; 
  margin-right:auto;
  margin-left:auto;
  //width: 100%;  
  //border: 1pt solid black;
}
  
.bodytext2 {
	font-family: Arial, Verdana,Trebuchet, Sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #343434;
	line-height: 12pt;
	text-decoration: none;
}
.bodytext3 {
	font-family: Arial, Verdana,Trebuchet, Sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	line-height: 12pt;
	text-decoration: none;
}

.bodytext1 {
	font-family: Arial, Verdana,Trebuchet, Sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #565656;
	line-height: 12pt;
	text-decoration: none;
}

.bodytext1:hover {
	font-family: Arial, Verdana,Trebuchet, Sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #11549B;
	line-height: 12pt;
	text-decoration: underline;
}


.info-circle {
	color:var(--primary);
	cursor:pointer;
	font-size: 20px;
}

.blacktextbold{
	font-family:Arial,Verdana,   Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: normal;
	color: #585858;
}
@font-face {
	font-family: TCM_____;
	src: local(TCM_____), url('../fonts/TCM_____.ttf') format('opentype');
}
TW_head {
	font-family:TCM_____, Helvetica, sans-serif;
  font-size:40px;
	color:#000000;
  line-height:42px;
  margin:0 0 10px 0;
}
TW_sub {
	font-family:TCM_____, Helvetica, sans-serif;
  font-size:24px;
	color:#000000;
  line-height:26px;
  margin:0 0 10px 0;
	}
.inspire {
	font-family:TCM_____, Helvetica, sans-serif;
  font-size:18px;
	color:#000000;
  line-height:20px;
  margin:0 0 5px 0;
	}	



.menulinks {
	font-family: Verdana,Tahoma, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	color: #ffffff;
	text-decoration: none;
}

.menulinks:hover {
	font-family: Verdana,Tahoma,  Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	color: #FEFF01;
	text-decoration: underline;
}

.menulinks1 {
	font-family: Verdana,Tahoma, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
}

.menulinks1:hover {
	font-family: Verdana,Tahoma,  Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight:bold;
	color:#FEFF01 ;
	text-decoration: underline;
}


.headlineBar {
  border-top: 1pt solid #cc0000;
}

.blacktext2a {
	font-family:  Verdana,Tahoma,Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #4C4C4C;
	text-decoration: none;}



.greentxt {
	font-family: Arial, Verdana,  Helvetica, sans-serif;
	font-size: 20px;
	font-style: normal;
	font-weight: normal;
	color: #ffffff;
	text-decoration: none;
}

.smallContentWhite {
	font-family: Arial, Verdana,  Helvetica, sans-serif;
	font-size: 9pt;
	color: #ffffff;
	font-style: normal;
	font-weight: normal;
	text-decoration: underline;
}

.whiteContent:hover {
	font-family: Arial, Verdana, Sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #ffffff;
	line-height: 14pt;
	text-decoration: underline;
}

.whiteContent {
	font-family: Arial, Verdana, Sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #ffffff;
	line-height: 14pt;
	text-decoration: none;
}

.whiteContent:link {
	font-family: Arial, Verdana, Sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #ffffff;
	line-height: 14pt;
	text-decoration: none;
}

.whiteContent:visited {
	font-family: Arial, Verdana, Sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #ffffff;
	line-height: 14pt;
	text-decoration: none;
}

.greentxt1 {
	font-family: Arial, Verdana,  Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
}


.greentxt2 {
	font-family: Arial, Verdana,  Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #ffffff;	
	text-decoration: none;
}

.toolTipHeader {
  width: 95%;
  background-color: #000055;
  padding: 3pt;
  color: #ffffff;
}

.largeContent {
  font-size: 14pt;
}
.tollfree{
	font-family: Arial, Verdana,  Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #ffffff;	
	text-decoration: none;
}

.Askfree{
	font-family: Verdana,  Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
	color: #EB8A15;	
	text-decoration: none;
}

.formfree{
	font-family: Verdana,  Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #06588C;	
	text-decoration: none;
}


.skyblue1 {
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #0562AC;
	text-decoration: none;
}

.skyblue1:hover {
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-style: normal;
	font-weight: bold;
	color: #ff0000;
	text-decoration: underline;
}


.skyblue2 {
	font-family:  Arial, Verdana,  Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #646262;
	text-decoration: none;
}


.footertext {
	font-family:  Verdana,Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #ffffff;
	text-decoration: none;
}
.footertext:hover {
	font-family:  Verdana,Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #ff0000;
}



.toptextbold:hover {
	font-family:  Arial,Verdana, Helvetica, sans-serif;
	font-size: 25px;
	font-style: normal;
	font-weight: bold;
	color: #ff0000;
	text-decoration: underline;
}

.punchtxtbold {
	font-family: Arial, Verdana,  Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: bold;
	color: #fff;
}

.tableborder {

  background-color: white;
  border: 4px solid #B4D670;
  padding: 0;
  
  }

.tableborderWhite {

  background-color: white;
  border: 4px solid #ffffff;
  padding: 0;
  
  }

.tableBorderList {
  background-color: white;
  border: 1pt solid #cccccc;
}

.loginBox {
  background-color: #75A514;
  padding: 0pt;
}

.leftNavBar {
  //width: 170px;
  background-color: #dddddd;
  vertical-align: top;
  padding: 0px;
  color: #000000;
}

.leftNavItem {
  background-color: #1e2e37;
  //border:1pt solid #1e2e37;
  //color: #ffffff;
  font-size: 10pt;
  font-family: Arial, Verdana,  Helvetica, sans-serif;
	padding: 4px;
	border-bottom: 1px solid white;
}

.leftNavItemSelected {
  background-color: #aa0000;
  //border:1pt solid #aa0000;
  font-size: 10pt;
  font-family: Arial, Verdana,  Helvetica, sans-serif;
  font-weight: bold;
  padding: 3px;
}

.leftNavMenu {
  font-size: 11pt;
  font-family: Arial, Verdana,  Helvetica, sans-serif;
  padding: 5px;
}

.whiteUnderline {
  color: #ffffff;
  font-size: 12pt;
  text-decoration: underline;
}
.submitButton {
  font-size: 10pt;
  font-weight: bold;
}

.inputBox  {
  font-size: 10pt;
  font-weight: bold;

}

/**
 * MANAGE LINK Tabs
 */
.link-tab {
	padding: 20px 10px;
	width: 14%;
	display: inline-block;
	color: #46484A;
	background-color: #C4C4C4;
	text-align: center;
	margin: 0px 10px 0px 0px;
	font-size: 9pt;
	cursor: pointer;

}

.link-tab:hover {
	background-color: #d4d4d4;
}

.selected-tab {
	background-color: #404DAB;
	color: white;
}
.selected-tab:hover {
	background-color: #505DBB;
	color: white;
}

.link-tab a {
	color: #46484A;
	text-decoration: none;

}
.link-yb-icon {
	background: url("/images/link-yearbooks-icon.png") no-repeat center center;
	width:15px;
	height:15px;
	display: inline-block;
}
.selected-tab .link-yb-icon {
	background: url("/images/link-yearbooks-icon-selected.png") no-repeat center center;
	width:15px;
	height:15px;
	display: inline-block;
}


.link-tab-col {
	 border-bottom: 3px solid #404DAB; 
	 margin-bottom: 20px;
}

.selected-tab a {
	color: white;
	text-decoration: none;
}

.selected-tab a:hover {
	color: white;
	text-decoration: none;	
}

.borderElement {
	border: 3px solid #404DAB;
	padding: 10px;
	/* border-radius: 10px; */
}


/* Yearbook Ladder & Page Move Styles */
.menuButton {
  font-size: 11pt;
  font-weight: bold;
  height: 25px;
  padding: 5px 20px 0px 20px;
  background-color: #aa0000;
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffaaaa), to(#aa0000));
  background-image: -webkit-linear-gradient(top, #ffaaaa, #aa0000); 
  background-image:    -moz-linear-gradient(top, #ffaaaa, #aa0000);
  background-image:     -ms-linear-gradient(top, #ffaaaa, #aa0000);
  background-image:      -o-linear-gradient(top, #ffaaaa, #aa0000);
  border-radius: 5px;
  //border: 3pt solid #ffaaaa;
  color: #ffffff;    
  cursor: pointer;
}

.menuButtonDisabled {
  font-size: 11pt;
  font-weight: bold;
  height: 25px;
  background-color: #aa0000;
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffaaaa), to(#aa0000));
  background-image: -webkit-linear-gradient(top, #ffaaaa, #aa0000); 
  background-image:    -moz-linear-gradient(top, #cccccc, #aa0000);
  background-image:     -ms-linear-gradient(top, #ffaaaa, #aa0000);
  background-image:      -o-linear-gradient(top, #cccccc, #aa0000);
  border-radius: 5px;
  //border: 3pt solid #ffaaaa;
  color: #cccccc;    
}



/*DropDown Menu Customization*/


.glowingtabs{
float:left;
text-align: center;
font:normal 14px Verdana;
line-height:30px;
margin:0;
border-bottom: 0px solid #cccccc /* #dcc208; /*Add border strip to bottom of menu*/
}

.glowingtabs ul{
list-style-type: none;
margin:0;
margin-left: 0; /*Left offset of entire tab menu relative to page*/
padding:0;
}

.glowingtabs li{
display:inline;
margin:0;
padding:0;
}

.glowingtabs a{
float:left;
background:url(../images/edotableft.gif) no-repeat left top;
margin:0;
margin-right: 5px; /*spacing between each tab*/
padding:0 0 0 9px;
text-decoration:none;
}

.glowingtabs a span{
float:left;
display:block;
background:url(../images/edotab.gif) no-repeat right top;
padding: 4px 12px 2px 3px;
font-weight:bold;
color:#FFFFFF;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
.glowingtabs a span {float:none;}
/* End IE5-Mac hack */

.glowingtabs a:hover span {
color: black;
}

.glowingtabs li.selected a{ /*Selected Tab style*/
background-position:0 -35px; /*Shift background image up to start of 2nd tab image*/
}

.glowingtabs li.selected a span{ /*Selected Tab style*/
background-position:100% -35px; /*Shift background image up to start of 2nd tab image*/
color: white;
}

.glowingtabs a:hover, .glowingtabs li.selected a:hover{ /*onMouseover style*/
background-position:0% -35px; /*Shift background image up to start of 2nd tab image*/
}

.glowingtabs a:hover span, .glowingtabs li.selected a:hover span{ /*onMouseover style*/
background-position:100% -35px; /*Shift background image up to start of 2nd tab image*/
}

/* ######### Style for Drop Down Menu ######### */

.dropmenudiv_d{
text-align:left;
position:absolute;
top: 0;
border: 1px solid #19252d; /*THEME CHANGE HERE*/
border-width: 0 1px;
font:normal 12px Verdana;
line-height:18px;
z-index:100;
background-color: white;
width: 210px;
visibility: hidden;
}


.dropmenudiv_d a{
width: auto;
display: block;
text-indent: 5px;
border: 0 solid #19252d; /*THEME CHANGE HERE*/
border-bottom-width: 1px;
padding: 2px 0;
text-decoration: none;
}

* html .dropmenudiv_d a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv_d a:link {
color: #000000;
}

.dropmenudiv_d a:hover {
background-color: #eeeeee;
}

.dropmenudiv_d a:visited {
color: #000000;
}

/***********************************************************************************************
 * Styles for the command center 
 ***********************************************************************************************/
 
.chatWindowStyle {
  border-radius:8px; 
  border:3px solid #cccccc; 
  background-color: #b4d670; 
  width:300px; 
  box-shadow: 5px 5px 5px #888;
}
 
.chatBodyStyle {
  height: 250px; 
  width:298px; 
  overflow: auto;
}

.chatMessageStyle {
  margin-bottom:5px; 
  width:100%; 
  border-radius:3px;
}

.chatAdminId {
  padding-bottom:2px;
  font-weight:bold;
  background-color: #ffffff;
  font-size: 8pt;
}

.chatLogMessage {
  padding-bottom:2px; 
  padding-left:3px;
  background-color: #ffffff;
  font-size: 8pt; 
}

.drag { 
  position: relative; 
  cursor: move;
}


#project_list {
  color: white;
  font-size: 10pt;
  width: 180px;
  border-bottom: 2px solid #aa0000;
  background-color: #444444;
  cursor: pointer;
  padding: 5px 10px 5px 10px;
  text-align: center;
	font-weight: bold;
	margin-top: -2px;
}

#project_list:hover {
  background-color: #aa0000;
}

.blueBtn {    
  border: 1px solid #2569B2;
  background: #418ad9; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(#418ad9, #0E41A6); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#418ad9, #0E41A6); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#418ad9, #0E41A6); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#418ad9, #0E41A6); /* Standard syntax */  
  font-weight: bold;
  border-radius: 5px;
  padding: 8px;
  vertical-align: center;
  color: #FFFFFF;
  cursor: pointer;    
  text-align: center;
}
  
.blueBtn:hover {
  background: #0E41A6; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(#0E41A6, #418ad9); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#0E41A6, #418ad9); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#0E41A6, #418ad9); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#0E41A6, #418ad9); /* Standard syntax */    
}
  
.greenBtn {
  border: 1px solid #7CA130;
  background: #A6C960; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(#b3d570, #7CA130); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#b3d570, #7CA130); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#b3d570, #7CA130); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#b3d570, #7CA130); /* Standard syntax */       
  font-weight: bold;
  border-radius: 5px;
  padding: 8px;
  vertical-align: center;
  color: #FFFFFF;
  cursor: pointer;    
  text-align: center;
}
  
.greenBtn:hover {
  background: #7CA130; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(#7CA130, #b3d570); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#7CA130, #b3d570); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#7CA130, #b3d570); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#7CA130, #b3d570); /* Standard syntax */    
}
  
.orangeBtn {
  border: 1px solid #D49E0A;
  background: #ecb623; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(#ecb623, #D77B0B); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#ecb623, #D77B0B); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#ecb623, #D77B0B); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#ecb623, #D77B0B); /* Standard syntax */     
  font-weight: bold;
  border-radius: 5px;
  padding: 8px;
  vertical-align: center;
  color: #FFFFFF;
  cursor: pointer;    
  text-align: center;  
}
  
.orangeBtn:hover {
  background: #D77B0B; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(#D77B0B, #ecb623); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#D77B0B, #ecb623); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#D77B0B, #ecb623); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#D77B0B, #ecb623); /* Standard syntax */        
}
  
.redBtn {
  border: 1px solid #AA0000;
  background: #EC0000; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(#EC0000, #AA0000); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#EC0000, #AA0000); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#EC0000, #AA0000); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#EC0000, #AA0000); /* Standard syntax */      
  font-weight: bold;
  border-radius: 5px;
  padding: 8px;
  vertical-align: center;
  color: #FFFFFF;
  cursor: pointer;    
  text-align: center;
}
  
.redBtn:hover {
  background: #AA0000; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(#AA0000, #EC0000); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#AA0000, #EC0000); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#AA0000, #EC0000); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#AA0000, #EC0000); /* Standard syntax */  
}

.greyBtn {
  border: 1px solid #505050;
  background: #505050; 
  background: -webkit-linear-gradient(#757575, #505050); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#757575, #505050); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#757575, #505050); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#757575, #505050); /* Standard syntax */      
  font-weight: bold;
  border-radius: 5px;
  padding: 8px;
  vertical-align: center;
  color: #FFFFFF;
  cursor: pointer;    
  text-align: center;  
}

.menuHeaderRight {
  float: right;
  text-align: right;
  width: 40%;
  padding: 10px 20px 0px 10px;
  color: #777777;
  font-size: 8pt;
  line-height: 150%;
}

#backdrop {
  position: fixed;
  top: 0; left: 0;
  width: 100%; 
  height: 100%;    
  background-color: #000000;
  display: none;
  opacity: 0.6;
  z-index: 5;
  filter: alpha(opacity=60);
}

.closeWindowIcon {
  font-weight: bold;
  color: white;
  background-color: #990000;
  cursor: pointer;
  padding: 3px 7px 3px 7px;
  border-radius: 3px;
  float: right;
  margin: 0px;  
}

.subWindow {
  position: fixed;
  top: 80px;
  left: 30%;
  width: 750px;
  height: 550px;
  z-index: 10;
  border: 2px solid black;
  background-color: white;
  display: none;
  border-radius: 19px;
  box-shadow: 5px 5px 5px black;
}


.subWindowTitleBar {
  font-weight: bold;
  color: white;
  background-color: #000066;
  text-align: left;
  padding: 10px 10px 10px 20px;
  border-top-right-radius: 17px;
  border-top-left-radius: 17px;
  height: 20px;  
}

.subWindowBody {
  padding: 20px;  
  overflow: auto;
}

.btn { 
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
} 

.btn-info {
  color: #fff;
  background-color: #5bc0de;
  border-color: #46b8da;
}

.btn-info:hover {
  color: #fff;
  background-color: #46b8da;
  border-color: #46b8da;
}

.btn-primary {
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4;
}

.btn-primary:hover {
  background-color: #1e5d94;

}
.ERRORMESSAGE {
	color: #aa0000;
	font-weight: bold;
	font-size: 12pt;	
}

.edoTH {
	padding: 5px;
	font-weight: bold;
	background-color: #404DAB;
	color: white;
	border-right: 1px solid white;

}

.edoTD {
	padding: 5px;
	color: black;
}

.edoDataRow {
	margin-top: 1px;
}

.help-icon {
	color: var(--helpIconColor);
	cursor:pointer;
	font-size: 20px;
}


@media (max-width: 768px) {
	.link-tab {
		padding: 5px;
		width: 100%;
		display: block;
		margin: 3px 0px 3px 0px;

	}

}