header, footer, nav, section {
	display: block;
}

h1, h2, h3, h4, h5, h6 {
	color: #005188;
	font-family: 'Roboto Condensed', Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 500;
}

.navbar-default {
	box-shadow: none;
	-webkit-box-shadow: none;
}

#title {
	color: #0076C0;
	font-size: 26px;
	font-weight: bold;
	padding-left: 0;
}

#main {
	margin-top: 10px;
}

#main .home {
	margin-top: 45px;
	margin-left: -15px; /* not sure why this is needed but it looks like a sign of a larger problem */
}

.wrapper {
	min-height: 100%;
	height: auto;
}

.wrappercontainer {
	padding: 35px 0;
	width: 100%;
	margin: 20px 0 0 0;
}

.pageTopLinks-officeinfo
{
    color: #fff !important; 
    font-size: 11px !important; 
    line-height: 10px !important;
}

.footnote {
	font-size: smaller;
	line-height: 18px;
	padding-top: 20px;
}

.empty-record {
	font-style: italic;
}

.resource-area {
	max-width: 800px;
}

	.resource-area > h3 {
		border-bottom: 1px solid #eee;
		color: #777 !important;

	}

	.resource-area > p {
		font-size: 14px;
		color: #959595;
		line-height: 18px;
	}


/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error {
	color: #f00;
}

.field-validation-valid {
	display: none;
}

.input-validation-error {
	border: 1px solid #f00;
	background-color: #fee;
}

.validation-summary-errors {
	font-weight: bold;
	color: #B20000;
}

.validation-summary-valid {
	display: none;
}

.EmailButton {
	float: left;
}

/* Styles for displaying office information */
.location-item .links div {
	margin: 0 30px 0 -15px;
	display: inline;
}

.location-item div {
	font-size: small;
}

.location-item span {
	font-size: small;
}

.location-item-name {
	font-weight: bold;
}

.location-item .summary > div > div {
	margin: -5px 0 0 0;
}

/* Empty Data messages */
.no-data-message {
	font-style: italic;
	color: #777;
	padding-top: 10px;
}

/*Share Buttons*/
.EmailButton, .fb-share-button, .twitter-share-button, .IN-widget {
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: 20px;
	float: left;
}

.panel-title {
	padding-top: 7px;
}

.notificationPrefDiv {
	padding-top: 10px;
}

.notificationPref {
	display: inline;
}

/* Handling for Placeholder javascript */
input, textarea {
	color: #000;
}

.placeholder
{
	color: #aaa;
}

/* Corrects issue where z-index of google autocomplete is less than the modal popup */
.pac-container {
	z-index: 20;
	width: 73% !important;
}

.shareJobs {
	padding: 15px 0px;
	line-height: 0.5;
}

.btn-mylocation {
	margin-right: -2px;
}

/* TAB MENU
----------------------------------------------------------*/
ul#menu {
	margin-top: 15px;
	text-align: right;
}

	ul#menu li {
		display: inline;
		list-style: none;
	}

	ul#menu .back-link {
		float: left;
	}

	ul#menu li#greeting {
		padding: 10px 20px;
		font-weight: bold;
		text-decoration: none;
		line-height: 2.8em;
		color: #fff;
	}

input[type="checkbox"], input[type="radio"] {
	border: 0;
}

input[type="text"], input[type="password"] {
	width: 100%;
}

ul.footer-links .divider {
	height: 1px;
	margin: 9px 0;
	overflow: hidden;
	background-color: #999;
}

@media (max-width: 990px) {
	ul.footer-links,
	p.copyright {
		padding: 0;
		margin: 0;
	}

	ul.footer-links {
		margin-bottom: 10px;
	}

	.forBig {
		display: none;
	}

	.forSmall {
		display: block;
	}

	#pageTopLinks {
		display: block;
	}
}

.profile-editor {
	border-left: 1px solid #ddd;
	padding-bottom: 0;
}

@media (max-width: 1020px) {

	.account {
		border-left: none;
		padding-bottom: 20px;
	}
}

#titlecontainer {
	padding-top: 50px;
}

@media (min-width: 1028px) {
  #titlecontainer {
	padding-top: 0;
  }
}

.nolinkpadding {
	padding: 0;
}

.profilelinks {
	border-top: 1px solid #ddd;
	margin-top: 10px;
	padding-top: 10px;
}

/* styling for sections on landing page */
.homeSection {
	height: 170px;
	width: 360px;
	padding: 0 15px !important;
	padding: 0;
	font-family: 'Roboto Condensed', Arial;
	font-size: 24px;
	font-weight: 500;
	color: #777;
}
 
	.homeSection > div {
		padding: 3px 0 0 28px;
		border-top: 1px solid #ddd;
		margin: 0 0 0 18px;
	}
	.homeSection > div > div {
		font-size: 13px;
		color: #999;
		line-height: 18px;
		margin-left: 2px;
	}
	.homeSection > div > div > a {
		line-height: 22px;
	}

.homeSection-fa {
	margin-top: -2px;
}

.sectionicon-fa {
	padding-left: 5px; 
	padding-right: 5px;
}

[class^="sectionicon-"] {
	width: 42px;
	margin-top: -14px;
	margin-bottom: -2px;
}

.sectionicon-availability {
	margin-top: -10px;
	margin-bottom: -6px;
}

.sectionicon-reports {
	height: 36px;
}

.sectionicon-apply {
	margin-top: -11px;
	margin-bottom: -4px;
}

.sectionicon-profile {
	margin-top: -12px;
	margin-bottom: -4px;
}

.otcAccountAlert {
	margin: 0;
	line-height: 18px;
	font-size: 14px;
	font-weight: 400;
}

/* styling for WSS navigation */
#wssnav {
	height: 35px !important;
	background-color: #f7f7f7;
	border-top: solid 1px #e6e6e6;
	box-shadow: 0 5px 5px rgba(150,150,150,.3);
}

	#wssnav > ul > li {
		display: inline;
		list-style: none;
	}

	#wssnav > ul > li a {
		text-decoration: none;
	}
	
	#wssnav > ul > li a img {
		width: 16px;
		padding-bottom: 5px;
	}

/* The 'message center' area shows message tabs on the home and profile pages */
.message-center_hidden {
	display: none;
}

.message-center {
	display: inline-block;
	margin-left: 45px; 
	margin-top: 4px;
	background-color: transparent;
	box-shadow: 0 -5px 5px rgba(150,150,150,.3);
}
	.message-center > div {
		display: inline-block; 
		border-radius: 0 0 5px 5px; 
		background-color: transparent; 
		padding: 2px 20px; 
		margin: -4px -2px -2px -2px;
	}

	.message-center > div > div {
		font-size: 12px; 
		cursor: pointer;
		color: #fff;
		white-space: nowrap;
		overflow: hidden;
	}

	.message-center .noclick {
		cursor: default;
	}

	.message-center .warning {
		background-color: #f0ad4e; 
	}

	.message-center .danger {
		background-color: #d9534f;
	}

	.message-center .primary {
		background-color: #428bca; 
	}

	.message-center .success {
		background-color: #5cb85c;
	}

	.message-center .info {
		background-color: #5bc0de;
	}

	/* this provides a close button for the message.
	   this is for the future possibility of the user being able to dismiss a message for life of the session */
	.message-center > div > div:nth-child(2) {
		margin-left: 15px; 
		margin-right: -10px; 
		padding-left: 8px;
		border-left: 1px solid rgba(193, 68, 64, 0.5);
		display: none; 
	}

	.message-center > div > div:nth-child(2):hover {
		color: #333; 
	}

	.message-center_dialog {
		display: none;
	}

	.message-center_dialog_title {
		display: none;
	}

	.message-center_dialog_content {
		margin: -60px 0 0 0;
	}

/* adds page-specific help links to the toolbar */
.toolbar-help {
	margin: -26px 50px; 
	font-size: 14px;
	display: none;  /* only displayed when needed */
}
.toolbar-help span {
	font-weight: 400;
	padding-right: 10px;
}

@media (max-width: 1078px) {
	.toolbar-help {
		margin: -26px 0 0 0;
	}
}

@media (max-width: 991px) {
	.toolbar-help {
		margin: -11px 0 0 0;
		padding-right: 10px;
		font-size: 14px;
		width: 100%;
		text-align: right;
		background: white;
		border-bottom: 1px solid #ddd;
	}
}

/* this addition would keep the compact menu (pop-up menu nav from the hamburger button) from having 
   a transparent background.  consider this route if we intend to fit wssnav in the compact menu */
.navbar-collapse.in, 
.navbar-collapse.collapsing {
	background-color: #fff;
}

/*custom tooltip*/
.infoblock {
	display: inline;
}

.info {
	cursor: pointer;
}

.infoblock div {
	display: inline-block;
	font-size: 12px;
	padding-left: 5px;
}

.tooltipblock {
	background-color: #5bc0de;
	width: 335px;
	border-radius: 5px;
	z-index: 10000;
	position: absolute; 
}

	.tooltipblock div {
		padding: 15px;
		color: #fff;
		font-size: larger;
	}

.nolinkpadding {
	padding: 0;
}

@media (max-width: 991px) {
	.section {
		margin: 0;
	}

	.homeSection {
		padding: 0;
	}
 
	#main {
		margin-top: 40px;
	}

	#pageTopLinks {
		display: none;
	}

	#pageTopLinksLeft {
		display: none;
	}

	#wssnav {
		background-color: #fff;
		height: auto !important;
	}
		#wssnav ul {
			padding-left: 0;
		}

		#wssnav ul li {
			display: block;
			list-style: none;
		}

		#wssnav ul li a img {
			display: none;
		}

		#wssnav .open .dropdown-menu {
			border: none;
			box-shadow: none;
			position: relative;
			width: 100%;
		}

		#wssnav .open .dropdown-menu .divider {
			border-top: 1px solid #e5e5e5;
			background-color: transparent;
			margin: 0 10px;
		}

		#wssnav .mobile-only {
			display: block;
		}

	#wssnav-section {
		border-top: 1px solid #ddd;
		margin-top: 10px;
	}

	.message-center {
		margin-left: 15px;
	}

	.wrappercontainer {
		margin-top: 55px;
		padding-top: 0;
	}

	#whitespace {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 60px;
		background-color: #fff;
		z-index: 50;
	}

	#middleContainer {
		display: none;
	}
}

@media (min-width: 1200px) {
  .mobile-only-nav {
	margin-bottom: 10px;
  }
}

@media (max-width: 1200px) {
  .mobile-only-nav {
	margin-bottom: 0;
  }
}

/*  
	The Whitespace div, styling, and css class is used to ensure nothing appears below the header when 
	scrolling or when the window resizes, but still allows for everything to neatly scroll underneath 
	wssnav and the message-center.
*/

@media (min-width: 991px) {
	#wssnav .mobile-only {
		display: none;
	}
	
	#whitespace {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 89px;
		background-color: #fff;
		z-index: 50;
	}
}

@media (min-width: 1024px) {
	#whitespace {
		display: none;
	}
}

.whitespace {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 90px;
	background-color: #fff;
	z-index: 50;
	display: block !important;
}

.bs-callout {
	padding: 10px 10px 10px 20px;
	margin: 20px 0;
	border: 1px solid #eee;
	border-left-width: 5px;
	border-radius: 3px;
	background-color: rgba(239, 239, 239, 0.24);
}

.bs-textbox {
	padding: 10px 10px 10px 20px;
	padding-left:10px;
	margin: 20px 0;
	border: 1px solid #eee;
	border-left-width: 1px;
	border-radius: 3px;
	background-color: rgba(239, 239, 239, 0.24);
	text-align:center;
	color:#516b8e;
}

	.bs-callout p {
		color: #666;
		font-size: 13px;
		font-weight: 500;
	}

	.bs-callout h4 {
		margin-top: 0;
		margin-bottom: 5px;
	}

	.bs-callout h5 {
		margin-top: 0;
		margin-bottom: 5px;
	}

	.bs-callout p:last-child {
		margin-bottom: 0;
	}

	.bs-callout code {
		border-radius: 3px;
	}

	.bs-callout + .bs-callout {
		margin-top: -5px;
	}

.bs-callout-default {
	border-left-color: #777;
}

	.bs-callout-default h4 {
		color: #777;
	}

.bs-callout-primary {
	border-left-color: #428bca;
}

	.bs-callout-primary h4 {
		color: #428bca;
	}

.bs-callout-success {
	border-left-color: #5cb85c;
}

	.bs-callout-success h4 {
		color: #5cb85c;
	}

.bs-callout-danger {
	border-left-color: #d9534f;
}

	.bs-callout-danger h4 {
		color: #d9534f;
	}

.bs-callout-warning {
	border-left-color: #f0ad4e;
}

	.bs-callout-warning h4 {
		color: #f0ad4e;
	}

.bs-callout-info {
	border-left-color: #5bc0de;
}

	.bs-callout-info h4 {
		color: #5bc0de;
	}

	.cellJobAgentName
	{
		padding-left:30px;
		font-family:Arial;
		font-size:large;
		color:#516b8e;
	}

	.boxJobDefine{
		display: none; 
		text-align:center;
		font-family:sans-serif;
		color:darkblue;
	}

/*DataTable.js style overrides*/
.table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child:before,
.table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child:before  {
  font-family: FontAwesome;
  content: "\f147";
  background-color: #ffffff;
}

.table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:before,
.table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child:before {
  font-family: FontAwesome;
  content: "\f196";
  color: black;
  border: 0px solid #ffffff;
  background-color: #ffffff;
  box-shadow: none;
  box-sizing: border-box;
  top:auto
}

.table.dataTable.dtr-column > tbody > tr > td.control:before,
.table.dataTable.dtr-column > tbody > tr > th.control:before {
  font-family: FontAwesome;
  content: "\f196";
  color: black;
  border: 0px solid #ffffff;
  background-color: #ffffff;
  box-shadow: none;
  box-sizing: border-box;
  top:auto;   
}

.table.dataTable.dtr-column > tbody > tr.parent td.control:before,
.table.dataTable.dtr-column > tbody > tr.parent th.control:before {
	font-family: FontAwesome;
	content: "\f147";
	background-color: #ffffff;
}

.table.dataTable > tbody > tr.child span.dtr-title {
  font-weight: normal;
}

.table.dataTable thead th div {
	margin-bottom: 3px;  
}

table.dataTable tbody tr td {
	padding: 6px 10px;
	vertical-align: middle !important;
}

table.dataTable tbody tr {
	padding: 0 10px;
}

table.dataTable tbody tr td {
	border-top: none !important;  
}

.dataTables_wrapper .dataTables_processing {
	top: 18px !important;
	margin-top: 45px !important;
	padding-bottom: 40px !important;
}

.processing-message {
	font-size: 15px;
}
/* End DataTable.js style overrides*/

.gridbutton {
	width: 34px;
	height: 34px;
	padding: 7px 0;
}

.flex-box {
	margin-top: -25px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

@media (min-width: 991px) {
	#floatleftnav{ 
		display: none;      
	}    
	.content-slide-right .content-slide-left{
		margin-left: 0px;
		margin-right: 0px;        
	}
}

.navbar-fixed {
  width: 250px;
  position: fixed;
  border-radius: 0;
  height: 100%;
  background-color: rgba(238,238,238,.8);
  border-right: #ddd 1px solid;    
  z-index: 1030;
}
.navbar-fixed-left {
  left: 0px;
  box-shadow: inset  -8px 0px 8px -8px #696868;
}
.navbar-fixed-right {  
  right: 0px;
  box-shadow: inset  8px 0px 8px -8px #696868;
}

 #floatleftnav > ul > li a {
		text-decoration: none;
}
	
#floatleftnav > ul > li a img {
	width: 16px;
	padding-bottom: 5px;
}

 #floatleftnav.navbar {
	 max-height:none;
 }

@media (max-width: 992px) {
	.content-slide-left {
		margin-left: -270px;
		margin-right: 250px;
	}
	.content-slide-right {
		margin-left: 250px;
		margin-right: -270px;                
	}
	.wrapper {
		transition: margin 400ms linear 0ms;       
	}
}

.flex-box-left {
	background: rgba(238,238,238,.8);
	border-right: #ddd 1px solid;
	margin-right: 15px;
}

.flex-box-right {
	padding-top: 48px;
	background-color: #fff;
}

.flex-line-bottom {
	border-bottom: #ddd 1px solid;
}

.rowHeight {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
}

.clientServiceTitle {
	color: #666;
}

.hide_DTColumn{
	display : none;
}

.DTColumnData {
	font-size: 14px;
}

#clientServiceFont {
	font-size: 17px;
}

.clientPrefNoData {
	color: #959595;
	font-size: 14px;
	padding-bottom: 25px;
}

@media (max-width: 992px) {
	.flex-box{ 
		display: block; 
		margin-top: -65px;
	}
	.flex-box-left {
		padding-top: 20px;
	}
}

.dialogpadding {
	padding-top: 100px;
}

.altsitelogo {
	margin-top: -20px; 
	margin-left: 1px;
}

#eula-sign {
	display: inline;
}

#eula-sign-link {
	margin-top: 30px;
}

#eula-label {
	padding-left: 5px;
}

#register-form {
	background: rgba(221,221,221,0.25);
	padding: 20px 30px;
	max-width: 500px;
	margin-top: 30px;
	margin-left: 15px
}

#register-button {
	margin-top: 10px;
}

#client-register-desc {
	margin-top: 30px;
	max-width: 550px;
	padding-left: 50px;
}

@media (max-width: 1200px) {
	#client-register-desc {
		margin-top: 30px;
		max-width: 450px;
	}
}

@media (max-width: 991px) {
	#client-register-desc {
		display: none;
	}
}

.EULA p {
	font-size: 14px;
	line-height: 20px;
}
.underline {
	text-decoration: underline;
}

.eep-alert {
	color: #333; font-weight: 500; text-align: center; font-size: 13px;
}

.eep-alert-footer {
	font-size: 14px !important; padding: 15px !important;
}

@media (max-width: 1027px) {
	.eep-alert-header {
		display: none;
	}
	.eep-alert-footer {
		display: block;
	}
}

@media (min-width: 1028px) {
	.eep-alert-footer {
		display: none;
	}
}