/*
Name: Default
Media: Screen,Projection
Version: 1
Created: 2006-12-08
Updated: 2007-04-16
Author: Dan Conaghan
Intended for: http://www.boyerallan.co.uk
*/
@import url("magic-footer.css");

body {
	margin: 0;
	padding: 0;
	color: #52524d;
	font: small/normal Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align:center;
	background: #EBEAE7 url("../images/bkg_img.gif") 0 0 repeat-x;
	}

a { color: #80A1B6; }

form, fieldset, ol, legend {padding:0; margin:0;}

.red { color: #9F0B0B; }

* html #wrap {

	}

/*  Wrap */	

#wrap {
	width: 970px;
	display: block;
	text-align: left;
	margin: 0 auto;
	padding: 0 0 40px 0;
	min-height:500px;
	background-color: #fff; 
	
}
	
/* Header */
#header {
	margin: 0;
	padding: 15px 10px 0 10px;
	background: #fff url("../images/bkg_img.gif") 0 0 repeat-x;
	height: 138px;
	position:relative;
	}
	
h1 {
	margin:0;
	padding:0;
	font-weight:normal;
	font-size: 18px;
	color:#83837b;
	line-height: 22px;
}
	
#logo, #logo_reg {
	 display: block;
	 padding: 0;
	 margin: 0;
	 width:950px;
	 height:104px;
	}
	
#logo
	{
		 background: #fff url("/images/header/logo.gif") 0 0 repeat-x;
	}
	
#logo_reg
	{
		 background: #fff url("/images/header/logo_reg.gif") 0 0 repeat-x;
	}
	
#logo a
	{
		width:950px;
		height:104px;
		display:block;
		background: url("/images/header/page_no.gif") 0 0 no-repeat;
		
	}
	
#logo div.one { width:70px;}
#logo div.two { width: 145px;}
#logo div.three { width: 222px; }
#logo div.four { width: 301px; }
#logo div.five { width: 380px; }
	
#user-stripe
	{
		width:950px;
		height:50px;
		text-align:right;
		font-size:11px;
	}

#user-stripe a { color: #83837b; text-decoration:none; }

#print_logo {
	 display: block;
	 padding: 0;
	 margin: 0;
	 width:700px;
	 height:104px;
	}


#page_number {
	position: absolute;
	float: left;
	font-size: 40px;
	left: 20px;
	top: 79px;
	color: #FFFFFF;
}

#nav, 
#nav li{
	list-style: none;
	margin: 0;
	padding: 0;
	}

#nav {
	display: block;
	text-align: left;
	height: 34px;
	}

#nav li {
	display: block;
	float: left;
	height: 34px;
	width: 104px;
	}

#nav li a{
	display: block;
	height: 34px;
	width: 104px;
	}


#nav li.hom  { background: url("/images/menu/hom_off.gif"); }
#nav li.abo  { background: url("/images/menu/abo_off.gif"); }
#nav li.fun  { background: url("/images/menu/fun_off.gif"); }
#nav li.con  { background: url("/images/menu/con_off.gif"); }
#nav li.sec  { background: url("/images/menu/sec_off.gif"); }
#nav li.log  { background: url("/images/menu/log_off.gif"); }

#nav li.hom a:hover, 
#nav li.hom a:active,
.p_hom ul#nav li.hom.on { background: url("/images/menu/hom_on.gif") repeat scroll 0 0 transparent; }

#nav li.abo a:hover,
#nav li.abo a:active,
.p_abo #nav li.abo.on { background: url("/images/menu/abo_on.gif"); }

#nav li.fun a:hover,
#nav li.fun a:active,
.p_fun #nav li.fun.on { background: url("/images/menu/fun_on.gif"); }

#nav li.con a:hover,
#nav li.con a:active,
.p_con #nav li.con.on { background: url("/images/menu/con_on.gif"); }


#nav li.log a:hover,
#nav li.log a:active,
.p_sec #nav li.log.on { background: url("/images/menu/sec_on.gif"); }

/* main */
#main {
	padding: 0 10px 50px 10px;
	margin: 0;
}

/* Subnav */

#subnav {
	padding: 0;
	margin:0;
	width: 208px;
	float: left;
	list-style: none;
	font-size: 0.8em;
}

#select-country
	{
		background-color:#ecece9;
		border-top: 1px solid #d9d2c2;
		border-bottom: 1px solid #d9d2c2;
		width:178px;
		padding:10px 15px;
		font-size:12px;
	}

#select-country select
	{
		margin: 20px 0px;
	}

#subnav ul, 
#subnav ul li, ul#subnav li{
	list-style: none;
	margin: 3px 0px;
	padding: 0;
	text-transform:uppercase;
	}

#subnav li.on_nest {
	display: block;
	padding: 5px 0px 5px 10px;
	}
	
#subnav li.on_nest .blue {
	display: block;
	width: 198px;
	padding: 5px 0 5px 10px;
	margin: 0 0 0 -10px;
	color: #fff;
	}

#subnav li.on {
	display: block;
	padding: 5px 10px 5px 10px;
	width: 188px;
	color: #9c0b17;
	background-color: #d9d9d4;
	}
	
ul#subnav, ul#subnav li a { color: #83837B; text-decoration: none;}
	
#subnav ul li , ul#subnav li {
	display: block;
	padding: 5px 10px 5px 10px;
	width: 188px;
	
	}
	
	
#subnav li li a {
	display: block;
	padding-left: 20px;
	width: 178px;
	text-decoration: none;
	}
	
#subnav li li {
	/*margin:0 0 0 -10px;*/
	background: url("/images/sprites/arrow.png") no-repeat; 
	padding-left:5px;
	
	}

.p_sec #subnav li li{
	margin: 0 0 0 -10px;
	/*padding-left: 10px;*/
	width: 208px;
}

.p_sec #subnav li li.on{
	padding-left: 25px;
	color: #9F0B0B;
}



.p_sec #subnav li li a:active,
.p_sec #subnav li li.on { width:178px; }

#subnav li a:hover { width:188px; color: #000; }
#subnav li li a:hover { width:178px; color: #000; }

#content {
	padding: 0px 50px;
	float: left;
	width: 642px;
}
#content-wide {
	width:850px;
	padding: 0px 50px;
	}

#home-content
	{
	width:420px;
	}

.p_con #content {
	padding: 0 0 0 50px;
	margin: 0;
	float: left;
	width: 690px;
}

.p_mis #content {
	padding: 40px 0 50px 50px;
	margin: 0;
	float: left;
	width: 850px;
}

#content a:link, #content a:visited {
 color: #80A1B6;
 text-decoration: none;
}

#content a:hover, #content a:active {
 color: #80A1B6;
 text-decoration: underline;
 }

form fieldset {
	padding: 0;
	border:0;
	}


/**************** Hedgesite *******************/


/* login */

#subnav ol
	{
		padding:0px 8px;
		width:180px;
	}

#subnav ol li
	{
		list-style:none;
		margin-top:10px;
		text-align:left;
	}

#login {
	text-align: left;
	width: 198px;
	margin: 0 0 0 0;
	background-color:#ecece9;
}

#login fieldset
	{
		margin:0;
		padding:0;
	}

#login div#legend {
	background-color:#b3061b;
	width:188px;
	display:block;
	color:#fff;
	font-size:12px;
	padding:5px;
	margin:0px 0px 5px 0px !important;
	left:0;
	top:0;
	}
	
div#legend {
	width:188px;
	display:block;
	color:#000;
	font-size:14px;
	padding:0px;
	margin: 0px 0p 5px 0px!important;
	}

#registerform, #password, #registerextra {
	margin: 25px 0 0 258px;
}

#login input{
	margin-top: 3px;
	border: #b7b7b2 solid 1px;
	background-color: #FFFFFF;
}

#login #user-login { width: 178px; }
#login #pass-login { width: 178px;}

button#go-login
	{
		border:0;
		width:178px;
		padding:0;
		height:19px;
		background: url("/images/buttons/login_button.gif"); 
	}

#login label{
	font-size: 12px;
}

#login a{
	font-size:10px;
	text-decoration: none;
	font-style:italic;
	color: #83837b;
	padding: 0;
}

/* submenu */

#subnav div.secure_nav ul.level-1 {
	margin: 20px 0 0 0;
	padding: 0 0 0 0;
	background-color: #B8CBD9;
	/*background-color: #FFF;*/
}

#subnav div.secure_nav ul.level-2 {
	margin: 0 0 20px 0;
	padding: 0 0 0 0;
}

#subnav #login #legend_replace {
	display: block;
	height: 15px;
	width: 140px;
	padding: 0;
	margin: 0 0 -10 0;
	background: #990000 url("../images/sec_log.gif") 0 0 no-repeat;
}

/* content */
.sidebox {
	position: absolute;
	float: left;
	font-size: 13px;
	left: 270px;
	top: 135px;
	color: #fff;
	}
.sidebox p {
	margin: 0;
	}

.p_sec #content ul,
.p_sec #content li {
	/*margin: 0;
	font-size: 1em;
	padding: 0;
	color: #000000;
	*/
}

.p_sec #content img {
	margin: 10px 0 0 0;
	padding: 0;
}

#asset_table {
	margin: 40px 0 0 0;
	padding: 0 0 0 0;
}


#add_record {
	border: 1 solid #666666;
	padding: 0 0 0 0;
	margin: 0 0 10px 0;
}


/**************** End Hedgesite *****************/

/* Footer */

#footer{
	background: #fff url("../images/footer_bkg.gif") 0 0 repeat-x;
	text-align: center;
	padding: 10px 0 0 0;
	color:#000;
}




#footerblock{
	font-size: 0.8em;
	margin: 0 auto 0 auto;
	width: 950px;
	text-align: left;
}

#footerblock p{
	position: relative;
	width: 950px;
	display: block;
}

#footerblock p small{
	text-align: left;
	display: block;
}

#footerblock ul,
#footerblock ul li {
	list-style: none;
	padding: 0;
	margin: 0 5px 0 0 ;
	display: inline;
}


#footerblock ul li a:link,
#footerblock ul li a:visited {
	color: #83837B; 
 text-decoration: none;
}

#footerblock ul li a:hover,
#footerblock ul li a:active {
 color: #83837B; 
 text-decoration: underline;
}


/* Contact pop-up */

#address {
	float: left;
	width: 260px;
}
#smallmap {
	width: 247px;
	padding: 25px 0 0 0;
	float: right;
}

/* Accessibility*/


kbd {
	margin: 0 0 0 2px;
	padding: 0.5px .2em;
	font-size: .8em;
	font-family: tahoma, Arial, Helvetica, sans-serif;
	font-weight: bold;
	background-color: #f6f6f6;
	border: 1px solid #ddd;
	border-right-color: #666;
	border-bottom-color: #666;
}

#accesskeys {
	display: block;
	margin-bottom: 1em;
}

#accesskeys dt {
	float: left;
	clear: left;
	}

#accesskeys dd {
	margin: 1em 0 1em 50px;
	padding-top: .1em;
	}

/* universal */

h2 {
	margin: 0;
	padding: 0;
	font-size: 14px;
	color: #6d1e0e;
}

h2 strong {
	color: #6F1400;
}
h3 {
	margin: 0;
	padding: 0;
	color: #666;
	font-size: 1em;
}

a img {
	border:0;
}
#skiplinks, 
.hide {
	display: none;
}

.clearer {
	clear: both;
}

.p_sec #content {
	padding: 0px 0 0 35px;
	margin: 0;
	float: left;
	width: 680px;
	}
#organigram {
	/* margin-left: -25px;
	margin-right: -20px;
	border: 1px solid red; */
	}
	
	.red_header{color:#9F0B0B}
	
	#content ul{margin-left:15px;padding-left:0}
	#content li{color:#9F0B0B;margin-bottom:10px}
	#content li span{color:black;}
	#content h1{margin-bottom:15px}
	#content li ul{margin:10px 0 10px 15px;}
	
	.company-info table{border:1px dotted  #B3C3CF;}
	.company-info td{border:0;}
	
	.company-info .grey-bg{background:#D6E0E9}
	.company-info .red-bg{background:#B8CBD9}
	.company-info .orange-bg{background:orange}

.bottom_space{margin-bottom:30px}

.profile{position:relative;
width:100%;
padding-bottom:40px;}

.profile div.name { width: 180px; float:left; color: #91acbb; font-weight:bold;}
.profile div.name  img { border: 1px solid #c5c9cc; } 
.profile div.role { float:left; color: #52524d;}
.profile div.down { float:right; width:15px; height:15px; background: url('/images/sprites/drop-down.gif'); }
#content .profile ul, #content .profile div.desc {float:left; padding:0; margin:0; width:480px;}
#content .profile ul li {list-style:none; color: #83837b; margin-bottom:5px;}
.profile div.clearer, .spacer { clear:both; height:15px; background: transparent url("/images/sprites/spacer.gif") repeat-x;}

div.clear {clear:both}

.profile_content
	{
		
	}

.profile_image{
height:128px;
position:absolute;
right:10px;
top:0;
width:128px;
visibility:hidden;
}
#performance_history input{font-size:0.80em;width:70px}
.blue_line{border:0;border-top:1px solid #B8CBD9;margin:20px 0}



#print_buttons{margin-top:30px;width:680px}
#print_button{position:inline;float:left;}
#close_button{position:inline;float:right;}

/* Disclaimer modal window */
#disclaimer-overlay{position: absolute; z-index: 90; width: 100%; height: 100%; top: 0; left: 0; background-color: #000; filter: alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6}
#disclaimer{background: transparent url("../images/disclaimer_bg.gif") no-repeat; width: 742px; height: 356px; z-index: 100; position: absolute; margin:-250px 0 0 -365px; top:50%; left:50%; right:50%}
#disclaimer form{margin:0;padding:0}
#disclaimer table,#disclaimer td{margin:0;padding:0;border:0;background:none;}
#disclaimer input{width:136px;height:27px;border:0;margin-top:15px}
#disclaimer input.non-us{margin-left:30px;width:136px;height:27px;background:url("../images/non-us-resident.jpg") no-repeat;border:0;cursor:pointer;cursor:hand;text-indent:-500px;overflow:hidden;}
#disclaimer input.us{margin-left:15px;width:136px;height:27px;background:url("../images/us-resident.jpg") no-repeat;border:0;cursor:pointer;cursor:hand;text-indent:-500px;overflow:hidden;}
#overflowbox{height:170px;overflow:auto;margin-top:120px;width:680px;margin-left:30px;padding-right:10px;font-size:11px}
#buttons { margin-left:30px; }
