/* CSS Document */
/*START UserDetails.ascx calculator input styles*/
table#UserDetailsCalcTable {
	font-size: 66%;
	color: #333333;
	border-top: 6px solid #FDD3B1;
	background-color: #FFFFFF;
	width: 98%;
	margin: 15px auto 0px auto;
	padding: 0px;
	background-image: url(../Images/calculators/background_ind_calc_blue.jpg);
	background-position: bottom left;
	background-repeat: no-repeat;
	}
.UCTBorderL {
	border-left: 1px solid #FDD3B1;
	overflow: hidden;
	}
.UCTBorderR {
	border-right: 1px solid #FDD3B1;
	overflow: hidden;
	}
.UCTBorderLR {
	border-left: 1px solid #FDD3B1;
	border-right: 1px solid #FDD3B1;
	overflow: hidden;
	}
span.CalcSwitch {
	font-size: 100% !important;
	text-align: right !important;
	float: right;
	}
/*td.HeadingRowWhite {
	font-size: 110%;
	font-weight: bold;
	color: #FFFFFF;
	vertical-align: middle;
	padding: 3px 3px 5px 15px;
	background-color: #264D76;
	}*/
td.HeadingRowBlueNoBg {
	font-size: 120%;
	font-weight: bold;
	color: #264D76;
	vertical-align: middle;
	padding: 15px 3px 2px 15px !important;
	margin: 0px;
	text-transform: uppercase;
	}
table#UserDetailsCalcTable th {
	text-align: right;
	font-weight: bold;
	padding: 10px 5px 0px 5px;
	margin: 0px 0px 10px 0px;
	color: #264D76;
	vertical-align: top;
	width: 40%;
	}
table#UserDetailsCalcTable td {
	padding: 9px 5px 0px 5px;
	_padding: 7px 5px 0px 5px;
	vertical-align: top;
	}
table#UserDetailsCalcTable td.PoundHolder {
	vertical-align: top;
	padding: 10px 0px 0px 0px;
	_padding: 11px 0px 0px 0px;
	text-align: right;
	width: 2%;
	color: #333333;
	}
table#UserDetailsCalcTable input {
	/*width: 150px;*/
	width: 35%;
	height: 13px;
	text-align: left;
	font-size: 90%;
	color: #333333;
	vertical-align: top;
	margin: 0px 5px 0px 0px;
	font-size: 95%;
	}
table#UserDetailsCalcTable select {
	/*width: 155px;*/
	width: 68%;
	height: 19px;
	text-align: left;
	font-size: 90%;
	color: #333333;
	vertical-align: top;
	margin: 0px 5px 0px 0px;
	font-size: 95%;
	}
table#UserDetailsCalcTable input.SearchJobsButton {
	background-color:#E8923C;
	font-size: 100%;
	color: #FFFFFF;
	vertical-align: middle;
	text-align: center;
	font-weight: bold;
	height: 20px;
	}
table#UserDetailsCalcTable span {
	margin: 0px;
	padding: 0px;
	}
/*table#UserDetailsCalcTable td.UserDetailsCalcTableFooter {
	background-image: url(../images/calculators/CalcBigFooterBg.gif);
	background-position: bottom center;
	background-repeat: no-repeat;
	height: 24px;
	border-left: 0px !important;
	border-right: 0px !important;
	}*/
table#UserDetailsCalcTable td#UserDetailsCalcTableFooterCell {
	padding: 0px;
	margin: 0px;
	background-image: url(../Images/calculators/calc_footer_table_b.gif);
	background-repeat: repeat-x;
	background-position: bottom center;
	}
	table#UserDetailsCalcTable td#UserDetailsCalcTableFinalFooterCell {
	background-color: #FFFFFF;
	}
div#UserDetailsRadioHolder input {
	width: 30px;
	text-align: left;
	font-size: 90%;
	color: #333333;
	vertical-align: top;
	margin: 0px 0px 0px 0px;
	}
div#UserDetailsRadioHolder label {
	margin: 0px 10px 0px 0px;
	color: #333333;
	}
span.UserDetailsCalcErrorText{
	font-weight: bold;
	color: #FF0000;
	margin: 5px 5px 5px 5px;
	}
input.CalcCalculateButton {
	width: 70px !important;
	height: 20px !important;
	border: 0px;
	}
/*END UserDetails.ascx calculator input styles*/

/*START Calculator Index Styles */
div#TwoColCalcListContainer {
	width: 98%;
	margin: 0px auto 0px auto;
	padding: 0px;
	/*background-color: #CCFFCC;*/
	}
div#CalcIndexCentreLeftColumnHolder {
	float: left;
	width: 49%;
	margin-left: 0px;
	text-align: center;
	/*border: 1px solid #CCCCCC;*/
	}
div#CalcIndexCentreRightColumnHolder {
	float: right;
	width: 49%;
	margin-right: 0px;
	text-align: center;
	/*border: 1px solid #CCCCCC;*/
	}
div.CalcBoxMainContainer {
	width: 272px;
	width: 273px;
	margin: 5px 0px 20px 0px;
	padding: 0px;
	background-image: url(../images/calculators/background_orange.jpg);
	background-position: bottom left;
	background-repeat: no-repeat;
	}
div.CalcBoxMainContainer h2 a:link { color:#0B3866 !important; text-decoration: none !important; }
div.CalcBoxMainContainer h2 a:active { color:#0B3866 !important; text-decoration: none !important; }
div.CalcBoxMainContainer h2 a:visited { color:#0B3866 !important; text-decoration: none !important; }
div.CalcBoxMainContainer h2 a:hover { color:#0B3866 !important; text-decoration: underline !important; }
div.CalcBoxMainContainer h2 {
	color: #0B3866;
	margin: 0px;
	padding: 6px 0px 0px 0px;
	text-align: center;
	width: 272px;
	height: 31px;
	background-image: url(../Images/calculators/CalcHeaderBg.gif);
	background-position: top right;
	background-repeat: no-repeat;
	font-size: 78% !important;
	line-height: 100%;
	}
/*div.CalcBoxMainContainer h2 {
	color: #232930;
	margin: 0px;
	padding: 6px 0px 0px 0px;
	text-align: center;
	width: 100%;
	height: 21px;
	background-image: url(../images/calculators/CalcHeaderBg.gif);
	background-position: top center;
	background-repeat: no-repeat;
	font-size: 78% !important;
	}*/			
img.CalcHeaderLeft {
	width: 8px;
	height: 33px;
	border: 0px;
	margin: -6px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}
div.CalcBoxContainer {
	width: 99%;
	border-top: 2px solid #5988B9;
	border-left: 1px solid #5988B9;
	border-right: 1px solid #5988B9;
	/*border-bottom: 1px dashed #CCCCCC;*/
	margin: -3px 0px 0px 0px;
	padding: 0px;
	}
div.CalcBoxContainer ul a:link { color:#005F8F !important; text-decoration: none !important; }
div.CalcBoxContainer ul a:active { color:#005F8F !important; text-decoration: none !important; }
div.CalcBoxContainer ul a:visited { color:#005F8F !important; text-decoration: none !important; }
div.CalcBoxContainer ul a:hover { color:#0B3866 !important; text-decoration: underline !important; }
div.CalcBoxContainer ul {
	/*list-style-position: outside;
	list-style-image:  none;
	list-style-type: none;*/
	color: #1C5896;
	font-size: 84%;
	_font-size: 83%;
	margin: 8px 2px 5px 4px;
	_margin: 8px 2px 5px 20px;
	padding: 0px 0px 0px 0px;
	text-align: left;
	}
div.CalcBoxContainer ul li{
	margin: 0px 0px 8px 13px;
	_margin: 0px 0px 8px 0px;
	padding: 0px 0px 0px 0px;
	list-style-position: outside;
	list-style-image: url(../Images/calculators/calc_bullett.gif);
	list-style-type: none;
	}
div.CalcBoxContainer ul li img {
	border: 0px;
	width: 10px;
	height: 10px;
	margin: 0px 0px 0px 4px;
	padding: 0px 0px 0px 0px;
	vertical-align: text-bottom;
	}
div.CalcBoxContainer ol a:link { color:#005F8F !important; text-decoration: none !important; }
div.CalcBoxContainer ol a:active { color:#005F8F !important; text-decoration: none !important; }
div.CalcBoxContainer ol a:visited { color:#005F8F !important; text-decoration: none !important; }
div.CalcBoxContainer ol a:hover { color:#0B3866 !important; text-decoration: underline !important; }
div.CalcBoxContainer ol {
	/*list-style-position: outside;
	list-style-image:  none;
	list-style-type: none;*/
	color: #1C5896;
	font-size: 84%;
	_font-size: 83%;
	margin: 8px 2px 0px 12px;
	_margin: 8px 2px 0px 27px;
	padding: 0px 0px 0px 0px;
	text-align: left;
	}
div.CalcBoxContainer ol li{
	margin: 0px 0px 0px 13px;
	_margin: 0px 0px 0px 0px;
	padding: 0px 0px 8px 0px;
	list-style-position: outside;
	list-style-image: none;
	list-style-type: decimal;
	color: #1C5896;
	}
div.CalcBoxContainer ol li img {
	border: 0px;
	width: 10px;
	height: 10px;
	margin: 0px 0px 0px 4px;
	padding: 0px 0px 0px 0px;
	vertical-align: text-bottom;
	}
div.CalcBoxContainer ul li.AllCalcBoxLink a:link { color:#232930 !important; text-decoration: none !important; }
div.CalcBoxContainer ul li.AllCalcBoxLink a:active { color:#232930 !important; text-decoration: none !important; }
div.CalcBoxContainer ul li.AllCalcBoxLink a:visited { color:#232930 !important; text-decoration: none !important; }
div.CalcBoxContainer ul li.AllCalcBoxLink a:hover { color:#0B3866 !important; text-decoration: underline !important; }
div.CalcBoxContainer ul li.AllCalcBoxLink {
	margin: 0px 5px 4px 0px;
	padding: 0px 0px 0px 0px;
	text-align: right;
	font-size: 68%;
	color: #232930;
	font-weight: bold;
	list-style-position: outside;
	list-style-image:  none;
	list-style-type: none;
	}
div.CalcBoxFooter {
	width: 270px;
	margin: 0px;
	padding: 10px 0px 0px 0px;
	_padding: 0px 0px 0px 0px;
	border-left: 1px solid #5988B9;
	border-right: 1px solid #5988B9;
	border-bottom: 1px solid #5988B9;
	}
div.CalcBoxFooter p {
	font-size: 55% !important;
	font-weight: bold !important;
	color: #232930;
	margin: 0px;
	padding: 0px 3px 8px 1px;
	_padding: 8px 3px 6px 1px;
	text-align: center;
	line-height: 90%;
	}
div.CalcBoxFooter p input {
	margin: 0px;
	padding: 0px;
	vertical-align: middle;
	width: 27px;
	height: 20px;
	border: 0px;
	margin: 0px;
	padding: 0px;
	}
div.CalcBoxFooter p select {
	font-size: 105%;
	font-weight: normal;
	color: #232930;
	margin: 0px 4px 0px 6px;
	padding: 0px;
	vertical-align: middle;
	/*width: 254px;*/
	width: 82%;
	_width: 72%;
	}
div.SubCalcBoxMainContainer {
	width: 100%;
	margin: 5px 0px 20px 0px;
	padding: 0px;
	background-image: url(../images/calculators/background_blue.jpg);
	background-position: bottom left;
	background-repeat: no-repeat;
	}
div.SubCalcBoxMainContainer h2 a:link { color:#0B3866 !important; text-decoration: none !important; }
div.SubCalcBoxMainContainer h2 a:active { color:#0B3866 !important; text-decoration: none !important; }
div.SubCalcBoxMainContainer h2 a:visited { color:#0B3866 !important; text-decoration: none !important; }
div.SubCalcBoxMainContainer h2 a:hover { color:#0B3866 !important; text-decoration: underline !important; }
div.SubCalcBoxMainContainer h2 {
	color: #0B3866;
	margin: 0px;
	padding: 6px 0px 0px 0px;
	text-align: center;
	width: 272px;
	height: 31px;
	background-image: url(../Images/calculators/CalcSubHeaderBg.gif);
	background-position: top right;
	background-repeat: no-repeat;
	font-size: 78% !important;
	}
div.SubCalcBoxContainer {
	width: 270px;
	border-top: 2px solid #FFC68D;
	border-left: 1px solid #FFC68D;
	border-right: 1px solid #FFC68D;
	/*border-bottom: 1px dashed #CCCCCC;*/
	margin: -3px 0px 0px 0px;
	padding: 0px;
	}
div.SubCalcBoxContainer p {
	font-size: 72%;
	text-align: left;
	font-weight: bold;
	margin: 10px 5px 0px 10px;
	padding: 0px;
	}
div.SubCalcBoxContainer p a:link { color:#0B3866 ; text-decoration: underline; }
div.SubCalcBoxContainer p a:active { color:#0B3866 ; text-decoration: underline; }
div.SubCalcBoxContainer p a:visited { color:#0B3866 ; text-decoration: underline; }
div.SubCalcBoxContainer p a:hover { color:#072441; text-decoration: underline; }
div.SubCalcBoxContainer p.CalcBoxSmallDesc {
	font-size: 62%;
	text-align: left;
	font-weight: normal;
	margin: 0px 5px 0px 10px;
	padding: 0px;
	}
div.SubCalcBoxContainer p.CalcBoxSmallDesc a:link { color:#000000; text-decoration: none; }
div.SubCalcBoxContainer p.CalcBoxSmallDesc a:active { color:#000000; text-decoration: none; }
div.SubCalcBoxContainer p.CalcBoxSmallDesc a:visited { color:#000000; text-decoration: none; }
div.SubCalcBoxContainer p.CalcBoxSmallDesc a:hover { color:#072441; text-decoration: underline; }
div.SubCalcBoxFooter {
	width: 270px;
	margin: 0px;
	padding: 10px 0px 0px 0px;
	_padding: 0px 0px 0px 0px;
	border-left: 1px solid #FFC68D;
	border-right: 1px solid #FFC68D;
	border-bottom: 1px solid #FFC68D;
	}

/*START Advert styles for calculator summary pages*/
div#CalcResultAdHolder {
	float: right;
	width: 225px;
	margin: 33px 8px 0px 0px;
	}
div#CalcResultAdHeader {
	width: 225px;
	height: 13px;
	margin: 0px;
	padding: 0px;
	background-image: url(../Images/pension_advert_top_corners.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	}
div#CalcResultAdFooter {
	width: 225px;
	height: 13px;
	margin: 0px;
	padding: 0px;
	background-image: url(../Images/pension_advert_bot_corners.gif);
	background-repeat: no-repeat;
	background-position: top;
	} 
div#CalcResultAdHolderInside {
	width: 223px;
	border-left: 1px solid #BFBFBF;
	border-right: 1px solid #BFBFBF;
	background-color: #BFBFBF;
	margin: 0px;
	padding: 0px;
	vertical-align: top;
	} 
div#CalcResultAdHolder p {
	font-size: 70%;
	color: #000000;
	text-align: left;
	line-height: 120%;
	margin: 5px 0px 0px 0px;
	padding: 0px 5px 0px 0px;
	_margin: 5px 0px 0px 0px;
	_padding: 0px 5px 0px 0px;
	} 
div#CalcResultAdHolder h4 {
	font-size: 75%;
	font-weight: bold;
	color: #264D76;
	margin: 0px 0px 0px 0px;
	padding: 0px 3px 0px 3px;
	_margin: 0px 0px 0px 0px;
	_padding: 0px 3px 0px 3px;
	}
div#CalcResultAdHolderInside img {
	height: 75px;
	width: 75px;
	float: left;
	vertical-align: top;
	margin: 0px 5px 0px 2px;
	padding: 0px 0px 10px 0px;
	_margin: 0px 5px 0px 2px;
	_padding: 0px 0px 10px 0px;
	clear: right;
	}
h3.CalcResultsBottomAdvertTitle {
	margin-top: 65px;
}
div#CalcResultsBottomAdvertHolder {
	border: 1px solid #CCCCCC;
	background-color: #ECECEC;
	padding: 5px 5px 5px 5px ;
	margin: 15px auto 0px auto !important;
	width: 94%;
	}
div#CalcResultsBottomAdvertHolder p{
	font-size: 72%;
	}
/*END Advert styles for calculator summary pages*/

/*START Mortgage Form Styles*/
div#ContractSearchFormHolder {
	width: 95%;
	margin: 20px auto 20px auto;
	border: 1px solid #DCEFF7;
	padding: 0px;
	background-color: #F4FAFC;
	padding: 15px 5px 10px 5px;
	}
div#ContractSearchFormHolder p {
	width: 95%;
	clear: both;
	font-size: 100%;
	line-height: 120%;
	vertical-align: top;
	margin: 10px 0px 18px 0px;
	_margin: 0px 0px 10px 0px;
	/*border: 1px solid #FF6600;*/
	}
div#ContractSearchFormHolder p span label {
	margin: 0px 15px 0px 5px;
	vertical-align: middle;
	}
div#MortgageFormHolder {
	width: 95%;
	margin: 20px auto 20px auto;
	border: 1px solid #8C8C8C;
	padding: 0px;
	background-color: #E8EDF2;
	padding: 15px 5px 10px 5px;
	}
div#MortgageFormHolder p {
	/*clear: both;*/
	font-size: 70%;
	line-height: 120%;
	vertical-align: top;
	margin: 10px 0px 18px 0px;
	_margin: 0px 0px 10px 0px;
	/*border: 1px solid #FF6600;*/
	}
label.InputLables {
	float: left;
	/*border: 1px solid #FF0000;*/
	margin: 5px 10px 0px 0px;
	width: 40%;
	text-align: right;
	color: #333333;
	}
div#MortgageFormHolder p span label {
	margin: 0px 15px 0px 5px;
	vertical-align: middle;
	}
input.MortgageButton {
	margin: 10px 144px 0px 0px;
	_margin: 0px 142px 0px 0px;
	background-color:#E8923C;
	font-size: 90%;
	color: #FFFFFF;
	vertical-align: middle;
	text-align: center;
	font-weight: bold;
	float: right;
	/*width: 75%;*/ /*65*/
	}

p#EmailTOFriendSpacer {
	margin: 0 !important;
	padding: 0 !important;
	height: 10px;
	}
div#EmailToFriendFormHolder {
	width: 95%;
	margin: 0 auto 10px auto;
	border: 1px solid #0B3866;
	padding: 0px;
	background-color: #E8EDF2;
	padding: 15px 5px 10px 5px;
	}
div#EmailToFriendFormHolder p {
	width: 99%;
	_width: 95%;
	font-size: 70%;
	line-height: 120%;
	vertical-align: top;
	margin: 0px 0px 0px 0px;
	_margin: 0px 0px 0px 0px;
	/*border: 1px solid #FF6600;*/
	}
	
label.EmailToFriendInputLables {
	float: left;
	/*border: 1px solid #FF0000;*/
	margin: 3px 0px 0px 0px;
	_margin: 3px 0px 0px 0px;
	width: 35%;
	text-align: right;
	color: #333333;
	}
div#EmailToFriendFormHolder p span label {
	margin: 0px 0px 0px 0px;
	vertical-align: middle;
	}



span.PoundsEtc {
	color: #1F498E;
	font-weight: bold;
	margin: 5px 8px 0px 0px;
	/*border: 1px solid #000000;*/
	float: left;
	}
input.TextInput1 {
	float: right;
	margin: 3px 27% 4px 0px;
	width: 25%;
	height: 13px;
	text-align: left;
	font-size: 100%;
	color: #264D76;
	vertical-align: top;
	}
select.SelectInput1 {
	float: right;
	margin: 3px 27% 4px 0px;
	width: 26%;
	height: 18px;
	text-align: left;
	font-size: 100%;
	color: #264D76;
	vertical-align: top;
	}
textarea.TextAreaInput1 {
	float: right;
	margin: 3px 22% 4px 0px;
	width: 30%;
	height: 70px;
	text-align: left;
	font-size: 100%;
	color: #264D76;
	vertical-align: top;
	}
/*END Mortgage Form Styles*/

/*START Calculator Results Table styles*/
td.CalcResultsHeadings {
	font-size: 110%;
	font-weight: bold;
	color: #264D76;
	vertical-align: top;
	padding: 5px 3px 5px 15px;
	}
th.CalcResultsHeadingRow {
	/*border-bottom: 1px dashed #264D76;*/
	font-size: 110%;
	font-weight: bold;
	color: #264D76;
	padding: 3px 3px 3px 15px;
	}
th.CalcResultsHeadingRowWhite {
	font-size: 110%;
	font-weight: bold;
	color: #FFFFFF;
	vertical-align: top;
	padding: 3px 3px 3px 15px;

	}
th.CalcResultsHeadingRowWhiteRight {
	font-size: 110%;
	font-weight: bold;
	color: #FFFFFF;
	vertical-align: top;
	padding: 3px 3px 3px 15px;
	background-color: #0B3866;
	text-align: right;
	}
td.CalcResultsBody {
	padding: 3px 3px 2px 15px;
	}
td.CalcResultsBodyItalic {
	font-style: italic;
	padding: 3px 3px 2px 15px;
	}
td.CalcResultsBodyBold {
	font-weight: bold;
	padding: 3px 3px 2px 15px;
	}
td.CalcResultsBodyRight {
	text-align: right;
	padding: 3px 8px 2px 15px;
	}
td.CalcResultsBodyRightBold {
	font-weight: bold;
	text-align: right;
	padding: 3px 8px 2px 15px;
	}
tr.CalcResultShadedRow {
	background-color: #E8EDF2;
	}
tr.CalcResultShadedRowHeavy {
	background-color: #0B3866;
	}
table#CalcResultsTable {
	width: 95%;
	color: #333333;
	font-size: 71%;
	line-height: 130%;
	text-align: left;
	vertical-align: top;
	margin: 10px auto 20px auto;
	border-top: 1px solid #264D76;
	border-right: 1px solid #264D76;
	border-bottom: 1px solid #264D76;
	border-left: 1px solid #264D76;
	}
table.CalcResultsTable {
	width: 95%;
	color: #333333;
	font-size: 71%;
	line-height: 130%;
	text-align: left;
	vertical-align: top;
	margin: 10px auto 20px auto;
	border-top: 1px solid #264D76;
	border-right: 1px solid #264D76;
	border-bottom: 1px solid #264D76;
	border-left: 1px solid #264D76;
	}
/*END Calculator Results Table styles*/