/*
   styles.css 
   
   		styling for modern web browsers, see ie.css for specific browser fixes
   
*/

/* ======================================================================

Hex Guide
	page background	:	#fff
	body background	:	#fff
	base text color	:	#505050
	Highlight text	:	#1b3c97
	
=======================================================================*/


/*
simple reset
------------------------------------*/
html, body, div, #wrapper
{margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
html{background: #fff}
body {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:62.5%;
	line-height:1.52;
}

/*
Page Setup
------------------------------------*/
.contentSkip, .contentSkip:link, .contentSkip:visited{
	color:#fff;
	position:absolute;
}
.contentSkip:hover{
}
#wrapper {
	clear:both;
	font-size:100%;
	color: #505050;
	width:800px;
	margin:25px auto 0pt;
	text-align: left;
	
	background: url(../graphics/wrapper_back.jpg) repeat-y;
}
	.clear{clear:both;}
/*
Typographic Defaults
------------------------------------*/
h1{
	color: #1d419a;
	font-weight: lighter;
	margin-bottom:0px;
	border-bottom: 1px solid #e9e9e9;
}
h2{
	color: #1d419a;
	font-weight: lighter;
	margin-bottom: 0px;
	font-size:160%;
}
h3{
	color: #1d419a;
	font-weight: lighter;
	font-size:135%;
}
p{
	font-size:120%;
	margin:.5em 0px;
}

.left_col ul, .main_col ul, .main_col ol {
	font-size:120%;
}

/*
Basic Links
------------------------------------*/

a img {border:none;}
a, a:link, a:visited {
	color: #1D419A;
}
a visited {
	color:#586c8f;
}
a:hover {
	text-decoration: underline;
}
p a, p a:link {
	color:#1D419A;	
}
p a:visited {
	color:#586c8f
}

/*
Header Section
------------------------------------*/
#header {
	width: 800px;
	height: 105px;
	background: #fff url(../graphics/header_back.jpg) no-repeat;
}

	.logo {
		float:right;
		margin-top: 26px;
		margin-right:18px;
	}

/*
Top Navigation
------------------------------------*/
.top_navigation {
	float:right;
	font-size:120%;
	list-style-type:none;
	margin-left:200px;
	margin-top:-125px;
/* 	position:absolute; */
}
	.top_navigation li {
		float:left;
		padding:3px 9px 3px 0px;
	}
	.top_navigation a, .top_navigation a:link, .top_navigation a:visited {
		color: #6E6E6E;
		border-right:1px solid #9e9e9e;
		padding-right:9px;
		text-decoration:none;
	}
	.top_navigation a:hover {
		color:#404040;
		text-decoration: none;
	}
	
	.top_navigation .last, .top_navigation .last:link, .top_navigation .last:visited {
		border-right: 0px solid #9e9e9e;
	}

/*
Beltcrest
------------------------------------*/
.beltcrest {
	position: absolute;
	margin-top: 10px;
	margin-left:7px;
	width:138px;
	height: 95px;
	/* background: url(../graphics/crest.png) no-repeat; */
}

/*
Footer Section
------------------------------------*/
#footer {
	clear: both;
	width:800px;
	height: 59px;
	background: url(../graphics/footer_back.jpg) no-repeat;
}

	#footer ul {
		margin-top: 0px;
		padding:6px 16px;
		color: #fff;
		font-size: 120%;
	}
	#footer li {
		list-style-type: none;
		padding:9px 6px;
		float:left;
	}
	#footer ul li a, #footer ul li a:link, #footer ul li a:visited {
		color: #fff;
		text-decoration: none;
		border-left:1px solid #fff;
		padding-left: 9px;
	}
	#footer ul li a:hover {
		text-decoration: underline;
	}

/*
Main Content Section
------------------------------------*/
#main_content_wrapper {
	width:100%;
	padding-bottom: 18px;
	background: url(../graphics/crest_back.gif) no-repeat;
}
	#main_content_wrapper.fullheight {
		padding-bottom: 0px;
		background: url(../graphics/rightside_back.jpg) 480px 0px repeat-y;
	}
	#main_content_wrapper.fullheight2 {
		padding-bottom: 0px;
	}
	/*
	Main Column
	------------------------------------*/
	.main_col{
		clear:both;
		width:700px;
		float:left;
		margin-left:57px;
	}
		
	/*
	left column
	------------------------------------*/
	.left_col {
		width:385px;
		float:left;
		padding-left:57px;
		position:relative;
		padding-bottom:18px;
	}
	.beltcrest_left {
		position: absolute;
		width:145px;
		height:111px;
	/* background: url(../graphics/crest_back.png) no-repeat; */
	}
	.left_col p {
/* 		font-size:147%; */
	}
	.left_col h2 {
	}
	/*
	right column
	------------------------------------*/
	.right_col {
		width:286px;
		float:right;
		padding:0px 14px 0 7px;
		margin-top: 10px;
		margin-right:6px;
	}
	.fullheight .right_col {
		padding-top:10px;
		margin-top:0px;
		margin-bottom: 0px;
	}
		.right_col h2 {
			border-bottom: 1px solid #d6d7d9;
		}
		.right_col .blutxt{
			color: #1b3c97;
			margin-top: 0px;
		}
		.right_col .blutxt a, .right_col .blutxt a:link, .right_col .blutxt a:visited {
			color: #1b3c97;
			text-decoration: underline;
		}
		
		.right_col fieldset label, .show_step_box fieldset label {
			text-align: left;
			width:100px;
		}
		.right_col fieldset .auto, .show_step_box fieldset .auto {
			/* clear:both; */
			float:left;
			margin-right:26px;
		}
		.right_col fieldset .auto input, .show_step_box fieldset input {
			width:auto;
		}

/*
	Back To Top Buttons
------------------------------------*/
.backtotop {
	border-bottom:1px solid #E9E9E9;
	display:block;
	font-size:110%;
	margin:6px 0px;
	padding-bottom:9px;
	text-align:right;
	width:100%;
}


	/*
	Box for displaying current step
	------------------------------------*/
	.show_step_box{
		width:293px;
		float:right;
		padding:0px 14px 9px 7px;
		margin-top: 0px;
		margin-right:7px;
		background: url(../graphics/rightside_back.jpg) repeat-y;
	}
		.show_step_box h2 {
			border-bottom: 1px solid #d6d7d9;
			margin-top:18px;
			font-size: 140%;
		}
		.show_step_box  .stepList {
			float:right;
			margin-top: 0px;
			padding:6px 0px;
			margin-bottom: 9px;
			color: #505050;
			font-size: 120%;
		}
		.show_step_box li {
			list-style-type: none;
			padding:3px 6px;
			float:left;
		}
		.show_step_box a, .show_step_box a:link {
			color:#1b3c97
		}
		.show_step_box a:visited {
			color:#586c8f;
		}
		.show_step_box  .stepList li a, .show_step_box  .stepList li a:link, .show_step_box  .stepList li a:visited {
			color: #1D419A;
			text-decoration: none;
		}
		.show_step_box  .stepList li a:hover {
			text-decoration: underline;
		}
		.show_step_box  .stepList .current {
			color: #1D419A;
			background: #d9d9d9;
		}
		
		.show_step_box .submitButton{
			/* float:none; */
		}

/*
Fieldset Form Layouts
------------------------------------*/		

fieldset {
	width:100%;
	border:none;
	padding: 0px;
	font-size:100%;
	margin-top: 9px;
}

fieldset label {
	clear: both;
	width:150px;
	float: left;
	text-align: right;
	color: #707070;
	font-size: 120%;
}
fieldset label:hover {
	color: #505050;
}
	

fieldset input, fieldset select, fieldset textarea {
	width:300px;
	float: left;
	text-align: left;
	margin-left: 9px;
	margin-bottom: 9px;
	font-size: 120%;
}

.tc_error {
	margin-left:30px;
	font-size: 120%;
}

.errorMessage{
	width:540px;
	float:left;
	text-align:left;
	padding-left:160px;
	margin: 9px 3px;
	clear: both;
	display:block;
	color:#ff0000;
}
.right_col .errorMessage {
	padding-left:0px;
	text-align:center;
	width:100%;
}
	.wide {
		border:1px solid #ff0000;
		padding:6px;
		width:500px;
		float:none;
		margin:0 auto;
	}
	.noLabel{
		margin-left:159px;
	}

.right_col fieldset {
	padding-bottom:9px;
	/* border-bottom:1px solid #D6D7D9; */
	margin-top:18px;
}
.right_col fieldset input {
	width:150px;
	float: left;
	text-align: left;
	margin-left: 0px;
	margin-bottom: 9px;
	
}
.right_col fieldset label {
	font-size: 120%;
}
.right_col .submitButton, .show_step_box .submitButton {

	clear:none;
	float:right;
	margin:0px;
	margin-top:3px;
	margin-right:18px;
	text-align:center;
}

/*
Lists of form elements 
(radios, checkboxes and the like)
------------------------------------*/

fieldset ul {
	list-style-type: none;
	padding:0px;
	margin:0px;
	font-size: 100%;
}
.main_col fieldset ul {
	font-size: 100%;
}

fieldset li {
	clear: both;
	float:none;
	padding:0px 0px;
	min-height: 35px;
	width:100%;
	display: block;
}
fieldset p, .modeSelection {

}
.modeSelection {
	margin-bottom:9px;
}

fieldset li:hover
{
	/*background: #f4f4f4;*/
}

fieldset ul label, fieldset ul input, fieldset ul select {
	clear: none;
	width:auto;
	float:left;
	text-align: left;
	margin-right:0px;
	margin-left:9px;
}

	fieldset label sub {
		float:left;
	}
.spacedList {
	width:300px;
}
.spacedList li {
	float:left;
	padding-right:18px;
	clear:none;
	width:auto;
}
/*
.spacedList li:hover{
	background: none;
}*/

.labelReset {
	width:auto;
	color: #505050;
}

.datePicker {
	float:left;
	margin-left:3px;
	margin-top:3px;
	cursor: pointer;
}
.submitButton {
	width:auto;
	clear:none;
	float:right;
	margin:9px;
	text-align:center;
	margin-right:-18px;
}

/*
Inner Form Section
------------------------------------*/

.ajax__tab_panel{
	background: url(../graphics/sep_top.jpg) repeat-x;
		padding:18px;
		margin-top:46px;
		/* font-size: 96%; */
}
	.ajax__tab_body {
		width:727px;
		background: url(../graphics/sep_back.jpg) repeat-y;
	}
	.ajax__tab_outer{
		width: 102px;
		height: 32px;
		background: url(../graphics/tab.jpg) no-repeat;
		margin-right:18px;
		padding-top:7px;
	}
	.ajax__tab_default .ajax__tab_inner span {
		text-align: center;
		display: block;
		width:102px;
		font-size:98%;
	}
	.ajax__tab_default .ajax__tab_header{
		position: absolute;
		margin-top:-28px;
		margin-left:9px;
		font-size:92%;
	}
	.ajax__tab_hover .ajax__tab_outer, .ajax__tab_active .ajax__tab_outer {
		background: url(../graphics/tab_over.jpg) no-repeat;
		color: #20429b;
	}
	.sep_base {
		width:727px;
		height:32px;
		background: url(../graphics/sep_base.jpg) no-repeat bottom;
	}


.ajax__tab_panel .submitButton{
	width:auto;
	clear:both;
	float:left;
	margin:9px 0px 9px 170px;
	}
/*
Dummy Box
------------------------------------*/
.db_head{
	background: url(../graphics/sep_top.jpg) repeat-x;
		padding:18px;
		margin-top:0px;
		font-size: 96%;
}
	.dummy_box {
	
	margin-top:9px;
		width:727px;
		background: url(../graphics/sep_back.jpg) repeat-y;
	}
	.dummy_box .submitButton {
		float:left;
		margin-left:9px;
		margin-top:0px;
		clear:none;
	}
	.dummy_box p.f?r {
		float:right;
		margin-right:260px;
		font-size:96%;
	}
	.dummy_box p {
		padding-left: 9px;
	}
	.dummy_box p span{
		float:left;
		margin-top:-18px;
		font-size:100%;
		color: #20429b;
		margin-left:18px;
	}
	.dummy_box h2 {
		font-size:120%;
		width:90%;
		padding:0px;
		margin:0px 9px 9px;
	}
	.dummy_box h2 span{
		color:#505050;
		width:130px;
		float:left;
		clear: both;
		margin:9px 0px 9px 18px;
	}
	.dummy_box h2 a, .dummy_box h2 a:link, .dummy_box h2 a:visited{
		float:left;
		color:#20429b;
		margin:9px 0px;
	}
		.db_base {
		claer:both;
		width:727px;
		height:32px;
		background: url(../graphics/sep_base.jpg) no-repeat bottom;
	}
	
/*
User Admin List
------------------------------------*/
.usersList{
	margin: 18px;
	margin-left:95px;
}

.usersList li{
	height: 35px;
	width:370px;
	min-height: inherit;
	border:1px solid #f4f5fa;
	margin-bottom: 9px;
	padding:0px;
}
.usersList li:hover {
/* 	background:#dee3f0; */
	border:1px solid #dee3f0;
}
.usersList p {
	float: left;
}
.usersList .submitButton{
	clear:none;
	float:right;
	margin:0px;
	margin: 0.5em 9px;
}
.linebreak {
	width:92%;
	margin:0 auto;
	clear: both;
	margin-top:1em;
	margin-bottom:1.5em;
	height: 1px;
	background: #dee3f0;
	display:none;
}

.left
{
	float:left;
}

/*
Checkboxes to agree to everything
------------------------------------*/
.tandcs{
	padding:3px;
	width:100%;
	border:1px solid #dee3f0;
	margin: 0px 9px 9px 0px;
}
.tandcs input
{
	clear: both;
	float:left;
	width:auto;
	margin-top: 9px;	
}
.tandcs label{
clear: none;
	float:left;
	width:90%;
	text-align: left;
	margin-top: 6px;
	margin-left: 6px; 
}


/*
Quote section
------------------------------------*/
.quote {
border-top:1px solid #D6D7D9;
clear:both;
	width:96%;
	font-size:100%;
	margin: 0 auto;
	padding-top:18px;
	padding-bottom:18px;
	
}
.quoteText {
	color: #1D419A;
	font-size:160%;
	font-style: italic;
	font-weight: lighter;
	line-height: 1.25em;
}
.quoteCitation {
	margin-top:9px;
	font-size: 125%;
	width:100%;
	text-align: right;
	display: block;
}

/*
Newsfeed
------------------------------------*/
.rssFeed {
	margin-bottom:18px;
}
	.rssFeed h2 {
		/* background: url(../graphics/bbc_icon.png) right no-repeat; */
	}
.smallText {
	font-size:100%;
}

.rssFeed a, .rssFeed a:link, .rssFeed a:visited {
	color: #1D419A;
	text-decoration: none;
	display: block;
	font-size: 120%;
	/* margin-left:18px; */
margin-bottom:1em;
text-transform: lowercase;
}
.rssFeed a:hover {
	text-decoration: underline;
}
/*
Homepage Panels
------------------------------------*/
.panel {
	padding-left:0px;
	border-top:1px solid #e9e9e9;
	width:410px;
	padding-top:9px;
	list-style-type: none;
	clear:both;
	margin-top:0px;
}
	.panel li {
		float:left;
	}
	.panel h3 {
		font-size: 100%;
		margin:0px;
		font-weight: bold;
		width:210px;	
	}
	.panel p {
		width:210px;
		font-size: 100%;
		
	}
	
	.panel li ul {
		margin-top:9px;
		width:135px;
		padding-left:0px;
		list-style-type: none;
		font-size:100%;
	}
	.panel ul li {
		width:135px;
		float: none;
		list-style-type: none;
	}
	.panel li li p {
		font-weight: 120%;
		width: 70px;
		text-align: right;
		float: left
	}
	.panel li li {
	margin-top:18px;
	padding-bottom:18px;
		clear:both;
	}
	.logtxt { float:left;clear:both; margin:6px 0px; width:65%;}
	.logtxt span {
		float:left;
		text-indent: 36px;
		color: #1D419A;
		clear:both;
	}
	.linkButton, .linkButton:link, .linkButton:visited {
		background: url(../graphics/buttonyThing.gif) no-repeat top;
		width:70px;
		height: 19px;
		text-align: center;
		font-size:11px;
		padding-top:3px;
		text-decoration:none;
		/* float:left; */
		color:#404040;
		clear:right;
		display:block;
	}
	.buttonLink, .buttonLink:link, .buttonLink:visited {
		clear:both;
		margin-left:160px;
		display: block;
	}
	.panel li li a, .panel li li a:link, .panel li li a:visited {
		background: url(../graphics/buttonyThing.gif) no-repeat top;
		float:right;
		width:70px;
		height: 19px;
		text-align: center;
		padding-top:3px;
		text-decoration:none;
		font-size:80%;
		color:#404040;
		display:block;
	}
	.panel li li a:hover, .linkButton:hover {
		background: url(../graphics/buttonyThing.gif) no-repeat bottom;
		text-decoration: none;
		display:block;
	}
	.panel .additional {
		padding-bottom:0px;
	}
	
/*	*/
.stepBoxLinkList {
	padding-left:0px;
	margin:0px;
	font-size:120%;
	
}
.stepBoxLinkList li {
	padding-left:6px;
	float:left;
	clear:both;
	width:100%;
	font-size:100%;
}

.flr {
	margin-left:150px;
}

/*
Logged in box
------------------------------------*/
.loggedInBox {
	padding:9px 3px;
}

.fright {float:right; margin-right:18px;}

.desktopShortcut {
	float:left;
	margin-right:32px;
	width:50%;
	clear:both;
	font-size: 120%;
	margin-top:6px;
}

/*
Account List
------------------------------------*/
.myAccountList {
	padding-left:0px;
}

.myAccountList .submitButton {
	display:block;
	float:left;
}

/*
RSS Logo
------------------------------------*/

.rssFeed .fright {
	margin-top:-5px;
	margin-right:-0px !important;
}

/*
Co brand stuff
------------------------------------*/
.lexisRequest{
	background:url(../graphics/lexispwby.jpg) 480px top no-repeat;
	position:relative;
	padding:65px 50px 50px 50px;
}

.lexisRequest p{
	margin:10px 0 20px 0;
	line-height:160%;
}

.lexisRequest p.termsconditions{
	font-size:90%;
	font-weight:bold;
	color:#000000;
}

.lexisRequest input{
	background:url(../graphics/buttonyThing-big.gif) left top no-repeat;
	border:none;
	height:22px;
	padding:2px 16px;
	width:250px;
	text-indent:0;
	margin:0;
	padding:0;
}


.lexisRequest input.declineDocument{
	background:url(../graphics/buttonyThing.gif) left top no-repeat;
	border:none;
	padding:2px 10px;
	width:70px;
}

.lexisRequest input:hover{
	background-position:left bottom;
	cursor:pointer;
}