@charset "utf-8";
/* CSS Document */

.recruiting-longtxt-table td,
.jobs-table td {
	padding-right: 4px; 
	padding-bottom: .75em;
	 }
.zebra tr:nth-child(odd) {
    background-color: #f3fcfd; /*lt blue for zebra striped option */  
}
#jobs-table, .jobs-table
 {
font: 1em/2.3em Arial, Helvetica, sans-serif; /*tablet smaller type, more line spacing*/

	}

.recruiting-table  a:link, 
.jobs-table  a:link {
	color: #B35000;
}


.recruiting-table  a:hover, .recruiting-table  a:focus,
.jobs-table  a:hover, .jobs-table  a:focus
	{
	text-decoration: underline;
	color: #005f86; /* dark blue */
}

.jobs-table thead a:link, .jobs-table thead a:visited, 
#jobs-table thead a:link, #jobs-table thead a:visited,
.jobs-table thead
{
	color: #005f86; /* dark blue */
	font-weight: bold;
	text-decoration: none;
	text-align: left !important;
}

*#jobs-table thead a:hover, #jobs-table thead a:focus 
{
	color:  #B35000;
	text-decoration: none;
}
.sortable td,
.sortable th {
  padding: 0 .2em;
}


.sortable tbody tr:nth-child(odd) {
   background-color: #f3fcfd; /*lt blue same as zebra striped */  
}
.sortable th {
  cursor: pointer;
  font-weight: bold; 
  text-align: left;
}

.sortable th:hover {
 color: #B35000; /* dk orange */
}

.sortable th:hover::after {
 color: inherit; 
 font-size: 1.2em;
 content: ' \025B8';
}

.sortable th::after {
 font-size: 1.2em;
 color: transparent;
 content: ' \025B8';
}

.sortable th.dir-d {
  color: #984500; /* dk orange */
}

.sortable th.dir-d::after {
  color: inherit;
  content: ' \025BE';
}

.sortable th.dir-u {
  color: #B35000; /* dk orange */
}

.jobs-table.sortable th.dir-u::after {
  color: inherit;
  content: ' \025B4';
}

/*==================================RESPONSIVE=========================*/
@media only screen and (max-width: 995px) {

	#recruiting-longtxt-table, .recruiting-longtxt-table {
	font: .95em/1.8em Arial, Helvetica, sans-serif; /*tablet smaller type, more line spacing*/
	}

	#jobs-table, .jobs-table {
	font: 1em/2em Arial, Helvetica, sans-serif; /*tablet smaller type, more line spacing*/
	}
	
	
	.recruiting-longtxt-table td, 
	.jobs-table td
	{
	padding-right: 4px; 
	padding-bottom: 1em;
	 }

}

@media only screen and (max-width: 840px) {
		.hidesml {
		display: none;
	}
}

 @media only screen and (max-width: 767px) {
	
	 body {min-width:420px;}
	 
	.recruiting-longtxt-table td,
	.jobs-table td        {
	padding-right: 4px; 
	padding-bottom: 1em;
	 }

	#recruiting-longtxt-table, .recruiting-longtxt-table
 	{
	font: .91em/1.8em Arial, Helvetica, sans-serif; /*tablet smaller type, more line spacing*/
	}

	#jobs-table, .jobs-table
 	{
	font: 1em/2em Arial, Helvetica, sans-serif; /*tablet smaller type, more line spacing*/
	}
}

 @media only screen and (max-width: 479px) {
 
	body {
	min-width:300px;
	}
	 
	 .recruiting-table  a:link, .recruiting-table  a:visited,
	.jobs-table  a:link, .jobs-table  a:visited
	 {
	 text-decoration: none; 
	 }

	.recruiting-table  a:hover, .recruiting-table  a:focus,
	.jobs-table  a:hover, .jobs-table  a:focus
	{
	text-decoration: underline !important;
	color: #005f86; /* dark blue */

	}
	 
 	#recruiting-longtxt-table, .recruiting-longtxt-table {
	/*font: .8571422851em/18.85714272px Arial, Helvetica, sans-serif; 14 point to 12 point:  12/14= .857142851em & same reduction to line height */
	font: .88em/28px Arial, Helvetica, sans-serif; /*Made slightly larger and added more line spacing for ease of use on phone*/
	}
	#jobs-table, .jobs-table {
	/*font: .8571422851em/18.85714272px Arial, Helvetica, sans-serif; 14 point to 12 point:  12/14= .857142851em & same reduction to line height */
	font: .94em/28px Arial, Helvetica, sans-serif; /*Made slightly larger and added more line spacing for ease of use on phone*/
	}

	.recruiting-longtxt-table  a:link, .recruiting-longtxt-table  a:visited,
	.jobs-table  a:link, .jobs-table  a:visited  {
	text-decoration: none; 
	}

	.recruiting-longtxt-table  a:hover, .recruiting-longtxt-table  a:focus,
	.jobs-table  a:hover, .jobs-table  a:focus
	{
	text-decoration: underline !important;
	color: #005f86; /* dark blue */
	}
	 
	.recruiting-longtxt-table td,
	.jobs-table td     
	 {
	 padding-right: 2px; 
	 padding-bottom: 8px;
	 }
}