/*
Copyright (c) 2008, lovemoney.com All rights reserved.
---------------------------------------------------------------------
Tint	|	Brown		Beige		Green		Orange		Turquoise
---------------------------------------------------------------------
100%	|	#240F00		#BDAD87		#699B40		#FF7200		#006778
90%		|	#3A271A		#C4B593		#78A553		#FF801A		#1A7686
80%		|	#503F33		#CABD9F		#87AF66		#FF8E33		#338593
70%		|	#66574D		#D1C6AB		#96B979		#FF9C4D		#4D95A0
60%		|	#7C6F66		#D7CEB7		#A5C38D		#FFAA66		#66A4AE
50%		|	#928780		#DED6C3		#B4CD9F		#FFB980		#80B3BB
40%		|	#A79F99		#E4DECF		#C3D7B2		#FFC799		#99C2C9
30%		|	#BDB7B2		#EBE7DB		#D2E1C6		#FFD5B2		#B2D1D6
20%		|	#D3CFCC		#F2EFE7		#E1EBD9		#FFE3CC		#CCE1E4
10%		|	#E9E7E5		#F8F7F3		#F0F5EC		#FFF1E5		#E5F0F1
*/

* { margin: 0; padding: 0; border: 0; }
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; list-style-type: none; }
li {background-image: none; background-repeat: no-repeat}
a img,:link img,:visited img, fieldset { border:none }
address { font-style:normal }
table {border-collapse:collapse; border-spacing:0;}
select,input,button,textarea { font: 99% arial,helvetica,clean,sans-serif; }
input.Text {
	background-color: #f3f3f3;
	border: 1px #ccc solid;
	}
table {
	font-size: inherit;
	font: 100%;
	}
	
/* [S] Generic classes */
.ClearFloat { clear: both; display: block; line-height: 1px; font-size: 1px; height: 0px; visibility: hidden; }

/* slightly enhanced, universal clearfix hack */
.Cf:after,
.ClearFix:after {
     clear: both;
     content: " ";
     display: block;
     font-size: 0;
     height: 0;
     visibility: hidden;
     }
    .Cf,
    .Clearfix {*display: inline-block;}

/* span text to prevent it wrapping */
.NoWrap { white-space: nowrap; }
/* small text */
.SmallText { font-size: 85%; line-height: 130%; font-weight: bold; color: #333; }
/* float right image */
img.Right { float: right; margin: 4px 4px 15px 15px; }
/* generic class for image replacement */
.HideMe { left: -3000px; position: absolute; }
.HideMeD { display: none; }
.Light { font-weight: normal; }
.FloatLeft { float: left; }
.FloatRight { float: right; }
/* terms and conditons link bottom of page */
p.SmallPrint { color: #66574D; font-size: 85%; }
/* relative positioning */
.Relative { position: relative; }

/* naughty naughty, colour-based classes */
.FgBrown	{ color: #240F00; }
.FgBeige	{ color: #BDAD87; }
.FgGreen	{ color: #699B40; }
.FgTurq		{ color: #006778; }
.FgOrange	{ color: #FF7200; }
.BgBrown	{ background-color: #240F00; }
.BgBeige	{ background-color: #BDAD87; }
.BgGreen	{ background-color: #699B40; }
.BgTurq		{ background-color: #006778; }
.BgOrange	{ background-color: #FF7200; }

/* [S] Body declaration */
body {
	background-color: #f2efe7;
	font: 13px/1.231 arial,helvetica,clean,sans-serif;
	*font-size:small;
	*font:x-small;
	margin: 0;
	padding: 0;
	position: relative;
	word-wrap: break-word;
	}

.Page {
	background-color: #fff;
	border-left: 1px #fff solid;
	border-right: 1px #fff solid;
	padding: 12px 0 10px 0;
	position: relative;
	margin: 10px auto 0 auto;
	width: 960px;
	z-index: 0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	
	}

/* [S] Generic Links */
a:link{color: #006778; text-decoration: underline;}
a:visited{color: #6d8e94; text-decoration: underline;}
a:hover{color: #007678; text-decoration: none;}
a:active{color: #006778; text-decoration: underline;}

.GlobalContainer {
	clear: both;
	margin: 0 auto;
	width: 960px;
	}

/* [S] [G] Global site grid units */
.ColumnBreaker {
	clear: both;
	height: 0px;
	line-height: 0px;
	padding-bottom: 20px;
	width: 100%;
	}
.ClearColumnBreaker {
	clear: both;
	height: 0px;
	line-height: 0px;
	padding-bottom: 0px;
	width: 100%;
	}
.FineDivider {
	border-bottom: 1px #ddd dotted;
	border-top: 15px #fff solid;
	margin-bottom: 15px;
	padding-bottom: 0;
	}

/* generic style for a column unit div */
.Unit {
	display: inline;
	float: left;
	margin: 0 10px 0 10px;
	}
.UnitStart { margin-left: 0 !important; }
.UnitEnd { margin-right: 0px !important; }
.EmptyUnit { min-height: 1px; }

/* generic style for a left column unit */
.StackedUnit {
	float: left;
	margin-left: 15px;
	clear: left;
	}
/* generic style for stacked unit */
.Stack {
	margin-top: 15px !important;
	}
/* generic style for padding inner unit div */
.Unit .UnitInPad {
	padding: 10px;
	}
		
	/* generic style for floating block content */
	.PanelContent {
		float: left;
		width:100%;
		}
	div.FloatItem {
		display: block;
		float: left;
		}

	/* unit widths based on block composition */
	.Grid12 .Unit1Blocks {	width: 60px; }
	.Grid12 .Unit2Blocks {	width: 140px; }
	.Grid12 .Unit3Blocks {	width: 220px; }
	.Grid12 .Unit4Blocks {	width: 300px; }
	.Grid12 .Unit5Blocks {	width: 380px; }
	.Grid12 .Unit6Blocks {	width: 460px; }
	.Grid12 .Unit7Blocks {	width: 540px; }
	.Grid12 .Unit8Blocks {	width: 620px; }
	.Grid12 .Unit9Blocks {	width: 700px; }
	.Grid12 .Unit10Blocks { width: 780px; }
	.Grid12 .Unit11Blocks {	width: 860px; }
	.Grid12 .Unit12Blocks {	width: 940px; }

	/* gap a unit from the left-gutter */
	.Grid12 .Offset1Blocks { padding-left: 80px; } 
	.Grid12 .Offset2Blocks { padding-left: 160px; }
	.Grid12 .Offset3Blocks { padding-left: 240px; }
	.Grid12 .Offset4Blocks { padding-left: 320px; }
	.Grid12 .Offset5Blocks { padding-left: 400px; }
	.Grid12 .Offset6Blocks { padding-left: 480px; }
	.Grid12 .Offset7Blocks { padding-left: 560px; }
	.Grid12 .Offset8Blocks { padding-left: 640px; }
	.Grid12 .Offset9Blocks { padding-left: 720px; }
	.Grid12 .Offset10Blocks { padding-left: 800px; }
	.Grid12 .Offset11Blocks { padding-left: 880px; }

div.Module {
	margin-bottom: 15px;
	}

/* [S] Generic widths for table columns, input fields etc. */
/*Used to control table column widths*/
.w20{width: 2em;}.w30{width: 3em;}.w40{width: 4em;}.w50{width: 5em;}.w60{width: 6em;}.w80{width: 8em;}.w100{width: 10em;}
.w110{width: 11em;}.w120{width: 12em;}.w130{width: 13em;}.w150{width: 15em;}.w165{width: 16.5em;}.w200{width: 20em;}.w250{width: 25em;}.w300{width: 30em;}
/*Percent Widths - Used to create equal grids within a table. e.g for columns at 25%*/
.w10pc{width: 10%;}.w13pc{width: 13%;}.w20pc{width: 20%;}.w25pc{width: 25%;}.w30pc{width: 30%;} .w33pc{width: 33%;}
.w40pc{width: 40%;}.w50pc{width: 50%;}.w60pc{width: 60%;}.w75pc{width: 75%;}.w80pc{width: 80%;}.w90pc{width: 90%;}
/*form input element widths*/
.fw2{width: 2em;}.fw3{width: 3em;}.fw4{width: 4em;}.fw6{width: 6em;}.fw8{width: 8em;}.fw10{width: 10em;}
.fw14{width: 14em;}.fw16{width: 16em;}.fw20{width: 20em;}.fw22{width: 22em;}

form fieldset input, form fieldset select, form fieldset textarea {
    background-color: #fff;
    border: 1px solid #d9d9d9;
    color: #699a1e;
    padding: 2px;
    }
    /*To remove IE border styles*/
    form fieldset span.NoBorder input {
        background: none;
        border: none;
        }
    fieldset input.Indent, fieldset select.Indent {
	    margin-left: 10px;
	    }
	    fieldset span.Pound, fieldset span.Percentage, fieldset span.Year {
	        color: #333;
	        padding-right: 4px;
	        font-size: 1.7em;
	        line-height: 1.25em;
	        }
	        div.SymbolFieldWrap {clear: left; padding-top: 4px;}
	/*Radio btn*/
	fieldset span.RadioGroup label {
        margin:0 10px 0 2px;
        }


/* TOP NAV */
.TopNav {
	background: #699c40 url(/Images/Global/Relaunch/greeny.png) repeat-x left top;
	position: relative;
	padding: 6px 0 5px 0;
	z-index: 9000;
	}
	.TopNav .Inner,
	.ProductBar .Inner {
		position: relative;
		margin: 0 auto;
		width: 960px;
		}
	.TopNav .Logo {
		background: transparent url(/Images/Global/Logos/white220.png) no-repeat left top;
		display: block;
		height: 45px;
		width: 220px;
		}
	.NavLinks {
		font-size: 112%;
		}
		.NavLinks ul {
			margin:0;
			padding:0;
			list-style:none;
			}
		.NavLinks ul li {
			display: block;
			float:left;
			margin-right:5px;
			padding: 7px 12px 8px 12px;
			}
			.NavLinks ul li.HomeLink {
				padding-left: 0;
				}
		.NavLinks ul li a,
		.NavLinks ul li a:link,
		.NavLinks ul li a:hover,
		.NavLinks ul li a:visited,
		.NavLinks ul li a:active {
			color: #fff;
			text-decoration: none;
			text-shadow : rgb(0,0,0) 1px 1px 1px;
			}
		.NavLinks ul li a:hover {
			color: #ffc;
			text-shadow : rgb(50,50,50) 1px 1px 1px;
			}
		.NavLinks ul li.Active {
			background-color: #638F3E;
			border-left: 1px #6ca73c solid;
			border-right: 1px #6ca73c solid;
			padding: 7px 11px 8px 11px;
			}
	.NavBar {
		background: #598536;
		border-bottom: 2px #EBE7DB solid;
		clear: both;
		min-height: 30px;
		position: static;
		z-index: 0;
		}
		.NavBar .Inner {
			margin: 0 auto;
			width: 960px;
			}
	
	p.ButtonHeading {
		color: #7C6F66;
		font-size: 85% !important;
		margin: 0 0 1px 0;
		padding: 0;
		}
	
	a.CpeTrigger {
		background: url(/Images/Global/Relaunch/compare.png) no-repeat left top;
		display: block;
		height: 36px;
		margin-top: 5px;
		position: absolute;
		top: 0px;
		right: 10px;
		width: 220px;
		}	
		a.CpeTrigger span { display: none; }
	
	div.Cpe {
		background-color: #FFE3CC;
		border: 3px #f79758 solid;
		display: none;
		-webkit-border-bottom-right-radius: 5px;
		-webkit-border-bottom-left-radius: 5px;
		-moz-border-radius-bottomright: 5px;
		-moz-border-radius-bottomleft: 5px;
		border-bottom-right-radius: 5px;
		border-bottom-left-radius: 5px;
		-moz-box-shadow:0 5px 5px rgba(0, 0, 0, 0.4);
	    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.4);
	    -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.4);
		padding: 10px;
		position: absolute;
		right: 12px;
		top: 38px;
		width: 190px;
		z-index: 8888;
		}
		div.Cpe ul.ProductList {
			}
			div.Cpe ul.ProductList li {
				font-size: 100%;
				font-weight: bold;
				padding: 0 0 5px 0;
				}
				div.Cpe ul.ProductList li a {
					color: #240f00;
					}
	
	.Login {
		color: #fff;
		font-size: 112%;
		padding: 7px 0px 8px 12px;		
		text-align: right;
		}
		.Login a {
			color: #ffc;
			}
	
	.TopNav .Divider {
		border-right: 1px #598536 solid;
		}
	
	.TopNav div#UserBox {
		position: relative;
		padding: 5px 0 0 45px;
		}
		.TopNav div#UserBox img {
			border: 3px #598536 solid !important;
			left: 0px;
			position: absolute;
			top: 5px;
			}
		.TopNav div#UserBox p.Greeting {
			color: #fff;
			font-size: 110%;
			line-height: normal;
			margin: 0;
			padding: 0;
			}
			.TopNav div#UserBox p.Greeting a {
				color: #ffc;
				}
		.TopNav div#UserBox ul.Inline {
			margin-right: 12px;
			padding-bottom: 6px;
			}
		.TopNav div#UserBox ul.Inline a {
			color: #ffc;
			font-size: 90%;
			}
	
	.SiteSearch {
		padding-top: 6px;
		}
		.SiteSearch label {
			color: #fff;
			display: none;
			font-size: 85%;
			font-weight: bold;
			padding: 0 0 3px 0;
			}
		.SiteSearch .InputHolder {
			background-color: #fff;
			border: 1px #CAFF9F solid;
			float: left;
			height: 23px;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			border-radius: 5px;
			width: 186px;
			}
		.SiteSearch .FieldHolder {
			width: 220px;
			z-index: 0;
			}
			.SiteSearch .InputHolder input {
				background: #fff;
				border: 0;
				color: #888;
				padding: 3px;
				width: 178px;
				}
				.SiteSearch .InputHolder input:focus {
					color: #000;
					}
			.SiteSearch input.SiteSearchButton,
			.SiteSearch input.UserSearchButton {
				float: right;
				}
	
	.ProductBar {
		padding: 8px 0 2px 0;
		}
		.ProductBar ul li {
			float: left;
			font-weight: bold;
			margin: 0 8px 8px 0;
			}
			.ProductBar ul li a {
				background-color: #E4DECF;
				border: 1px #DED6C3 solid;
				color: #503F33;
				display: block;
				padding: 3px 8px;
				text-decoration: none;
				-webkit-border-radius: 5px;
				-moz-border-radius: 5px;
				border-radius: 5px;
				}
				.ProductBar ul li a:hover {
					background-color: #DED6C3;
					border: 1px #BDB7B2 solid;
					color: #3A271A;
					}
			.ProductBar ul li.Active a {
				background-color: #240f00;
				border: 1px #240f00 solid;
				color: #fff;
				}
				

/* Site footer */
div#GlobalFooter {
	background-color: #f2efe7;
	font-size: 85%;
	padding: 18px 0 10px 0;
	}
	div#GlobalFooter .GlobalContainer {
		}
	div#GlobalFooter a.Logo {
		background: transparent url(/Images/Global/FooterLogoMain.gif) no-repeat top left;
		display: block;
		height: 25px;
		margin: 0 0 10px 0;
		text-decoration: none;
		width: 160px;
		}
		div#GlobalFooter a.Logo b {
			visibility: hidden;
			}
	#GlobalFooter .AddressBlock,
	#GlobalFooter .AddressBlock p,
	#GlobalFooter .AddressBlock li,
	#GlobalFooter .AddressBlock address {
		color: #240F00;
		}
		#GlobalFooter .AddressBlock address { margin-top: 8px; }
		#GlobalFooter .AddressBlock p.Numbers { margin-top: 12px; }
	#GlobalFooter .ListBlock {
		padding-top: 8px;
		}

	dl.FooterLinks {
		zoom: 1;
		font-size: 100%;
		}
		dl.FooterLinks dt {
			background-color: #fff;
			border-right: 2px #e9e7e5 solid;
			clear: left;
			display: block;
			float: left;
			font-weight: bold;
			-webkit-border-top-left-radius: 5px;
			-webkit-border-bottom-left-radius: 5px;
			-moz-border-radius-topleft: 5px;
			-moz-border-radius-bottomleft: 5px;
			border-top-left-radius: 5px;
			border-bottom-left-radius: 5px;
			text-align: right;
			margin: 0 0 2px 0;
			padding: 10px;
			width: 118px;
			}
			dl.FooterLinks dt a,
			dl.FooterLinks dt a:link,
			dl.FooterLinks dt a:active,
			dl.FooterLinks dt a:hover,
			dl.FooterLinks dt a:visited {
				color: #240f00;
				text-decoration: none;
				}	
			dl.FooterLinks dt a:hover {
				text-decoration: underline;
				}
			
		dl.FooterLinks dd {
			background-color: #F8F7F3;
			display: block;
			float: left;
			-webkit-border-top-right-radius: 5px;
			-webkit-border-bottom-right-radius: 5px;
			-moz-border-radius-topright: 5px;
			-moz-border-radius-bottomright: 5px;
			border-top-right-radius: 5px;
			border-bottom-right-radius: 5px;
			margin: 0 0 2px 0;
			padding: 9px 10px 8px 10px;
			width: 540px;
			}
			dl.FooterLinks dd ul { display: inline; padding: 0; margin: 0; }
			dl.FooterLinks dd ul li { display: inline; padding: 0; margin: 0 12px 0 0; }
			dl.FooterLinks dd ul li a { text-decoration: none; white-space: nowrap; }
			dl.FooterLinks dd ul li a:hover { text-decoration: underline; }

	dl.FooterLinks dd.SearchField {
		padding: 5px 10px 4px 4px;
		width: 546px;
		}	
	div#GlobalFooter div.Search {
		display: block;
		height: 1%;
		}
	div#GlobalFooter div.SiteSearch,
	div#GlobalFooter div.UserSearch {
		float: left;
		height: 1%;
		padding-top: 0;
		width: 220px;
		z-index: auto;
		}
	div#GlobalFooter div.UserSearch {		
		padding-left: 15px;
		}
	div#GlobalFooter div.SiteSearch .InputHolder {
		border: 1px #D1C6AB solid;
		}
	div#GlobalFooter .SiteSearch .InputHolder input {
		font-size: 120%;
		}

.ServerInfo {
	background-color: #f2efe7;
	color: #CABD9F;
	font-size: 85%;
	padding: 0px 0 5px 0;
	text-align: center;
	}

/* [S][L] Headers (for old pages) */
h1, h2, h3, h4, h5{
	font-family: Helvetica, Arial, Sans-Serif;
	font-weight: normal;
	color:#699b40;
	margin-bottom: 0.25em;
	text-align: left;
	}
h1 {
	color: #4D95A0;
	font-size: 220%;
	font-weight: bold;
	letter-spacing: -1px;
	line-height: 115%;
	margin-bottom: 8px;
	text-shadow : rgb(230,230,230) 1px 1px 1px;
	}
h2 {
	color: #503F33;
	font-size: 185%;
	font-weight: bold;
	letter-spacing: -1px;
	}
	h2.Break {
		border-bottom: 1px #928780 solid;
		line-height: 115%;
		padding-bottom: 5px;
		}
h3 {
	font-size: 160%;
	font-weight: bold;
	letter-spacing: -1px;
	line-height: 125%;
	}
h4	{ font-size: 130%; line-height: 100%; }
h5	{ font-size: 120%; line-height: 120%; }
h6	{ font-size: 110%; line-height: 120%; }

/* [S] Paragraph */
p, li, blockquote, address {
	color: #222;
	line-height: 155%;
	text-align:left;
	}
p {padding: 0 0 12px 0;}

blockquote {
	padding: 0 15px 13px 15px;
	}

/* [S] Lists */
ol.DefaultList {
	padding-left: 2.8em;
	padding-bottom: 0.5em;
	}
	ol.DefaultList li { padding-bottom: 0.5em; padding-left: .5em; list-style-type: decimal !important; }
	ol.DefaultList li ol { padding-top: 0.5em; }
ul.DefaultList {
	padding-bottom: 0.5em;
	padding-left: 2.8em;
	}
	ul.DefaultList li { padding-bottom: 0.5em; padding-left: .5em; list-style-type: square; }
	ul.DefaultList li ul { padding-top: 0.5em; }
	ul.DefaultList li ul.DefaultList li { }
ol.AlphaList {
	padding-left: 2.8em;
	padding-bottom: 0.5em;
	}
	ol.AlphaList li { padding-bottom: 0.25em; padding-left: .5em; list-style-type: lower-alpha !important; }
	ol.AlphaList li ol { padding-top: 0.5em; }
	
/*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:1px 0 1px 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;
    }
    a.HrefList, span.HrefList {
        padding:1px 0 1px 22px;
    }
    /*for list items on UiBtns*/
    span.BtnList {
        display:inline !important;
        padding:2px 6px 10px 18px;
        margin-left:4px;
        }
        h3 span.BtnList {padding-left:28px; padding-top: 0px;}
        span.BtnList input {padding-left: 0px !important;}

li.Def {background-position: 0 0;}
li.Article, a.Article {background-position: 0 -3000px;}
li.ArticleReport {background-position: 0 -9800px;}
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, a.Comment, span.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, span.Goal {background-position: 0 -4200px;}
li.Guide {background-position: 0 -3200px;}
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, a.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, span.Report {background-position: 0 -5200px;}
li.Rss {background-position: 0 -4400px;}
li.Settings, a.Settings, span.Settings {background-position: 0 -6400px;}
li.Share, span.Share {background-position: 0 -11400px;}
li.Tag, a.Tag, span.Tag {background-position: 0 -8600px;}
li.TagAdd, a.TagAdd {background-position: 0 -8800px;}
li.TickGreen, a.TickGreen, span.TickGreen {background-position: 0 -9400px;}
li.TickGrey, a.TickGrey {background-position: 0 -9600px;}
li.Twitt, span.Twitt {background-position: 0 -4597px;}
li.User, a.User {background-position: 0 -7200px;}
li.Users, a.Users, span.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, a.Editorial, li.Editorial {background-position: 0 -8200px;}
li.Video {background-position: 0 -3400px;}
li.Warning, a.Warning, span.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, li.Review, a.Review, span.Review {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;}

.ContentLinking, .ContentLinking ul, ul.EvenMore{
	border-top: 0 !important;
	}
	.ContentLinking li {
		background-color: #F2EFE7 !important;
		border-bottom: 1px #DED6C3 solid;
		}

/* contextual registration promo */
.Contextual {
	background: #f8f7f3 url(/Images/Global/Relaunch/Contextual.png) repeat-x top left;
	border-bottom: 1px #cfcfcf solid;
	}
	.Contextual .Inner {
		margin: 0 auto;
		padding: 4px 0 8px 0;
		position: relative;
		width: 960px;
		}
		.Contextual .Inner h2 {
			color: #BDAD87;
			margin: 4px 0 0 0;
			padding: 0;
			text-shadow: #fff 1px 1px 1px;
			}
		.Contextual .Inner p {
			color: #66574D;
			font-size: 110%;
			line-height: 140%;
			}

/*Loading styles*/
.LoadingOverlay {
    background: #EEFFCC url(/Images/Global/LoadingIndicator.gif) no-repeat scroll 1em center;
    border: 2px solid #AEE1AE;
    color: #090;
    letter-spacing: -1px;
    margin: 60px 25%;
    padding: 20px 3em 20px 4em;
    position: absolute;
    width: 24em;
    z-index: 4;
    }
    /*No js*/
    .Failed {
        background: #ffe4e4 url(/Images/Global/FailedIndicator.gif) no-repeat 1em 1.1em ;
        border: 1px #c00 solid;
        color: #900;
        padding: 10px 2em 10px 4em;
        margin-bottom: 1em;
        text-align: left;
        }
        .Failed p{
        color: #900;
        }
    .Failed .Heading,
    .LoadingOverlay .Heading {
        font-size: 150%;
        font-weight: bold;
        }

/* Mini Tabs and Table
---------------------------------------------------------- */

/*Best-Buy Tabs*/
ul#bestbuytabs {
	border-bottom:2px solid #B2D1D6;
	clear: both;
	display: block;
	width: 100%;
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: normal;
	font-size: 90% !important;
	}
ul#bestbuytabs li {
	float:left;
	}
ul#bestbuytabs li a {
	background:#E5F0F1 url(/Images/DecisionCentre/Common/TabDormant.gif) repeat-x top left;
	border: 1px solid #80B3BB;
	border-bottom: none !important;
	color: #006778;
	text-decoration: none;
	outline: none;
	display: inline;
	float: left;
	clear: none;
	margin: 0 2px 0 0;
	}
ul#bestbuytabs li a:hover {
	background: #f7f9fa url(/Images/DecisionCentre/Common/TabHoverGrad.gif) repeat-x top left;
	}

/* reset line-height on CC pages with netscape/ie.css included */
div#container ul#bestbuytabs li{
	line-height: normal;
	}
	span#bestbuytabs {
		white-space: nowrap;
		}
		ul#bestbuytabs li span{
			cursor: pointer !important;
			display: block;
			clear: none;
			height: 1.8em;
			line-height: 130%;
			margin: 0;
			padding: 7px 8px;
			}
			ul#bestbuytabs li.active a{
				background: #338593 url(/Images/DecisionCentre/Common/TabActive.gif) repeat-x top left !important;
				border-color:#00608D;
				color: #E5F0F1;
				font-weight: bold;
				}
				ul#bestbuytabs li.active a:hover {
	            background-image: none;/*IE*/
	            }
				ul#bestbuytabs li span.Wide {max-width:8.8em;}
				ul#bestbuytabs li.active a span.Wide {max-width:9.4em; padding: 7px 5px;}/*extra width for bold text*/
				
                ul.TwoLine li span {height: 2.9em !important; max-width:6.2em;}
                ul.ThreeLine li span {height: 3.6em !important; max-width:6.2em;}
				
table.ProductResults {
	border-spacing: 0;
	border-collapse: collapse;
	float: none;
	clear: both;
	font-size: 100%;
	width: 100%;
	}
	table.ProductResults th,
	table.ProductResults td {
		padding:5px;
		text-align:center;
		vertical-align:middle;
		}
    table.ProductResults thead th {
        background:#fcfcfc url(/Images/DecisionCentre/Common/TableHeadRowBackground.gif) repeat-x scroll left bottom;
        border-bottom:1px solid #ccc;
        color:#444;
        font-weight:bold;
        padding-bottom:8px;
        padding-top:8px;
        vertical-align:top;
        }
    table.ProductResults tr {
        background-color:#fff;
		}
    table.ProductResults tr.Odd, table.ProductResults tr.odd {
        background-color:#F5F9FA;
    }
    table td.BorderBottom {
        border-bottom:1px solid #eee;
        }
        table.ProductResults td.BorderBottom ul {
	    padding-left: 10px; }/*IE7 fix*/
        
        table.ProductResults td.BorderBottom ul li {
	        text-align: left; 
	        margin-right: 6px;
	        padding-bottom: 10px; padding-left: 0px; list-style-type: square;
	        }
    table.ProductResults td.Product h3 {
        background: none;
        border: 0;
        font-family:Helvetica,Arial,Sans-Serif;
        font-size:100%;
        font-weight:normal;
        letter-spacing: normal;
        margin:0;
        padding:0;
        text-align: center;
		}
    .typical-apr, .enlarged {
        display: block;
        font-family:arial;
        font-size: 150%;
        font-weight:bold;
        }
        span.lblCharges {
            color:#444;
            padding-right: 3px;
            line-height:1.3em;
            font-weight: bold;
			}
    
    /* Partner creatives (88x31s)*/
    div.PartnerCreative img {
	    background-color: #fff;
	    border: 1px #ccc solid !important;
	    margin: 4px auto;
	    padding: 4px;	    	    
	    }
	    div.PartnerCreative a:hover img {
		    border: 1px #fff solid !important;
		    background-color:#DFDFDF;
            }
     .ProductResults td.ReviewLink {
            font-size:90%;
            padding:3px;
            }
            td.ReviewLink a.Review {
                color: #699B40;
            }
	
	/*Apply arrows*/
	table a.ApplyButton {
	background: transparent url(/Images/DecisionCentre/Common/ApplyArrow.gif) top left no-repeat;
	display: block;
	height: 30px;
	text-indent: -9999px;
	width: 30px;
	margin: 0 auto;
	}
	table a.ApplyButton:hover {
		background-position: left -100px !important;
		}
	table a.ApplyButton:focus {
		outline: none;
		}
	
	/*Buttons -Search Table and ISAs bestbuy*/
    a.MoreApply {
	    background-image: url(/Images/DecisionCentre/Common/ApplyMoreBtn.png);
	    background-repeat: no-repeat;
	    display: block;
	    height: 28px;
	    width: 75px;
	    text-indent: -9999px;
	    overflow:hidden;
	    margin: 0 auto;
	    cursor:pointer;
	    }
    a.MoreBtn {
	    background-position: 0px 0px;
	    }
    a.MoreBtn:hover {
	    background-position: 0px -28px;
	    }
    a.ApplyBtn {
	    background-position: 0px -56px;
	    margin-bottom: 2px;
	    }
    a.ApplyBtn:hover {
	    background-position: 0px -84px;
	    margin-bottom: 2px;
	    }
		
	table td.tdFootnote {
        background-color:#f0f5ec;
        font-size: 90%;
        padding:12px 4px 4px;
        }
        
    table th.CellRight, table td.CellRight { text-align: right !important; }
	table th.CellLeft, table td.CellLeft { text-align: left !important; }		

/*calculator
---------------------------------------------------------- */
table.Calculator {
	font-size: 100%;
	border: 1px solid #E6E6E6;
	}
	table.Calculator input.Indent, table.Calculator select.Indent {
        margin-left:20px;
        }
	table.Calculator td.CtaBackgrd {
		background-color: #fbfbfb;
		text-align: center;
		vertical-align: bottom;
		}
	table.Calculator td.CalcValue {
		color:#444;
		font-size: 140%;
		font-weight: bold;
		}
		table.Calculator tfoot tr.FooterRow {
		color:#777;
		background-color: #fff;
		border-top: 1px solid #f6f6f6;
		line-height: 1.4em;
		}

/* [S] Glossary icons in centres */
a.GlossaryIcon {
	display: none;
	height: 12px;
	width: 12px;
	font-size: 90%;
	font-weight: normal;
	text-decoration: none;
	background: transparent url(/Images/DecisionCentre/Common/GlossaryIcon.gif) no-repeat top left;
	clear: none;
	}
	a.GlossaryIcon span {
		visibility: hidden;
		}
	a.GlossaryIconFloat {
		margin-left: 4px;
		display: inline !important;
		}
		a.GlossaryIconFloat span {
			padding: 0px 4px;
			}
		a.GlossaryIconFloat:hover,
		table.ProductResults thead th a.GlossaryIconFloat:hover {
			text-decoration: none !important;
			}
			
/* [S] Tooltips in centres and various other places */
#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #2f2f2f;
	background-color: #E5F0F1;
	color: #444;
	padding: 5px;
	opacity: .96;
	width: 300px;
	}
	#tooltip div.body {
		font-size: .8em;
		font-family:verdana,helvetica,arial,sans-serif;
		line-height: 1.4em;
		}
	#tooltip div.body strong {
		color: #666;
		font-size: 110%;
		}

.SectionHeader h1 {
    margin-bottom:0.25em;
	}
	.HeaderLine {
	    border-bottom:3px solid #699B40;
	    clear:both;
	    float:left;
	    }
	    
/*Article, blog category line*/
#CatBox {
	width: 100%;
	}
#CatBox .AvatarHolder,
.BlogPostBody .AvatarHolder {
	margin: 0;
	}
    #CatBox .AvatarHolder img,
    .BlogPostBody .AvatarHolder img {
        }
    #CatBox .Avatar {
		border: 2px #f2efe7 solid !important;
		float: left;
		height: 56px;
		margin-right: 15px;
		width: 56px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;	
		border-radius: 3px;
		}
		#CatBox a img.Avatar {
		    overflow:hidden;
            text-decoration:none;
            text-indent:-9999px;
            }

 #CatBox {
	position: relative;
	}
    #CatBox h2 {
		color: #006778;
		font-size: 200%;
		margin-bottom: 0.1em;
		}
    
        /*container right of avatar*/
    .FullPost .InfoList {
        padding-top: 10px;
        margin: 0;
        }
        
    .InfoList h4.PostAuthor {
        color: #7C6F66;
        font-size: 1.6em;
        font-weight: bold;
        margin-bottom: 2px;
        }
        .InfoList span.PostDate { color: #bdad87; font-size: 130%;}

/* [S][L] In-article data tables */
#StaticArticle #BodyContent, #DynamicArticle #Bodycontent {min-height: 30em;}

/* Articles inc static */
.ArticleSidebar h3, .SecondaryContent h3, .Module h3 {
	border-bottom: 1px solid #66A4AE;
	color: #4D95A0;
	font-size: 155%;
	font-weight: bold;
	letter-spacing: -1px;
	margin: 10px 0 4px 0;
	padding: 0 0 3px 0px;
	}

/* tables for articles */
.ArticleText table {
	border-right: 1px #aaa solid;
	border-top: 1px #aaa solid;
	border-collapse: separate;
	font-size:14px;
	margin-bottom: 10px;
	width: 100%;
	}
	.ArticleText table th,
	.ArticleText table td {
		border-top: 3px #ccc solid;
		padding: 5px;
		}
	.ArticleText table th,
	.ArticleText table thead tr td {
		background: #E4DECF;
		border-left: 1px solid #E4DECF;
		border-bottom: 2px solid #80B3BB;
		color: #240F00;
		font-weight: bold;
		text-align: left;
		}
	.ArticleText table th p {
		color: #240F00;
		font-weight: bold;
		text-align: left;
		padding: 0;
		}
 	.ArticleText table td {
		padding: 4px;
		border-bottom: 1px #ccc solid;
		border-left: 1px #aaa solid;
		border-top: 0;
		}
	.ArticleText table tr td { background-color: #F8F7F3; }
	.ArticleText table tr.Odd td { background-color: #FFF; }
	.ArticleText table tr td p { padding: 0; }
		
.EvenMore {
    background-color:#FCFCFC;
    border-bottom:1px solid #DDDDDD;
    border-top:1px solid #DDDDDD;
    padding:6px 0;
	}
img.email {padding:0px; vertical-align: text-bottom;}

/* jquery generic utility styles */
.ui-tabs-hide { display: none; }

/* generic module tabs */
/* includes specific class for jquery ui tabs */
ul.JsTabs {
	margin: 0 !important;
	padding: 0 !important;
	}
ul.JsTabs li {
	display: inline;
	}
ul.JsTabs li {
	display: block;
	float: left;
	}
	ul.JsTabs li a {
		background-color: #f2efe7;
		border-color: #d1c6ab;
		border-style: solid;
		border-width: 1px 1px 0 1px;
		display: inline-block;
		float: left;
		margin-right: 3px;
		padding: 6px 12px;
		text-decoration: none;
		-webkit-border-top-right-radius: 10px;
		-moz-border-radius-topright: 10px;
		border-top-right-radius: 10px;
		}
	ul.JsTabs li a.Active,
	ul.JsTabs li.ui-state-active a,
	ul.JsTabs li.ui-tabs-selected a {
		background-color: #cabd9f;
		border-color: #bdad87;
		color: #fff;
		font-weight: bold;
		}
	ul.JsTabs li a:focus {
		outline: none;
		}
	.ui-tabs-hide { display: none; }
	
.UnderTabs {
	clear: both;
	border-top: 2px #bdad87 solid;
	padding-top: 1px;
	}
	
/* reskin JsTabs to blue */
ul.JsTabsBlue li a:link, ul.JsTabsBlue li a:visited,
ul.JsTabsBlue li a:hover, ul.JsTabsBlue li a:active {
	background-color: #CCE1E4;
	border-color: #80B3BB;
	border-style: solid;
	border-width: 1px 1px 0 1px;
	color: #006778;
	}
	ul.JsTabsBlue li a:hover {
		background-color: #99C2C9;
		}
	ul.JsTabsBlue li.ui-tabs-selected,
	ul.JsTabsBlue li.ActiveNoLink {
		background-color: #1A7686;
		border-color: #4D95A0;
		border-style: solid;
		border-width: 1px 1px 0 1px;
		color: #fff;
		cursor: default;
		float: left;
		font-weight: bold;
		margin-right: 3px;
		padding: 6px 12px;
		text-decoration: none;
		}
		ul.JsTabsBlue li.ui-tabs-selected a {
			cursor: default;
			}
	ul.JsTabsBlue li a:focus {
		outline: none;
		}
	
    .UnderTabsBlue {
	    border-top: 2px #4D95A0 solid;
	    clear: both;
	    padding-top: 0px;
	    }

/* Autocomplete - for Jquery plugin */
.ac_results {
	padding: 0px;
	border: 1px solid #DED6C3;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
	}
.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
	}
.ac_results li {
	margin: 0px;
	padding: 4px;
	cursor: default;
	display: block;
	line-height: 140%;
	overflow: hidden;
	}
.ac_loading {
	background: white url(/Images/Global/Icons/Mini/AjaxLoadIcon.gif) right center no-repeat;
	}
.ac_odd {
	background-color: #F2EFE7;
	}
.ac_over {
	background-color: #006778;
	color: white;
	}

/* help bars */
.HelpBar {
	border: 1px #cabd9f solid;
	border-width: 1px 0 1px 0;
	margin-bottom: 8px;
	margin-top: 8px;
	}
	.HelpBar .HelpBarInner {
		background-color: #ebe7db;
		border: 1px #fff solid;
		border-width: 1px 0 1px 0;
		padding: 8px 0;
		}
	.HelpBar h3 {
		color: #111;
		font-weight: bold;
		margin-bottom: 2px;
		}
	.HelpBar p {
		color: #3A271A;
		padding-bottom: 0;
		}
.HelpBarSmall { font-size: 95%; }
.HelpBarSmall .HelpBarInner { padding: 5px 10px; }

/* [S] Graphical ad holders - these should be a div wrapped around the ad call, not on the ad itself */
.ArticleLeader {
	background: transparent url(/images/Advertising/TopBar.gif) no-repeat 0px 0px;
	margin: 0 0 0 15px;
	padding: 0;
	width: 933px;
	}
.AdLeaderboard {
	background: transparent url(/images/Advertising/AdvertisementBadgeVertical.gif) 2px 3px no-repeat;
	padding: 4px 0 4px 16px;
	height: 90px;
	margin: 0 auto;
	width: 728px;
    /* float: right;
	margin: inherit; */
	}
	.AdLeaderboardCentered {margin: 0 auto;} 
	
.AdMpu {
	background: transparent url(/images/Advertising/AdvertisementBadgeHorizontal.gif) no-repeat 0px 2px;
	margin: 0 auto;
	padding: 18px 0 0 0;
	height: 250px;
	width: 300px;
	}
	.AdMpuCentered {margin: 0 auto;} 
		
.AdSkyscraper {
	background: transparent url(/images/Advertising/AdvertisementBadgeHorizontal.gif) no-repeat top left;
	padding: 14px 0 0 0;
	width: 120px;
	height: 614px;
	}

.FloatingLeaderboard {
	clear: both;
	text-align: center;
	}
	.FloatingLeaderboard .AdLeaderboard {
		margin: 6px auto;
		}

.AdminBox {
    background-color: #CCE1E4;
    border: 1px solid #006778;
    clear: both;
    display: none;
    padding: 10px;
	}
	.AdminBox h3 {
		color: #006778;
		border-bottom: 0;
		}

ul.ModuleLinks {
	border-bottom: 1px #A79F99 solid;
	border-top: 1px #A79F99 solid;
	padding: 10px 0 2px 0;
	}

/* admin header */
.AdminHeader {
	background-color: #503F33;
	border-top: 1px #D3CFCC solid;
	bottom: 0px;
	font-size: 85%;
	padding: 4px 0;
	position: fixed;
	z-index: 9999;
	width: 100%;
	}
	.AdminHeader ul li a,
	.AdminHeader ul li a:link,
	.AdminHeader ul li a:hover,
	.AdminHeader ul li a:visited,
	.AdminHeader ul li a:active {
		color: #ccc;
		padding: 1px 1px 1px 20px;
		}
	.AdminHeader .ServerInfoAdmin {
		color: #ccc;
		text-align: right;
		padding: 1px 0;
		}
	.AdminHeader .Odo {
		background: transparent url(/Images/Admin/AdminHeading.png) no-repeat top left;
		height: 26px;
		position: absolute;
		top: -27px;
		width: 120px;
		}
	
/* lovemoney ui styles */
.UiButton {
	display:-moz-inline-stack;
	display:inline-block;
	}
	.BtnRight .UiButton {float: right; margin-left: 4px;}
	.BtnLeft .UiButton {float: left; margin-right: 4px; }
	
	.UiButtonCell {text-align: center !important; margin: 0 auto; padding: 10px 0;}
	.UiButtonBlock .UiButtonCell {display:block;}/*btn centred but breaks tds*/
	.UiButton {
		background: #ff7200 url(/Images/Global/UiLinkButton.png) no-repeat top left;
		color: #fff !important;
		font-size: 90% !important;
		font-weight: bold;
		text-decoration: none !important;
		}
		a.UiButton span {
			height: 25px;
			padding-left: 8px;
			padding-right: 8px;
			padding-top: 5px;
			}
			.UiButton span:hover input, a:hover.UiButton {
			color: #FEFF8F !important;
			cursor: pointer; /*IE*/
			position: relative;
            top: 1px;
            left: 1px;
			}
	.UiButton span {
		display:block;
		height: 30px;
		position: relative;
		}
		.UiButtonBiege { background: #a2998a url(/Images/Global/UiLinkButtonBiege.png) no-repeat top left !important; }
		.UiButtonGreen { background: #96B979 url(/Images/Global/UiLinkButtonGreen.png) no-repeat top left !important; }
		.UiButtonGrey { background: #b3b3b3 url(/Images/Global/UiLinkButtonGrey.png) no-repeat top left !important;}
		.UiButton span input {
			background: transparent !important;
			border: 0px !important;
			color: #fff;
			font-family:arial,helvetica,clean,sans-serif !important;
			font-weight: bold;
			height: 30px;
			padding: 0 5px !important;
			}
		/* disabled btns */
		.UiButton span input:disabled { color: #999 !important; }
		.UiButton span:hover input:disabled { color: #999 !important; }
		.UiButton span em {
			background: #ff7200 url(/Images/Global/UiLinkButton.png) no-repeat top right;
			height: 30px;
			padding: 0 !important;
			position: absolute;
			right: 0px;
			top: 0px;
			width: 2px;
			}
			.UiButtonBiege span em { background: #a2998a url(/Images/Global/UiLinkButtonBiege.png) no-repeat top right; }
			.UiButtonGreen span em { background: #96B979 url(/Images/Global/UiLinkButtonGreen.png) no-repeat top right; }
			.UiButtonGrey span em { background: #b3b3b3 url(/Images/Global/UiLinkButtonGrey.png) no-repeat top right; }
			
.UiSuccess {
    background-color: #C3D7B2;
    border: 1px #A5C38D solid;
    color: #fff;
    margin: 4px 0 6px 0;
    padding: 3px;
    }
    .UiSuccess p {
        padding: 0;
        }
.UiFailed {
    background-color: #FFBFBF;
    border: 1px #c00 solid;
    color: #fff;
    margin: 4px 0 6px 0;
    padding: 3px;
    }
    .UiFailed p {
        padding: 0;
        }
			
/* Stripey jQuery lists */
ul.Stripey {padding: 0;}
ul.Stripey li {
	margin-bottom: 1px;
	}
ul.Stripey li {
	border: 1px #F2EFE7 solid;
	display: block;
	padding: 4px 4px 4px 57px;
	text-decoration: none;
	}
	ul.Stripey li.Odd {background-color: #F8F7F3;}

/* 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;
                }
    /*Inline errors*/
    span.txtError {
        color:#CC3300;
        margin-left: 13px;
        clear: both;
        display: block;
        }
        /* Table: no results, wrong data */
         #NoResults, .TableErrorPanel {
	        background-color: #fcfcfc;
	        border: 1px #ddd solid;
	        color: #444;
	        margin: 1em 0;
	        padding: 8px;
	        }
	        #NoResults h4, .TableErrorPanel h4 {
		        font-size: 1.6em; 
		        font-weight: bold;
		        letter-spacing: -1px;
		        margin-bottom: .25em;
		        text-align: center;
		        }
	            #NoResults p, .TableErrorPanel p {
		            font-size: 1.25em;
		            padding-bottom: 0 !important;
		            margin-bottom: 1em;
		            text-align: center;
		            }
	                #NoResults p.Second {
		                margin-bottom: 0;
		                }
	                

/*Link tracker page styling*/
img.OdoLinkTracker {position: absolute; bottom: 0px; left: 0px;}
.LinkTrackerText {font-weight:bold; min-height:40em;}

/* tag lists */
ul.TagList {
	margin-bottom: 8px;
	}
ul.TagList li {
	background-color: #f8f7f3;
	border-top: 1px #fff solid;
	display: block;
	padding: 2px 25px 3px 5px;
	position: relative;
	}
	.ManageTagsList ul.TagList li {
		float: left;
		margin-right: 1px;
		width: 159px;
		}
ul.TagList li p {
	color: #888;
	padding-bottom: 0;
	}
ul.TagList li.Odd {
	background-color: #F2EFE7;
	}
ul.TagList li .ItemAction {
	display: block;
	height: 16px;
	position: absolute;
	right: 2px;
	top: 5px;
	}
	ul.TagList li a.ItemAction span {
		display: none;
		}
		ul.TagList li .Loading { background: transparent url(/Images/Global/Icons/Mini/ajaxloadicon.gif) no-repeat top left; }

.TagsInACloud {
	background-color: #E5F0F1;
	text-align: center;
	padding: 10px;
	}
	.TagsInACloud ul.TagList li {
		background: none;
		border: 0;
		display: inline;
		line-height: 160%;
		margin-right: 5px;
		padding: 10px 5px;
		position: inherit;
		}
		.TagsInACloud ul.TagList li .ItemAction {
			display: none;
			}
		.TagsInACloud ul.TagList li span.Size1	{ font-size: 90%; font-weight: normal; }
		.TagsInACloud ul.TagList li span.Size2	{ font-size: 90%; font-weight: bold; }
		.TagsInACloud ul.TagList li span.Size3	{ font-size: 100%; font-weight: normal; }
		.TagsInACloud ul.TagList li span.Size4	{ font-size: 100%; font-weight: bold; }
		.TagsInACloud ul.TagList li span.Size5	{ font-size: 110%; font-weight: normal; }
		.TagsInACloud ul.TagList li span.Size6	{ font-size: 110%; font-weight: bold; }
		.TagsInACloud ul.TagList li span.Size7	{ font-size: 130%; font-weight: normal; }
		.TagsInACloud ul.TagList li span.Size8	{ font-size: 130%; font-weight: bold; }
		.TagsInACloud ul.TagList li span.Size9	{ font-size: 150%; font-weight: normal; }
		.TagsInACloud ul.TagList li span.Size10 { font-size: 150%; font-weight: bold; }

/* halls of fame - on qanda and goals */		
.HallOfFame {
	}
	.HallOfFame ul {
		background-color: #F2EFE7;
		}
		.HallOfFame li {
			border-bottom: 2px #fff solid;
			padding: 8px 8px 5px 30px;
			}
		.HallOfFame li.Pos1 { background: transparent url(/Images/Goals/Hub/Corner1.gif) no-repeat 2px 2px; }
		.HallOfFame li.Pos2 { background: transparent url(/Images/Goals/Hub/Corner2.gif) no-repeat 2px 2px; }
		.HallOfFame li.Pos3 { background: transparent url(/Images/Goals/Hub/Corner3.gif) no-repeat 2px 2px; }
		.HallOfFame li.Pos4 { background: transparent url(/Images/Goals/Hub/Corner4.gif) no-repeat 2px 2px; }
		.HallOfFame li.Pos5 { background: transparent url(/Images/Goals/Hub/Corner5.gif) no-repeat 2px 2px; }
		.HallOfFame li img {
			background-color: #cce1e4;
			float: left;
			padding: 4px;
			}
		.HallOfFame li p {
			float: left;
			padding: 2px 0 0 10px;
			}
			.HallOfFame li p .Count {
				color: #888;
				font-size: 85%;
				line-height: 100%;
				}		
		
/*Follower, avatar list boxes*/
.FollowerBox {
	background-color: #D7CEB7;
	padding-bottom: 10px;
	}
    .FollowerBox h2 {
	    color: #7C6F66;
	    font-size: 160% !important;
	    }
	    .FollowerBox p {
		    color: #7C6F66 !important;
		    padding-bottom: 0;
		    }
	.FollowerBox .Avatar, #SuggestedFollowBox .Avatar{
		background: #fcfcfc url(/images/avatars/generic.jpg) no-repeat 4px 4px scroll;
		display: block;
		float: left;
		height: 40px;
		margin: 0 8px 8px 0;
		padding: 4px;
		width: 40px;
		}

div.AddTag {
    margin-top: 8px;
    }
    div.AddTag label {
        display: block;
        float: left;
        font-size: 85%;
        font-weight: bold;
        width: 60px;
        }
    div.AddTag input.Text {
		border: 1px #ccc solid;
		color: #777;
		float: left;
		font-size: 140%;
		margin-right: 3px;
		padding: 3px 2px;
		width: 190px;
		z-index: 500;
        }
	div.AddTag .UiButton {
		float: right;
		}
	p.LoginToAdd {
		color: #888;
		font-size: 100%;
		margin-top: 3px;
		padding-bottom: 0;
		}

.NothingBox {
	background-color: #FFF1E5;
	clear: both;
	padding: 15px;
	text-align: center;
	}
	.NothingBox h4 {
		color: #FF8E33;
		font-size: 160%;
		font-weight: bold;
		letter-spacing: -1px;
		text-align: center;
		}
	.NothingBox p {
		color: #66574D;
		padding: 0;
		text-align: center;
		}
	
/* No JS box */
.NoJs {
	background-color: #FFDFDF;
	border: 1px #c00 solid;
	font-size: 85%;
	margin-bottom: 10px;
	padding: 5px 8px;
	}	
	.NoJs p {
		color: #800;
		padding: 2px 0;
		}
		.NoJs p strong {
			font-size: 110%;
			}
			
/* my stuff nav */
.MyStuffNav {
	border-bottom: 1px #f2efe7 dotted;
	margin-bottom: 8px;
	}
	.MyStuffNav h2 {
		font-size: 150%;
		margin-bottom: 2px;
		padding-bottom: 0;
		}
	.MyStuffNav .Internal {
		border-right: 1px #D1C6AB solid;
		}
		.MyStuffNav li {
			float: left;
			padding: 0 10px 0 0;
			}
		.MyStuffNav li a {
			font-size: 90%;
			text-decoration: underline;
			}
		.MyStuffNav li a:hover,
		.MyStuffNav li a.Active {
			color: #240f00;
			}	
		.MyStuffNav li a.Active {
			font-weight: bold;
			}
	.MyStuffNav .AvatarHolder {
		background: transparent url(/Images/Membership/AvatarShadow.png) no-repeat bottom left;
		float: left;
		margin-right: 15px;
		padding-bottom: 3px;
		width: 30px;
		}	

/* rendering results on tag hubs */
.TagHubContentNav {
	background: transparent url(/Images/Global/Structure/66A4AEFadeOutLine.gif) no-repeat bottom right;
	padding-bottom: 50px;
	padding-right: 1px;
	}
	.TagHubContentNav li {
		background-color: #F8F7F3;
		border: 1px #CCE1E4 solid;
		border-right: 0px;
		color: #503F33;
		font-size: 100%;
		margin-bottom: 2px;
		padding: 4px 4px 4px 28px;
		}
		.TagHubContentNav li a:visited {
			color: #006788;
			}
	.TagHubContentNav li.Active {
		background-color: #338593 !important;
		border: 1px #66A4AE solid;
		border-right: 0px;
		}
		.TagHubContentNav li.Active a,
		.TagHubContentNav li.Active a:link,
		.TagHubContentNav li.Active a:visited {
			color: #fff;
			text-decoration: none;
			}
			
ul.BlobList {
	border-top: 1px #BDB7B2 dotted;
	margin:0;
    padding-left:0;
	}
	ul.BlobList li .LargeItemTitle {
		font-size: 110% !important;
		}
	ul.BlobList li {
		border-left: 3px #F8F7F3 dotted;
		border-top: 2px #F8F7F3 dotted;
		border-bottom: 1px #BDB7B2 dotted;
		background-color: #F8F7F3;
		display: block;
		margin-bottom: 1px;
		padding: 0 3px 4px 26px;
		position: relative;
		}
		ul.BlobList li span.Date {
			color: #888;
			display: block;
			}
	        ul.BlobList li:hover {
		        background-color: #F2EFE7;
		        }
    ul.BlobList .ResponseNumber {
        color: #240f00;
        position: absolute;
        right: 5px;
        top: 3px;
        }
ul.CompactBlobList {
	font-size: 90%;
	}
	ul.CompactBlobList li a {
		display: inline-block;
		padding-right: 100px;
		}
	ul.CompactBlobList li .Date {
		font-size: 90%;
		position: absolute;
		right: 8px;
		top: 3px;
		}
		
/*Activity feed*/
ul.BlobList li.YourActivity, span.UserBox {background-color: #d2e1c6;}

div.ActivityFeed ul.BlobList li {padding-left: 0;}
div.ActivityFeed ul.BlobList li span.Date {padding-left: 22px;}
div.ActivityFeed ul.BlobList li a:visited {color:#7C6F66;}

div.ActivityFeedTabs {position: relative;}
    div.ActivityFeedTabs ul.JsTabs {position: absolute; bottom:4px;}
span.UserBox {
    border: 1px solid #699b40;
    display: block;
    padding:4px 8px;
    float: right;
    margin-bottom:5px;
    width: 160px;
    z-index:10;
    }
    span.UserBox input {background: none; border: none; display: inline;}
    span.UserBox label {color: #66574d; font-size: 80%; padding-left: 6px; vertical-align:text-top;}
    
div.ActivityFeed {position: relative; min-height: 44em;}
    div.ActivityFeed div.FooterContain {
        font-size: 90%;
        margin-top:-18px;
        }

div.ProfileAvatar {
	background-color: #DED6C3; 
	border: 1px #D1C6AB solid;
	padding: 9px;
	}
dl.ProfilePoints {
	padding-top: 9px;
	}
	dl.ProfilePoints dt {
		background-color: #F2EFE7;
		border-bottom: 1px #CABD9F solid;
		color: #66574D;
		display: block;
		font-weight: bold;
		padding: 5px;
		}
	dl.ProfilePoints dd {
		padding: 5px;
		}
		
#ProfilePanel {
    background: #f8f7f3 url(/Images/ExpertHelp/InnerFade.gif) no-repeat top left;
    border-top: 1px solid #bdb7b2;
    border-bottom: 1px solid #bdb7b2;
    padding: 10px 0;
    margin-top: 5px;
    }
    div.ModerateSize .ProfileAvatar {height:80px; width:80px;}
        div.ModerateSize .ProfileAvatar a {cursor:default;}
   
    div#BioPanel h4 {
		color: #3A271A;
		font-size: 155%;
		font-weight: bold;
		margin-top: 5px;
		text-shadow: #fff 1px 1px 1px
		}    
    div#BioPanel p.BioTxt {float: left; width:330px;}

    /*Activity cabinet*/
    #ActivityCabinet {width:150px;}
    tr.FeedItem th {padding:2px 0;}
    span.FeedCount {
        border: 3px solid #d3cfcc;
        background-color: #503f33;
        color: #e4decf;
        display: block;
        float: left;
        padding:0.25em;
        font-size: 120%;
        font-weight: bold;
        text-align: center;
        min-width: 20px;
        }
    #ActivityCabinet .HrefList {
        color: #503f33;
        display: block;
        font-weight: bold;
        font-size:90%;
        margin-left: 4px;
        padding-bottom: 3px;
        }


    div.ProfileAction table {background-color: #f8f7f3; width: 100%;}
        div.ProfileAction tr {color: #006778;}
        div.ProfileAction tr th{border-bottom: 1px solid #66a4ae; padding-left:10px; text-align: left; width:40%;}
        div.ProfileAction tr td{border-bottom: 1px solid #66a4ae;}
        
#WhatNextBox h3 {
    }
    #WhatNextBox tr td{border-bottom: 1px solid #DED6C3; padding:10px; text-align: left; width:100%;}
    
#SuggestedFollowBox h3 {
    background-color: #338593;
    border-bottom:2px solid #006778;
    font-size:160% !important;
    margin-bottom: 0;
    }
    #SuggestedFollowBox .Avatar {background-color: #cce1e4; float: right; margin-top: 8px;}
    

div.Pagination {
	background-color: #F0F5EC;
	padding: 10px 10px 0 10px;
	}
	div.Pagination p {
		float: left;
		font-size: 100%;
		margin-right: 10px;
		}
	div.Pagination ul {
		}
		div.Pagination ul li {
			background-image: url(/Images/Global/Icons/Mini/NavSprite.png);
            background-repeat: no-repeat;
			display: block;
			float: left;
			font-size: 100%;
			height: 18px;
			margin: 0 4px;
			min-width: 17px;
			}
		div.Pagination ul li a {
			background-image: url(/Images/Global/Icons/Mini/NavSprite.png);
            background-repeat: no-repeat;
			display: block;
			height: 18px;
			text-decoration: none;
			min-width: 16px;
			}
		div.Pagination ul li span {
			position: absolute;
			left: -3000px;
			}
			div.Pagination ul li.PageCount, div.Pagination ul li.PageCount a{background-image: none;}
		div.Pagination ul li.PageFirst {background-position: 0 0;}
			div.Pagination ul li.PageFirst a {background-position: 0 -200px;}
		div.Pagination ul li.PageLast {background-position: 0 -400px;}
			div.Pagination ul li.PageLast a {background-position: 0 -600px;}
		div.Pagination ul li.PagePrevious {background-position: 0 -800px;}
			div.Pagination ul li.PagePrevious a {background-position: 0 -1000px;}
		div.Pagination ul li.PageNext {background-position: 0 -1200px;}
			div.Pagination ul li.PageNext a {background-position: 0 -1400px;}

/* UiUserPosts - questions, comments, tips - USE THIS FOR EVERYTHING */
div.Comment {
	background: #fff url(/images/social/comments/background.jpg) repeat-x left -60px scroll;
	margin: 0 0 15px 0;
	position: relative;
	}
	div.authorReply {		
		background: #F0F5EC !important;
		border-top: 1px #B4CD9F solid;
		border-bottom: 1px #B4CD9F solid;
		}
/* container for each post */
.UiUserPostedItem {
	border: 0;
	margin: 0 0 10px 0;
	position: relative;
	overflow: hidden;
	}
	.UiUserPostedItem div.Avatar {
		background: #fcfcfc;
		display: block;
		height: 40px;
		margin: 8px;
		padding: 4px;
		width: 40px;
		}
		div.Avatar img {
		    width: 40px;
		    height: 40px;
		    }		
	.UiUserPostedItem p.FollowLink {
		margin-left: 8px;
		}
	.UiUserPostedItem div.Content {
		padding: 8px 0;
		}
		/* where h1 is in the item - i.e. qanda question page */
		.UiUserPostedItem div.Content h1 {
			color: #503F33 !important;
			font-size: 170%;
			font-weight: bold;
			letter-spacing: -1px;
			line-height: 125%;
			padding: 0 90px 0 0 !important;
			}
		/* indent the h3 to accommodate answer count on q&a */
		.UiUserPostedItem div.Content h3 {
			border-bottom: 0;
			padding-right: 90px;
			}
		.UiUserPostedItem div.Content div.PostedBy {
			font-size: 110%;
			}
		.UiUserPostedItem div.Content div.PrimaryMeta {
			position: absolute;
			right: 8px;
			top: 12px;
			}
			.UiUserPostedItem div.Content div.PrimaryMeta a {
				color: #240f00;
				font-size: 110%;
				text-decoration: none;
				}
			.UiUserPostedItem div.Content div.RecommendCount {
				font-size: 85%;
				}
				.UiUserPostedItem div.Content div.PrimaryMeta a:hover {
					text-decoration: underline;
					}
		.UiUserPostedItem div.Content div.Text {
			padding-right: 20px;
			}
		.UiUserPostedItem div.Content div.PostedInfo p {
			font-size: 95%;
			padding-bottom: 0;
			}
		.UiUserPostedItem div.Content span.replyType {
			color: #699B40;
			font-weight: bold;			
			padding: 0;
			margin: 0;
			}
		/*for non list watchlist link*/
		.UiUserPostedItem div.FooterContain,
		.ActivityFeed div.FooterContain {
			float: right;
			padding-right:8px;
			margin-top: -30px;
			}
			.UiUserPostedItem div.FooterContain div.Footer{
			    float: left;
			    padding-right: 4px;
			    }
			    div.FooterContain #WatchListContain {padding-top: 2px;}
			    .FullQuestion div.FooterContain, .ReviewContent div.FooterContain {margin-top: 0;}
	    
			/* footer admin and extra functions */
			div.Footer ul.ImgList {margin-bottom: 0;}

				.UiUserPostedItem div.Footer a:link,
				.UiUserPostedItem div.Footer a:visited,
				.UiUserPostedItem div.Footer a:hover,
				.UiUserPostedItem div.Footer a:active {
					color: #666;
					font-size: 85%;
					text-decoration: underline;
					}
				.UiUserPostedItem div.Footer a:hover {
					text-decoration: none;
					}
					.UiUserPostedItem div.Footer span.RecAdded /*for recced*/{
					font-size: 85%;
					}

/* application specific styles */
.CommentsModule {
	margin-top: 10px;
	}
.UiUserPostedItem div.Content div.FooterContain {
	right: 130px;
	}

/* post stuff box */
.PostItem h3 {
	color: #BDAD87 !important;
	border-bottom: 1px #BDAD87 solid;
	padding-bottom: 4px;
	margin-bottom: 10px;
	}
.PostItem h4 {
	color: #928780;
	}
.PostItemCopy {
	color: #666 !important;
	font-size: 85% !important;
	line-height: 150% !important;
	}
	.PostItemCopy p {
		font-size: inherit !important;
		line-height: inherit !important;
		}

/* task progress and profile info tables */
.YourStats {
	}
	.YourStats h4 {
		background-color: #DED6C3;
		border-bottom: 1px #CABD9F solid;
		font-weight: bold;
		font-size: 115%;
		margin: 5px 0 0px 0;
		padding: 6px 4px 5px 4px;
		}
		.YourStats h4 a,
		.YourStats h4 a:link {
			color: #503F33;
			text-decoration: none !important;
			}
		.YourStats h4 a:hover {
			text-decoration: underline !important;
			}
	.YourStats table {
		border-bottom: 1px #CABD9F solid;
		font-size: 85%;
		width: 100%;
		}
		.YourStats table tr th,
		.YourStats table tr td {
			border-bottom: 1px #fff solid;
			padding: 3px;
			vertical-align: top;
			}
		.YourStats table tr th {
			background-color: #eee;
			border-right: 1px #fff solid;
			color: #666;
			text-align: right;
			white-space:nowrap;
			width: 25%;
			}
		.YourStats table tr td {
			background-color: #f8f7f3;
			}

	.ProgressBar {
		background-color: #eee;
		border: 1px #aaa solid;
		padding: 1px;
		text-align: center;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		}
		.ProgressBar .Bar {
			background: Green url(/images/goals/progressbar.png) repeat-x top left;
			color: #fff;
			float: left;
			font-weight: bold;
			text-align: right;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			border-radius: 5px;
			}
			.ProgressBar .Bar .Number {
				padding-right: 3px;
				}
	.YourStats table tr th,
	.YourStats table tr td {
		line-height: 140%;
		}

/* green more links as on php */
.MoreLink,
.PhpPage ul.ContentLinking li.Video {
	background: transparent url(/Images/Global/Icons/Mini/arrow_right.png) no-repeat right 5px !important;
	background-color: transparent !important;
	border-bottom: 0;
	clear: both;
	font-size:85%;
	font-weight: bold;
	padding: 3px 20px 0 0;
	text-align: right;
	}
	.MoreLink a,
	.PhpPage ul.ContentLinking li.Video a {
		color: #699B40;
		}
		
/*Alerts, messaging*/
#AlertTable th#thFrom {width: 14%;}
#AlertTable tr td.tdLeft {padding-left: 10px; text-align: left;}
#AlertTable tr.AlertNew td {background-color:#F5F9FA; font-weight: bold;}
#AlertTable tr.AlertExpire td {background-color: #FFDFE0;}

/*Alert view*/
.AlertNav {float: right; padding: 4px 6px;}
    .AlertPost {
        border:4px solid #66A4AE;
        }
        .AlertUnit .AlertPostInfo {
            margin-bottom:2px;
            background:#FCFCFC url(/Images/DecisionCentre/Common/TableHeadRowBackground.gif) repeat-x bottom left;
            }
            .AlertPostInfo {
            border-bottom:1px solid #ccc;
            padding:6px 6px 2px;
            }
            .AlertPostInfo p {padding-bottom: 4px;}
            .AlertPostCopy {
                font-weight:bold;
                padding:10px 6px;
            }
            .AlertFooter {background-color:#FFFFAE; border-top:1px solid #66A4AE; padding: 6px 2px 6px 0;}
            div.AlertFooter ul.ImgList {margin-bottom: 0;}
            div.AlertFooter .FooterLinks {margin:0 0 0.25em; padding:0 0 0 26px;}
            
/*Line divider*/
.PipeDivide {
    color:#ccc;
    padding:6px 2px;
    }
    .FollowerBox .PipeDivide {
        color:#240F00;
        }

/*Styling for "Existing customers only" message*/
.existing-customer {
    font-size: 80%;
    font-weight: normal;
    }

.ShareSubscribeHolder {
	position: relative;
	}
.TweetMemeButton {
	position: absolute;
	right: 0px;
	top: 9px;
	width: 90px;
	}
	.TweetMemeButton iframe {
		background-color: transparent !important;
		}

/* online banking promo */
div.ObPromo {
	background: #f2efe7 url(/images/onlinebanking/home/graphleft.gif) no-repeat left 6px;
	border: 1px #BDB7B2 solid;
	color: #240f00;
	margin-bottom: 10px;
	padding: 10px 10px 12px 70px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	}
	div.ObPromo h3 {
		color: #006778;
		font-size: 140%;
		margin: 0;
		padding: 0;
		}
	div.ObPromo p {
		margin: 0;
		padding: 0;
		}
	div.ObPromo .DefaultList {
		margin-bottom: 0px;
		margin-top: 8px;
		}

/* new global feedback boxes */
.FeedbackMessage {
    margin: 10px;
    padding: 10px;
    border: 1px solid #999999;
    background: #ffffff;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    }
    .FeedbackMessage li {
        list-style-type: circle;
        margin-left: 20px;
        color: #555555;
        }
    .FeedbackMessage .FeedbackCloseButton {
        float: right;
        text-decoration: none;
        }

.Positive {
    border: 1px solid #88cc88;    
    background: #eeffdd;
    color: #229922;
    }    
    .Positive li, .Positive a {
        color: #229922;
        }    
.Neutral {
    border: 1px solid #ccbb44;    
    background: #ffeeaa;
    color: #bb6600;
    }    
    .Neutral li, .Neutral a {
        color: #bb6600;
        }        
.Negative {
    border: 1px solid #dd9999;    
    background: #ffdddd;
    color: #992222;
    }        
    .Negative li, .Negative a {
        color: #992222;
        }

/* client side validation */
.validation-summary-valid { display: none; }