/* BASIC FORMATTING */

hr { color: #039; background: #039; border: 0; height: 1px; }

/* TABLES */

table {
border-collapse: collapse;
}

table td, table th {
padding: 5px 10px;
}

table.border, table.border th, table.border td {
border: 1px solid #ccc;
}

.simple td { /* light grey border */
padding: 7px 14px 7px 10px;
border: 1px solid #ccc;
}

table.bordertb, td.bordertb, .bordertb th, .bordertb td { /* top bottom blue border */
border: 1px #69c;
border-style: solid none;
}

td.borderb /* bottom border blue */ {
border-bottom: 1px solid #69c;
}

td.borderbthick /* bottom border blue thick */ {
border-bottom: 2px solid #69c;
}

td.borderr/* bottom border blue */ {
border-right: 1px solid #69c;
}

th.col {
color: #69c;
font-size: 13px;
text-align: left;
font-weight: bold;
}

th.header, td.header, th.header a, td.header a {
background: #39c;
color: #fff;
text-decoration: none;
}

th.header a:hover, td.header a:hover {
text-decoration: underline;
}

.headerlink a {
text-decoration: none;
color: #333;
}

.headerlink a:hover {
text-decoration: underline;
}

.padtop {
padding-top: 16px 
}

/* BACKGROUND COLORS */

td.shade1, .shade1 { /* light grey monochrome */
background: #eee;
}

td.shade2, .shade2 { /* med grey monochrome */
background: #ddd;
}

.shade5, td.shade5, .shade3, td.shade3 { /* light blue */ /* THIS WILL BE CHANGING TO SHADE 3*/
background: #e1eeff;
background: #e9f2fd;
}

.shade6, td.shade6 { /* light blue */
background: #dbe7f8;
background: #dbebf8;
}

.shade7, td.shade7 { /* medium blue */
background: #69c;
}

.shade8, td.shade8 { /*fluorexcit*/ 
background: #f2faff;
}

.highlite { /*yellow*/
background: #ff3;
}

.shade9, td.shade9 { /*blue*/
background: #6cf;
}

.shade10, td.shade10 { /*red*/
background: #f33;
color: #fff;
}

.borderb1 /* bottom border blue */ {
border-bottom: 1px solid #69c;
}

img.colbox {
height: 16px;
width: 50px;
vertical-align: bottom;
margin-left: 7px;
}

/* BOXES */

div.contentBox, div.contentbox, div.contentbox1, div.contentbox2, div.contentbox3 {
margin: 7px 0;
padding: 10px 12px;
}

div.contentBox p, div.contentbox p, div.contentbox1 p, div.contentbox3 p {
margin: 6px 0;
padding: 0;
}

.contentbox1, td.shade1 { /* light grey monochrome */
background: #eee;
}

.contentbox2, td.shade2 { /* med grey monochrome */
background: #ddd;
}

.contentbox3, td.shade3 { /* light blue */
background: #e1eeff;
}

/* BOX FOR LINKS TO APPOINTMENT BOOKING */

.rightbox, .rightinfo { /* IE6 */
clear: right;
float: right;
margin-top: 18px;
margin-right: -65px;
margin-bottom: 18px;
margin-left: 14px;
width: 160px;
}

.rightbox dl {
margin: 0;
padding: 0;
}

.rightbox dl dt {
text-align: center;
font-weight: bold;
background: #fff url("/research/FCF/images/rightbox.jpg") no-repeat left top;
color: #069;
letter-spacing: .1em;
padding: 5px 0;
border: 1px solid transparent; /* IE Win 6 no transparency */
border: 1px solid #9cc; /* IE Win 6 no transparency */
border-style: solid solid none;
}

.rightbox dl dd, .rightbox dd li {
list-style-type: none;
margin: 0;
padding: 0;
}

.rightbox dd ul {
margin: 0;
padding: 12px 0;
border: 1px #9cc;
border-style: none solid solid;
}

.rightbox dd li {
margin-left: 6px;
padding: 4px 1px 4px 0;
}

.rightbox dd li a {
color: #888;
}

.rightbox dd li a:hover {
color: #39c;
}

.rightbox dd li.acro { /* IE7 */
background: transparent url("/research/FCF/images/pdficon_small.gif") no-repeat right 1px;
margin-right: 10px;
}

.rightinfo {
/*border: 1px solid #09c;*/
padding: 7px;
}

/* ALIGNMENT */

.bottom, table.bottom td {
vertical-align: bottom;
}

.top, table.top td, table.top th {
vertical-align: top;
}

.middle {
vertical-align: middle
}

.cent, table.cent td {
text-align: center;
}

.left, td.left, table.cent td.left {
text-align: left;
}

.right {
text-align: right;
}

div.contentbox {
margin: 12px 0;
padding: 10px 12px;
}

div.contentbox p {
margin: 6px 0;
padding: 0;
}

/* INTERNAL LIST STYLES */

ul li, ol li {
margin-bottom: 7px;
}

ul.pdf { /* Acrobat icon */
margin: 24px 16px 12px 12px;
padding: 0;
}

.pdf li { 
list-style-type: none;
background: url(/research/FCF/images/pdficon_small.gif) no-repeat 0 0;
padding-left: 26px;
font-size: 11px;
height: 20px;
}

ul.botmargin li, ol.botmargin li {
margin-bottom: 14px;
}

.botmargin li ol {
margin-bottom: 0;
}

.botmargin li ol.botmargin2 {
margin-bottom: 0;
padding-bottom: 0;
}

ol.ua {
list-style-type: upper-alpha;
}

ol.la {
list-style-type: lower-alpha;
}

li ol.la {
margin: 0;
padding: 7px 12px 7px 16px;
}

li ul, li ul.nomargin {
padding-top: 12px;
padding-bottom: 4px;
list-style-type: disc;
}

ul.nomargin li {
margin: 0;
padding: 0;
}

ul.smbullet {
margin: 12px 16px;
padding: 0;
}

.smbullet li { 
list-style-type: none;
background: url(/research/FCF/images/smbullet.gif) no-repeat 0 6px;
padding-left: 16px;
margin-bottom: 4px;
}

.smbullet span.sm {
font-size: 10px;
}

/* for tables - align flush left*/

ul.tablelist, ol.tablelist {
margin: 0;
padding: 0;
}

ul.tablelist li {
margin-left: 12px;
}

ol.tablelist li {
margin-left: 16px;
}

.tablelist li {
padding: 0;
}

/* SPACING */

.margintop0, ul.margintop0 {
margin-top: 0;
}

.marginbottom0, ol.marginbottom0 {
margin-bottom: 0;
}

.margin12 {
margin: 12px 0;
}

.margintop12,  ul.margintop12 {
margin-top: 12px;
}

.marginbottom12 {
margin-bottom: 12px;
}

.margin24 {
margin: 24px 0;
}

div.margintop24, .margintop24 {
margin-top: 24px;
}

.margintop50 {
margin-top: 50px;
}

.marginbottom24 {
margin-bottom: 24px;
}

.marginright100, div.marginright100 {
margin-right: 100px;
}

.marginright10, div.marginright10 {
margin-right: 10px;
}

/* MISCELLANEOUS FORMATTING */

.nowrap, table.nowrap td {
white-space: nowrap;
}

/* PROTOCOLS PAGE */

ul.protocol { 
margin-top: 24px;
margin-bottom: 24px;
}

.protocol li {
font-size: 11px;
height: 17px;
}

.protocol li.acro { 
list-style-type: none;
background: url(/research/FCF/images/pdficon_small.gif) no-repeat 130px 0;
font-size: 11px;
height: 17px;
margin-left: 0;
}

/* image container - magcell */

.imgcontainer img{
float: left;
margin: 0 12px 10px 0;
}

/* GALLERY PAGE */

div.image {
border:1px solid #CCC;
margin-top: 36px;
}

.image img {
padding: 7px 12px;
}

.image .caption { /* IE7 */
margin-top: 5px;
padding: 5px; 
font-size: 11px;
color: #333;
background-color: #f6f6f6;
border-top: 1px solid #CCC;
}

.imgright {
float: right;
margin: 0 -40px 20px 30px;
}


/* figures etc */

div.figure {
margin-top: 30px;
}

.figure img {
padding: 20px;
border: 1px dashed #39c;
}

div.mono, span.mono {
font: 12px "courier new", courier, mono;
}

/* NEWS ARCHIVE */

#newsarchive h1 {
margin-bottom: 24px;
}

#newsarchive h2 {
font-size: 1em;
font-weight: bold;
color: #069;
margin-top: 18px;
margin-bottom: 2px;
padding: 0;
}

#newsarchive h3 {
font-size: .95em;
font-weight: bold;
color: #333;
margin: 0;
padding: 0;
}

#newsarchive p {
margin-top: 4px;
}

/* HOME PAGE NEWS */

#newshome {
border: 1px solid #9cc; /* IE Win 6 no transparency */
width: 75%;
background: #fbfbfb;
margin-left: 24px;
margin-bottom: 20px;
}

#newshome h2 {
background: #fff url("/research/FCF/images/rightbox.jpg") repeat-x left top;
margin: 0;
padding: 5px 0;
}

#newshome h2 span {
padding-left: 12px;
}

#newshome p {
padding-left: 12px;
padding-right: 7px;
}

div.article {
padding: 7px 12px;
}

#newshome .article h2 {
/*font-size: 1em;
font-weight: bold;
padding: 0;
margin: 0;
margin-top: 7px;
background-image: none;*/
background: #fbfbfb;
}

#newshome .article h2 {
font-size: 1em;
font-weight: bold;
padding: 0;
margin: 0;
margin-top: 7px;
background-image: none;
}

.article h3 {
font-size: .95em;
font-weight: bold;
color: #333;
margin: 0;
padding: 7px 0 0;
/*margin: 0;
padding: 0 0 5px 0;*/
}

#newshome .article p {
padding-left: 0;
padding-top: 0;
}


/* BOOKING INSTRUCTIONS POPUPS */

a.screen, a.screen:visited {
color:#369; 
position:relative; 
z-index:1;
}
a.screen b {
position:absolute;
visibility:hidden; /* hide the image */
width:200px; /* give it a width */
height:0; /* no height to solve an Opera bug that 
             makes it selectable when hidden */
border:1px solid #000; /* add a border */
left:0; /* position:the image */
top:-150px;
}
a.screen:hover {
text-decoration:none; 
border:0; /* needed for this to work in IE */ 
z-index:1000;
}
a.screen:hover b {
visibility:visible; /* make the image visible */
height:150px; /* now give it a height */
cursor:pointer; /* for IE */
z-index:500; 
}
a.screen:hover b img {
border:0; /* remove the link border */
}