/* CSS for the AIBL website */

/** html **/
html, body, h1, h2, h3, h4, ul, li, form, #copyright p, input { margin:0; padding:0; font-family:arial, Helvetica, sans-serif; }
body { background:#fff url(../../images/pagebackground.gif) repeat-x; font-size:85%; }
body, a, a:hover { color:#464544; }
h1 { font-size:120%; }
h2 { font-size:110%; }
h1, h2 { padding:15px 8px 8px 0; }
h3 { font-size:90%; }
h3 { padding:8px 0 0 5px; }
img { border:0; }
h1 img { display:block; }
ul li { list-style:none; padding-left:20px; background:5px 3px url(../../images/bullet.gif) no-repeat; }
input, select { border:1px solid #464544; }
input.requestbox { border:none; margin:2px 10px; }
select { width:280px; }

td { padding: 5px 5px 5px 0; }

/** general classes **/
.left, .col { float:left; }
.right { float:right; }
.clear { clear:both; }
.strong { font-weight:bold; }
.note, .small { font-size:75%; }
.note { font-style:italic; }

img.bio { float:right; padding:7px; }
p.bio { text-align:justify; }
#research-page-nav li, li.plain { padding:0 0 5px 0; background:none; }

/** layout **/
#wrapper { margin:auto; width:770px; position:relative; }

#branding, #nav { position:absolute; }
#branding { left:0; width:464px; top:49px; height:181px; background:#7A808C top left url(../../images/branding.png) no-repeat; }
#nav { top:50px; left:371px; width:92px; background:#7A808C; height:180px; }
#nav li { height:29px; background:#9498A1; color:#333; margin-bottom:1px; line-height:29px; text-indent:3px; font-weight:bold; padding-left:0; }
#nav li.on { background:#A1BC58; }

#top-nav,#neuro-nav,#bio-nav,#life-nav,#cog-nav,.leaf { position:absolute; top:20px; }
.leaf { left:730px; width:40px; height:240px; background:#6D7481; text-align:center; }

#top-nav form, #neuro-nav form, #bio-nav form, #life-nav form, #cog-nav form { padding:4px 1px 4px 3px; }
#top-nav form, #neuro-nav form, #bio-nav form, #life-nav form, #cog-nav form, input.submission { line-height:21px; font:75% "arial black"; }
input.submission { height:18px; }

#top-nav, #neuro-nav, #bio-nav, #life-nav, #cog-nav { left:464px; width:266px; height:210px; }

#top-nav { background:#6D7481 bottom left url(../../images/header/home-grey.jpg) no-repeat; }
#neuro-nav { background:#6D7481 bottom left url(../../images/header/neuro-header.gif) no-repeat; }
#bio-nav { background:#6D7481 bottom left url(../../images/header/bio-header.jpg) no-repeat; }
#life-nav { background:#6D7481 bottom left url(../../images/header/life-header.jpg) no-repeat; }
#cog-nav { background:#6D7481 bottom left url(../../images/header/cog-header.jpg) no-repeat; }

#home-leaf { background:url(../../images/leaf/home-leaf.gif) no-repeat; }
#bio-leaf { background:url(../../images/leaf/bio-leaf.gif) no-repeat; }
#life-leaf { background:url(../../images/leaf/life-leaf.gif) no-repeat; }
#neuro-leaf { background:url(../../images/leaf/neuro-leaf.gif) no-repeat; }
#cog-leaf { background:url(../../images/leaf/cog-leaf.gif) no-repeat; }
#partner-leaf { background:url(../../images/leaf/partner-leaf.gif) no-repeat; }
#contact-leaf { background:url(../../images/leaf/contact-leaf.gif) no-repeat; }
#about-leaf { background:url(../../images/leaf/about-leaf.gif) no-repeat; }
#legal-leaf { background:url(../../images/leaf/legal-leaf.gif) no-repeat; }
#map-leaf { background:url(../../images/leaf/sitemap-leaf.gif) no-repeat; }
#research-leaf { background:url(../../images/leaf/research-leaf.gif) no-repeat; }
#data-leaf { background:url(../../images/leaf/data-leaf.gif) no-repeat; }
#publication-leaf { background:url(../../images/leaf/publication-leaf.gif) no-repeat; }
#adni-leaf { background:url(../../images/leaf/adni-leaf.gif) no-repeat; }

#spacer { height:231px; }

#research-page-nav { width:463px; height:30px; background:#ccc; }
#research-page-nav ul { text-align:center; line-height:30px; }
#research-page-nav li { display:inline; color:#333; padding:0 10px; }
#research-page-nav a { font-size:85%; font-weight:bold; }
#research-page-nav a.on { background:#333; color:#fff; padding:4px; }

#content { width:100%; background: url(../../images/bodybackground.gif) repeat-y; }
#left, #right { float:left; }
#left { width:462px; }
#right { width:295px; padding-left:5px; }
#right h1 { color:#323E51; }
#right p, #right a { color:#163348; }
#right p { margin-top:10px; }

#left .copy { padding:5px 25px 14px 25px; }
#right .copy { padding-left:12px; }
.col { width:50%; padding-bottom:20px; }
#left-footer { background:#6D7481; height:30px; }

.panel-header { height:30px; line-height:30px; background:#ccc; border-bottom:1px solid #6D7481; color:#323E51; }
.panel-header h2 { padding:0; text-indent:20px; }

.panel-body, .panel-detail { overflow:auto; padding:10px; }
.panel-body { height:200px; }
.panel-detail { width:400px; height:50px; }

#field-list { width:95%; border:1px solid #999; background:#eee; height:150px; _height:150px; overflow:auto; padding:2px; }

#copyright { background:#6D7481; color:#fff; text-align:center; font-size:80%; float:right; width:308px; padding:8px 0; margin-bottom:20px; }