/* Layout */

#main_container { width: 1000px; max-width: 1000px; margin: 0; }
#header { position:relative; height:82px; }
.logo { position:absolute; top:0; left:0; }
.banner { position:absolute; bottom:10px; right:4px; }

#content{ max-width: 1000px; z-index: 300; background:url(../images/page-body-bg.gif) top left repeat-y; }

#content_left{ /* can't have relative position because of the tooltips */ z-index:0; float: left; clear:left; width: 250px;}
#content_middle{ position: relative; z-index:0; float: left; width:470px; padding:5px 15px; margin: 0px; margin-bottom: 5px;}
#content_right{ position: relative; z-index:0; float: left; width:210px; margin: 0 4px; padding:30px 10px 10px 20px;}

/* For when the right bar is missing*/
#content_middle.full
{
	background: #fff;
	width: 720px;
}

.curved_body { background:url(../images/right_column/curved-box-middle.gif) top left repeat-y; }

#content_right h2
{
	background-image: url("../images/orange-arrow.gif");
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: left center;
	padding-left: 20px;
	font-size: 20px;
	font-weight: normal;
	color: #055797;
}

#content_right .videos
{
	width:220px;
	border: 1px solid #AAA;
	background: #FFE;
	text-align: center;
	color: #000;
	padding: 0em 1em 0em 1em;
}

#content_right .videos a
{
	font-size: 1.8em;
	color: #00f;
}
#content_right .videos a span
{
	font-size: 0.9em;
}
#content_right .videos p
{
	font-size: 0.9em;
}

#content_right .videos hr
{
	height: 2px;
	color: #888;
	background-color: #888;
	border: none 0px;
	width: 80%;
	margin: 1em 10% 0em 10%;
}



#footer{ position:relative; clear: both; margin-top:12px; padding-top: 10px; padding-bottom:10px; text-align: left; padding-right: 10px; border-top:1px solid #DDDDDA; }
.right_align_link { position:absolute; right:10px; top:10px; }

/* Global Styles */

img{ border: none; }
body, td, h1, h2,h4 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#40474E;
}
body { margin:0 auto; }

a, a:link, a:hover, a:active, a:visited { color:#666666; }

#content_middle a,
#content_middle a:link,
#content_middle a:active,
#content_middle a:visited { color:#1F68A2; }
#content_middle a:hover { text-decoration:underline; }

 
	
.smallsize{
	font-size:10px;
}

	
/* Left Navigation */

.current_section 
{
	font-size: 13px;
	font-weight: bold; 
	color: #000000;
	text-transform: lowercase;
	border-bottom: 1px solid #83C3EC;
	width: 130px;
	/* margin-left: 15px; */
	margin-left: 0px;
	padding-bottom:  3px;
	padding-top:8px;	
	text-indent: 7px;
}

.level_one_links {
	list-style-type: none;
	border-left: 1px solid #83C3EC;
	/* margin: 0 0 0 15px; */
	margin-top: 0px;
	margin-left: 0px;
	padding-left: 8px;

}

.level_one_links li a
{
	font-size: 12px;
	font-weight: bold;	
}

.level_one_links li
{
	padding: 5px 10px 0 0;

}
.level_one_links li.selected
{
	background-image: url(../images/blue_menu_arrow.jpg);
	background-repeat: no-repeat;
	background-position: right;
	padding-right:10px;
}

	.level_two_links
	{
		font-size: 10px;
		font-weight: bold;
		list-style-type:none;
		text-indent:-40px;
	}
	
	.level_two_links li a 
	{
		font-size: 10px;
		font-weight: bold;
	}


	.level_two_links li.selected
	{
		background-image: url(../images/blue_menu_arrow.jpg);
		background-repeat: no-repeat;
		background-position: right;
		font-weight:bold;
	}
	
		
		
/* Right column */
.button { display:block; width:134px; height:27px; padding:5px; font-weight:bold; }

#content_right .button { margin-bottom:15px; }

.orange_btn { background:url(../images/right_column/orange-button.gif) top left no-repeat; color:#FFFFFF; }
.blue_btn { background:url(../images/right_column/blue-button.gif) top left no-repeat; color:#FFFFFF; }
a.orange_btn,
a.orange_btn:link,
a.orange_btn:active,
a.orange_btn:visited { color:#FFFFFF; }
a.orange_btn:hover { color:#1764FE; background:url(../images/right_column/orange-button-hover.gif) top left no-repeat; }

a.blue_btn,
a.blue_btn:link,
a.blue_btn:active,
a.blue_btn:visited,
a.blue_btn:hover { color:#FFFFFF; }

/*  LHS Left Hand Side */
/*LHS_H1: Heading: 12 over 2, bold, 6 para above, 2 para below
LHS_T1: text: 10 over 2, 4 para below

RHS
RHS_H1: Heading: 10 over 1, bold, 2 para below
RHS_HOr: Heading (orange) r64, g71, b79, rest as above
RHS_T1: Text: 10 over 11, 6 para below

Content pages
C_I1: Intro para: 15 over 5, 6 para sp below
C_I2: intro para: 14 over 5, 6 para sp below
C_H1: subhead: 10 over 4, bold, 5 para sp below
C_H2: subhead: 10 over 4, bold, 5 para sp below, 5 para sp above
C_H3: subhead: 10 over 3, bold, 3 para sp below
C_H4: subhead:  10 over 3, bold, 3 para sp below, 5 para sp above
C_T1: text: 10 over 4, 5 para sp below
C_T2: text: 10 over 3, 3 para sp below

Side Navigation
SN_H1: Section heading: 11 over 2, bold, r0, g0, b0
SN_H2: Section heading: 10 over 4, bold, 6 para above
SN_SS1: Sub-section: 10 over 2, 2 para sp below
-------------------------------------------


*/
/*
ul#top-nav { list-style:none; list-style-type:none; padding:0; margin:0; }
ul#top-nav li { float:left; }
*/

#top-nav  { display: block; margin: 0; margin-bottom:10px; padding: 0; position: relative; z-index:1000; }
#top-nav  li { display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative; }
#top-nav  a { display: block; }
#top-nav  ul { visibility:hidden; position: absolute; left: 0; margin: 0; padding: 0; z-index:1000; }
* html #top-nav  ul { line-height: 0; } /* IE6 "fix" */
#top-nav  ul a { zoom: 1; } /* IE6/7 fix */
#top-nav  ul li { float: none; }
#top-nav  ul ul { top: 0; }
    
/* Essentials - configure this */

ul#top-nav li a,
ul#top-nav li a:link,
ul#top-nav li a:active,
ul#top-nav li a a
{ font-size: 1em; line-height:12px; font-family:Geneva, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#06599C; margin-right:2px; display:block; width:108px; height:26px; padding:3px 5px 0px 10px; background:url(../images/top_navigation/block-link.gif) top left no-repeat; }
ul#top-nav li a:hover
{ display:block; background-color:#BCE0ED; background:url(../images/top_navigation/block-link-hover.gif) top left no-repeat; color:#FFFFFF; }


#top-nav li a.left-block,
#top-nav li a.left-block:link,
#top-nav li a.left-block:active,
#top-nav li a.left-block:visited { background:url(../images/top_navigation/left-block-link.gif) top left no-repeat; }
#top-nav li a.left-block:hover { color:#FFFFFF; background:url(../images/top_navigation/left-block-hover.gif) top left no-repeat; }

#top-nav li.blue_link a,
#top-nav li.blue_link a:link,
#top-nav li.blue_link a:active,
#top-nav li.blue_link a:visited 
#top-nav li.blue_link a:hover { color:#FFFFFF; background:url(../images/top_navigation/blue-link-hover.gif) top left no-repeat; }

#top-nav li.special1 a,
#top-nav li.special1 a:link,
#top-nav li.special1 a:active,
#top-nav li.special1 a:visited 
{ font-size: 0px; background:url(../images/top_navigation/brain_training_solutions.gif) top left no-repeat; }
#top-nav li.special1 a:hover
{ background:url(../images/top_navigation/brain_training_solutions_Hover.gif) top left no-repeat; }

#top-nav li.special2 a,
#top-nav li.special2 a:link,
#top-nav li.special2 a:active,
#top-nav li.special2 a:visited 
{ font-size: 0px; background:url(../images/top_navigation/clinical_solutions.gif) top left no-repeat; }
#top-nav li.special2 a:hover
{ background:url(../images/top_navigation/clinical_solutions_Hover.gif) top left no-repeat; }

#top-nav li.special2 ul li a,
#top-nav li.special2 ul li a:link,
#top-nav li.special2 ul li a:active,
#top-nav li.special2 ul li a:visited,
#top-nav li.special2 ul li a:hover
{ font-size: 1em; background: none; }
#top-nav li.special2 ul li a:hover
{ font-size: 1em; background: none #BCE0ED; }

#top-nav li.special3 a,
#top-nav li.special3 a:link,
#top-nav li.special3 a:active,
#top-nav li.special3 a:visited 
{ font-size: 0px; background:url(../images/top_navigation/research_solutions.gif) top left no-repeat; }
#top-nav li.special3 a:hover
{ background:url(../images/top_navigation/research_solutions_Hover.gif) top left no-repeat; }

#top-nav li.special3 ul li a,
#top-nav li.special3 ul li a:link,
#top-nav li.special3 ul li a:active,
#top-nav li.special3 ul li a:visited,
#top-nav li.special3 ul li a:hover
{ font-size: 1em; background: none; }
#top-nav li.special3 ul li a:hover
{ font-size: 1em; background: none #BCE0ED; }



/* Sub items */

#top-nav li ul { position:absolute; z-index:1000; border:1px solid #8A8A8C; border-top:0; border-bottom:0; background:#FFFFFF; }
#top-nav li ul li { border-bottom:1px solid #8A8A8C; }
#top-nav li ul li a,
#top-nav li ul li a:link,
#top-nav li ul li a:active,
#top-nav li ul li a:visited { width:108px; margin-right:0; color:#06599C; font-weight:normal; font-size:11px; background:none; background-color:#FFFFFF; height:auto; padding-bottom:5px; padding-right:3px; }
#top-nav li ul li a:hover { background-color:#BCE0ED;}

.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }

/* Left navigation */

#content_left h2 { background:url(../images/orange-arrow.gif) no-repeat center left; padding-left:20px; margin-left:10px; font:20px bold Geneva, Arial, Helvetica, sans-serif; color:#055797; margin-bottom:10px; }

ul.navigation { list-style:none; list-style-type:none; padding:0; margin:0; border:1px solid #BBBBB5; border-bottom:0; width:190px; margin-left:30px; }
ul.navigation li { border-bottom:1px solid #BBBBB5; }

ul.navigation li a,
ul.navigation li a:link,
ul.navigation li a:active,
ul.navigation li a:visited { display:block; width:180px; padding:5px; padding-bottom:10px; display:block; font:14px Geneva, Arial, Helvetica, sans-serif; color:#055797; text-decoration:underline ;}
ul.navigation li a:hover { background-color:#BCE0ED; }

ul.navigation li img { margin-top:10px; }

ul.navigation li .nav_image { text-align: left; }


/* sub items */
ul.navigation li ul li { border:0; }

ul.navigation li div.sub_item a,
ul.navigation li div.sub_item a:link,
ul.navigation li div.sub_item a:active,
ul.navigation li div.sub_item a:visited { padding:0; padding-left:20px; width:170px; font-size:11px; border:0; padding-bottom:3px; }

/* Active state */
a.parent_active,
a.parent_active:link,
a.parent_active:active,
a.parent_active:visited,
a.parent_active:hover {background-color:#BCE0ED;}

a.sub_active,
a.sub_active:link,
a.sub_active:active,
a.sub_active:visited,
a.sub_active:hover { text-decoration:underline; }


ul.navigation li table a,
ul.navigation li table a:link,
ul.navigation li table a:active,
ul.navigation li table a:visited { width:auto; }
ul.navigation li table a:hover {}

ul.downloads-sub-items { padding:0; margin:0; }
ul.downloads-sub-items li { list-style:none;   }
ul.downloads-sub-items li a, 
ul.downloads-sub-items li a:link, 
ul.downloads-sub-items li a:active, 
ul.downloads-sub-items li a:visited { color:#5E5E5E; width:auto; background:url(../images/home-pdf.gif) left no-repeat; padding-left:40px; }
ul.downloads-sub-items li a:hover { background:url(../images/home-pdf.gif) #BCE0ED left no-repeat; }


ul.videos-sub-items { padding:0; margin:0; }
ul.videos-sub-items li { list-style:none;   }
ul.videos-sub-items li a, 
ul.videos-sub-items li a:link, 
ul.videos-sub-items li a:active, 
ul.videos-sub-items li a:visited { color:#5E5E5E; width:auto; background:url(../images/home-video.gif) top left no-repeat; padding-left:42px; }
ul.videos-sub-items li a:hover { background:url(../images/home-video.gif) #BCE0ED top left no-repeat; }

/*=======================================
* Tooltips
* ======================================*/

/* trigger button */
#personalized_medicine_tip {
	display:block;
	overflow:hidden;
	cursor:pointer;
}

/* tooltip styling */
.tooltip {
	z-index:10000;
	display:none;
	background-color:#FEE4AA;
	padding:10px 10px 30px 10px;
	font-size:12px;
	color:#303030;
	width:500px;
	margin-left:10px;
}

.tooltip span { color:#E59B25; }

.tooltip.clinical { margin-top:7px; background-color:#C1E4D2; }
.tooltip.clinical span { color:#28CC85; }
.tooltip.brain { margin-top:14px; background-color:#D5C4DC; }
.tooltip.brain span { color:#8F00C4; }
.tooltip.personalized { margin-top:2px; }

#login, #login_register
{
	border: 1px solid #888;
	padding: 1em;
	margin: 1em;
	width: 80%;
}

#login p,
#login_register p
{
	clear: both;
}

#login ul,
#login_register ul
{
	list-style: none;
}

#login li,
#login_register li
{
	display: block;
	float: left;
	width: 500;
	clear: both;
}

#login label,
#login_register label
{
	display: block;
	font-weight: bold;
	float: left;
	width: 100px;
}

#login input,
#login_register input,
#login_register select
{
	width: 250px;
	float: left;
}

#login input.submit,
#login_register input.submit
{
	float: right;
	width: 120px;
}

br.clear
{
	clear: both;
}

#login h1,
#login_register h1
{
	font-size: 1.2em;
}


#login .error,
#login_register .error
{
	color: #F00;
	padding-left: 100px;
	height: 1.5em;
	width: 200px;
	float: left;
}