/****************************************
|
| Translational Research Centre, CHRI
| Created by: Kevin Biskaborn
| Copyright 2009 ScriptReaction
| http://www.scriptreaction.com
|
****************************************/

/****************************************
|	IMPORT STYLES
****************************************/
@import url("data_form.css");

/****************************************
|	CLEAR ALL STYLES
****************************************/
* {
	margin:0px;
	padding:0px;
}

/****************************************
|	GLOBAL TAG STYLES
****************************************/
body { 
	background:#fff;
	cursor:default;
	overflow:auto;
	margin-bottom:20px;
}

body, select, input, textarea {
	font-family:tahoma, arial, verdana, sans-serif;
	font-size:11px;
	color:#000066;
}

a {
	color:#339933;
	text-decoration:underline;
}

a:hover {
	color:#3366cc;
	text-decoration:none;
}

ul {
	list-style:none;
}

/* all headings */
h1, h2, h3, h4, h5 {
	font-size:11px;
}

img {
	border:0px;
}

/****************************************
|	GLOBAL CLASSES
****************************************/
.uc { text-transform:uppercase; }

/****************************************
|	PAGE LAYOUT
****************************************/
#skn, #shl {
	position:relative;
}

#skn {
	width:100%;
	text-align:center;
}

#shl {
	width:763px;
	margin:0 auto 0 auto;
	text-align:left;
}

/****************************************
|	HEADER
****************************************/
#headarea {
	position:relative;
	width:737px;
	padding:0px 13px;
	background:url(../gfx/headarea_bg.gif) no-repeat;
}
#headarea #logo_trc {
	position:absolute;
	width:273px;
	height:200px;
	background:#cccc67 url(../gfx/headarea_grad_trc_logo.gif) repeat-x;
	z-index:10;
}
#headarea #logo_trc img {
	position:relative;
	margin:22px 0px 0px 15px;
}
#headarea #link_bar {
	position:absolute;
	right:13px;
	width:340px;
	color:#8b8b50;
	text-align:right;
	padding:8px 11px 8px 15px; 
	background:#fff url(../gfx/headarea_grad_link_box.gif) right bottom repeat-y;
	z-index:10;
}
#headarea #link_bar span {
	white-space:nowrap;
}
#headarea #link_bar a {
	text-decoration:none;
	white-space:nowrap;
	padding:6px 4px;
}
#headarea #link_bar a:hover {
	color:#333399;
	text-decoration:underline;
}
#headarea #link_bar a.active {
	font-weight:bold;
}
#headarea #link_bar a.active:hover {
	color:#8b8b50;
}
#headarea #logo_chri {
	position:absolute;
	left:501px;
	top:45px;
	z-index:30;
}
#headarea #logo_chri img {
	border:0px;
}
#headarea #banner {
	position:absolute;
	top:119px;
	width:737px;
	height:203px;
	z-index:20;
	overflow:hidden;
	margin-top:-23px;
}
#headarea #banner img {
	position:relative;
}

/****************************************
|	PRIMARY NAVIGATION
****************************************/
#headarea #nav_primary,
#headarea #nav_extensions {
	width:737px;
	overflow:hidden;
}

#headarea #nav_primary {
	position:relative;
	/*top:240px;*/
	height:101px;
	padding-top:240px;
}
#headarea #nav_extensions {
	position:absolute;
	top:239px;
	height:60px;
	z-index:50;
}

#headarea #nav_primary li,
#headarea #nav_extensions li { display:inline; }

#headarea #nav_primary li a,
#headarea #nav_extensions li a {
	float:left;
	display:block;
	width:88px;
	margin-right:5px;
	text-decoration:none;
}
#headarea #nav_primary li a {
	height:97px;
	border-bottom:4px solid #ccc;
	background:#fff url(../gfx/navigation_blocks_standard.gif) no-repeat;
}
#headarea #nav_extensions li a {
	height:34px;
	background:url(../gfx/navigation_extension_bg.gif) repeat;
}

#headarea #nav_primary li.active a,
#headarea #nav_extensions li.active a { cursor:default; }

#headarea #nav_primary li a:hover,
#headarea #nav_primary li.active a { border-color:#cccc66; }
#headarea #nav_primary li a span,
#headarea #nav_extensions li a span { visibility:hidden; }

#headarea #nav_primary li#nav_primary_optionA a,
#headarea #nav_extensions li.optionA a,
#headarea #nav_primary li#nav_primary_optionH a,
#headarea #nav_extensions li.optionH a { width:87px; }

#headarea #nav_primary li#nav_primary_optionA a { background-position:0 0; }
#headarea #nav_primary li#nav_primary_optionA a:hover,
#headarea #nav_primary li#nav_primary_optionA.active a { background-position:0 -97px; }

#headarea #nav_primary li#nav_primary_optionB a { background-position:-92px 0; }
#headarea #nav_primary li#nav_primary_optionB a:hover,
#headarea #nav_primary li#nav_primary_optionB.active a { background-position:-92px -97px; }

#headarea #nav_primary li#nav_primary_optionC a { background-position:-185px 0; }
#headarea #nav_primary li#nav_primary_optionC a:hover,
#headarea #nav_primary li#nav_primary_optionC.active a { background-position:-185px -97px; }

#headarea #nav_primary li#nav_primary_optionD a { background-position:-278px 0; }
#headarea #nav_primary li#nav_primary_optionD a:hover,
#headarea #nav_primary li#nav_primary_optionD.active a { background-position:-278px -97px; }

#headarea #nav_primary li#nav_primary_optionE a { background-position:-371px 0; }
#headarea #nav_primary li#nav_primary_optionE a:hover,
#headarea #nav_primary li#nav_primary_optionE.active a{ background-position:-371px -97px; }

#headarea #nav_primary li#nav_primary_optionF a { background-position:-464px 0; }
#headarea #nav_primary li#nav_primary_optionF a:hover,
#headarea #nav_primary li#nav_primary_optionF.active a{ background-position:-464px -97px; }

#headarea #nav_primary li#nav_primary_optionG a { background-position:-557px 0; }
#headarea #nav_primary li#nav_primary_optionG a:hover,
#headarea #nav_primary li#nav_primary_optionG.active a{ background-position:-557px -97px; }

#headarea #nav_primary li#nav_primary_optionH a { background-position:-650px 0; margin-right:0px; }
#headarea #nav_primary li#nav_primary_optionH a:hover,
#headarea #nav_primary li#nav_primary_optionH.active a { background-position:-650px -97px; }

#headarea #nav_extensions li.optionA a { height:60px; margin-top:0px; }
#headarea #nav_extensions li.optionB a { height:60px; margin-top:0px; }
#headarea #nav_extensions li.optionC a { height:57px; margin-top:3px; }
#headarea #nav_extensions li.optionD a { height:49px; margin-top:11px; }
#headarea #nav_extensions li.optionE a { height:41px; margin-top:19px; }
#headarea #nav_extensions li.optionF a { height:34px; margin-top:26px; }
#headarea #nav_extensions li.optionG a { height:33px; margin-top:27px; }
#headarea #nav_extensions li.optionH a { height:39px; margin-top:21px; margin-right:0px; }


/****************************************
|	BODY AREA
****************************************/
#bodyarea {
	position:relative;
	border-top:11px solid #fff;
	background:url(../gfx/bodyarea_column_bg.gif) repeat-y;
}
#bodyarea #bodyprimer {
	position:relative;
	padding:0px 13px 25px 13px;
	background:url(../gfx/bodyarea_beaker_bg.jpg) left bottom no-repeat;
}
#bodyarea #bodyrelease {
	position:relative;
	display:block;
	clear:left;
}
#sidecolumn {
	position:relative;
	float:left;
	width:231px;
	padding:60px 21px 390px 21px;
	background:url(../gfx/bodyarea_news_bg.gif) no-repeat;
}
#sidecolumn li {
	padding-bottom:15px;
}
#sidecolumn li strong {
	color:#339933;
	display:block;
	text-decoration:none;
}
#sidecolumn li,
#sidecolumn a {
	color:#999900;
}
#sidecolumn a {
	text-decoration:underline;
}
#sidecolumn a strong {
	color:#339933;
	text-decoration:none;
}
#sidecolumn a:hover strong,
#sidecolumn a:hover {
	color:#3366cc;
	text-decoration:none;
}

/****************************************
|	FOCAL FEED
****************************************/
#bodyarea #focalfeed {
	position:relative;
	float:left;
	width:459px;
	border-left:5px solid #fff;
}
#bodyarea #focalfeed #breadcrumb {
	position:relative;
	text-align:right;
	border-bottom:4px solid #339933;
}
#bodyarea #focalfeed #breadcrumb h3 {
	position:absolute;
	left:0px;
}
#bodyarea #focalfeed #breadcrumb h3,
#bodyarea #focalfeed #breadcrumb h3 a {
	display:block;
	width:190px;
	height:24px;
	overflow:hidden;
}
#bodyarea #focalfeed #breadcrumb h3 a {
	text-decoration:none;
	background:url(../gfx/bodyarea_breadcrumb_base.gif) no-repeat;
}
#bodyarea #focalfeed #breadcrumb h3 a:hover {
	background-position:0 -24px;
}
#bodyarea #focalfeed #breadcrumb h3 a span { visibility:hidden; }
#bodyarea #focalfeed #breadcrumb h2 {
	position:relative;
	width:290px;
	color:#339933;
	font-size:29px;
	line-height:20px;
	font-weight:bold;
	padding:6px 2px 9px 0px;
	margin:0 0 0 auto;
}
#bodyarea #focalfeed #focalimage {
	position:relative;
	width:459px;
	height:142px;
	border-bottom:4px solid #ccc;
}

/****************************************
|	CONTENT AREA
****************************************/
#contentarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:18px;
	padding:4px 10px 0px 10px;
}
#contentarea p {
	padding-top:20px;
}
#contentarea.fullWidth_noPad {
	padding:0px;
}
#contentarea .fullWidthContentBlock {
	padding:0px 10px 0px 10px;
	border-top:2px dotted #ccc;
	margin-top:20px;
}

/****************************************
|	FOOT AREA
****************************************/
#footarea {
	position:relative;
}
#footarea #sponsorpanel {
	position:relative;
	height:91px;
	padding:0px 13px;
	background:url(../gfx/footarea_sponsor_bg.gif) no-repeat;
}
#footarea #sponsorpanel img {
	position:relative;
	margin-top:-15px;
	border:0px;
}
#footarea #basedetails {
	position:relative;
	padding:0px 13px;
	background:#fff url(../gfx/footarea_base_bg.gif) no-repeat;
}
#footarea #basedetails #siteinfo {
	position:relative;
	width:737px;
	color:#666;
	font-size:11px;
	text-align:center;
	border-top:4px solid #999;
	background:url(../gfx/footarea_bar_grad.gif) repeat-x;
}
#footarea #basedetails #siteinfo #pagelinks {
	position:relative;
	width:400px;
	margin:0 auto;
	padding:8px 0px 15px 0px;
}
#footarea #basedetails #siteinfo #pagelinks a {
	color:#666;
	padding:2px 4px;
	text-decoration:none;
}
#footarea #basedetails #siteinfo #pagelinks a:hover {
	color:#339933;
	text-decoration:underline;
}
#footarea #basedetails #siteinfo #pagelinks h4 {
	font-weight:bold;
}
#footarea #basedetails #siteinfo #pagelinks h4 span {
	display:block;
	margin-top:5px;
}
#footarea #basedetails #siteinfo #pagelinks h5 {
	font-weight:normal;
	padding-top:12px;
}
#footarea #basedetails #siteinfo h6 {
	position:absolute;
	top:7px;
	width:140px;
	font-size:11px;
	font-weight:normal;
}
#footarea #basedetails #siteinfo h6 a {
	color:#666;
	text-decoration:none;
}
#footarea #basedetails #siteinfo h6 a:hover {
	color:#3366cc;
	text-decoration:underline;
}
#footarea #basedetails #siteinfo h6.copyright {
	left:7px;
	text-align:left;
}
#footarea #basedetails #siteinfo h6.siteby {
	right:7px;
	text-align:right;
}

#footarea #basedetails #siteinfo #contactarea {
	position:relative;
	text-align:left;
	margin:0px 0px 0px 20px;
}

#footarea #basedetails #siteinfo #contactdata {
	position:relative;
	width:280px;
	color:#666699;
	padding:35px 20px 35px 35px;
	background:url(../gfx/box_corner_top_left.gif) no-repeat;
	display:none;
}
#footarea #basedetails #siteinfo #contactdata #payload {
	padding:0px 20px 35px 0px;
	background:url(../gfx/box_corner_bottom_right.gif) bottom right no-repeat;
}
#footarea #basedetails #siteinfo #contactdata #payload ul.options {
	margin-top:15px;
}
#footarea #basedetails #siteinfo #contactdata #payload ul.options li span.opt {
	float:left;
	width:65px;
	font-weight:bold;
}
#footarea #basedetails #siteinfo #advance {
	position:relative;
	float:right;
	margin:50px 40px 0px 0px;
	display:none;
}
#footarea #basedetails #siteinfo #advance,
#footarea #basedetails #siteinfo #advance a {
	width:304px;
	height:98px;
}
#footarea #basedetails #siteinfo #advance a {
	display:block;
	text-decoration:none;
	background:url(../gfx/scriptreaction_block_advance-bio_x2.gif) no-repeat;
}
#footarea #basedetails #siteinfo #advance a:hover {
	background-position:0 -98px;
}
#footarea #basedetails #siteinfo #advance img {
	border:0px;
}
#footarea #basedetails #siteinfo #advance img,
#footarea #basedetails #siteinfo #advance span {
	display:none;
}



/****************************************
|	CONTENT EXTENSIONS
****************************************/
#contentarea p.logo_holder {
	text-align:center;
	padding:25px 0px;
}
#contentarea p.logo_holder img {
	position:relative;
	margin:0 auto;
	border:0px;
	cursor:pointer;
	border-right:1px dotted #eaeaea;
	background-image: url(images/supporters/trc-supporters-london-ontario2.gif);
}
#contentarea .heading_primary,
#contentarea .heading_primary_solo,
#contentarea .heading_secondary {
	display:block;
	font-weight:bold;
}
#contentarea .heading_primary,
#contentarea .heading_primary_solo {
	font-size:17px;
}
#contentarea .heading_primary_solo,
#contentarea .heading_secondary {
	padding-bottom:5px;
	border-bottom:2px dotted #ccc;
}

#contentarea .heading_secondary {
	font-size:15px;
	color:#339933;
}

#contentarea ul.list_standard_arrow_green {
	margin-top:10px;
}
#contentarea .list_standard_arrow_green li {
	display:block;
	padding:0px 0px 8px 14px;
	background:url(../gfx/list_bullet_block_arrow_green.gif) left 4px no-repeat;
}
#contentarea .extendedGaps li {
	padding:6px 0px 12px 14px;
	background-position:left 10px;
}

#contentarea .pageFootnote {
	border-top:1px solid #ccc;
	padding-top:5px;
	margin-top:25px;
}
#contentarea .imageFloat_right {
	float:right;
	margin:0px 0px 10px 10px;
}
#contentarea .extraPadTop_30 {
	margin-top:30px;
}

#contentarea .specimenList {
	display:block;
	font-size:12px;
	color:#339933;
}


/****************************************
|	SUPPORTER BLOCK
****************************************/
#supporterBlock_holder {
	position:relative;
	text-align:center;
}
#supporterBlock_fader {
	position:relative;
	width:379px;
	height:276px;
	background:#fff url(../gfx/supports_block_box_bg.gif) no-repeat;
	overflow:hidden;
	margin:25px auto -10px auto;
}
#supporterBlock_fader div {
	position:relative;
	overflow:hidden;
	margin:25px 0px 0px 26px;
	display:none;
}
#supporterBlock_fader #supportBlockItem_1 {
	display:block;
}
#supporterBlock_fader div,
#supporterBlock_fader div img {
	width:327px;
	height:226px;
}
#supporterBlock_fader div img {
	border:0px;
}


/****************************************
|	DATABASE GALLERY
****************************************/
.databaseBlock_holder {
	text-align:center;
	margin:15px 0px -15px 0px;
}
.databaseBlock_holder img {
	position:relative;
	margin:0 auto;
	border:0px;
	cursor:pointer;
}
.galleryFrameWork {
	position:relative;
}
.galleryFrameWork .galleryControls {
	position:relative;
	padding:1px 0px 0px 0px;
	background:#ddd;
	border-bottom:1px solid #999;
	margin-bottom:5px;
}

.galleryFrameWork .galleryControls .navControls {
	position:relative;
	width:190px;
	color:#666;
}
.galleryFrameWork .galleryControls .navControls a {
	float:left;
	display:block;
	color:#666;
	font-size:11px;
	font-weight:bold;
	padding:5px 10px;
	text-decoration:none;
}
.galleryFrameWork .galleryControls .navControls a:hover {
	color:#fff;
	background:#666;
}

.galleryFrameWork .galleryControls #gallery_statusDisplay {
	position:absolute;
	top:0px;
	right:0px;
	width:240px;
	font-size:12px;
	text-align:right;
	padding:6px 10px;
}

.galleryFrameWork .galleryRelease {
	display:block;
	height:1px;
	clear:left;
	font-size:0px;
}

.galleryFrameWork .galleryPhotos {
	position:relative;
	height:345px;
	border:2px solid #000066;
	background:#ccc;
}
.galleryFrameWork .galleryPhotos div {
	position:absolute;
	display:none;
	top: 3px;
	left: -1px;
	width: 458px;
	height: 332px;
}
.galleryFrameWork .galleryPhotos #galleryPhotoItem_1 {
	display:block;
}

.galleryFrameWork .galleryThumbs {
	position:relative;
	height:50px;
	padding-left:28px;
	background:#999 url(../gfx/photo_thumb_bg.gif) no-repeat;
}
.galleryFrameWork .galleryThumbs div {
	float:left;
	width:74px;
	height:48px;
	padding-top:13px;
	margin-left:5px;
}
.galleryFrameWork .galleryThumbs img {
	border:1px solid #339933;
}
.galleryFrameWork .galleryThumbs div.active {
	width:76px;
	background:url(../gfx/photo_thumb_arrow_bar.gif) center top no-repeat;
}
.galleryFrameWork .galleryThumbs div.active img {
	border-width:2px;
	border-top-width:0px;
}
.galleryFrameWork .galleryThumbs a:hover img {
	border:2px solid #000066;
	margin:-1px 0px 0px -1px;
}
.galleryFrameWork .galleryThumbs div.active a {
	cursor:default;
}
.galleryFrameWork .galleryThumbs div.active a:hover img {
	border:2px solid #339933;
	border-top:0px;
	margin:0px;
}