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; }