body{
    background-color:white;
   font-family : "Lato", sans-serif; 
 
    margin:0;
    padding:0;
 }
ol .liFont {
  font-size: 1.0em;
}
 #wrapper{
    width:960px;
    margin:10px auto;
    padding:10px;
/*    background-color:#e4deae;
    border:2px solid #efdda8;*/
 }
 .divSpace{
 	margin-bottom:15px;
 	
 }
 .moreWeight{
 	font-weight:500;
 }
 
 h1 {
 	
 	color:#14b8b8;
 
 }
 
 h2{
 	
 	color:#418BCA;
 }
 

 
  h4{
  	margin-top:0px;
  	margin-bottom:0px;
 	
 	color:#14b8b8;
 }
 .ValError{
 color:red;	
 }
 .Success{
 	color:green;
 	font-size:1.2em;
 	
 } 
 .FieldInput{
 	font-size:1.0em;
 /*	width:150px; */
 	height:30px;
 	padding-left:10px;
 }
 table.mainTitle{
 	padding-bottom:10px;
 	margin-bottom:25px;
 }

 td.mainTitlePurple{
 	font-size:1.5em;
   border-bottom: 3px solid #9e81c3; 
 }
 td.mainTitleOrange{
 	font-size:1.5em;
    border-bottom: 3px solid #f5871b;
 }
 td.mainTitleBlue{
 	font-size:1.5em;
    border-bottom: 3px solid #579EBF;
 }
 td.mainTitleGreen{
 	font-size:1.5em;
    border-bottom: 3px solid #42BA78;
 }
 
td.mainTitleTurkiz{
 	font-size:1.5em;
    border-bottom: 3px solid #80C2B2;
 }
td.mainTitleMustard{
 	font-size:1.5em;
    border-bottom: 3px solid #ECBB2F;
 } 
 

 a,a:link{
 	color:blue;
 	text-decoration:underline;
 
 }
 a:visited{
 	color:blue;
 	
 }
 a:hover{
 	color:#FF7F50;
 	text-decoration:none;
 }
.TextRight {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	text-align: right;
}
.TextLeft {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	text-align: left;
} 

.submit {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #0066CC; height: 35px; width: 100px; }
 .upload { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #0066CC; height: 35px; width: 100px; } 
#nav{
    float:left;
    width:135px;
    height:auto;
    border:2px solid #3399FF;
 }
 


#nav ul{
	margin: 0;
	padding: 0;
	list-style: none;	
}

#nav ul li.cat{
	background-color:#00B8B8;
	font-size:1em;
	padding-left:5px;
}

#nav ul li.subcat{
	padding-left:15px;
	font-size:.9em;
}

#nav li.cat a {
	text-decoration: none;
	color: #e4deae;
	border: none;
}

#nav li.subcat a {
	text-decoration: none;
	color: #000;
	border: none;
}
	
	
#nav li.subcat a:hover {
	text-decoration:none;
	color:#14b8b8;
}
#nav li.cat a:hover {
	text-decoration:none;
	color:#14b8b8;
}
 
 #main{
/*	background-color: #F0F8FF; */
    margin-left:10px; /* for left navigation change to 150 px */
    width:960px;       /* for left navigation change to 80% */
    height:auto;

 }

 #header{
    font-size:16px;
    margin-bottom:10px;
 }
 
 #footer{
    clear:both;
    padding-top:40px;
    font-size:9px;
 }


 
 #pleft{
 	float:left;
 	width:400px;
 }
 
 #pleft img{
 	padding-right:10px;
 }
 
 #pright{
 	float:right;
 	height:auto;
 	width:150px;
 	text-align:left;
 	padding-left:5px;
 }
 
 #pright img{
 	padding-right:3px;
 }
 
 .message{
 	border:1px solid #c98c21;
 	background-color:#efdda8;
 	color:#c98c21;
 	padding:5px;
 	width:250px;
 	font-size:12px;
 	margin:5px 0px 5px 0px;
 }
 
 .floatleft{
 	float:left;
 }
 
 .floatright{
 	float:right;
 }
/* 
table.TableYear{
	width: 960px;
	height:39px;
	margin: 12px 0 12px 0;
	padding: 0;
	border:none;

		
}
.TableYear .td1{
	width: 850px;
	text-align: left;
	border:none;
	font-size:1.0em
	
	
}
.TableYear .td2{
	width: 110px;
	text-align: center;	
	font-weight:500;
	font-size:1.2em
	
}
*/
/* navigation */
 #yearbar{
	width: 960px;
	height:39px;
	margin: 12px 0 12px 0;
	padding: 0;
	list-style: none;
	text-align: center;

	background: #bbdfec;		
}

#yearbar th{	
	vertical-align: middle; 
    font-size: 22px;
	font-weight:normal;
	color: #FFFFFF;

}
#yearbartext{	
    font-size: 24px;
    	font-weight:bold;
	color: #19B1B6;
}


#globalnav {
	
	width: 960px;
	height:39px;
	margin: 2px 0 10px 0;
	padding: 0;
/*	background: #33BABE; */

	}
	
#globalnav ul {
	margin: 0;
	padding: 0;
	list-style: none;

	}
	
#globalnav li {
	float: left;
	margin: 0;
	padding: 0;
	font-size: 1.2em;
	font-weight: 500;
	letter-spacing: 1px;
	text-transform: none;    /* uppercase; */
	text-align :center;
	width:160px;
	}
	
#globalnav li a {
	float: left;
	padding: 10px 0;
	text-decoration: none;
	color: black;
	border: none;
	width:160px;
	}
#globalnav li.perm {
	float: right;
	padding: 10px 12px;
	text-decoration: none;
	border: none;
	font-weight: 500;
	font-size:1.2em;
	color: #E4DEAE;
	font-family: Georgia, "Times New Roman", Times, serif;
	}	
#globalnav li a:hover {
/*	background-color: #FF7F50;
	color: white; */
	width:160px;
	padding: 10px 0;
	}
.lismall{
	font-size:0.8em;
	font-weight: 700;
}

#globalnav li form{
	padding:3px 0px;
	
}

#instructions #nav-instructions a, 
#welcome #nav-welcome a,
#status #nav-status a,
#candidates #nav-cands a,
#users #nav-users a,
#files #nav-files a,
#refs #nav-refs a,
#admin #nav-admin a,
#passwd #nav-passwd a,
#state #nav-state a,
#archive #nav-archive a,
#years #nav-years a,
#logout #nav-logout a {
/*	background-color: #F4A460 ; */	
/*	color:#fff; */
	width:160px;
	text-align :center;
	
}
/* No. 1 */
#instructions #nav-instructions a{ /* turkiz */
background-color: #80C2B2 ;	
	color:#fff;
	width:160px;
	text-align :center;	
}
/* No. 3 */
#files #nav-files a{ /* purple */
	background-color: #9e81c3   ;
	color: white;
	width:160px;
	padding: 10px 0;	
}
#candidates #nav-cands a{ /* Purple */
background-color: #9e81c3     ;
	color: white;
	width:160px;
	padding: 10px 0;		
}

#welcome #nav-welcome a{ /* pink */
background-color: #FF8CC9 ;
	color: white;
	width:160px;
	padding: 10px 0;	
}

#users #nav-users a{ /* blue */
background-color: #579EBF ;
	color: white;
	width:160px;
	padding: 10px 0;	
}
#state #nav-state a{ /* blue */
background-color: #579EBF ;
	color: white;
	width:160px;
	padding: 10px 0;	
}
#archive #nav-archive a{ /* mustard yellow */
	background-color: #ECBB2F   ;
	color: white;
	width:160px;
	padding: 10px 0;	
}
/* No. 4 */
#refs #nav-refs a{ /* Mustard */
	background-color: #ECBB2F;
	color: white;
	width:160px;
	padding: 10px 0;	
}
#years #nav-years a{ /* green */
	background-color: #42BA78    ;
	color: white;
	width:160px;
	padding: 10px 0;	
}
/* No. 5 */
#nav- a{ /* blue */
	background-color: #579EBF   ;
	color: white;
	width:160px;
	padding: 10px 0;	
}
/* No. 6 */
#passwd #nav-passwd a{ /*green */
background-color: #42BA78  ;	
	color:#fff;
	width:160px;
	text-align :center;	
}


.candidate{
 color:#a98296 ;
 font-weight:600;
 font-size:1.1em;	
}
img.thumbnail{
	clear:both;
	float:left;
	margin-right:5px;
	margin-bottom:15px;
}

img{  
	border:0;
}

.productlisting{
	float:left;
	width:70%;
	font-size:.8em;
	margin-bottom:30px;
}
.cand ul {
        color:#a98296;
}
.cand ul  li {
        list-style:square;
        margin-bottom:5px;
}

.cand ul  li p {
        color:#333333; /**/
        margin:0;
		font-size:1.2em;
}
/*
.titleRefs{
	font-size:1.8em;
	color:#579EBF;

}
.title{
	font-size:1.8em;
	color:#ECBB48;

}
*/
div.tableAccount{


	text-align:right;
}
table.tcand {padding:0px;
/*			font-family: Georgia, "Times New Roman", Times, serif; */		  
			margin-bottom: 30px;
			}
table.table1 {
/*			font-family: Georgia, "Times New Roman", Times, serif; */	
			width: 960px;	  
			margin-bottom: 20px;
			margin-top: 20px;
			border-collapse:collapse ;	
			}
div.tableCheck {
/*			font-family: Georgia, "Times New Roman", Times, serif; */	
		    width:400px;	  
			margin-bottom: 30px;
			border-collapse:collapse ;
			text-align:center;	
			border: 1px solid black;
			margin-left:auto;
			margin-right:auto; 
			padding:6px 0;
			}

th.th1 { padding:2px; 
		border: 1px solid black;
/*		text-align:left;  */
		
		} 
td.td1 { vertical-align: middle; 
		 border: 1px solid black; 
		 padding:4px; 
	}
td.td2 { vertical-align: middle; 
		border:0; 
		 padding:4px; 
	}
td.td3 { vertical-align: middle; 
		text-align: center;
		border:0; 
		 padding:4px; 
	}
td.td4 { vertical-align: middle; 
		 border: 1px solid black; 
		 text-align:center;
		 padding:4px; 
	}
caption.caption1 { caption-side: top; background-color: #E0E0E0;
		font-weight: 500;		
/*		color: #FFFFFF; */
		font-size:1.2em;
		font-weight:bold;
		border: 1px solid black;
		}
caption.captionOrange { caption-side: top; background-color: #f5871b;
		font-weight: 400;		
		color: #FFFFFF; 
		font-size:1.2em;
		border: 1px solid black;
		}
caption.captionPurple { caption-side: top; background-color: #9e81c3;
		font-weight: 400;		
		color: #FFFFFF; 
		font-size:1.2em;
		border: 1px solid black;
		}
caption.caption { caption-side: top; background-color: #ECBB48;
		font-weight: 400;		
		color: #FFFFFF; 
		font-size:1.2em;
		border: 1px solid black;
		}
caption.captionBlue { caption-side: top; background-color: #579EBF;
		font-weight: 400;		
		color: #FFFFFF; 
		font-size:1.2em;
		border: 1px solid black;
		}
caption.captionMustard { caption-side: top; background-color: #ECBB2F;
		font-weight: 400;		
		color: #FFFFFF; 
		font-size:1.2em;
		border: 1px solid black;
		}
caption.captionGreen { caption-side: top; background-color: #42BA78;
		font-weight: 400;		
		color: #FFFFFF; 
		font-size:1.2em;
		border: 1px solid black;
		}
#buttonPurple{
	background-color: #9e81c3;
	font-size:1.0em ;
	color:#FFFFFF;
    border: 1px solid black ;
    border-radius:5px;
    text-decoration:none;
    padding:3px 10px;
    margin-top:15px;
     } 
#buttonPurple:hover {
 background-color: #9e81c3;
 color:#000;
}
#buttonOrange	{
	background-color: #579EBF;
	font-size:1.0em ;
	color:#FFFFFF;
    border: 2px solid #579EBF;
    border-radius:5px;
    text-decoration:none;
    padding:3px 10px;
    margin-top:5px;
    margin-bottom:5px;
     } 

#buttonOrange:hover {
 background-color: #a0dcf8;

 color:#000;
}
#buttonBlue{
	background-color: #579EBF;
	font-size:1.0em ;
	color:#FFFFFF;
    border: 2px solid #548297 ;
    border-radius:5px;
    text-decoration:none;
    padding:3px 10px;
 /*   margin-top:15px; */
     } 
#buttonBlue:hover {
 background-color: #579EBF;
 color:#000;
}
#buttonGreen{
	background-color: #42BA78;
	font-size:1.0em ;
	color:#FFFFFF;
    border: 2px solid #3e8d62 ;
    border-radius:5px;
    text-decoration:none;
    padding:3px 10px;
    margin-top:15px;
     } 
#buttonGreen:hover {
 background-color: #42BA78;
 color:#000;
}
#buttonMustard{
	background-color: #ECBB2F;
	font-size:1.0em ;
	color:#FFFFFF;
    border: 2px solid #ECBB2F ;
    border-radius:5px;
    text-decoration:none;
    padding:3px 10px;
    margin-top:15px;
     } 
#buttonMustard:hover {
 background-color: #ECBB2F;
 color:#000;
}
#buttonDPurple{
	background-color:  #ab92b3;
	font-size:1.0em ;
	color:#FFFFFF;
    border: 2px solid  #ab92b3;
    border-radius:5px;
    text-decoration:none;
    padding:3px 10px;
    margin-top:15px;
     } 
#buttonDPurple:hover {
 background-color: #9e81c3;
 color:#000;
}
/*
#button{
	background-color: #ECBB48;
	font-size:1.1em ;
	color:#FFFFFF;
    border: 2px solid #ECBB48 ;
    border-radius:5px;
    text-decoration:none;
    padding:0 5px;
     } 
#button:hover {
 background-color: #FFFFFF;
 color:#ECBB48;
}
*/
#button1{
	background-color: #E0E0E0;
	font-size:1.1em ;
	color:#FF7F50;
    border: 2px solid #00B8B8 ;
    border-radius:5px;
    text-decoration:none;
     } 
#button2{
	background-color: #C6CFC6;
	font-size:1.2em ;
	color:#FF7F50;
    border: 2px solid #0094B8 ;
    border-radius:5px;
    text-decoration:none;
}
/*
#resigterbutton1,input[type='submit'] {
	background-color: #E0E0E0;
	font-size:1.4em ;
	color:#FF7F50;
    border: 2px solid #00B8B8 ;
    border-radius:5px;
    text-decoration:none;
     } 
*/    
  
input[type='file'].uploadbutton1 {
	background-color: red;
	font-size: 16pt;
	color:#FF7F50;
    border: 2px solid #00B8B8 ;
    border-radius:5px;
    padding: 2px; font-weight: bold;
/*
	background-color: #E0E0E0; 
	font-size:1.2em ;
	color:#FF7F50;
    border: 2px solid #00B8B8 ; 
   border-radius:5px; 
    text-decoration:none;
*/ 
     } 
.fileUpload {
    position: relative;
    overflow: hidden;
    margin-right: 10px;
}
.fileUpload input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}
#uploadFile1 {
line-height: 28px;
background-color:white;

}
#uploadFile2 {
line-height: 28px;
background-color:white;

}
#uploadFile3 {
line-height: 28px;
background-color:white;

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

#button1:hover {
 background-color: #F4A460;
 color:#FFFFFF;
}
#button2:hover {
 background-color: #F4A460;
 color:#FFFFFF;
}
div.divpad {
	padding:20px 0;
}
div.cand {padding-left: 6px;
	padding-top: 4px;	
}
#mysubmit {
	background-color: #E0E0E0;
	font-size: 16pt;
	color:#FF7F50;
    border: 2px solid #00B8B8 ;
    border-radius:5px;
    padding: 2px; font-weight: bold; }


#mylogin {
	
  font-family: "Roboto", sans-serif;
  text-transform: uppercase;
  outline: 0;
  background: #418BCA;
  width: 100%;
  border: 0;
  padding: 10px;
  border-radius :14px;
  color: #FFFFFF;
  font-size: 14px;
  -webkit-transition: all 0.3 ease;
  transition: all 0.3 ease;
  cursor: pointer;
	
 }	
.tableHost table{
 	margin-top:20px;
 }
 td.tdHost {
 	border: 2px solid #ECBB2F;
 	padding:0 10px;
 }
 
 .HostTitle {
 width: 45px;
 height: 20px;
 text-align:left;
 display: inline-block;
}
.HostName {
 width: 200px;
 height: 20px;
 border: solid 1px #ccc;
 display: inline-block;
 padding-left: 20px;
 padding-top:10px;
 padding-bottom:12px;
}
.ProcTitle {
 width: 90px;
 height: 20px;
 text-align:left;
 display: inline-block;
}
.ProcName {
 width: 400px;
 height: 20px;
 border: solid 1px #ccc;
 display: inline-block;
 padding-left: 20px;
 padding-top:10px;
 padding-bottom:12px;
}
.details {
	font-size: 1.4em;
	color:#846AC1;
	font-weight: 700;
	
}
.RefName {
 font-size: 1.4em;	
}	
td.tdHeader2{
	text-align:center;
	font-size:1.1em;
	}	

.errors {
    color: red;
}