/* main tags / general classes
============================== */

body {
	border-top: 0;
	height: 100%;
	margin: 0;
	background-color: #f2faff;
	/* text-align to center content in IE 5.5 */
	text-align: center;
}

.right { float:right; }

/*  core styles have been removed as they are applied by the core style sheet */

/* header
============================== */

#header {
	background: #fff;
	border-bottom: 1px solid #c9e0ee;
	height: 68px;
	margin: 0 20px 20px 20px;
	padding: 20px 0 0 0;
}

#site_name {
	float: right;
	margin:5px 0 0 0;
	padding:0 0 0 0;
}

#header img {
	margin-left: 0;
	padding: 0;
}

#logo	{ float:left; }

/* Container div
============================= */
#container {
	width: 984px;
	margin: 0 auto;
	border-left: 1px solid #c9e0ee;
	border-right: 1px solid #c9e0ee; 
	background: #fff;
	height: 100%;
	/* text-align left for IE 5.5 (see body style above) */
	text-align: left;
}

/* Main content div
============================= */

#maincontent {
	float: right;
	margin-top:0;
	margin-left: -1px;
	padding: 0 20px 0 20px;
	width: 802px; /* IE5.5 width */
	w\idth: 763px; /* IE6 & Moz correct width */
	background: #fff;
	border-left: 1px solid #c9e0ee;
}

/* hide from IE */
html>body>#container>#maincontent  {
	margin-bottom: 20px; 
}

/* Crumbtrail
============================= */

#crumb { font-size: 0.9em; margin:0; padding:0;}
#crumb ul { list-style:none; }
#crumb li { display:inline; }
#crumb a:link, #crumb a:visited { text-decoration:none; }
#crumb a:hover { text-decoration:underline; }

/* Left Nav
============================= */

#leftnav {
	width: 180px;
	float: left;
	padding:0;
	border: 0;
	margin:0;
	background: #fff;
	border-right: 1px solid #c9e0ee;
	border-bottom: 1px solid #fff;
}

#leftnav ul {
	border-top: 1px solid #c9e0ee; 
	vertical-align: top;
	list-style: none;
	margin: 0 0 0 20px;
	padding: 0;
	border-right: 0;
}
#leftnav #findajob {
	border-top:0px solid #c9e0ee; 
}
#leftnav #findajobexpanded {
	border-top:1px solid #c9e0ee; 
}
#leftnav #findajob, #leftnav #findajobexpanded {
	vertical-align: top;
	list-style: none;
	margin: 0 0 0 20px;
	padding: 0;
	border-right: 0;
	background-image: url(/jobs/local/images/bupapeople/find_a_job.gif);
	background-repeat:no-repeat;
	background-position:bottom left;
}
#leftnav #findajob p, #leftnav #findajobexpanded p {
	padding: 0px 5px 11px 55px;
	font-size: 0.9em;
/*	color:#5D7A8D; */
	color:#333333;
/*	width:90px; */
	margin:0 0 0 0;
}
#leftnav #findajob p a, #leftnav #findajobexpanded p a {
	color:#333333;
}

#leftnav #findajob img#head, #leftnav #findajobexpanded img#head {
	margin: 5px 0px 5px 5px;
}

#leftnav li {
	border-left: 1px solid #c9e0ee;
	border-bottom: 1px solid #c9e0ee; 
	background: url(/jobs/local/images/bupapeople/bullets/nav_arrow.gif);
	background-repeat: no-repeat;
	background-position: 5px 6px;
	padding: 3px 0 5px 15px;
	font-size: 0.9em;
	line-height: 115%;
	margin: 0;
}

#leftnav .noborder {
	border:none;
	background: url(/jobs/local/images/bupapeople/bullets/nav_arrow.gif);
	background-repeat: no-repeat;
	background-position: 15px 6px;
	padding-left:26px;
}

#leftnav .topborder {
	border-top: 1px solid #c9e0ee; 
}

#leftnav a,  #leftnav a:hover,  #leftnav a:visited {
	color: #333;
	text-decoration: none;
}

#leftnav a:hover {
	text-decoration: underline;
}

#leftnav li.search			{ background: #F8FFDA; }
#leftnav li.why				{ background: #DCF3F3; }
#leftnav li.benefits		{ background: #F4F4DE; }
#leftnav li.comments		{ background: #FFF0D3; }
#leftnav li.departments		{ background: #ECE6EE; }
#leftnav li.day_life 		{ background: #F8E4E3; }

#leftnav .contact_details {
	background-image:none;
 	background-color: #efefef;
	padding: 5px 5px 5px 8px;
	margin-left:0px;
	margin-top:0;
	margin-bottom:0;
	font-size: 0.9em;
	border-right: 0;
	border-left: 1px solid #c9e0ee;
	line-height:1.2em;
}

#leftnav #contact .padding2 { font-weight:bold; line-height:2em; }

#leftnav #contact .padding3 { line-height:3em; }

#leftnav .home { background-color: #f2fce3; }

/* footer
============================= */

#footer {
            padding-top: 5px;
            margin: 5px 20px;
            border-top: 1px solid #C9E0EE;
            clear: both;
            font-size: 0.9em;
}

#footer ul {
            list-style: none;
            text-align: right;
            margin: 0;
            padding: 0;
}
 
#footer ul li {
            display: inline;
}

#footer a, #footer a:visited {
            color: #09F;
            text-decoration: none;
            border-right: 1px solid #09f !important;
            padding: 0 7px 0 5px;
            margin: 0;
}

#footer a:hover {
            text-decoration: underline;
}

#footer a.nopipe {
            border-right: 0 !important;
}

/* boxes homepage 
============================== */


h2 a, h2 a:visited, h2 a:hover {
	color: #333333;
	text-decoration: underline;
}


.about_bupa {
	background-color: #F8E4E3;
	background-image: url(/jobs/local/images/bupapeople/corners/pink_corner.gif);
	border-right: solid 15px #fff;
	border-bottom: solid 15px #fff;
	background-repeat: no-repeat;
	background-position: bottom right;
	padding-bottom: 5px;
	padding-top: 0;
	margin-top:5px;
}

.team h2, .events h2, .health_info h2, .about_bupa h2, .community h2  {
	padding: 5px 0 0 20px; 
	margin: 0 0 0 0;
	background-repeat: no-repeat;
	background-position: 8px 7px;
}

.about_bupa h2 {
	background-image: url(/jobs/local/images/bupapeople/bullets/bullet_pink.gif);
}

.team h2 {
	background-image: url(/jobs/local/images/bupapeople/bullets/bullet_orange.gif);
}

.community h2 {
	background-image: url(/jobs/local/images/bupapeople/bullets/bullet_blue.gif);
}

.events h2 {
	background-image: url(/jobs/local/images/bupapeople/bullets/bullet_beige.gif);
}

.health_info h2 {
	background-image: url(/jobs/local/images/bupapeople/bullets/bullet_purple.gif);
}

.team h2 a, .health_info h2 a,  .green_box h2 a,  .events h2 a,  .brown_box h2 a, .about_bupa h2 a, .community h2 a {
	padding-left: 6px; 
	margin: 0;
	font-size:0.7em;
	color:#333333;
}

.team p, .health_info p, .green_box p, .events p, .brown_box p, .about_bupa p, .community p {
	padding-left: 7px;
	padding-right: 7px;
	margin-bottom:5px;
	margin-top: 5px;
}

.action {
	margin-bottom: 10px;
	margin-top: 0px;
	padding-top: 0px;
}

.corevalues {
	background-color:#C9E9FF;
	background-image: url(/jobs/local/images/bupapeople/corners/light_cyan_corner.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
	padding-bottom:0px;
	padding-top:3px;
	width:762px;
}

td.corevalues p {
	text-align:center;
}

.team {
	background-color:#FFF0D3;
	background-image: url(/jobs/local/images/bupapeople/corners/orange_corner.gif);
	border-right: solid 15px #fff;
	border-bottom: solid 15px #fff;
	background-repeat: no-repeat;
	background-position: bottom right;
	padding: 0 0 5px 0;
	margin:5px 0px 0px 0px;
}

.events {
	background-color:#F4F4DE;
	background-image: url(/jobs/local/images/bupapeople/corners/beige_corner.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
	padding-bottom:5px;
	padding-top:0;
	border-bottom: solid 15px #fff;
}

.events ul {
	margin:5px 0 0 26px;
	padding: 0 0 0 0;
}

.health_info {
	background-color:#ECE6EE;
	background-image: url(/jobs/local/images/bupapeople/corners/purple_corner.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
	padding:0 0 5px 0;
	margin:0;
	border-bottom: solid 15px #fff;
}

.community {
	background-color: #DEEAF2;
	background-image: url(/jobs/local/images/bupapeople/corners/light_blue_corner.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
	padding:0 0 5px 0;
	margin: 0 0 0 0;
	border-bottom: solid 15px #fff;
}

div.flash {
	margin: 0 0 0 4px;
	padding: 0 0 0 0;
	float:right;
	position:relative;
	width:291px;
}
div.nonflash {
	float:left;
	position:relative;
	margin: 0 0 0 0px;
	padding: 0 0 0 0;
}

div.nonflash, .clearfloats {
	width:455px;
}

.clearfloats {
		margin: 13px 0 5px 0;
}
	
.bottomstrip {
		clear: both;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		width: 762px;
}

/* highlight boxes
============================== */

.highlightbox_china {
	background-color: #F8FFDA;
	margin: 5px 0px 15px 0px;
	padding:0px 0px 10px 0px;
}

.highlightbox_china ul {
	margin: 15px 15px 0px 15px;
	padding:15px 15px 0px 15px;
}

.highlightbox_china ul li {
	margin: 0px 0px 10px 0px;
	padding:0px 0px 0px 0px;
}


/* other bits
============================== */

.righthandimages {
	float:right;
	margin: 0 0 0 20px;
}

ul#toc {
	list-style: none;
	margin: 0 0 0 25px;
	padding: 0;
	line-height: 1.5em;
}

ol li {
	margin: 0px 0px 7px 0px;
}

img {
	border:0;
}

.right {
	float: right;
}


.left {
	float: left;
}

.intro_para {margin-top:0;padding-top:0;}

.mainimg {
	float: right;
	padding:0 5px 8px 10px;
	margin:0;
}


.smalltext {font-size:0.9em;}

table.data {border-collapse:collapse;margin-top:20px; margin-bottom:5px;}
.data td {font-size:.9em; padding:3px 15px; border:1px solid #cccccc;}
.data th {font-size:.9em; padding:3px 15px;font-weight:bold;background:#e0edcc;}

hr {
	color: #c9e0ee;
	background-color:#c9e0ee;
	height: 1px;
	padding: 0 0 0 0;
	margin:5px 0 5px 0;
	border: 0;
	clear: none;
	display:block;
}

	
.error {
	color: #ff3333;
	}
	
/* used on some tds of forms to give space between chunks of text */

.toppadding  {
	padding-top: 15px;
	vertical-align:bottom;
}
	
.center {display:block; margin-left:auto; margin-right:auto;}

/* Tables
============================== */

tr {vertical-align:top;}

/* Next steps menu images

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

div.nextsteps {
	background-color:#F2FCE3;
	padding: 1px 15px 15px 15px;
	clear: both;
	margin-top: 1em;
}

.nextsteps h2	{
	margin-top: .5em;
}

.nextsteps ul {
	list-style: none;
	margin: 5px 0 0 0;
	padding: 0;
}

.nextsteps li {
	margin-left:0px;
	padding:3px 20px;
	background-repeat: no-repeat;
	background-position: 0 3px;
}

.nextsteps li a, .nextsteps li a:hover, .nextsteps li a:visited {
/*	color:#55702D; */
	color:#333333;
	text-decoration:underline;

}

.nextsteps .search { /* magnify glass icon */
	background-image: url(/jobs/local/images/bupapeople/bullets/bullet_search.gif);
}

.nextsteps .info { /* i icon */
	background-image: url(/jobs/local/images/bupapeople/bullets/bullet_information.gif);
}

.nextsteps .email { /* letter icon */
	background-image: url(/jobs/local/images/bupapeople/bullets/bullet_email.gif);
}

.nextsteps .phone { /* phone icon */
	background-image: url(/jobs/local/images/bupapeople/bullets/bullet_phone.gif);
}

.nextsteps .download { /* phone icon */
	background-image: url(/jobs/local/images/bupapeople/bullets/bullet_download.gif);
}

.nextsteps .read { /* phone icon */
	background-image: url(/jobs/local/images/bupapeople/bullets/bullet_read.gif);
}


/* pdf lists
============================== */

.pdfs {
	list-style:none;
	font-size: 0.9em;
	margin: 15px 0 0 0;
	padding: 0;
	}
	
.pdfs li {
	margin-left:0px;
	font-size: 1.1em;
	padding:3px 20px;
	background-repeat: no-repeat;
	background-position: 0 3px;
	background-image: url(/jobs/local/images/bupapeople/icons/icn_pdf_sm.gif);
	}
	
.pdfs a:hover {text-decoration:underline;}
.pdfs a:visited, .pdfs a:link  {text-decoration:none;}

/* right column on factsheets list page */

#factsheetsrightcol	{
	width: 250px;
	float: right;
	text-align: right;
}

#factsheetsrightcol p	{
	margin-top: 2em;
}

#factsheetsleftcol	{
	width: 250px;
	float: left;
}

/* removes margin from lists that sit next to images */

ul.content	{
	margin-left: 1.2em;
}


#chinesehomepageintro	{
	width: 260px;
}

#chinesehomepageintro p	{
	margin-bottom: 2em;
}

.navImage {
	display:block;
	margin:1em auto 1em auto;
	}