@charset "utf-8";
/* CSS Document */

/*-- banner--*/
#career-banner {width: 100%; height: 65px; margin-bottom: 30px; min-width: 1000px;}
				
#career-banner #name {width: auto; float: left; margin-left: 7px;}
#career-banner ul#career-banner-nav {width: 480px; display: inline; float: left;  margin: 30px 0 0 5px;}
#career-banner ul#career-banner-nav li {height: 25px;display: inline; float: left; background-color: #33658e; color: #fff; width: 108px; text-align: center; border-left: 1px solid #fff;}
#career-banner ul#career-banner-nav li#archives { background-image: url("/images/mega_dropdowns/drop_down_icon.png"); background-position: right center;  background-repeat: no-repeat; width: 130px; z-index: 300;}
#career-banner ul#career-banner-nav li#archives a {padding:2px 25px 2px 15px; }
#career-banner ul#career-banner-nav li a {padding: 2px 25px;  color: #fff; text-decoration: none; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
#career-banner ul#career-banner-nav li a:hover {background: none; text-decoration: underline; }

#career-banner ul#career-banner-nav li#archives ul {display: none;}
#career-banner ul#career-banner-nav li#archives:hover ul {z-index: 300;display: block; width: 123px; height: auto;background: #33658e; border: 1px solid #33658e;position: absolute; margin:2px 0 0 -5px;; padding: 5px 5px 10px 5px;}
#career-banner ul#career-banner-nav li#archives:hover ul li {border-bottom: 1px dotted #fff; text-align: left; border-left: none; background-image: none; margin: 0; width: inherit; padding: 4px 0 2px 0;}
#career-banner ul#career-banner-nav li#archives:hover ul li a{text-transform:none; text-decoration: none; inherit; border-right: none; padding: 6px 5px 6px 10px; width: inherit; border-left: none;}
#career-banner ul#career-banner-nav li#archives:hover ul li a:hover, 
#career-banner ul#career-banner-nav li#archives:hover ul li:hover a  {text-decoration: none; color: #33568e; background: #fff; }
#career-banner ul#career-banner-nav li#archives:hover ul li:hover {background: #fff; border-bottom: 1px dotted #fff; cursor: pointer;}

#career-banner form#search-career-outlook {width: 183px; float: left; margin-top: 30px;}
#career-banner form#search-career-outlook input#search-career-outlook-query {width: 139px; border: 1px solid #ccc; font-size: 11px; color: #888; padding:4px}
#career-banner form#search-career-outlook input#search-career-outlook-submit {background-color: #33658e; color: #fff; padding:1px 3px 2px 3px; border: 1px solid #33658e;}





/*-- home main content-left--*/
.main-content #career-main-content {padding: 0 10px;}
.main-content #career-left-side {width:640px; float: left; margin:0 40px 30px 0; }
.main-content #career-featured-article {width: 620px; border: 1px solid #ccc; padding: 0px 15px 15px 15px; margin-bottom: 30px; }
.main-content #career-featured-article .byline,
.main-content .career-article #career-left-side .byline {color: #666; font-style: italic; }
.main-content #career-featured-article p, .main-content .career-secondary-article p {font-family: Arial, Helvetica, sans-serif; font-size: 13.5px; line-height: 1.6em;}
.main-content .career-secondary-article {width: 300px; float: left; }

.main-content #career-main-content .career-banner {margin-bottom: 30px;}


/*-- home main content-right--*/
.main-content #career-right-side {width:230px; float: left; }
.main-content #career-right-side #career-topics {background: #F8F8F6; width: 230px; padding: 10px; border-top: 1px solid #ccc; }
.main-content #career-right-side #career-topics div {margin-bottom: 50px;}
.main-content #career-right-side #career-topics div  p {line-height: 1.4em;}
.main-content #career-right-side #career-topics span.career-topic-title a{font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: 18px; text-decoration: none;}
.main-content #career-right-side #career-qa span a {color: #d32027;} 
.main-content #career-right-side #career-data span a {color: #59479d;} 
.main-content #career-right-side #career-what span a {color: #19803f;}

/*---- subscription --*/
.main-content #career-subscription {margin-top: 30px; border: 1px solid #ccc;  width: 248px; background-color: #F8F8F6;}
.main-content #career-subscription p {text-align: center; color: #33658E; font-weight:bold;}
.main-content #career-subscription form {width: 228px; background-color:#33658E;  padding: 10px;}
.main-content #career-subscription form input#career-email {width: 175px; border: 1px solid #ccc; color: #666; padding: 3px 5px; font-size: 11px;}
.main-content #career-subscription form input#career-subscribe-btn {border: 1px solid #ccc; background: #fff; padding: 2px 5px; font-size: 11px;}


/*-- headings --*/
h1, h2, h3, h4, h5, h6 {font-family: Arial, Helvetica, sans-serif;}

.main-content #career-featured-article h2, .main-content .career-article h2,
.main-content #career-featured-article h2 a {border: none; color: #000; font-size: 34px; font-weight: bold; margin-top: -10px;}
.main-content #career-main-content h3, .main-content .career-article h3 {border-bottom: 1px solid #CCCCCC; width: inherit; color: #183061; font-size: 20px; font-weight: bold; text-decoration: none; padding-top: 10px;}
.main-content #career-main-content .career-secondary-article h3 a, .main-content #career-main-content .career-secondary-article h3 {color: #000; border-bottom: none; font-size: 20px; font-weight: bold; text-decoration: none; padding-top: 10px;}

.main-content #career-right-side #career-topics h4 a, .main-content .career-article h4 {text-decoration: none; color: #000; font-size: 15px;}
.main-content #career-featured-article h2 a:hover,
.main-content .career-secondary-article h3 a:hover,
.main-content #career-right-side #career-topics h4 a:hover {text-decoration: underline; color: #003399; background: none!important;}
/*----article page-----*/
.main-content #career-main-content p {font-family: Tahoma, Arial, Helvetica, sans-serif; font-size:13px; line-height: 1.6em;}
.main-content .career-article #career-left-side h3 {font-size: 24px; }
.main-content .career-article #career-left-side h4 {font-size: 17px; }

.main-content .career-article p span.location {color: #000; font-size: 13px; font-weight: bold; margin-top: -3px; padding: 0; line-height: 1.2em;}
.main-content .career-article h2 span#qa-label-title, .main-content .career-article h2 span#data-label-title, .main-content .career-article h2 span#what-label-title {font-size: 20px;}
.main-content .career-article h2 span#qa-label-title {color: #d32027;}
.main-content .career-article h2 span#data-label-title {color: #59479d;}
.main-content .career-article h2 span#what-label-title {color: #19803f;}





/*--- links ---*/
.main-content #career-featured-article a.read-more-link,
.main-content .career-secondary-article a.read-more-link,
.main-content #career-right-side a.read-more-link
 {text-decoration: underline; color: #003399;}
 
/*--- labels ---*/
.main-content #career-main-content .career-label,
.main-content #career-right-side .related-content span.career-label {background-color: #FFFFFF; border: 1px solid #CCCCCC; color: #33658E;  font-family: Arial, Helveticsa, sans-serif;  margin-bottom: 0;text-align: center; text-transform: uppercase; font-size: 12px;  line-height: 1.5em;  padding: 2px 14px;  position: relative;}
.main-content #career-featured-article span.career-label {top: -10px;  width: 120px; left: 250px; }
.main-content #career-subscription span.career-label {top: -10px;  width: 120px; left: 77px; margin-bottom: 0;}
.main-content .career-article #career-right-side .related-content span.career-label {top: -15px; left: 15px; width: 200px;}
.main-content .career-archive #career-right-side .related-content span.career-label {top: -15px; left: 49px; width: 200px;}
.main-content #career-main-content #career-subscription .career-label{background-color:#FFFF85; font-weight:bold;}

.left-pull-quote, .right-pull-quote {border-bottom: 2px solid #DEE8ED; border-top: 2px solid #DEE8ED; color: #6684B4; font-size: 17px; font-style: italic; line-height: 1.4em; padding: 10px 0;  width: 300px; font-family: "Times New Roman", Times, serif; background-color:#fff;}
.left-pull-quote{float:left; margin: 5px 15px 5px 0;}
.right-pull-quote{float:right;margin: 5px 0px 5px 15px; }

.main-content #career-right-side .article-tools-box { float: none;   font-size: 77%;    margin: 0 0 25px 140px;   padding: 2px 4px;   text-align: center;   width: 55px;}



 
 /*--images --*/
.main-content #career-featured-article img.career-home-image {border: 1px solid #ccc; width: 620px; margin-bottom: 15px;}
.main-content #career-goodtoknow p {float: left;}
.main-content #career-quicktips img {margin-right: 10px; border: none; clear:both; display:block;} 
.main-content #career-right-side #career-topics p >img {margin: 0 0 5px 5px; border: 1px solid #ccc; width: 80px;}
.main-content #career-right-side #career-topics img.career-topic-img {margin-right: 5px;}


.main-content .career-article #career-right-side .career-article-image-container{width: 205px; margin-bottom: 30px; border: 1px solid #ccc;}
.main-content .career-article #career-right-side .career-article-image-container p{padding:5px; margin:0px;border-top:1px solid #ccc; background-color:#F9F9F9;}
.main-content .career-article #career-right-side .career-article-image {width: 205px; margin:0 auto; text-align:center; display:block;padding:0px;}


/*--boxes--*/
.main-content #career-quicktips {background: #EEEAD7; padding: 15px 15px 10px 15px; margin-bottom: 20px; width: 620px;}
.main-content #career-quicktips #quick-tips {font-weight: bold; font-size: 14px; margin-right: 10px;}
.main-content #career-quicktips p {width: 545px; margin-bottom: 0; font-family: Arial, Helvetica, sans-serif; font-size: 14px;}
.main-content .career-article .box,
.main-content .career-article #career-left-side .qa-facts-box {background: #eeead7; padding: 20px; width: 95%;}
.main-content .career-article .box{margin-bottom: 1em;}
.main-content .career-article #career-left-side .qa-facts-box p, .main-content .career-article .box p {font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 1.5em;}
.main-content .career-article #career-left-side .box h3 {text-align: center; font-size: 17px; border: medium none; color: #000000; font-weight: bold; margin-top: -10px;}
.main-content .career-article #career-left-side .qa-facts-box {width: 300px; margin: 0 20px 15px 0; float: left;}
.main-content .career-article #career-left-side .qa-facts-box h2 {text-align: left; font-size: 15px; margin-bottom: 0;}
.main-content .career-article #career-left-side .qa-facts-box ul {margin: 0 0 0 15px;;}
.main-content .career-article #career-left-side .qa-facts-box ul li {font-family: Arial, Helvetica, sans-serif; font-size: 13px; padding-bottom: 4px;}





/*-------------------------------ARTICLE PAGE------------------------------*/
.main-content .career-article #career-left-side {width: 690px; margin-right: 30px;}
.main-content .career-article #career-left-side p,
.main-content .career-about  p,
.main-content .career-contact #career-left-side p,
.main-content .career-article #career-left-side ul li,
.main-content .career-about ul li  {font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 13px; line-height: 1.6em;}
.main-content .career-article #career-left-side ul {margin: 0 0 10px 10px; padding: 0;}

.main-content .career-article #career-right-side {width: 205px;}
.main-content .career-article #career-right-side .related-content {background: #F8F8F6; border: 1px solid #d7d7d7; padding: 5px 15px 20px 15px; margin-bottom: 30px; }
.main-content .career-article #career-right-side .related-content ul {margin: 0; padding: 0;}
.main-content .career-article #career-right-side .related-content ul li {list-style: none; border-bottom: 1px dotted #ccc; padding: 5px 0;}
.main-content .career-article #career-right-side .related-content ul li a {text-decoration: underline; color: #000;}
.main-content .career-article #career-right-side .related-content ul li a:hover,
.main-content .career-article #career-right-side .related-content ul li:hover a  {text-decoration: underline; color: #003399; background: #F8F8F6;}
.main-content .career-article #career-right-side .related-content ul li:hover {cursor: pointer;}

/*-- page nav links --*/
.main-content #career-main-content #career-right-side #page-top-link {width: 210px;}
.main-content #career-main-content #career-right-side #page-top-link div {width:150px; margin-left: 45px; height: 40px;}
.main-content #career-main-content #career-right-side #page-top-link p {margin-left: 40px;}
.main-content #career-main-content #career-right-side #page-top-link a { background: none;    color: #003399;   cursor: pointer;   text-decoration: none; font-size: 11px;}
.main-content #career-main-content #career-right-side #page-top-link a#page-nav-top span,
.main-content #career-main-content #career-right-side #page-top-link a#page-nav-bottom span {border:none; color: #E8E8E8; cursor: pointer; display: block; float: left; height:40px; text-decoration: none;    text-indent: -9999px;    width:40px;}
.main-content #career-main-content #career-right-side #page-top-link a#page-nav-top span {background: url("/images/ooq/arrow_up.png"); margin-right: 30px;}
.main-content #career-main-content #career-right-side #page-top-link a#page-nav-bottom span {background: url("/images/ooq/arrow_down.png");}

/*--- tables --*/
.main-content .career-article table.regular {width: inherit; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
.main-content .career-article table.regular caption {width: inherit; font-size: 13.5px; font-weight: bold; color: #000; padding-bottom: 10px;}
.main-content .career-article table.regular thead tr th {padding: 7px }
.main-content .career-article table.regular tbody tr.even td {background-color:  #F8F8F6;}
.main-content .career-article table.regular tbody tr td {font-weight: normal; text-align: right; padding: 3px 10px; }
.main-content .career-article table.regular tbody tr td:first-child {text-align: left;} 
.main-content .career-article table.regular tfoot tr td {padding: 10px!important;}
.main-content .career-article table.regular p {font-family: Arial, Helvetica, sans-serif!important; font-size: 11px!important; color: #000; margin-bottom: 7px;}


/*--- footnotes ----*/
.main-content div.footnotes {width: inherit; margin-top: 40px; border-top: 1px #ccc solid; padding-top: 7px; color: #444; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
.main-content div.footnotes h5 {color: #000;}

/*-----author-bio text ----*/
.main-content #career-left-side .author-bio-text {margin: 30px 0 20px 0; padding-top: 10px; border-top: 1px solid #ccc; }
.main-content #career-left-side .author-bio-text p {font-family: Arial, Helvetica, sans-serif; color: #666; font-size: 13.5px; line-height: 1.6em; font-style: italic;}
.main-content #career-left-side .author-bio-text p a {font-style: italic; font-size: 13.5px; line-height: 1.6em;}




/*----- about page-------*/
.main-content .career-about .contact-list {margin: 30px 0 40px 0px; width: 250px; float: left;}
.main-content .career-about .contact-list  p {color: #444;  }
.main-content .career-about span.staff-title{color: #000; padding-bottom:0; font-style: italic;   letter-spacing: 0.03em; font-weight: bold;    margin-left: 0;  }


/*-- data on display page ----*/
.main-content .career-article #career-left-side p.chart-info {margin-top: 10px; margin-bottom: 25px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #555; line-height: 1.4em;}


/*-- archive page ----*/
.main-content .career-archive #career-left-side ul li a {font-family: Arial, Helvetica, sans-serif; font-size: 13.5px; line-height: 1.6em;}
.main-content .career-archive #career-left-side ul li a:hover {background-color: #fff;}
.main-content .career-archive #career-left-side ul li a.read-more-link {font-family: Arial, Arial, Helvetica, sans-serif; font-size: 13px;}

.main-content .career-archive #career-right-side .related-content {background: #F8F8F6; border: 1px solid #d7d7d7; width: 205px; padding: 5px 15px 20px 15px; margin-bottom: 30px;}
.main-content .career-archive #career-right-side .related-content p.archive-links a {text-decoration: none; padding: 3px 8px; border: 1px solid #F8F8F6;margin:20px 7px ; color: #000; font-size: 15px; line-height: 2.5em;}
.main-content .career-archive #career-right-side .related-content p.archive-links a:hover {text-decoration: none; background: #fff; border:1px solid #d7d7d7; color: #33658e;}
.main-content .career-archive #career-right-side .related-content p.archive-links a.current {background: #fff; border:1px solid #d7d7d7; color: #33658e;}

.main-content .career-archive #career-right-side .related-content ul {margin: 0; padding: 0;}
.main-content .career-archive #career-right-side .related-content ul li {list-style: none;  padding: 5px 0;}
.main-content .career-archive #career-right-side .related-content ul li a {text-decoration: underline; color: #000;}
.main-content .career-archive #career-right-side .related-content ul li a:hover,
.main-content .career-archive #career-right-side .related-content ul li:hover a  {text-decoration: underline; color: #003399; background: #F8F8F6;}
.main-content .career-archive #career-right-side .related-content ul li:hover {cursor: pointer;}

.main-content .archive .subjects-col {float: left; margin-bottom: 40px;margin-right: 30px; width: 270px;}
.main-content .archive .subjects-col:last-child {margin-right: 0;}


#career-left-side .cms-image{
	width:300px;
	height:auto;
}
#career-left-side .image-caption{
	width:290px;
	height:auto;
}



/* quicktip slideshow */
.scrollable2 {
  
  position:relative;
    overflow:show;
  overflow-x:hidden;

  width: 545px;
  height:90px;
}
 
.scrollable2 .items {
 
  width:20000em;
  position:absolute;
}
.items div {
  float:left;
}

#scrollable-nav {
position:absolute;

}

#scrollable-nav .browse{
height:30px;
width:32px;
display:inline-block;
position:relative;
bottom:-8px;
}
#scrollable-nav .browse:hover{
cursor:pointer;
}

#scrollable-nav .left{
background: url("http://www.bls.gov/content/homepage_images/icons/arrows.png") no-repeat scroll -3px -6px;

}
#scrollable-nav .left:hover{
background: url("http://www.bls.gov/content/homepage_images/icons/arrows.png") no-repeat scroll -33px -6px;
}
#scrollable-nav .right{
background: url("http://www.bls.gov/content/homepage_images/icons/arrows.png") no-repeat scroll -3px -36px;
}
#scrollable-nav .right:hover{
background: url("http://www.bls.gov/content/homepage_images/icons/arrows.png") no-repeat scroll -33px -36px;
}