/* CSS Document */

body {
background-color:#f5f5f5;
font-size:62.5%;
}

#total {
width:820px;
/*font-size:12px;*/
font-family: Verdana, Arial, Helvetica, sans-serif;
margin-left:auto;
margin-right:auto;
background-color:#ffffff;
border:solid white;
border-width:2px 10px 5px 10px;
}


/************************
/***  Banner graphic  ***
*************************/
div#total div#banner {
 position:relative;
}
img#bannerImage {
	margin-top:1.6em;
}

/*
*
* Utility Menu
*
*
*/
div#total div#banner div#utilityMenu {
	position:absolute;
	right:6px;
	top:2px;
	padding:0px 0px 0px 0px; 
	margin:0px 0px 0px 0px;
	font-size:1em;
}
div#total div#banner div#utilityMenu ul {
	padding:0px 0px 0px 0px; 
	margin:0px 0px 0px 0px;
}

div#total div#banner div#utilityMenu ul li {
	display:inline;
	padding:0px 0px 0px 0px; 
	margin:0px 0px 0px 5px;
}
div#total div#banner div#utilityMenu ul li a {
	color:#333;
	padding:0px 0px 0px 0px; 
	margin:0px 0px 0px 0px;
}

div#outerUtilityPopUp {
	font-size:12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color:#ccc;
	width:644px; /* inner box + padding */
	height:458px; /* inner box (400px) + padding = 472px*/
	position:absolute;
	left:20px;
	top:20px;
	border:2px solid #FFF;
}
div#outerUtilityPopUp div#innerUtilityPopUp {
	background-color:#fff;
	padding:12px 12px;
	width:600px;
	height:400px;
	position:absolute;
	left:10px;
	top:24px;
	overflow:scroll;
}
div#outerUtilityPopUp div#innerUtilityPopUp span.credits_location { 
	font-size:80%;
	color:#666;
}

div#outerUtilityPopUp p#utilityClose {
	margin:0px 0px;
	padding:0px 0px;
	line-height:24px;
	padding-right:24px;
	background-image:url('../../../../common/images/closeIcon-grey-24.png');
	background-repeat:no-repeat;
	background-position:right;
	text-align:right;
}
div#outerUtilityPopUp p#utilityClose a{
	color:#FFF;
}
/**
* Breadcrumb styling
**/
div#total div#banner div.breadCrumb {
	position:absolute;
	left:6px;
	top:2px;
	padding:0px 0px 0px 0px; 
	margin:0px 0px 0px 0px;
	font-size:10px;
}
div#total div#banner div.breadCrumb p#breadcrumb, div#total div#banner div.breadCrumb p#breadcrumb a {
	color:#666;
	padding:0px 0px 0px 0px; 
	margin:0px 0px 0px 0px;
	text-decoration:none;
}
div#total div#banner div.breadCrumb p#breadcrumb a:link {
	color:#666;
}
div#total div#banner div.breadCrumb p#breadcrumb a:visited {
	color:#666;
}
div#total div#banner div.breadCrumb p#breadcrumb a:hover {
	color:#000;
}
div#total div#banner div.breadCrumb p#breadcrumb a:active {
	color:#666;
}

/*****************************
****  Breadcrumb styling  ****
******************************/
/*
div#breadCrumb p{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
padding-bottom:2px;
padding-top:2px;
padding-left:20px;
margin-top:2px;
text-align:right;
}*/

/************************************************
*************************************************
***   Main Container - left and right column  ***
*************************************************
************************************************/

div#total #mainContainer {
padding:0px 0px 0px 0px;
margin:12px 0px 0px 0px;
}

/***************************************
****************************************
***   Left column - left navigation  ***
****************************************
****************************************/
div#mainContainer #leftColumn {
width:156px;
background:#FFFFFF;
font-size:12px;
float:left;
}

div#mainContainer div#leftColumn {
margin:0px 0px 20px 0px;
padding:0px 0px 0px 0px;
}

div#mainContainer div#leftColumn h2 {
text-align:center;
font-size:12px;
margin:0px 0px 0px 0px;
padding:3px 5px 3px 5px;
background-color:#444444;
color:#FFFFFF;
font-weight:normal;
}

div#mainContainer div#leftColumn ul {
margin:0px 0px 10px 0px;
padding:0px 0px 0px 0px;
color:#0c3241;
border-bottom:1px solid #CCCCCC;
}

div#mainContainer div#leftColumn li{
list-style-type:none;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
/*with no bottom border it displays incorrectly in IE6*/
}

div#mainContainer div#leftColumn li ul{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
border-bottom:none;
}
div#mainContainer div#leftColumn li ul li{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

div#mainContainer div#leftColumn li a{
font-size:11px;
width:inherit;
margin-left:0px;
padding-left:10px;
}

div#mainContainer div#leftColumn li ul li a{
font-size:11px;
margin-left:0px;
padding-left:30px;
/*background-color:#F9F9FF;*/
}

div#mainContainer div#leftColumn li ul li ul li a{
font-size:11px;
margin-left:0px;
padding-left:50px;
/*background-color:#F6F6FF;
background-color:#e6e6fc;*/
}

div#mainContainer div#leftColumn a{
display:block;
text-decoration:none;
padding-right:5px;
padding-bottom:5px;
padding-top:5px;
margin:0px 0px 0px 0px;
border-left:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
/*border-bottom:1px solid #cdd4d7;*/
}

div#mainContainer div#leftColumn a:link{
color:#666666;
}

div#mainContainer div#leftColumn a:visited{
width:auto;
color:#666666;
}

div#mainContainer div#leftColumn a:hover{
color:#0c3241;
background-color:#cfff6b;
}

div#mainContainer div#leftColumn a:active{
color:#333333;
}

div#mainContainer div#leftColumn a#selected {
	color:#333333;
	background-color:#DDDDDD;
}

div#leftColumn ul#mainMenu li.sectionSelect a.selected {
	color:#333333 !important;
	background-color:#DDDDDD !important;
}

div#mainContainer div#leftColumn h2.menu_dropdown {
	overflow: hidden;
	background-image:url(../images/dropDown_03.gif);
	background-repeat:no-repeat; 
	/*background-position:center left;*/
	background-position:0px 2px;
	cursor:pointer;
	cursor:hand;
}

/****************************************
****************************************
***         Right column             ***
****************************************
****************************************/

#rightColumn {
margin-left:166px; /* left column width + gap between columns */
padding-bottom:40px;
}


/*****************************
****   Content             ****
******************************/
div#rightColumn div#content {
	position:relative;
}

div#rightColumn div#content div{
margin:0px 0px 40px 0px;
padding:0px 0px 0px 0px;
line-height:170%;
}
div#rightColumn div#content h1{
margin:0px 0px;
padding:0px 14px 0px 14px;
font-size:16px;
font-weight:normal;
}

div#rightColumn div#content h2{
margin:0px 0px 10px 0px;
padding:2px 14px 2px 14px;
font-size:16px;
font-weight:normal;
color:#000;
}

div#rightColumn div#content h3{
margin:0px 35px 10px 35px;
border-bottom:1px solid #CCCCCC;
font-size:14px;
font-weight:normal;
}

div#rightColumn div#content h4{
margin:20px 35px 10px 35px;
font-size:1.3em;
}

div#rightColumn div#content p{
margin:15px 35px 15px 35px;
font-size:1.3em;
}

div#rightColumn #content ul, div#rightColumn #content ol{
margin:10px 35px 15px 60px;
padding:0px 0px 0px 0px;
}

div#rightColumn #content ul li ol {
	font-size:10px;
}

div#rightColumn div#content ul li ul li {
	font-size:12px;
}

div#rightColumn #content ul li, div#rightColumn #content ol li{
margin-top:5px;
margin-bottom:5px;
font-size:1.3em;
}
div#rightColumn div#content div#siteMap ul li {
	font-size:12px;
}

div#rightColumn div#content ul li.video {
	list-style-image:url(../applications/spectral/images/TEE-icon-16px-01.jpg);
}


/************************
images in right column
***********************/
div#rightColumn div#content .imageWithCaption {
 border:1px solid #999999;
 }
 div#rightColumn div#content div.imageWithCaption {
margin-top:1em !important;
margin-bottom:1em !important;
 }

div#rightColumn div#content .imageWithCaption p{
 font-size:10px !important;
 background-color:#eeeeee !important;
 padding:5px 10px 5px 10px !important;
 margin-left:0px !important;
 margin-right:0px !important;
 margin-bottom:0px !important;
 margin-top:0px !important;	
 border-top:1px solid #dddddd;
 text-align:center;
}

div#rightColumn #content .imageWithCaption img{
}

/****************************************
****************************************
***         Footer                   ***
****************************************
****************************************/

#footer {
clear:both;
text-align:center;
color:#333333;
font-size:10px;
border-top:solid 2px #dddddd;
padding:0px;
margin:0px 0px 0px 0px;
}
/********************************
Horizontal navigation bar
********************************/
div#footer .mainNav {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#666666;
padding-bottom:2px;
padding-top:2px;
margin-bottom:0px;
margin-top:0px;}

div#footer .mainNav li{
display:inline;
border-right-style:solid;
border-right-width:1px;
border-right-color:##666666;
padding-left:0.5em;
padding-right:0.5em;
}

div#footer .mainNav ul li:last-child, .mainNav ul li.last-child {
border-right:none;
}

/*Link visited hover active*/
div#footer .mainNav ul li a{
color:#666666;
text-decoration:none;
}

div#footer .mainNav ul li a:hover{
color:#666666;
text-decoration:underline;
}

div#footer .mainNav ul li a:active{
color:#666666;
text-decoration:none;
}

div#footer .mainNav ul{
text-align:center;
margin:1px;
padding-left:0px;
}

div#footer .mainNavSelected{
color:#333333;
}

div#footer .mainNavButton {
color:#FFFFFF;
text-decoration:none;
}
/****************************************
****************************************
***         Misc                     ***
****************************************
****************************************/

#physioLargeFlash {
margin-bottom:15px;
margin-left:auto;
margin-right:auto;
text-align:center;
}

div#rightColumn div#content div#synopsis_options, div#rightColumn div#content div#synopsis_nav {
	/*border:solid 1px #999;*/
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}
div#rightColumn div#content div#synopsis_nav {
	float:right;
	padding-right:12px;
}
div#rightColumn div#content div#synopsis_nav form p {
	/*border:solid 1px #999;*/
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 14px;
}
div#mainContainer div#rightColumn div#content div#synopsis_options {
	margin:5px 0px 0px 0px; 
	padding:0px 0px 0px 0px; 
	clear:right;
}
div#rightColumn div#content div#synopsis_options input {
	margin-right:10px;
	margin-left:0px;
	padding:0px 0px 0px 0px;
}
div#rightColumn div#content div#synopsis_options input.synopsisOptions_200 {
	width:198px;
}
div#rightColumn div#content div#synopsis_options input.synopsisOptions_100 {
	width:99px;
}
div#rightColumn div#content div#synopsis_options input.synopsisOptions_alpha {
	margin-right:0px;
}

div#rightColumn div#content div.supersection {
	margin-top:0px;
	margin-bottom:0px;
}

div#rightColumn div#content div#synopsis_options {
	margin-bottom:20px;
}
div#rightColumn div#content div#synopsis_options input#defaultView_btn {
	display:none;
}
div#rightColumn div#content div#options h1 {
	font-size:12px;
	background-color:#000;
	color:#FFF;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 10px;
}
div#rightColumn div#content div#options h2 {
	font-size:11px;
}
div#rightColumn div#content div#synopsis_options input#options_a {
	display:none;
}
div#mainContainer div#rightColumn div#content div.supersection div.supersectionDiv div.section {
	margin-left:10px;
	margin-bottom:0.5em;
	margin-top:0px;
	padding-bottom:0px;
	/*border:1px solid pink;*/
}
div#rightColumn div#content div.supersection div.supersectionDiv div.section div.subsection { 
/*border:1px solid #orange;*/
padding-top:0.2em;
margin-top:0px;
margin-bottom:0em;
}
div#rightColumn div#content div.supersection div.supersectionDiv div.section p {
 padding-left:0.7em;	
}
div#rightColumn div#content div.supersection div.supersectionDiv div.section div.subsection p{ 
/*border:1px solid #brown;*/
margin-top:0em;
}
div#rightColumn div#content div.supersection div.supersectionDiv div.section div.subsection ul{ 
/*border:1px solid #brown;*/
margin-top:0em;
}
div#rightColumn div#content div.supersection div.supersectionDiv div.section div.subsection li{ 
/*border:1px solid #green;*/
margin-top:0em;
}

div#rightColumn div#content div.supersection div.supersectionDiv div.section h3, div#rightColumn div#content div.supersection div.supersectionDiv div.section div.subsection h4 {
	color:#333;
	font-size:14px;
	/*border:1px solid #teal;*/
	margin-bottom:0.1em;
}
div#rightColumn div#content div.supersection h2 {
	font-size:16px;
	padding-top:0px;
	margin-top:0px;
	padding-left:0px;
	margin-left:10px;
}
div#rightColumn div#content div.supersection {
	border-top:#CCC 2px solid;
	padding-top:10px;
}
div#rightColumn div#content div.supersection button.sectionButton {
	margin-top:0px !important;
	padding-top:0px !important;
	margin-right:10px;
}
div#rightColumn div#content div.supersection div.section button.sectionButton {
	margin-top:0px !important;
	padding-top:0px !important;
	margin-right:10px;
}
div#rightColumn div#content div.supersection div.supersectionDiv div.section div.subsection div.extra_subsection, div#rightColumn div#content div.supersection div.supersectionDiv div.section div.subsection h4 {
	margin-top:0px;
	margin-bottom:0px;
}
 div#rightColumn div#content div.supersection div.supersectionDiv div.section div.subsection h4 {
	 padding-left:0.5em;
	 padding-bottom:0.3em;
 }
div#rightColumn div#content div.supersection div.supersectionDiv h3{
	padding-top:0px;
	margin-top:0px;
	margin-left:0px; padding-left:0px;
	display:inline;
	border-bottom:none;
	/*border-top:1px solid #CCCCCC;*/
}
div#rightColumn div#content div.supersection {
	display:block !important;
}

div#rightColumn div#content div.supersection div.supersectionDiv div.section div.subsection li, div#rightColumn div#content div.supersection li {
	font-size:12px;
}

div#rightColumn div#content div#synopsis_warning {
	color:#F00;
	font-size:14px;
	text-align:center;
	border:1px solid #F00;
	padding:10px 10px;
	margin-bottom:10px;
}
/**
* row-01 class
* It is generally applied to a div.
* The row-01 class is used in pages
* with blocks of content that provide
* brief descriptions of another section 
* of the website.
*/
div#rightColumn div#content div.row-01 {
	margin-right:31px; 
}
div#rightColumn div#content div.row-01 div {
	margin-top:0px;
	margin-left:31px;
	padding-top:0px;
	margin-right:31px;
	position:relative; 
	min-height:90px;
}
div#rightColumn div#content div.row-01 ul.content_vertItem_right {
	margin:10px 31px 10px 181px;
}
div#rightColumn div#content div.row-01 ul.content_vertItem_right li {
	margin:3px 0px 3px 110px;
	font-size:1em;
}
div#rightColumn div#content div.row-01 .content_vertItem_right {
	font-size:1.2em;
	margin:0px 22px 0px 181px;
}
div#rightColumn div#content div.row-01 a.content_vertItem_left {
	width:80px; margin:0px 0px; padding:0px 0px; position:absolute; left:51px; top:0px;
}
div#rightColumn div#content div.row-01 a.content_vertItem_left img {
	width:80px; margin:0px 0px; padding:0px 0px; position:absolute; left:0px; top:0px;
}

span.credits {
	color:#666;
	display:block;
	font-size:10px;
	line-height:1.3em !important;
	margin-bottom:20px;
}