/* ------------------------------------------------------------------------------------
Website: British Journal of Anaesthesia
File: Global styles
Author: Reading Room (Karl Parton)
Created: May 2009

Colour references:
White main bg:			#ffffff
Light blue:				#deebf6
Blue:					#93bee1
Dark blue:				#0063ac
Sub nav line:			#aed2dc
Yellow:					#f3a22c
Black (copy, headings):	#333333
Grey (form border): 	#adb9c4
Breadcrumb:				#2c7ebc
Journal (background): 	#c9def0

------------------------------------------------------------------------------------ */


/* ------------------------------------------------------------------------------------
-- Resets and base styles
------------------------------------------------------------------------------------ */
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, b, u, i, center, dl, dt, dd, ol, ul, 
li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; font-size: 1em; }

img, embed, form, fieldset { border: 0; vertical-align: bottom; }

ul, ol { list-style: none; }

table { border-collapse: collapse; border-spacing: 0; }
table th { font-weight: normal; text-align: left; }

/*html, body { height: 100%; }*/

body { font: 62.5% "Verdana", sans-serif; background:#0063ac url(../images/template/bg-blue.png) repeat-x; text-align: center; }


/* ------------------------------------------------------------------------------------
-- General typography, styles and classes
------------------------------------------------------------------------------------ */

a { color: #0063ac; text-decoration:none; }
a:hover, a:active, a:focus { text-decoration:underline; }

#secCont p, #secCont li, #secCont dt, #secCont dd, 
#secCont td, #secCont th { font: 1.4em "Georgia","Times New Roman", sans-serif; line-height:1.5; color:#333; }

#secCont p { margin-bottom:.5em; }
p.moreLink { background:url(../images/template/yellow-dot.png) no-repeat left 50%; padding: 0 0 0 1.6em; }

#secCont h2 { font: 1.5em "Georgia", "Times New Roman", sans-serif; line-height:1.5; color:#333; }
#secCont h3 { font: 2.4em "Georgia", "Times New Roman", sans-serif; font-style: italic; line-height:1.5; color:#0063ac; }
#secCont h4 { font: 2em "Georgia", "Times New Roman", sans-serif; line-height:1.5; color:#0063ac; }

/* skip nav */
.skipNav { position: absolute; left: -999em; }
.skipNav:hover, .skipNav:focus, .skipNav:active { left:25em; top:1em; padding:.5em; font-size:1.2em; }

/* expanding list (used for sitemap and categorised lists of contacts) 
#secCont .expandList li { position:relative; background-image: url(../images/bullet-blue.png); padding: .5em 0; }
#secCont .expandList li.off { background-image: url(../images/bullet-green-arrow.png); }
#secCont .expandList li.on { background-image: url(../images/bullet-green-arrow-down.png); }
#secCont .expandList li small { font-size:.9em; }
#secCont .expandList li span { position:absolute; left:0; top:0; width:1.8em;}
#secCont .expandList li ul { margin:0; }
#secCont .expandList ul li ul li a { font-size:.7em; }
#secCont .expandList ul li.on ul li { padding: 0 0 0 10px; }
*/
.hide {
left:-999em;
position:absolute;
top:-999em;
}

#secCont li {
background:transparent url(../images/bullet-blue.png) no-repeat scroll 0.7em 0.5em;
padding:0; }

/* ------------------------------------------------------------------------------------
-- Wrapper
------------------------------------------------------------------------------------ */

#wrapper {width:79%; min-width:733px; margin:0 auto; }
#wrapper { background: url(../images/template/wrapper-left.png) repeat-y left top; padding-left:43px; }
#innerWrapper { background: url(../images/template/wrapper-right.png) repeat-y right top; padding-right:43px; }
#container { text-align: left; background:#fff; }

/* ------------------------------------------------------------------------------------
-- Header
------------------------------------------------------------------------------------ */
#header { margin:0 2em 0 2em; padding:3em 0 1em 0; border-bottom:6px solid #93bee1; font-size:1.2em; }
#header img { float:left; }
#header div { float:right; }


/* ------------------------------------------------------------------------------------
-- Breadcrumb
------------------------------------------------------------------------------------ */

#breadcrumb { position: relative; margin: 0 2.4em 0 2.4em; padding:.5em 4px; border-top:4px solid #fff; background-color:#deebf6; height:12px;}
#breadcrumb dt { position:absolute; left:-999em; }
#breadcrumb dd { display:inline; padding-left:3px; font-size:1.1em; font-weight:bold; color:#505d68; }
#breadcrumb dd a { text-decoration:none; color:#2c7ebc; }
#breadcrumb dd a:hover, #breadcrumb dd a:active, #breadcrumb dd a:focus { text-decoration:underline; }


/* ------------------------------------------------------------------------------------
-- Tools / Options
------------------------------------------------------------------------------------ */

#siteOptions { padding: 0 0 .2em 0; text-align:right; }
#loginOptions { text-align:left; padding: 0 0 .2em 1em; }

#tools fieldset {padding: 1em 1em 0 1em; }
#tools { background:#deebf6; }
#tools li, #siteOptions li { border-right: 1px solid; display:inline; color:#0063ac; padding:0 .4em 0 .4em; font-size: 1em; line-height:1.5; }
#tools li a, #siteOptions li a { color:#0063ac; text-decoration: none; }
#tools li a:hover, #tools li a:active, #tools li a:focus, #siteOptions li a:hover, #siteOptions li a:active, #siteOptions li a:focus { text-decoration:underline; }
#tools li.last, #siteOptions li.last { border-right: none; }

/* ------------------------------------------------------------------------------------
-- Body area
------------------------------------------------------------------------------------ */
#body { position:relative; margin:1em 2.4em 0em 2.4em; }

/* ------------------------------------------------------------------------------------
-- Content area and layout
------------------------------------------------------------------------------------ */
#priCont { position:relative; float:left; display:inline; width:27.8%; }
#secCont { position:relative; float:right; display:inline; width:67%; margin: 1em 0 0 0 ; padding: 0 0 1em 0; }

/* ------------------------------------------------------------------------------------
-- Navigation
------------------------------------------------------------------------------------ */
#nav { width:100%; }
#nav ul { background:#fff; margin-bottom:.5em; border-top:3px solid #0063ac; border-bottom:3px solid #0063ac; }
#nav ul li { position:relative; padding:0; /**/border-bottom:1px solid #aed2dc; }
#nav li a { display:block; padding:.5em 4px .5em 2px; font-size:1.2em; text-decoration:none; color:#0063ac;}
#nav li.on a, #nav li.current_page_item a, #nav li.current_page_ancestor a { font-weight:bold; color:#000; }
#nav li a:hover, #nav li a:active, #nav li a:focus { color:#333; background:#deebf6; }
#nav li.last { border-bottom: none; }

#nav ul ul { background:#fff; margin-bottom:0; border-top:none; border-bottom:none; }
#nav ul li ul li { border-bottom:none; }

#nav li.on li a, #nav li.current_page_item li a, #nav li.current_page_ancestor li a { font-weight:normal; padding:.5em 4px .5em 1.5em; color:#0063ac; background:#deebf6; border-top:1px solid #aed2dc; }
#nav li.on li.on a,
#nav li.current_page_ancestor li.current_page_item a { font-weight:bold; background:#deebf6; color:#000;}
#nav li.current_page_item li { position:relative; padding:0; margin-bottom:0; border:none; }
#nav li.current_page_item li a:hover, #nav li.current_page_item li a:active, #nav li.current_page_item li a:focus { color:#333; background:#fff; }

#nav li.current_page_item li a:hover, #nav li.on li a:active, #nav li.on li a:focus,
#nav li.current_page_ancestor li a:hover, #nav li.current_page_item li a:active, #nav li.current_page_item li a:focus { color:#333; background:#fff; }

/* ------------------------------------------------------------------------------------
-- Pagination
------------------------------------------------------------------------------------ */

.wp-pagenavi a, .wp-pagenavi a:link {
	padding: 2px 6px 2px 6px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #deebf6;
	color: #0066cc;
	background-color: #FFFFFF;	
}
.wp-pagenavi a:visited {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #0066cc;
	color: #0066cc;
	background-color: #FFFFFF;	
}
.wp-pagenavi a:hover {	
	border: 1px solid #000000;
	color: #000000;
	background-color: #FFFFFF;
}
.wp-pagenavi a:active {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #0066cc;
	color: #0066cc;
	background-color: #FFFFFF;	
}
.wp-pagenavi span.pages {
	padding: 2px 4px 2px 4px; 
	margin: 2px 2px 2px 2px;
	/*color: #000000;*/
	border: 1px solid #000000;
	background-color: #FFFFFF;
}
.wp-pagenavi span.current {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	font-weight: bold;
	border: 1px solid #0066cc;
	/**/color: #0066cc;
	background-color: #FFFFFF;
}
.wp-pagenavi span.extend {
	padding: 2px 4px 2px 4px; 
	margin: 2px;	
	border: 1px solid #000000;
	/*color: #000000;*/
	background-color: #FFFFFF;
}

/* ------------------------------------------------------------------------------------
-- Forms (general)
------------------------------------------------------------------------------------ */
input.text { margin-bottom:.5em; }
#quickLinks fieldset { background: #93bee1; margin: 1.2em 0 1em 0; padding: .5em; display:inline; width: 96%; }
#quickLinks fieldset #selectLinks { width:75%; }
#quickLinks button {margin: 0 0 0 .5em; padding: 0 0.5em; overflow: visible;}

/* ------------------------------------------------------------------------------------
-- Footer
------------------------------------------------------------------------------------ */

#footer { clear:both; padding:10px; margin: .5em 2.4em 0 2.4em; text-align:center; border-top:5px solid #93bee1; background:#fff; }
#footer ul { margin-bottom:.5em; }
#footer li { font-size:1.1em; line-height:1.4em; display:inline; color:#333; border-right:1px solid #0063ac; }
#footer li.last { border-right:none; }
#footer a { display:inline; padding:0 .4em; color:#0063ac; text-decoration:none; }
#footer a:hover, #footer a:active, #footer a:focus { text-decoration:underline; }

/* ------------------------------------------------------------------------------------
-- Home page
------------------------------------------------------------------------------------ */
#hpSpotlight  { margin: 0 0 1.5em 0; padding:0 0 1.5em 0; border-bottom: 3px solid #93bee1; }

#hpSpotlightCopy h2, #news h2, #BJAJournalSpotlight h2, #CEACCPResearch h2 { font: 2.4em "Georgia", "Times New Roman", sans-serif; line-height:1.5; color:#333;}

#hpSpotlightCopy img { display:none; }

#hpSpotlight img { float:left; margin-bottom: 1em; }
#hpSpotlightCopy { float:right; width:45%; background: #fff; padding-left:1em; }
#hpSpotlightCopy h2 { font: 2.4em "Georgia", "Times New Roman", sans-serif; line-height:1.5; color:#333;}

#news { float:left; width: 50%; }
#news ul {  padding-bottom:1em; border-bottom:3px solid #f3a22c; border-top:3px solid #f3a22c; list-style:none !important; }
#news li {  padding: 1em 0 }
#news li span {  color: #0063ac; font-weight: bold; }
#news li.last {  border-top: 1px solid #aed2dc; }

#CEACCPResearch { float:right; padding: 0 0 1.5em 0; width:45%; }
#CEACCPResearch h2 { color: #0063ac; }

#BJAJournalSpotlight { font: 1.4em "Georgia","Times New Roman", sans-serif; line-height:1.5; color:#333;}
/*#BJAJournalSpotlight h2 { font: 1.8em "Georgia", "Times New Roman", sans-serif; line-height:1.5; color:#333; }*/
#BJAJournalSpotlight p { padding: .2em 1em; }
#BJAJournalSpotlight a { text-decoration:underline; }

#CEACCPJournal { background: #deebf6 url(../images/template/single-journal.png) no-repeat 10px 10px; 
border-top:1px solid #fff; border-bottom:1px solid #fff; min-height: 150px; }

#CEACCPJournal p { padding: 8px 0 0 100px; }
/*
#CEACCPJournalCopy { float:right; width:60%; }
#CEACCPJournalCopy { padding:0; }
*/
#BJAJournal { background:#c9def0 url(../images/template/monthly-journal.png) no-repeat left top; padding-top:11.5em;}

#BJAJournal ul { padding:.5em }
#BJAJournal li { font-size:1.2em }
#BJAJournal li a { padding:0 0 0 28px; background: url(../images/template/yellow-dot.png) no-repeat 5px center; text-decoration: none; }
#BJAJournal li a:hover { padding:0 0 0 28px; background: url(../images/template/yellow-dot.png) no-repeat 5px center; text-decoration: none; }
#BJAJournal li a:hover, #BJAJournal li a:active, #BJAJournal li a:focus { text-decoration:underline; }

#journalLogos { padding:.5em 4em; background:#c9def0 url(../images/template/logos-journal.png) no-repeat 50% center; height: 5.5em; }


/* ------------------------------------------------------------------------------------
-- General internal pages
------------------------------------------------------------------------------------ */
/* page title and tools */

#sectionTitle { clear:both; margin-bottom:1em; border-bottom:3px solid #93bee1; }
#sectionTitle h1 { float:left; margin-bottom:0; border-bottom:none; font: 2.4em "Times New Roman", sans-serif; line-height:1.5; color:#333; }

#pageTools { float:right; }
#pageTools ul { margin:1.2em 0 0 0; list-style:none !important; }
#secCont #pageTools li { float:right; font-size:1.1em; padding:.2em 1em 0 0; }
#secCont #pageTools li#pageToolsEmail { padding-left:2.2em; background: url(../images/template/email-friend.png) no-repeat left center;  }
#secCont #pageTools li#pageToolsPrint { padding-left:2em; background: url(../images/template/print-page.png) no-repeat left center; }
#secCont #pageTools li a { font-family:"Verdana",sans-serif;text-decoration:none; font-weight:normal; }
#secCont #pageTools li a:hover, #secCont #pageTools li a:active, #secCont #pageTools li a:focus { text-decoration:underline; }


#secCont ul, ol { list-style: disc inside; }

ul#boardMembers { list-style:none !important; }

ul#boardMembers li { padding-bottom: 20px; }

ul#boardMembers li div { overflow: hidden;}

ul#boardMembers li div p img { float:left; margin: 0 10px 0 0; overflow:hidden; }

ul#boardMembers li div p { font-size:1.1em; /*padding-left: 10em;*/  }

#boardMember img { float:left; padding: 0 1.5em 2em 0; }

.reviewerResources { margin: 0 0 4em 0; }
.reviewerResources p { margin-left: 6em; }
.reviewerResources img { float:left; padding: 0 3em 0 0; margin: -2.5em 0 0 0; }
.reviewerResources p.download a { background: url(../images/template/yellow-arrow.png) no-repeat 100% 0%; font-size:1.4em; padding: 0 2em 0 0;}
.reviewerResources p.title strong { color:#0063AC; margin-left: 4.3em; }

.ddsg-wrapper ul { list-style:none !important; }

/* ------------------------------------------------------------------------------------
-- Forms
------------------------------------------------------------------------------------ */
/* forms - normal 
button { padding:0em .2em .1em .2em; cursor: pointer; text-transform:uppercase; font-size:1em; font-weight:bold; color:#fff; border:1px solid #fff; background:#2d2974; }*/

/* forms - wordpress cforms */
#secCont .cform { margin-bottom:1em; padding:0.5em; /*border:1px solid #666666;*/ background:#FFF; }
/*#secCont .cform legend { margin:0 0 .5em; font-size:1.4em; font-weight:bold; line-height:1.5; color:#812B85; }*/

#secCont .cform li { clear:left; margin:0 0 0 0; padding:0; background:transparent; }

#secCont .cform li label { float:left; width:22%; margin:.6em 2% 0 .6em; /*text-align:right;*/ font-weight: bold; }
#secCont .cform li input, #content .cform li select, #content .cform li textarea { margin:.4em 0 .8em 0; vertical-align:top; }
#secCont .cform li input.single { width:30%; }
#secCont .cform li select { width:30%; }
#secCont .cform li textarea { width:53%; }

#secCont .cform li .radio p { float:left; width:22%; margin:.6em 2% 0 .6em; /*text-align:right;*/  }
#secCont .cform li .radio label { float:none; margin:0; width:auto; text-align:left; }
#secCont .cform li .radio ul { width:53%; float:left; }
#secCont .cform li .radio li { margin-bottom:.5em; }
#secCont .cform li .radio input { margin:0 .5em 0 0; vertical-align:middle; }

#secCont .cform .reqtxt, #secCont .cform .emailreqtxt { padding-left:1%; line-height:2.5;}


#secCont .cform .cf-sb { clear:both; float:left; display:inline; margin-left:25%; /*border:1px solid #E3E3E3;*/ }
/*
#secCont .cform .cf-sb input { padding:0em .2em .1em .2em; cursor:pointer; text-transform:uppercase; font-size:1em; font-weight:bold; color:#fff; border:1px solid #fff; background:#2d2974; }
*/

/* errors 
#secCont .cf_info,*/ #secCont .failure,  #secCont .success, #content .cform li.cf_li_err { font-weight:bold; background-color:#FDEDD5; border:1px solid #F3A22C; padding:0; margin-bottom:1em; font: 1.4em "Georgia","Times New Roman", sans-serif; }
#secCont .cf_info { padding:10px; }
#secCont .cf_info p, #content .cform li input, #content .cform li select, #content .cform li textarea { margin:.5em 0;}

#secCont .cform li.cf-box-group {padding-left:150px;}
#secCont .cform li label.cf-after { float:none; width:22%; margin:.6em 2% 0 .6em; /*text-align:right;*/ font-weight: normal;  }
#secCont .cform li.cf-box-title { font-weight: bold; margin:0.6em 2% 0 0.6em; }

/* Membership Application */
#secCont .gform_fields li { clear:left; margin:0 0 0 0; padding:0; background:transparent; }
#secCont .gform_fields li label { float:left; width:22%; margin:0 2% 0 0; }
#secCont .gform_fields li input { margin:.4em 0 .8em 0; vertical-align:top; width: 30%; }
#secCont .gform_fields h2.gsection_title { margin: 10px 0 10px 0; }
#secCont .gform_fields li#field_1_2, #secCont .gform_fields li#field_2_1, #secCont .gform_fields li#field_1_2 input_1_15, #secCont .gform_fields li#field_3_1 { margin: 0 0 15px 0; }
#secCont .gform_fields li#field_1_15 { margin: 0 0 55px 0; }
#secCont .gform_fields .gfield_description { /**/text-indent: 55%; margin: 0 0 1em 0; }

#secCont .gform_footer input { margin: 1em 0 0 24%; }

#secCont #gforms_confirmation_message { font-weight:bold; background-color:#FDEDD5; border:1px solid #F3A22C; padding:2em; margin-bottom:1em; font: 1.4em "Georgia","Times New Roman", sans-serif; }

/*
#secCont .gform_body ul li { clear:left; margin:0 0 0 0; padding:0; background:transparent; }
#secCont .gform_body ul li { float:left; width:22%; margin:0 2% 0 0; }
#secCont .gform_body ul li input { margin:.4em 0 .8em 0; vertical-align:top; width: 30%; }
*/

/* ------------------------------------------------------------------------------------
-- Email a friend
------------------------------------------------------------------------------------ */
#body #emailToFriend { clear:both; }
.js #body #emailToFriend { position:absolute; top:0; right:0; left:-999em; /**/margin-top: 50px; z-index:100; width:550px; border:1px solid #93bee1; background: #fff; }
.js #body #emailToFriend legend { padding-left:10px; }
.js #body #emailToFriend label { width:30%; }
.js #body #emailToFriend .cf-sb { margin-left:33%; }
.js #body #emailToFriend .cancel { position:absolute; right:10px; top:10px; }

/* ------------------------------------------------------------------------------------
-- Forums
------------------------------------------------------------------------------------ */
body#topic-page h3, body#forum-page h3, body#profile-page h3, body#front-page h3, body#profile-page h4, body#login-page h3 {/*color: red;*/ font-size: 1.4em; font-style:normal; }

/*body#topic-page .bb_attachments ol li span a {color: red; font-size: 1.em;}*/

body#topic-page .bb_attachments {color: blue; font-size: 1em; font-style: normal; }

/*body#topic-page .threadauthor p strong a, body#topic-page .threadauthor p small a { color: green; font-weight: normal; font-size: .9em; }*/

body#topic-page .post { font-size: .8em; padding: 0.8em; }

body#topic-page .threadauthor { font-size: .8em; }

body#topic-page .attachmentsHeading { font-weight: bold; color:#0063AC; }

body#profile-page legend { color:#0063AC; font:1.4em "Georgia"; }

table#userinfo, table#passwordchange, table#forumlogin { width:50%; }

table#forumlogin { margin-bottom: 4em; }

table#userinfo td, table#passwordchange td, table#forumlogin td { padding: 0.4em; }

/* ------------------------------------------------------------------------------------
-- Forums
------------------------------------------------------------------------------------ */
.ddsg-wrapper ul ul { margin: 0 0 0 20px; }
.ddsg-wrapper li li a { font-size:65%; }

/* Clear fixes
--------------------------------------------------------------------------
*/
.clear:after,  #header:after,  #body:after,  #pageTools ul:after,  #content:after,  #nav:after, #sectionTitle:after,   .block:after
{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.clear,        #header,        #body,        #pageTools ul,        #secCont,        #nav,       #sectionTitle,         .block
{ display: inline-block; }

/* Hides from IE-mac \*/
* html .clear, * html #header, * html #body, * html #pageTools ul, * html #content, * html #contentTop, * html #sectionTitle, * html .block
{ height: 1%; }

.clear,        #header,        #body,        #pageTools ul,        #secCont,        #contentTop,        #sectionTitle,        .block
{ display: block; }
/* End hide from IE-mac */

hr {
border:0;
color: #CCC;
background-color: #CCC;
height: 3px;
}