/*Secure PageFrame Styling
---------------------------------------------------------- */

ul,ol { list-style:none }
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{ margin:0; padding:0 }
a img,:link img,:visited img { border:none }
address { font-style:normal }

/* Generic classes
---------------------------------------------------------- */
.NoWrap { white-space: nowrap; }
.ClearFloat { clear: both; }

/* Page Layout Styles
---------------------------------------------------------- */
* { margin: 0; padding: 0; border: 0; }
body {
	font-family: Verdana, Arial, Helv, Sans-serif;
	font-size: 76%;
	}
/* Page width set and centred globally */
#SecureHeader,
#SecureBreadcrumb .Content,
#SecureContent,
#SecureFooter .Content { 
	width: 60em;
	margin: 0 auto;
	}
#SecureHeader { height: 80px;}
/* top logos */
#SecureHeader #LeftLogo { float: left; padding-top: 20px; }
#SecureHeader #RightLogo { float: right; padding-top: 20px; }

/* breadcrumb bar */
#SecureBreadcrumb {
	width: 100%;
	padding: 0.5em 0 0.5em 0;
	border-top: 2px #efeff2 solid;
	background: #fff url(/Images/Partners/Fool/BreadcrumbBackground.gif) repeat-x bottom left;
	border-bottom: 1px #ebeff2 solid;
	}
/* breadcrumb stages */
#SecureBreadcrumb .Text {
	padding-top: 1px;
	float: left;
	width: 42em;
	font-size: 1em;	
	font-weight: normal;
	}
/* text 'step 1 of blah' */
#SecureBreadcrumb .Steps {
	float: right;
	width: 8em;
	text-align: right;
	text-transform: uppercase;
	font-family: tahoma, Arial, helv, Sans-Serif;
	font-size: 1.2em;
	font-weight: bolder;
	color: #369;
	}
/* bottom footer */
#SecureFooter {
	margin-top: 1.5em;
	width: 100%;
	border-top: 1px #cccccc solid;
	clear: both;
	background: #fff url(/Images/Partners/Fool/FooterBackground.gif) repeat-x top left;
	padding: 1.5em 0 1.5em 0;
	}

/* Breadcrumb text
---------------------------------------------------------- */
#SecureBreadcrumb span.active {
	color: #369;
	font-weight: bold;
	}

/*Icon lists*/
ul.ImgList {
	list-style-type: none;
	margin: 0 0.25em 1em 0;
	padding-left: 0.5em;
	}
	/*Shows blue bullet by default*/
	ul.ImgList li {
	    background-image: url(/Images/Global/Icons/Mini/IconSprite.png);
	    background-repeat: no-repeat;
	    padding: 0 0 0 20px;
		line-height: 1.4em !important;
		margin: 0 0 0.25em 0;
		}
		/*For images on hrefs nested in ImgList, so no double icon*/
		ul.ImgList li.Clear {
	    background-image: none !important;
		}
		ul.Inline li {
	    display: inline;
	    margin-left: 0.5em;
		}
		ul.Inline li.First {
	    margin-left: 0;
		}
		.InfoList {position: relative;}
		.InfoList ul.Inline {float: right; margin: 0;}
		
/*links with image styles*/
a.HrefList, span.HrefList, span.BtnList {
    background-image: url(/Images/Global/Icons/Mini/IconSprite.png);
    background-repeat: no-repeat;
    padding: 0 0 0 22px;
    }
    span.BtnList {
        padding-left:28px !important;
        }
        h3 span.BtnList {padding: 0;}
        span.BtnList input {padding-left: 0px !important;}

li.Def {background-position: 0 0;}
li.Article {background-position: 0 -3000px;}
li.ArticleReport {background-position: 0 -3200px;}
li.Alert, a.Alert, span.Alert {background-position: 0 -1800px;}
li.AlertNew, a.AlertNew {background-position: 0 -2000px;}
li.AlertOpen, a.AlertOpen {background-position: 0 -2200px;}
li.AlertDelete, a.AlertDelete {background-position: 0 -2400px;}
li.Blog, li.blog {background-position: 0 -3800px;}
li.Calculate {background-position: 0 -9000px;}
li.ChkBox {background-position: 0 -9200px;}
li.Comment {background-position: 0 -200px;}
li.CommentAdd {background-position: 0 -400px;}
li.CommentDel, a.CommentDel {background-position: 0 -600px;}
li.Compare, a.Compare, span.Compare {background-position: 0 -5800px;}
li.Delete, a.Delete {background-position: 0 -5000px;}
li.Everything {background-position: 0 -6200px;}
li.Explore, a.Explore {background-position: 0 -6000px;}
li.Goal, a.Goal {background-position: 0 -4200px;}
li.Guide {background-position: 0 -9800px;}
li.Login, a.Login {background-position: 0 -5400px;}
li.Logout, a.Logout {background-position: 0 -5600px;}
li.Phone {background-position: 0 -4000px;}
li.Photo, a.Photo, span.Photo {background-position: 0 -3600px;}
li.Qanda, span.Qanda {background-position: 0 -2600px;}
li.QandaNew {background-position: 0 -2800px;}
li.Rec, span.Rec {background-position: 0 -800px;}/*Anchor link or count, RecAdd is for action*/
li.RecAdd, a.RecAdd {background-position: 0 -1000px;}
li.RecAdded, span.RecAdded {background-position: 0 -1200px;}
li.Report, a.Report {background-position: 0 -5200px;}
li.Rss {background-position: 0 -4400px;}
li.Settings, a.Settings, span.Settings {background-position: 0 -6400px;}
li.Tag, a.Tag {background-position: 0 -8600px;}
li.TagAdd, a.TagAdd {background-position: 0 -8800px;}
li.TickGreen, a.TickGreen {background-position: 0 -9400px;}
li.TickGrey, a.TickGrey {background-position: 0 -9600px;}
li.Twitt {background-position: 0 -4600px;}
li.User, a.User {background-position: 0 -7200px;}
li.Users, a.Users {background-position: 0 -8400px;}
li.UserAdd, a.UserAdd, span.UserAdd {background-position: 0 -7400px;}
li.UserDel, a.UserDel, span.UserDel {background-position: 0 -7600px;}
li.UserEdit, a.UserEdit, span.UserEdit {background-position: 0 -7800px;}
li.UserSearch, a.UserSearch {background-position: 0 -8000px;}
li.UserStaff, li.Editorial {background-position: 0 -8200px;}
li.Video {background-position: 0 -3400px;}
li.Warning, a.Warning {background-position: 0 -4800px;}
li.WatchAdd, a.WatchAdd {background-position: 0 -1400px;}
li.WatchDel, a.WatchDel {background-position: 0 -1600px;}

/*Review Shields*/
li.Empty {background-position: 0 -10000px;}
li.Poor {background-position: 0 -10200px;}
li.BelowAverage {background-position: 0 -10400px;}
li.Average {background-position: 0 -10600px;}
li.AboveAverage {background-position: 0 -10800px;}
li.Outstanding {background-position: 0 -11000px;}

/*Admin*/
li.GoAdmin, a.GoAdmin {background-position: 0 -6800px;}
li.ShowAdmin, a.ShowAdmin {background-position: 0 -6600px;}
li.ShowHome, a.ShowHome {background-position: 0 -7000px;}

.FormSupportingText ul.ImgList {
	list-style-type:none !important;
	margin:0 0.25em 1em 0;
}


/* Form Intro text
---------------------------------------------------------- */
.FormSupportingText { margin: 1em 0 1em 0;}
.FormText h1,
.FormSupportingText h1, 
.FormText h2,
.FormSupportingText h2 {
	font-family: Tahoma, Verdana, Arial, Helv, Sans-Serif;
	font-size: 1.6em;
	margin: 0 0 0.3em 0;
	line-height: 1.1em; 
	}
.FormText h3,
.FormSupportingText h3 {
	font-size: 1.2em;
	color: #333;
	margin: 1em 0 0 0;
	}
.FormText p,
.FormSupportingText p {
	font-family: Verdana, Arial, Helv, Sans-Serif;
	font-size: 1em;
	line-height: 1.4em;
	margin: 1em 0 1.2em 0;
	}
.FormText ul,
.FullWidthItem ul,
.FormSupportingText ul {
	list-style-type: square;
	margin: 0.5em 2em;
	font-size: 1.1em;
	}	
.FormText ul li,
.FullWidthItem ul li,
.FormSupportingText ul li {
	margin: 0.25em 0;
	}	
.SmallPrint {
	color: #555;
	font-size: 0.9em !important;
	line-height: 1.5em;
	}
h2.FormHeadline { margin-bottom: 0.5em;}

/* Secure Form Footer
---------------------------------------------------------- */
.NewFooter p {
	font-family: Tahoma, Verdana, Arial, Helv, Sans-Serif;
	font-size: 0.9em !important;
	line-height: 1.6em !important;
	color: #666;
	margin: 0.25em 0 0.5em 0;
	padding: 0 !important;
	}
.NewFooter h4 {
	font-family: Tahoma, Verdana, Arial, Helv, Sans-Serif;
	font-size: 0.9em !important;
	color: #666;
	font-weight: bold;
	}

.NewFooter a { color: #369; }
.NewFooter a:hover { color: #369; text-decoration: none; }
.NewFooter .Important { width: 100%; display: block; clear: both; padding-bottom: 0.5em; margin-bottom: 1em; border-bottom: 1px #ddd solid; }
.NewFooter .Address { float: left; width: 11em; }
.NewFooter .Address p { line-height: 1.5em; }
.NewFooter .Disclaimers { float: right;/* width: 44em; */}
.NewFooter .Disclaimers p { margin-right: 2em; margin-bottom: 1em; line-height: normal; }
.NewFooter .NoWrap { white-space: nowrap; display: block; }


.NoWrap { white-space: nowrap;}

/* Generic Secure Form Styles
---------------------------------------------------------- */
.SecureForm fieldset {
	font-size: 0.9em;
	margin: 14px 0 0 0;
	border: 1px #ccc solid;
	padding: 2px 10px 10px 10px;
	}
.SecureForm fieldset.First { margin-top: 5px;}
.SecureForm fieldset input,
.SecureForm fieldset select {
	display: block;
	font-family: tahoma, verdana, arial, helv, sans-serif;
	font-size: 1.5em;
	padding: 3px 5px 3px 6px;
	}
.SecureForm fieldset select { padding: 0;}
.SecureForm fieldset select option { background-color: transparent; padding: 3px 5px 1px 6px; }
/* disabled fieldsets and controls */
.SecureForm fieldset.disabled {
	}
.SecureForm div.internal { display: none; }

.SecureForm fieldset legend {
	font-family: Tahoma, Verdana, Arial, Helv, Sans-Serif;
	color: #369;
	font-size: 1.65em;
	padding: 0 10px 0 0;
	}
.SecureForm fieldset label {
	font-size: 1.3em;
	line-height: 1.3em;
	color: #222;
	padding: 2px 0.5em 3px 0;
	vertical-align: top;
	display: block;
	}
.SecureForm fieldset div.DobHold,
.SecureForm fieldset div.NameHold {
	margin: 0;
	float: left;
	display: block;
	}
.SecureForm fieldset select#Title {
	width: 4em;
	float: left;
	}
.SecureForm fieldset h3 {
	font-family: Tahoma, Verdana, Arial, helv, Sans-Serif;
	font-weight: bold;
	color: #444;
	margin: 12px 0 5px 0;
	padding: 0.5em 0 0 0;
	clear: both;
	font-size: 1.3em;
	}
.SecureForm fieldset h3.First {	
	margin-top: 5px;
	padding-top: 0;
	}
.SecureForm fieldset h3.LabelStyle {
	font-weight: bold;
	color: #666;
	font-size: 1em;
	font-family: arial;
	}	
.SecureForm fieldset p {
	font-size: 1.1em;
	margin-bottom: 0.5em;
	}		
div.internal {display: none !important;}

.SecureForm fieldset div.acct-div div,
.SecureForm fieldset div.FloatItem {
	display: block;
	float: left;
	margin-right: 0.5em;
	}
.SecureForm fieldset div.BigSpace { margin-right: 2.5em; }
.SecureForm fieldset label.NextTo {
	color: #444;
	font-size: 1.1em;
	padding-left: 10px;
	float: left;
	}
.SecureForm fieldset div.EmailAddressControl h3 {display: none !important;}
.SecureForm fieldset label.Above,
.SecureForm fieldset span.Above,
.SecureForm fieldset div.EmailAddressControl label {
	font-weight: bold;
	color: #666;
	font-size: 1em;
	font-family: arial;
	padding-left: 2px;
	}
.SecureForm fieldset input.NoStack, .SecureForm fieldset select.NoStack{margin-bottom: 10px !important;}
.SecureForm fieldset label.Standalone {
	font-family: Tahoma, Verdana, Arial, helv, Sans-Serif;
	font-weight: bold;
	color: #444;
	padding: 0 !important;
	margin-bottom: 0.5em;
	}	
.SecureForm fieldset label.Invisible,
.Invisible { display: none;}
.SecureForm fieldset div.FloatItem input.NamePart { width: 11em;}
.SecureForm fieldset div.FloatItem input.NextTo {
	width: 10em;
	float: left;
	}
.SecureForm fieldset div.FloatItem input.LargeInput { width: 18em; }
.SecureForm fieldset select.DobElement { width: 6em; }
.SecureForm fieldset input.DobElement { width: 4em; }
.SecureForm fieldset select.DobDay { width: 3.5em; }
.SecureForm fieldset select.DobMonth { width: 5em; }
.SecureForm fieldset select.DobYear { width: 4em; }

.SecureForm fieldset input.SortCodeElement { float: left; width: 2em; margin-right: 0.5em; }

span.CheckRadio {
	width: 100%;
	display: block;
	float: left;
	clear: left;
	height: 2em;
	}
span.CheckRadioHoriz {
	width: auto;
	clear: none;
	padding-right: 2em;
	}
span.CheckRadioHoriz input {
    clear: none;
    display: inline;
    margin:4px 0 0 0;

}
span.CheckRadioHoriz label {
    clear:none;
    display:inline;
    margin:4px 0 0 4px;
    padding:0 !important;
}
span.CheckRadio label {
	padding: 0 !important;
	margin: 0 0 0 5px !important;
	}
span.CheckRadioFloats input { clear: left;}

table.RadioTable tr td label {
	clear: none !important;
	float: none !important;
	display: inline !important;
	margin-left: 5px;
	margin-right: 15px;
	}
table.RadioTable tr td input {
	clear: none !important;
	float: none !important;
	display: inline !important;
	border: none !important;
	width: auto !important;
	}	
table.RadioTable tr td.CheckOrRadio {
	vertical-align: top;
	padding: 5px 8px 8px 8px;
	text-align: center;
	}
.SecureForm fieldset div.FullWidthItem span.CheckRadio input,
.SecureForm fieldset div.HalfWidthItem span.CheckRadio input {
	float: left;
	margin: 2px 6px 5px 0;
	display: block;
	background: none;
	border: none;
	}
.SecureForm fieldset div.FullWidthItem {
	margin-top: 0.5em;
	margin-right: 0.5em;
	width: 100%;
	clear: both;
	}
.SecureForm fieldset div.HalfWidthItem {
	float: left;
	width: 48%;
	font-size: 0.9em;
	}
.SecureForm fieldset div.HalfWidthItemLeft { float: left; }
.SecureForm fieldset div.HalfWidthItemRight { float: right; }
.SecureForm fieldset select.SmallSelect { width: 6em; }
.SecureForm fieldset select.LargeSelect { width: 11em; }
.SecureForm fieldset select.LargerSelect { width: auto; }

/* Generic clear div in lieu of calling Global.css
---------------------------------------------------------- */
div.ClearFloat,
div.Clear {
	clear: both;
	line-height: 1px;
	font-size: 1px;
	height: 0px;
	visibility: hidden;
	}

/* Explanatory text within forms
---------------------------------------------------------- */
p.UnderFields {
	clear: both;
	color: #666;
	padding-top: 3px;
	margin: 0 !important;
	font-size: 1em !important;
	}
p.UnderFields a { color: #666; }
p.UnderFields input {
	float: left;
	margin-right: 10px;
	}
p.UnderFields label {
	font-size: .9em;
	}

/* Columned pages
---------------------------------------------------------- */
.LeftColumn {
	float: left;
	width: 43.5em;
	}
.InitialFilterHeader .LeftColumn {
	float: left;
	width: 50%;
	}
.RightColumn {
	width: 15em;
	float: right;
	padding: 0;
	}
.RightColumn h3, .FormText h3 {
	color: #666;
	margin: 4px 0 .5em 0; 
	padding: 0 2px 3px 2px;
	border-bottom: 1px #ddd solid;
	}
.Help {
	padding: .8em .75em;
	border-left: 1px #ebeff2 solid;
	border-right: 1px #ebeff2 solid;
	border-bottom: 1px #ebeff2 solid;
	background-color: #f8f8f8;
	}

/* Form buttons
---------------------------------------------------------- */
.Buttons { margin-bottom: 1em; }
.Buttons img { border: 0; }
.ButtonsGap { margin-top: 1em;}
.RightButton {float: right;}
.LeftButton {
	float: left;
	margin-right: 0.5em;
	}
	
/* Form error validation
---------------------------------------------------------- */	
span.RequiredField {
    color: #ac0b0b;
    font-size: 0.9em;
}
/* Form error validation*/
div.FormErrors {
    background-color: #FFF1E5;
    border-top: 2px #ac0b0b solid;
    border-bottom: 2px #ac0b0b solid;
    color: #ac0b0b;
    margin: 1em 0 1em 0 !important;
    padding: 8px;
    }
    div.FormErrors p { color: #ac0b0b; margin: 0; }
        div.FormErrors ul {
	        margin: 0.5em 2em 0.25em 1em;
	        list-style-type: none;
	        }
            div.FormErrors ul li {
                color: #ac0b0b;
                padding: 0 0 0 1.5em;
                margin: 0.4em 0;
                background: transparent url(/Images/Global/Icons/Mini/IconSprite.png) no-repeat 0px -5200px;
                line-height: 1.3em !important;
                }
                
.SecureForm fieldset input.ErrorInput, 
.SecureForm fieldset select.ErrorInput {
	border: 1px #f00 solid;
	background: #FFBFBF
	}
.SecureForm fieldset p.InlineErrorMessage { color: #ac0b0b; font-weight: bold; margin: 0.25em 0 !important; padding: 0 !important; }

/* Mortgage Specific Secure Form Styles*/

/* Specific text styles
---------------------------------------------------------- */
h2 { color: #92024d; }

/* Mortgage specific link colors
---------------------------------------------------------- */
a:link { color: #92024d; }
a:hover { color: #df2986; }
a:visited { color: #444; }
a:active { color: #92024d; }

/* Mortgage form specifics
---------------------------------------------------------- */
form.SecureForm fieldset input,
form.SecureForm fieldset select {
	border: 1px #eaadcc solid;
	color: #92024d;
	background: white url(/Images/Partners/Fool/InputBackground.gif) repeat-x top left;
	}
form.SecureForm fieldset select {
	background-color: #f8f0f4; padding: 0;
	}
form.SecureForm fieldset div.FullWidthItem span.CheckRadio input	{
	background: none!important;
	}
form.SecureForm fieldset legend {
	color: #92024d;
	}
form.SecureForm fieldset .Half {
	float: left;
	width: 50%
	}
	
form.SecureForm table.RadioTable {
	border-collapse: collapse;
	border: none;
	margin-bottom: 12px;
	}
	
form.SecureForm table.RadioTable td label,
form.SecureForm table.RadioTable td input {
	border: none;
	vertical-align :middle !important;
	background: none !important;
	}
form.SecureForm .FinancialHistory table.RadioTable td label {
	font-family: Tahoma, Verdana, Arial, Helv, Sans-Serif;
	font-size: 1.1em !important;
}

p.CtaPara { font-size: 115%; line-height: 130%; color: #92024d; font-weight: bold; margin-bottom: 6px; }
p.CtaFollowup { font-size: 110%; line-height: 120%; color: #92024d; margin-top: 6px; }

p.FieldErrorMessage {
	color:#CA1E1E !important;
	font-size:0.9em !important;
	margin:0.25em 0 !important;
	padding:0 !important;
	clear: both;
	float: none;
}

div.WideBreadCrumb {
	font-size:0.9em !important;
	width:48em!important;
	}
	
/* Help in RHS bar
---------------------------------------------------------- */
.Help {
	margin-top: 0 !important;
	}
.Help p {
	font-family: Tahoma, Verdana, Arial, Helv, Sans-Serif;
	font-size: .9em;
	color: #666;
	margin-bottom: .5em;
	}
.Help ul.HelpOptions {
	margin: 0;
	padding: 0em 1em 0em 1.5em;
	list-style-type: square;
	color: #ccc;
	}
.Help ul.HelpOptions li {
	margin: 0 0 1em 0;
	}	
.Help ul.HelpOptions a {
	color: #92024d;
	font-weight: bold;
	}	
.Help ul.HelpOptions strong.GreenStrong {
	color: #92024d;
	clear: right;
	}
.Help ul.HelpOptions span.Text {
	font-size: 0.8em;
	color: #444;
	line-height: 1.4em;
	}
.Help ul.HelpOptions strong.PhoneNumber {
	font-family: Tahoma, Verdana, Arial, Helv, Sans-Serif;
	font-size: 1.5em;
	font-weight: bold;
	line-height: 1.4em;
	}
	
p.CallUs {
	font-weight: bold;
	line-height: normal;
	margin-bottom: 0;
}
p.CallUs strong {
	color: #92024d;
	font-size: 160%;
	line-height: 1.2em;
}
p.SmallPrint {
	font-size: 95%;
	color: #777;
	margin: .5em 0;
	padding: 0;
}
h3.NotFirst {
	margin-top: .75em;
}

div.Testimonials {
	padding: .5em .5em;
	color: #555;
	margin: 1em 0;
	text-align: center;
}
div.Testimonials blockquote {
	font-size: 95%;
	margin-bottom: 1em;
	border-bottom: 1px #eee solid;
	padding: 0 .5em 1em .5em;
}
div.Testimonials blockquote.Last {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: 0;
}
div.Testimonials blockquote p {
	margin: 0;
	padding: 0;
	line-height: 1.3em;
}
div.Testimonials blockquote cite {
	font-weight: bold;
	font-style: normal;
	color: #444;
}

    /*To remove IE border styles*/
    form fieldset span.NoBorder input {
        background: none;
        border: none;
        }