BODY {
	SCROLLBAR-FACE-COLOR: silver;
	SCROLLBAR-HIGHLIGHT-COLOR: Maroon;
	SCROLLBAR-SHADOW-COLOR: silver;
	SCROLLBAR-3DLIGHT-COLOR: silver;
	SCROLLBAR-ARROW-COLOR: #ffffff;
	SCROLLBAR-TRACK-COLOR: #dddddd;
	SCROLLBAR-DARKSHADOW-COLOR: Navy;
	MARGIN-TOP: 0px;
	FONT-SIZE: 11pt;
	MARGIN-LEFT: 0px;
	MARGIN-RIGHT: 0px;
	FONT-FAMILY: "Myriad Pro", Verdana, Arial, Helvetica;
	BACKGROUND-COLOR: #ffffff;
}

A:link {
color:#BB0000;	
text-decoration: none;
}
A:visited {
color: #87051f;
text-decoration: none;
}
A:active {
color: #87051f;
text-decoration: none;
}
A:hover {
color:#87051f;
text-decoration: underline;
}

#content {
font-family: "Myriad Pro",Helvetica, sans-serif;
FONT-SIZE: 11pt;
 padding-left:20px;
 padding-right:20px;	
 padding-top:20px;	
  margin-left:  20%;
  min-height:500px;
}
#navbar  {
font-family: "Myriad Pro", Helvetica, sans-serif;
FONT-SIZE: 12pt;
  float: left;
  width: 20%;
  min-height:500px;
  background-color:white;
  color:#5EBB46;
  padding-top:0px;
  padding-left:4px;
}
#putline {
	position: absolute; 
	height:2px;
	width:100%;
	background-color:#60BB46;
	top: 88px; 
	left:0px;
}
#navbar a:link, #navbar a:visited  {
	 text-decoration:none;
	color: #00488E;
	font-weight:bold;
	font-family: "Myriad Pro", Helvetica, sans-serif;
FONT-SIZE: 11pt;
}
 #navbar a:hover { 		
	color:black; 
	text-decoration:underline;
 }
#navbar ul {
	margin-left:1px;
	padding-left:8px;
	list-style-type: none;
  list-style-image: none;
}
#navbar  li {
	margin-left:5px;
	padding-left:15px;	
}

#footer {
	font-family: "Myriad Pro", Helvetica, sans-serif;
	font-size:12px;
	padding-left:30px;
	padding-right:30px;
	clear: both;
	color:white;
	background-color: #00488E;	
}

#header {
	font-family: "Myriad Pro", Helvetica, sans-serif;
	FONT-SIZE: 14pt;
	text-align: center ;
	
	color: #02488f;
	height:80px;
	margin-left:  20%;
	background-color:white;
	background-color: #00488E;
}
td.pagetitle {
	background-color: #00488E;	
	font-family: "Myriad Pro";
	width: 65%px;
	color: white;
	font-size:14pt;	
	height: 80px;
	text-align: center;	
	border: thin groove #5EBB46;
}
td.pageloginfo {
	background-color: #00488E;	
	width: 25%;
	height: 80px;
	color: white;	
	border: thin groove #00488E;
	text-align: center;
	font-family: "Myriad Pro"	
}

td.pagelogout {
	background-color: #00488E;	
	width: 10%;	
	color: white;
	min-height: 50px;
	border: thin groove #5EBB46;
	height: 80px;
	text-align: center;
	font-family: "Myriad Pro"
}
td.pagelogout a {
	color:white;
}

div.headfill {
	float: right;
	background-color: red;
	width: 30%;	
}
.msg {
	background-color:#eeeeee;
	color:red;	
}





h2 {
	font-family: "Myriad Pro",Helvetica, sans-serif;
	color: #02488f;
	font-weight:bold;
	padding-left:24px;
	margin-bottom:2px;
	background-color:#5EBB46;
}
h3, a.h3  {
	font-family: "Myriad Pro",Helvetica, sans-serif;
	color: #00488E;
	font-weight:bold;
	font-size:16px;
	margin-bottom:2px;
	FONT-SIZE: 14pt;
}

/* display listing */

th {
	font-family: "Myriad Pro", Helvetica, sans-serif;
	text-align: left;
	padding-left:5px;
	FONT-SIZE: 11pt;
}
th.small,td.small {
	FONT-SIZE: 8px;
}

/*form */


label
{
font-family: "Myriad Pro",Helvetica, sans-serif;
font-weight:bold;
width: 15em;
float: left;
text-align: left;
margin-right: 0.5em;
display: block
}

.submit input
{
margin-left: 4.5em;
}
input 
{
font-family:"Myriad Pro",Helvetica, sans-serif;
color: #781351;
background: #fee3ad;
border: 1px solid #781351; 
}
input[disabled] {
	background:white;
	color:#fff !important; 
 	opacity: 1.9;
}
input[type="button"],input[type="submit"]  {
	font-family:"Myriad Pro",Helvetica, sans-serif;
color: #fff;
background: #60BB46;
border: 1px solid #00488E
}
input[type="button"],input[type="submit"].red  {
	font-family:"Myriad Pro",Helvetica, sans-serif;
color: #fff;
background: #DD0000;
border: 1px solid #00488E
}

input[type="text"] {
	width:400px;
}
input.medium {
	width:200px;
}
input.short,select.short {
	width:80px;
}
input.shortest {
	width:40px;
}


textarea {
	font-family:"Myriad Pro",Helvetica, sans-serif;
	color: #781351;
	background: #fee3ad;
	border: 1px solid #781351;
	width:700;

}
textarea.small {
	color: #781351;
	background: #fee3ad;
	border: 1px solid #781351;
	width:200;

}


.submit input
{
font-family: "Myriad Pro",Helvetica, sans-serif;
color: #fff;
background: #60BB46;
border: 2px outset #00488E
}
fieldset
{
border: 1px solid #60BB46;
width: 60em;
}

legend, div.legend
{
font-family: "Myriad Pro",Helvetica, sans-serif;
color: #fff;
background: #00488E;
border: 1px solid #60BB46;
padding: 2px 6px;
} 
legend a:link,legend a:visited,div.legend a:link,div.legend a:visited {
	color:white;
	text-decoration:none;
}
legend a:hover,div.legend a:hover {
	color: #60BB46;
	text-decoration:underline;
}



.message {
	font-family: "Myriad Pro",Helvetica, sans-serif;
	color: white;
	background: #00488E;
	border: 1px solid #781351;
	font-weight:bold;
    padding-left:10px;	
}

.labelnewfn 
{
font-family: "Myriad Pro",Helvetica, sans-serif;
 float:right;
 color: #fff;
}
a.labellink:link, a.labellink:visited  {
	font-family: "Myriad Pro",Helvetica, sans-serif;
	text-decoration:none;
	color: #AAf;
}
a.labellink:hover {
	text-decoration:underline;
}



.proof_col1 {
	margin-left:10px;
	margin-right:20px;		
	font-weight:bold;
	
	float:left;
	clear:all;	
}
.proof_col1 span,.proof_col2 span {
	color:green;
}
.proof_col2 {
	font-family: "Myriad Pro",Helvetica, sans-serif;
	margin-left:10px;
	margin-right:20px;	
	float:right;
	font-weight:bold;	
}
.proof_intro {
	font-family: "Myriad Pro",Helvetica, sans-serif;
	clear:right;
	font-weight:bold;
	margin-top:20px;
}
.proofissues {
	font-family: "Myriad Pro",Helvetica, sans-serif;
	color:red;
	font-weight:bold;
}
.show_col1 {
	font-family: "Myriad Pro",Helvetica, sans-serif;
	margin-left:10px;
	margin-right:20px;		
	font-weight:bold;
	width:200px;
	clear:both;	
	float:left;
	margin-bottom:10px;	
}
.show_col2 {
	font-family:"Myriad Pro",Helvetica, sans-serif;
	margin-left:10px;
	margin-right:20px;		
	font-weight:normal;	
	color:green;
	float:left;
	margin-bottom:10px;	
}

.search_col1 {
	font-family: "Myriad Pro",Helvetica, sans-serif;
	margin-left:10px;
	margin-right:20px;		
	font-weight:bold;
	width:250px;	
	clear:both;	
	float:left;
	margin-bottom:10px;	
}
.search_col2 {
	font-family:"Myriad Pro",Helvetica, sans-serif;
	margin-left:10px;
	margin-right:20px;		
	font-weight:normal;	
	color:green;
	float:left;
	margin-bottom:10px;	
}

.errorlisting {
	font-family:"Myriad Pro",Helvetica, sans-serif;
	color:red;
}


.notelist {
	font-family:"Myriad Pro",Helvetica, sans-serif;
	font-size:12px;
	
}
.row1 {
	font-family:"Myriad Pro",Helvetica, sans-serif;
	background-color:#dddddd;	
	margin-bottom:2px;
	margin-top:5px;	
}
.noteinfo {
	color:green;
}
.row1:hover,.row0:hover  {
	background-color: #5EBB46;	
}
.row0 {
	font-family:"Myriad Pro",Helvetica, sans-serif;
	margin-bottom:2px;
	margin-top:5px;
	color:#454545;
	background-color:#ffffff;	
}

table.pdflist {
	font-family:"Myriad Pro",Helvetica, sans-serif;
	 border: 1px solid #60BB46;
     background-color: #ffffff;     
     width: 100%;   
	 border-spacing:0px;
	 font-size:10pt;
}
table.pdflist th {
	font-family:"Myriad Pro",Helvetica, sans-serif;
text-align:left;
padding-left:5px;
color: #00488E;
font-size:10pt;
}
table.pdflist td {
	
	color:#558855;	
}

table.pdflist tr.row0 {
 background-color:#eeeeee;
} 
table.pdflist tr.head {
 background-color:#c6e3c6;
} 


table.pdflist tr.row1 {
 background-color:#ffffff;
} 

table.pdflist tr:hover {
 background-color:#60BB46;
} 
td.padalignr {
	padding-right:12px;
	text-align:right;
}
td.shade {
	
	background-color: #dddddd;
}

.perc_25 { width: 20%;} 
.perc_10 { width: 15%; background-color:red;} 

.inb { display: inline-block; }
div.editcrumb {
	float: left;
	background-color: #AAFFFF;;	
	text-align: left;
	margin-bottom:4px;
	padding-bottom:4px;
	padding-right:4px;
	padding-left:4px;
}

.frminput {
    -moz-appearance: textfield;
    -webkit-appearance: textfield;    
    background-color: -moz-field;
    border: 1px solid darkgray;
    box-shadow: 1px 1px 1px 0 lightgray inset;  
    font: -moz-field;
    font: -webkit-small-control;
    margin-top: 5px;
    padding: 2px 3px;
    width: 398px;  
    width:400px;
    font-family:"Myriad Pro",Helvetica, sans-serif;
	color: #781351;
	background: #fef3f3;
	border: 1px solid #781351;
	float:left;   
}

.contact-panel {
	background: rgb(255, 255, 255); padding: 35px; width: 100%; height: auto; float: left;
}

.alphabet {

	margin-top:0pt;
	font-size: 16pt;
	letter-spacing: 12pt;
	margin-bottom:10pt;
}

.logoheader {
	background-color:white;
	margin-left: auto;
	margin-right: auto; 
	width: 120px;
	height: 75px;
	display: block;
}

.download-report-btn {
	margin: 0px 0px 8px; 
	width: auto; 
	height: auto; 
	float: right;
	padding: 0px 0px;
	font-family: "RobotoRegular";
	text-decoration: none;
}

.download-report-btn.a:visited {
	text-decoration: none;
	color: #ffffff;
}

.btn-one {
	background: rgb(53, 175, 219) !important;
	border-radius: 5px;
}

.btn-one:hover {
	background: linear-gradient(rgb(53, 175, 219) 1%, rgb(39, 129, 162) 100%) !important;
}

.btn {
	padding: 8px 10px;
	width: auto;
	height: auto;
	color: rgb(255, 255, 255);
	text-transform: uppercase;
	font-family: "RobotoRegular";
	font-size: 14px;
	display: inline-block;
	cursor: pointer;
}

#bg {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #E0FFFF;
}

.img-login {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 150px;
  height: 75px;
  float: right;
}

.body-login {
  font-family: 'Lato', sans-serif;
  color: #4A4A4A;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.footer-login {
	font-family: "Myriad Pro", Helvetica, sans-serif;
	font-size:12px;
	padding-left:30px;
	padding-right:30px;
	clear: both;
	color:black;
	position: absolute;
	bottom: 0;
	left: 0;
}

.form-login {
  position: absolute;
  border: 1px solid #60BB46;
  background: #00488E;
}

.fieldset-login {
	border: 1px solid #60bb46;
	width: 30em;
	padding: 20px 20px 20px 20px;
	margin: 20px 20px 20px 20px;
}

.input-login[type="submit"]  {
	font-family:"Myriad Pro",Helvetica, sans-serif;
	color: #fff;
	background: #60BB46;
	border: 1px solid #00488E;
	margin-left: 45px;
	height: 25px;
}

.medium-login-field {
	width:200px;
	background-color: #FFE4B5;
}

.label-login {
	font-family: "Myriad Pro",Helvetica, sans-serif;
	font-weight:bold;
	width: 12em;
	float: left;
	text-align: left;
	margin-right: 0.5em;
	display: block;
	color: #fff;
}