/* Stylesheet for use with LIFE project website */

body {font-family: Verdana, Arial, sans-serif; margin:0px; text-align:center;}
	
/* SET MAIN IDs USED FOR LAYOUT */
#container {
margin:2px auto; padding:0px; text-align:left; width:770px; 
}
#page-content {
margin:0px; border-left:1px solid #8B4789; border-right:1px solid #8B4789; background-color:#fff; padding:0px; 
}
#header {
margin-bottom:0px; height:22px; background:url(http://www.ucl.ac.uk/ls/life/images/header-bg.gif) left top no-repeat #fff; color:#000;
}
#header div#date {
text-align:right; font-size:0.7em; font-weight:normal; color:#fff; padding:4px 10px;
}
#header-logo {
border-left:1px solid #8B4789; border-right:1px solid #8B4789; padding:0px 3px; text-align:right; height:180px;
}
#header-logo h2#tag-line {
font-size: 0.9em; color: #666666; margin:5px; 0px;
}
#breadcrumb {
background: #8B4789; font-size:0.7em; font-weight:bold; color:#ccc; padding:4px 5px;
}
#breadcrumb span {
font-family:Aleph Fixed Arabic, Verdana, Arial, sans-serif; font-size:0.6em;
}
#left-menu {
margin:10px 3px; padding:0px; background-color:#fff; color:#000; font-size:0.7em; font-weight:strong; width:150px; float:left;
}
#menu-title {
width:145px; font-weight:bold; color:#fff; background:url(http://www.ucl.ac.uk/ls/life/images/menu-title-bg.gif) right top no-repeat #000; margin:1px 0px; padding:4px 0px; text-indent:5px;
}
#current-page {
font-weight:bold; color:#fff; background:url(http://www.ucl.ac.uk/ls/life/images/current-bg.gif) left top no-repeat #666; width:145px; margin:1px 0px; padding:4px 0px; text-indent:12px;
}
#current-page-indent {
font-weight:bold; color:#fff; background:url(http://www.ucl.ac.uk/ls/life/images/current-bg.gif) left top no-repeat #666; width:145px; margin:1px 0px; padding:4px 0px; text-indent:25px;
}
#right-col {
width:599px; margin:10px 4px; float:left; padding:0px; background-color:#fff; color:#000; 
}
.conf-prog-title {
padding:4px; background-color:#8B4789; color:#fff; font-size:0.7em;
}
.conf-prog-time .grey a {
background:#ececec;
}
.conf-prog-title span {
margin-left:40px;
}
#partner-div {
width:450px; margin-top:80px; text-align:center;
}
#footer {
margin-top:0px; height:22px; background:url(http://www.ucl.ac.uk/ls/life/images/footer-bg.gif) left top no-repeat #fff; color:#000;
}
div.caption-image {
text-align:center;
}
div.caption-image div.caption {
text-align:left; font-size:0.6em; color:#666;
}

/* ALIGNMENT OF COMMON IMAGES */
#logo {
float:left; margin-right:5px; height:161px; vertical-align:bottom; margin-bottom:0px; border:none;
}
#main-image {
float:right; margin-left:5px; margin-bottom:4px; height:438px; width:140px;
}
.partners {
border:0px; margin:0px; vertical-align:middle;
}
#arrow {
vertical-align:middle; /*margin-bottom:0px;*/
}
.rss {
border:0px; vertical-align:middle;
}
#bio-pic, .confBioRight {
float:right; margin-left:7px; margin-right:2px; margin-bottom:2px; border:1px solid #000;
}
.confBioRight {
 border:1px solid #8B4789;
}
div.caption-image img {
margin:5px auto;
}

/* UNORDERED, ORDERED LISTS */
#partner-list {
display:inline; list-style-type:none; padding:0px; 
}
#partner-list li {
display:inline; padding:4px; text-align:right;
}
#skipLinkList {position:absolute; left:-100px; top:-100px;}
#left-menu ul {
list-style-type:none; margin:0px; padding:0px;
}
#left-menu ul li {
margin:0px; padding:0px;
}
#team {
list-style-position:outside; margin-top:20px; margin-left:0px; border-top:1px dotted #ccc; width:320px; padding:2px; list-style-type:none; font-size:0.7em;
}
#team li {
padding:5px; height:102px; border-bottom:1px dotted #ccc;
}
#team li img {
float:left; margin-right:10px; border:1px solid #666;
}
#team li ul { 
margin-top:3px; list-style-type:none; display:block; height:30px; _margin-bottom:-40px; border:none; 
}
#team li ul li { 
padding:1px 4px; border:none; }
#team li ul li:before { 
content: "\00BB \0020"; }
ul.text, ol.text {
font-size:0.7em;
}
ul.text {
list-style-type:square;
}
ul.text li {
padding:2px;
}
ul.back-link {
list-style-position:outside; margin-left:0px; font-size:0.7em; list-style-type:none; float:left; border:none;
}
ul.back-link li {
margin:0px; padding:1px 4px; border:none; 
}
ul.back-link li:before {
content: "\00BB \0020";
}
/* HYPERLINKS */
a.breadcrumbLink:link, a.breadcrumbLink:visited {
font-weight:bold; color:#fff; background:#8B4789; text-decoration:none; 
}
a.breadcrumbLink:hover, a.breadcrumbLink:active {
font-weight:bold; color:#fff; background:#8B4789; text-decoration:underline;
}
a.leftNav:link, a.leftNav:visited, a.leftNavLife1:link, a.leftNavLife1:visited , a.leftNavLife2:link, a.leftNavLife2:visited, a.leftNavLife3:link, a.leftNavLife3:visited, a.leftNavLife1sub:link, a.leftNavLife1sub:visited, a.leftNavLife2sub:link, a.leftNavLife2sub:visited, a.leftNavLife3sub:link, a.leftNavLife3sub:visited {
display:block; width:145px; padding:4px 0px; margin:1px 0px; font-weight:bold; color:#fff; text-decoration:none;
}
a.leftNav:hover, a.leftNav:active, a.leftNavLife1:hover, a.leftNavLife1:active, a.leftNavLife2:hover, a.leftNavLife2:active, a.leftNavLife3:hover, a.leftNavLife3:active, a.leftNavLife1sub:hover, a.leftNavLife1sub:active, a.leftNavLife2sub:hover, a.leftNavLife2sub:active, a.leftNavLife3sub:hover, a.leftNavLife3sub:active {
display:block; width:145px; padding:4px 0px; margin:1px 0px; font-weight:bold; color:#fff; background: url(http://www.ucl.ac.uk/ls/life/images/link-bg.gif) no-repeat #7A95FF left top; text-decoration:none; 
}
a.leftNav:link, a.leftNav:visited {
text-indent:12px; background-color:#8B4789;
}
a.leftNavLife1:link, a.leftNavLife1:visited {
text-indent:12px; background-color:#C289C0;
}
a.leftNavLife1sub:link, a.leftNavLife1sub:visited {
text-indent:25px; background-color:#C289C0;
}
a.leftNavLife2:link, a.leftNavLife2:visited {
text-indent:12px; background-color:#AE61AB;
}
a.leftNavLife2sub:link, a.leftNavLife2sub:visited {
text-indent:25px; background-color:#AE61AB;
}
a.leftNavLife3:link, a.leftNavLife3:visited {
text-indent:12px; background-color:#C289C0; /*#6b478a;*/
}
a.leftNavLife3sub:link, a.leftNavLife3sub:visited {
text-indent:25px; background-color:#C289C0; /*#6b478a;*/
}
a.leftNav:hover, a.leftNav:active, a.leftNavLife1:hover, a.leftNavLife1:active, a.leftNavLife2:hover, a.leftNavLife2:active {
text-indent:12px; 
}
a.leftNavLife1sub:hover, a.leftNavLife1sub:active, a.leftNavLife2sub:hover, a.leftNavLife2sub:active {
text-indent:25px; 
}
a.skipLink:link, a.skipLink:visited, a.skipLink:hover, a.skipLink:active {
color:#fff;
}
a:link, a:visited {
color:#4775FF; text-decoration:underline; background-color:#fff; 
}
a:hover, a:active {
color:#8B4789; text-decoration:underline; background-color:#fff;
}
a.top-link:link, a.top-link:visited {
font-size:0.7em; color:#7A95FF; background-color:#fff; text-decoration:none;
}
a.top-link:hover, a.top-link:active {
font-size:0.7em; color:#8B4789; background-color:#fff; text-decoration:underline;
}

/* CONFERENCE FORM */
.conf, .conffeed {margin-top:25px; background:#fff;}
.conf label, .conffeed label {display:block; font-weight:bold; float:left; padding:0; margin:12px 0 0 0; text-align: right;}
.conf input, .conf textarea, .conffeed input, .conffeed textarea {margin:10px 0 0 10px;}
.conf fieldset, .conffeed fieldset {padding:4px 4px 10 4px; border:1px dotted #666;}
.conf fieldset legend, .conffeed fieldset legend {background:#fff; padding:2px 4px; font-size:0.8em; color:#8B4789; font-weight:bold;}
.conf .radio, .conf .radio-label, .conffeed .radio, .conffeed .radio-label {border:none; display:inline; margin:0 5px 0 0;}
.conf .radio, .conffeed .radio {width:auto;}
.conf .radio-label
.conf .radio-indent {margin-left:50px;}
.conffeed small {display: block; margin: 0 0 0px 175px; padding: 1px 3px; font-size: 55%;}
.conf br, .conffeed br {clear:left;}
.conffeed input, .conffeed textarea {width:220px;}
.conf input, .conf textarea {width:200px;}
.conf label {width:185px;}
.conffeed label {width:165px;}
.conffeed span {font-weight:bold;font-size:0.7em; background:#ebebeb; padding:3px 0px; line-height:130%;} 
.conffeed span.normal {font-weight:normal;}
.conffeed .radio-indent {margin-left:0px; padding:5px; font-size:100%;}
.conffeed .radio-label {font-weight:normal; display:inline; float:none; width:auto;}
.conffeed .radio-indent span.rate {width:158px;}
.conffeed .radio {margin:3px 16px 0px 0px; vertical-align:middle;}
.conffeed fieldset legend {margin-bottom:0px;}
.conffeed fieldset div {font-size:0.7em;}
.conffeed fieldset div span.optional {color:#ff0000; font-size:100%; font-weight:strong; background:#fff;}
.conffeed label span.alert, .conffeed span.normal span.alert {font-size:100%; background:transparent; color:#ff0000;}

/* FEEDBACK FORM */
.feedback input, .feedback textarea {display:block; margin-bottom:15px;}

/* FEEDBACK FORM ERROR MESSAGE */
div.error {font-size:0.7em; border:1px solid #666; background:#ebebeb; padding:3px;}
div.error div.errorIntro {font-weight:bold;}
div.error div.errorIntro span {color:#ff0000;}
div.error a {background:transparent}

/* COMMON TAGS + CLASSES */
h1 {font-size:1.1em;}
h2 {font-size: 0.9em;}
h3 {font-size:0.8em; color:#8B4789;}
p, blockquote {font-size:0.7em;}
label {font-size:0.7em; font-weight:bold;}
input, textarea {padding:1px 2px; font-family: Verdana, Arial, sans-serif; font-size:0.75em; border:1px solid #8B4789;}
input.hidden {border:none;}
input.button {background:#ebebeb; width:auto;}
hr {border:1px solid #666; margin:5px 0px;}
dl  {font-size:0.7em;}
dt {margin-top:10px;}

.center {
text-align:center; margin:0px;
}
.conf-prog-time {
width:100%; font-size:0.7em; border:0; color:#000; background-color:#fff;
}
.conf-prog-time tr {
padding:1px; vertical-align:top;
}
.conf-prog-time td, .conf-prog-time th {
padding:3px; text-align:left;
}
.left {width:15%;}
.right {width:85%;}
.time-event {background-color:#ccc;}
.grey {background-color:#ececec;}