@import url("reset-min.css"); /* ------- Reset all CSS Styles */
/* -------   GENERAL STYLES   ------------------------------------------------------------------------------------------- 
 Copyright - 2010 John Wiley and Sons Ltd
 04/04/2011 JJL,NCS STORY 254 Commented 	"padding-bottom" in "table" styling.
*/
body {
	margin:0px 0; 
	padding:0; 
	font: 72% Arial, Verdana, Helvetica, sans-serif;
	color:#ccc;  
	background: #002e47 url(./images/bg.jpg) repeat-x;
	line-height: 1.8em; 
	overflow: -moz-scrollbars-vertical;
}
.content {
	position:relative;
	background: #FFF url(./images/bgmain.jpg) repeat-y center;
	color: #ccc; 
	margin: 0 auto; 
	padding: 0; 
	width: 795px;

}
ul {
	margin: 0 0 0px 0;
	padding: 0;
	list-style: none;
}
li {margin: 10 0 2px 0; padding: 0 0 0 0px;	color: #555;}

p {	margin-left: 10px;
	margin-right: 10px;
	font: Arial, Verdana, Helvetica, sans-serif;
	margin-top: 3px;
	color: #2f2f2f;
}
h1 {
	padding:0px;
	margin-left: 15px;
	color: #FFF;
	background: inherit;
	letter-spacing: -1px;
	font-family: Arial, Verdana, Arial, Helvetica, sans-serif;
	font-size: 2.6em;
	font-weight: bold;
}

h2 {
	color:#549b73;
	font-size: 1.5em;	
	font-weight:bold; 
	padding-bottom:2px;
	margin-left: 10px;
	border-bottom: 1px solid #7ABF90;
	border-right: 4px solid #7ABF90;	 
}

h2 a {background: #FFF; color: #000;}
h2 a:hover {background: #FFF; color: #268c71;}

h3 {
	font: Arial, Verdana, Arial, Helvetica, sans-serif;
	color:#135474;
	border-bottom: 1px dashed #aecfbc;
	font-size: 1.3em;
	font-weight:bold;
	margin-left: 10px;
}
h4 {
font: Arial, Verdana, Arial, Helvetica, sans-serif;
	color:#135474;
	font-size: 1.2em;
    font-weight:bold; 
	margin-left: 10px;
	padding-bottom: 0px;
}
.features img {
	display: inline;
	float: left;
	padding: 2px;
	border: 1px solid #999;
	margin: 15px 10px 5px 10px;
	clear: left;
}
.error {  font-weight: bold; color: #d30d0d; font-family: Arial, Helvetica, sans-serif}

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

/* Link styles ----------------------------------------------------------------------------*/
h2 a{text-decoration: none;}
h2 a:hover{text-decoration: underline;}
a{
	color: #4c825d;
	font-weight: bold;
	text-decoration: none;
}
a:visited{
	color: #2f866a;
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
}
/* --- --- --- --- --- --- */

/* HEADER ------------------------------------------------------------------------------------------*/
#header {
	margin-top: 0px;
	width: 795px; 
	background: url(./images/header.jpg) no-repeat center top;  
	height: 158px; 
	color: #FFFFF; 
}

#header .f_search {float: right; padding: 70px 50px 0 0;}
#header .title {
	padding: 50px 0 0 158px;
}
#header h1 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 23px;
	font-weight: bold;
	padding: 0;
	line-height: 40px;
	margin-left: 30px;
}

#header h2 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 13px;
	background-image: none;
	color: #003300;
	margin-left: 10px;
	padding: 0 0 0 2px;
}


/* SUBHEADER -------------------------------------------------------------------------------------------------*/
#subheader {
	background: url(./images/bgmenu.jpg) repeat-y center;
	width: 795px;
	height: 10 px;
	color: #FFF;
}
#subheader .padding {
	padding: 3px 0px 3px 0px;
	font-size: 10px;
	margin-left: 20px;
}
#subheader h2 {
	color: #dbf2db;
	font-size: 10px;
}
#subheader a {color: #dbf2db;}



/* NAVIGATION ---------------------------------------------------------------------------------------------------------------*/
.nav {text-align: left; color: #3e654a; padding: 5px 0 0 0px; width: 165px;}
.nav li a {color: #549b73; text-decoration: none;  padding: 5px 0 0 10px; display: block; height: 22px;}
.nav li a:hover {color: #0e6a70; text-decoration: none; background: url(/site09/images/menugreen.gif) no-repeat right;  display: block; height: 22px;}
.nav li a.selected {color: #FFF; background-image:url(/site09/images/menublue.gif); height: 22px;}

.subnav {text-align: left; color: #2b6162; padding: 5px 0 0px 0px; margin-left: 7px;  width: 150px;}
.subnav li a {color: #549b73; text-decoration: none; padding: 5px 0 0 10px; margin-left: 7px; display: block; height: 22px;}
.subnav li a:hover {color: #357475; text-decoration: underline; background: url(./images/menu_arrow.gif); height: 22px;}
.subnav li a.selected {color: #357475; margin-left: 7px; background: url(./images/menu_arrow_sel.gif); height: 22px;text-decoration: underline;
}
.subnav li a.last{height: 22px;}

.membernav {text-align: left; color: #336962; padding: 5px 0 0 0px; width: 165px;}
.membernav li a {color: #336962; text-decoration: none;  padding: 5px 0 0 10px; background: url(./images/menugreen_on.gif) no-repeat right; display: block; height: 22px;}
.membernav li a:hover {color: #0e6a70; text-decoration: none; background: url(./images/menugreen.gif) no-repeat right;  display: block; height: 22px;}
.membernav li a.selected {color:#FFF; background-image:url(./images/menublue.gif); height: 22px;}
.membernav li a.active{color: #FFF; background-image:url(./images/menublue.gif); height: 22px;}

/* MAIN ---------------------------------------------------------------------------------------------------------------*/
#main {background: #FFF; width: 770px; margin: 5px 10px 0 10px; color: #808080;}  
#main .left_side {
	padding:10px 0 0 10px; margin:0;
	width: 165px; 
	min-height: 505px;  
}
#main .right_side {float: right; width: 560px; background: #FFF; padding:15px 15px 0 0; margin:0;}
#main .p{
	margin-bottom: 0;
	margin-left: 15px;
	margin-right: 10px;
	margin-top: 8px;
}

#main .box  {background: #efefef; padding: 5px; border: 1px solid #ccc;}

#main .right_side ul {
	margin-left: 10px;
	padding: 0;
	background-repeat: no-repeat;
	padding: 5px 0 0 0px;
	display: list-item;
}
	
#main .right_side li {
  background-image: url(./images/arrow.gif);
  background-position: left;
  background-repeat: no-repeat;
  padding-left: 15px;
  margin-bottom: 3px;
}

.quicklinks {
	width:175px;
	height:120px;
	display: block;
	float:left;
	margin-left:10px;
	font-size:11px;
	overflow:visible;
}
.quicklinks img {
	float: left;
	padding: 0px;
	margin: 0px;
	border: solid 1px #999;
	display:block;
	text-align: center;
	visibility: inherit;
}
.quicklinks p {
	padding: 0px 15px 20px 15px;
}
.quicklinks h2 {
	margin: 0px;
}
.quicklinks h4 {
	padding: 15px 0px 0px 15px;
	font-size: 125%;
}

/* BOTTOM-----------------------------------------------------------------------------------------------------------------------*/

#BottomSection {
	width:550px;
	height:185px;
	display: block;
	clear:both;
	float:left;
	margin-left:10px;
	padding: 0px;
	padding-bottom:10px;
	font-size:11px;
	line-height:17px;
}

#BottomSection_Events {
	background:url(./images/events_bg.gif) no-repeat;
	display:block;
	height:185px;
	width:175px;
	float:left;
	padding-top:60px;
	margin-right:10px;
}
#BottomSection_Conference {
	background-image:url(./images/latestinfo_bg.gif);
	background-repeat:no-repeat;
	display:block;
	width:175px;
	height:185px;
	float:left;
	padding-top:60px;
	margin-right:10px;
}

#BottomSection_Grants {
	background-image:url(./images/grants_bg.gif);
	background-repeat:no-repeat;
	display:block;
	width:175px;
	height:185px;
	float:left;
	padding-top:60px;
}
/* CONTACTS-----------------------------------------------------------------------------------------------------------------------*/

#contact {
	width: 165px; 
	height: 135px;
	background-image:url(./images/contact_bg.jpg);
	background-repeat:no-repeat;
	display:block;
	font-size:11px;
	line-height:17px;
	color: #808080;
	padding-top:50px;
	margin-right:5px;
	text-align:left;
}
#contact .left {
	float:left;
	clear:left;
	text-align:left;
}

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


.pagination{
padding: 2px;
}

.pagination ul{
margin: 0;
padding: 0;
text-align: left; /*Set to "right" to right align pagination interface*/
font-size: 16px;
}

.pagination li{
list-style-type: none;
display: inline;
padding-bottom: 1px;
}

.pagination a, .pagination a:visited{
padding: 0 5px;
border: 1px solid #9aafe5;
text-decoration: none; 
color: #2e6ab1;
}

.pagination a:hover, .pagination a:active{
border: 1px solid #2b66a5;
color: #000;
background-color: #FFFF80;
}

.pagination a.currentpage{
background-color: #2e6ab1;
color: #FFF !important;
border-color: #2b66a5;
font-weight: bold;
cursor: default;
}

.pagination a.disablelink, .pagination a.disablelink:hover{
background-color: white;
cursor: default;
color: #929292;
border-color: #929292;
font-weight: normal !important;
}

.pagination a.prevnext{
font-weight: bold;
}


/* Copyright-----------------------------------------------------------------------------------------------------------------------*/

#copyright {
	width: 160px;
	height: 30px;
	display:block;
}
#copyright .left {
	float:left;
	clear:left;
	text-align:left;
}

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




/* FOOTER -----------------------------------------------------------------------------------------------------*/
#footer {
	clear:both;
	height: 34px;
	color:#555;
	background: #fff url(./images/footer.jpg) top no-repeat;
	font-size:85%;
	text-align:center; 
	padding-top: 3px;
}

#footer a{
	color: #0E5E88;
	font-weight: bold;
	text-decoration: none;
}

a:hover {color: #002C43;}

/* FORM --------------------------------------------------------------------------------------------------------------*/

form {padding:10px;}
form fieldset legend {color:#549b73; font-weight:bold; padding-bottom:10px;}
form fieldset label span {float:left; width:150px; padding-left:10px;}
form fieldset fieldset {border:none; margin:10px 0px 0px 0px; padding:0px; }
form br {clear:both;}
form .button {font-size:90%; margin-top:5px; margin-left:152px; border:1px solid #fff; background-color:#608353; color:#fff; font-weight:bold;}
form .new {
	font-size:11px;
	color:#003300;
	font-weight:bold;
}
form .membbutton {
	font-size:11px;
	margin-top:5px;
	margin-left:152px;
	border:1px solid #fff;
	background-color:#B0C8A8;
	color:#003300;
	font-weight:bold;
	align:right;
}

.cssform p{
width: 300px;
clear: left;
font: Arial, Verdana, Helvetica, sans-serif;
margin-left: 10px;
color:#666666;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
border-top: 1px dashed #aecfbc;
height: 2%;
}

.cssform label{
font-weight: bold;
float: left;
padding-bottom:20px;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

/*
.cssform textarea{
width: 250px;
height: 150px;
}
*/
* html .threepxfix{
margin-left: 3px;
}


/* -------   Table   ------------------------------------------------------------------------------------------- */

table {
	border:none;
	width:500px;
	margin:0px;
	margin-left:10px;
	padding:0px;
/*	padding-bottom:20px; */
	}

table caption {
	font-size:110%;
	font-weight:bold;
	text-align: left;
	text-indent:20px;
	margin:0px;
	padding:3px;
	background: url(/site09/images/bg_caption.gif) left top;
	color: #FFF;
	margin: 0 auto;
	border:none}

table th {border:1px solid #ccc; margin:0px; padding:2px 4px; margin:0px; text-align:left;}
table th.date {width:130px;}
table th.venue {width:130px; border-right:1px solid #ccc;}
table th.title {width:130px; border-right:1px solid #ccc;}
table th.name {width:130px; border-right:1px solid #ccc;}
table th.email {width:120px;}
table th.currenttitle {width:90px; border-right:1px solid #ccc;}
table th.institute {width:110px; border-right:1px solid #ccc;}
table td {border:1px solid #ccc; border-top:none; padding:2px 6px; margin:0px;}

table td.borderless {
	border:0px;
	border-top:none; padding:2px 6px; 	margin:0px;
	vertical-align: middle;
}

/* -------   Members login styles   ------------------------------------------------------------------------------------------- */

.newreg {float:left; width:210px; _height:214px; min-height:214px; padding:50px 10px 20px 10px; background-image:url(images/new_registration_bg.gif); background-position:top left; background-repeat:no-repeat; font-size:11px; line-height:17px;}
.newreg h3 {color:#549b73; text-indent:-9999px; border-bottom:none;}

.logincontainer {float:right; width:285px; _height:220px; min-height:275px; padding:60px 10px 20px 10px; background-image:url(images/existing_member_bg.gif); background-position:top left; background-repeat:no-repeat;}/* Used to ensure password reminder and login sections stay together*/

.login {width:265px; padding:10px;}
.login fieldset {border:none;}
.login fieldset legend {color:#549b73; text-indent:-9999px; border-bottom:none;}
.login label span {float:left; width:70px;}
.login .button {font-size:100%; margin-top:5px; margin-left:72px; border:1px solid #fff; background-color:#608353; color:#fff; font-weight:bold;}
.login br {clear:both;}


.password_rem {width:265px; position:relative; top:-5px; padding:5px;}
.password_rem p {padding-left:-90px; font-size:11px; line-height:17px;}
.password_rem fieldset {border:none;}
.password_rem fieldset legend {color:#549b73; text-indent:-9999px; border-bottom:none;}

.password_rem label span {float:left; width:70px;}
.password_rem .button {font-size:100%; margin-top:5px; margin-left:72px; border:1px solid #fff; background-color:#608353; color:#fff; font-weight:bold;}
.password_rem br {clear:both;}

/* -------   Conference search styles   ----------------------------------------------------------------------------- */

.searchcontainer {float:right; width:220px; _height:140px; min-height:275px; padding:60px 10px 80px 10px; background-image:url(images/archiveconference_bg.jpg); background-position:top left; background-repeat:no-repeat;}
.search p {font-size:11px; line-height:17px;}
.search {width:100x; padding:10px;}
.search fieldset {border:none;}
.search fieldset legend {color:#549b73; text-indent:-9999px; border-bottom:none;}
.search label span {float:left; width:70px;}
.search .button {font-size:100%; margin-top:5px; margin-left:72px; border:1px solid #fff; background-color:#608353; color:#fff; font-weight:bold; align:center;}
.search br {clear:both;}


/* -------   Admin login styles   ------------------------------------------------------------------------------------------- */

.adminlogin {float:left; width:260px; _height:260px; min-height:275px; padding:60px 10px 20px 10px; background-image:url(images/adminlogin.gif); background-position:top left; background-repeat:no-repeat; font-size:11px; line-height:17px;}
.adminreturn  
.adminlogin {width:260px; padding:10px;}
.adminlogin fieldset {border:none;}
.adminlogin fieldset legend {color:#549b73; text-indent:-9999px; border-bottom:none;}
.adminlogin label span {float:left; width:70px;}
.adminlogin .button {font-size:100%; margin-top:5px; margin-left:72px; border:1px solid #fff; background-color:#608353; color:#fff; font-weight:bold;}
.adminlogin br {clear:both;}
.adminheaderA {
	height: 30px;
	width: 200px;
	padding-left: 0px;
	margin-left: 5px;
	font: Arial, Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	color:#549b73;
	text-align:left;
	float: left;
}

.adminheaderB {
	height: 30px;
	width: 200px;
	padding-left: 0px;
	margin-left: 10px;
	font: Arial, Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	color:#549b73;
	text-align: right;
	float: right;
}


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


/* ADDED SHALEY 05/03/09  EXPAND*/
#clinical_summary {background-color: #FFF; margin: 0px 0px 10px 0px; padding:10px;}
#LH div.expand, #RH div.expand {text-align:right; color: #A2A2A2; font-weight: bold; text-decoration: none; margin: 0px 10px 5px 0px;}
#LH div.expand a, #RH div.expand a {color: #A2A2A2; font-weight: bold; font-size:10px; text-decoration: none; cursor:pointer;}
#LH p.share {display: block; font-size: 11px; margin: 0px 10px; font-weight: bold;}
#LH div.share {display:block; font-size:xx-small; margin-top: 2px; margin-left: 5px; margin-right: 5px;}
#LH div.share#connotea a {color: red;}
#LH div.share#sharethis {margin-top: -1px;}
#LH div.share#sharethis a {color: blue; text-decoration:underline;}

/* 19/03/2009 - RPO - added for validation error messeages */
.warning {color:#FF0000;}