/*
CSS RESET
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.8.0r4
*/
html{font-family:'Oxygen', Arial, Helvetica, sans-serif;color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}


/* CONTAINER ELEMENTS AND STANDARD STYLING */
h1,h2,h3,h4,#nav { font-family:'Ubuntu', Arial, Helvetica, sans-serif; }
html,body { background:#f6f6f6; font-size:16px; }
.container { width:1000px; background:transparent url(../images/bg.gif) repeat-y top left; margin:10px auto; }
strong { font-weight:bold; color:#222; }
em { font-style:italic; }
p { margin-bottom:1em;  }
p, ul, ol, table { font-size:1.1em; }
/*.container a { color:#028f31; text-decoration:none; border-bottom:1px solid #028f31; }*/
#borderTop { background:transparent url(../images/bg-top.gif) no-repeat top left; width:1000px; height:38px; }
#borderBottom { background:transparent url(../images/bg-bottom.gif) no-repeat top left; width:1000px; height:23px; }
.inner { width:915px; margin:0 auto; }
a { text-decoration: none; border-bottom:0;}
#m a { color:#ff7200;}

/* HEADER */
#mob-banner { width:960px; margin:20px auto; }
#h { box-sizing:content-box; padding:15px 0 5px 0px; height:89px; }
#logo { float:left; width:400px; overflow:hidden; height:69px; }
#h h1 a span { background:transparent url(../images/salary-calculator.gif) no-repeat top left; position:absolute; top:0; left:0; width:367px; height:69px; }
#banner-right { text-align:center; font-size:0.8em; color:#888; float:right; width:212px; height:69px;  margin:0; padding:0;}
#banner-right p {margin-top:0.5em;}
#banner-right a { color:#888; text-decoration: underline; }
#banner-right li { float:left; margin:0; padding:0; }
#banner-right li a { height:69px; display:block; cursor:pointer; }
.social-blog a { text-indent:-9999px; width:69px; overflow:hidden; background:transparent url(../images/social.png) no-repeat 0 -1px;}
.social-fb a { text-indent:-9999px; width:85px; overflow:hidden; background:transparent url(../images/social.png) no-repeat -70px 0;}
.social-twitter a { text-indent:-9999px; width:58px; overflow:hidden; background:transparent url(../images/social.png) no-repeat -158px 0;}
#banner-content-top { /*border:2px solid #ff5400;*/ margin:0 auto; text-align:center; height:15px; padding:0.3em; margin-bottom:1em; }
#banner-content-top-landscape { /*border:2px solid #ff5400;*/ margin:0 auto; text-align:center; height:90px; padding:0.3em; margin-bottom:1em; }

/*NAV*/
.nav a { border:0 !important;}
#subnav { margin-bottom:1em; }

/* MAIN CONTENT */
#m { padding-top:1em; padding:0 17px 0 17px; font-size:1em; line-height:1em; }
.content a, #boxes a { color:#ff7200; text-decoration: none; border-bottom:1px dotted #fcc08d; }
.content { color:#666; font-size:0.8em; }
.content p { font-family:'Oxygen', Arial, Helvetica, sans-serif; }
#intro p { font-size:1.3em; }
.inner.content { color:#666; font-size:0.7em; }
#survey .inner.content { color:#666; font-size:0.8em; }
.content h4 { font-weight:bold; }
.content h2 { color:#333; font-weight:bold; font-size:1.4em; padding-bottom:0.5em; margin-bottom:0.5em; border-bottom:1px dotted #ddd;}
.content h1 { color:#333; font-weight:bold; font-size:2em; padding:0.5em 0; margin-bottom:0.5em; /*border-top:2px dotted #ddd;*/ border-bottom:1px dotted #ddd;}
/*.content h2 { color:#333; font-weight:bold; font-size:1.25em; padding:0.5em 0; margin-bottom:0.5em; }*/
#help_container  {height:0; text-indent:-9999em; overflow:hidden; }
#help { font-size:0.9em; line-height: 1.5em; margin-bottom:1em; background:transparent url(../images/dotted-bg.gif) repeat-y top left; }
.help { float:left; padding-right:10px; width:155px; margin-right:15px; }
.help.last { border:0; }
#colleaguecalc #help { background:none !important; }
#colleaguecalc .help { float:left; width:450px; padding:0; margin:0; }
#features { line-height:normal; border-top:1px dotted #eee; padding-top:1em;}
#features p { font-size:1.1em; line-height:1.5em;}
#features .fl, #features .fr { width:295px; margin-right:10px; }
#features .last { margin-right:0; }

/* CALCULATOR */
.promote { margin-top:1em; }
#calculator { margin-bottom:1em; padding-top:1em;}
#calculator .box { background:#fff;}
#calculator .share { margin-bottom:15px; }
#shareStrap { padding-top:3px; font-weight:bold; color:#ff7200; font-size:0.8em; padding-left:5px; float:left; margin-right:1em;}
.addthis_button_facebook_like { height:21px !important; overflow:hidden; }
.addthis_button_tweet { width:95px !important; overflow:hidden;  }
.addthis_button_linkedin_counter { width:120px !important; overflow:hidden; padding-top:1px !important; }
.promote { font-size:0.9em; text-align: center;  }
.promote a { font-weight:bold; color:#ff7200; border-bottom:1px dotted #ff7200 !important; }
.addthis_toolbox a, addthis_default_style a {border-bottom:0 !important;}
#tool { font-size:0.75em; line-height:1.5em; }
.highlight, .highlight td, .hightlight th { background:#fef0e4; }
#salary_input { width:410px; }
#salary_input ol { width:100%; clear:both; float:left; }
#salary_input li { padding:0.5em 0.7em 0.5em 0.3em ; float:left; }
input, select { vertical-align:baseline; }
input.check { width:13px; vertical-align:text-top; }
#student_loan { width:220px; }
#salary_input div, #salary_details { border:1px solid #f59b4e; padding:2px; }
#salary_details { float:right; width:480px; }
#salary_details p { margin:0.5em; }
/*#results-banner { width:468px; height:60px; overflow:hidden; }*/
#results-banner { text-align:center; }
#shareHeader { font-weight:bold; text-align:center; color:#000;}
#salary_details p { margin:0.5em; }
#trivia { font-size:1.1em; color:#444; border:1px solid #f59b4e; background:#feffd6; padding:0.5em; }
#salary_details table { width:100%; color:#444; }
.not-calculated, .not-calculated strong, .not-calculated th, .not-calculated td { color:#777; }
#salary_details table td, #salary_details table th { padding:0.5em; }
#salary_details .tableHeading td, #salary_details .tableHeading th { background:#fce4d0; border-top:1px solid #fed7b5; border-bottom:1px solid #fed7b5; }
#salary { border:1px solid #ff7200; padding:0.2em; width: 80px;}
.toolTip { cursor:help; margin-top:1px; border:0 !important; margin-right:5px; display:block; float:left; height:15px; }
#calculate_salary, #modal_calculate_salary, #initial_calculate_salary { background:#fe771e; color:#fff; font-size:2em; display:block; margin:0.5em auto 0 auto; padding:15px 30px; border:0; border-top:2px solid #ffb47e; border-left:2px solid #ffb47e; cursor: pointer; -webkit-box-shadow: 2px 2px 0px 0px #d25503; box-shadow: 2px 2px 0px 0px #d25503; }
#calculate_salary:hover, #modal_calculate_salary:hover, #initial_calculate_salary:hover { background:#fc6d0e; text-shadow: 1px 1px 0px #d25603; filter: dropshadow(color=#d25603, offx=1, offy=1); }
#gross-salary-details, #your-calculated-salary { margin:0.5em; font-size:1.7em; color:#fe7720; }

.tooltip { color:#000; width:200px; padding:10px !important; font-size:1em; border:1px solid #e3d124 !important; background: #fef486; position: absolute; top: 0; left: 0; z-index: 3; display: none; cursor:help; }
.tooltip img { cursor:help; }
.tooltip h3 { font-size:1.3em; margin-bottom:0.5em;}
#salary_input div .active p { margin:0 !important; }
#full-terms ol { padding-left: 1em; margin-left: 1em; }
#full-terms ol li { list-style-type:decimal; }

#blog_posts h2 { background:transparent url(../images/blog-icon.gif) no-repeat 0 3px; padding-left:25px; }
.tools { background:transparent url(../images/tools.gif) no-repeat 0 3px; padding-left:25px; }
.support{ background:transparent url(../images/email.gif) no-repeat 0 3px; padding-left:30px; }
#features ul { margin-left:1em; padding-left:1em; }
#features li { line-height:1.5em;list-style-type:square; padding-bottom:0.5em;}

/* FOOTER */
#f { clear:both; font-size:0.75em; margin-top:0.5em; padding:0 1em 0 1em; }
#f * { color:#646464;  }
#f { border-top:6px solid #b8b8b8;  }
#f p { padding-top:15px; text-align:right; margin:0; }
#f .think-tax { position:relative; display:block; float:left; margin-right:0.5em; top:5px; }
#f .social-icon-fb, #f .social-icon-twitter { position:relative; display:block; float:right; margin-left:0.5em; top:10px; }
#f a { border-bottom:1px solid #fff; }
#f_disclaimer { width:900px; margin:0 auto; font-size:0.7em; color:#999; text-align:center; }
#f_disclaimer strong { color:#999; }
#f_disclaimer a { color:#666; }

/* MISC & USEFUL CLASSES */
.center { text-align:center; }
.fl { float:left; }
.fr { float:right !important; }
p.fr { float:right; margin-left:1em; }
p.fl { float:left; margin-right:1em; margin-bottom:0.5em; }
p.fls { float:left; margin-right:0; margin-bottom:0.5em; }
.fls a { border:0; }
.cb { line-height: 0; height:0; border:0 !important; padding:0 !important; clear:both; }
.h { display:none; }
.hide { display:none; }
.small { font-size:0.7em; color:#666; }
.align-right { text-align: right; }
.code { border:1px solid #ccc; background:#eee; padding:1em; color:#000; font-family: "Courier New", Courier, monospace; margin-bottom:1em; }
#iframe { width:500px; margin:0 auto; }
.error { background:#FFCCCC; border:1px solid #FF5252; font-size:1.1em; padding:0.5em;  }

#mask {
  position:absolute;
  z-index:9000;
  background-color:#000;
  display:none;
}

#salary_input #boxes, #boxes div { border:0; padding:0; }

#boxes .window {
  position:fixed;
  display:none;
  z-index:9999;
  padding:20px;
  background:#fff;
}


/* Customize your modal window here, you can add background image too */
#boxes #dialog {
  width:500px;
  height:300px;
}

#boxes h4 { font-size:1.2em; font-weight:bold; padding-bottom: 1em; }
#boxes .cb { padding:0.7em !important; }

/* partner page styles */
.partnerCopy ul { margin-left:1em; }
.partnerCopy li { list-style-type:square; padding-bottom:0.4em; }
.flInfo { float:left; width:30%; padding:1%;}
.partnerInfo { background:url('../images/partner-bg.jpg') top right no-repeat; width:915px; height:250px; }
.jobsite { background:url('../images/jobsite-bg.jpg') top right no-repeat; }
.partnerInfo div { font-size:1.2em; width:350px; padding:20px; }
.partnerCopy h3 { font-size:1.2em; margin:1em 0; }

/* job search */
.placeHolder { color:#888; }
/*#jobSearch { padding:10px; margin:10px; border:1px solid #f59b4e; background:#fbfda9 url('../images/job-search-bg.gif') top left repeat-x; }
#jobSearch p { margin:0 0 0.5em 0; }
#jobSearchTitle { width:125px; border:1px solid #f59b4e; padding:0.4em; }
#jobSearchLocation { width:125px; border:1px solid #f59b4e; padding:0.4em; }
#jobSearchBtn { cursor:pointer; text-align:center; color:#fff; font-weight:bold; width:132px; height:29px; background:url('../images/job-search-btn.gif') top left no-repeat; padding:0; border:0; }*/

/* survey */
.medianTable { float:left; width:335px; }
#survey p, #survey ul, #survey table { font-size: 1.1em; }
#survey h3 { font-weight:bold; }
#survey table { margin-bottom:2em; }
#survey ul { margin-bottom:2em; }
#survey th { font-weight:bold; }
#survey th, #survey td { padding:1em; border-bottom:1px solid #eee;}
.boxPlot { float:right; width:580px; }
.full { width:100%; }
.c-data th, .c-data td { text-align: center; }
#survey .contents { width:300px; padding:1em; background:#fcfcfc; border:1px dotted #ccc; }
#survey .contents li { margin: 0 0 0 1em; }
#survey .contents ul { font-size:1em; margin-bottom:0; }

/* nav */
#nav { font-size:1.2em; padding:0 3px; margin-bottom:1em; float:left; margin-left:40px; background:#fef7f0; width:915px; border-top:2px solid #ff7200; border-bottom:1px solid #ff7200; }
#nav li { float:left; display:block; border-right:1px dotted #fedec4; margin:3px 0;}
#nav a {  padding:0.5em 1em; display:block; font-size:0.9em; color:#ff7200; /*color:#ff7200;*/}
#nav a:hover { text-shadow: #fff 0.5px 0.5px 0px; background:#fff1e6; text-shadow: 1px 1px 0px rgba(255, 255, 255, 1); }

#salarybot { width:200px;}
#content-ad > ins { display:block !important;}

/* survey monkey */
.surveyHeader {
  padding:0.5em;
  margin:0 auto;
  text-align: center;
  background:#000;
  color:#fff;
}

.surveyHeader a {
  color:#ff7200;
  border-bottom:1px solid #fff;
  font-weight: bold;
}

.salaryCheckerBody {
  margin-bottom: 4em;
  line-height: 150%;
}

.leaderBoardAd{
  text-align: center;
}

.salaryCheckerMsg > h2 {
  font-size:2.5em;
  line-height: 150%;
}

.salaryCheckerMsg {
  margin:1em;
  text-align: center;
}

#salaryChecker, .job-search {
  margin:2em auto;
  text-align: center;
}

#salaryChecker > .search, .job-search > .search {
  font-size:2em;
  padding:10px;
}

.adzuna-credit {
  text-align: center;
  font-size:0.8em;
  color:#666;
}

.adzuna-credit__link {
  color:#666 !important;
}

.adzuna-credit__img {
  display:block;
  margin:0 auto;
  width:70px;
}

#salaryChecker > .submit, .job-search > .submit {
  font-size:2em;
  cursor:pointer;
  text-align:center;
  color:#fff;
  font-weight:bold;
  padding:10px;
  border:0;
  background: #ff7200;
  border:2px solid #ff7200;
}

#jobAlertSignUp {
  margin-top:1.5em;
}

.footerSignup {
  border:1px solid #ddd;
  background:#FFFDED;
  padding:1em;
}

#jobAlertSignUp > .search {
  padding:3px;
}

#jobAlertSignUp > .submit {
  cursor:pointer;
  text-align:center;
  color:#fff;
  font-weight:bold;
  padding:3px;
  border:0;
  background: #ff7200;
  border:2px solid #ff7200;
}

.errors {
  margin-bottom:1em;
}

.errors > h3 {
  color:#D10E00;
  font-size:1.3em;
  line-height: 150%;
}

.success > h2 {
  font-size:1.3em;
  line-height: 200%;
}

/* clearfix */
.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
    *zoom: 1;
}

/* Widget landing page */
.widgetComparison {
  width:31%;
  font-size:1.5em;
  margin:0 auto 2em;
}

.widgetComparison td, .widgetComparison th {
  padding:0.75em 0.3em;
  text-align: left;
}

.widgetComparison td {
  border-bottom:1px solid #eee;
}

.widgetComparison th {
  font-weight: bold;
  border-bottom:2px solid #ccc;
}

.widgetComparison td:nth-child(2),
.widgetComparison th:nth-child(2) {
  text-align: center;
  width:10%;
}

.totalRow th {
  border-top:5px solid #ccc;
}

.bigCost {
  display: block;
  margin:0 auto;
  font-size:3em;
  text-align: center;
}

.star {
  background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAtElEQVQoz+2S0Q2AIAwFGYERHMVRGMGEBRjJERzBETqCGyCYQghRbKn8aXI/St8hD+W9VyNRv4AtaD3WWhNprZEKIDJEgLv3iBkhgEIAnwpC4FyEJ+YuQRicMHAJuMBW7T7/BX5zuDbOTBTBfhNGZacIdKckzmhSBx2SK5xVMkOSw9m36OH2NG8TV2AIAiMROILASQRrFbYh5btVIkglQ3nW2A2kkiWCoz7jm44OluBrfsErJ8j79BUPTQO5AAAAAElFTkSuQmCC) left bottom;
  width:24px;
  height:24px;
  display: inline-block;
  vertical-align: bottom;
}

.reviewLink, .reviewLink a {
  vertical-align: middle;
  line-height:22px;
}

.userReview {
text-align: center;
}

.userReview > em {
  font-size:1.2em;
}

.widgetSale h2 {
  margin-top:3em;
  font-size:2em;
}

.widgetSale .bigText {
  font-size:1.5em;
}

.widgetSale .signupVideo {
  margin-bottom: 1em;
}

.widgetSignupForm {
  width:45%;
  margin:2em auto 3em;
  border:2px solid #FFD7BC;
  padding:2em;
}

.widgetSignupForm li {
  margin-bottom:1em;
}

.widgetSignupForm label {
  font-size:1.1em;
}

.widgetSignupForm label, .widgetSignupForm .input, .widgetSignupForm .select {
  width:80%;
  text-align: left;
  display: inline-block;
}

.widgetSignupForm .select, .widgetSignupForm .input {
  padding:0.2em;
  font-size: 1.3em;
  border:1px solid #ccc;
  background: #fff;
}

.widgetSignupForm .submit, .content .widget-trial-link {
  background: #fe771e;
  color: #fff;
  font-size: 1.3em;
  display: block;
  margin: 1em auto 0 auto;
  padding: 5px 15px;
  border: 0;
  border-top: 2px solid #ffb47e;
  border-left: 2px solid #ffb47e;
  cursor: pointer;
  -webkit-box-shadow: 2px 2px 0px 0px #d25503;
  box-shadow: 2px 2px 0px 0px #d25503;
}

.widget-showcase-strap {
  font-size:1.5em;
  margin-bottom:1em;
}

.widgetSignupForm .submit:hover, .content .widget-trial-link:hover {
  background: #fc6d0e;
  text-shadow: 1px 1px 0px #d25603;
  filter: dropshadow(color=#d25603, offx=1, offy=1);
}

.widgetSignupForm .small-print {
  display:block;
  margin-top: 5px;
  font-size:0.8em;
}

.widget-trial-link {
  width:25%;
}

.tab-pane {
  padding:1em 0;
}

.nav-tabs > li {
  display: inline-block;
  float: none;
}

.nav-tabs .active {
  border:1px solid #ccc;
  border-bottom: none;
  border-radius: 4px 4px 0 0
}

.nav-tabs {
  text-align: center;
}

.errorList {
  color:red;
}

.noborder {
  border:0 !important;
}

/* Job search */
.job-search > .submit {
  font-size:1.3em;
}

.job-search > .search {
  font-size:1.3em;
}

.job-listing {
  text-align: left;
  margin: 4em 0;
}

.job-listing-salary {
  color:#119024;

}

.job-listing-salary a {
  color:#119024 !important;
}

.job-listing-heading {
  font-size:22px;
}

.job-listing-heading strong {
  color:inherit;
}

.job-listing-footer {
  margin-top: -20px;
}

.adzuna-job-listing-image {
  display: inline-block;
  margin-bottom: -9px;
  margin-left: -4px;
}

.medium {
  font-size: 1.5em !important
}