/* added in profile 
@import url(../../eremitimages/all.css);
*/
	
	
.start_dt { width: 80px; text-align: right; border-collapse: collapse; border-right: 1px solid #000 !important; }	
.end_dt	{ width: 80px; text-align: left; background: red !important;}

/*general class for elements that start hidden, can't use in-line display:none anymore*/
.startHidden {display: none;}
/*some very specific styles to handle old in-line eremit styles that had to be removed*/
.pleft27 {padding-left: 27px;}
.h100 {height: 100px;}
#addNewEmployee, #clearNewEmployee {
    width: 5em;
}
.commentsf {
    display: block;
    margin: 0;
    padding: 0;
}
.red-text {
    color: red;
}
.bold {
    font-weight: bold;
}
	
#main {
	width:100%;
	margin: 0px auto;
	}

#theform	{	

	  }
	  
body	{ 
	background-image: url(../../header_bg.jpg) /*#DCE7FB*/ ;
	background-repeat: repeat-x;
	margin: 0px auto;
padding: 0;
width: 100%;
 }
 
/* Roster Maintenance Table Edits */
.pre-x-waiver {display: none;}
.terminate {display: none;}
.effective {display: none;}
.coverage {display: none;}



.post	{ background: #e7dfd2; padding: 10px; margin: 20px 10px 30px 20px; border: 1px solid #ddd;  -moz-box-shadow: 5px 5px 5px #ddd;
-webkit-box-shadow: 5px 5px 5px #ddd;
box-shadow: 5px 5px 5px #ddd;
	behavior: url(../../eremitimages/295/css3pie/PIE.htc);
	position: relative;
}
.post h3	{ padding: 0 0 5px 0; color: #614223; }
.post .date	{ 
width: 50px; 
height: 60px; 
	background: #fcfcfc; 
	background: linear-gradient(top, #fcfcfc 0%,#dad8d8 100%); 
	background: -moz-linear-gradient(top, #fcfcfc 0%, #dad8d8 100%); 
	background: -webkit-linear-gradient(top, #fcfcfc 0%,#dad8d8 100%); 
	border: 1px solid #d2d2d2;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	box-shadow: 0px 0px 5px #ddd;
	-moz-box-shadow: 0px 0px 5px #ddd;
	margin: 0px 10px 30px -40px;
	float: left; display: block;
	-webkit-box-shadow: 0px 0px 5px #ddd;
	behavior: url(../../eremitimages/295/css3pie/PIE.htc);
	position: relative;
 }
.post .date p { 
font-family: Helvetica, sans-serif;
	font-size: 20px; text-align: center; color: #614223; 
		behavior: url(../../eremitimages/295/css3pie/PIE.htc);
	position: relative;
}
.post .date span	{
background: #086574; 
	background: linear-gradient(top, #086574 0%, #117e8e 100%);
	background: -moz-linear-gradient(top, #086574 0%, #117e8e 100%);
	background: -webkit-linear-gradient(top, #086574 0%, #117e8e 100%);
	font-size: 26px; font-weight: bold; color: #fff; text-transform: uppercase; 	
	display: block;
	border-top: 2px solid #117e8e;
	border-radius: 0 0 10px 10px;
	-moz-border-radius: 0 0 10px 10px;
	-webkit-border-radius: 0 0 10px 10px;
	padding: 4px 0 4px 0;
	margin-top: 2px;
		behavior: url(../../eremitimages/295/css3pie/PIE.htc);
	position: relative;
}
.post img.right	{ display:block;width: 200px; float: right; margin: 15px 0 10px 10px; }
.post img		{ display: block;float: right; margin: 15px 0 10px 10px; } 






 
#leftcontent {
	vertical-align: top;
	padding-top: 15px;
	width: 200px;

	}
 
 
 #content	{ width: 100%; 
 padding-left: 0;

}
	  
#topcontent {
	background-color:#999999;}	  

TABLE#trustees {
	width:575px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:24pt;
	text-align:center;
    border: 1px solid #777886;
	margin-left:auto;
	margin-right:auto;
	padding-top:10px;
	margin-top:10px;
	margin-bottom:10px;
	padding-bottom:10px;
				}
				
TR#colhead {
	font-size:18pt;
	font-weight:bold;
	text-decoration:underline;
	padding:3px 0px 15px 0px;
			}				

TD#header {
	margin: 0px 0 0px 0;
	width: 100%;
	padding:0px;
	background-image: url(../../header_bg.jpg) /*#DCE7FB*/ ;
	background-repeat: repeat-x;
	}
		
TD#tag {
	font-family:Arial, Helvetica, sans-serif;
	font-size:9pt;
	color:#000000;
	text-align: center;
	padding: 10px 0 10px 0;
	}		
	  
TR#navbar1 
{
	background-image:  url("../../313loginfield_bg.jpg"); vertical-align:middle;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10pt;
	color: #FFFFFF;
	padding:0px;
	height: 18px;
}






.accordionWrapper	{display:inline-block; background-color:#fff; overflow:hidden;}
.accordionWrapper img	{vertical-align:top; border:0; margin:0; padding:0}
.accordionWrapper div	{display:inline; float:left; margin:auto;}
.accordionWrapper div.title	{cursor:pointer; height:29px; font-weight: bold; color: #FFF; vertical-align: middle; font-size: 12pt; }
.accordionWrapper div.content	{border-top: 1px solid white; display:none;}

table.stats	{ -moz-border-radius: 10px;
border-radius: 10px;
-moz-box-shadow: 0 0 5px 5px#ccc;
-webkit-box-shadow: 0 0 5px 5px#ccc;
box-shadow: 0 0 5px 5px #ccc;
width: 50%; margin: 20px auto; border-collapse: collapse; }
table.stats td	{ padding: 8px; border: 1px solid #CCC;}
table.stats td img	{ text-align: center; }




#leftwrapper{
float: left;
width: 100%;
}

#leftcolumn{
margin-right: 400px; /*Set right margin to RightColumnWidth*/
}

#rightcolumn{
float: left;
width: 400px; /*Width of right column in pixels*/
margin-left: -400px; /*Set left margin to -(RightColumnWidth) */
}


#leftwrapper2{
float: left;
width: 100%;
}

#leftcolumn2{
margin-right: 50px; /*Set right margin to RightColumnWidth*/
}

#rightcolumn2{
float: left;
width: 50px; /*Width of right column in pixels*/
margin-left: -50px; /*Set left margin to -(RightColumnWidth) */
}

#bottom {
clear: left;
width: 100%;
color: #000;
text-align: left;
padding: 15px 0;
font-style: italic;
}

#bottom a{
color: #000;
}

.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}

.clear	{clear: all; }




#wrapper{float:left;width:100%;margin-left:-400px}
#content2{margin-left:400px}
#navigation{float:right;width:400px}
#extra{float:right;clear:right;width:400px}
#footer{clear:both;width:100%}




#loginnote	{ 
background: #e6dfd2; /* Old browsers */
background: -moz-linear-gradient(top, #feffe8 0%, #e6dfd2 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#feffe8), color-stop(100%,#e6dfd2)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #feffe8 0%,#e6dfd2 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #feffe8 0%,#e6dfd2 100%); /* Opera11.10+ */
/*background: -ms-linear-gradient(top, #feffe8 0%,#e6dfd2 100%); /* IE10+ */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffe8', endColorstr='#e6dfd2',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #feffe8 0%,#e6dfd2 100%); /* W3C */
 -moz-box-shadow: 5px 5px 5px #888;
-webkit-box-shadow: 5px 5px 5px #888;
box-shadow: 5px 5px 5px #888;
	width: 250px;
	text-align: center;
	font-size: 1em;
	margin: 0 auto;
	padding: 10px 20px 10px 20px;
	border: 1px solid /*#01408d */ #cac1af; 
	-moz-border-radius: 1em 1em 1em 1em;
	border-radius: 1em 1em 1em 1em;  
	}	


	
/* The Nivo Slider styles */


#slider {
	position:relative;
	margin:15px 0px 20px 20px;
	background-image: #f3ffe8 url(../../loading.gif); /*no-repeat 50% 50%; */
	-moz-box-shadow:0px 0px 10px #333;
	-webkit-box-shadow:0px 0px 10px #333;
	box-shadow:0px 0px 10px #333;
	border: 5px solid #DFDFDF;
	float: right;
}
#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}

#slider a {
	border:0;
}

.nivo-controlNav {
	position:absolute;
	left: 5%;
	bottom:-30px;
	display: none;
}

.nivo-controlNav a {
	display:block;
	width:10px;
	height:10px;
	background:url(../../bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
}

.nivo-controlNav a.active {
	background-position:-10px 0;
}

.nivo-directionNav a {
	display:block;
	width:32px;
	height:34px;
	background:url(../../arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
}
a.nivo-nextNav {
	background-position:-32px 0;
	right:10px;
}
a.nivo-prevNav {
	left:10px;
}

.nivoSlider {
	position:relative;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:60;
	display:none;
}
/* The slices in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:50;
	height:100%;
}
/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	opacity:0.8; /* Overridden by captionOpacity setting */
	width:100%;
	z-index:89;
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:99;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) 
.nivo-controlNav a {
	position:relative;
	z-index:99;
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}	
	*/
	
	

table.elgfaq	{ border: 0; border-collapse: collapse; margin: 0 auto; }
table.elgfaq td	{ text-align: center; padding: 5px; }

img.sue	 { float: right; width: 200px; margin: 0 0 10px 20px; padding: 8px; background: #dfdfdf; border: 1px solid #666; }
#sue	{ padding-right: 100px; text-align: justify; }

img.staff	{  width: 350px; margin: 0; padding: 8px; background: #DFDFDF; border: 1px solid #666; }

ul.iremit li	{ line-height: 175%; }

table.board td	{ padding: 4px 8px; }
table.board h4	{ color: #017ACD; margin-bottom: 0; text-align: center;}

table.contact	{ padding-left: 20px; }
table.contact td	{padding: 0 5px 10px 5px; }

#benefits	{ margin: 0 auto; width: 95%; text-align: justify; }
table.benefits	{ border-collapse: collapse; border: 1px solid black; }
table.benefits td { width: 18%; padding: 5px; border: 1px solid black; }

table.newsletter	{ margin: 0 auto; }
table.newsletter td	{ padding-left: 20px; padding-right: 20px; }

table.locals	{ margin-bottom: 20px; }
table.locals td	{ padding: 15px 20px; }


.user	{ display: none; }





/*--------------------------------
       FORMS TABS
--------------------------------*/


#abouttabs	{ clear:both; padding-bottom: 20px; margin-top: 40px; }

#abouttabs h2	{ margin-bottom: 20px; }

table.formsnotices td	{ margin: 0 auto; width: 50%; padding: 10px; font-size: 1em; }

ul.tabs {
	margin: 0;
	padding: 0;
	list-style: none;
	height: 32px; /*--Set height of tabs--*/
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	width: 95%;
}

ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 31px; /*--Subtract 1px from the height of the unordered list--*/
	line-height: 31px; /*--Vertically aligns the text within the tab--*/
	border: 1px solid #999;
	border-left: none;
	margin-bottom: -1px; /*--Pull the list item down 1px--*/
	overflow: hidden;
	position: relative;
	background: #DCE7FB;
}
ul.tabs li a {
	text-decoration: none;
	color:  #3E2F20;
	display: block;
	font-family: Arial;
	font-size: 1.1em;
	font-weight: bold;
	padding: 0 10px;
	border: 1px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/
	outline: none;
}

ul.tabs li a:hover {
	background: #CFE0FF; border: 1px solid #CCC;
	}
	
html ul.tabs li.active a:hover, html ul.tabs li.active { /*--Makes sure that the active tab does not listen to the hover properties--*/
	background: #fff;
	color: #3e2f20;
	border-bottom: 1px solid #fff; /*--Makes the active tab look like it's connected with its content--*/
}

.tab_container {
	border: 1px solid #999;
	border-top: none;
	overflow: hidden;
	width: 95%;
	background: #fff;
	margin-left: 0;
	margin-right: auto;
}
.tab_content {
	padding: 20px;
	font-size: 1em;
}

.tab_content h3	{ 
	padding-bottom: 10px;
	color: #000;
	text-align: center;
	}





.navtext	{  	
text-align: right; 
font-family: Arial, Helvetica, sans-serif; 
text-decoration: none; 
padding: 2px 12px 2px 12px; 
color: #003f8c; 
background-color: #fff;  
	}
.navtext a	{ color: #003f8c; padding: 0 0px 0 0px; }		
.navtext a:hover{ color: #003f8c; padding: 0 0px 0 0px; text-decoration:underline; }	 

/*				
td.navtext	{ padding-top: 15px; font-family: Arial, Verdana; color: #000; }
td.navtext a { text-decoration:none; padding: 0px 6px 0px 6px; color: #000;}		
td.navtext a:hover	{color:#3E2F20; text-decoration:underline; padding: 0px 6px 0px 6px;}	
*/
a {color:#017acd; text-decoration:underline;}
a:hover {color:#3E2F20; text-decoration:underline;}

A.section {background-color:#003300; padding:4px 6px 2px 6px;}
a.section:hover	{color:#FFFF00; background-color:#003300; text-decoration:none; padding: 4px 6px 2px 6px;}	

a.company {color:#000; text-decoration:underline;}
a.company:hover	{color:#000; text-decoration:underline;}

a#register {text-decoration:none; color:#0033CC; padding:0px}
a#register:hover {text-decoration:underline; color:#0033CC; padding:0px;}

a.pdf {text-decoration:none; color:#0033CC; padding:0px}
a.pdf#hover {text-decoration:underline; color:#0033CC; padding:0px;}



a.navbar { /* <-------------BEGIN STYLE FOR NAVIGATION BAR LINK*/
	width:180px;
	text-align:left;
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10pt;
	font-weight:bold;
	color:#000000;
	background-color: #FFF;
	text-decoration:none; 
	padding: 4px 0 4px 22px;
	margin: 5px 0 5px 12px;
	}
	
a.navbar1 {
	text-align:left;
	width:180px;
	display:block;
	margin-left:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10pt;
	font-weight:bold;
	color:#000000;
	background-color:#FFFFFF;
	text-decoration:none; 
	margin: 5px 0 5px 12px;
	padding: 4px 0 4px 22px;
	}
		
a.navbar:hover	{	
	width:180px;
	color:#000000;
	text-decoration:none;
	background: url(../../menubg.jpg);
	background-repeat: no-repeat;
}

a.navbar1:hover	{
	width:180px;
	color:#000000;
	text-decoration:none;
	background: url(../../menubg.jpg);
	background-repeat: no-repeat;
	}



.evenrow { font-family: Arial, helvetica, sans-serif; cursor: pointer; background-color:#FFFFFF }
.oddrow { cursor: pointer; background-color:#EFEFEF; }

tr.evenrow:hover { background-color:DDFFDD; }
tr.oddrow:hover { background-color: #DFDFDF; }

.tableLabel	{ background-color: #DCE7FB; color: #3E2F20; }


#employer_button { display: none; margin-left: 15px; }

#member_button	{ display: none; margin: 20px 0 10px 15px; text-align: left; }

#homelink	{  }
.pipe	{ padding-right: 5px; }

table.nw	{  }
.nw	td { padding: 5px 4px 5px 4px; margin: 0; }
.nw	{ background-color: #DCE7FB; margin-top: 10px; margin-bottom: 20px; }
#mainscreen table tbody tr td table	{ background-color: #DCE7FB; }

.widefield	{ width: 200px; }


.textbox1	{ border: 0; margin: 0; padding: 10px; }

.text {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12pt;
	padding:20px 10px 7px 5px;
	}
		

h2, h3 {
	margin-top:5px;
	font-family: Arial, Helvetica, sans-serif;
	color: #3E2F20;
	padding-left:5px;
	font-size: 16pt;
	font-weight: bold;
	letter-spacing:3px;
	margin-left: -4px;
	margin-right: -4px;
	margin-bottom: 0;
	}

h3	{ letter-spacing: 0px; font-size: 1.25em; }

h4	{ color: #624223; text-decoration: italic; margin-top: 0; }

img .h4	{ margin-top: 0; padding-top: 0; }



li.stripe-even{
  background-color: lightpink;
  height:20px;
  list-style-type:none;
}
li.stripe-odd{
  background-color: lightblue;
  height:20px;
  list-style-type:none;
}
ul.zebra li:hover{
background-color: yellow;
}

@media print {
    #navWrapper {
        display: none;
    }
}
/* START: MFA & Password Update Overrides */
.btn, .btn-large, .btn-small, .btn.continueBtn, .continueBtn, button#checkCode {
    background-color: #086574 !important;
    color: white !important;
    font-weight:bold;
    &:hover {
        background-color: rgba(8, 101, 116,0.75) !important;
        color: white !important;
        -webkit-filter: invert(0%);
        filter: invert(0%);
        text-decoration:none;
    }
}
.btn.back, .btn-large.back, .btn-small.back, .btn.continueBtn.back, .continueBtn.back, button#checkCode.back {
    background-color:#585858!important;
    &:hover {
        background-color: black!important;
    }
}
.btn.btn-block, .btn-large.btn-block, .btn-small.btn-block, .btn.continueBtn.btn-block, .continueBtn.btn-block, button#checkCode.btn-block {
    background-color: transparent !important;
    color: #006699 !important;
    &:hover {
        background-color: transparent !important;
        color: black !important;
    }
}
.col.s12.white-text.teal.lighten-1 {
    background-color: #086574 !important;
}
a#modalDoneBtn.orange-text, a.orange-text {
    color: #634223!important;
}
input:not([type]):focus:not([readonly]),input[type=text]:not(.browser-default):focus:not([readonly]),input[type=password]:not(.browser-default):focus:not([readonly]),input[type=email]:not(.browser-default):focus:not([readonly]),input[type=url]:not(.browser-default):focus:not([readonly]),input[type=time]:not(.browser-default):focus:not([readonly]),input[type=date]:not(.browser-default):focus:not([readonly]),input[type=datetime]:not(.browser-default):focus:not([readonly]),input[type=datetime-local]:not(.browser-default):focus:not([readonly]),input[type=tel]:not(.browser-default):focus:not([readonly]),input[type=number]:not(.browser-default):focus:not([readonly]),input[type=search]:not(.browser-default):focus:not([readonly]),textarea.materialize-textarea:focus:not([readonly]) {
    border-bottom: 1px solid #086574 !important;
    -webkit-box-shadow: 0 1px 0 0 #086574 !important;
    box-shadow: 0 1px 0 0 #086574 !important;
}
input:not([type]):focus:not([readonly])+label,input[type=text]:not(.browser-default):focus:not([readonly])+label,input[type=password]:not(.browser-default):focus:not([readonly])+label,input[type=email]:not(.browser-default):focus:not([readonly])+label,input[type=url]:not(.browser-default):focus:not([readonly])+label,input[type=time]:not(.browser-default):focus:not([readonly])+label,input[type=date]:not(.browser-default):focus:not([readonly])+label,input[type=datetime]:not(.browser-default):focus:not([readonly])+label,input[type=datetime-local]:not(.browser-default):focus:not([readonly])+label,input[type=tel]:not(.browser-default):focus:not([readonly])+label,input[type=number]:not(.browser-default):focus:not([readonly])+label,input[type=search]:not(.browser-default):focus:not([readonly])+label,textarea.materialize-textarea:focus:not([readonly])+label {
    color: #086574 !important;
}
/* END: MFA & Password Update Overrides */