/* CSS Document */
/* SiteWide  */
body {background-image:url('http://www.kellyservices.us/templates/images/MainLandingSecondary_Bkg.jpg'); background-repeat:no-repeat; background-position:top center; background-color:#FFFFFF}
.containW {margin:0 auto;}
a {color:#1F7932}
.show480 {display:none;}
.showUnder768 {display:none;}
.showUnder768Block {display:none;}
.jsChecker {position:absolute; left:0; bottom:0;}
.hide {display:none;}
.noMargin {margin:0;}
.marginT15 {margin-top:15px;}
.marginB15 {margin-bottom:15px;}
.bgLtGrn {background-color:#99cb34}
.bgWhite {background-color:#ffffff;}
.white {color:#ffffff;}
.rightCol {padding:15px;}
h1, h2, h3, h4, h5, h6 {font-family: Arial, Helvetica, sans-serif;color: #4DA742;}
h1 {font-size: 32px; line-height: 28px;}
hr {margin:15px 0;}
.padd0 {padding:0;}
.padd15 {padding:15px;}
.paddR0 {padding-right:0;}
.paddRL0 {padding-left:0; padding-right:0;}
.paddL0 {padding-left:0;}
.paddL15 {padding-left:15px;}
.paddL30 {padding-left:30px;}
.paddR15 {padding-right:15px;}
.paddLR15 {padding-left:15px; padding-right:15px;}
.paddLR30 {padding-left:30px; padding-right:30px;}
.showUnder980 {display:none;}
.hideUnder980 {display:inline;}
.showUnder992 {display:none;}
/* Header */
	.header>div {height:43px; padding-top:13px; color:#FFF; background-color:#99cb34; float:left; box-sizing:border-box}
	.header #col1 {padding-top:0;}
	.header #col2 { width:33%;text-align:left; background-color:#99cb34; background-image:url(../images/login-contact-bg.png); background-position:right; background-repeat:no-repeat;}
	.header #col3 { width:34%;text-align:right; background-color:#7bb733; padding-right:15px;}
	.header #col4 { width:33%;text-align:right; background-color:#1f7932; padding-top:8px; padding-right:15px;}
	.header input[type=text] {width:60%; color:#2e2e2e;}
	.header button {color:#000000;}
	/*Mobile menu icon, and X*/
		.header a#menuBtn
		{
			/*background: center center no-repeat transparent;
			background-image: url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADhJREFUeNpi/P//PwOtARMDHQBdLGFBYtMq3BiHT3DRPU4YR4NrNAmPJuHRJDyahEeT8Ii3BCDAAF0WBj5Er5idAAAAAElFTkSuQmCC );*/
			display:block;
			max-width:100%;	
			height:43px;
			margin:0 auto;
			 padding:5px 12px;
			 background-color:#FFFFFF;
		}
		a#menuBtn { cursor: pointer; padding: 10px 35px 16px 0px; }
		a#menuBtn span {
		  cursor: pointer;
		  border-radius: 1px;
		  height: 5px;
		  width: 35px;
		  background: black;
		  display: block;
		  margin:5px 0;
		  position:relative;
		}
		a#menuBtn span {
		  transition: all 500ms ease-in-out;
		}
		html.mm-opened a#menuBtn span:nth-child(1) {   
	 -moz-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg);   

		  top:10px;
		}
		html.mm-opened a#menuBtn span:nth-child(2) {
		  background-color: transparent;
		}
		html.mm-opened a#menuBtn span:nth-child(3) {
		 /* transform: rotate(-45deg);*/
		  
    -moz-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    -webkit-transform:rotate(-45deg);
    transform:rotate(-45deg);   
	
		  top:-10px;
		}
		
		#kellyHome {height:20px; position:absolute; top:0; left:0; z-index:3; padding:15px;}
		#kellyHome img {padding-right:10px; position:relative; bottom:2px;}
		#kellyHome a, #kellyHome a:link, #kellyHome a:visited {color:#666666}
		.mm-menu > .mm-search {top:40px;}
		.mm-menu.mm-hassearch .mm-header {top:90px;}
		.mm-menu.mm-hasheader.mm-hassearch > .mm-panel.mm-list {padding-top:140px;}
	

/*  Logo Row */
	.row.logo {color:#207733;}
	.row.logo>div { height:65px;}
	.row.logo .col-xs-3 {padding-top:10px;}
	.row.logo .col-md-6:last-child {text-align:right; padding-top:13px;}

/* Nav */
	.colBorderLR {border-left: 1px solid #f0f0f0;border-right: 1px solid #f0f0f0;}
	.colBorderL {border-left: 1px solid #f0f0f0;}
	.level1>li {float:left;}
	.level1>li>a:hovered {background-image:url(../images/megaMenuArrow_r.gif); background-repeat:no-repeat; background-position:2px 18px; text-decoration:underline}
	.navbar .level1>li:hover { background-color:#ffffff;}
		.navbar .level1>li.hovered a {background-color:#fff;}
		.navbar .level1>li>a {padding:14px 15px; display:block;}
		.navbar .level2>li>a {color:#1F7932; font-weight:bold;}
	li.nav-img {padding-left: 0;padding-top: 10px !important;}
	li.nav-img img {max-width:100%;}
	.navbar .level3 a {color:#646464; font-size:13px; display:block; padding:1px 0;}
	.nav>li, .nav>li>a {position:relative;}
	.level2Container {left:0;} 
	/*Columns*/
	.subnav-3col-1, .subnav-3col-2, .subnav-3col-3  {float:left;
		width: 378px;
		padding: 0px;
		margin: 20px 0px;}
	.subnav-4col-1, .subnav-4col-2, .subnav-4col-3, .subnav-4col-4 {
		float: left;
		width: 233px;
		padding: 0px;
		margin: 10px 0px 20px 0px;}
	.navbar .containW.navbar {border-radius:0;}
	.navbar .level1 {background-color:#efefef;}
	.navbar .level3 li:hover {background-image:url(../images/megaMenuArrow_r.gif); background-repeat:no-repeat; background-position:-2px 5px;}
	.navbar .level1>li.hovered .level2Container {display:inline;}
	.navbar h5 {margin:15px 0 0 0; font-size:18px;}
/* nav mobile*/
	.mm-menu li {width:100%;}
	/*#CloseMobile, html.mm-opened #menuBtn {display:none;}
	html.mm-opened #CloseMobile {display:inline;}*/
	
	
/* Slider */
	#thumb-stage {height:100px; overflow:hidden; float:left;}
	#thumb-Container:after {content: '';clear: both;display: block; }
	.thumb {float:left;height: 100px; width: 100px; padding:1px; border-right:1px solid #cccccc; border-bottom:1px solid #cccccc; border-top:1px solid #cccccc; background-color:#FFFFFF}
	.thumb.active {border-bottom:3px #99cc33 solid}
	.thumb div:first-child {height: 50px; overflow: hidden; font-size: 11px; text-align: center;}
	.thumb div:last-child {height: 50px; overflow: hidden; font-size: 11px; text-align: center;}
	.thumb a,.thumb a:hover {text-decoration:none; color:#666666;}
	.slide {display:none; margin:15px 0;}
	.slide .back, .slide .forward {background-color:#B5B5B5; font-size:14px; font-weight:bold; cursor:pointer; padding:0;}
	#thumb-slider {position:relative;}
	.noBefore:before {content:none;}
	#dots {margin-top:13px;}
		#dots div {border-radius:50%; width:10px; height:10px; background-color:#A6A6A6; float:left; margin-right:2px;}
		#dots div.active {background-color:#000000;}
	#thumbLeft, #thumbRight {float:left; cursor:pointer;height:100px; box-sizing:border-box}
	#thumbLeft {background-image:url(../images/slider-arrows.gif);background-position:center -250px;}
	#thumbRight {background-image:url(../images/slider-arrows.gif);background-position:center -8px;}
	#thumbLeft:hover {background-image:url(../images/slider-arrows.gif);background-position:center -371px;}
	#thumbRight:hover{background-image:url(../images/slider-arrows.gif);background-position:center -129px;}
	.slide {height:165px;}
		.slide .forward {float: left;
			cursor: pointer;
			height: 200px;
			box-sizing: border-box;
			background-image:url(../images/slider-arrows-vertical.png);background-position:-25px center ;}
		.slide .back {float: left;
			cursor: pointer;
			height: 200px;
			box-sizing: border-box;
			background-image:url(../images/slider-arrows-vertical.png);background-position:-204px center;}
		.slide h1 {font-family: Arial, Helvetica, sans-serif;
			font-size: 26px;
			color: #4DA742;
			line-height: 28px;
			margin-top:0;}
		.slide img {max-width:150px; max-width:150px;}
		.slide .col-md-9 {height:165px;overflow:auto;}
		.slide .col-md-3 {width:150px;}
/* find a job */
	#findAJob { background-color:#92c231; padding:16px 17px 13px 14px; color:#ffffff; width:100%;}
	#findAJob input, #zip {height:27px; padding-top:3px; color:#cccccc; font-family:Verdana, Geneva, sans-serif; font-weight:bold }
	#category {width:100%; border:1px solid #9da2b0; color:#666; height:25px; padding:3px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; }
	#keywords {width:100%; padding-left:3%; border:none; margin:10px 0;}
	#zip, #findZip, #findCTA {float:left; border:none;}
	#zip {box-sizing:border-box;}
	#findCTA {background-color:#fe6601; padding:6px 10px; color:#ffffff; text-decoration:none;display:inline-block;font-family:Verdana, Geneva, sans-serif; font-weight:bold; -webkit-border-radius: 5px; -moz-border-radius: 5px;border-radius: 5px; text-align:center}
/* subnav find a branc/staffing solution / request staff */
	.subnav {clear:both; margin:0;}
	.subnav a {color:#ffffff; padding:15px 0; display:block;}
	.subnav .twoLine a {padding:5px 0;}
	.subnav .col-md-20p {width:20%; color:#fff; background-color:#ff6600; float:left; box-sizing:border-box; text-align:center; border-right:1px solid #ffffff; height:50px;}
	.subnav .col-md-20p:last-child {border:0;}
/* Footer */
	#footer {background-color:#999; padding:30px 0 0 0; color:#ccc; line-height:150%; font-size:10.5px; margin:10px 0 0 0}
	#footer h6 {color:#ffffff; font-size:10.5px; font-weight:bold; text-decoration:underline;}
	#footer h6 a, #footer a:hover {color:#fff;}
	#footer a {color:#ccc;}
	#footer .col-md-2 a {display:block;}
	#footer .col-md-2 {background-image:url(../images/footer-divider.png); background-position:right top; padding-right:10px; background-repeat:no-repeat;}
	#footerlogoimage {background: url("http://www.kellyservices.us/templates/images/FooterLogo.gif");width: 59px;height: 37px; float:right;}
	#footer .col-md-12 {font-size:12px;}
	#footer .foot-col-4 {background-image:none;}
/* spry */
	.Accordion  {width:100%;}
	.Accordion .tab {background-image:url('../images/accordion-tabs.gif') !important; background-position:right 0px; height:39px; color:#000000; padding:12px 0 0 12px; font-size:12px; cursor:pointer;}
	.Accordion .content{overflow:hidden; background-color:#ffffff;}
	.Accordion .tab.active {background-image:url('../images/accordion-tabs.gif') !important; background-position:right -78px; color:#ffffff;}
/* Ads */
	.StartUpRightColumn img {max-width:100%;}
	.StartUpRightColumn .MiddleBox
		{padding:10px 10px 20px 10px;
		overflow:hidden;
		position:relative;
		background-color:#FFFFFF;
		font-size:12px; border:1px solid #cccccc;
		}
	.StartUpRightColumn .MiddleBox div.Image
		{
		float:left;
		padding-right:10px;
		}
	.AdTitle {
		padding-top: 15px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 17px;
		line-height: 120%;
		color: #7BB733;}
	.AdBottomLink {font-family: Arial, Helvetica, sans-serif;
		font-size: 13px;
		position: absolute;
		line-height: 120%;
		color: #7BB733;
		text-align: right;
		right: 15px;
		bottom: 5px;}
	.AdBottomLink:after {
		  content:"";
		  display:table;
		  clear:both;}
	#FacebookChart {background-color:#fff;}
/* Blogs / Knowledge Base */
	.contentBox h3 {font-size:14px; color:#197532; font-weight:bold;}
	.contentBox { color:#666666; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;-webkit-box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.23);-moz-box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.23); box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.23); border:1px solid #cccccc;}
	#blogKnowledge .contentBox {padding-bottom:15px;}
	.contentBox table td {vertical-align:top; text-align:left; padding: 0 5px; font-size:13px;}
	.contentBox:last-child td:last-child {padding-bottom:15px; }
	.contentBox a {text-decoration:underline;}
/* MainCol contentbox ads */
	#StartUp {margin-top:15px;}
	#StartUp .contentBox { border-radius:0;-webkit-box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.23);-moz-box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.23); box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.23); border:1px solid #cccccc; background: #f2f2f2; /* Old browsers */
		background: -moz-linear-gradient(top,  #f2f2f2 0%, #fefefe 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#fefefe)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #f2f2f2 0%,#fefefe 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #f2f2f2 0%,#fefefe 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #f2f2f2 0%,#fefefe 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #f2f2f2 0%,#fefefe 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#fefefe',GradientType=0 ); /* IE6-9 */
}
	/* LeftCol Nav */
		ul.navigation {margin: 10px 0px 0 10px;}
		.LeftNavigation .navigation li {font-family: Arial, Helvetica, sans-serif;font-size: 10pt;color: #666666;line-height: 140%;list-style: none;}
		.LeftNavigation .level_1 {text-decoration: none;padding-left: 10px;}
		.LeftNavigation .level_2 {text-decoration: none;padding-left: 20px;}
		.navigation li:hover, #navigation li:active {
			background: url(http://www.kellyservices.us/templates/images/BtnArrowNav.gif) no-repeat transparent;
			background-position: 0px 3px;
			text-decoration: none;
			color: #333;}
		.navigation a:link, .navigation a:visited {
			color: #666;
			text-decoration: none;}
	/* relatedContent */
	.relatedContent {}
	.relatedContent h6 {color:white; font-size:14px; margin:0 0 5px 0;}
	.relatedContent .content>a {display:block; font-size:13px; padding:2px 0;}
	.related {display:none;position:absolute; left:50%; top:13%; width:50%; margin:0 0 0 -25%; overflow:auto; background-color:white; min-height:50%; z-index:2}
	.related img {matx-width:100%;}
	#overlay {display:none;width:100%; height:100%; position:fixed; background-color:rgba(0,0,0,0.80); left:0; top:0; z-index:1}
	.related .logo {position:relative; bottom:13px;}
	.related .close {opacity: 1;
		float:right;}
		.relatedContent .content {background-color:#cccccc; padding:15px;}
		
		
	/* 2col-left-links */
	#linksTable td img {width:150px; vertical-align:text-top; padding-right:15px;}
	#linksTable div.tinyText {margin-bottom: 6px;
font-size: 10px;}
	#linksTable .article_title {
	margin-bottom: 3px;
	font-weight: bold;}
	#linksTable tr td {
	border-bottom: 1px dashed #cccccc;
	padding-top: 20px;
	padding-bottom: 20px;
	color: #666666;}
	
	#linksDivs .row {
	border-bottom: 1px dashed #cccccc;
	padding-top: 20px;
	padding-bottom: 20px;
	color: #666666;}
	#linksDivs img {width:150px; vertical-align:text-top; max-width:100%;}
	#linksDivs .col-md-3 {text-align:center;}
	#linksDivs .tinyText {margin-bottom: 6px;font-size: 10px;}
	#linksDivs .article_title {margin-bottom: 3px;font-weight: bold;}
	
	 .ContainerBeige h2 {font-size:16px; margin-top:0;}
	 .ContainerBeige
				{
				 width:100%;
				 float:left;
				 margin-left:5px;
				 background-color:#F7F7F7;
				 margin-bottom:20px;
				 margin-top:10px;
				 /*min-height:150px;*/
				 }
				 
					.ContainerBeige #TopBeige
					  {
						width:100%;
						height:15px;
						background: url(/templates/images/ContainerBeigeTop.gif) no-repeat; 
					  }
					  
					.ContainerBeige #BeigeCopy
					  {
						width:100%;
						height:auto;
						font-size:.875em;
						font-family:Arial, Helvetica, sans-serif;
						padding:0px 10px 0px 10px;
					  }
                    .ContainerBeige #BeigeCopy img
                    {
						padding:5px 0px 0px 0px;
                    }
                    .ContainerBeige #BeigeCopy a, .ContainerBeige #BeigeCopy a img
                    { text-decoration:none;}
                    
					  .ContainerBeige #BottomBeige
					  {
						width:190px;
						height:13px;
						background: url(/templates/images/ContainerBeigeBottom.gif) no-repeat; 
					  }
@media all and (max-width: 479px) { /* Stage 1 */
	/* SiteWide */
		#stage2, #stage3, #stage4, #stage5 {display:none;}
		.containW {width:100%;}
		.show480 {display:inline;}
		.hide480 {display:none;}
		.hideUnder768 {display:none;}
		.showUnder768 {display:inline;}
		.showUnder768Block {display:block;}
		.hideUnder768 {display:none;}
		.fullW768 {width:100%;}
		.noPaddUnder768 {padding:0;}
		.mobilePaddLR15 {padding-left:15px; padding-right:15px;}
		.showUnder980 {display:block;}
		.hideUnder980 {display:none}
		.bgLtGrn>div {padding-right:0;}
		.paddLR30Under980 {padding-left:30px; padding-right:30px;}
		
	/*Mobile menu icon */
		a#menuBtn span, a#menuBtn span:before, a#menuBtn span:after {
		  width: 20px;
		}
	
	/* Search */
		.mobileSearch {position:absolute; right:0;}
		.mobileSearch a {padding:13px; display:inline-block; background-color:#1f7932; position:absolute; right:0; top:0;}
		.mobileSearch input { width:0 !important; border:0;  transition:width 0.3s; margin-top:6px; padding:5px;border:1px solid #cccccc;}
		.mobileSearch.active {width:269px;}
		.mobileSearch.active a {padding:13px;}
		.mobileSearch.active input {width:100% !important; }
	/* Find A Job */
		#zip  {margin-right:2%; width:44%; padding-left:15px;}
		#findZip {margin-right:2%}
		.mobilePadd0 {padding:0;}
	/* Header */
		.header>div {font-size:12px;}
		.header #col1 {width:12%;}
		.header #col2 {width:38%; background-image:none; padding-left:5%}
		.header #col3 {width:38%; background-image:none; padding-right:5%}
		.header #col4 {width:12%; background-image:none; padding-top:0; background-color:#7bb733}
	/* logoRow */
		.row.logo #swapNavTrigger {display:none;}
		#swapNavLoc1 .containW {width:100%;}
		#swapNavTrigger span {display:block;}
	/* RightCol */
		.rightCol {clear:both; width:100%;}
	/* Slider */
		#thumb-Container {display:none;}
		.slide .col-xs-5 {display:none;}
		.slide .col-xs-7 {width:83.333333%}
		.slide {height:200px;}
		.slide .col-md-9 {height:200px;}
		.slide .forward {background-position:-30px center ;}
		.slide .back {background-position:-210px center;}
	/* Subnav */
		.subnav {clear:both; width:100%; margin:0 auto;}
		
		.subnav .col-md-20p a {display:block; padding:16px 0px;}
		.subnav .col-md-20p.twoLine a {padding:6px 0px;}
		
		.subnav .col-md-20p {margin:1% 1% 0 0; width:49%; border:0; padding:0;}
		.subnav .col-md-20p:nth-child(3), .subnav .col-md-20p:nth-child(5) {margin:1% 0% 0 0; width:50%;}
	/* Community */
		#JoinCommunityHere {margin-top:15px; width:71%}	
	/* Footer */
		#footer .foot-col-1, #footer .foot-col-2, #footer .foot-col-3, #footer .foot-col-4, #footer .foot-col-6 { width:100%;}
		#footer .foot-col-5 {width:100%;}
	/* Ads */
		#ctl00_RightColumn1_RightColumn1_ChartWrapper, .StartUpRightColumn, #FacebookChart, #WIdgetChart {display:none;}
	/* Accordion */
		.Accordion {margin-top:0;}
	/* LeftCol contentbox ads */
		#StartUp .col-md-4 {display:none;}
	/* overlay */
		.related {width:80%; margin:0 0 0 -40%;}
		.relatedContent {margin-bottom:15px;}
		.overlay .close {top: 5%; margin: -20px 0 0 38%;}
		/*.relatedContent>div>div {left:50%; top:5%; width:90%; margin:0 0 0 -45%; max-height:90%}*/

}
@media all and (max-width: 767px) and (min-width: 480px) { /* Stage 2 */
	/* SiteWide */
		#stage1, #stage3, #stage4, #stage5 {display:none;}
		.containW {width:480px; padding:0;}
		.hideUnder768 {display:none;}
		.showUnder768 {display:inline;}
		.showUnder768Block {display:block;}
		.hideUnder768 {display:none;}
		.fullW768 {width:100%;}
		.noPaddUnder768 {padding:0;}
		.mobilePaddLR15 {padding-left:15px; padding-right:15px;}
		.showUnder980 {display:block;}
.hideUnder980 {display:none}
.paddLR30Under980 {padding-left:30px; padding-right:30px;}
		.mobilePadd0 {padding:0;}
	/* Header */
		.header #col4 input {width:60%}
		.header>div {font-size:12px;}
		.header #col1 {width:12%;}
		.header #col2 {width:38%; background-image:none; padding-left:5%}
		.header #col3 {width:38%; background-image:none; padding-right:5%}
		.header #col4 {width:12%; background-image:none; padding-top:0; background-color:#7bb733; padding-right:0;}
		
	/* Search */
		.mobileSearch {position:relative;}
		.mobileSearch a {padding:13px; display:inline-block; background-color:#1f7932;}
		.mobileSearch input { width:0 !important; border:0;  transition:width 0.3s; margin-top:6px; position:absolute; right:38px;}
		.mobileSearch.active {width:243px;}
		.mobileSearch.active a {padding:13px;}
		.mobileSearch.active input {width:200px !important; padding:5px;border:1px solid #cccccc; }
	/* logoRow */
		.row.logo #swapNavTrigger {display:none;}
		#swapNavLoc1 .containW {width:100%;}
		#swapNavTrigger span {display:block;}
	/* Find A Job */
		#zip  {margin-right:2%; padding-left:15px; width:44%;}
		#findZip {margin-right:2%}
		
	/* Slider */
		#thumb-Container {display:none;}
		.slide .col-xs-7 {width:83.33333%}
		.slide .col-xs-5 {display:none;}
		.slide {height:200px;}
		.slide .col-md-9 {height:200px;}
		
	/* Subnav */
		.subnav {clear:both; width:100%;}
		.subnav .col-md-20p {width:49%; border:0; padding:0;}
		.subnav .col-md-20p a {display:block; padding:16px 0px;}
		.subnav .col-md-20p.twoLine a {padding:6px 0px;}
		.subnav .col-md-20p {margin:1% 1% 0 0}
		.subnav .col-md-20p:nth-child(3), .subnav .col-md-20p:nth-child(5) {margin:1% 0% 0 0; width:50%;}
	/* Community */
		#JoinCommunityHere {margin-top:15px;}
	/* Footer */
		#footer .foot-col-2, #footer .foot-col-4 {background-image:none;}
		#footer .foot-col-5 {width:100%;}
	/* Ads */
		#ctl00_RightColumn1_RightColumn1_ChartWrapper, .StartUpRightColumn, #FacebookChart, #WIdgetChart {display:none;}
	/* Accordion */
		.Accordion {margin-top:0;}
	/* RightCol */
		.rightCol {margin-top:15px;}
	/* LeftCol contentbox ads */
		#StartUp .col-md-4 {display:none;}
	/* overlay */
		.related {width:80%; margin:0 0 0 -40%;}

		.relatedContent {margin-bottom:15px;}
		.overlay .close {top: 10%; margin: -20px 0 0 38%;}/*
		.relatedContent>div>div {left:50%; top:10%; width:80%; margin:0 0 0 -40%; max-height:80%}*/

}
@media all and (max-width: 979px) and (min-width: 768px) { /* Stage 3 this was for the mockups... didn't end up using tho, because of bootstrap being at 992  */
	

		
}
@media all and (max-width: 992px) and (min-width: 768px)  { /* this was added only because twitter bootstrap fires col-xs at 992 */
/* SiteWide */
		#stage1, #stage2, #stage4, #stage5 {display:none;}
		.containW {width:769px;}
		.hideUnder980Above769 {display:none;}
		.desktop-padd-r-0 {padding-right:0;}
		.showUnder980 {display:block;}
		.paddLR30Under980 {padding-left:30px; padding-right:30px;}
		.hideUnder980 {display:none}
		.header .col-md-4  input {}
	/* Slider */
		#thumb-stage {width:400px;}
		#thumbLeft, #thumbRight {width:73px;}
		.slide .col-md-9 {width:381px;}
	/* Find A Job */
		#findAJob input {font-size:8px;}
		#findAJob a {font-size:10px;}
		#zip {width: 100%; padding-left: 7px;margin:0 0 5px 0}
		#findZip {margin: 0 8px 0 26px}
		#findCTA {padding:8px 7px; font-size:10px;}
	/* Subnav */
		.subnav {clear:both; margin:15px 0 0 0; font-size:12px;}
		.subnav .twoLine a {padding: 9px 0;}
		.subnav .col-md-20p {width:25%;}
	/* Community */
		#JoinCommunityHere {margin-top:15px;}
	/* spry */
		.Accordion, .AccordionPanel, .AccordionPanelContent, .AccordionPanelTab  {width:100%;}
	/* Nav */
		#navMobile {display:none;}
		.subnav-3col-1, .subnav-3col-2, .subnav-3col-3 {width: 245px;}
		.level2Container {width:739px; display:none;position: absolute;margin-left:-1px;z-index: 100;background-color:rgba(255,255,255,0.95);-webkit-box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.23);-moz-box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.23); box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.23);}
		/*.level1>li:hover .level2Container {display:inline;}*/
		.level3 li { padding:0px 15px 0px 10px}
		.level2>li { padding:0 15px;}
		.subnav-4col-1, .subnav-4col-2, .subnav-4col-3, .subnav-4col-4 { width:184px;}
	/* Footer */
		#footer .col-xs-6 {width:33%}
		#footer .foot-col-3 {background-image:none;}
		#footer .foot-col-4 {width:67%; background-image:none;}
	/* content boxes */
		#blogKnowledge .contentBox {width:100%; margin:15px 0 0 0;}
	/* LeftCol contentbox ads */
		#StartUp .AdTitle {padding:0; float:left;}
		#StartUp .col-md-4 {width:265px; padding:15px; height:200px; float:left;}
		#StartUp .col-md-4:nth-child(1) {margin-right:1.5%;}
		#StartUp .col-md-4:nth-child(2) {margin-left:1.5%;}
		#StartUp .col-md-4:nth-child(3) {display:none;}
		#StartUp .Image {float: left;padding-right: 10px}
	/* overlay */
		.overlay .close {top: 10%; margin: -20px 0 0 33.5%;}/*
		.relatedContent>div>div {left:50%; top:10%; width:70%; margin:0 0 0 -34.5%; max-height:80%}*/
	/* Header */
		.header #col4 input {width:60%}
		.header>div {font-size:12px;}
		.header #col1 {width:8%;}
		.header #col2 {width:28%; background-image:none; padding-left:5%; background-image:url(../images/login-contact-bg.png); background-position:right;}
		.header #col3 {width:28%; background-image:none; padding-right:5%}
		.header #col4 {width:36%; background-image:none; background-color:#7bb733; padding:7px 10px; background-color:#1f7932}
		.header #col4 input {width:72%;}
		.header a#menuBtn {}
}
@media all and (max-width: 992px) { /* this was added only because twitter bootstrap fires col-xs at 992 */
	.showUnder992 {display:block;}
	.hideUnder992 {display:none;}
	.header select {color:#ffffff; background-color:#99cb34; border:0;}
	.header select option {background-color:#99cb34}
}

@media all and (max-width: 1399px) and (min-width: 980px) { /* Stage 4 */
	/* SiteWide */
		#stage1, #stage2, #stage3, #stage5 {display:none;}
		.containW {width:981px;}
		.desktop-padd-r-0 {padding-right:0;}
		
.paddL30wide {padding-left:30px;}
	/* Slider */
		#thumb-stage {width:600px;}
		#thumbLeft {width:52px;}
		#thumbRight {width:53px;}
		.slide .col-md-9 {width:540px;}
	/* Find A Job */
		#findZip {margin-left: 60px; margin-right: 10px;}
		#zip {width: 100%; padding-left: 7px; margin:0 0 5px 0}
		
		#findAJob input {font-size:12px;}
		#findAJob a {font-size:12px;}
	/* Subnav */
		.subnav {clear:both; margin:15px 0 0 0;}
	/* Nav */
		#navMobile {display:none;}
		.level2Container {width:951px; display:none;position: absolute;margin-left:-1px;z-index: 100;background-color:rgba(255,255,255,0.95);-webkit-box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.23);-moz-box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.23); box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.23);}
		/*.level1>li:hover .level2Container {display:inline;}*/
		.subnav-3col-1, .subnav-3col-2, .subnav-3col-3  {width: 311px;}
		.level3 li { padding:0px 15px 0px 10px}
		.level2>li { padding:0 15px;}
	/* content boxes */
		#blogKnowledge .contentBox {width:342px;}
		#blogKnowledge .contentBox:first-child {margin-right:1.5%}
		#blogKnowledge .contentBox:last-child {margin-left:1.5%}
	/* LeftCol contentbox ads */
		#StartUp .AdTitle {padding:0; float:left;}
		#StartUp .col-md-4 {width:342px; padding:15px; height:160px; float:left;}
		#StartUp .col-md-4:nth-child(1) {margin-right:1.5%;}
		#StartUp .col-md-4:nth-child(2) {margin-left:1.5%;}
		#StartUp .col-md-4:nth-child(3) {display:none;}
		#StartUp .Image {float: left;padding-right: 10px}

}
@media all and (min-width: 1400px) { /* Stage 5 */
	/* SiteWide */
		#stage1, #stage2, #stage3, #stage4 {display:none;}
		.containW {width:1170px}
		.desktop-padd-r-0 {padding-right:0;}
		
.paddL30wide {padding-left:30px;}
	/* Slider */
		#thumb-stage {width:700px;}
		#thumbLeft {width:73px;}
		#thumbRight {width:74px;}
		.slide .col-md-9 {width:681px;}
	/* Subnav */
		.subnav {clear:both; margin:15px 0 0 0;}
	/* find zip */
		#zip {width:44%; padding-left:7px; margin-right:6px;}
		#findCTA {width:37%; padding:6px 4px; margin-left:7px;}
	/* Nav */
		#navMobile {display:none;}
		.level2Container {width:935px; display:none;position: absolute;margin-left:-1px;z-index: 100;background-color:rgba(255,255,255,0.95);-webkit-box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.23);-moz-box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.23); box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.23);}
		.level1>li:hover .level2Container {width:1140px;}
		.subnav-4col-1, .subnav-4col-2, .subnav-4col-3, .subnav-4col-4 {width:285px;}
		.level3 li { padding:0px 15px 0px 10px}
		.level2>li { padding:0 15px;}
	/* Ads */
		.AdTitle {padding:0 10px 0 10px}
	/* content boxes */
		#blogKnowledge .contentBox {width:411px;}
		#blogKnowledge .contentBox:first-child {margin-right:1.5%}
		#blogKnowledge .contentBox:last-child {margin-left:1.5%}
	/* LeftCol contentbox ads */
		#StartUp .AdTitle {padding:0; float:left;}
		#StartUp .col-md-4 {width:32%; padding:15px; height:200px;}
		#StartUp .col-md-4:nth-child(2) {margin:0 2%;}
		#StartUp .Image {float: left;padding-right: 10px}
		
}