list-item-date /* **********************************************************
   ___  _     _
  / _ \| |__ (_) ___    file: eomjmy.layout.css
 | | | | '_ \| |/ _ \   contents: layout containers and
 | |_| | | | | | (_) |  properties for eomjmy channel
  \___/|_| |_|_|\___/

	this should be for page layout, re-used container styles,
	and media queries for different layouts at breakpoints.

	colors and design attributes do not belong (see branding.css)
	also layouts of function-specific things like forms and
	buttons should be elsewhere (see controls.css)


 ********************************************************** */
/* ***** primary page containers ***** */
/* UX wants page body above the footer to be min 700px, so:
header:       82px
search bar:   50px
quick links: 205px
content:     400px ballpark it
;
.content
{
	min-height: 400px;
}


/* let's start with a layout class that determines the width of all our primary containers */
.layout {
    display: block;
    clear: both;
    width: 994px;
    margin: 0 auto;
}

/* 508 (c) */
input:focus, input[type=text]:focus, input[type=password]:focus, select:focus {outline:1px solid blue;}

/* ***** box-sizing roundup
	instead of replicating the vendor prefixes for box-sizing everywhere, this is a
	roundup of elements with box-sizing applied. */
/* trying asterisk instead. IE7 seems to be choking on processing the selector list. */
*{-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}

/* ***** page header ***** */
.page-header{position: relative;height: 80px; padding-top: 0px;margin-top:0px;}
.channels_eomjmy_home .page-header{margin-top: 1px;}
.header-logo{position: absolute;left: 0;top: 0;width: 64px;height: 72px;text-indent: -2000%; margin-top:10px;}
.header-utility{position: absolute;top: 20px;right: 0;height: 60px;margin-left: 74px;text-align: right;float: right;}
.header-login{display: inline;}
.header-social{position: absolute;right: 0;bottom: 0;}

/* ***** main navigation ***** */
.page-header .header-menu
{z-index: 15; /* needs to be above the login form on login.aspx */
	/* hate to add px width here, but if left to full width it overlaps utility buttons.
		if we add z-index to the header-utility container, it re-stacks the login dropdown to the
		relative z-index stack instead of absolute, and it ends up *below* the overlay. */
	width: 680px;
	margin-left: 90px;
	top: 35px;
	overflow: visible;
}

/* for all other page-header header-menu styles, see the seeker-menu/header-menu section below */

/* ***** utility navigation ***** */

/* ***** Angular ***** */

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important;
}


/* ***** simple grid stuff ***** */
.half{display: block;float: left;width: 50%;text-align:center;}
.OccupationOneSheet .half{text-align:left;}
.OccupationOneSheet .half .box-header, .OccupationOneSheet .half strong, .OccupationOneSheet .half .half1 li, .OccupationOneSheet .half .details-item{text-align:center;display:block;}
.halfLeft{display: block;float: left;width: 50%;text-align:left;}
.left-navigation-guidepost {display: block;float: left;text-align:center;width: 450px;font-weight:bold;}
.left-half-guidepost {display: block;float: left;text-align:right;width: 50%;padding-right:0;line-height:60px;font-weight:bold;margin-top:10px;}
.right-half-guidepost {display: block;float: right;text-align:right;width: 50%;line-height:60px;font-weight:bold;margin-top:10px;}

.employerGuidepost .left-half-guidepost {margin-bottom:15px;}
.employerGuidepost .right-half-guidepost {margin-bottom:15px;}


.left-half-guidepost img, .right-half-guidepost img {max-width:60px;width:auto;max-height:60px;height:auto;float:right;margin-left:15px;}
.inside-text-guidepost {line-height:15px;display: inline-block;vertical-align:middle;width:110px;}
.employerGuidepost .inside-text-guidepost {line-height:15px;display: inline-block;vertical-align:middle;width:150px;}



.left-navigation-guidepost .button-large {line-height:15px;margin-left:10px;font-size:11px;}

.wonderWallOhioLogo {width:120px;position:absolute;right:0px;top:30px;}
.wonderWallOhioLogo img {width:120px;}
.wondeWallVideoLink {height:auto;width:200px;position:absolute;left:50%;top:0px;margin-left:-100px;padding-top:240px;text-align:center;z-index:10;}

.seekerGuidepostVideoLink {height:auto;width:200px;position:absolute;right:85px;top:45px;padding-top:240px;text-align:center;z-index:10;}
.seekerGuidepostVideoLink {top:85px;right:265px;width:150px; padding-top: 200px;}

.guidepostRightButtons {position:absolute;right:15px;top:115px;width:150px;line-height: 15px;}
.guidepostButton1, .guidepostButton2, .guidepostButton3 {display: block;text-align:center;font-weight:bold;}
.guidepostButton1 {margin-bottom:40px;}
.guidepostButton1 a, .guidepostButton2 a, .guidepostButton3 a {margin-top:15px;}

#seekerGuidepost2Content #content h2 { margin-top: 20px; font-size: 1.2em; }
#seekerGuidepost2Content #radios { list-style-type: none; margin: 0; padding: 0; margin-top: 20px; }
#seekerGuidepost2Content #radios input { margin-right: 10px; margin-top: 1px; float:left;}
#seekerGuidepost2Content #radios li { margin-top: 5px; margin-bottom: 5px;display:inline-block;width:100%;}
#seekerGuidepost2Content #buttons { margin-top: 20px; }
#seekerGuidepost2Content #buttons input[value="Next"] { margin-right: 15px; }
#seekerGuidepost2Content #errorMessage { color: red; margin-left: 10px; }

.half.gutter{padding-right: 0.75em;}
.half.gutter:nth-child(2n+2){padding-right: 0;padding-left: 0.75em;}

.half.left-narrow-gutter{padding-left: 7px;}
.half.right-narrow-gutter{padding-right: 7px;}


th.half, td.half{display: table-cell;float: none;}

.full{width: 100%;}
.fullwide {display: block;float: left;width: 100%;text-align:center;margin-top:150px;margin-bottom: 30px;}
.wide-80{width: 60%}

table.full thead,
table.full tbody{width: 100%;}
.third, .box.third{width: 33%;margin-left: 1%;float: right;clear: none;}

.third.first,
.third:first-child{margin-left: 0;width: 32%;}
.twothirds{width: 65%;margin-left: 1%;float: left;clear: none;}
.twothirdsEdit{width: 66%;margin-left: 0;float: left;clear: none;}
.twothirds.first,.twothirds:first-child{margin-left: 0;width: 66%;}

.third.no-margin {margin-left: 0;width: 33%;}

.fifth {width:20%; float:left;}
.fourfifths {width:80%; float:left;}
.tenth {width:10%; float:left;}
.twotenths {width:20%; float:left;}
.fourtenths {width:40%; float:left;}


/* repetitive left/right layouts */

/*	visuals are built on a 14-column grid with an overall width of 994px.
		columns are 56px wide and gutters are 14px wide (with 15 total gutters)
		for those that like equations, that's ((14*56)+(15*14)) go ahead and copy/paste into Alfred. :)

		we have two primary two-column layouts in the comps:

		one with an 11-column/3-column split (e.g. Job Search Results), and
		another with a 10-column/4-column split (e.g. Career Profile landing)

		11-columns = (11*56)+(11*14) = 770
		3-columns = (3*56)+(4*14) = 224 (including the extra gutter between content and sidebar here)
		770 + 224 = 994
 	*/

/*.content.content-with-sidebar,
.sidebar{min-height: 600px;}*/
.content.content-with-sidebar {width: 770px;}
.content.content-with-sidebar,
.sidebarVarBar{/*min-height: 340px;*/display:inline-block;}

.content.content-with-sidebar{padding-right: 14px;border-right: 1px solid #ccc;}
.channels_eomjmy_agents_managejobagents .content.content-with-sidebar{padding-right: 14px;border-right: 0;}
/*.sidebar{position: absolute;top: 0;right: 0;width: 224px;padding: 0 0 0 14px;}*/
.sidebarVarBar{float:right;width: 220px !important;padding: 0 0 0 10px;}
.sidebarVarBar .moveBottom {position:absolute;right:0;bottom:20px;width:210px;}
.sidebarVarBar #avatarBirdSidebarListResumes {margin-bottom:15px;}
.sidebar .chuckPositionCenter {width:100%;text-align:center;margin-top:15px;margin-bottom: 30px;}
.contentThickWithSidebar {width:700px;float:left;}

/* ***** vertical rhythm *****
	here is where we establish a pattern of whitespace vertically between elements
	significant changes like header->content->footer should be larger, individual
	elements inside layout containers should be smaller. */

.page-header,
.search-bar-container,
.content,
fieldset,
h1 {margin-bottom: 10px;}

/*h1, h2, h3, h4, h5, h6, p, ul, ol, dl, table, dt */
select, input, label {margin-bottom: 0.588em;}
p, ul, ol, dl, h1, h2, h3, h4, h5, h6, dt, dd, table{/* this is an override from normalize.css */margin-top: 0;margin-bottom: 0.346em;}
dd{margin-left: 0;}

/* ***** box unit *****
	a re-usable 'box' for item layout, with a header and content area.
	default colors are here - should override in branding css. */
.box,
.BorderStyle,
.BorderStyle3{position: relative;page-break-inside:avoid;
	/* this is 100% width because it's supposed to go into a sized container */width: 100%; margin-bottom: 1em; /* override these */background-color: #fff;border-color: #bbb;border-style: solid;border-width: 1px;}

/* layout of the header inside the box */
.box-header,
.ControlHeaderDiv,
.ResumeSectionDivider,
#MilInfoView .ControlBody {width: 100%; padding: 10px 5px 0px 10px;/* override these */color: #333;background-color: #eee;}
.box-header a{color: #333;}

.ControlBody {width: 100%; padding: 0 0.875em; /* override these */background-color: #fff;}
.nextStepPage .ControlBody {padding:0 0.875em;}

.box-content, .industryLandingPagesContent .ControlBody{width: 100%; padding: 0.875em; /* override these */background-color: #fff;}
.contactOhioPage .box-content {background-color:transparent;padding:0;}

.regional-article-container .box-content {width: 100%; padding: 0em 0.875em 0.875em 0.875em; /* override these */background-color: #fff;}

.ControlBody.partners{width: 80%; margin-left:10%; padding: 0.875em; /* override these */background-color: #fff;}

.PadTable td {vertical-align:top;}

.PrimarySchoolIcon{ height: 13px;}

.regionalResourcesTopMargin {margin-top:15px;}

.msaRegionsBtn {margin-bottom: 3px;}
.msaRegionsBottomMargin {margin-bottom:5px;}


/* full-bleed height and width for things that should span
	all the way to the box border. set your own padding inside! */
.box-content.bleed{padding-left: 0;padding-right: 0;padding-top: 0;padding-bottom: 0;}

/* tables will get bottom margin that screws everything up */
.box-content.bleed table{margin-bottom: 0;}

/* a full-bleed table with a thead row will look weird because
	the thead background and first row background will match */
.box-content.bleed table thead{background-color: #eee; border-color: #bbb;border-style: solid;border-width: 1px 0 1px 0;}
.box-content.bleed table thead:first-child{border-width: 0 0 1px 0;}

/* this is the 'solid' variant of box, seen in the sidebars and whatnot */
.box.solid{border: none;/* override these */background-color: #eee;}
.box.solid .box-header,
.box.solid .box-content{/* this way, if branding overrides background color for .box.solid, this picks it up */background-color: inherit;}

.box-content .wk-scores { width: 50%; margin: .5em 5px; }
/* ***** search bar ***** */
.search-bar {position: relative;height: 50px;padding: 10px;}

/* ***** navigation ***** */
/* TODO: these strings of descendant selectors need to be simplified! */
.flyout-menu{position: relative;}
.flyout-menu a{display: block;width: 100%;}
.flyout-menu > ul > li > a{*width: 70px;}
.flyout-menu > ul > li > ul { padding: 0; border: 1px solid #b81f39;}
.flyout-menu ul{padding-left: 0;}
.flyout-menu li li{padding: 6px 14px;}
.flyout-menu ul ul{position: absolute;left: -2000em;margin-bottom: 0;padding: 1px 0 1px 10px;overflow: hidden;z-index: 2;*margin-top: 22px;*margin-left: -106px;}
.flyout-menu ul ul{margin-left: -1px;}
.flyout-menu ul ul{padding: 1px;}
.menu-subitems {display:inline-block;}
.flyout-menu ul ul ul{padding: 0;}
.flyout-menu ul ul li{padding: 0;}
.flyout-menu ul ul li h3,
.flyout-menu ul ul li a{padding: 4px 9px;}
.flyout-menu ul ul li h3{margin-bottom: 3px;}
.flyout-menu ul ul ul{position: relative;left: 0;padding-left: 0;margin-left: 0;}
.flyout-menu > ul > li.active > ul{left: auto;width: auto;}

/* override for header instance - a bit of left side anomaly */
.header-menu.flyout-menu > ul > li.active > ul{margin-left: 0;}
.seeker-menu > ul > li.active > ul{left: 100%;top: 0;width: 110%;}
.flyout-menu h2, .flyout-menu h3{margin-bottom: 0;}

/* this makes the first-level in the left nav links big like buttons */
.flyout-menu > ul > li > a, .flyout-menu .main-menu-item-link {display: inline-block;padding: 6px 4px;}

/* this makes the 'regional' link in left nav a bit taller */
.seeker-menu > ul > li > a.last{height: 72px;}

/* some overrides for the header instance */
.showHorNavItem {display: none;}
.hideHorNavItem {display: block;}
.header-menu > ul > li{display: inline-block;*display: inline;margin-right: 15px;}
.header-menu li h2{display: inline;}
.header-menu li span{display: none;}
.header-menu li .showHorNavItem {display: block;}
.header-menu li .hideHorNavItem {display: none;}
.header-menu .regional{display: none;}


/* ***** content area ***** */
.content{position: relative;}
.article-header{margin: 0;}

.veteranSwitch .contentDiv {margin-top:30px;}


/* ***** quick links ***** */
.quickLinks {padding: 10px 20px 10px 20px;/*height: 205px;*/white-space: nowrap;}

section.quickLinks {border-top: 1px solid #ccc;border-bottom: 1px solid #ccc; margin-top:30px;}
.quickLinks .quickLinkHeader, .quickLinks .quickLinkHeader {margin-top: 2px;}
.quickLinks .layout > div, .quickLinks.layout > div{display: inline-block;}
.quickLinks .layout > div.links, .quickLinks.layout div.links{width: 90%; margin-top: -3px;}
.quickLinks .layout > div.links a, .quickLinks.layout > div.links a {text-decoration: none;}
.quickLinks .layout > div.links li, .quickLinks.layout > div.links li {float:left; display:inline-block; padding-bottom: 10px;width: 30%;}
.quickLinks .quickLinks-social h4 {margin-right: 20px;}
.quickLinksSocial {z-index:1; position:relative;}

/* ***** career details page ***** */
.career-details .box ul, .ilpContent ul {padding-left: 5px;list-style-type: none;}
.career-details .box ul ul, .ilpContent ul ul {padding-left: 18px;}
.career-details .box li, .ilpContent li {padding: 2px;border-top: 1px solid #eee;padding-top:7px;padding-bottom:7px;}
.career-details .box li li, .ilpContent li li {border-top: none;}
.career-details .box li:first-child, .ilpContent li:first-child {border-top: none;}
.career-details .summary-item, .ilpContent .summary-item {margin-bottom:8px;}


.relatedLinks strong, .industriesLinks strong{clear:both;float:left;display:block;width:10%;}
.relatedLinks span, .industriesLinks span{float:left;display:block;width:90%;}

/*we will need to position bullet point images, so we use rather bg images */
.career-details .tagsContent ul
{
    
    list-style-type:none;
    font-size:11px;

}

.career-details .tagsContent ul li, .ilpContent .tagsContent ul li
{
    background-repeat:no-repeat;
    background-position:0px 10px;
    
    padding-left:20px;
    padding-right:20px;
}


.career-details li.tag-indemand, .ilpContent li.tag-indemand {background-image:url(https://securemedia.newjobs.com/id/mgs/6914/indemand_icon_11x11.png)}
.career-details li.tag-sun, .ilpContent li.tag-sun {background-image:url(https://securemedia.newjobs.com/id/mgs/6914/sun_icon.png)}
.career-details li.tag-leaf, .ilpContent li.tag-leaf {background-image:url(https://securemedia.newjobs.com/id/mgs/6914/leaf_icon.png)}
.career-details li.tag-apprenticeship, .ilpContent li.tag-apprenticeship {background-image:url(https://securemedia.newjobs.com/id/mgs/6914/apprenticeship_icon.png)}

.career-details .box-header, .career-details-box-header
{
    padding:7px;
}

.career-details .video {float: left;margin: 8px;margin-bottom:15px; display:block;}

.career-details .video-note
{
    float:left;
    margin:8px;    
    margin-top:8px;
    margin-bottom:15px;
    margin-left:11px;
    width:180px;    
}
.career-details .box-text
{
    margin-left:6px;
    
}

.career-details ul.half1, .ilpContent ul.half1
{
    
  margin-top:8px;
  font-weight:bold;
  
  /*we will use the CSS3's new feature - columns - when viewed by older browser, nothing too bad will happen, just there will be one column*/
  columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
}



/* ***** page footer ***** */
.home-footer hr{margin:0; padding: 0; color: #ccc;}

.page-footer{position: relative;padding:  30px 0; font-size: 11px; color: #565656; background-color: #f4f4f4;}
.page-footer .footer-nav {margin: 0 0 14px 0;}
.page-footer .footer-nav a {text-decoration: none;color: #565656;}
.page-footer .footer-nav a:hover {text-decoration: underline;}
.page-footer .footer-nav ul li{margin-left: 3px;padding-left: 5px;border-left: 1px solid #838383;}
.page-footer .footer-nav ul li:first-child{border-left: 0;}
.page-footer .partner-msg {padding: 14px 0 0 0;line-height: 18px;}
.page-footer .partner-msg img {position: relative;left: 2px;top: 1px;}
.page-footer .LPMoverlay {display:inline !important;}

#socialMedia img{width: 20px;height: 20px;vertical-align: middle;}
#socialMedia img.qr-code {width: auto;height: auto;}


/* ***** new account page ***** */
.channels_eomjmy_account_newaccount .box ul{padding-left: 0;list-style-type: none;}
.channels_eomjmy_account_newaccount .box li{padding: 0.5em;}

/* ***** backpack page ***** */
.backpack .section-header,
.backpack .history .third,
.backpack .iep,
.backpack .docs{padding-top: 10px;padding-bottom: 10px;margin-bottom: 10px;}
.backpack .section-header{min-height: 80px;}
.backpack .history{padding-left: 10px;padding-right: 10px;}
.backpack .history .third{min-height: 190px;padding: 0 50px;}
.backpack .history h2{text-align: center;padding: 8px;}
.backpack .iep{min-height: 200px;overflow: hidden;padding-left: 10px;padding-right: 10px;background: #eee;}
.backpack .iep.show{height: 600px;}
.backpack .iep .iep-hide{display: none;}
.backpack .iep .show .iep-show{display: none;}
.backpack .iep .show .iep-hide{display: inline;}
.backpack .iep .progress{height: 30px;margin-bottom: 10px;-webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px;background-color: #fff;overflow: hidden;}
.backpack .iep .progress .complete{height: 30px; /* match the height of the progress container, above */}
/* we have to adjust the normal third/twothirds widths because we need the 'progress bar'
	to line up with the borders above/below, and those containers have margins */
.backpack .iep .progress .complete.third{width: 33%;padding-left: 0;}
.backpack .iep .progress .complete.twothirds{width: 67%;padding-left: 0;}
.backpack .iep .third{min-height: 80px;}
.backpack .iep .third,
.backpack .docs .third{padding-left: 10px;}
.backpack .iep .third.first{padding-left: 0;}
.backpack .iep h3{padding: 8px 0 0;}
.backpack #drawer{position: relative;}
.backpack #drawer .third{padding-bottom: 30px;}
.backpack #drawer .third .button{position: absolute;bottom: 0;}
.backpack .resumes ul{padding-left: 20px;}
.backpack .docs{padding: 0 10px;}
.backpack .docs #docCount{padding-left: 68px;}
.backpack .docs #pnlDocList > div > a.icon-file{display: block;padding-left: 18px;margin-bottom: 8px;min-height: 20px;}
.backpack .updateDateWithMargin { margin-top: 5px; margin-bottom: 5px; }

/* ***** resume rating summary page ***** */
.grade-letter{width: 30%;float: left;}
.grade-text{width: 70%;padding-left: 20px;padding-right: 180px;float: left;}
.grade-text{padding-top: 3em;}
.guidance-graph{float: left;width: 20%;}
.guidance-details{float: left;width: 80%;padding-left: 20px;}

/* you can adjust this to the content or implement
	javascript to equalize the heights, this is simpler */
.guidance-graph .box,
.guidance-details .box{min-height: 200px;}

/* overriding the .third class to eliminate padding/gutters between the boxes */
.guidance-details .box{margin-left: 0;border-left-width: 0;}
.guidance-details .box:first-child{border-left-width: 1px;}

/* ***** My Documents upload page ***** */
.upload-panel{padding: 20px;margin: 10px auto;}
.documents-panel-header{margin-top: 10px;padding: 4px 16px;}
.documents-panel{margin: 0 auto 10px;}
.documents-panel div{position: relative;padding: 6px 16px 6px 6px;line-height: 16px;vertical-align: middle;}
.documents-panel div .rmvbutton{position: absolute;right: 3px;}

/* ***** My Jobs page ***** */
.ControlBodyTableHeads th {padding: 7px 14px;}

.RepeaterItemRow td{padding: 9px;}
p.description{line-height: 20px;margin-bottom:14px; /* this evens out the Jobs and Apply tables */}
p.description select{margin-bottom: 0;}


/* ***** account edit ***** */
#account-edit .edit-link {float: right}

/* **** My Jobs Status modal */
#updateStatus {padding:10px;overflow: hidden;width:100% !important;}
#updateStatus iframe{width: 100%;height: 99%;}

.myjobs-status .txtNotes{width: 100%;height: 60px;}
.myjobs-status th{width: 80px;vertical-align: top;text-align:left;}
.myjobs-status .buttons {margin-left: 80px; /* match the above width */}
.myjobs-status .box-header,.myjobs-status .box-content {padding:7px;}
.dialog-table {margin-bottom:14px;}

/* ***** Job Search stuff - see what is combined with MGS ***** */
#col1{width: 600px;float: left;}
#col2{width: 340px;float: right;}

/* ***** placeholders ***** */
/* a 4:3 video */
.placeholder-120x90 {width: 120px;height: 90px;background: #aaa;}

/* a 16:9 video */
.placeholder-120x68{width: 120px;height: 68px;background: #aaa;}
.placeholder-120x89{width: 120px;height: 89px;}
.placeholder-100x76{background: gray;width: 100px;height: 76px;}
.placeholder-fullx100{background: gray;width: 100%;height: 100px;}

/* ***** debug ***** */

/*  remove/add a space between this asterisk and slash to toggle --> * /

a[href='#']
{
	color: lime !important;
	font-weight: bold !important;
}
/* */

.helpDisplay { z-index: 1000; position: absolute; }
.helpDisplay img { display:block; }
.helpDisplay a.button-large { display:block; width: 80px; float:right; }

.compareOccupations {padding: 20px;}
.compareOccupations table {width: 100%;}
.compareOccupations tr {border-bottom: 1px solid #DDDDDD;}
.compareOccupations tr:first-child {border-top: 2px solid;}
.compareOccupations td:first-child {font-weight: bold;}
.compareOccupations td {width: 33.3%;padding: 12px;}
.compareOccupations td:not(:last-child) {border-right: 1px solid #DDDDDD;}
.compareOccupations > h3 {margin-top: 35px;padding-left: 12px;}
.compareOccupations > h2 {background: none repeat scroll 0 0 #EEEEEE;margin-bottom: 0;padding: 10px 0 12px 10px;}
.compareOccupations .skillOverlap {border-top: 2px solid;padding: 10px 0 0 12px;}
.compareOccupations .thead {border-top: 2px solid #000 !important;border-bottom: 2px solid #000 !important;}
.compareOccupations .tfoot, .compareOccupations .tfoot td {border: 0px solid #DDDDDD !important;padding:0;margin:0;}
.careersContainer .careersNote {
    margin-bottom: 20px;
}
.resumeButtonsAndNote > div {
    padding: 0 0 5px 10px;
}
.listResumesCtrl .privateResumesOnlyMessage {
    background-color: #FFFED9;
    border: 1px solid #FFFB00;
    margin-bottom: 10px;
    padding: 5px 15px;
    margin-top: 15px;
}
.skillsYouNeed {
    margin-bottom: 10px;
}
#viewSampleResume { margin: 10px 0 20px;}
.resumeSidebar .innerContainer {width: 180px;}

#sampleCoverLettersHeading {
    margin-top: 22px;
}
#sampleFollowUpHeading {
    margin-top: 16px;
}
#followUpLettersGoButton, #coverLettersGoButton {
    float: right;
    margin: -4px 30px 0 0;
}
#myDocumentsSidebar {
    margin-top: 57px;
}
#coverLettersBody select {
    width: 180px;
}
.interestProfilerHeader
{
    padding: 6px 6px 0;
}

.WhiteBackground
{
    background-color: #FFF;
}

#listResumesButtonsBoxes {width:100%;display:flex;justify-content:space-between;}

#listResumesButtonsBoxes .resumeButtonsBox {
    background: none repeat scroll 0 0 #EEEEEE;
    display: inline-block;
    padding: 15px;
    width: 30%;
}

#viewResumesFormat .resumeBox {
    background: none repeat scroll 0 0 #EEEEEE;
    display: inline-block;
    padding: 28px;
    width: 994px;
    height: 800px;
    min-height: 150px;
    margin-top: 20px;
}

#viewResumesFormat .resumeFrame {
    width: 100%;
    height: 95%;
    background-color: white;
}

#viewResumesSampleBoxes .resumeButtonsBox {
    background: none repeat scroll 0 0 #EEEEEE;
    display: inline-block;
    padding: 28px;
    width: 100%;
}

#viewResumesSampleCTA {
    display: inline-block;
    width: 100%;
    margin-top:15px;
}

#listResumesButtonsBoxes .resumeButtonsBox > p {
    padding-bottom: 10px;
}

#uploadResume.resumeButtonsBox {
    left: 258px;
}
.inlineBlock {
    display: inline-block;
}
#resumesOrCircle > img { margin: 0 10px 23px; }
.resumesGrayBox { padding: 7px 14px; background: #EEEEEE; }

#resumesCount {margin: 5px 0 32px;}
.ResumeHeaderRow {padding: 7px 14px;}
.listResumesDataRow > td {padding: 14px 0 14px 15px;}

#noResumesHorizontalLine {margin: 4px 0 14px;}

tr.ControlHeaderDiv {font-weight: bold;}
tr.ControlHeaderDiv th {text-align:left;}
.bold { font-weight: bold; }


.resumeRatingGraphLeft { position: relative; 
                         background:  url(https://securemedia.newjobs.com/id/mgs/rating_graph_left.png) no-repeat 0 0; 
                         width: 138px; height: 146px; border: none;  cursor: pointer;display:block;font-size:0;line-height:0; }
.placeholder-gray-graph 
{
    position: absolute;
    background-color:#7B9C90;
    width: 70px;
    height: 59px;
    left: 50px;
    bottom: 61px; 
}
.ratingTipsSectionHeader 
{
    font-size: 12px; 
    font-weight:bold; 
}
.ratingTipsWrapper
{ 
    padding-top: 10px;
    padding-bottom: 10px;
}

.resumeMainContent{width:364px; float: left; padding: 0 42px 0 0;}
.resumeRatingScore{font-size:16px; text-align:center; margin: 5px 0 5px 0;}
.resumeGradeBox{color: #333333; font-size: 168px; font-weight: 700; line-height: 168px; text-align: center;}
.resumeboxleft{float: left; width: 50%;}
.resumeGraphBox{font-weight:bold; font-size:13px; margin-left: auto;  margin-right: auto; text-align:center;}
.resumeDetailBoxLine{font-size:16px; padding:0 0 14px 0;  border-bottom-style:dotted; border-bottom-color:#999999;}
.resumeDetailBoxLine2{font-size:16px; padding:14px 0 14px 0;  border-bottom-style:dotted; border-bottom-color:#999999;}
.resumeDetailBox{font-size:16px; padding:14px 0 14px 0;}
.resumeboxright{width:364px; float: left; min-height:420px;}
.resumeTipHeader{font-size:16px;  margin: 5px 0 5px 0;}
.resumePadding{padding-left:30px; padding-bottom:25px;}
.resumePaddingBottom{padding-bottom:70px;}
.resumeMoreTips{font-size:16px; font-weight:bold; }
.resumeBoxLeftDetails{float: left; width: 140px;}

.military-info-div {width:100%}
.military-info-div .military-info-left-col {width:170px; display: inline-block; vertical-align:top;}
.military-info-div .military-info-right-col {display: inline-block; vertical-align:top;}

#avatarBirdSidebarListResumesTop,
.avatarBirdSidebarListResumesTop {
    background: url("https://securemedia.newjobs.com/id/mgs/8836/box-avatar-top.png") no-repeat scroll 0 0 transparent;
    width: 210px;
    height: 31px;
}
#avatarBirdSidebarListResumesMain,
.avatarBirdSidebarListResumesMain 
{
    background: transparent url(https://securemedia.newjobs.com/id/mgs/6914/sidebar/static-note-content.png) repeat-y;
    width: 210px;
    /*height: 230px;*/
    padding: 0 23px 100px 23px;
}
#avatarBirdSidebarListResumesMain2,
.avatarBirdSidebarListResumesMain2 
{
    background: url("https://securemedia.newjobs.com/id/mgs/8836/box-avatar-main2.png") no-repeat scroll left bottom transparent;
    width: 210px;
    /*height: 230px;*/
    padding: 0 14px 100px 14px;
    position:relative;
}
#avatarBirdSidebarListResumesMain3,
.avatarBirdSidebarListResumesMain3 
{
    background: url("https://securemedia.newjobs.com/id/mgs/8836/box-avatar-main2.png") no-repeat scroll left bottom transparent;
    width: 210px;
    /*height: 230px;*/
    padding: 0 18px 80px 18px;
    position:relative;
}
#avatarBirdSidebarListResumesMain4,
.avatarBirdSidebarListResumesMain4 
{
    background: url("https://securemedia.newjobs.com/id/mgs/8836/box-avatar-main2.png") no-repeat scroll left bottom transparent;
    width: 210px;
    /*height: 230px;*/
    padding: 0 25px 80px 18px;
    position:relative;
}
.avatarBirdSidebarListResumesMain2  .chuckCapAndGown, .avatarBirdSidebarListResumesMain3  .chuckCapAndGown, .avatarBirdSidebarListResumesMain4  .chuckCapAndGown 
{
    position:absolute;
    right:5px;
    bottom:0;    
}

#avatarBirdSidebarRegionArticle
{
    background: url("https://securemedia.newjobs.com/id/MGS/6914/main/box-avatar-main.png") no-repeat scroll 0 -740px transparent;
    width: 210px;
    height: 230px;
    padding: 0 23px;
}
#workKeysPageButtons > table {
    display: inline-block;
}
#workKeysPageButtons > a {
    margin: 3px auto auto 10px;
    position: absolute;
    text-decoration: none;
}
#brightOutlookPopup .ui-dialog-titlebar-close {
    position: absolute;
    right: 5px;
    top: 5px;
}

.AccountEditLink {
padding-top: 4px;
text-align: right;
padding-right: 7px;
font-weight:normal; 
}
#saveToBackPack {
    margin-top: 18px;
}


.border-left {
	border-left: solid 1px #ccc;
}

.border-right {
	border-right: solid 1px #ccc;
}

.border-join-left {
	margin-left: -1px;
}

/*padding containers*/

.container-padding-left {
	padding-left: 30px;
}

.container-padding-right {
	padding-right: 30px;
}

.container-padding-right-10 {
	padding-right: 10px;
}


.container-padding-left-right {
	padding-left: 30px;
	padding-right: 30px;
}

.container-padding-top {
	padding-top: 15px;
}

.container-padding-top-3 {
	padding-top: 3px;
}


.container-padding-top-10 {
	padding-top: 10px;
}

.container-padding-top-14 {
	padding-top: 14px;
}

.container-padding-top-20 {
	padding-top: 20px;
}

.container-padding-top-24 {
	padding-top: 24px;
}

.container-padding-top-25 {
	padding-top: 25px;
}

.container-padding-top-30 {
	padding-top: 30px;
}

.container-padding-bottom {
	padding-bottom: 15px;
}

.container-padding-bottom-20 {
	padding-bottom: 20px;
}

.container-padding-bottom-25 {
	padding-bottom: 25px;
}

.container-padding-bottom-30 {
	padding-bottom: 30px;
}


/*margin containers*/

.container-margin-top-12 {
	margin-top:12px;
}

.container-margin-bottom-12 {
	margin-bottom:12px;
}

.container-margin-top-24 {
	margin-top: 24px;
}

.container-margin-bottom-5 {
	margin-bottom: 5px;
}


.container-margin-bottom-15 {
	margin-bottom: 15px;
}


.container-margin-bottom-30 {
	margin-bottom: 30px;
}




.vspacer {
	margin: 30px 0;
	height:1px;
	font-size:0;
	line-height:0;
	overflow:hidden;
}

.env-10 {padding:10px;}
.env-15 {padding:15px;}

.no-margin {margin:0;}

.col2 {width:600px;} 

.mh40 {min-height:40px}
.mh80 {min-height:80px}
.mh100 {min-height:100px}
.mh120 {min-height:120px}

.w25 {width:25px;} 
.w50 {width:50px;}
.w70 {width:70px;}
.w100 {width:100px;}
.w120 {width:120px;}
.w130 {width:130px;}
.w150 {width:150px;}
.w200 {width:200px;}
.w300 {width:300px;}
.w350 {width:350px;}
.w380 {width:380px;}
.w400 {width:400px;}
.w475 {width:475px;}
.w600 {width:600px;}
.w680 {width:680px;}

.w-1-from-2 {width:50%;}
.w-1-from-5 {width:20%;}
.w-2-from-5 {width:40%;}
.w-3-from-5 {width:60%;}
.w-4-from-5 {width:80%;}

.w-1-from-10 {width:10%;}
.w-9-from-20 {width:45%;}

.left-align {text-align:left;}
.right-align {text-align:right;}

.to-left-20 {left:-20px;}

.minimini {width:1px; height:1px; overflow:hidden; font-size:0px; line-height:0px;}

.pnlErrors { margin-bottom: 20px; }

@media screen and (max-width:500px){
	.sidebar{position:relative; width:auto;}
}

.horizontal-line {border-top:1px solid #CCCCCC; line-height:0; font-size:0; overflow:hidden; height:1px;}

@media only screen and (max-width: 1024px) { 
	#rootHomeFooterSection { display: inline-block;width: 100%;}
}

#rootHomeFooterSection footer.page-footer
{
    border-top: 1px solid #CCCCCC;
    margin-top: 15px;
}
.livechat
{
    width:-moz-max-content; 
    margin-left:auto; 
    margin-right:auto; 
    display:inline-block;
    height: 13px;
}

/* ***** IGE STYLES***** */

.page-header2 {
    position: relative;
    height: 115px;
    min-width:320px;
    padding-top: 0px;
    background: url("https://securemedia.newjobs.com/id/mgs/6914/ige/body-background-top-banner2.png") repeat scroll center top transparent;
    border-bottom: 1px solid #CCCCCC;
}

.page-header3 {
    position: relative;
    height: 115px;
    padding-top: 0px;
  
}

.TitleBarContainerNote {
    display:inline;
}

.TopBannerText {
    color: rgb(0, 0, 0);
    font-size: 13px;
    line-height: 5px;
    padding: 12px 0px 0px 0px;
    line-height: 15px;
}

.BannerTextTitle {
    font-size: 16px;
    font-weight:bold;
    padding:0 30px;
}

   
.BannerText {
    color: rgb(0, 0, 0);
    font-size: 13px;
    /*line-height: 2px;*/
    padding: 5px 30px 5px 30px;   
    width:60%;
}

.BannerTextButton {
    float:right; padding-right:10px;margin-left:15px;
}

.TitleBarText {
    background-color:#B81F39;
    padding-bottom:2px;
    font-size:11px;
    color:#ffffff;
    padding: 5px 22px 5px 30px;
}

.TitleBarContainer {
    margin:0 auto; 
    width:100%;
}

.ExitBanner {
    float:right; 
    padding-right:20px; 
    font-size:12px; 
    color:#ffffff; 
    text-decoration:none; 
    font-weight:bold;
}

.NotePadding {
    padding-left:22px; 
    font-size:11px; 
    color:#ffffff; 
    text-decoration:none; 
}

.IGEMainContainter {
    margin: 0 0 0 0px; 
    padding: 60px 0 0 15px;
}

.IGEbg { 
    position: relative; 
    width:994px;
    height: 510px;
    background: transparent  url("https://securemedia.newjobs.com/id/mgs/6914/ige/IGEbg.png") center top no-repeat !important;
    margin: 0 auto;    
}

.IGEbg { 
    position: relative; 
    width:994px;
    height: 510px;
    background: transparent  url("https://securemedia.newjobs.com/id/mgs/6914/ige/IGEbg.png") center top no-repeat !important;
    margin: 0 auto;    
}

.IGEbg2 { 
    position: relative; 
    width:994px;
    height: 510px;
    background: transparent  url("https://securemedia.newjobs.com/id/mgs/6914/ige/IGEbg4.png") center top no-repeat !important;
    margin: 0 auto;    
}

.IGEPageAvatar 
{
    float: right;
    margin-top: -30px;
    padding-left: 20px;
}

.IGEContent {
    padding: 0 40px 20px 20px; 
    width: 300px; 
    float: left; 
}

.IGERightContent  {
    padding: 0px 40px 150px 30px; 
    width: 775px; 
    float: left;
    border-left: 1px solid #ccc;
}

.igelist {  
    list-style: none;
    margin: 0;
    padding-left: 5px;
    font-size:14px;
}

.igelist li {  
    background-repeat: no-repeat;
    padding: 10px 0 10px 35px;
    text-decoration:none;
    background-position:left center;
}

li.ige1 {background-image: url(https://securemedia.newjobs.com/id/mgs/6914/ige/1.png); border-bottom:1px solid #ccc;}
li.ige2 {background-image: url(https://securemedia.newjobs.com/id/mgs/6914/ige/2.png); border-bottom:1px solid #ccc;}
li.ige3 {background-image: url(https://securemedia.newjobs.com/id/mgs/6914/ige/3.png); border-bottom:1px solid #ccc;}
li.ige4 {background-image: url(https://securemedia.newjobs.com/id/mgs/6914/ige/4.png); border-bottom:1px solid #ccc;}
li.ige5 {background-image: url(https://securemedia.newjobs.com/id/mgs/6914/ige/5.png); border-bottom:1px solid #ccc;}
li.ige6 {background-image: url(https://securemedia.newjobs.com/id/mgs/6914/ige/6.png); border-bottom:1px solid #ccc;}
li.ige7 {background-image: url(https://securemedia.newjobs.com/id/mgs/6914/ige/7.png);}
li.ige8 {background-image: url(https://securemedia.newjobs.com/id/mgs/6914/ige/8.png); border-top:1px solid #ccc;}

.igelanding {
    width:200px;
    padding: 0px 25px 0px 0px; 
    float:left;
}

.igelandingMiddle {

    width:70%;
    float:left; 
    padding-left:85px;
    padding-top:100px; 
    font-size:15px;
}

.igeTitle {
    font-size:25px;

}

.igeMain {
    line-height:20px;
}

.hrIGE {

    height: 1px;
    border: 0; 
    border-top: 1px solid #ccc;
    float:right;
    width:160px;
}

.igeStrike {
    text-decoration: line-through;
}

.IGEtopMargin {
    margin-top:18px;
}

.IGEPage1Chuck {
    /* background-image: url(https://securemedia.newjobs.com/id/mgs/6914/ige/Chuck_front.png); */
    background-repeat: no-repeat;
    width: 204px;
    height: 349px;
    min-width: 204px;
    min-height: 349px;
}

.IGEChuck {
    background-image: url(https://securemedia.newjobs.com/id/mgs/6914/SignInChuck2.png);
    background-repeat: no-repeat;
    width: 204px;
    height: 349px;
    min-width: 204px;
    min-height: 349px;
}

.IGEChuckNew {
    width: 204px;
    height: 349px;
    min-width: 204px;
    min-height: 349px;
}
.IGEChuckNew img {
    /*height: 349px;*/
}

.halfs-env {padding: 70px 0 30px;}
.halfs-env-guidepost {padding: 0px 0 100px;}

.inline-block {display:inline-block;}

#viewsRowCell {
    padding-left: 39px;
}
.listResumesCtrl .ResumeHeaderRow, .listResumesCtrl #resumesCount  {
    border-top: 1px solid #C0C0C0;
    margin-top:20px;
}
.listResumesCtrl .listResumesDataRow.first, .listResumesCtrl .listResumesDataRow.other{
    border-bottom: 1px solid #C0C0C0;
}
.ResumeHeaderRow.title {
    width: 287px;
}
.ResumeHeaderRow.rating {
    width: 93px;
}
.ResumeHeaderRow.status {
    width: 121px;
}
.ResumeHeaderRow.totalViews {
    width: 106px;
}

/* Guided Tour New */

.gtHeader {position: relative;width:auto;max-width: 994px;height: 250px;margin:0 auto 60px auto;background-image: linear-gradient(#fff, #f1f5f8);}
.gtHeaderChuck {position:absolute;right:4%;bottom:-5px;height:220px;}
.gtHeaderText {width:calc(40% + 180px);position:absolute;left:calc(40% - 180px);top:155px;text-align:center;}

.gtTitleContainer {width:100%;height:110px;}
.gtTitleMain {height:80px;width:40%;background:#df2544;position:relative;top:30px;left:calc(40% - 90px);color:white;font-size:42px;font-weight:normal;text-align:center;line-height:80px;text-transform:uppercase;font-family:Arial, sans-serif;}
.gtTitleMain:before {content:'';height:80px;width:50px;background:#b81f39;display:block;position:absolute;top:30px;left:-50px;}
.gtTitleMain:after {content:'';height:80px;width:50px;background:#b81f39;display:block;position:absolute;top:30px;right:-50px;}

.gtTitleMain .gtBoxBottomBefore:before {content:'';height:0px;width:0px;border-bottom: 30px solid #b81f39;border-right:30px solid transparent;display:block;position:absolute;bottom:-30px;left:0px;}
.gtTitleMain .gtBoxBottomBefore:after {content:'';height:0px;width:0px;border-top: 30px solid #700017;border-left:30px solid transparent;display:block;position:absolute;bottom:-30px;left:0px;}

.gtTitleMain .gtBoxBottomAfter:before {content:'';height:0px;width:0px;border-bottom: 30px solid #b81f39;border-left:30px solid transparent;display:block;position:absolute;bottom:-30px;right:0px;}
.gtTitleMain .gtBoxBottomAfter:after {content:'';height:0px;width:0px;border-top: 30px solid #700017;border-right:30px solid transparent;display:block;position:absolute;bottom:-30px;right:0px;}

.gtTitleMain .gtBoxBefore:before {content:'';height:0px;width:0px;border-right: 40px solid #b81f39;border-bottom:40px solid transparent;display:block;position:absolute;top:30px;left:-90px;}
.gtTitleMain .gtBoxBefore:after {content:'';height:0px;width:0px;border-bottom: 40px solid #b81f39;border-left:40px solid transparent;display:block;position:absolute;bottom:-30px;left:-90px;}

.gtTitleMain .gtBoxAfter:before {content:'';height:0px;width:0px;border-left: 40px solid #b81f39;border-bottom:40px solid transparent;display:block;position:absolute;top:30px;right:-90px;}
.gtTitleMain .gtBoxAfter:after {content:'';height:0px;width:0px;border-bottom: 40px solid #b81f39;border-right:40px solid transparent;display:block;position:absolute;bottom:-30px;right:-90px;}

.gtBody {position: relative;width:auto;max-width: 994px;min-height: 250px;height:auto;margin:30px auto 0 auto;padding:0 5px;display:flex;flex-flow:row wrap;}
.gtBodyBox {width:33%;float:left;padding-right:15px;margin-bottom:70px;}

.gtBodyBoxLeftCol {float:left;width:35px;text-align:center;}
.gtBodyBoxRightCol {float:left;width:calc(100% - 35px);}

.gtBodyBoxLeftCol .gtNum {background:#8ca8c6;color:white;font-weight:bold;font-size:15px;width:25px;border-radius: 13px;line-height:25px;}
.gtBodyBoxRightCol .gtBodyTitle a {font-weight:bold;margin-top:3px;margin-bottom:15px;display:inline-block;font-size:16px;}
.gtBodyBoxRightCol .gtBodyText a {font-weight:bold;margin-bottom:15px;}
.gtBodyBoxRightCol .gtBodyTextLink a {font-weight:bold;margin-top:10px;margin-bottom:0px;display:inline-block;font-size:13px;}
.gtBodyBoxRightCol .gtBodyChart {width:100%;height:10px;border-radius:5px;background-color:#eee;margin-top:10px;}
.gtBodyBoxRightCol .gtBodyChart .gtBodyChartActive {width:auto;min-width:10px;height:100%;border-radius:5px;background:#8ca8c6;overflow:hidden;}
.gtBodyBoxRightCol .gtBodyPercentageRow {margin-top:15px;line-height:18px;}
.gtBodyBoxRightCol .gtBodyPercentageRowTitle {float:left;width:calc(100% - 40px);}
.gtBodyBoxRightCol .gtBodyPercentageRowTitleIcon {height:18px;float:left;margin-right:8px;}
.gtBodyBoxRightCol .gtBodyPercentage {float:right;width:40px;font-weight:bold;text-align:right;}
.gtHeaderLinkChuck {line-height:46px;position:absolute;top:0;right:0;display:none;}
.gtHeaderLinkChuck img {float:right;padding-left:5px;}
.gtPrint {display:block !important;position:absolute;top:10px;right:10px;}

@font-face{font-family:"Glyphicons Halflings";src:url(https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/fonts/glyphicons-halflings-regular.eot);src:url(https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/fonts/glyphicons-halflings-regular.eot?#iefix) format("embedded-opentype"),url(https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/fonts/glyphicons-halflings-regular.woff2) format("woff2"),url(https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/fonts/glyphicons-halflings-regular.woff) format("woff"),url(https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/fonts/glyphicons-halflings-regular.ttf) format("truetype"),url(https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format("svg")}
.gtNum .glyphicon {position:relative;top:2px;left:1px;display:inline-block;font-family:"Glyphicons Halflings";font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.gtNum .glyphicon-star:before {content:"\e006";}
.gtNum .glyphicon-ok::before {content: "\e013";}
.gtNum .glyphicon.glyphicon-ok {left:-1px !important;}



/*.gtBodyBox {width:33%;float:left;}*/


/*.resumeRowContainer {border:1px solid #ccc;padding:15px 15px;border-radius:3px;display:flex;flex-flow:row wrap;flex-direction:row;margin-top:20px;position:relative;}
.resume-cellContainer {font-size:11px;line-height:15px;color:#333;padding:15px;display:flex;flex-flow:column;align-content:center;}
.resume-cell-container.resume-flex-row {display:grid;justify-items:center;}
.resume-cell-container.resume-flex-row-container {flex-flow:row wrap;justify-content: flex-end;align-items:center;}
.resume-cell {text-align:right;display:inline-block;font-size:13px;margin-left:25px;cursor:pointer;}
.resume-heading {font-size:15px;color:black;margin-bottom:5px;text-transform:uppercase;line-height:22px;}
.resume-rating {font-size:20px;font-weight:bold;}
.lnk-rate {font-size:11px;font-weight:normal;}
.resume-right {text-align:right;}*/

.customPopup {display:block;border:3px solid #ccc;border-radius:3px;width:300px;padding:15px;position:absolute;background:white;z-index:999;}
#customPopupBg {background: #aaa;position: fixed;width: 100vw;height: 100vh;left: 0;top: 0;z-index: 99;opacity: 0.3;}
.customPopupHeader {border-bottom:2px solid #ccc;padding-bottom:10px;margin-bottom:15px;font-size:18px;}
.customPopupHeaderTitle .small {font-size:11px;}
.customPopupClose {position:absolute;right:15px;top:12px;font-size:19px;text-decoration:none;z-index:2}
.customPopupLoading {position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: white;vertical-align: middle;display:none;z-index:1}
#customPopup.loading .customPopupLoading {display:block;}
.customPopupButtons {padding-top:10px;margin-top:15px;border-top:2px solid #ccc;}
a:hover.customPopupClose {text-decoration:none;}

.checkmarkImgCenter {
    background-image: url("https://securemedia.newjobs.com/global/mgs-ohio/img/checkmark.gif");
    width: 200px;
    height: 200px;
    margin-left: auto;
    margin-right: auto;
}
.spinnerTextCenter {text-align: center;color: #3d7aa9;}

#customPopupCheckMark {display:block;width:300px;height:130px;margin:70px auto 30px auto;position:relative;left:0px;display:none;}

.spinnerImgCenter {
    margin: 80px auto 40px auto;
    position: relative;
    height: 130px;
    width: 130px;
}

.spinnerImgCenter div {
    width: 100%;
    height: 100%;
    position: absolute;
}

.spinnerImgCenter div:before {
    width: 26px;
    height: 26px;
    content: "";
    display: block;
    margin: 0 auto;
    border-radius: 50%;
    background-color: #3d7aa9;
}

.spinnerImgCenter div:nth-child(1) {
    animation: spinnerImgCenter_move_1 1.2s infinite linear;
}

.spinnerImgCenter div:nth-child(2) {
    transform: rotate(45deg);
    opacity: 0.12;
    animation: spinnerImgCenter_move_2 1.2s infinite linear;
}

.spinnerImgCenter div:nth-child(3) {
    transform: rotate(90deg);
    opacity: 0.25;
    animation: spinnerImgCenter_move_3 1.2s infinite linear;
}

.spinnerImgCenter div:nth-child(4) {
    transform: rotate(135deg);
    opacity: 0.37;
    animation: spinnerImgCenter_move_4 1.2s infinite linear;
}

.spinnerImgCenter div:nth-child(5) {
    transform: rotate(180deg);
    opacity: 0.50;
    animation: spinnerImgCenter_move_5 1.2s infinite linear;
}

.spinnerImgCenter div:nth-child(6) {
    transform: rotate(225deg);
    opacity: 0.62;
    animation: spinnerImgCenter_move_6 1.2s infinite linear;
}

.spinnerImgCenter div:nth-child(7) {
    transform: rotate(270deg);
    opacity: 0.75;
    animation: spinnerImgCenter_move_7 1.2s infinite linear;
}

.spinnerImgCenter div:nth-child(8) {
    transform: rotate(315deg);
    opacity: 0.87;
    animation: spinnerImgCenter_move_8 1.2s infinite linear;
}

  @keyframes spinnerImgCenter_move_1 {
    0% {opacity: 0;}
    0% {opacity: 0;}
    12.5% {opacity: 1;}
    100% {opacity: 0;}}

  @keyframes spinnerImgCenter_move_2 {
    0% {opacity: 12.5;}
    12.5% {opacity: 0;}
    25% {opacity: 1;}
    100% {opacity: 12.5;}}

  @keyframes spinnerImgCenter_move_3 {
    0% {opacity: 25;}
    25% {opacity: 0;}
    37.5% {opacity: 1;}
    100% {opacity: 25;}}

  @keyframes spinnerImgCenter_move_4 {
    0% {opacity: 37.5;}
    37.5% {opacity: 0;}
    50% {opacity: 1;}
    100% {opacity: 37.5;}}

  @keyframes spinnerImgCenter_move_5 {
    0% {opacity: 50;}
    50% {opacity: 0;}
    62.5% {opacity: 1;}
    100% {opacity: 50;}}

  @keyframes spinnerImgCenter_move_6 {
    0% {opacity: 62.5;}
    62.5% {opacity: 0;}
    75% {opacity: 1;}
    100% {opacity: 62.5;}}

  @keyframes spinnerImgCenter_move_7 {
    0% {opacity: 75;}
    75% {opacity: 0;}
    87.5% {opacity: 1;}
    100% {opacity: 75;}}

  @keyframes spinnerImgCenter_move_8 {
    0% {opacity: 87.5;}
    87.5% {opacity: 0;}
    100% {opacity: 1;}
    100% {opacity: 87.5;}}

#customPopup .svg {
    display: block;
    width: 100px;
    margin: 8rem auto;
}

#customPopup .svg .check {
    stroke: #cc181e; /*red*/
    stroke: #387ea9; /*blue*/
    fill: none;
    stroke-width: 12;
    stroke-dasharray: 400;
    stroke-dashoffset: 400;
    animation: check .75s linear forwards;
}

@keyframes check {
    0% {
        stroke-dashoffset: -400;
    }

    100% {
        stroke-dashoffset: 0;
    }
}

.customPopupHiddenContent {display:none;}
.statusRadioBtns {margin-top:15px;}
.statusRadioChbxContainer {margin-top:5px;margin-left:21px;}
.statusRadioChbx {float:left;width:20px;}
.statusRadioChbxText {float:left;width: calc(100% - 25px);}
.statusRadioContainer {margin-top:0px;margin-left:0px;}
.statusRadio {float:left;width:20px;}
.statusRadioText {float:left;width: calc(100% - 25px);}
.resumeWhich {margin-top:5px;margin-left:17px;}
.statusCancelButton, .statusNextButton {width:49%;text-align:center;}
.statusCancelButton {float:left;}
.statusNextButton {float:right;}
.statusButtons {margin-top:25px;}
.chbxPlaceholder {margin:15px 0;}

/* Make Header Sticky */
#header_container {
    position: fixed;
    width: 100%;
    z-index: 100;
}
#header{width:100%;  }

.linked-in {
    background-image: url("https://securemedia.newjobs.com/id/mgs/6914/linked-in.png");
    display: inline-block;
    height: 15px;
    width: 15px;
}
 
/* Account Edit Clean-Up */

.accountLeft {
    float: left;
    padding: 0 25px 0 0;
    width: 200px;
}

.accountRight {
    float: left;
    padding: 0 40px 150px 30px;
    width: 430px;
}

.companycol1{
    float: left;
    width: 40%;    
    padding: 10px 5px;  
}

.companycol2{
    float: left;
    width: 15%;
     padding: 10px 5px;    
}

.companycol3{
    float: left;
    width: 15%;
    padding: 10px 5px;    
}
.companycol4{
    float: left;
    width: 15%;
     padding: 10px 5px;   
}
.companycol5{
    float: left;
    width: 15%;
     padding: 10px 5px;
}

.companycol8 {
    float: left;
    width: 30%;
    padding: 10px 5px;
}

.companycol1j{
    float: left;
    width: 55%;
     padding: 10px 5px;
}

.companycol2j{
    float: left;
    width: 15%;
     padding: 10px 5px;
}

.companycol3j{
    float: left;
    width: 15%;
     padding: 10px 5px;
}

.companycol4j{
    float: left;
    width: 15%;
     padding: 10px 5px;
}

.companycol7 {
    float: left;
    width: 70%;
    padding: 10px 5px;
}

.companycol2w {
    float: left;
    width: 20%;
    padding: 10px 5px;
}

.companycol6 {
    float: left;
    width: 60%;
    padding: 10px 5px;
}

.companyrow1{
    overflow: hidden;  /* "overflow: auto;" works just as well instead */
    width:100%;        /* Helps older versions of IE */
    vertical-align: top;  
}

.companyrow2{
    overflow: hidden;  /* "overflow: auto;" works just as well instead */
    width:100%;        /* Helps older versions of IE */
    vertical-align: top;
}

.companylast{
    clear: left;
}

.company table{
    margin-bottom: 0.35em;
}

.otwJobTable{
    padding: 5px;
    text-align: left;
    margin-top: 0 !important;
 }

 .greybg{
    background-color: #EEEEEE;
    height:40px;
    width:100%;
    padding: 3px;
}

.bottomborder{
    border-bottom:1px solid #EEEEEE;
    clear: left;
}

.backToEventsContainer {
    margin-top: 10px;
}

.workshopRegistrationNote {
    border-left: 2px solid #FF0000;
    margin: 10px 0;
    padding-left: 5px;
}

.occupationsbutton {font-size:13px; font-weight:bold}
.occupationscheckbox {width:20px; float:left; padding-top:2px;}
.occupationscheckbox2 {width:91px; float:left;}


.detailsEventMain .cancel-workshop-registration-button {
    margin-top: 25px;
}

.careerCoachIconBox {display: none;}

.inDemandCareersSideBar .careerCoachIconBox,
.originalRightSidebar .careerCoachIconBox,
.careerPlanSideBar .careerCoachIconBox {text-align:center;}
.inDemandCareersSideBar .careerCoachIconBox img,
.originalRightSidebar .careerCoachIconBox img,
.careerPlanSideBar .careerCoachIconBox img {height:300px;margin:auto;}

.originalRightSidebar .careerCoachIconBox {margin-top:30px;display: block;}

.budgetCalcContent #industry-search {
    margin-top: 0px;
    width:350px;
    max-width: 100%;
}

.channels_eomjmy_fundit_home .budgetCalcContent #industry-search {
    margin-top: 0;
}

.budgetCalcContent .occupationSearchContainer {
    max-width: 100%;
    float: left;
}

.budgetCalcContent .occupationSearchContainer + div {
    float: left;
    margin-left: 70px;
    margin-top: 30px;
    width: 250px;
}

.budgetCalcContent .occupationSearchContainer + div.jobsBox {
    margin-top: 0px;
}

.budgetCalcContent .occupationSearchContainer .messageWraper {
   width:350px; 
}

.budgetCalcContent .jobsBox .messageWraper {
   width:250px; 
}

.budgetCalcContent .careerCoachIconBox {
   float: left;
   margin-top: 30px; 
   width: 100%;
   text-align:center;
}

.budgetCalcContent .careerCoachIconBox img {
   height:230px;
}

.viewResumePage .careerCoachIconBox, .viewUploadedResumePage .careerCoachIconBox {
   float: right;
   margin-top: 0px; 
   width: 40%;
   text-align:center;
}

.viewResumePage .careerCoachIconBox img, .viewUploadedResumePage .careerCoachIconBox img {
   height:120px;
}

.viewResumeButtonContainer {margin:0px 0;float:left;}
.viewResumeButtons {float:left;margin-right:15px;}
.viewUploadedResumePage p, .viewResumePage p {margin:15px 0;}


.budgetCalcContent .messageWraper {margin-top:15px;}

.budgetCalcContent .target-salary.home {text-align:right;}

.budgetCalcContent .occupationSearchContainer + div a {
    margin-top: 10px;
}

.saved-schools .programName {
    margin-left: 17px;
}
.saved-schools .savedSchoolLink {
    font-size: 14px;
}
.button-large.buttonBelowText {
    margin-top: 15px;
}
.box-content.saveBackpackResults {
    width: 200px;
}
.detailsEventMain .eventInPast {
    color: #808080;
    font-style: italic;
    margin-top: 26px;
}

.pointer {
    cursor: pointer;
}

#avatarBirdSidebarCareerPathwayTop,
.avatarBirdSidebarCareerPathwayTop {
    background: url("https://securemedia.newjobs.com/id/MGS/6914/main/box-avatar-top.png") no-repeat scroll 0 0 transparent;
    width: 210px;
    height: 31px;
}
#avatarBirdSidebarCareerPathwayMain,
.avatarBirdSidebarCareerPathwayMain 
{
    background: url("https://securemedia.newjobs.com/id/mgs/8836/box-avatar-main2.png") no-repeat scroll left bottom transparent;
    width: 210px;
    /*height: 230px;*/
    padding: 0 23px 50px 23px;
    position:relative;
}
.avatarBirdSidebarCareerPathwayMain .avatar-note {
    padding-right: 40px;
}
.avatarBirdSidebarCareerPathwayMain .chuckCapAndGown 
{
    position:absolute;
    right:5px;
    bottom:0;    
}
.careerPlan.careerClusterResultsTable {
    font-size: 10px;
    text-align: left;
}
.careerPlan.careerClusterResultsTable .resultsGraphColor {
    height: 10px;
    width: 125px;
}
.select-occupation .qmPosition {
    display: inline;
    vertical-align: middle;
    cursor: pointer;
    position: relative;
}
.select-occupation label {
    line-height: 20px;
}
.select-occupation .label-row {
    padding-bottom: 3px;
}
.questionMarkContentHide {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 2px solid #000000;
    display: none;
    font-size: 11px;
    left: 18px;
    line-height: 15px;
    padding: 5px 15px;
    position: absolute;
    top: 12px;
    width: 300px;
    z-index: 100;
}
.questionMarkContent {
    display: block;
}
.questionMarkContentTitle {
    font-weight: bold;
    margin-bottom: 10px;
}
.guideToResearchingOccupations {
     margin: 30px 0 15px;
}
.sidebar.sidebarVarBar.originalRightSidebar .loginContainer {
    /*margin-top: 13px;*/
}
.hidden {
    visibility: hidden !important;
    display: none !important;
}

.outOfScreen {
    position:absolute;
    left: -3000px;
}

.siteIndexColumn {
	display: block;
	float: left;
	margin-right: 0px;
    width:100%;
}

.siteIndex h2 {margin-left:5px;}

.siteIndex a {
    text-decoration: none;
    color: #0d51ab;
}
.siteIndex {
    margin-bottom: 30px;
    font-size: 115%;
}
.siteIndex ul {
    list-style: none outside none;
}
.k-12-resources .siteIndex ul {
  margin-top:15px; 
}

.k-12-resources .siteIndex ul li {
  padding-bottom:10px; padding-top:10px; 
}

.skipContent {
    position: absolute;
}
.siteIndexHead {
    margin-top: 25px;
    margin-bottom: 30px;
}

.siteIndex.box {
    padding: 0 15px 15px 15px;
    border:0;
    border-right: solid 1px #ccc;
	width: 230px;
	margin-bottom: 15px;
    float:left;
}

.ui-autocomplete-category {
    font-weight: bold;
    padding: .2em .4em;
    margin: .4em 0 .2em;
    line-height: 1.5;
}

.siteIndex.box:first-of-type {
    padding-left: 0;
}

.siteIndex.box:last-of-type {
    border-right: 0;
}

.siteIndex.box li {
    border-bottom:1px dotted #ccc;
    padding:5px 5px;
}

.siteIndex.box ul { padding: 0; }

.siteIndexSearchInput {margin-top:15px;margin-bottom:25px;width:50%;}

#siteIndexContent .noresults {padding: 7px;font-style: italic;color: #aaa;}

#siteIndexContent .lastItem {border-bottom: 0 !important;}

.ourPartnersHead {
    margin-top: 25px;
    margin-bottom: 40px;
}

.skip {
	height: 1px;
	left: -10000px;
	overflow: hidden;
	position: absolute;
	width: 1px;
    display:none; /* temporary hidden */
}

/* Under Construction Page */

.underConstruction {padding:50px 15px 250px 15px;text-align:left;}

/* Search Scholoarship Page */

.validation-summary { margin-bottom: 10px; }

.scholar-search-criteria { display: table; border-collapse: collapse; width: 100%; }
.scholar-search-criteria .row { display: table-row; }
.scholar-search-criteria .cell { display: table-cell; }
.scholar-search-criteria label { font-weight: bold; }
.scholar-search-criteria .column2 { width: 250px; }
.scholar-search-criteria .column3 { padding-left: 30px; }
.scholar-search-criteria .row input[type=text]  { padding: 4px 3px; width: 90%; }
.scholar-search-criteria .row select { padding: 4px 0;  width: 90%; }
.scholar-search-criteria .DescError { margin-top: 5px; }
.scholar-search-criteria .short { width: 45px!important; }
.scholar-search-criteria .column1.lblRequiredContainer { padding-left: 10px; }
.scholar-search-criteria .lblRequired::before { content: "*"; color: #FF0000; vertical-align:middle; font-size:19px; position:absolute;}
.scholar-search-criteria .column1>.lblRequired::before { left: 0px; }
.scholar-search-criteria .column3>.lblRequired::before { left: 20px;}
.scholar-search-criteria .lblRequiredContainer { position: relative; }

.scholar-search-criteria-buttons { margin-top: 20px; }
.scholar-search-criteria-buttons a { margin-right: 10px; }

.scholar-search-results { display: table; border-collapse: collapse; width: 100%; }
.scholar-search-results .row { display: table-row; }
.scholar-search-results .heading { background-color: #eee; border-top: 1px solid #ccc; }
.scholar-search-results .heading span { font-size: 14px; color: #333333; font-weight: bold; }
.scholar-search-results .row .cell .row .cell { padding: 10px 0; }
.scholar-search-results .heading .cell .row .cell { padding: 6px 0; }
.scholar-search-results .heading .cell .row .column1 { padding-left: 5px; }
.scholar-search-results .cell { display: table-cell; }
.scholar-search-results .column1 { width: 370px; }
.scholar-search-results .column2 { width: 140px; }
.scholar-search-results .column3 { width: 100px; }
.scholar-search-results .column1 a.DescToggle { margin-left: 5px; display: inline-block; }
.scholar-search-results .entire-row { padding: 10px; position: relative; border-top: 1px solid #ccc; }
.scholar-search-results .description { margin-top: 10px; width: 80%; }
.scholar-search-results .entire-row .MainsearchButton { position: absolute; right: 10px; bottom: 30px; }
.scholar-search-results .alt-row { background-color: #eee; }
.scholar-search-results .mobile-only-header { display: none; }
.scholar-search-results .mobile-only-header span { font-size: 14px; color: #333333; font-weight: bold; }

.saved-scholarship-results { border-collapse: collapse; width: 100%; }
.saved-scholarship-filter ul { list-style-type: none; padding: 0; }
.saved-scholarship-results th { background-color: #eee; padding: 7px 14px; }
.saved-scholarship-results th div.outer { display: inline-block; background-image: url('https://securemedia.newjobs.com/id/MGS/6914/main/tsortasc.png'); background-repeat: no-repeat; background-position: center right; }
.saved-scholarship-results th.headerSortDown div.outer { background-image: url('https://securemedia.newjobs.com/id/MGS/6914/main/tsortdesc.png'); }
.saved-scholarship-results th div.inner { margin: 0 10px; }
.saved-scholarship-results tr.tablesorter-childRow .description { margin: 10px; margin-left: 0; }
.saved-scholarship-results td { text-align: center; padding: 5px 0; }
.saved-scholarship-results td:first-child { text-align: left; }
.saved-scholarship-results td ul { list-style-type: none; padding: 0; }
.saved-scholarship-results td ul li:first-child { display: none; }
.saved-scholarship-filter-mobileVersion { display: none; }
.saved-scholarship-filter-mobileVersion ul { list-style-type: none; padding: 0; }
.return-to-scholarship table { width: 100%; }

.MainsearchButton { background: linear-gradient(to bottom, #ecebeb 1%, #dbd8d8 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); border: 1px solid #bababa; border-radius: 5px; box-shadow: 0 1px rgba(255, 255, 255, 0.5) inset; color: #be374e; font-family: Arial,sans-serif; font-size: 13px; font-weight: bold; padding: 5px 14px; text-shadow: 1px 1px 1px #fff; text-transform: uppercase; }

.fntSearch {font-size: 14px; color: #333333;font-weight: bold;}
.fntSearch2 {font-size: 13px; color: #333333;}
.fntSearch3 {font-size: 13px; color: #0645AD; width:100px;}
.Search10 {padding-left:10px;}
.Search20 {padding-left:20px;}
.Search26 {padding-left:26px;}
.Search28 {padding-left:28px;}
.Search35 {padding-left:35px;}
.Search59 {padding-left:59px;}
.Search40  {padding:10px 10px 10px 10px;}
.SearchPad { padding-top: 20px; padding-bottom: 5px; font-weight: bold; }
.SearchPad .page-counts { margin-left: 30px; }
.SearchPad .page-link { margin-left: 40px;  }

.display-none { display: none; }

.report-tab { list-style-type: none; margin: 0; padding: 0;}
.report-tab .header div { font-weight: bold; padding: 7px 14px; vertical-align: top; background-color: #eee; }
.report-tab li.td { border-top: dotted 1px #b4b2b2; padding-top: 14px; padding-bottom: 28px; padding-left: 14px; }
.report-tab .list-item-activity { width: 43%; float: left; position:relative;}
.report-tab .list-item-note { width: 7%; text-align: center; float: left; }
.report-tab .list-item-status { width: 16%; min-width: 90px; float: left; }
.report-tab .list-item-date { width: 19%; min-width: 65px; float: left; }
.report-tab .list-item-edit { width: 7%; text-align: center; float: left; }
.report-tab .list-item-delete { width: 8%; text-align: center; float: left; }
.report-tab .status { margin-left: 10px; }
.report-tab .list-item-activity-details { width: 10%; text-align: center;float: left;}   

.report-tab .list-item-activity em {color: #ff0202; padding: 0 3px 5px 0px; float: left; width: auto; position:absolute; left:-10px; top:-8px;font-size:20px;font-style:normal;}
.report-tab .list-item-activity .reseaActivityDescription {margin-top:5px;}

.report-tab.iop .list-item-activity { width: 48%; float: left; }
.report-tab.iop .header { font-weight: bold;  vertical-align: top; background-color: #eee; }
.edit-iop-dialog {display:none;}

.report-tab.iop .disabled, .report-tab.iop .disabled:hover {color: gray;pointer-events: none;cursor: default;text-decoration: none;}
.dialog-general .activity-details-content {line-height: 1.4em;}   
.dialog-general .activity-name { font-weight: bold; margin-bottom: 10px; }

.report-tab .list-item-activity-header { display: none; }
.report-tab .list-item-note-header { display: none; }
.report-tab .list-item-status-header { display: none; }
.report-tab .list-item-edit-header { display: none; }
.report-tab .list-item-delete-header { display: none; }
.report-tab .list-item-details-header { display: none; }
  
.clearfix-t:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.career-plan-summary-status-mobile { display:none; }
.no-data-message { margin-top: 10px; margin-left: 10px; }


/* Ohio-Based Employment Programs */
.tabular-data { margin-top: 20px; }
.tabular-data, .tabular-data ul { list-style-type: none; padding: 0; }
.tabular-data .th { background-color: #eee; text-align: left; padding: 5px; font-weight: bold; }
.tabular-data .list-item-program { float: left; width: 50%; }
.tabular-data .list-item-target-group { float: left; width: 25%; }
.tabular-data .list-item-services-offered { float: left; width: 25%; }

.tabular-data .td { padding: 10px 5px; border-bottom: solid 1px #eee; }
.tabular-data .td ul { font-weight: bold; padding: 0; }
.tabular-data .td .list-item-program { padding-right: 10px;  }
.tabular-data .td .list-item-target-group {  }
.tabular-data .td .list-item-services-offered {  }

.for-print-only { display: none; }

.userNotification a {text-decoration:underline !important;}
.ui-widget-content a {text-decoration:underline;}

/* Guided tour partialy responsive */
@media only screen and (max-width: 1039px) {
    .BannerText { width: 100%; }
    .TitleBarText { padding: 5px 15px 5px 15px; }
    .BannerTextTitle { font-size: 16px; padding: 0 15px; }
    .BannerText { font-size: 13px; padding: 5px 15px 5px 15px; }
    #header_container {position:relative; }
    .page-header3 {height:0;}
    .page-header2 {height:auto;background:#E3ECF3;padding-bottom:5px;}
    .eomjmy #aspnetForm,
    .yomjmy #aspnetForm,
    .eomjmy #mgsForm,
    .yomjmy #mgsForm {display:inline-block;}
}

@media only screen and (max-width: 499px) {
    .TitleBarContainerNote {display:block;}
    .NotePadding {padding-left:0;}
    .ExitBanner {position:absolute;right:0;top:5px;}
    .TitleBarText {max-height:40px;}
}

@media only screen and (max-width: 499px) {
    .BannerTextTitle {font-size: 13px;}
}
.score-item-description2  {width:370px;}
.score-item-description2  {width:370px;}

.SNAPMainContainter {
    margin: 0 0 0 0px; 
    padding: 60px 0 0 15px;
}

.SNAPbg { 
    position: relative; 
    width:994px;
    min-height: 310px;
    height:auto;
    margin: 0 auto;    
    text-align: center;
}
.SNAPbgGuide { 
    position: relative; 
    width:994px;
    height: 530px;
    margin: 0 auto;    
}

.SNAPbgSupport { 
    position: relative; 
    width:994px;
    height: 690px;
    margin: 0 auto;    
}


.SNAPContent {
    padding: 0; 
    width: 27%; 
    display:inline-block;
    font-size:15px; 
    font-weight:bold;
    margin-bottom:20px;
}

.SNAPRightContent  {
    padding: 0; 
    width: 23%; 
    display:inline-block;
    margin-bottom:20px;

}
.SNAPstyle {
    font-size:15px; 
    font-weight:bold;
    padding-bottom:10px;
    text-align:center;
}

.SNAPalign1 {
    font-size:15px; 
    font-weight:bold; 
    text-align:center; 
    padding-top:30px;
}

.SNAPalign2 {
    text-align:center; 
    padding-top:30px; 
    padding-bottom:70px;
}

.SNAPalign3 {
    margin-left:0px;  
    text-align:center;
}


.SNAPalign4 {
    margin-left:0px;  
    text-align:center;
}

.SNAPalign3 img, .SNAPalign4 img {max-height:90px;}

.SNAPheaderGuide {
    font-size:15px; 
    font-weight:bold; 
    padding-top:10px;  
}

.SNAPIntroGuide {
    padding-top:10px; 
    padding-bottom:10px;  
}

.SNAPBoxGuide {
    width: 990px; 
    padding: 10px;  
    border: 1px solid black; 
    margin: 0; 
}

.SNAPBoxTitleGuide {
    font-weight:bold; 
    font-style:italic;
}



.SNAPpad {
    padding-bottom:13px;
}

.SNAPTopPad {
    padding-top:10px;
}

.SNAPbutton {
    padding-left:400px; 
    padding-top:10px;
}


.SNAPlink {
    padding: 10px 30px 0 30px;
}
.fright {
    float: right;
}

.sort-icon-aligned-vert {display: inline-block; position: relative; top: -3px;}

#TBIHelp div h2:first-child { margin-top: 0; }
#TBIHelp h2 { margin-top: 1.5em; margin-bottom: .5em;    }
#TBIHelp h2 a { color: #000; }
#TBIHelp h3 a { color: #2FA4D7; }

.resume-skill-name { width: 250px; }
.skills-tabular-data th { display: none; }
.resume-languages-responsive-tabular-data div.h2 { display: none; }
.resume-languages-responsive-buttons { text-align: center; }

.resume-affiliation-responsive select { width: 110px; }
.resume-affiliation-name { width: 250px; }
.resume-affiliation-role { width: 250px; }

.resume-affiliation-responsive-tabular-data th { display: none; }
.resume-affiliation-responsive .hidden-cell { visibility: hidden; }
.resume-additionalinfo-responsive textarea { width: 450px; }
.resume-additionalinfo-responsive-spell-checker { text-align: right; }

/* Create Account Password Validation */

.passval {
    background-color: #fcf8e3;
    border: 1px solid #faebcc;
    color: #8a6d3b;
    padding:10px;
    margin-bottom:10px;
    display:none;
}

.passval ul{
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.passgreen {
    background-color:#dff0d8;
    border:1px solid #d6e9c6;
} 

.passred {
    background-color:#f2dede;
    border:1px solid #ebccd1;
}

.checkSign {
    float:left;width:20px;color:green;
}

#passwordValidationContainer {
    margin-left:0;
    float:left;
    width:100%;
}

.resetPswForm {width:100%;max-width:700px;}
.resetPswForm .formWrapper {margin:14px 14px 21px 0;}
.resetPswForm .formText {margin: 0 0 21px 14px;}
.resetPswForm .formText ul{list-style-type: none; padding: 0; margin: 0; color: #565656;}
.resetPswForm .formFieldRow {min-height:34px;}
.resetPswForm .labelWrapper{float:left;width: 200px; font-weight: bold;}
.resetPswForm .labelWrapperBlock {font-weight: bold; margin:20px 0 10px 0;}
.resetPswForm .textField {border: 1px solid #ccc; padding: 4px; width: 100%;}
.resetPswForm .textarea {border: 1px solid #ccc; padding: 4px; width: 100%;}
.resetPswForm .formFieldWrapper{float: left; width: 370px;}


/* Everything except FireFox */
#veteranMsg {
    margin-top: 880px;
}
/* FireFox only */
@-moz-document url-prefix() {
    #veteranMsg {
        margin-top: 920px;
    }
}

#miliaryNonVeteranMsg {
    margin-top: 880px;
}
/* FireFox only */
@-moz-document url-prefix() {
    #miliaryNonVeteranMsg {
        margin-top: 920px;
    }
}

#activeDutyMsg {
    margin-top: 880px;
}
/* FireFox only */
@-moz-document url-prefix() {
    #activeDutyMsg {
        margin-top: 920px;
    }
}

#pwdErrorLabel { position: relative; background-color: #D65252; color: whitesmoke; padding: 5px; }

.fileUpload{
    width:240px;
    size:30;
}

.ucAccountBlurb{
    padding-top:50px;
    margin: 0px 0px 0px 20px;
}



.SupportiveServicesTable .companycol1j{
    float: left;
    width: 70%;
     padding: 10px 5px;
}

.SupportiveServicesTable .companycol2j{
    float: left;
    width: 15%;
     padding: 10px 5px;
}

.SupportiveServicesTable .companycol3j{
    float: left;
    width: 15%;
     padding: 10px 5px;
}

.openings {
    float: right;
    width: 130px;
    position: relative;
    left: -9px;
    white-space: nowrap;
}

.openings-header {}

.openings-statewide {
    float: left;
}

.openings-regional {
    float: right;
}

.header-average-pay {
    width: 150px;
}

.header-occupation {
    width: 425px;
}
.missingDataMigrationAlert
{
    background-color: #FEF9C2;
    padding: 10px 157px;
}

.missingDataMigrationAlert .heading {
    font-size: 1.1em;
    font-weight: bold;
}
.missingDataMigrationAlert .delimiter {
    background: url("https://securemedia.newjobs.com/id/mgs/6914/body-background-top-tile-x.png") repeat scroll 0 0 transparent;
    position: absolute;
    left: 0;
    top: 52px;
    height: 3px;
    width: 100%;
}

.apprenticeAlert
{
    background-color: #FEF9C2;
}

.apprenticeAlert .alert
{
    width: 994px;
    padding: 0px 0px 10px 0px;
    margin: 0 auto;
}

.apprenticeAlert .heading {
    font-size: 1.1em;
    font-weight: bold;
}

.apprenticeAlert .delimiter {
    background: url("https://securemedia.newjobs.com/id/mgs/6914/body-background-top-tile-x.png") repeat scroll 0 0 transparent;
    position: absolute;
    left: 0;
    top: 52px;
    height: 3px;
    width: 100%;
}

.nobr{
    white-space: nowrap;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  border: 0;
}

.amazon-career-choice
{
   display: flex;
   flex-direction: column;
   padding-left: 30px;
}

.amazon-career-choice h2
{
    font-style: italic;
    font-size: 1.1em;
    margin-bottom: 1em;
}

.amazon-career-choice p
{
    line-height: 1.4em;
    margin: 0;
}

.amazon-career-choice p.warning
{
    color: red;
    font-weight: bold;
    margin-left: 0em;
}

.amazon-career-choice ul
{
    list-style-type: none;
}

.amazon-career-choice .accRegisterUl {margin-top:15px;margin-bottom:0px;}
.amazon-career-choice .accRegisterUl li {margin-bottom:15px;}

.amazon-career-choice ul.accRegisterUl
{
    list-style-type: none;
    padding: 0;
}

.amazon-career-choice ul.accRegisterUl li
{
    line-height: 1.4em;
    display: flex;
}

.amazon-career-choice ul.accRegisterUl li span.bullet
{
    margin-right: 1.8em;
}

.amazon-career-choice ul.accTrainingCUl 
{
    padding-left: 15px;
    margin-top:15px;
    list-style-type: disc;
}

.amazon-career-choice ul.accTrainingCUl li
{
    margin-bottom:15px;
}


/* Email Friend page*/

.emailFriendForm table {text-align:left;}
.emailFriendForm table th {padding-right:15px;}
.emailFriendForm table th, .emailFriendForm table td {vertical-align:top;text-align:left;}

.emailFriendForm .buttonGroup {text-align:center;}

.emailFriendForm table tr:nth-of-type(3) th, .emailFriendForm table tr:nth-of-type(3) td {padding-bottom:20px;}


/* Company Search */

.companySearchFormLabel {font-weight:bold;display:block;margin-bottom:5px;}
.companySearchFormRow {margin-top:15px;margin-bottom:15px;}
.companySearchFormCol {float:left;width: 100%;}
.companySearchFormValidator {margin-top: -3px;display: block;margin-bottom:5px;}
.companySearchFormCol input, .companySearchFormCol select {border: 1px solid #ccc;padding: 4px;width: 100%;}
.companySearchFormCol select {padding: 3px 4px;}

div.companySearchFormCol:nth-of-type(1) {max-width:250px;margin-right:10px;}
div.companySearchFormCol:nth-of-type(2) {max-width:250px;margin-right:10px;}
div.companySearchFormCol:nth-of-type(3) {max-width:100px;margin-right:10px;}
div.companySearchFormCol:nth-of-type(4) {max-width:100px;}

.companySearchDetailsMap {width:100%;height:450px;}
.companySearchDetailsJobsBtn {position:absolute;right:15px;top:0;}

.companySearchDetailsFormTable {width:100%;margin:15px 0;}
.companySearchDetailsFormRow {width:100%;display:block;padding:5px 0;}
.companySearchDetailsFormCol {float:left;}
.companySearchDetailsFormCol:nth-of-type(1) {font-weight:bold;width:150px;}

.companySearchResultsHeader {margin-bottom:15px;}
.companySearchResultsHeader h2 {display:inline-block;padding-right:15px;width:200px;}

.companySearchResultsFormTable {width:100%;}
.companySearchResultsFormRow {width:100%;padding:10px 15px;border-bottom:1px solid #ccc;}
.companySearchResultsFormRow:nth-child(2n+1) {background:#f8f8f8;}
.companySearchResultsFormRow:first-of-type {background:white;border-bottom:3px double #ccc;font-size:15px;}
.companySearchResultsFormCol {float:left;}
.companySearchResultsFormCol:nth-of-type(1) {padding-right:15px;width:200px;}
.companySearchResultsFormHeader {font-weight:bold;}

/* Terms of Use */

.usageTermsContainer h3 {margin-top:15px;}

.institutionFieldWrapper {
    position: relative;
}
.institutionFieldWrapper .required-field-sign {
    position: absolute;
    left: -10px;
    top: 38px;
    color: #cc3333;
    font-weight: bold;
}

.sixSenseSkillsAvatar {
    width: 50%;
    height: 50%;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

/* VTP Page */

.VTPContainer .col-9 {
    float: left;
    width: 90%;
}

.VTPContainer .col-1 {
    float: right;
    width: 10%;
}

.placeholder-column {
    display: block;
    visibility: hidden;
}