html{
-webkit-appearance: none;
}
#tax-spend{
width:624px;
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
-o-font-smoothing: antialiased;
font-smoothing: antialiased;
-webkit-appearance: none;
position: relative;
}
#tax-spend h2{
font-size:24px;
font-weight: bold;
line-height: 24px;
margin-bottom:16px;
float:left;
}
form#household-details table {
background-color:#EDEDED;
}
form#household-details table input{
float:none;
}
form#household-details table input.male, form#household-details table input.female{
display:block;
position:relative;
top:2px;
margin-right:4px;
width:12px !important;
padding:0 !important;
}
form#household-details table td.active-col{
text-align:center !important;
width: 68px;
}
form#household-details table thead tr th{
font-size: 13px;
height: 40px;
padding: 5px 3px;
vertical-align:top;
}
form#household-details table td{
text-align:left;
}
form#household-details table tr{
}
form#household-details table td.person-number{
font-weight:bold;
text-align: center;
color:#D1700E;
width: 67px;
}
form#household-details table td{
vertical-align: middle;
}
form#household-details table td.income-col{
width:103px;
vertical-align: middle;
}
form#household-details table td.person-employment-status{
width: 118px;
}
form#household-details table td.income-col label{
width:8px;
/*top:6px;*/
height: 24px;
padding: 5px 0px 0px 2px;
position: absolute;
}
form#household-details table td.gender-col{
width:62px;
}
form#household-details table td.person-age{
width: 30px;
}
form#household-details table td.full-time-education-col{
text-align: center;
width:109px;
}
form#household-details table td.gender-col label{
width:60px;
}
#tax-spend label{
clear:none;
}
table#decile-results .calc-label-large{
font-size:16px;
font-weight:bold;
}
form#household-details{
border:0;
clear:both;
margin-bottom:8px;
padding-top:0px;
}
form#household-details td,table#decile-results th,table#decile-results td{
background-color:#EDEDED;
margin-bottom:8px;
padding:6px 5px;
}
table#decile-results em{
font-weight:bold;
font-style:normal;
}
table#decile-results td{
border:0;
}
table#decile-results tr.calc-removable td{
background:#FFF;
}
/* calculator buttons */
div#recalculate-wrapper{
cursor: pointer;
width: 99px;
float: right;
}
div#recalculate-wrapper input#calculate-button{
width:74px;
float:right;
clear:none;
height: 24px;
}
div#recalculate-wrapper.recalculate-icon{
background-color: #ffffff;
float: right;
padding-left: 10px;
height: 24px;
}
div#recalculate-wrapper.recalculate-icon{
background: url(/news/special/uk/11/tax_spend_calculator/img/refresh_icon_24x24.png) no-repeat 0 0 #ffffff;
}
div#recalculate-wrapper.recalculate-icon input#calculate-button{
width:84px;
}
input#add-person-button{
width:233px;
margin-bottom:8px;
float:left;
}
input#add-person-button,input#calculate-button,input#reset-button{
padding: 3px !important;
border: none;
cursor: pointer;
background: #505050;
color: white;
font-weight: bold;
font-size: 13px;
}
input#calculate-button{
background: #D1700E;
}
input#add-person-button:hover,input#calculate-button:hover,input#reset-button:hover{
background: #D1700E;
}
input#reset-button{
float:right;
width: 58px;
}
/* input styling */
#tax-spend form input{
padding:0;
width: auto;
}
form#household-details table input.male,form#household-details table input.female{
float:left;
}
form#household-details table td input{
border:0;
}
form#household-details table tr td input.calculator-income{
width:82px;
text-align: left;
padding-left: 2px;
margin-left: 14px;
position: relative;
}
form#household-details table td input.calculator-age, form#household-details table td input.calculator-income{
height: 24px;
line-height: 24px;
/*vertical-align: middle;*/
}
form#household-details table td input.calculator-age{
width:29px;
text-align:left;
}
form#household-details table td input.full-time-education{
width:14px;
position:relative;
top:2px;
float:none;
}
form#household-details table td.full-time-education-col label{
}
form#household-details table td label{
padding:0;
}
span.gel-select {
position: relative;
top: 9px;
width: 89px;
height: 24px;
padding: 0 24px 0 8px;
color: white;
background-color:#fff;
background: url(/view/1_3_3/cream/hi/shared/img/select-arrow.png) no-repeat center right;
overflow: hidden;
cursor:pointer;
}
span.select-inner{
background-color:#fff;
width: 82px;
height: 24px;
left: -8px;
position: relative;
text-align:left;
padding:4px;
/* border-top: 1px solid #ff0000; */
border-bottom: 1px solid #ff0000;
}
select.employment-status {
border: 0;
cursor:pointer;
font-size: 14px;
filter: alpha(opacity=0);
opacity: 0;
position: relative;
top: -10px;
width: 120px;
z-index: 5;
line-height: 24px;
}
tr#result-balance td{
color:#D1700E;
font-weight:bold;
border-top:1px solid #fff;
}
/* decile results table */
table#decile-results td#calc-first-col{
font-size: 16px;
font-weight: bold;
line-height: 18px;
padding-left: 8px;
width:320px;
}
table#decile-results tr td{
text-align:left;
}
div#tax-spend div.tax-spend-intro{
margin-bottom: 30px;
font-size: 14px;
font-weight: bold;
}
div#tax-spend div.intro-text{
float: left;
width: 285px;
}
div#nickr-video-wrapper{
float: right;
}
/* play button */
div#nickr-video-wrapper{height: 180px;}
div#nickr-video-wrapper a.iplay div.ip{
background: url("/news/special/uk/11/tax_spend_calculator/css/img/play.png") no-repeat scroll 0 0 transparent;
height: 64px;
position: relative;
top: -120px;
width: 64px;
background-position: 0px 0px;
}
div#nickr-video-wrapper a.iplay:hover div.ip{
background-position: -148px 50%;
}
div#nickr-video-wrapper a.iplay:active div.ip{
background-position: -296px 0px;
}
div#nickr-video-wrapper div.caption{margin-top: -60px;}
/* results section */
#tax-spend div.tsc-breakdown h2#tsc-breakdown-head{
background-color: #cccccc;
float: none;
font-size: 16px;
font-weight: bold;
line-height: 16px;
margin: 0px;
padding: 10px 10px 10px 340px;
background-image: url("/news/special/uk/11/tax_spend_calculator/css/img/closed_icon.png");
background-position: 590px 12px;
background-repeat: no-repeat;
}
#tax-spend div.tsc-breakdown a{
background-image: url("/news/special/uk/11/tax_spend_calculator/css/img/how.png");
background-position: 0px 1px;
background-repeat: no-repeat;
display: block;
width: 260px;
}
#tax-spend div.tsc-breakdown h2#tsc-breakdown-head a{
color: #505050;
padding-left: 20px;
}
#tax-spend div.tsc-breakdown h2#tsc-breakdown-head.selected{
background-color: #d1700e;
background-image: url("/news/special/uk/11/tax_spend_calculator/css/img/accordion.png");
background-position: 590px 14px;
background-repeat: no-repeat;
}
#tax-spend div.tsc-breakdown h2#tsc-breakdown-head.selected a{
background-image: url("/news/special/uk/11/tax_spend_calculator/css/img/how_active.png");
color: #ffffff;
}
#tax-spend div.tsc-result{
background-color: #ededed;
height: 125px;
margin-bottom: 1px;
padding: 10px 10px;
}
#tax-spend div.tsc-result span{
display: block;
float: left;
font-size: 17px;
font-weight: bold;
line-height: 20px;
padding-right: 10px;
width: 390px;
}
#tax-spend div.tsc-result span#tsc-balance{
color: #d1700e;
font-size: 42px;
font-weight: bold;
line-height: 42px;
padding-right: 10px;
text-align: right;
width: 194px;
}
#tax-spend div.tsc-result span#tsc-decile{
font-size: 14px;
font-weight: normal;
padding-top: 5px;
}
#tax-spend div.tsc-decile-figures,
#tax-spend div.tsc-member-contribution,
#tax-spend div.tsc-info{
background-color: #ededed;
font-size: 14px;
line-height: 20px;
padding: 10px;
}
#tax-spend div.tsc-member-contribution{
margin-top: 2px;
}
#tax-spend div.tsc-member-contribution p{
margin: 0px;
padding: 5px 0px 0px 0px;
}
#tax-spend div.tsc-info a{
background: none;
}
#tax-spend div#tsc-breakdown-text{
display: none;
}
#tax-spend div#error_container{
background-color: #e7e7e7;
border: 1px solid #000000;
color: #d1700e;
display: none;
font-size: 18px;
font-weight: bold;
line-height: 18px;
height: 110px;
padding: 10px;
position: absolute;
top: 85px;
left: 100px;
width: 400px;
z-index: 900;
}
#tax-spend div#error_container h2{
float: none;
text-align: right;
}
#tax-spend div#error_container p{
line-height: 23px;
}
#tax-spend div#error_container h2 a{
color: ##505050;
text-decoration: none;
}
#tax-spend div#tsc-comparison{
margin-top: 20px;
}
#tax-spend div#tsc-comparison h2{
margin-bottom: 10px;
}
#tax-spend div#tsc-comparison p{
margin-bottom: 10px;
}
#tax-spend div#tsc-comparison div.chart{
height: 290px;
position: relative;
}
#tax-spend div#tsc-comparison div.chart div.head-section{
float: left;
padding-top: 45px;
width: 100px;
}
#tax-spend div#tsc-comparison div.chart div.img-container{
float: left;
width: 520px;
}
#tax-spend div#tsc-comparison div.chart div.head-section div{
/*background-image: url("/news/special/uk/11/tax_spend_calculator/css/img/info.png");
background-repeat: no-repeat;*/
font-size: 16px;
font-weight: bold;
height: 73px;
/*padding-left: 17px;*/
}
#tax-spend div#tsc-comparison div.chart div.head-section div.info-1{
height: 81px;
}#tax-spend div#tsc-comparison div.chart div.head-section div.info-2{
height: 47px;
}
#tax-spend div#tsc-comparison div.chart div.head-section div.info-4{
height: 26px;
}
#tax-spend div#tsc-comparison div.chart div.head-section div span{
display: block;
font-size: 13px;
font-weight: normal;
padding-left: 17px;
}
#tax-spend div#tsc-comparison div.chart div.head-section div a{
background-image: url("/news/special/uk/11/tax_spend_calculator/css/img/info.png");
background-position: 0px 1px;
background-repeat: no-repeat;
color: #505050;
display: block;
padding-left: 16px;
float: left;
/*width: 17px;*/
}
#tax-spend div.text-info-container{
background-image: url("/news/special/uk/11/tax_spend_calculator/css/img/side_line.gif");
background-repeat: no-repeat;
background-position: -14px -14px;
display: none;
padding-left: 10px;
position: absolute;
left: 85px;
width: 300px;
z-index: 200;
}
#tax-spend div#text-info-1{
top: 29px;
left: 73px;
}
#tax-spend div#text-info-2{
top: 182px;
left: 90px;
}
#tax-spend div#text-info-3{
top: 108px;
left: 90px;
}
#tax-spend div#text-info-4{
top: 229px;
}
#tax-spend div.text-info-container div{
background-color: #ffffff;
border-top: 1px solid #000000;
border-bottom: 1px solid #000000;
border-right: 1px solid #000000;
color: #505050;
padding: 5px;
}
#tax-spend div.text-info-container div h2{
float: none;
text-align: right;
margin-bottom: 2px;
}
#tax-spend div.text-info-container div h2 a{
color: #505050;
text-decoration: none;
}