/*UPDATE FOR NEW BRAND STILL REQUIRED*/

@charset "UTF-8";
/* CSS Document */

html {
	margin-top: 10px;
}

body  {
	font: 80% Verdana;
	background: #FFFFFF;
	margin: 0; 
	padding: 0;
	text-align: center; 
	color: #000000;
}

#wrapperDiv {
	width: 80%;  
	text-align: left;
	margin: 0 auto;	
	background: #FFFFFF;
}

#headerDiv { 
	background: #313133; 
	padding: 15px 15px 15px 15px;
	color: #FFFFFF;
	text-align: left;
} 

#titleLabel {
 text-align:right;
 font-size:16px;
 font-weight:thicker;
 float: right;
}

#contentDiv {
padding: 25px 45px 25px 45px;
}

.buttonASP {
	color: #FFFFFF;
	background: #8B84D7;
	text-align:center;
}

.buttonASP:disabled {
	color: #FFFFFF;
	background:#C0C0C0;
	text-align:center;
}

.hidden{
	display:none;
}

.GridSrc {
	width:100%;
	margin-left:auto;
	margin-right:auto;
}

.GridSrc caption{
	text-align:center;
	font-weight:bold;
	font-size:larger;
	padding: 2px; 
}

.highlightRow{
	background-color: #8B84D7;
	color:white;
	cursor: pointer;
}

.highlightRow{
	background-color: #8B84D7;
	color:white;
	cursor: pointer;
}

#optionDiv {
	float: left;
	width: 30%;
	height: 100%;
}

#notesDiv {
font-size:9pt;
}

#config1 {
	background-color:rgba(137,133,213,0.7);
}
#config2 {
	background-color:rgba(137,133,213,0.4);
}

.toc { 
    padding:5px; 
    font-size:0.85em /* this is optional, I like the fonts a little smaller */; 
    outline:none; 
    font-family:inherit; 
	box-sizing:border-box; 
	width:95%;
	}
	
#dataDiv {	
	float: left;
	width: 70%;
	height: 100%;
}

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

table {
  border-collapse: collapse;
  width: 100%;
}
th, td
 {
 text-align:left;
 }

.whoTable {
 width:100%;
 display:none;
} 

#footerDiv { 
	width: 100%;
	margin: 0 auto; 
	background:#313133;	
	color: #fff;
	padding-top: 10px;	
	padding-bottom: 10px;	
	font: 12px Tahoma;
	overflow: auto;
	clear: left;
} 

.copyright {	
	    float: left;
		font-size:small;
		margin: 0 6px 0 0;
		padding: 0 0 0 10px;
	}
	
.footer-tools {
	list-style: none;
	margin: 0;
	font-family: Tahoma;
    float: right;
}	

.footer-tools li {
			
			margin: 0 6px 0 0;
			padding: 0 0 0 10px;
			font-size:x-small;
			display: inline;
		}

.footer-tools a {color: #FFFFFF;}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}