@CHARSET "ISO-8859-1";
/* 
*
STRUCTURE properties for the calculator pages 
*
*/
*{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
h1{margin:6px;margin:0.5rem;line-height:21px;line-height:1.75rem}
p{margin:12px 6px;margin:1rem 0.5rem}
button{height:33px;height:2.75rem}
input[type=checkbox]{width:2em;height:2em;float:left}
div[id^=table]{margin-top:20px}
#page{width:100%}
#heading > div > div > div > div > div,
#generalInfo > div > div > div > div > div,
#stateAndLocalTable>div,
#stateAndLocal_pane > div > div,
#voluntaryDeductions>div>div>div>div>div>div,
#checkInfo > div > div > div > div > div,
#companyInformation > div > div > div > div > div,
#table401k > div,
#analysis401k>div>div>div>form>div,
.w4Div>div>div>div>div,
div[id^=ratetable] > div > div{margin-bottom:9.6px;margin-bottom:0.8rem}
#disclaimer{margin:6px;margin:0.5rem;line-height:12px;line-height:1rem}
#headerAds{margin:30px auto;width:100%}}
#leaderBoard{width:100%}
#promo{display:none}
#buttonDiv{padding:10px;margin:0 0 40px 0}
#rightColumn, #embeddedAds, #leftAd1, #leftAd2, #leftColumn > div{margin:0 auto}
#contentWrapper{width:100%}
#fb, #gplus, #helpfulHints{display:none}
#fbLikeBtn {width:46px;height:25px;line-height:27px}
#gPlusBtn {width:39px;height:28px;line-height:27px}
#fb_pane:hover, #gplus_pane:hover {cursor:pointer}
#rightColumn{width:100%}
#middleColumn{width:100%}
#content{width:100%}
.mCity{width:42% !important}
.mZip{width:25% !important}
.mZip4{width:18% !important}
.cbLabel{float:left;margin:6px 12px 0 3px;margin:0.5rem 1rem 0 0.25rem}
.cbRow{height:24px;height:2rem;clear:both}
.dijitButton{width:98%}
.dijitButton>span{width:95%}
.dijitTextBox{width:100%;}
.fb-like{height:24px;line-height:22px;}
.locHeading{font-weight:bold}
.soria .dijitInputContainer input, .soria .dijitTextBox {margin:0}
.soria .dijitMenuItem{padding:2.4px;padding:.2rem}
.ads-header{display:block}
/*
Footer
*/
#footer{clear:both}
.footerBottom {clear:both;padding-top:5px}
/* 
STRUCTURE for Result Page
*/
#heading4{margin:20px 0 20px 0}
#intersticial{margin-top:36px;margin-top:3rem}
#intersticial > div{margin:0 auto}
#loading{width:300px;margin:15px auto 0 auto;margin:1.25rem auto 0 auto}
.dijitTitlePaneContentInner > ul > li > div {clear:both;}
.dijitTitlePaneContentInner > ul > li {height:1.5em}
.dijitTitlePaneContentInner > ul, .dijitTitlePaneContentInner > ul > li{margin:0;padding:0}
.resultDef{float:left}
.resultData{float:right}
/* 
STRUCTURE for Print Options
*/
.newCalcDiv {margin:10px auto 10px auto}
.previewDiv {margin:10px auto 30px auto}
.previewDiv > span{display:block;padding:5px 20px;margin: 0 auto}
.previewDiv .heading{float:left;width:50%}
/*
STRUCTURE for Check Information
*/
#checkForm .dijitButton {margin:10px 0}
/*
STRUCTURE for Hourly Calc
*/
#rates .dijitButton {width:50%;float:left;margin:0 0 20px 0}
.clear{clear:both}
/*
STRUCTURE for Error pages
*/
.error{margin:25px auto;padding:10px}
/*
STRUCTURE for 401k Calc
*/
#analysis401k .dijitButton{margin-bottom:20px}
#details401k_pane > div{margin:10px 0}
#grid{height:16.67em}
#table401k{margin-top:0}
.buttons401k > span{margin-top:10px}
.gridDiv > span{display:block;margin:20px auto}
.irates{width:32%;float:left}
.irates:nth-child(n+2){margin-left:2%}
.tb401k{width:29%;float:left}
.sel401k{width:69%;float:left;margin-left:2%}
/*
STRUCTURE for W4 pages
*/
#breadCrumb{list-style:none;padding:0 5px}
#breadCrumb li{float:left;margin: 0 5px}
#disclaimerW4, .w4pdfs > span {clear:both}
#disclaimerW4 > span, .w4pdfs > span {display:block;margin:5px}
.sumDiv span{display:block;margin:4px 0}
.w4Div{margin:20px auto}
.w4Div .dijitButton{margin:10px 0}
.w4pdf{float:left;width:15%;height:3em}
.w4name{float:left;width:85%;height:3em;line-height:3em}
.w4desc{clear:both}
/*
*
STYLE properties for the calculator pages
*
*/
html{font-size:100%;font-size:1em;font-size:12px;}
body{font-size:1em;font-size:12px;font-family:Myriad,Helvetica,Tahoma,Arial,clean,sans-serif}
h1{color:#095BA6;font-family:Verdana,Geneva,sans-serif}
label{font-size:18px;font-size:1.5rem}
#headerAds{text-align:center}
#rightColumn, #embeddedAds, #leftAd1, #leftAd2, #leftColumn > div{text-align:center}
.align-center{text-align:center}
.align-right{text-align:right}
.bold{font-weight:bold}
.cbLabel{white-space:nowrap}
.dijitButton{font-size:18px;font-size:1.5rem;text-align:center}
.dijitTextBox, .soria .dijitMenuItem{font-size:24px;font-size:2rem}
.italic{font-style:italic}
.left{text-align:left}
.small{font-size:9px;font-size:.75rem}
.soria .dijitMenuItem{padding:3.2px;padding:.2rem .2rem}
#compare{width:98%}	
.compareInner{margin:20px auto;text-align:center}
.errorMessage{display:block;border:1px solid black;padding:4px;margin:0 0 10px 0;font-weight:bold;color:red;background-color:yellow}
/* 
STYLE for Result Page properties
*/
#intersticial > div{text-align:center}
#loading{border:2px solid #095BA6;border-radius:5px}
#prepareResults{text-align:center;padding-bottom:20px}
#resultPage li:nth-child(even){background:#E8E8EE}
.dijitTitlePaneContentInner > ul, .dijitTitlePaneContentInner > ul > li{list-style-type:none;margin:0;padding:0}
.resultData{text-align:right}
.resultButtons{clear:both;padding:20px}
.resultContent{width:49%;float:left;margin-left:1%}
/* 
STYLE for Print Options properties
*/
.previewDiv .heading{font-weight:bold;font-size:18px;font-size:1.5rem}
/*
STYLE for Error pages
*/
.error{font-size:16px;font-size:1.25rem}
/* 
*
**********MEDIA QUERIES********** 
*
*/

@media screen and (min-width:580px) /* 580px */ {
/* STRUCTURE for Calculator Pages*/
	#content{width:90%;margin:0 auto}
	#generalInfo{margin-bottom:0}
	#footer, #rightColumn{clear:both}
}
@media screen and (min-width:768px)  /* 768px */ {
/* STRUCTURE for Calculator Pages*/
	#headerAds{margin:15px auto}
	#embeddedAds{margin-bottom:20px;border:1px solid #ccc}
	#fb, #gplus, #helpfulHints{display:block}
	#gbttn{height:24px}
	#leftAd1{position:relative;margin-top:0}
	#leftColumn{float:left;width:35%;display:block}
	#leftColumnInner{width:96%;margin:0 auto}
	#leftColumnInner > div{margin-bottom:20px}
	#middleColumn{float:right;width:65%}
	.locHeading{padding-bottom:40px}
	input[type=checkbox]{width:1em;height:1em}
	label{display:block;float:left;width:50%;font-size:12px;font-size:1rem}
	label#localeInfo.cityZip_label{width:100%}	
	#heading > div > div > div > div > div,
	#generalInfo > div > div > div > div > div,
	#stateAndLocalTable>div > div,
	#stateAndLocal_pane > div > div > div,
	#voluntaryDeductions>div>div>div>div>div>div,
	#checkInfo > div > div > div > div > div,
	#companyInformation > div > div > div > div > div,
	#bonus>div>div>div>div>div,
	#table401k>div>div,
	#analysis401k>div>div>div>form>div>div,
	.w4Div>div>div>div>div>div,
	div[id^=ratetable] > div > div{float:right;width:50%;margin-bottom:0}	
	#heading > div > div > div > div,
	#generalInfo > div > div > div > div,
	#stateAndLocalTable > div,
	#stateAndLocal_pane > div > div,
	#voluntaryDeductions>div>div>div>div>div,
	#checkInfo > div > div > div > div,
	#companyInformation > div > div > div > div,
	#bonus>div>div>div>div,
	#table401k>div,
	#analysis401k>div>div>div>form>div,
	.w4Div>div>div>div>div,
	div[id^=ratetable] > div {clear:both;height:24px;height:2rem;margin-bottom:6px;margin-bottom:0.5rem}
	.w4Div>div>div>div>div{height:48px;height:4rem}
	.w4Div label{width:48%}
	.buttons401k{display:block}
	.cbLabel{margin:0 12px 0 3px;margin:0 1rem 0 0.25rem}
	.cbRow{height:0;clear:none}
	.calcItem{height:72px}
	.calcTitle {height:60px;font-size:10pt}
	.dijitTextBox, .soria .dijitMenuItem{font-size:12px;font-size:1rem}	
/* STRUCTURE for Print Options */
	.newCalcDiv > div {width:50%;margin:0 0 10px 0}
	.previewDiv > div {float:right;width:50%}
	.previewDiv > div > .dijitButton, .newCalcDiv > div > .dijitButton{width:98%}
	.previewDiv .heading{float:left;width:50%}
	.previewDiv .description{clear:both}
/* STYLE for Print Options */
	.previewDiv > div > .dijitButton, .newCalcDiv > div > .dijitButton{font-size:18px;font-size:1.5rem;text-align:center}
/* STYLE for Calculator */
	.compareInner > span:last-child{width:25%}	
}

@media screen and (min-width:1024px)  /* 1024px */ {
/* STRUCTURE for Calculator Pages*/
	#leftColumn{float:left;width:34%}
	#middleColumn{float:left;width:49%}
	#content{width:96%}
	#rightColumn{float:right;width:17%;clear:none}
	#headerSection{margin:10px 20px 30px 20px}
	#heading > div > div > div > div,
	#generalInfo > div > div > div > div,
	#stateAndLocalTable > div,
	#voluntaryDeductions>div>div>div>div>div,
	#checkInfo > div > div > div > div,
	#companyInformation > div > div > div > div,
	#table401k>div,
	#analysis401k>div>div>div>div,
	.w4Div>div>div>div>div,
	div[id^=ratetable] > div{margin-bottom:0;width:90%;margin-left:5%}
	.buttons401k > span{float:left}
	.dijitButton, #rates .dijitButton{width:45%;margin:0 0 12px 2.5%;margin:0 0 1rem 2.5%}
	.dijitButton{font-size:12px;font-size:1rem}
	.dijitButton>span{width:100%}
	.dijitInputContainer{font:100% Myriad,Helvetica,Tahoma,Arial,clean,sans-serif}
	.calcTitle {font-size:11pt}
	#promo{float:left;width:180px;height:110px;display:block;margin-left:30px}
/* FOOTER */
.footerBottom {clear:none;padding-top:0px}
}
@media screen and (min-width:1280px)  /* 1280px */ {
/* STRUCTURE for Calculator */
	#content{width:96%}
	#fb{float:left;width:48%}
	#gplus{float:right;width:48%}
	#headerAds{margin:15px auto;width:1272px;height:110px}
	#leftAd1{clear:both}
	#leaderBoard{float:left;width:728px;height:110px}
	#leftColumn{float:left;width:27%}
	#leftColumnInner{width:100%}
	#leftAd2{width:336px}
	#middleColumn{float:left;width:46%}
	#promo{float:left;width:500px;height:110px;display:block;margin-left:30px}
	#rightColumn{float:right;width:27%;}
	#heading > div > div > div > div,
	#generalInfo > div > div > div > div,
	#stateAndLocalTable > div,
	#voluntaryDeductions>div>div>div>div>div,
	#checkInfo > div > div > div > div,
	#companyInformation > div > div > div > div,
	#table401k>div,
	#analysis401k>div>div>div>div,
	.w4Div>div>div>div>div,
	div[id^=ratetable] > div{width:100%}	
	#heading > div > div > div > div > div,
	#generalInfo > div > div > div > div > div,
	#stateAndLocalTable>div>div,
	#stateAndLocal_pane > div > div > div, 
	#voluntaryDeductions>div>div>div>div>div>div,
	#checkInfo > div > div > div > div > div,
	#companyInformation > div > div > div > div > div,
	#bonus>div>div>div>div>div,
	#table401k>div>div,
	#analysis401k>div>div>div>div>div,
	.w4Div>div>div>div>div>div,
	div[id^=ratetable] > div > div {float:left;width:40%}
	.soria .dijitInputContainer input, .soria .dijitTextBox{width:75%}
}
@media screen and (min-width:1366px)  {
/* STRUCTURE for Calculator pages */	
	#page{width:1272px;margin:0 auto;clear:both}
}