/*
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{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 */
*{ font-family:Verdana, Arial, Helvetica, sans-serif; }
html { overflow:hidden; background:#fff; }
body { overflow:hidden; }
.container { width:500px; 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:0.95em; }
/*.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:500px; margin:0 auto; }
a { text-decoration: none; border-bottom:0;}

/* MAIN CONTENT */
#m { padding-top:1em;font-size:1em; line-height:1em; }
#banner-content-top { margin:0 auto; padding-top:0.5em; text-align: center; }
.content a { color:#ff7200; text-decoration: none; border-bottom:1px dotted #fcc08d; }
.content { color:#666; font-size:0.8em; }
.content h4 { font-weight:bold; }
.content h3 { color:#666; font-weight:bold; font-size:1.4em; padding-bottom:0.5em; margin-bottom:0.5em; border-bottom:1px dotted #ddd;}
.content h1 { color:#666; font-weight:bold; font-size:1.4em; padding:0.5em 0; margin-bottom:0.5em; border-top:2px dotted #ddd; border-bottom:1px dotted #ddd;}
#help { display:none; font-size:0.9em; line-height: 1.5em; margin-bottom:1em; }
.help.last { border:0; }
#colleaguecalc #help { background:none !important; }
#colleaguecalc .help { float:left; width:450px; padding:0; margin:0; }
#disclaimer { font-size:0.9em; padding-top:1em;}
#disclaimer .fl, #disclaimer .fr { width:450px;}
#startAgain { margin-top:1em; font-size:1.4em; }
#startAgain a { color:#666; font-weight: bold; text-decoration: none; border-bottom:1px dotted #999; }
/* CALCULATOR */
#calculator { margin-bottom:1em; }
#calculator .box { background:#fff; }
#calculator .share { margin-bottom:15px; }
#shareStrap { font-weight:bold; color:#ff7200; font-size:0.8em; padding-left:5px; }
.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:#eee; }
#salary_input { margin:0 auto; width:500px; }
#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:230px; }
#salary_input div, #salary_details { border:2px solid #eee; padding:2px; }
#salary_details { margin:0 auto; width:480px; }
#salary_details table { width:100%; }
#salary_details table td, #salary_details table th { padding:0.5em; }
#salary_details .tableHeading td, #salary_details .tableHeading th { background:#ddd; border-top:1px solid #ccc; border-bottom:1px solid #ccc; }
#salary { border:2px solid #666; 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 { display:block; margin:2em auto 0 auto; width:206px; height:58px; border:0; cursor: pointer; text-indent: -9999px; line-height: 0; background:transparent url(../images/embed-calculate-salary.gif) no-repeat top left; }
#gross-salary-details { font-weight:bold; margin:0.5em; /*width:184px; height:18px; text-indent: -9999px; background:transparent url(../images/gross-salary-details.gif) no-repeat top left;*/ }
#your-calculated-salary { font-weight:bold; margin:0.5em; /*width:165px; height:18px; text-indent: -9999px; background:transparent url(../images/your-calculated-salary.gif) no-repeat top left;*/ }

.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 h4 { font-weight: bold; }
#salary_input div .active p { margin:0 !important; }


/* FOOTER */
#f { clear:both; font-size:0.75em; margin-top:0.5em; padding:1em 1em 0 1em; }
#f * { color:#646464;  }
#f p { border-top:6px solid #b8b8b8; padding:1em 0 0 0; text-align:right; margin:0; }
#f a { border-bottom:1px solid #fff; }


/* 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 { 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; }
