a {
		text-decoration: none;
		color: #2d86d6;
	}
	a:hover {
		color: #193773;
	}
	/* a:visited {
		color: #364981; */
	}
	a.switch {
		text-decoration: none;
		color: #FFFFFF;
		font-weight: bold;
	}
	a:hover.switch {
		color: #FFFFFF;
		font-weight: bold;
	}
	a:visited.switch {
		color: #FFFFFF;
		font-weight: bold;
	}
	Body, Td {
		font-family : arial;
		font-size: 12px;
	}
	.whitewrite {
		font-family:arial;
	      font-size:12px;
		  font-weight: bold;
	      color: #ffffff;
		  text-decoration:none
	}
	.whitewrite1 {
		font-family:arial;
	      font-size:10px;
		  font-weight: bold;
	      color: #ffffff;
		  text-decoration:none
	}
	.whitewrite2 {
		font-family:arial;
	      font-size:14px;
		  font-weight: bold;
	      color: #ffffff;
		  text-decoration:none
	}
	.whitewrite3 {
		font-family:arial;
	      font-size:18px;
		  font-weight: bold;
	      color: #ffffff;
		  text-decoration:none
	}
	.whitewrite4 {
		font-family:arial;
	      font-size:26px;
		  font-weight: bold;
	      color: #ffffff;
		  text-decoration:none
	}
	.copyright {
		font-family:arial;
	      font-size:9px;
		  font-weight: normal;
	      color: #ffffff;
		  text-decoration:none
	}
	.etalknav {
		font-family:arial;
	      font-size:14px;
		  font-weight: bold;
	      color: #fff;
		  text-decoration:none
	}
	
	.switchboardtitles {
		font-family:arial;
	      font-size:14px;
		  font-weight: bold;
	      color: #DC2323;
		  text-decoration:none
	}
	
	.ecarttitles {
		font-family:arial;
	      font-size:14px;
		  font-weight: bold;
	      color: #000000;
		  text-decoration:none
	}
	
	.sectiontitles {
		font-family:arial;
	      font-size:16px;
		  font-weight: bold;
	      color: #9f9b9b;
		  text-decoration:none
	}

	
	input.InButOn{
		font-family:"MS Sans Serif";
		font-size:11px;
		font-weight: bold;
		background: #D4D0C8;
		color: #364981;
		border-width:1px;
		border-style:solid;
		height:18px;
		cursor:pointer;
		padding:0px;
		width: 85px
		
	}
	input.InButOff{
		font-family:"Arial";
		font-size:12px;
		font-weight: bold;
		background: #161f64;
		color: #ffffff;
		border: 1px solid #ffffff;
		cursor:pointer;
		padding:5px 12px 5px 12px; /* top right bottom left padding - inside div Margin - outside div*/
	}
	
	input.InField{
		font-family:"arial";
		font-size:14px;
		background-color:#e8e8e8;
		border-color: #364981;
		border-width:1px;
		border-style: dashed;   /*  [ none | dotted | dashed | solid | double | groove | ridge | inset | outset  */
		color: #605e5e;
		height:35px;
		padding:2px
	}

	textarea:focus, input.InField:focus {
		border: 1px solid #605e5e;
		background-color: #e8e8e8;
	}
	
	
	
	textarea {
		background-color:#e8e8e8;
		border: #364981 1px dashed;
		color: #605e5e;
		font-family: arial;
		font-size: 14px;
		font-weight: normal
	}
	
	select {
		border: dashed 1px #364981 ;
		background-color:#e8e8e8;
		color:#605e5e;
		font-weight:normal;
		font-family: arial;
		font-size:12px;
		height: 35px;
	} 
	
	.multiselect {
		border: dashed 1px #364981 ;
		background-color:#e8e8e8;
		color:#605e5e;
		font-weight:normal;
		font-family: arial;
		font-size:12px;
		height: 175px;
	} 

	
.iconlabels {
  font-family:arial;
  font-size:12px;
  font-weight: bold;
  color: #5c5c5c;
  text-decoration:none
}	
	
.washoutImage {
opacity:0.25!important;
-webkit-opacity:.25;
-moz-opacity:.25;
filter:alpha(opacity=25); /* For IE8 and earlier */
}

/* ipad */
@media only screen 
		and (min-device-width : 768px) 
		and (max-device-width : 1024px) {
			
		.mainpanel {
			width:1080px;
			background-color: #ffffff;
			border:0px solid #0e5a82; 
			padding: 0px;
			margin: 0px;
		}	
		.navBar {
			height: 50px;
			width: 1080px;
			background-color: #023b57;
			margin: auto;
			padding: 10px;
			border: 0px #fff solid;
		}
		.navBarLeft {
			height: 60px;
			width: 30%;
			float: left;
			border: 0px #fff solid;
		}
		.navBarRight {
			height: 60px;
			width: 70%;
			float: left;
			border: 0px #fff solid;
		}
}

/* Surface Duo */
@media only screen 
		and (min-device-width : 1100px) 
		and (max-device-width : 1149px) {

		.mainpanel {
			border:0px solid #0e5a82; 
			padding: 0px;
			margin: 0px;
		}
			
		.navBar {
			height: 60px;
			width: 100%;
			background-color: #023b57;
			margin: auto;
		}
		.navBarLeft {
			height: 60px;
			width: 50%;
			float: left;
		}
		.navBarRight {
			height: 60px;
			width: 50%;
			float: left;
			margin-top: 10px;
		}
}

/* computer/tablet */
@media only screen 
		and (min-device-width : 1150px) 
		and (min-width : 1150px) {
			
		.mainpanel {
			width:1350px;
			background-color: #ffffff;
			border:0px solid #0e5a82; 
			padding: 0px;
			margin: 0px;
		}	
			
		.navBar {
			height: 50px;
			width: 1340px;
			background-color: #023b57;
			margin: auto;
			padding: 10px;
		}
		.navBarLeft {
			height: 60px;
			width: 50%;
			float: left;
			border: 0px #fff solid;
		}
		.navBarRight {
			height: 60px;
			width: 50%;
			float: left;
			border: 0px #fff solid;
		}
}


.mainpanelMenuButton {
	width:808px;
	height:45px;
	background-color: transparent;
	border:0px solid #0e5a82; 
	padding-left:50px;
	margin-top: 15px;
	float: left;
}
.mainpanelTitle {
	width:400px;
	height:45px;
	background-color: transparent;
	border:0px solid #0e5a82; 
	padding: 0px;
	margin-top: 15px;
	float: left;
	text-align: right;
	
}
.clearfloats {
	clear:both;
	float:none;
}


@-webkit-keyframes blinker {
  from {opacity: 1.0;}
  to {opacity: 0.0;}
}
.blink{
	text-decoration: blink;
	-webkit-animation-name: blinker;
	-webkit-animation-duration: 0.6s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-timing-function:ease-in-out;
	-webkit-animation-direction: alternate;
}

.circlespacer
{
	width: 55px;
	float: right;
}		
.circle
{
	border-radius: 50%;
	width: 45px;
	height: 45px; 
	background-color: #e65423;  
	text-align: center;
	float: right;
	color: #fff;
	font-size: 16px;
}	
.circleWPB
{
	border-radius: 50%;
	width: 45px;
	height: 45px; 
	background-color: #e65423;  
	text-align: center;
	float: right;
	color: #fff;
	font-size: 16px;
}
.hamburger {
  width: 25px;
  height: 3px;
  background-color: #fff;
  margin: 6px 0;
}