/* Pension Modeller Sheet © Beyond Content Management - www.psusoftware.com */

#ctl01_ctl00_ctl00_lblParameterChecksum { /* checksum */
	display: none;
} 

#ContentPane .ps-01 div.content {
	padding: 0;
}

.disabled {
	text-indent: -9999px;
	background: none;
} 

.ui-spinner {position: relative !important; clear:none !important; margin:0 !important; position:relative !important;}
.ui-spinner-buttons {position: absolute !important;}
.ui-spinner-button {overflow: hidden !important;}

div.TermsConditions {
	height: 345px;
	overflow: auto;
	margin-top: 10px;
	border: 1px solid #ccc;
	padding: 4px;
} 
a.terms {
	position: relative;
	top: -22px;
	float: right;
	font-size: 0.8em !important;
	padding-right: 6px;
	text-decoration: none;
} 


/* ============== Buttons ============== */
.part-xafinity-modeller input.navigation {
	line-height: 42px;
	height: 42px;
	font-size: 1.1em;
	font-weight: bold;
	background: #A1C769 url(/Design/Images/Modeller/arrow-next.gif) no-repeat right 0;
	margin: 20px 0 0 0;
	text-decoration: none;
	text-align: right;
	padding: 0 36px 0 20px;
	float: right;
	color: #000;
	border: none;
	cursor: pointer;
	outline: none;
} 
.part-xafinity-modeller input.back {
	background: #A1C769 url(/Design/Images/Modeller/arrow-back.gif) no-repeat left 0;
	text-align: left;
	padding: 0 30px 0 46px;
	float: left;
	outline: none;
	line-height: 42px;
	height: 42px;
	font-size: 1.1em;
	font-weight: bold;
	margin-top: 20px;
	text-decoration: none;
	color: #000;
	border: none;
	cursor: pointer;
	outline: none;
	display: inline;
} 

.part-xafinity-modeller input.recalculate {
	line-height: 32px;
	height: 44px;
	font-size: 1em;
	font-weight: bold;
	background: #A1C769 url(/Design/Images/Modeller/arrow-down.gif) no-repeat 50% 32px;
	margin: 20px 17px 10px 0;
	text-decoration: none;
	text-align: center;
	padding: 0 0 12px 0;
	width: 96px;
	float: right;
	color: #000;
	border: none;
	cursor: pointer;
	outline: none;
	display: inline;
} 

/* ============== Terms ============== */
.part-xafinity-modeller .terms h3 {
	padding-top: 20px;
	font-size: 1.35em;
} 
.part-xafinity-modeller .terms p {
	font-size: 0.8em;
	padding: 14px 20px 0 6px;
} 
.part-xafinity-modeller .terms p strong {
	font-weight: bold;
} 
.part-xafinity-modeller .terms ul {
	margin: 14px 0 0 24px;
	font-size: 0.8em;
} 
.part-xafinity-modeller .terms ul li {
	margin: 6px 0 0 0;
} 

/* ============== Form ============== */
.part-xafinity-modeller .terms, .part-xafinity-modeller .details, .part-xafinity-modeller .results {
	font-size: 1.1em;
	font-family: Arial, Helvetica, sans-serif;
} 
.part-xafinity-modeller .box {
	background: #EEF4E5;
	margin: 26px;
	padding: 0 20px 20px 20px;
} 

.part-xafinity-modeller h3 {
	font-size: 1.25em;
	color: #000;
	border-bottom: 1px solid #cbcbcb;
	line-height: 1.35em;
	padding: 0 6px;
	margin-top: 20px;
	clear: both;
} 
.part-xafinity-modeller fieldset legend {
	display: none;
} 
.part-xafinity-modeller fieldset span {
	margin: 14px 0 7px 0;
	height: 30px;
	display: inline-block;
	position: relative;
	clear: both;
} 
.part-xafinity-modeller fieldset span.error, .part-xafinity-modeller fieldset span.texterror {
	clear: none;
	right: -50px !important;
	line-height: 30px;
	height: 30px !important;
	margin: 0;
	position: absolute;
	top: 0 !important;
	text-indent: -9999px;
	width: 20px;
}
.part-xafinity-modeller fieldset span.error {
	background: url(/Design/Images/Modeller/error-required.gif);
}
.part-xafinity-modeller fieldset span.texterror {
	background: url(/Design/Images/Modeller/error-valid.gif);
}
.part-xafinity-modeller fieldset span.info-words span, .part-xafinity-modeller fieldset span.info-box span {
	font-size: 0.75em;
	color: #aaaaaa;
	display: inline-block;
	position: absolute;
	clear: none;
	height: 20px;
	margin: 0;
} 
.part-xafinity-modeller fieldset span.info-words span.statement {
	right: 120px;
	top: 24px;
} 
.part-xafinity-modeller fieldset span.info-box span.ofearnings, .part-xafinity-modeller fieldset span.info-box span.permonth {
	left: 510px;
	top: 30px;
	text-align: left;
} 
.part-xafinity-modeller fieldset span.percentofearnings {
	font-size: 0.6em;
	color: #aaaaaa;
	display: inline-block;
	position: absolute;
	clear: none;
	height: 20px;
	margin: 0;
	left: 510px;
	top: 16px;
} 
.part-xafinity-modeller fieldset span.info-box span.valueupto {
	right: 23px;
	top: 30px;
	text-align: right;
} 
.part-xafinity-modeller fieldset span.info-box span span.TaxFreeLimit {
	clear: none;
	display: inline-block;
	font-size: 1em;
	margin: 0;
	position: relative;
	right: 0;
	top: 0;
} 
.part-xafinity-modeller fieldset span.info-box {
	height: 50px;
}
.part-xafinity-modeller fieldset span.info {
width:100%;
}
 
.part-xafinity-modeller fieldset span strong {
	font-weight: bold;
} 
.part-xafinity-modeller .ntb {
	width: 72px; /* long width */
	float: left;
	padding: 5px 4px 5px 4px;
	border: 1px solid #d2d2d2;
	font-family: Arial, Helvetica, sans-serif !important;
	display: inline;
	text-align:left !important;
} 
input.AnnualEarnings, input.AdditionalContributions, input.AnnualPension, input.FlatAmount, input.LumpSum, input.TaxFree, input.PensionScheme, input.CurrentAnnualEarnings, input.TargetAnnualPension {
	background: url(/Design/Images/Modeller/input-pound.gif) repeat-x 0 -2px;
	padding-left: 16px !important;
	width: 60px !important;
} 
input.InvestmentReturn, input.RegularAmount, input.InvestmentReturn, input.InvestmentReturn  {
	background: url(/Design/Images/Modeller/input-percent.gif) repeat-x 100% 0;
	padding-right: 20px !important;
	width: 36px !important;
} 
input.RetirementAge {
	width:52px !important;
} 
span.checkbox {
	position: absolute !important;
	display: inline !important;
	top: 6px;
	left: 230px;
} 
.part-xafinity-modeller fieldset span span.pay, .part-xafinity-modeller fieldset span span.or {
	position: absolute;
	top: 0;
	left: 140px;
	font-weight: bold;
	font-size: 1em;
	line-height: 30px;
	color: #646363;
}
.part-xafinity-modeller fieldset span span.or {
	top: 33px;
	left: 229px;
}
.part-xafinity-modeller .DOB {
	width: 93px; /* long width */
} 
.part-xafinity-modeller .short {
	width: 50px; /* short width */
} 
.part-xafinity-modeller label {
	float: left;
	width: 497px;
	padding: 0 13px 0 0;
	text-align: right;
	line-height: 30px;
	display: inline;
} 
.part-xafinity-modeller span.value {
	margin: 7px 0 0 0;
} 
.part-xafinity-modeller span.value p {
	float: left;
	width: 497px;
	padding: 0 13px 0 0;
	text-align: right;
	line-height: 30px;
	display: inline;
} 
.part-xafinity-modeller span.value span {
	float: left;
	line-height: 30px;
	display: inline-block;
	clear: none;
	margin: 0;
} 
.part-xafinity-modeller span.value strong {
	color: #000;
} 
.part-xafinity-modeller span.value strong.large {
	font-size: 1.25em;
} 
.part-xafinity-modeller label.Gender {
	width: 221px;
} 
.part-xafinity-modeller label.AdditionalSavings {
	/*letter-spacing: -1px;*/
} 
.part-xafinity-modeller select.Gender {
	width: 92px;
} 
.part-xafinity-modeller label.DOB {
	width: 171px;
} 
.part-xafinity-modeller fieldset span a.help {
	position: absolute;
	top: 0;
	right: 0;
	height: 30px;
	width: 18px;
	display: block;
	background: url(/Design/Images/Modeller/icon-help.gif) no-repeat 50% 50%;
	text-indent: -9999px;
	line-height: 30px;
	margin: 0;
} 

.ui-icon-triangle-1-n {
	background-image: url(/Design/Spinner/images/ui-icons_888888_256x240.png) !important;
	margin: 0 !important;
	height: 13px !important;
	background-repeat: no-repeat !important;
	background-position: 0 0 !important;
	position: absolute !important;
}
.ui-icon-triangle-1-s {
	background-image: url(/Design/Spinner/images/ui-icons_888888_256x240.png) !important;
	margin: 0 !important;
	height: 13px !important;
	background-repeat: no-repeat !important;
	background-position: -65px 0 !important;
	position: absolute !important;
}

/* FANCYBOX */
div#fancy_div h2 {
	padding: 10px 20px 0 10px;
	font-size: 1.2em;
	line-height: 1em;
	font-weight: bold;
}
div#fancy_div p {
	padding: 10px 20px 0 10px;
}