/*** Careers Homepage ***/

/** Advertising Sidebar **/
#careers-buttons {
    margin: 0;
    padding: 0;
    float: left;
    width: 135px;
}

#careers-buttons h2 {
    margin-bottom: 6px;
}

#careers-buttons .banner {
    margin-left: 5px;
}
/** Adverttising Sidebar **/

/** Page Structure **/
#layout {
    position: relative;  
}

#layout.careers #content {
    margin: 0 0 0 12.8em;
    padding: 0 19.1em 0 0;
    position: relative;
}
/** Page Structure **/

/** Promoted Content **/
#promoted {
    color: #fff;
}

#promoted .box {
    background:url("/images/careers/featured_fill.gif") repeat-x scroll left bottom #004A8F; 
}

#promoted a:link {
	color: #fff;
	text-decoration: none;
}

#promoted a:visited {
	color: #fff;
	text-decoration: none;
}

#promoted a:hover {
    color: #339999;
	text-decoration: underline;
}

#promoted a:active {
	color: #fff;
	text-decoration: none;
}

/*#promoted ul {
}

#promoted ul li {
	margin: 0.2em 0 0.3em;	
	padding: 0.1em 0;
	line-height: 1.1em;
}*/

#promoted h1 {
	margin: 0 !important;
	padding: 0 0 0.2em !important;
	color: #fff;
	font-size: 1.6em;
	line-height: 1.6;
}

#promoted h2 {
    color: #54acde;
    margin: 0 0 0.4em;
    padding: 0;
    line-height: 1; 
    font-weight: bold;
    font-size: 1.4em;  
}

#promoted h2 a {
    color: #54acde !important;
}

.promoted-header {
    margin: 0;
    padding: 0;
    background: url("/images/careers/featured_background_tl.gif") no-repeat scroll left top #004A8F;
    height: 6px;
}

.promoted-header-inner {
    background: url("/images/careers/featured_background_tr.gif") no-repeat scroll right top #004A8F;
    height: 6px;
    width: 6px;
    margin: 0 0;
    float: right;
}

.promoted-footer {
    margin: 0 0 20px;
    padding: 0;
    background: url("/images/careers/featured_background_bl.gif") no-repeat scroll left bottom #0e3e73;
    height: 6px;
}

.promoted-footer.sequential {
    margin: 0 0 0.6em;
}

.promoted-footer-inner {
    background: url("/images/careers/featured_background_br.gif") no-repeat scroll right bottom #0e3e73;
    height: 6px;
    width: 6px;
    margin: 0;
    float: right;
}
/** Promoted Content **/

/** Editor's Choice **/
#choice-content {
    margin: 0;
    padding: 0 1em;       
    overflow: auto;   
}

#choice-article {
    margin: 10px 0 10px;
    padding: 0;
}

#choice-image {
    height: 100%;
    /*width: 20%;*/
    float: left;
}

#choice-image img {
    /*border: 1px solid #a9d5ee;*/
    margin: 0 10px 10px;
}

#choice-summary {
    margin: 0;
    padding: 0 0 0 120px;
}

#choice-summary p {
    margin: 0;
    padding: 0 0 0 0.4em;
}
/** Editor's Choice **/

/** Working Overseas **/
#international {
    margin: 0;
    padding: 0;       
    overflow: auto;     
}

#international-content {
    margin: 0;
    padding: 0 1em;    
}

#international-content ul {
    list-style: none;
}

#international-content ul li {
    margin: 0;
    padding: 0;
}

#international-listings {
    margin: 10px 0 10px;
    padding: 0;
}

#international-listings ul {
    margin-left: 0.4em !important;
}

#international-articles {
    width: 20em;
    float: left;
    margin: 0;
    padding: 0 0.6em;    
}

#country-profiles {
    width: 10em;
    float: left;
    margin: 0;
    padding: 0 0.6em;
}

#international-search {
    width: 10em;
    float: left;
    margin: 0;
    padding: 0 0.6em;    
}
/** Working Overseas **/

/** Featured Items **/
#featured {
    margin: 0;
    padding: 0 1em;       
    overflow: auto;   
}

#featured-items {
    overflow: auto;
    width: 100%;
    margin: 10px 0;
    padding: 0;
}

#featured-items ul {
    /*width: 100%;*/
    display: block;
    clear: both;
    list-style: none;
}

#featured-items ul li {
    width: 33%;
    float: left;
    /*display: block;*/
	margin: 0.2em 0 0.3em;	
	padding: 0.1em 0;
	line-height: 1.1em;    
}

#featured-items ul li.featured-narrow {
    width: 24.5%;
}

.featured-item {
    text-align: center;
}

.featured-item-inner {
    padding: 0.6em;
}

.featured-item p {
    margin: 0.4em 0;
}

.featured-item img {
    /*border: 1px solid #a9d5ee;*/  
    display: block;
    margin: 0 auto 0.4em;  
}
/** Featured Items **/

/** Country Profiles **/
#country-profiles-mini {
    display: block;
    width: 100%;
    margin: 0.2em 0;
    padding: 0.4em 0;
    overflow: auto;
}

#country-profiles-mini h2 {
    margin: 0.2em 0 0.4em;
    padding: 0.1em 0;
}

#country-profiles-mini ul {
    list-style: none;
}

#country-profiles-mini ul li {
    width: 25%;
    float: left;
    /*display: block;*/
	margin: 0.2em 0 0.3em;	
	padding: 0.1em 0;
	line-height: 1.1em;  
    text-align: center; 
}

#country-profiles-mini a {
    text-decoration: none;
}

#country-profiles-mini a:hover {
    text-decoration: underline;
}

.country-flag {
}

.country-caption h3 {
    margin: 0.3em 0;
    padding: 0.1em 0;
}



/** Utility Classes **/
div.clear {
    clear: both;
}

.more-content a {
    margin: 0;
    padding: 0;
    font-style: italic;
    color: #54acde !important;
}

.no-featured {
    margin: 1em 0 1em;
}
/** Utility Classes **/

/** Article Listing Results **/
#results h3 {
    font-weight: bold;
}
/** Article Listing Results **/

/** Additional Content Boxes **/
#additional {
    padding: 0 0 1em;
}

#additional a {
    text-decoration: none;
}

#additional a:hover {
    text-decoration: underline;
}

#additional ul {
    list-style-type: none;
    margin: 0;
    padding: 0 0 0 0.3em;
}

#additional ul li {
    margin: 0;
    padding: 0.3em 0;
    line-height: 1.3;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #ddd;
}

#additional .box-content {
    padding: 0.6em 0.4em;
}

#additional div.banner {
    text-align: center;
}

#additional div.banner img {
    margin: 0 auto;
}

#case-studies {
    width: 24%;
    margin: 0 1% 0 0; 
    float: left;
}

#careers-advice {
    width: 24%;
    margin: 0 1% 0 0;
    float: left;
}

#your-discipline {
    width: 24%;
    margin: 0 1% 0 0;
    float: left;
}

#featured-employers {
    width: 24%;
    margin: 0;  
    float: left;  
}

#featured-employers ul {
    text-align: center;
    padding: 0;
}

#additional h1, #additional h3 {
    color: #003989;
    font-weight: bold;
    margin: 0 0 0.6em;
    padding: 0;
    font-size: 1.1em;
    line-height: 1em;
    background: none;
    border: none;
}

#additional h4 {
    font-size: 1.1em;
    font-weight:bold;
    font-style: italic;
    margin: 0.2em 0 0.3em;
}

#additional img.new-writer {
    float: right;
}

#additional span.new-writer {
    display: block;
    font-weight: bold;
}
/** Additional Content Boxes **/

/** Search Box **/
#careers-search {
    margin: 0 0 6px;
    padding: 0;
    /*width: 100%;*/
    position: relative;
}

#keywords {
    margin: 0;
    padding: 5px;
    width: 33.5em;
    vertical-align: top;
}

#careers-search #search-submit {
    margin: 0;
    padding: 0;
    /*float: right;*/
    vertical-align: middle;
    position: absolute;
    right: 0;
}
/** Search Box **/

/** Career Tools **/
#career-tools {
    position: absolute;
    right: 0;
    top: 0;
    width: 18.2em;
}

/** Career Tools **/

/** Articles **/
h1.article-heading {
    margin-bottom: 0;
}

h3.subtitle {
    color: #666;
    margin: 0;
    padding: 0;
    font-size: 1.3em;
}

#article {
    padding: 0 0.4em;
}

#article img {
    margin: 10px 10px 0 10px; /* global override of margin and padding is interfering with hspace and vspace attributes */
    /**margin: 0;*/ /* Except IE which doesn't have that problem */
}

#article h2, #article h3 {
    margin: 0.6em 0 0.4em;
}

#related-content {
    margin: 1em 0;
}

#related-content h4 {
    margin: 0.6em 0 0.4em;
    font-weight: bold;
}

.related-box {
    background: #EFF5F9;
    border: 1px solid #D8E5EC;
    margin: 1.2em 0 0.8em;
    padding: 1em;
}

.related-box h2 {
    margin-top: 0;
}

#article-options {
    position: relative;
    border: 1px solid #D8E5EC;
    margin: 2px;
    padding: 0.4em; 
    overflow: hidden;
    height: 1%;
}

#article-options span.label {
    font-size: .9em;
    font-weight: bold;
}

#article-options ul {
    list-style: none;
    padding: 0;
}

#article-options ul li {
    float: right;
    padding: .25em 1em;
    border-left: 1px solid #D8E5EC;
}

#article-options ul.sharing li,
#article-options ul.star-rating li {
    border-left: 0;
    padding: 0;
}

#article-options ul li.first {
    float: left;
    border-left: none;
    margin: 0;
}

#article-options ul.sharing {
    display: block;
    float: left;
    margin: 0;
}

#article-options ul.sharing li {
    float: left;
}

.inline-sharing {
	display:inline-block;
	vertical-align: top;
}

a.print {
    padding-bottom: 1px;
}

/*** Star Ratings ****/

ul.star-rating,
ul.star-rating a:hover,
ul.star-rating a:active,
ul.star-rating a:focus,
ul.star-rating .current-rating {
	background: url(/images/careers/star.gif) left -1000px repeat-x;
}

ul.star-rating {
    float: none;
	position:relative;
	width:70px;
	height:20px;
	overflow:hidden;
	list-style:none;
	margin:0;
	padding:0;
	background-position: left top;
}

ul.star-rating li{
    float: none !important;
	display: inline;
	margin: 0;
	padding: 0 !important;
	text-indent: -1000em;
}

ul.star-rating a,
ul.star-rating .current-rating{
	position:absolute;
	top:0;
	left:0;
	text-indent:-1000em;
	height:20px;
	line-height:20px;
	outline:none;
	overflow:hidden;
	border: none;
}

ul.star-rating a:hover,
ul.star-rating a:active,
ul.star-rating a:focus{
	background-position: left bottom;
}

ul.star-rating a.one-star{
	width:20%;
	z-index:6;
}

ul.star-rating a.two-stars{
	width:40%;
	z-index:5;
}

ul.star-rating a.three-stars{
	width:60%;
	z-index:4;
}

ul.star-rating a.four-stars{
	width:80%;
	z-index:3;
}

ul.star-rating a.five-stars{
	width:100%;
	z-index:2;
}

ul.star-rating .current-rating{
	z-index:1;
	background-position: left center;
}

.inline-rating{
	display:inline-block;
	vertical-align: top;
}

.star-rating-static,
.star-rating-static .current-rating {
  display: block;
 	background: url(/images/careers/star.gif) left top repeat-x;
	text-indent:-1000em;
	width: 70px;
	height:20px;
	line-height:20px;
	outline:none;
	overflow:hidden;
	border: none;
}

.star-rating-static .current-rating {
    background-position: 0 -20px;
}


.result h3 {
    font-size: 1.2em;
    margin: 0;
}

.result-info {
    font-size: .9em;
    font-weight: bold;
}

/*** Salary Checker ***/
.salary h1 {
    margin: 0.6em 0 0.3em;
}

.salary h2 {
    margin: 0.6em 0 0.3em;
}

.salary h3 {
    margin: 0.6em 0 0.3em;
}

#salary-checker select {
	max-width: 16em;
}

tr.highlight {
    background: #FFFCAF;
}

form#salary-capture {
	width: 99%;
}

#salary-form {
    width: 24em;
}

#salary-survey-form {
    margin-bottom: 2em;
}

#salary-survey-form th {
    text-align: left;
}

#salary-survey-form label {
    display: block;
    margin: 0;
}

#salary-survey-form label input {
    margin: 3px 6px 3px 0;
}

#job_title, #county, #faculty {
    margin-top: 1em;
}

form .errors {
    color: #B8000C;
    background-color: #FFBABA;
    border: 1px solid #D8000C;
    padding: .5em;
    margin: .5em 0;
}

#salary-survey-form .left-select {
    width: 8em;
    float: left;
}

#form-submit td {
    text-align: right;
}
/** Salary checker **/

/** RSS Feeds **/
dl.feeds dt {
    font-size: 1.2em;
    padding-left: 26px;
    background: url(/images/careers/feed.gif) no-repeat 4px 50%;
}

dl.feeds dd {
    padding-left: 26px;
}
/** RSS Feeds **/

/** Search Page **/
input#sort-element {
	margin-right: 4px;
}

input#sort-date {
	margin-right: 4px;
}

.boxed h2 a {
	color: #fff !important;
}
/** Search Page **/

/** Career Blogs **/
.blog {
    background: #DDEBF2 url(/images/careers/blog_bg.gif) repeat-x top left;
    border: 1px solid #C2DBE9;
    padding: 1.5em;
    margin: 0 0 2em 0;
}

.blog h2 {
    margin-top: 0;
}

.blog h2 a {
		text-decoration: none;
}

.blog-description {
    padding-left: 130px;
}

.blog .blog-writer {
    width: 110px;
    margin-left: -130px; 
    float: left; 
    text-align: center;      
}

.blog img.mugshot {
    border: 3px solid #9eb9c8;
}

.blog .new-writer {
    margin: 0.2em 0;
}
/** Career Blogs **/

/** Adsense **/
#adsense {
    margin: 2em auto;
}

#adsense.sidebar-thin {
    width: 160px;
}

#adsense.archive {
    width: 200px;
}
/** Adsense **/

#featured-compact {
    margin: 10px 0;
    padding: 0;
}

ul.compact-horizontal {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
}

ul.compact-horizontal li {
    float: left;
    width: 33%;
    margin: 0;
    padding: 0;
}

ul.compact-vertical {
    float: left;
    width: 12.8em;
    clear: none !important;
    color: #333;
    line-height: 1.1;
    margin: 0 0.2em 0;
    padding: 0 0 0 1.3em;
}

ul.compact-vertical li {
    color: #54acde;
    margin: 0.6em 0 0;
    padding: 0;
    line-height: 1.2;
}

ul.compact-vertical li a {
    color: #fff !important;
}

#featured-compact a.browse-type {
    color: #54acde !important;
}

/*Email to a friend template*/
.email-to-friend #content{
	margin:0;
	padding:0;
}
#email-friend-form dt {
    clear: both;
    float: left;
    font-size:1.1em;
    padding: 0.3em;
    text-align: left;
    width: 15em;
}
#email-friend-form dd {
    float: left;
    width: 30em;
}
#email-friend-form .errors{
	background-color:inherit;
    border: none;
	clear: both;
    color: red;
    float: left;
    list-style: none outside none;
    padding: 5px;
    margin:0;
}
#email-friend-form ul li{
	margin:0.5px;
}
input.errors{
	border: 1px solid red;
    color: #333333;
}
.required:after {
    color: red;
    content: "*";
    padding-left: 3px;
    text-align: right;
}
#job-info{
		border: 1px solid #76A2F5;
        background: #DAE3F5;
        padding: 0;
        margin-left: 0;
    	padding: 0 0 0.5em 1em;
		margin-bottom:1em;
}
#job-info .info-left{
	float:left;
	width:15em;	
	clear:both;
	padding:0.5em 0.5em 0 0.5em;
}
#job-info .info-right{
	width:50em;
	padding:0.5em 0.5em 0 0.5em;
	font-weight: bold;
}