/*Copyright 2022 by Computer Systems Design Company */
@charset "UTF-8";

/* CUSTOM ICON FONT */

@-ms-viewport {
  width: device-width;}

@charset "UTF-8";

@font-face {
  font-family: "colorado-workforce-icons-ii";
  src:url("/fonts/colorado-workforce-icons-ii.eot");
  src:url("/fonts/colorado-workforce-icons-ii.eot?#iefix") format("embedded-opentype"),
    url("/fonts/colorado-workforce-icons-ii.woff") format("woff"),
    url("/fonts/colorado-workforce-icons-ii.ttf") format("truetype"),
    url("/fonts/colorado-workforce-icons-ii.svg#colorado-workforce-icons-ii") format("svg");
  font-weight: normal;
  font-style: normal;

}
/* 
input {
	-webkit-appearance: none;
}
*/

[data-icon]:before {
  font-family: "colorado-workforce-icons-ii" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "colorado-workforce-icons-ii" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-user:before {
  content: "\61";
}
.icon-search:before {
  content: "\62";
}
.icon-caret-down:before {
  content: "\63";
}
.icon-caret-left:before {
  content: "\65";
}
.icon-caret-right:before {
  content: "\66";
}
.icon-caret-up:before {
  content: "\67";
}
.icon-person:before {
  content: "\68";
}
.icon-search-1:before {
  content: "\69";
}
.icon-search-2:before {
  content: "\6a";
}
.icon-person-1:before {
  content: "\6b";
}
.icon-male:before {
  content: "\6c";
}
.icon-torso:before {
  content: "\6d";
}
.icon-caret-down-1:before {
  content: "\6e";
}
.icon-caret-down-two:before {
  content: "\6f";
}
.icon-caret-left-1:before {
  content: "\70";
}
.icon-caret-right-1:before {
  content: "\71";
}
.icon-caret-up-1:before {
  content: "\72";
}
.icon-caret-up-two:before {
  content: "\73";
}
.icon-search-find:before {
  content: "\74";
}
.icon-user-1:before {
  content: "\75";
}
.icon-user-2:before {
  content: "\76";
}
.icon-person-icon:before {
  content: "\77";
}


/* END CUSTOM ICON FONT */

/* Redefinition of standard tags */

/* Added per Susie Nulty's request on 3-21-2011  */

span.reverse {
	background: #000099; color: #ffffff
}

span.sort {
        background: #ccffff; color: #000099;
        }

.righttxt  {color:#330066;
            font-weight: bold;}

/* p tag is identical to "bodytext" span style  */

body{
      margin: 3%;
      font-family : Arial, Helvetica, sans-serif;
}



a   {
text-decoration:underline;
color : #205dc5;    /*  powder blue   */
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	-ms-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
}

	A:link {
	color : #205dc5;    /*  powder blue   */
	}
	A:hover {
	color : #051D49;    /* dark blue */
	}
	A:active {
	color : #051D49;    /* dark blue */
	}
	A:visited {
	color : #3a76df;    /*  powder blue   */
	}
	A:visited:hover {
	color : #051D49;    /* dark blue */
	}
	A:visited:active {
	color : #051D49;    /* dark blue */
	}

a.sone:link {color: #205dc5;}
a.sone:visited {color: #205dc5;}
a.sone:hover {color: darkblue;}
a.sone:active {color: darkblue;}
a.stwo:link {color: #205dc5; background: lavender;}
a.stwo:visited {color: #205dc5; background: lavender;}
a.stwo:hover {color: darkblue; background: lavender;}
a.stwo:active {color: darkblue; background: lavender;}



/*  table, td, th  {
border: none;
}   */

/*  .searchtable {
   border: 1px dotted #e4e5e5 !important;
}  */ 

.prev-next-table {
    border-radius: 15px;
    border: 1px solid #eeeeee;
}

.round-corner-table {
    border-radius: 15px;
    border: none;
}

#round-corner-table {
    border-radius: 15px;
    border: none;
}



/*  #prev-next-table {
    border-radius: 15px;
    border: 1px solid #eeeeee;
}  */

input::placeholder  {
	color: #5d646c !important;
}

/* BUTTON STYLES */

.button {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0px;
  font-family: Arial, Helvetica, sans-serif;
  color: #ffffff;
  font-size: 13px;
  letter-spacing: 0.03em;
  background: #0d1e47;
  padding: 4px 8px 4px 8px;
  height: 25px;
  border: none;
  text-decoration: none;
} 

.button:hover {
  color : #5891df;    /* wedgwood blue */
  text-decoration: none;
}

.button-search {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0px;
  font-family: 'FontAwesome';
  color: #ffffff;
  font-size: 12px;
  background: #0d1e47;
  padding: 6px 3px 5px 8px;
  border: none;
  text-decoration: none;
}

.button-search:hover {
  color : #5891df;    /* wedgwood blue */
  text-decoration: none;
}

.button-select {
  border-radius: 0px;
  font-size: 12px;
  background: lightgrey;
  padding: 6px 3px 5px 8px;
  border: none;
  text-decoration: none;
}

.button-search-custom-icon-font {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0px;
  font-family: 'colorado-workforce-icons-ii';
  color: #ffffff;
  font-size: 12px;
  background: #0d1e47;
  padding: 5px 3px 6px 8px;
  border: none;
  text-decoration: none;
}

.button-search-custom-icon-font:hover {
  color : #5891df;    /* wedgwood blue */
  text-decoration: none;
}

.x-out {
  float: right;
  text-align: right;
  width: 100%;
  font-size: 16px;
  font-weight: bold;
  color: black; 
  padding-bottom: 5px;
  cursor: pointer;
}
.x-out: hover{
  color: gray;
  text-decoration: none;
}


.button-profile-custom-icon-font {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0px;
  font-family: 'colorado-workforce-icons-ii';
  color: #ffffff;
  font-size: 32px;
  background: #08174a;
  padding: 3px 3px 5px 0px;
  border: none;
  margin: none;
  text-decoration: none;
}

.button-profile-custom-icon-font:hover {
  color : #5891df;    /* wedgwood blue */
  text-decoration: none;
}

.redbtn
        {
        background-color:#511f1e;
        color: #FFF;
        font-size: 12pt;
        font-weight: bold;
        text-shadow: 1px 1px #000000;
        border: 1px solid #DDDDDD;
        height: 30px;
        width: 175px;
        }
.redbtn:hover {background-color:#813331;}

.redbtnheader
        {
        background-color:#511f1e;
        color: #FFF;
        font-size: 10pt;
        font-weight: bold;
	border: 1px 1px 1px 1px #DDDDDD;
	text-align: center;
        height: 35px;
        }
.redbtnheader:hover {background-color:#813331;}


.bluebtn
        {
        background-color: #173A99;
        color: #FFF;
        text-shadow: 1px 1px #000000;
        font-size: 12pt;
        font-weight: bold;
        border: 1px solid #DDDDDD;
        height: 30px;
        width: 60px;
	cursor: pointer;
        }
.bluebtn:hover {background-color: #1F4DCD;}

.bluebtnsearch
        {
        background-color: #173A99;
        color: #FFF;
        font-size: 12pt;
        font-weight: bold;
        font-family: 'colorado-workforce-icons-ii';
        border: 1px 1px 1px 0px #DDDDDD;
        height: 30px;
        }
.bluebtnsearch:hover {background-color: #1F4DCD;}

.bluebtnheader
        {
        background-color: #173A99;
        color: #FFF;
        font-size: 12px;
        font-weight: bold;
	text-align: center;
        border: 1px;
	border-color: #DDDDDD;
        height: 30px;
        width: 100%;
	cursor: pointer; 
       }
.bluebtnheader:hover {background-color: #1F4DCD;}


.smallbluebtn
        {
        background-color: #173A99;
        color: #FFF;
        text-shadow: 1px 1px #000000;
        font-size: 10pt;
        font-weight: bold;
        border: 1px solid #DDDDDD;
        height: 20px;
        }
.smallbluebtn:hover {background-color: #1F4DCD;}


.skillsheader {
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	-ms-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
}
.skillsheader:hover {
	color: #0d1e47
}

/* this style is for the profile icon on the Promotional Page / Attachment 2 */

.button-profile-custom-icon-font2 {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0px;
  font-family: 'colorado-workforce-icons-ii';
  color: #ffffff;
  font-size: 32px;
  background: #0d1e47;
  padding: 7px 0px 4px 12px;
  border: none;
  margin: none;
  text-decoration: none;
}

.button-profile-custom-icon-font2:hover {
  color : #5891df;    /* wedgwood blue */
  text-decoration: none;
}

.button-largetype {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0px;
  font-family: Arial, Helvetica, sans-serif;
  color: #ffffff;
  font-size: 16px;
  letter-spacing: 0.03em;
  background: #0d1e47;
  padding: 15px;
  border: none;
  text-decoration: none;
} 

.button-largetype:hover {
	color : #5891df;    /* wedgwood blue */
  text-decoration: none;
}

.button-blue {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0px;
  font-family: Arial;
  color: #ffffff;
  font-size: 12px;
  background: #5189e5;
  padding: 3px 15px 3px 15px;
  border: solid #FFFFFF 1px;
  text-decoration: none;
}

.button-blue:hover {
  background: #87a1c2;
  text-decoration: none;
}

.button-navy {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0px;
  font-family: Arial, Helvetica, sans-serif;
  color: #ffffff !important;
  font-size: 13px;
  letter-spacing: 0.03em;
  padding: 4px 0 4px 0;
  background: #0d1e47;
  border: none;
  text-decoration: none !important;
}

.button-navy:hover {
  text-decoration: none;
  color : #5891df;
}
.button-save-search {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0px;
  font-family: Arial, Helvetica, sans-serif;
  color: #ffffff;
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 0.03em;
  padding: 2px 6px 2px 6px;
  background: #0d1e47;
  border: none;
  text-decoration: none !important;
}

.button-save-search:hover {
  text-decoration: none;
  color : #5891df;
}

.button-profile-navnavy  {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  font-family: Arial, Helvetica, sans-serif;
  color: #ffffff;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 0.03em;
  padding: 6px 10px 6px 10px;
  background: #0d1e47;
  text-align: left;
  margin-top: 3px;
  transition: .3s;
	border: solid 2px transparent;	
	-webkit-appearance: none;	
}

.button-profile-navnavy:hover {
  text-decoration: none;
  color : #5891df;
  background: #142e6c;
}

.button-navy-bold  {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  font-family: Arial, Helvetica, sans-serif;
  color: #ffffff;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0.03em;
  padding: 6px 10px 6px 10px;
  background: #0d1e47;
  text-align: left;
  margin-top: 3px;
  transition: .3s;
	border: solid 2px transparent;	
}

.button-navy-bold:hover{
	  text-decoration: none;
	  color: #9abdeb;
	  background: #142e6c;
}



.button-profile-search {
	transition: .3s;
	vertical-align: middle;
	background: #0d1e47;
        color: white;
	border-style: none;
	-webkit-appearance: none;
	cursor: pointer;
}

.button-profile-search:hover {
	text-decoration: none;
	background: #142e6c;
}

@media only screen and (max-width: 775px){
	.button-profile-search {
		transition: .3s;
		vertical-align: middle;
		background: #0d1e47;
	        color: white;
		border-style: none;
		width: 210px !important;
		font-size: 14px;
		font-weight: bold;
		margin: 5px;
		float: none !important;
	}
	.button-profile-search:hover {
		text-decoration: none;
		background: #142e6c;
	}
}	


.button-profile-navred{
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  font-family: Arial, Helvetica, sans-serif;
  color: #ffffff;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 0.03em;
  padding: 6px 10px 6px 10px;
  background: #58171B;
  text-align: left;
  margin-top: 3px;
  transition: .3s;
	border-style: none;
}
.button-profile-navred:hover {
  text-decoration: none;
  color : #5891df;
  background: #7a1f25;
}

.button-red-bold {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 0.03em;
	padding: 6px 10px 6px 10px;
	background: #58171B;
	text-align: left;
	margin-top: 3px;
	transition: .3s;
	border-style: none;
	-webkit-appearance: none;
	cursor: pointer;
}
.button-red-bold:hover {
  text-decoration: none;
	color: #ddd0d1;
  background: #7a1f25;
}


.button-staff-stfred  {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  font-family: Arial, Helvetica, sans-serif;
  color: #ffffff;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 0.03em;
  padding: 6px 10px 6px 10px;
  background: #993333;
  text-align: left;
  border: solid 1px #FFFFFF;
	-webkit-appearance: none;
}

.button-staff-stfred:hover {
  text-decoration: none;
  color : #5891df;
}

.button-profile-nav-liteblue {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  font-family: Arial, Helvetica, sans-serif;
  color: #000;
  font-size: 12px;
  font-weight: regular;
  letter-spacing: 0.03em;
  margin-top: 2px;
  padding: 4px 10px 4px 10px;
  background: #E7EBF3;
  text-align: left;
  border: solid 2px transparent;
  transition: .3s;
}


.button-profile-nav-liteblue:hover {
  text-decoration: none;
  color : #5891df;    /* wedgwood blue */
  background: #ccd5e5;
}

.button-liteblue-bold {
 -webkit-border-radius: 0;
  -moz-border-radius: 0;
  font-family: Arial, Helvetica, sans-serif;
  color: #0d1e47;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0.03em;
  margin-top: 2px;
  padding: 4px 10px 4px 10px;
  background: #E7EBF3;
  text-align: left;
  border: solid 2px transparent;
  transition: .3s;
	-webkit-appearance: none;
}

.button-liteblue-bold:hover {
  text-decoration: none;
	color: #3d4a6b;
  background: #ccd5e5;
}



.button-profile-nav-litered {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0px;
  font-family: Arial, Helvetica, sans-serif;
  color: #000;
  font-size: 12px;
  font-weight: regular;
  letter-spacing: 0.03em;
  padding: 4px 10px 4px 10px;
  margin-top: 2px;
  background: #F2C9CC;
  border: 1px solid transparent;
  text-decoration: none;
  text-align: left;
  transition: .3s;
	-webkit-appearance: none;
}

.button-profile-nav-litered:hover {
  text-decoration: none;
  color : #911a21;
  background: #faeaec;
}

.button-prev-next, .button-prev-next a {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 5px;
  font-family: Arial, Helvetica, sans-serif;
  color: #39456e; /*same family as our dark blue, two tints lighter*/
  background: #FFFFFF;
  text-decoration: none;
  font-size: 13px;
  letter-spacing: 0.03em;
  font-weight: bold;
  padding: 4px 8px 4px 8px;
  background: #ffffff;
  border: solid 1px #b3b3b3;
  text-decoration: none !important;
  cursor: pointer;
  width: 20%;
	-webkit-appearance: none;
}

.button-prev-next:hover, .button-prev-next a:hover {
  text-decoration: none;
  background: #ccd7e6;
  color : #2b3554;
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  -ms-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}

.button-back-to-top, .button-back-to-top a {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0px;
  font-family: Arial, Helvetica, sans-serif;
  color: #5858d7;
  background: #FFFFFF;
  text-decoration: none;
  font-size: 12px;
  letter-spacing: 0.03em;
  font-weight: bold;
  padding: 4px 8px 4px 8px;
  background: #ffffff;
  border: solid 1px #d7d7d7;
  text-decoration: none !important;
	-webkit-appearance: none;
}

.button-back-to-top:hover, .button-back-to-top a:hover {
  text-decoration: none;
  color : #999999;    /* medium gray */
}

.button-white-smaller, .button-white-smaller a {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0px;
  font-family: Arial, Helvetica, sans-serif;
  color: #5858d7;
  background: #FFFFFF;
  text-decoration: none;
  font-size: 11px;
  letter-spacing: 0.03em;
  font-weight: bold;
  padding: 1px 3px 1px 3px;
  background: #ffffff;
  border: solid 1px #d7d7d7;
  text-decoration: none !important;
}

.button-white-smaller:hover, .button-white-smaller a:hover {
  text-decoration: none;
  color : #999999;    /* medium gray */
}

.button-select-small {
  color: #FFFFFF;
  background: #1b45b1;
  text-decoration: none; !important
  font-size: 11px;
  letter-spacing: 0.03em;
  font-weight: bold;
  padding: 1px 3px 1px 3px;
  border: solid 1px #d7d7d7;
  margin-bottom: 10px;
}

.button-select-small:hover, .button-select-small a:hover {
  text-decoration: none;
  background: #4e78e4;
}

.button-rate-our-website {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0px;
  font-family: Arial;
  color: #ffffff;
  font-size: 14px;
  background: #5189e5;
  padding: 9px 16px 9px 16px;
  border: none;
  text-decoration: none;
}

.button-rate-our-website:hover {
  background: #87a1c2;
  text-decoration: none;
}

.prev-next {
  font-family: Arial;
  font-weight: bold;
  color: #0000cc;
  font-size: 12px;
  background: #FFFFFF;
  text-decoration: none;
}

.prev-next:hover {
  color: #666;
  text-decoration: none;
}

A.back-button, .back-button
	{
	margin-top : 0px;
	margin-bottom : 0px;
	font-family : Arial, Helvetica, sans-serif; 
	font-size : 13px;
	line-height : 16px;
	font-weight : regular;
	letter-spacing : 0.03em;
	text-decoration : none;
	color : #FFFFFF;     /* white */	
	}
	
	A.back-button:link {
	color : #FFFFFF;     /* white */	

	}
	A.back-button:hover {
		color : #205dc5;    /*  powder blue   */

	}
	
	A.back-button:active {
	color : #FFFFFF;     /* white */	

	}

	A.back-button:visited {
	color : #FFFFFF;     /* white */	
	}

	A.back-button:visited:hover {
		color : #205dc5;    /*  powder blue   */

	}

	A.back-button:visited:active {
	color : #FFFFFF;     /* white */	


	}


/* END OF BUTTON STYLES */

.headertext {
	cursor: pointer;
	color: white;
	vertical-align: middle !important; 
	float: left;
	margin-left: 10px; 
	padding-top: 6px; 
	padding-bottom: 6px;
	margin-right: 10px; 
	display: inline-block;
	font-size: 14px;
	font-weight: bold;
}

.toolcolumnleft {
	min-width: 200px;
	max-width: 40%;
	display: inline-block;
	margin: auto;
	text-align: left;
	font-size: 12px;
	margin-left: 5%;
	padding-left: 20px;
	float: left;
}

@media only screen and (max-width: 750px){
	.toolcolumnleft {
	        width: 98%;
	        display: block;
		margin-left: 30px;
		text-align: left;
		font-size: 12px;
		padding-left: 20px;
	}
}

.toolcolumnright {
	max-width: 40%;
	width: 350px;
	display: inline-block;
	margin: auto;
	text-align: left;
	font-size: 12px;
	margin-right: 60px;
	padding-right: 20px;
	float: right;
}
@media only screen and (max-width: 750px){
	.toolcolumnright {
	        width: 98%;
	        display: block;
		margin-left: 30px;
		text-align: left;
		font-size: 12px;
		padding-left: 20px;
		float: left;
	}
}

.jobskills {
		display: inline-block;
                vertical-align: top;
		width: 45%;
		margin-right: 25px;
}

@media only screen and (max-width: 750px){
	.jobskills {
		display: inline-block;
                vertical-align: top;
		width: 95%;
	}
}


.jobskillsfield {
		display: inline-block;
                vertical-align: top;
		width: 40%;
		margin-right: 30px;
}

@media only screen and (max-width: 750px){
	.jobskillsfield {
		display: inline-block;
                vertical-align: top;
		width: 95%;
	}
}

.jobskillsfield>input {
		display: inline-block;
		width: 100%;
                vertical-align: top;
		margin-right: 30px;
}

@media only screen and (max-width: 750px){
	.jobskillsfield>input {
		display: inline-block;
                vertical-align: top;
		width: 100%;
	}
}





/* END OF SPECIAL STYLES */
/* IMAGE STYLES */

#BoxShadowBanner {
   position: relative; 
   z-index: 1;
   background-image: url(https://connectingcolorado.com/images/cwf2_06.png);
   box-shadow: 20px 20px 15px white inset;
   -webkit-box-shadow: -20px -20px 15px white inset;
   max-width:900px;
   min-height:50px;
   object-fit; cover;
 } 

.bannerfade:before {
  box-shadow: -80px 0 15px white inset;
  content:" ";
  height: inherit;
  left: 0;
  top: 0;
  width: 15px;
  position: absolute;
}

.bannerfade:after{
  box-shadow: 15px 0 15px white inset;
  content:" ";
  height: inherit;
  right: 0;
  top: 0;
  width: 15px;
  position: absolute;
}
  

.image-blurred-sides {
   box-shadow: 5px 5px 5px white inset, -5px -5px 5px white inset;
   background-color: transparent;
   display: block;
   position: relative;
}
.image-blurred-sides:before {
    display: block;
    content: '';
    position: absolute;
    width: 100%;
    height: auto;
    -webkit-box-shadow:inset 0px 0px 6px 6px rgba(255,255,255,1);
    box-shadow:inset 0px 0px 6px 6px rgba(255,255,255,1);
}



.div-background {
    position: relative;
    width: 100%;
    z-index: -1;
    background-color: rgba(255,255,255,0);
}

.scrollable {
   width: 100%;
   height: 100%;
   margin: 0;
   padding: 0;
   overflow: auto;
}

.div-fade{
    width: 10%;
    height: 100%;
    z-index: 1;
    position: absolute;
    margin-left: 90%;
    background-image: linear-gradient(to right, rgba(255,255,255,0),
rgba(255,255,255,1)); 
}


.div-faderight{
    width: 10%;
    height: 100%;
    z-index: 1;
   position: absolute;
   margin-left: 90%;
    background-image: linear-gradient(to right, rgba(255,255,255,0),
rgba(255,255,255,1)); 
}

.div-fademiddle{
   width: 80%;
   height: 100%;
   position: absolute;
   z-index: 1;
   background-color: rgba(255,255,255,0);
}
.div-fadeleft{
    width: 10%;
    height: 100%;
    z-index: 1;
    position: absolute;
    background: linear-gradient(to left, rgba(255,255,255,0),
rgba(255,255,255,1));
}    


.accordionbutton {
	font-weight : bold;
	color : #0d1e47;
  background-color: #eee;
  color: #444;
  cursor: pointer;
  padding: 10px 18px;
  border: none;
  text-align: center;
  outline: none;
  font-size: 16px;
  transition: 0.4s;
}

.active, .accordionbutton:hover {
  background-color: #ccc; 
}

.accordionpanel {
	height: 0;	
	background-color: transparent;
	overflow: auto;
	z-index: inherit;
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	-ms-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
}

.skillsaccordipanel {
	height: auto;
	background-color: transparent;
	z-index: inherit;
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	-ms-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
}





#profileaccordion input {
	padding-left: 20px !important;
	color: #0d1e47;
}

#profileaccordion input:hover {
	color: #3d4a6b;
}

#accountaccordion input {
	padding-left: 20px !important;
	color: #0d1e47;
}

#accountaccordion input:hover {
	color: #3d4a6b;
}

#jobaccordion input {
	padding-left: 20px !important;
	color: #0d1e47;
}

#jobaccordion input:hover {
	color: #3d4a6b;
}


#resourceaccordion input {
	padding-left: 20px !important;
	color: #0d1e47;
}

#resourceaccordion input:hover {
	color: #3d4a6b;
		
}



/* Profile Styles */





.flextitle {
	font-family : Arial, Helvetica, sans-serif;
	font-weight : bold;
	color : #0d1e47;
	margin: 10px auto;
	font-size : 16px;
	display: inline-block;
}
@media only screen and (max-width: 775px){
	.flextitle{
		font-family : Arial, Helvetica, sans-serif;
	        font-weight : bold;
	        color : #0d1e47;
	        margin: 5px auto;
	        font-size : 16px;
	        display: block;
		width: 100%;
		text-align: center;
	}
}

.searchbox {
	padding: 5px 10px 10px 10px;
	margin: auto;
	width: 700px;
	text-align: center;
}
@media only screen and (max-width: 775px){
	.searchbox {
	        width: 230px;
		text-align: center;
	
	}
}

.searchinput {
}
@media only screen and (max-width: 775px){
	.searchinput {
		width: 210px !important;
		margin: 5px 0px !important;
		padding-left: 5px;
		float: none !important;
	}
}


.menuheader{
	transition: .3s;
	margin-top: 10px;
	padding: 6px 10px 6px 10px; 
	font-weight: bold;
        color: #ffffff; 
	font-size: 14px; 
	display: inline-block;
	vertical-align: middle;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 0.03em;
	background: #0d1e47;
	text-align: left;
	border: solid 2px transparent;	
}

.menuheader:hover {
	text-decoration: none;
	  color: #bac8f7;
	background: #142e6c;
}

.accordi-arrow {
	float: right;
	text-align: right; 
	font-size: 16px; 
	color: #ffffff;                   
	display: inline-block; 
	vertical-align: middle;
	margin-right: 20px;
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	-ms-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
}

.accordi-arrow:hover{
	text-decoration: none;
	color: #9abdeb;
}

.skillsarrow {
	float: right;
	text-align: right; 
	font-size: 16px; 
	color: #5189e5;
	cursor: pointer;
	display: inline-block; 
	vertical-align: middle;
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	-ms-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
}

.skillsarrow:hover{
	text-decoration: none;
	color: #0d1e47;
}



.lefthalf {
	width: 47%;
	float: left;
	margin: 0 1% 0 2%;
	display: inline-block;
}

@media only screen and (max-width: 775px){
	.lefthalf {
		width: 100%;
		margin: 0;
		float: none;
		display: inline-block;
	}
}
.righthalf {
	width: 47%;
	float: right;
	margin: 0 2% 0 1%;
	display: inline-block;
}
	
@media only screen and (max-width: 775px){
	.righthalf {
		width: 100%;
		margin: 0;
		float: none;
		display: inline-block;
	}
}	

.centerdiv {
	width: 75%;
	margin: auto;
	float: none;
	display: inline-block;
}

@media only screen and (max-width: 775px){
	.centerdiv{
		width: 100%;
		float: none;
	}
}

.helplink {
	font-size: 12px;
	float: right;
	padding-right: 7px;
	padding-left: 7px;
}
@media only screen and (max-width: 775px){
	.helplink {
		font-size: 12px;
		float: none;
		margin: auto;
	}
}










.topb {
font-size: 14px;
font-weight: bold;
color: #051349;
line-height: 18px;
vertical-align: bottom;
margin-bottom: -5px;
}


/* REDEFINE STANDARD HTML TAGS */

td 

	{
	margin-top : 0px;
	font-family : Arial, Helvetica, sans-serif; 
	font-size : 12px;
	line-height : 16px;
	}

p 

	{
	margin-top : 0px;
	margin-bottom : 5px;
	font-family : Arial, Helvetica, sans-serif; 
	font-size : 12px;
	line-height : 16px;
	}

li 
	{
	margin-top : 0px;
	margin-bottom : 4px;
	font-family : Arial, Helvetica, sans-serif; 
	font-size : 12px;
	line-height : 14px;
	}


ul 
	{
	margin-top : 0px;
	margin-bottom : 0px;
	font-family : Arial, Helvetica, sans-serif; 
	font-size : 12px;
	line-height : 0px;
	}


h1,h4,h5,h6  {

	font-family : Arial, Helvetica, sans-serif;
	font-weight : bold;
	color : #0d1e47;
}


h1 {
	margin-top : 0px;
	margin-bottom : 18px;
	font-size : 18px;
	line-height : 14px;
	}

h2 {
	font-family : Arial, Helvetica, sans-serif;
	font-weight : bold;
	color : #5189e5;
	margin-top : 0px;
	margin-bottom : 6px;
	font-size : 16px;
	}
h3 {
	font-family : Arial, Helvetica, sans-serif;
	font-weight : bold;
	color : #051349;
	margin-top : 0px;
	margin-bottom : 4px;
	font-size : 14px;
}

h4 {
	margin-top : 0px;
	margin-bottom : 4px;
	font-size : 12px;
	line-height : 14px;
}


h5 {
	margin-top : 0px;
	margin-bottom : 4px;
	font-size : 12px;
	line-height : 14px;

	}

h6 {
	margin-top : 0px;
	margin-bottom : 4px;
	font-size : 12px;
	line-height : 14px;

	}




/* Custom Defined Styles - to be applied to text elements  */

.link-helv-10-on-16-space-after
{
font-family : Arial, Helvetica, sans-serif; 
font-size : 10px;
line-height : 20px;
}

	A.link-helv-10-on-16-space-after:link 
	{
	color: #000000;   /* black */
	text-decoration: none;
	}
	
	A.link-helv-10-on-16-space-after:hover 
	{
	color: #000000;   /* black */
	text-decoration: underline;
	}
	
	A.link-helv-10-on-16-space-after:active
	{
	color : #738cb4;    /* light blue */
	}


A.link-white, .link-white
	{
	margin-top : 0px;
	margin-bottom : 0px;
	font-family : Arial, Helvetica, sans-serif; 
	font-size : 14px;
	line-height : 18px;
	font-weight : bold;
	letter-spacing : 0.0mm;
	text-decoration : none;
	color : #FFFFFF;     /* white */	
	}
	
	A.link-white:link {
	color : #FFFFFF;     /* white */	

	}
	A.link-white:hover {
	color : #bac8f7;
	}
	
	A.link-white:active {
	color : #738cb4;    /* light blue */
	}

A.link-search, .link-search
	{
	margin-top : 0px;
	margin-bottom : 0px;
	font-family : Arial, Helvetica, sans-serif; 
	font-size : 12px;
	line-height : 12px;
	font-weight : bold;
	letter-spacing : 0.0mm;
	text-decoration : none;
	color : #FFFFFF;     /* white */	
	}
	
	A.link-search:link {
	color : #FFFFFF;     /* white */	

	}
	A.link-search:hover {
	color : #5891df;    /* wedgwood blue */
	}
	
	A.link-search:active {
	color : #738cb4;    /* light blue */
	}

	
A.white-link-lg, .white-link-lg
	{
	margin-top : 0px;
	margin-bottom : 0px;
	font-family : Arial, Helvetica, sans-serif; 
	font-size : 18px;
	line-height : 16px;
	font-weight : bold;
	letter-spacing : 0.0mm;
	text-decoration : underline;
	color : #FFFFFF;     /* white */	
	}
	
	A.white-link-lg:link {
	color : #FFFFFF;     /* white */	

	}
	A.white-link-lg:hover {
		color : #205dc5;    /*  powder blue   */

	}
	
	A.white-link-lg:active {
	color : #FFFFFF;     /* white */	

	}

	A.white-link-lg:visited {
	color : #FFFFFF;     /* white */	
	}

	A.white-link-lg:visited:hover {
		color : #205dc5;    /*  powder blue   */

	}

	A.white-link-lg:visited:active {
	color : #FFFFFF;     /* white */	


	}

/* tiny white link style for "Lost Password" link in top bar */
	
	A.tiny-white-link, .tiny-white-link
	{
	margin-top : 0px;
	margin-bottom : 0px;
	font-family : Arial, Helvetica, sans-serif; 
	font-size : 10px;
	line-height : 10px;
	font-weight : regular;
	letter-spacing : 0.01em;
	text-decoration : none;
	color : #FFFFFF;     /* white */	
	}
	
	A.tiny-white-link:link {
	color : #FFFFFF;     /* white */	

	}
	A.tiny-white-link:hover {
		color : #205dc5;    /*  powder blue   */

	}
	
	A.tiny-white-link:active {
	color : #FFFFFF;     /* white */	

	}

	A.tiny-white-link:visited {
	color : #FFFFFF;     /* white */	
	}

	A.tiny-white-link:visited:hover {
		color : #205dc5;    /*  powder blue   */

	}

	A.tiny-white-link:visited:active {
	color : #FFFFFF;     /* white */	


	}


	A.tiny-blue-link, .tiny-blue-link
	{
	margin-top : 0px;
	margin-bottom : 0px;
	font-family : Arial, Helvetica, sans-serif; 
	font-size : 12px;
	font-weight : regular;
	letter-spacing : 0.01em;
	text-decoration : none;
	color : #08174a;     /* dark blue */	
	}
	
	A.tiny-white-link:link {
	color : #08174a;     /* dark blue */	

	}
	A.tiny-white-link:hover {
		color : #39456e;    /* lighter blue */

	}
	
	A.tiny-white-link:active {
	color : #08174a;     /* lighter blue */	

	}

	A.tiny-white-link:visited {
	color : #39456e;     /* lighter blue */	
	}

	A.tiny-white-link:visited:hover {
		color : #39456e;    /* lighter blue  */

	}

	A.tiny-white-link:visited:active {
	color : #08174a;     
	}




A.speaker-link, .speaker-link  /* CHECK IF THIS IS USED  */
	
{
	margin-top : 2px;
	margin-bottom : 14px;
	font-family : Arial, Helvetica, sans-serif; 
	font-size : 9px;
	font-weight: bold;
	line-height : 12px;
	letter-spacing : 0.0mm;
	text-decoration : none;
	color : #6E0E0E;
	}
	
	A.speaker-link:link {
	color : #6E0E0E;
	font-family : Arial, Helvetica, sans-serif; 
}
	A.speaker-link:hover {
	color : #C80528;
	font-family : Arial, Helvetica, sans-serif; 
}
	A.speaker-link:active {
	color :   #423433;
	font-family : Arial, Helvetica, sans-serif; 
}
	A.speaker-link:visited {
	color : #6E0E0E;
	font-family : Arial, Helvetica, sans-serif; 
}
	A.speaker-link:visited:hover {
	color : #C80528;
	font-family : Arial, Helvetica, sans-serif; 
}
	A.speaker-link:visited:active {
	color :   #423433;
	font-family : Arial, Helvetica, sans-serif; 
}

	

.body-text
	{
	font-size : 12px;
	line-height : 16px;
	margin-top : 0px;
	margin-bottom : 12px;
	}
	
	
/* Sidebar area on Quick Job Search page  */

.sidebar-display {
	font-weight: bold;
}


.sidebar-display-jobtype  {
	font-weight: bold;
	color: #003ec5;
}

.sidebar-display-zip  {
	font-weight: bold;
	color: #003ec5;
}

.sidebar-sort  {
	font-weight: bold;
}

.sidebar-sort-relevance  {
	font-weight: bold;
	color: #003ec5;
}

.sidebar-sort-date  {
	font-weight: bold;
	color: #003ec5;
}

.sidebar-radiobutton-header  {
	font-weight: bold;
	margin-bottom: 4px;
}

.sidebar-reset, .sidebar-reset a  {
	font-weight: bold;
	color: #003ec5;
}

A.sidebar-reset:link {
	color: #003ec5;  
	text-decoration: none; 
	}

A.sidebar-reset:hover {
	color : #205dc5;    /*  powder blue   */
	}
	
A.sidebar-reset:active {
	color : #205dc5;    /*  powder blue   */	
	}
	
/* Selector options in pale blue bar on Job Search and Quick Job Search page	  */

.selector-options
	{
	font-size : 14px;
	line-height : 18px;
	margin-top : 0px;
	margin-bottom : 12px;
	letter-spacing: 0.02em;
        font-weight: bold;
        color: #051D49;
	}
	
.selector-selected
	{
	font-family : Arial, Helvetica, sans-serif; 
	font-weight: bold;
	color: #003ec5;
	font-size : 14px;
	line-height : 18px;
	margin-top : 0px;
	margin-bottom : 12px;
	letter-spacing: 0.02em;
	}
	
	
/* Styles for Job Results Main Job Listings  */


.search-results  {
	font-weight: normal;
	font-size: 12px;
	line-height: 16px;
	margin-top : 0px;
	margin-bottom : 16px;
}

.search-results-excerpt  {
	font-weight: normal;
}

.search-results-subhead  {
	font-weight: bold;
	margin-top: 12px;
	margin-bottom: 8px;
}

.search-results-date  {
	font-weight: regular;
	color: #000000;
}

.search-results-jobtype  {
	font-weight: bold;
	color: #003ec5;
}

.search-results-jobnumber  {
	font-weight: bold;
	text-decoration: none;
	color: #003ec5;
}

.search-results-location  {
	font-weight: bold;
	color: #003ec5;

}

.search-results-top-items  {
	font-weight: bold;
	color: #0f174a;
}

.search-results-top-items-linefeed  {
	font-weight: bold;
	color: #0f174a;
	margin: 0 !important;
}


.sort-results-choices  {
	font-weight: bold;
	text-decoration: none;
	color: #003ec5;
	padding-top: 3px;
	padding-bottom: 3px;
	display: inline-block;
}



.alert-message  {
	font-weight: bold;
	color: #911a21;
}

.alert-message-not-bold  {
	font-weight: regular;
	color: #911a21;
}

/* Styles for Profile Page Job Alert Listings Tinier */

.job-alerts-table  {

   border: 1px solid #e4e5e5;
}

.job-alerts-table-cell  {
	font-weight: normal;
	font-size: 10px;
	line-height: 13px;
	padding: 6px 10px 6px 10px;
}

.job-alerts-view-more-cell  {
	font-weight: normal;
	font-size: 10px;
	line-height: 13px;
	padding: 2px 10px 2px 10px;
}

.job-alerts-excerpt  {
	font-size: 10px;
	line-height: 13px;
	font-weight: normal;
	padding-left: 5%;
	padding-right: 20px;
	margin-top : 0px;
	margin-bottom : 0px;
}

.job-alerts-subhead-date  {
	font-size: 11px !important;
	line-height: 14px;
	font-weight: regular;
	margin-top : 0px;
	margin-bottom : 0px;
	padding-left: 3%;
}

.job-alerts-subhead-jobname  {
	font-size: 13px !important;
	line-height: 14px;
	font-weight: bold;
	color: #003ec5;
	margin-top : 0px;
	margin-bottom : 0px;
}

.job-alerts-job-details  {
	font-size: 10px;
	line-height: 13px;
	font-weight: bold;
	color: #003ec5;
	margin-top : 0px;
	margin-bottom : 6px;
	padding-left: 5%;
	padding-right: 20px;
}

.job-alerts-top-items-linefeed  {
	font-size: 10px;
	line-height: 13px;
	font-weight: bold;
	color: #0f174a;
	margin: 0 !important;
}

.job-alerts-message  {
	font-size: 10px;
	line-height: 13px;
	font-weight: bold;
	color: #911a21;
}

.job-alerts-automatch  {
	font-size: 10px;
	line-height: 13px;
	font-weight: bold;
	color: #c50000;    /* red */
	margin-top: 6px;
	margin-bottom: 0 !important;
}

.job-alerts-savedsearch {
	font-size: 10px;
	line-height: 13px;
	font-weight: bold;
	color: #409302;  /* green */
	margin: 0 !important;
	padding-left: 3%;
}

.job-alerts-viewmore-link, .job-alerts-viewmore-link a {
	font-size: 10px;
	line-height: 13px;
	font-weight: bold;
	text-align: right;
	color: #003ec5;
	margin: 6px 10px 6px 10px;
}

.job-alerts-viewmore-link:hover {
	text-decoration: underline;
}

.mobile-form {
        border-radius: 25px;
        border: 0px;
	border-style: solid;
	border-color: white;
        margin-left: auto;
        margin-top: 3%;
        margin-bottom: 3%;
        margin-right: auto; 
        background-color: white; 
        padding: 0%; 
	box-shadow: 3px 3px 8px #333333; 
	max-width: 840px; 
	min-width: 300px;
}



@media only screen and (min-width: 650px){
	.mobile-form {
}}


.help-form {
        border-radius: 25px;
        border: 0px;
	border-style: solid;
	border-color: white;
        margin-left: auto;
        margin-top: 3%;
        margin-bottom: 3%;
        margin-right: auto; 
        background-color: white; 
        padding: 0%; 
	box-shadow: 3px 3px 8px #333333; 
	width: 450px;
	min-height: 300px;
	font-size: 14px;
}



.mobile-section-head {
	font-family : Arial, Helvetica, sans-serif;
	font-weight : bold;
	color : #3b3b3b;
	margin-top : 0px;
	margin-bottom : 0px;
	font-size : 16px;
	line-height : 20px;
	text-align: center;
	}


.sortdisp {
        height: 25px;
        margin-bottom: 5px;
}



.WideLeft {
	text-align: right;
	float: left;
	width: 49%;
	padding: 2px 0px 2px 2px;
}

.WideRight {
	text-align: left;
	float: right;
	width: 49%;
	padding: 2px 2px 2px 0px;
}


.WideLeft40 {
	text-align: right;
	float: left;
	width: 39%;
	padding: 2px 0px 2px 2px;
}

.newWideLeft40 {
	text-align: right;
	float: left;
	width: 39%;
	padding: 2px 0px 2px 2px;
}

@media only screen and (max-width: 600px){
	.newWideLeft40 {
		text-align: left !important;
	        padding-left: 0% !important;
		width: 95% !important;
		margin-left: 1%;
		float: left;
	}
}

.ModalLeft40 {
	text-align: right;
	float: left;
	width: 39%;
	padding: 2px 0px 2px 2px;
}

@media only screen and (max-width: 780px){
	.ModalLeft40 {
		text-align: left !important;
	        padding-left: 0% !important;
		width: 95% !important;
		margin-left: 1%;
		float: left;
	}
}


.WideRight60 {
	text-align: left;
	float: right;
	width: 59%;
	padding: 2px 2px 2px 0px;
}

.newWideRight60 {
	text-align: left;
	float: right;
	width: 59%;
	padding: 2px 2px 2px 0px;
}

@media only screen and (max-width: 600px){
	.newWideRight60 {
		text-align: left !important;
	        float: left;
	        padding-left: 3% !important;
		width: 95% !important;
	}
}

.ModalRight60 {
	text-align: left;
	float: right;
	width: 59%;
	padding: 2px 2px 2px 0px;
}

@media only screen and (max-width: 780px){
	.ModalRight60 {
		text-align: left !important;
	        float: left;
	        padding-left: 3% !important;
		width: 95% !important;
	}
}

.WideBlock {
	display: inline-block;
	padding-left: 20%;
	padding-right: 5%;
	width: 75%;
}

.newWideBlock {
	display: inline-block;
	padding-left: 20%;
	padding-right: 5%;
	width: 75%;
}

@media only screen and (max-width: 600px){
	.newWideBlock {
		display: inline-block;
		text-align: left !important;	
		width: 95% !important;
		padding-left: 5% !important;
	}
}


.NarrowBlock {
	display: inline-block;
	text-align: left !important;	
	width: 95% !important;
	padding-left: 5% !important;
}


.STLeft {
	text-align: right;
	float: left;
 	width: 39%;
	padding: 2px 0px 2px 2px;
}

@media only screen and (max-width: 600px){
	.STLeft {
		text-align: left !important;
	        padding-left: 0% !important;
		float: left; 
		width: auto;
		margin-left: 3%;
		margin-top: 3px;
	}
}


.STRight {
	text-align: left;
	float: right;
	width: 59%;
	padding: 2px 2px 2px 0px;
}

@media only screen and (max-width: 600px){
	.STRight {
		text-align: left !important;
	        float: left;
	        padding-left: 7px !important;
		width: auto;
	}
}


.StackedLeft { 
	text-align: center !important;
	width: 95% !important;
	padding-left: 5% !important;
}


.StackedRight{
	text-align: center !important;
	width: 98% !important;
	padding-left: 5% !important;
}

.StackedLeftVary { 
	text-align: left !important;
        padding-left: 5% !important;
	width: 93% !important;
	float: right; 
}

.StackedRightVary{
	text-align: left !important;
        float: right;
        padding-left: 20% !important;
	width: 90% !important;
}

.ExtraText {
	margin-left: 5px;
}

.TooWide {
}

.BumpText{
	display: block;
        width: 98%;
	padding-left: 3% !important;
}



.pushleft{
	padding-right: 5px;
}

@media only screen and (max-width: 600px){
	.pushleft {
		padding-left: 5%;
		float: left;
	}
}

.noflexleft {
	text-align: right;
	float: left;
	width: 39%;
	padding: 2px 0px 2px 2px;
    }
.noflexright {
	text-align: left;
	float: right;
	width: 59%;
	padding: 2px 2px 2px 0px;
}






.fieldtitle {
	font-weight: normal;
}

.fieldtitler {
	font-weight: normal;
	text-align: right;
        float: right;
}

.fieldtitle_error {
	color: white;
	background: red;
}
.fieldtitle_noerror {
	color: white;
	background: green;
}


.ownline {
        display: block;
	line-height: 30px;
}



.ONETTitle {
	display: block;
	color: #0541cd  !important;
        font-size: 12px;
	font-weight: bold;
	text-decoration: underline;
	cursor: pointer;
}

.ONETHead {
	display: block;
	color: #0541cd  !important;
        font-size: 16px;
	font-weight: bold;
	text-decoration: underline;
	cursor: pointer;
}

#categories>a {
	display: block;
	margin-bottom: 5px;
}

#subcategories>a {
	display: block;
	margin-bottom: 5px;
}

.SelectedHead {
	display: block;
	color: #606060;
	font-size: 16px;
	font-weight: bold;
	cursor: pointer;
	text-decoration: underline;
}

.ONETfull {
	color: #0541cd  !important;
        font-size: 14px;
	font-weight: bold;
	margin-left: -2px;
	margin-top: 5px;
	padding: 0px 5px 0px 0px;
	cursor: pointer;
	float: left;
	text-decoration: underline;
	display: block;
	width: 100%;
}



.OpenBody {
	display: block !important;
}

.ClosedBody {
	display: none;
}


.flexcontainer {
    width: 100%
    margin: 0 auto;
    display: block;
    float: center;
    padding: 5px;
    justify-content: center;
}

.inlinebox {
    padding: 1px;
    margin: 3px;
    display: inline-block;
}

.inlinebox:nth-child(3n+1) {
    clear: left;
}

.heading {
	font-family : Arial, Helvetica, sans-serif;
	font-weight : bold;
	color : #051349;
	margin-top : 0px;
	margin-bottom : 4px;
	font-size : 14px;
	width: 100%;
	display: block;
	text-align: center;
}

.arrow {
 	width: 20px;
	text-align: left;
	float: left;	
}

tr.spaceUnder>td {
  padding-bottom: 1em;
}
tr.spaceAbove>td {
  padding-top: 1em;
}
tr.thinspaceAbove>td {
  padding-top: 0.5em;
}

tr.thinabovefullbelow>td {
  padding-top: 0.5em;
  padding-bottom: 1em;
}

tr.spacing>td {
  padding-top: 1em;
  padding-bottom: 1em;
}

tr.thinspaceUnder>td {
  padding-bottom: 0.5em;
}

tr.thinspacing>td {
  padding-top: 0.25em;
  padding-bottom: 0.25em;
}

tr.ONETList>td {
  padding-bottom: .2em;
  padding-left: 25px;
}


.leftpad {
  padding-left: 1em;
}


.profile-announcements-span, profile-announcements-span a {
	font-weight: bold;
	color: #003ec5 !	important;
	text-decoration: none;
}

.profile-announcements-span:hover  {
	text-decoration: underline;
}

.profile-announcements-table-cell  {
	margin-top : 4px;
	border-bottom: solid 1px #e4e5e5;
	margin-bottom: 0px;
	font-size: 12px;
	line-height: 14px;
	padding: 8px 10px 4px 10px;
}

.profile-events-image  {
	align: left;
	padding-right: 15px;
}

.profile-events-table-cell  {
	margin-top : 0px;
	border-top: solid 1px #BFc3c3;
	margin-bottom: 0px;
	line-height: 20px;
	align-contents: center;
	text-align: center;
}

.profile-events-title  {
	font-size: 12px;
	text-transform: uppercase;
	font-weight: bold;
	color: #003ec5;
	margin-top: 14px;
	margin-bottom: 0;
}

.profile-events-cell-bottom  {
	margin-top : 0px;
	border-bottom: solid 1px #BFc3c3;
	margin-bottom: 0px;
	line-height: 20px;
}

.profile-events-date-time  {
	font-size: 11px;
	color: #000;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
}

.profile-events-location  {
	font-size: 11px;
	color: #000;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
}

.profile-events-more-info, .profile-events-more-info a {
	color: #FFF !important;
	text-decoration: none;
	border-bottom: solid 1px #BFc3c3;
	font-size: 10px;
	background: #0D1e47;
	padding: 2px 6px 2px 6px;
	float: right;
}

.tool-box-more, .tool-box-more a {
	color: #000 !important;
	text-decoration: underline;
        font-weight: bold;
	font-size: 10px;
	padding: 2px 6px 2px 20px;
	float: right;
	margin-top: -2px;
}

.onet-desc {
	color: #000 !important;
	text-decoration: none;
        font-weight: bold;
	font-size: 12px;
	margin-left: 10px;
	padding-right: 5px;
	padding-top: 3px;
	float: left;
	text-align: left;
}

.link-onet-in, .link-onet-in a {
	color: #0541cd  !important;
        font-size: 14px;
	font-weight: bold;
	margin-left: -2px;
	padding: 0px 4px 0px 0px;
	text-decoration: underline;
}

.link-onet-in:hover {
	color: #0541cd;
	font-weight: bold;
	margin-left: -2px;
	padding: 0px 4px 0px 0px;
	text-decoration: underline;
}

.profile-events-more-info:hover {
	color: #5891df !important;
}

/* Results Page Numbers Bottom of job search results pages */

.page-numbers, page-numbers a  {
	font-size: 14px;
	text-decoration: none;
	font-weight: regular;
}

A.page-numbers:link {
	color: #003ec5;  
	text-decoration: none; 
	}

A.page-numbers:hover {
	color : #205dc5;    /*  powder blue   */
	}
	
A.page-numbers:active {
	color : #205dc5;    /*  powder blue   */	
	}

/* eyeball to show/hide pwd field */

.eyeball, eyeball a  {
        text-decoration: none;
        cursor: pointer;
}

A.eyeball:link {
        cursor: pointer;
        text-decoration: none;
        }


/* Profile Settings Page Styles Attachment 10  */

.title-white  {
	color: #FFF;
	font-weight: bold;
	font-size: 20px;
	text-align: center;
	letter-spacing: 0.03em;
}

.profile-settings-section-head {
	font-family : Arial, Helvetica, sans-serif;
	font-weight : bold;
	color : #3b3b3b;
	margin-top : 0px;
	margin-bottom : 0px;
	font-size : 20px;
	line-height : 20px;
	}

.required-field-asterisk  {
	color: #cc0000;
	font-size: 15px;
	font-weight: bold;
}

.link-blue, .link-blue a {
	color: #0541cd  !important;
	font-weight: bold;
	text-decoration: none;
}

.link-blue:hover {
	color: #0541cd;
	font-weight: bold;
	text-decoration: underline;
}

.question-button {
 -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  font-family: Arial;
  font-weight: bold;
  color: #fffac4;
  font-size: 13px;
  background: #752a5b;
  padding: 2px 5px 2px 5px;
  border: solid #ffffff 0px;
  text-decoration: none;
}

.question-button:hover {
  background: #0541cd;
  text-decoration: none;
}

/* CUSTOM FONT STYLES */

.search {
    position: relative;
}

/*replace the content value with the
corresponding value from the list below*/

.search:before {
    content: "\f002";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
/*--adjust as necessary--*/
    color: #000;
    font-size: 18px;
    padding-right: 0.5em;
    position: absolute;
    top: 10px;
    left: 0;
}

/* TABLE CELL STYLES */

.profile-nav  {
	border: 1px solid #FFF;
}

.navy-cell  {
	background-color: #0d1e47;
	color: #FFF;
	font-weight: bold;
}

.dark-red-cell  {
	background-color: #58171B;
	color: #FFF;
	font-weight: bold;
	padding: 4px 10px 4px 10px;
}
.dark-grey-cell  {
	background-color: grey;
	color: #FFF;
	font-weight: bold;
	padding: 4px 10px 4px 10px;
}

.lite-blue-cell  {
	background-color: #E7EBF3;
	color: #000;
	font-weight: regular;
}

.lite-red-cell   {
	background-color: #F2c9cc;
	color: #000;
	font-weight: regular;
}

/* SPECIALLY CREATED STYLES */

.user-nav-line-space  {
	font-size 5px;
	line-height: 5px;
	margin: 0;
}

.profile-user-name  {
	font-size: 13px;
	font-weight: bold;
	margin-top: 4px;
	color: #911a21;
}

.job-title {
	font-family : Arial, Helvetica, sans-serif;
	font-weight : bold;
	color : #0d1e47;
	margin-top : 0px;
	margin-bottom : 0px;
	font-size : 16px;
	line-height : 14px;
	}

.page-title{
	font-family : Arial, Helvetica, sans-serif;
	font-weight : bold;
	color : #0d1e47;
	margin-top : 10px;
	margin-bottom : 20px;
	font-size : 18px;
	text-align: center;
	width: 100%;
	display: block;			
	}


.tabslinks {
	font-family : Arial, Helvetica, sans-serif;
	font-weight : bold;
	color : #0d1e47;
	margin-top : 0px;
	margin-bottom : 0px;
	font-size : 16px;
	line-height : 14px;
	-webkit-transition: all 666ms ease-in-out;
	-moz-transition: all 666ms ease-in-out;
	-o-transition: all 666ms ease-in-out;
	-ms-transition: all 666ms ease-in-out;
	transition: all 666ms ease-in-out;
}
.tabslinks:hover {
    color: #1F4DCD;
    cursor: pointer;
}


.hello  {
	font-family : Arial, Helvetica, sans-serif;
	font-weight : regular;
	color : #0d1e47;
	margin-top : 0px;
	margin-bottom : 0px;
	font-size : 18px;
	line-height : 14px;
	}

.text-helv-9-on-12-space-before-5
	{
	margin-top : 5px;
	margin-bottom : 0px;
	font-family : Arial, Helvetica, sans-serif; 
	font-size : 11px;
	line-height : 13px;
	}


.body-text-before-list
	{
	margin-top : 0px;
	margin-bottom : 4px;
	font-family : Arial, Helvetica, sans-serif; 
	font-size : 12px;
	line-height : 16px;
	}

.body-text-morelead
	{
	margin-top : 0px;
	margin-bottom : 12px;
	font-family : Arial, Helvetica, sans-serif; 
	font-size : 12px;
	line-height : 20px;
	}
	
.body-text-smaller
	{
	margin-top : 0px;
	margin-bottom : 8px;
	font-family : Arial, Helvetica, sans-serif; 
	font-size : 10px;
	line-height : 12px;
	}

.body-text-even-smaller-left
	{
        text-align: left;
	margin-top : 0px;
	margin-bottom : 5px;
	font-family : Arial, Helvetica, sans-serif; 
	font-size : 8px;
	line-height : 12px;
	}

.body-text-small-left
	{
	font-family : Arial, Helvetica, sans-serif; 
        text-align: left;
	font-size : 10px;
	line-height : 12px;
	}

.body-text-medium
	{
	font-family : Arial, Helvetica, sans-serif; 
	font-size : 10px;
        text-align: left;
	line-height : 12px;
	}

.body-text-medium2
	{
	font-family : Arial, Helvetica, sans-serif; 
	font-size : 12px;
        text-align: left;
	line-height : 12px;
	}

.body-text-larger
	{
	font-family : Arial, Helvetica, sans-serif; 
	font-size : 15px;
        text-align: left;
	line-height : 15px;
	}

.page-end
	{page-break-after: always;}


.tooltip {
   position: relative;
   display: inline-block;
   cursor: help; 
               }

.tooltip .tooltiptext {
   visibility: hidden;
   width: 200px;
   background-color: white;
   color: black;
   border-bottom: 1px solid black;
   border-top: 1px solid black;
   border-left: 1px solid black;
   border-right: 1px solid black;
   text-align: center;
   padding: 10px; 
   position: absolute;
   z-index: 1;
   bottom: 100%;
   left: 50%;
   opacity: 1;
   transition: opacity 0.5s ease-in-out;
   -webkit-transition: opacity 0.5s ease-in-out; 
}

.tooltip .tooltipwidetext {
   visibility: hidden;
   width: 400px;
   background-color: white;
   color: black;
   border-bottom: 1px solid black;
   border-top: 1px solid black;
   border-left: 1px solid black;
   border-right: 1px solid black;
   text-align: center;
   padding: 10px; 
   position: absolute;
   z-index: 1;
   bottom: 100%;
   left: 50%;
   opacity: 1;
   transition: opacity 0.5s ease-in-out;
   -webkit-transition: opacity 0.5s ease-in-out; 
}

.tooltip:hover .tooltiptext {
   visibility: visible;
   opacity: 1;
 }

.tooltip .bluetiptext {
   visibility: hidden;
   background-color: #b6c6db;
   color: black;
   border-bottom: 1px solid black;
   border-top: 1px solid black;
   border-left: 1px solid black;
   border-right: 1px solid black;
   border-radius: 5px;
   padding: 10px; 
   position: absolute;
   z-index: 1;
   transition: opacity 0.5s ease-in-out;
   -webkit-transition: opacity 0.5s ease-in-out;
 }

.tooltip:hover .bluetiptext {
   visibility: visible;
 }

/* FOR TESTING */
.tooltip .bluetipother {
   background-color: #b6c6db;
   color: black;
   border-bottom: 1px solid black;
   border-top: 1px solid black;
   border-left: 1px solid black;
   border-right: 1px solid black;
   border-radius: 5px;
   padding: 10px; 
   position: absolute;
   z-index: 1;
   opacity: 0;
   transition: opacity 0.5s ease-in-out;
   -webkit-transition: opacity 0.5s ease-in-out;
 }

/* REMOVING FOR TESTING 
.tooltip:hover .bluetipother {
   opacity: 1;
 }
*/

    ul.litebluedotleaders {
      list-style: none;
      padding: 0;
      text-align: left;
      /* This width can be whatever you like */
      width: 550px;
      /* Keeps extra dots from appearaing past last character */
      overflow-x: hidden;
    }

      ul.litebluedotleaders li:before {
        float: left;
	text-align: left;
        /* Keeps dots on same line as text */
        width: 0;
        /* Prevents word wrap */
        white-space: nowrap;
        /* Just a lot of dots with a space in between, no specific number */
        content: ". . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .";
}

      ul.litebluedotleaders li span:first-child {
        padding-right: 0.33em;
        /* Helps to cover dots under the words */
         background-color: #b6c6db;
      }

      ul.litebluedotleaders li span + span {
        float: right;
        padding-left: 0.33em;
        /* Helps to cover dots under the numbers */
         background-color: #b6c6db;
      }



      ul.dotleaders li:before {
        float: left;
        /* Keeps dots on same line as text */
        width: 0;
        /* Prevents word wrap */
        white-space: nowrap;
        /* Just a lot of dots with a space in between, no specific number */
        content: ". . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .";
}

      ul.dotleaders li span:first-child {
        padding-right: 0.33em;
        /* Helps to cover dots under the words */
        background-color: ;
      }

      ul.dotleaders li span + span {
        float: right;
        padding-left: 0.33em;
        /* Helps to cover dots under the numbers */
        background-color: white;
      }



/* CUSTOM DEFINED SPAN STYLES */



A.space-3-pixel, .space-3-pixel
{
margin-top : 0px;
margin-bottom : 0px;
font-family : Arial, Helvetica, sans-serif; 
font-size : 3px;
line-height : 3px;
font-weight : normal;
letter-spacing : 0.0mm;
text-decoration : none;
color : #6E0E0E;
}
	
@media print {
.noprint {display:none;}
}

label.hiddenlabel {
display:none;
}

.statnum {color:blue;}
.statupd {background:white;}

.basic1	{font-weight : bold;
	color : black;
	font-size : 12px;}

.basic2	{font-weight : bold;
	color : #051349;
	font-size : 12px;}

.basic3	{font-weight : normal;
	color : black;
	font-size : 12px;}

.instruct1 {background: #000066;
            color:#FFCC00;
            font-size: 1.0em;}

.instruct2 {background-color: #0b1d49;
            color:white;
            padding: 3px 5px; 
           font-size: 14px;
            font-weight: bold;
            font-style: normal;}

.result {background: lightgreen;
         color: black;
         font-size: 11pt;}

.result2 {background:lightblue;
          color: black;
          font-weight: bold;
          font-size: 11pt;}

.attention_text_2 {color: #000099;}

.attention_text_red {color: darkred;
                     font-weight: bold;}

.result3  {color: black;
           font-size: 11pt;}

.result3s  {background:lightgrey;
            color: black;
            font-size: 11pt;}

.sect_bar  {background: lightgrey;
            color: black;
            font-weight: bold;
            font-size: 1.1em;}

.result4 {background: lightgreen;
          color: black;
          font-size: 11pt;}

.result4s  {background:lightgrey;
            color: black;
            font-weight: normal;
            font-size: 11pt;}

.smalltab {color: black;
           font-size: 5pt;}

.smalltab_b {color: black;
             font-weight: bold;
             font-size: 5pt;}

.contact_list  {background-color: #CCCCFF;
                color: #000000;
                font-size: 1em;
                font-weight: bold;}

.hpoint {font-weight: bold;
         color: blue;
         text-decoration: underline;
         cursor:pointer;}

.help_info     {font-size: .8em;}

.aarp  {width: 900px;
        text-align: right;}

/* Nan CUSTOM STYLES */

.dialognone {
     display: none;
     position: fixed;
     z-index: 1; /* on top */
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     overflow: auto;
     background-color: rgb(0,0,0);
     background-color: rgba(0,0,0,0.4);
}

.dialogblock {
     display: block;
     position: fixed;
     z-index: 1; /* on top */
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     overflow: auto;
     background-color: rgb(0,0,0);
     background-color: rgba(0,0,0,0.4);
}

.diag-content {
     background-color: #fefefe;
     margin: 15% auto; /* 15% from the top and centered */
     padding: 10px;
     border: 1px solid #888;
     width: 500px;
}

@media only screen and (max-width: 775px){
	.diag-content {
		background-color: #fefefe;
		margin: 15% auto; /* 15% from the top and centered */
		padding: 10px;
		border: 1px solid #888;
		width: 280px;
	-webkit-appearance: none;
	}
}

.help-content {
     background-color: #fefefe;
     margin: 15% auto; /* 15% from the top and centered */
     padding: 10px;
     border: 1px solid #888;
     width: 900px;
}

.diagclose {
     color: #aaa;
     float: right;
     font-size: 28px;
}

.lmibr {
     background-color: #3B0B0B;
     color: white;
}

.lmigrey {
     background-color: #C8C6C5;
     color: #2b1b17;
     font-size: 18px;
     font-weight: bold;
}

.lmi_bigger {
     font-size: 18px;
     font-weight: bold;
}

.lmi_smaller {
     font-size: 10px;
}

.jobviewed {
     color: green;
     font-style: italic;
}

.diagclose:hover,
.diagclose:focus {
     color: black;
     text-decoration: none;
     cursor: pointer;
}
.modal {
	display: none;
	position: fixed;
	z-index: 1;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto; /* scroll enabled if nec */
	background-color: rgba(0,0,0,0.4);
	-webkit-animation-name: fadeIn;
	-webkit-animation-duration: 1s;
	animation-name: fadein;
	animation-duration: 1s;
	}

.modal-content {
	background-color: #FFFFFF;
	position: fixed;
	margin: 52% 20%;
	border: 2px solid #2d2f4b;
	padding: 20px;
	font-size: 20px;
	-webkit-animation-name: slideIn;
	-webkit-animation-duration: 1s;
	animation-name: fadein;
	animation-duration: 1s;
	}

.modal-btn {
	color: #aaaaaa;
	float: right;
	font-size: 28px;
	font-weight: bold;
	}

.modal-btn:hover {
	color: #000000;
	text-decoration: none;
	}

.topmodal {
	display: none;
	position: fixed;
	z-index: 1;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto; /* scroll enabled if nec */
	background-color: rgba(0,0,0,0.4);
	-webkit-animation-name: fadeIn;
	-webkit-animation-duration: .3s;
	animation-name: fadeIn;
	animation-duration: .3s;
	}

.jobsearchmodal-content {
	overflow-y: scroll; 
	word-wrap: break-word;
	text-align: center;
	font-size: 14px;
	margin: auto;
	max-height: 400px;
        width: 50%;
	min-width: 250px;
	max-width: 400px !important;
	background-image: linear-gradient(white, #b6c6db) !important;
	border-width: 3px 3px 3px 3px !important;
	border-radius: 25px;
	border-color: #511f1e;
	position: relative;
	top: 40%;
	-webkit-animation-name: slideInHalf;
	-webkit-animation-duration: 0.5s;
	animation-name: slideInHalf;
	animation-duration: 0.5s;
	border-style: solid;
	padding-top: 20px;
	padding-bottom: 20px; 
	padding-left: 5px;
	padding-right: 5px;
}

.topmodal-content {
	background-color: #FFFFFF;
	position: fixed;
	top: 0;
	left: 0px;
	right: 0px;
	width: 95%;
        margin: auto;
	overflow-x: hidden;
	overflow-y: scroll;
	border-width: 2px 0px;
	border-style: solid;
	padding-top: 20px;
	padding-bottom: 20px; 
	font-size: 20px;
	-webkit-animation-name: slideIn;
	-webkit-animation-duration: 0.5s;
	animation-name: slideIn;
	animation-duration: 0.5s;
    
	}
.topmodal-content:after {
	content: "";
	display: table;
	clear: both;
}

.botmodal {
	display: none;
	position: fixed;
	z-index: 1;
	left: 0px;
	bottom: 0px;
	width: 100%;
	height: 100%;
	overflow: auto; /* scroll enabled if nec */
	background-color: rgba(0,0,0,0.4);
	-webkit-animation-name: fadeIn;
	-webkit-animation-duration: .5s;
	animation-name: fadeIn;
	animation-duration: .5s;
	}

.botmodal-content {
	background-color: #FFFFFF;
	position: fixed;
	bottom: 0px;
	left: 0px;
	right: 0px;
	width: 100%;
        margin: auto;
	overflow-x: hidden;
	overflow-y: auto;
	border-style: solid;
	border-width: 2px 0px;
	padding-top: 20px;
	padding-bottom: 20px; 
	font-size: 12px;
	-webkit-animation-name: slideInBot;
	-webkit-animation-duration: .5s;
	animation-name: slideInBot;
	animation-duration: .5s;
	}

.leftmodal {
	display: none;
	position: fixed;
	z-index: 1;
	left: 0px;
	bottom: 0px;
	width: 100%;
	height: 100%;
	overflow: auto; /* scroll enabled if nec */
	background-color: rgba(0,0,0,0.4);
	-webkit-animation-name: fadeIn;
	-webkit-animation-duration: .5s;
	animation-name: fadeIn;
	animation-duration: .5s;
	}

.leftmodal-content {
	background-color: #FFFFFF;
	position: fixed;
	bottom: 0px;
	left: 0px;
	right: 0px;
	width: 200px;
	height: 300px;
 	overflow-x: hidden;
	overflow-y: auto;
	border-style: solid;
	border-width: 2px 0px 2px 2px;
	padding-top: 10px;
	padding-bottom: 10px; 
	font-size: 12px;
	-webkit-animation-name: slideInLeft;
	-webkit-animation-duration: .5s;
	animation-name: slideInLeft;
	animation-duration: .5s;
	}

@-webkit-keyframes slideIn {
	from {top: -300px; opacity: 0}
	to {top: 0; opacity: 1}
}

@keyframes slideIn {
	from {top: -300px; opacity: 0}
	to {top: 0; opacity: 1}
}

@-webkit-keyframes slideInHalf {
	from {top: -300px; opacity: 0}
	to {top: 40%; opacity: 1}
}

@keyframes slideInHalf {
	from {top: -300px; opacity: 0}
	to {top: 40%; opacity: 1}
}

@-webkit-keyframes slideInBot {
	from {bottom: -300px; opacity: 0}
	to {bottom: 0; opacity: 1}
}

@keyframes slideInBot {
	from {bottom: -300px; opacity: 0}
	to {bottom: 0; opacity: 1}
}

@-webkit-keyframes slideInLeft {
	from {left: -300px; opacity: 0}
	to {left: 0; opacity: 1}
}

@keyframes slideInLeft {
	from {left: -300px; opacity: 0}
	to {left: 0; opacity: 1}
}

@-webkit-keyframes fadeIn {
	from {opacity: 0}
	to {opacity: 1}
}

@keyframes fadeIn {
	from {opacity: 0}
	to {opacity: 1}
}

.popmodal  {
	font-family : Arial, Helvetica, sans-serif;
	font-weight : bold;
	color : #0d1e47;
	margin-top : 0px;
	margin-bottom : 0px;
	font-size : 12px;
}

.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: #111;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;
}

.leftsidetab {
  height: 360px;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 21%;
  left: -22px;
  background-color: #FFFFFF;
  overflow-x: hidden;
  overflow-y: auto;
  transition: .3s;
   -webkit-transition: .3s;
  padding-top: 3px;
  border-style: solid;
  border-width: 2px 2px 2px 0px;
  border-color: #08174a;
  border-radius: 10px;
}

.leftsidetab .closebtn {
  position: absolute;
  top: 0;
  right: 10px;
  font-size: 36px;
  margin-left: 50px;
}

.rightsidetab {
  height: 360px;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 230px;
  left: 100%;
  background-color: #FFFFFF;
  overflow-x: hidden;
  overflow-y: auto;
  transition: .3s;
   -webkit-transition: .3s;
  padding-top: 3px;
  border-style: solid;
  border-width: 2px 2px 2px 2px;
  border-color: #08174a;
  border-radius: 10px;
}

.rightsidetab .closebtn {
  position: absolute;
  top: 0;
  right: 10px;
  font-size: 36px;
  margin-left: 50px;
}

.rightsidebar {
  width: 0px;
  height: 100%;
  position: fixed;
  z-index: 1;
  left: 100%;
  background-color: #FFFFFF;
  overflow-x: hidden;
  overflow-y: auto;
  transition: width .8s;
  -webkit-transition: width .8s;
  padding-top: 3px;
  border-style: solid;
  border-width: 0px 0px 0px 2px;
  border-color: #08174a;
}
.rightsidebar .closebtn {
  position: absolute;
  top: 0;
  right: 10px;
  font-size: 36px;
  margin-left: 50px;
}


.leftsidebar {
  width: 0;
  height: 100%;
  position: fixed;
  z-index: 1;
  left: -2px;
  background-color: #FFFFFF;
  overflow-x: hidden;
  overflow-y: auto;
  transition: width .8s;
  -webkit-transition: width .8s;
  padding-top: 3px;
  border-style: solid;
  border-width: 0px 2px 0px 0px;
  border-color: #08174a;
}

.leftsidebar .closebtn {
  position: absolute;
  top: 0;
  right: 10px;
  font-size: 36px;
  margin-left: 50px;
}

.leftsidebar input{
	-webkit-appearance: none;
}


.contents-fadein {
   opacity: 0;
   transition: opacity 1.5s ease-in-out;
   -webkit-transition: opacity 1.5s ease-in-out;
}







.column {
	float: left;
	width: 47%;
	font-family : Arial, Helvetica, sans-serif; 
	font-size : 13px;
	text-align: left;
	padding-left: 3%;
}

.pleft {
	float: left;
	padding-left: 5px;
	padding-bottom: 20px;
	font-size: 13px;
	text-align: left;
}

.pright{
	float: right;
	padding: 15px;
}

.buttonloc{
	display: inline-block;
	bottom: 0;
	left: 0;
	width: 100%;
	padding-bottom: 3%;
	padding-top: 3%;
}

.link-onet, .link-onet a {
	color: #0541cd  !important;
        font-size: 14px;
	font-weight: bold;
	text-decoration: underline;
}

.link-onet:hover {
	color: #0541cd;
	font-weight: bold;
	text-decoration: underline;
}


.h2-like {
	font-family : Arial, Helvetica, sans-serif;
	font-weight : bold;
	color : #5189e5;
	font-size : 16px;
}

.h3-like {
	font-family : Arial, Helvetica, sans-serif;
	font-weight : bold;
	padding : 0px 5px;
	color : #5189e5;
	font-size : 15px;
}

.h3-like-black {
	font-family : Arial, Helvetica, sans-serif;
	font-weight : normal;
	padding : 0px 20px;
	color : black;
	font-size : 12px;
}

/* Renee CUSTOM STYLES */

hr.style1 {
     height: 30px;
     border-style: solid;
     border-width: 1 px 0 0 0;
     border-radius: 20px;
}

hr.style1:before {
     display: block;
     content: "";
     height: 30px;
     margin-top: -31px;
     border-style: inset;
     border-width: 0 0 1px 0;
     border-radius: 20px;
}

hr.style2 {
     height: 10px;
     border: 0;
     box-shadow: 0 10px 10px -10px #8c8b8b inset;
}

hr.style3 {
     border-top: 1px dashed
     #8c8b8b;
}

hr.style4 {
     border-top: 1px solid #C8C6C5;
     width: 83%; 
}


.resume-text
{
	font-family : Arial, Helvetica, sans-serif;
	font-weight : bold;
	color : #5189e5;
	margin-top : 0px;
	margin-bottom : 4px;
	font-size : 14px;
}

.help-text 
{

  font-family : Arial, Helvetica, sans-serif;
  font-size : 16px;
  width: 600px;
}

.help-text-list 
{
  font-family : Arial, Helvetica, sans-serif;
  font-size : 16px;
}

.table-grey
{
 border: 1px #C8C6C5;
 border-style: solid;
} 

.text-grey
{
  font-family: Arial, Helvetica, sans-serif;
  color: #5D646C;
  font-size: 16px;
  letter-spacing: 0.03em;
  font-weight: bold;
  padding-bottom: 50px;
  line-height: 160%;
}


.text-small-grey
{
  font-family: Arial, Helvetica, sans-serif;
  color: #5D646C;
  font-size: 9px;
  letter-spacing: 0.03em;
  font-weight: bold;
  line-height: 260%;
} 

.jobsearch-results-heading
{
	font-family : Arial, Helvetica, sans-serif;
	font-weight : bold;
	color : #0d1e47;
	margin-top : 0px;
	margin-bottom : 6px;
	font-size : 16px;
	}


.saved-search-subhead-jobcriteria  {
	font-size: 13px !important;
	line-height: 14px;
	font-weight: bold;
	color: #0d1e47;
	margin-top : 0px;
	margin-bottom : 0px;
}



a.sthree   {
text-decoration:underline;
color : #205dc5;    /*  powder blue   */
}

	A.sthree:link {
	color :  #051D49;    /* dark blue   */
	}
	A.sthree:hover {
	color : #205dc5;    /* powder blue */
	}
	A.sthree:active {
	color : #051D49;    /* dark blue */
	}
	A.sthree:visited {
	color : #205dc5;    /* powder blue */
	}
	A.sthree:visited:hover {
	color : #205dc5;    /* powder blue */
	}
	A.sthree:visited:active {
	color : #051D49;    /* dark blue */
	}