/**************************************************************
	=CSS reset adapted from Eric Meyer 
	http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ 
**************************************************************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td 
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-style: normal;
	font-size: 100%;
	font-family: inherit;
	/*vertical-align: baseline;*/
}

input, textarea, select 
{
	margin: 0;
	padding: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

/* remember to define focus styles! */
:focus 
{
	outline: 0;
}

ol, ul 
{
	list-style: none;
}

/* tables still need 'cellspacing="0"' in the markup */
table 
{
	border-collapse: separate;
	border-spacing: 0;
}

caption, th, td 
{
	text-align: left;
	font-weight: normal;
}

blockquote:before, 
blockquote:after,
q:before, 
q:after 
{
	content: "";
}

blockquote, q 
{
	quotes: "" "";
}

hr 
{
	display: none;
}

img 
{
	display: block;
}




/********************
=Core setup 
********************/

html, body {
	background-color: #eceef3;
}


body, 
body#cleardocs-co-uk
{
    font-family: "Trebuchet MS", Helvetica, Arial, Candara, sans-serif;
    font-size: 62.5%; /* Sets everything to 10px assuming defaults */
    line-height: 1.286;
    color: #333;
}


/********************
=Layout (core) 
********************/

#wrapper-top, 
#wrapper-main, 
#wrapper-docs
{
	font-size: 100.01%; /* Fix Firefox rounding errors */
	margin: auto;
}

#wrapper-top 
{
	max-width: 100em; /* Change this for a fluid layout instead of elastic */
	position: relative;
}

#wrapper-main 
{
	max-width: 97em; /* Change this for a fluid layout instead of elastic */
	background-color: white;
	padding: 0 1em;
}

.landing #wrapper-top
{
	max-width: 78em;
}

.landing #wrapper-main
{
	max-width: 75em;
}

.clear 
{
	width: 100%;
	overflow: hidden;
}

/* Semantic cues for when styles are disabled */
#nostyle 
{
	border-top: 1px solid #22376f;
	border-bottom: 1px solid #3e5285;
}

#nostyle dt, 
#nostyle dd 
{
	position: absolute;
	left: -200em;
}

#helplineCobrand 
{
	text-indent: -200em;
	top: -2px;
	width: 220px;
	height: 40px;
	background: url("/img/helpline-bg.gif") no-repeat;
}

#helpline 
{
	text-indent: -200em;
	position: absolute;
	top: -2px;
	right: 15px;
	width: 220px;
	height: 40px;
	background: url("/img/helpline-bg.gif") no-repeat;
}

#helpline a, #helplineCobrand a
{
	display: block;
	width: 220px;
	height: 40px;
}

#branding, #brandingCobrand, 
#nav-main 
{
	float: left;
}


#top 
{
	background: #0d2e73 url('/img/top-bg.gif') 0 100% repeat-x;
	border-top: 7px solid #071c59;
	border-bottom: 18px solid white;
}

/* 5px radius corners */

.tl 
{
	background: url("/img/tl-r5-white.png") no-repeat;
}

.tr 
{
	background: url("/img/tr-r5-white.png") 100% 0 no-repeat;
}

.br 
{
	background: url("/img/br-r5-white.png") 100% 100% no-repeat;
}

.bl 
{
	background: url("/img/bl-r5-white.png") 0 100% no-repeat;
}

#top .tl 
{
	width: 5px;
	height: 5px;
	position: absolute;
	bottom: -23px;
	right: 0;
}

#top .tr 
{
	width: 5px;
	height: 5px;
	position: absolute;
	bottom: -23px;
	left: 0;
}


#content-sub {
	float: right;
	width: 220px;
}


#nav-sub {
	float: left;
	width: 22%;
}

#content, 
#nav-info, 
#go-top 
{
	margin: 0  250px 0 25%;
}

.landing #content, 
.landing #nav-info, 
.landing #go-top 
{
	margin: 0 250px 0 0;
}

#content, 
#content-docs 
{
	font-size: 140%;
}

#content 
{
	min-height: 52em;
	border-top: 1px solid white;
}

.home #content 
{
	min-height: 36em;
}

.include #content 
{
	margin: 0; 
	border-top: 1px solid white;
	padding: 0.5em 0 1em;
}

#nav-info, 
.landing #nav-info 
{
	margin-top: 70px;
	font-size: 130%;
	border-bottom: 1px solid #b2c3e6;
}



/***** =Colour *****/




/********************
=Header 
********************/

/* =Home */

#header 
{
	background: #e5e8ef url("/img/home-header-bg.jpg") 100% 0 no-repeat;
	width: 100%;
	overflow: hidden;
	position: relative;
	padding-bottom: 9px;
	margin-bottom: 18px;
}

#header .tl 
{
	width: 5px;
	height: 5px;
	position: absolute;
	top: 0;
	left: 0;
}

#header .br
{
	position: absolute;
	right: 0;
	bottom: 0;
	width: 5px;
	height: 5px;
}

#header .bl
{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 5px;
	height: 5px;
}

#header #headline 
{
	margin-left: 3%;
	width: 97%;
}

.home #header #headline 
{
	float: left;
	width: 74%;
}

#header h1 
{
/* Styles for live text 
	color: #0c2c71;
	font-size: 40px;
	font-weight: normal;
	line-height: 42px;
	letter-spacing: -1px; 
*/
	text-indent: -200em;
	width: 320px;
	height: 138px;
	background: transparent url("/img/home-header-h1-bg.gif") 0 17px no-repeat;
}

#header .sign-up a
{
	display: block;
	background: transparent url("/img/sign-up-btn.png") no-repeat;
	padding: 14px 0 15px 68px;
	margin-left: -14px;
	font-size: 170%;
}

#header .sign-up a:hover
{
	background: transparent url("/img/sign-up-btn.png") 0 -100px no-repeat;
}

.home #header .sign-up a 
{
	width: 9em;
}

.landing #header .sign-up a 
{
	width: 11em;
}



/***** =Branding *****/

#brandingCobrand 
{
	text-indent: -200em;
	background: transparent url("/img/branding-bg.png") no-repeat;
	margin-top: 4em;
	width: 216px;
	height: 85px;
}

#branding 
{
	text-indent: -200em;
	background: transparent url("/img/branding-bg.png") no-repeat;
	margin: 0 8px 0 10px;
	width: 216px;
	height: 85px;
}

#branding a, #brandingCobrand a 
{
	display: block;
	width: 216px;
	height: 85px;
}

#branding a:hover, , #brandingCobrand a:hover 
{
	background: transparent url("/img/branding-bg.png") 0 -85px no-repeat;
}

/* cobranding logo positioning */

.cobrandlogo    
{
    padding-top: 20px;
    position: absolute;
    width: 100%;
    text-align: right
}

    .cobrandlogo img    
    {
        float: right;
        margin-right: 10px;
    }


/* Core link styles */

a, a:link {
	text-decoration: none;
	color: #04c;
}

a:visited {
	color: #04c;
	/* Change this later */
}

a.sign-up, 
.sign-up a
{
	color: #3e9932;
	font-weight: bold;
}

#wrapper-main a:hover, 
.sign-up a:hover 
{
	color: #0c2c71;
	text-decoration: underline;
}




/******************** 
=content-sub 
********************/

#content-sub 
{
	font-size: 140%;
}

#content-sub #guarantee, 
#content-sub #blog, 
#content-sub #press, 
#content-sub #feedback, 
#content-sub #interviews, 
#content-sub #ashfords, 
#content-sub #tour 
{
	margin-bottom: 9px;
}

#content-sub a {
	display: block;
}

		/* =ashfords */
		
		#ashfords 
		{
			background: #154b93 url("/img/ashfords-bg.gif") 0 100% no-repeat;
			padding-bottom: 18px;
		}
		
		#ashfords a
		{
			color: #a8bfe0;
		}
		
		#ashfords a:hover, 
		#ashfords .about:hover a, 
		#ashfords #cleardocs-confirm:hover, 
		#ashfords #cleardocs-confirm:hover a
		{
			color: white;
			text-decoration: none;
			background: #0c2c71
		}

		#ashfords .about h2 a 
		{
			background: transparent url("/img/ashfords-dt-bg.png") no-repeat;
			text-indent: -200em;
			height: 47px;
		}
		
		#ashfords .about h2 a:hover, 
		#ashfords .about:hover h2 a, 
		#ashfords .about:hover
		{
			background: #0c2c71 url("/img/ashfords-dt-bg.png") 0 -47px no-repeat;
		}
		
		#ashfords .about p a 
		{
			padding: 0 10px 10px;
		}
		
		#ashfords #cleardocs-confirm a
		{
			background: transparent url("/img/cleardocs-confirm-bg.png") 1px -5px no-repeat;
			padding: 7px 10px 7px 45px;
		}
		
		#ashfords #cleardocs-confirm a:hover
		{
			background: #0c2c71 url("/img/cleardocs-confirm-bg.png") 1px -105px no-repeat;
		}
		
		#ashfords #cleardocs-confirm a strong
		{
			display: block;
			color: white; 
			font-size: 121.43%;
		}
		
		/* =tour */
		
		#tour h2 a
		{
			text-indent: -200em;
			width: 220px;
			height: 122px;
			background: url("/img/tour-bg.gif") no-repeat;
		}
		
		#tour h2 a:hover
		{
			background: url("/img/tour-bg.gif") 0 -128px no-repeat;
		}



/********************
=Nav menus 
********************/


/* =nav-main */

.Cobrand {
	margin-top: 2.5em;
	}

#nav-main {
	line-height: 1;
	font-weight: bold;
	font-size: 160%;
	padding-top: 55px;
	
	margin-left: 9px;
	/* position: absolute;
	bottom: 0;
	left: 25%;
	width: 75%; */
}

#nav-main li {
	float: left;
}

#nav-main li {
	margin-right: 1px;
}

#nav-main a, 
#nav-main em 
{
	display: block;
}

#nav-main a 
{
	color: white;
}

#nav-main a:hover 
{
	background: transparent url("/img/nav-main-hover.gif") 100% 0 no-repeat;
}

#nav-main a:hover em 
{
	background: transparent url("/img/nav-main-hover-tl.gif") no-repeat;
}

#nav-main em 
{
	padding: 7px 9px;
	font-style: normal;
}

.mycleardocs #nav-main .nav-mycleardocs a, 
.home #nav-main .nav-home a, 
.docs #nav-main .nav-docs a, 
.tou #nav-main .nav-tou a, 
.faq #nav-main .nav-faq a, 
.partners #nav-main .nav-partners a, 
.about #nav-main .nav-about a, 
.contact #nav-main .nav-contact a
{
	background: white url("/img/nav-main-current.gif") 100% 0 no-repeat;
	color: #0c2c71; 
	cursor: default;
}

.mycleardocs #nav-main .nav-mycleardocs em, 
.home #nav-main .nav-home em, 
.docs #nav-main .nav-docs em, 
.tou #nav-main .nav-tou em, 
.faq #nav-main .nav-faq em, 
.partners #nav-main .nav-partners em, 
.about #nav-main .nav-about em, 
.contact #nav-main .nav-contact em, 
.mycleardocs #nav-main .nav-mycleardocs a:hover em, 
.home #nav-main .nav-home a:hover em, 
.docs #nav-main .nav-docs a:hover em, 
.tou #nav-main .nav-tou a:hover em, 
.faq #nav-main .nav-faqu a:hover em, 
.partners #nav-main .nav-partners a:hover em, 
.about #nav-main .nav-about a:hover em, 
.contact #nav-main .nav-contact a:hover em
{
	background: transparent url("/img/nav-main-current-tl.gif") no-repeat;
}

/* =user */

#user 
{
position: absolute;
top: 11px;
right: 265px;
font-weight: normal;
text-align: right;
color: #6e85af;
font-size: 75%;
}

#userCobrand 
{
position: absolute;
top: 41px;
left: 11px;
font-weight: normal;
text-align: right;
color: #white;

}


#user strong, #userCobrand strong 
{
font-weight: bold;
}

#user a, #userCobrand a 
{
display: inline;
color: #a8bfe0;
}

#user a:hover, #userCobrand a:hover 
{
color: white;
background: none;
}


/* =nav-info */

#nav-info ul
{
	width: 100%;
	overflow: hidden;
	border-top: 1px solid #b2c3e6;
	color: #999;
}

#nav-info .site-sections li 
{
	float: left;
	padding-right: 1em;
}

#nav-info .site-sections a, 
#nav-info #legal
{
	display: block;
	padding: 0.692em 0;
}

.home #nav-info .nav-home a, 
.services #nav-info .nav-services a, 
.faq #nav-info .nav-faq a, 
.about #nav-info .nav-about a, 
.partners #nav-info .nav-partners a, 
.news #nav-info .nav-news a, 
.contact #nav-info .nav-contact a, 
.site-map #nav-info .nav-site-map a, 
.privacy #nav-info .nav-privacy a, 
.home #nav-info .nav-home a:hover, 
.services #nav-info .nav-services a:hover, 
.faq #nav-info .nav-faq a:hover, 
.about #nav-info .nav-about a:hover, 
.partners #nav-info .nav-partners a:hover, 
.news #nav-info .nav-news a:hover, 
.contact #nav-info .nav-contact a:hover, 
.site-map #nav-info .nav-site-map a:hover, 
.privacy #nav-info .nav-privacy a:hover 
{
	color: #0c2c71;
	text-decoration: none;
	cursor: default;
}

/* =nav-sub */

#nav-sub /* Containing context for left hand options */
{
	font-size: 140%;
}

#nav-sub #sign-in, 
#nav-sub .documents 
{
	margin-bottom: 9px;
}

		/* =documents menu */
		
		#nav-sub .documents 
		{
			background: #80c675 url("/img/br-r5-white.png") 100% 100% no-repeat;
		}
		
		.doc-types 
		{
			background: transparent url("/img/documents-bg.gif") 0 100% no-repeat;
			position: relative;
			padding-bottom: 18px;
		}
		
		#nav-sub .documents h2 
		{
			font-size: 150%;
			color: #0c2c71;
			background: #65b05b url("/img/documents-h2.gif") 100% 0 no-repeat;
		}
		
		#nav-sub .documents h2 span 
		{
			display: block;
			padding: 7px 10px 5px;
			background: transparent url("/img/tl-r5-white.png") no-repeat;
		}
		
		#nav-sub .documents .rule, 
		#ashfords .rule
		{
			/* Can't use border-top because IE won't handle opacity, 
			so an unsemantic span is used instead! */
			display: block;
			background-color: white;
			height: 1px;
			filter:alpha(opacity="20");
			-moz-opacity: 0.2;
			-khtml-opacity: 0.2;
			opacity: 0.2;
		}
		
		#nav-sub .documents a 
		{
			display: block;
			color: white;
			padding: 5px 10px;
			text-decoration: none;
		}
		
		#nav-sub .documents a:hover, 
		#nav-sub .documents #doc-new a:hover, 
		#nav-sub .documents #docs-existing a:hover
		{
			background-color: #0c2c71;
			color: white;
			text-decoration: none;
			
		}

				/* Main document products offered */
				
				#nav-sub .documents .doc-type 
				{
					font-size: 121.43%;
					font-weight: bold;
					
				}
				
				
				#nav-sub .documents .doc-types .price 
				{
					font-size: 110%;
					font-weight: bold;
				}
				
						/* Doc-options for currently selected doc-type */
						
						#nav-sub .documents #doc-options 
						{
							background: transparent url("/img/black-15.png");
						}
						
						#nav-sub .documents .current, 
						#nav-sub .documents .current:hover
						{
							background-color: #37832f;
							cursor: default;
						}
						
						#nav-sub .documents strong.current 
						{
							color: #80c675;
							display: block;
							padding: 5px 10px;
						}
						
						#nav-sub .documents #doc-new a
						{
							padding-left: 37px;
							background: transparent url("/img/doc-new.png") 20px 50% no-repeat;
						}
						
						#nav-sub .documents #docs-existing a 
						{
							padding-left: 37px;
							background: transparent url("/img/doc-existing.png") 20px 50% no-repeat;
						}
						
/* =go-top */

#go-top a
{
	display: block;
	text-indent: -200em;
	height: 58px;
	background: transparent url("/img/go-top.gif") 50% 50% no-repeat;
}



/***** =Typography *****/

#main strong 
{
	font-weight: bold;
}

#content p 
{
	margin-top: 0.86em;
}

.first, 
#content #first, 
#sign-in fieldset .first
{
	margin-top: 0;
	border-top: 0;
	padding-top: 0;
}

#content li 
{
	margin-top: 0.43em;
}

.uc /* CAPS */
{
	text-transform: uppercase;
}

.sc /* Small caps */ 
{
	font-size: 85%;
}

/* Call To Action blocks */

.cta 
{
	border-left: 1px solid #c7d1df;
	background: #eceef3 url("/img/tr-r5-keylined.gif") 100% 0 no-repeat;
	position: relative;
}

#content .cta h2
{
	padding: 8px 10px 0 11px;
	background: transparent url("/img/tl-r5-keylined.gif") no-repeat;
	margin-left: -1px;
	border-top: 0;
}

.cta .br
{
	padding: 12px 10px 14px 10px;
	background: transparent url("/img/br-r5-keylined.gif") 100% 100% no-repeat;
}

#content .cta p.first
{
	margin-top: 0;
}

#content div.sign-up .br
{
	background: transparent url("/img/br-r5-keylined-sign-up.gif") 100% 100% no-repeat;
	
}

.cta .bl
{
	display: block;
	position: absolute;
	left: -1px;
	bottom: 0;
	width: 5px;
	height: 5px;
	background: transparent url("/img/bl-r5-keylined.gif") no-repeat;
}		





/* Headings */

#wrapper-main h2, 
#wrapper-main h3, 
#wrapper-main h4, 
#wrapper-main .h2, 
#wrapper-main .h3, 
#wrapper-main .h4, 
#wrapper-main legend
{
	font-weight: bold;
	color: #0c2c71;
}

		/* Other headings within #content */
		
		#content h1 
		{
			font-size: 200%;
			color: #0c2c71;
		}
		
		#content h2, 
		#content .h2, 
		#faq dt
		{
			font-size: 150%;
			margin-top: 1em;
			border-top: 1px solid #b2c3e6;
			padding-top: 0.667em;
			color: #0c2c71;
		}
		
		#content h3, 
		#content .h3
		{
			font-size: 121.43%;
			margin-top: 1.059em;
		}
		
		/* Pseudo headings: 
			for when you don't want to skip heading levels in the mark-up 
			(which is an accessibility 'no-no'!), but, because of its context, 
			you don't want a heading to look inappropriately large; 
			or for when you want another element to look like a heading...
		*/
		
		#faq dt  /* Styled like an h2 */
		{
			font-weight: bold;
			color: #0c2c71;
		}
		
		#content .h3, 
		#content .h4 
		{
			/* In case the element being spoofed is an h2 */
			border-top: 0; 
			padding-top: 0;
		}



/* Unordered and ordered lists within #content */

#content ul
{
	list-style: disc;
	margin-top: 1em;
}

#content ol
{
	list-style: decimal;
	margin-top: 1em;
}

#content ul li
{
	margin-left: 1.25em;
}

#content ol li
{
	margin-left: 1.75em;
}

#faq-list
{
	margin-bottom: 2em;
}


/* Enlarged intro paragraph (or other tag) */

#content .intro 
{
	font-size: 121.43%;
}



/******************************
=Forms (global styles) 
******************************/

fieldset, 
#policies
{
	background: #eceef3 url("/img/tr-r5-keylined.gif") 100% 0 no-repeat;
	position: relative;
	margin-top: 18px;
}

fieldset fieldset
{
	background-image: none;
	margin-top: 0;
}

fieldset.submit 
{
	background-color: transparent;
	background-image: none;
}

legend span, 
label
{
	line-height: 1;

}

label, 
input, 
textarea, 
select 
{
	display: block;
}

legend 
{
	font-size: 121.43%;
}

legend span 
{
	position: absolute; 
	top: 0;
	left: 0;
	padding: 8px 10px;
	background: transparent url("/img/tl-r5-keylined.gif") no-repeat;
}

fieldset ol
{
	background: transparent url("/img/br-r5-keylined.gif") 100% 100% no-repeat;
	padding: 3em 10px 0 0;
	border-left: 1px solid #c7d1df;
}




/* Unset list styling for most lists in #content */

#content fieldset ol, 
#content fieldset ul 
{
	list-style: none;
	margin-top: 0;
}

/* Do the same for their list items */

#content fieldset ol li, 
#content fieldset ul li
{
	margin-left: 0;
}

fieldset li 
{
	margin-top: 0.86em; 
	clear: left;
}

fieldset .spacer 
{
	padding-top: 0.86em;
}

fieldset .bl 
{
	background: transparent url("/img/bl-r5-keylined.gif") 0 100% no-repeat;
	padding-bottom: 1.5em;
	margin-left: -1px;
	padding-left: 1px;
}

label
{
	color: #38528b;
}

label .delimiter 
{
	display: none;
}

		/* Form inputs */
		
		input, 
		textarea, 
		seelect
		{
			font-size: 10pt;
			color: #003;
			font-family: "Trebuchet MS", Helvetica, Arial, Candara, sans-serif;
		}
		
		input.text, 
		textarea 
		{
			background-color: #fefefe;
			/* An almost white colour that rationalises Firefox's rendering of form fields 
			when others in the same context have a background colour other than white */
		}
		
		input.text, 
		input.submit, 
		textarea 
		{
			padding: 0.2em 0.3em;
		}
		
		input.text:focus, 
		textarea:focus 
		{
			border: 2px solid #3e9932;
		}
		
		.vertical .full 
		{
			width: 90%;
		}
		
				/* Disabled form inputs */
				
				input.disabled
				{
					background-color: #f4f6f9;
					color: #939496;
				}

/* Form guidance 
(required fields, error messages, help and next steps) */

.required 
{
	display: inline-block;
	text-indent: -200em;
	width: 7px;
	background: url("/img/required.gif") no-repeat;
}

.horizontal .required 
{
	text-align: left; 
	margin: 0 -8px 0 -3px;
}

.guidance 
{
	color: #939496;
}

.errorMsg, 
#consents label .errorMsg
{
	color: #f03;
	line-height: 1.286;
	/*
	margin-left: 10px; 
	display: block; 
	// This works fine if the strong tag is empty, but if it has an ' ' in it, 
	it creates a line-space which is not wanted until an error is generated!
	The alternative is to live with the fact that we have no control over the placement 
	of the error messages: they don't indent and can't wrap to a line of their own. 
	*/
}

#next-steps, 
#next-steps dt.h3
{
	color: #999;
}

#next-steps dd 
{
	margin-top: 0.86em;
}

/* Form element alignment selectors */

.vertical label, 
.vertical input, 
.vertical select, 
.vertical textarea, 
.vertical p
{
	float: none;
	margin-left: 10px;
}

.vertical p label, 
.vertical p input
{
	margin-left: 0;
}

.vertical label 
{
	margin-bottom: 3px;
}

.vertical .checkbox-radio label
{
	margin-bottom: 0;
}

.horizontal label, 
.horizontal input, 
.horizontal select, 
.horizontal textarea
{
	float: left;
}

.horizontal label 
{
	text-align: right;
	margin: 0.5em 12px 0 10px;
}

.horizontal li, 
.checkbox-radio li
{
	width: 100%;
	overflow: hidden;
}

/* Checkboxes and radio buttons */

.checkbox-radio input.checkbox, 
.checkbox-radio input.radio
{
	float: left;
	margin-left: 10px;
	line-height: 1;
	width: 1em;
}

.checkbox-radio label
{
	float: left;
	margin-left: 5px;
	padding-top: 1px;
	width: 90%;
}

/* Submit buttons */
		
input.submit 
{
  font-weight: bold;
  color: #0039ab;
	font-size: 150%;
}

input.submit:hover 
{
  cursor: pointer;
  color: #0c2c71;
}



/******************************
=Forms (specific instances) 
******************************/

/* =sign-up */

.register .horizontal label 
{
	width: 32%;
}

.register .horizontal .full
{
	width: 57% /* long inputs */
}

.register .horizontal .half
{
	width: 29% /* half-length inputs */
}

#countryField 
{
	position: relative;
}

#countryField .guidance
{
	display: block;
	font-size: 85.71%;
	position: absolute;
	top: 0;
	left: 27.5em;
	text-align: left;
}

		/* Included policies */
		
		#policies 
		{
			border-left: 1px solid #c7d1df;
		}
		
		#policies dt.h3
		{
			padding: 8px 10px 8px 11px;
			background: transparent url("/img/tl-r5-keylined.gif") no-repeat;
			margin-left: -1px;
		}

		#policies dd 
		{
			padding-right: 10px;
			padding-left: 10px;
			margin-top: 0.43em;
		}
		
		#policies dd object, 
		#policies dd iframe
		{
			border: 1px solid #38528b;
		}
		
		#policies #privacy 
		{
			position: relative;
			background: transparent url("/img/br-r5-keylined.gif") 100% 100% no-repeat;
			padding-bottom: 1.5em;
		}
		
		#policies #privacy .bl
		{
			display: block;
			position: absolute;
			left: -1px;
			bottom: 0;
			width: 5px;
			height: 5px;
			background: transparent url("/img/bl-r5-keylined.gif") no-repeat;
		}		
				
		/* =consents */
		
		#consents label 
		{
			line-height: 1.286;
			color: #333;
		}
		
		#consents label strong 
		{
			display: block;
			color: #38528b;
		}

/* =sign-in */

#header #sign-in 
{
	float: left;
	width: 21%;
	margin: 9px 0 0 1%; 
	font-size: 140%;
}

#sign-in fieldset 
{
	background: #b3c0d6 url("/img/home-sign-in-tr.gif") 100% 0 no-repeat;
	margin-top: 0;
	position: relative;
}

#sign-in legend span 
{
	background: transparent url("/img/home-sign-in-tl.gif") no-repeat;
}

#sign-in fieldset ol, 
#sign-in fieldset fieldset, 
#nav-sub #sign-in fieldset ol, 
#nav-sub #sign-in fieldset fieldset
{
	background-image: none;
}

#sign-in fieldset ol 
{
	padding-top: 2.58em;
}

#sign-in .checkbox-radio label 
{
	width: 80%;
}

#sign-in fieldset li, 
#sign-in #sign-in-options 
{
	margin-top: 0.643em;
}

#sign-in input.text 
{
	width: 87%;
}

#sign-in-options 
{
	background: transparent url("/img/home-sign-in-br.gif") 100% 100% no-repeat;
}

#sign-in #sign-in-options li 
{
	margin-top: 0;
}

#sign-in li.submit 
{
	padding-bottom: 1em;
	background: transparent url("/img/home-sign-in-bl.gif") 0 100% no-repeat;
}

#sign-in #forgotten 
{
	width: 5.25em;
	font-size: 85.71%;
	position: absolute;
	left: 8.5em;
	bottom: 1.1em;
}

		/* Alternative corners for when sign-in is a child of #nav-sub */
		
		#nav-sub #sign-in fieldset 
		{
			background: #b3c0d6 url("/img/tr-r5-white.png") 100% 0 no-repeat;
		}
		
		#nav-sub #sign-in legend span 
		{
			background: transparent url("/img/tl-r5-white.png") no-repeat;
		}
		
		#nav-sub #sign-in-options 
		{
			background: transparent url("/img/br-r5-white.png") 100% 100% no-repeat;
		}
		
		#nav-sub #sign-in li.submit 
		{
			background: transparent url("/img/bl-r5-white.png") 0 100% no-repeat;
		}



/******************************************
=sIFR [http://wiki.novemberborn.net/sifr/] 
******************************************/

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */

.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* sIFR is best used only for the internal pages (class="sub") due to limitations with transparent backgrounds over the home header image. */

.sIFR-hasFlash .sub #header h1 {
	visibility: hidden;
	font-size: 42px;
}



/* Layout testing and debugging

#grid 
{
	position: absolute;
	top: 0;
	left: 50%;
	width: 970px;
	height: 100%;
	margin-left: -485px;
	background: url("/img/grid.png");
}

*/


/*  */
.buttonstyle1 {
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #d8efff
}
.buttonstyle2 {
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #bbddff
}
.buttonstyle3 {
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #90c9ff
}
.buttonstyle4 {
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #ffffff; FONT-FAMILY: Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #0c2c71
}
.buttonstyle5 {
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #ddd
}
.buttonstyle6 {
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #ffffff; FONT-FAMILY: Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #6699ff
}


.tone {
	BORDER-RIGHT: 0px; PADDING-RIGHT: 0px; BORDER-TOP: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; BORDER-LEFT: 0px; WIDTH: 100%; PADDING-TOP: 0px; BORDER-BOTTOM: 0px; FONT-FAMILY: Arial, Helvetica; BACKGROUND-COLOR: #f3f3f3; spacing: 5px
}

.white {
	 COLOR: #fff; 
}


/* Start a new document: client name / matter name table rows */

tr.clientmatter td.label8ar 
{
white-space: nowrap; 
padding-right: 3px;
}

tr.clientmatter input#client, 
tr.clientmatter input#matter 
{
width: 96%;
}

form#questions select { display: inline; }