/* Main Style Sheet for octoScope */

/* Standard HTML Elements */

body {font-family:Arial, Helvetica, sans-serif; margin:0px; text-align:center; background-color:white; background-image:url(/English/Images/Backgrounds/Background_Body.gif); background-repeat:no-repeat; background-position:center top;}

a {color: #00BDB5; text-decoration:none;}
a:hover { text-decoration: underline;}

h1 { color: #005EC4; font-size: 14pt; margin: 20px 10px 2px 10px; }
h2 { color: #005EC4; font-size: 11pt; margin: 8px 10px 2px 10px; }
h3 { color: #005EC4; font-size: 10pt; margin: 6px 10px 2px 10px; }
h4 { color: #005EC4; font-size: 9pt; margin: 4px 10px 2px 10px; }

b, strong {font-weight:bold;}
div {font-size:10pt; color:black;}
i, em {font-style:italic; }
img {border-style:none;}
li {margin:0px 10px 0px 20px; line-height:130%;}
ol {padding:0px; margin-left:10px; list-style-type:decimal;}
p {margin-left:10px; margin-right:10px; line-height:140%;}
ul {padding:0px; margin: 0px 20px 0px 10px; list-style-type:square;}


/* IDs */

#MainContainer {width:900px; background:white; margin:0px auto 0px auto; display:block; text-align:left; font-size:10pt;}
#MainSection {width:900px;}
#MainSectionLeft {width:200px; float: left;; overflow:visible;}
#MainSectionRight {width:700px; float: right;}
#SidebarRight {width:250px; border: solid 1px #00257A; padding: 0px; float: right; margin: 8px 10px 4px 4px; background-color: #F1F1F1;}
#SlideshowHomepage {width:450px; height:200px;}

h3#SidebarHeading {color:#005EC4; }

/* Classes applicable to any element */

.Article {width:680px; margin:12px 10px 8px 10px; padding-top:4px; border-top:solid 1px #CCCCCC;}
.ArticlePDF {width:24px; float:left;}
.ArticleDescription {width:516px; float:left; line-height: 130%;}
.ArticleTitle {font-weight:bold; font-size:11pt;}
.ArticleDate {width:130px; margin-left:10px; float:right; text-align:right;}
.BoxLeftColumn {width:174px; border:solid 1px #AAAAAA; margin:20px 0px 10px 10px; overflow:visible;}
.BoxLeftColumnHeading {font-size: 10pt; font-weight:bold; color:white; background-color:#B2B2B2; margin:0px; padding:2px 0px 2px 0px; text-align:center; }
.CustomerQuoteText {font-size:12pt; font-family:"Times New Roman", Times, serif; font-style:italic; width:140px;}   /* The width attribute is necessary to handle a bug with italics in IE6 */
.CustomerQuoteName {font-size:9.5pt;  font-style:normal;}
.divClear {clear:both;}
.Event {width:669px; border-top:solid 1px #CCCCCC; padding:4px; margin:4px 10px 4px 10px;}
.EventLeft {width:125px; float:left;}
.EventRight {width:534px; margin-left:10px; float:right; display:inline;}
.FormCategoryName {font-size: 11pt; font-weight: bold; color:#CC0033; margin: 12px 0px 4px 10px;}
.FormVariableName {font-size: 9pt; text-align: right; width:40%; height:26px; float:left;} 
.FormVariableValue {font-size: 9pt; width:58%; height:26px; float:right;}
.Footer {font-size: 8pt; color: #999999;}
.Ink {margin:2px 10px 18px 10px; padding-bottom:3px; border-bottom:solid 1px #DDDDDD;}
.InkPDF {width:20px; float:left; margin-left:0px;}
.InkTitle {width:520px; float:left;}
.InkDate {width:120px; float:right; margin-right:10px; text-align:right;}
.PRChrono {margin-bottom:8px;}
.PRChronoPDF {width:30px; float:left; margin-left:20px;}
.PRChronoTitle {width:530px; float:left;}
.PRChronoDate {width:110px; float:right; margin-right:10px; text-align:right;}
.PR_Title {margin-top: 8px; font-size: 13pt; color:black; margin-bottom: 8px; text-align:center; }
.PR_Subtitle {margin: 0px; font-size: 11pt; color:black; margin-bottom: 4px; text-align:center; }
.StandoutBoxNavy {width:500px; color:navy; padding:4px; text-align:center; margin:10px auto 10px auto; border-top:solid 4px navy; border-right:solid 1px navy; border-bottom:solid 4px navy; border-left:solid 1px navy;}

/* Classes applicable to only specified elements */

div.Bio {width:680px; margin:18px 10px 0px 10px;}
div.BioPhoto {width:100px; display:block; float:left; margin:16px 6px 4px 0px;}
div.BioDescription {width:570px; float:right; margin:4px 0px 0px 0px;}
h2.Bio {margin-bottom:-4px; margin-left:0px;}
div.FigureRight {display:block; float:right; margin:0px 0px 8px 4px;}
li.Answer {list-style: none; background-image: url(/English/Images/Icons/A_is_for_Answer.jpg); background-repeat: no-repeat; background-position: 0px 4px; padding-left:22px; padding-bottom:10px; margin-right:10px; margin-left:16px;}
li.Question {list-style: none; background-image: url(/English/Images/Icons/Q_is_for_Question.jpg); background-repeat: no-repeat; background-position:0px 4px; padding-left:22px; padding-bottom:10px; margin-right:10px; margin-left:6px; margin-top:12px; font-weight:bold;}
li.First {margin-top:-10px;}
li.PDF {list-style: none; background-image: url(/English/Images/Icons/PDF_Icon_16px.gif); background-repeat: no-repeat; background-position: 0px 2px; padding-left: 18px; padding-bottom: 10px; margin-right: 10px; margin-left: 6px; }
li.RedArrow {list-style: none; background-image: url(/English/Images/Buttons/Arrow_Red_Right_8px.gif); background-repeat: no-repeat; background-position: 0px 2px; padding-left: 18px; padding-bottom: 10px; margin-right: 10px; margin-left: 6px; }
p.AcronymName {font-weight:bold; margin-top:20px; margin-bottom:0px; color:#005EC4;}
p.AcronymDefinition {margin-top:0px; margin-left:20px; margin-bottom:0px;}
p.AcronymSource {color:#666666; font-size:8pt; margin-top:0px; text-align:right; font-style:italic;}
p.AcronymSource a {color:#666666;}
p.FigureCaption {text-align:center; font-size:8pt; line-height:100%; margin:2px;}
p.First {margin-top:0px;}
p.SidebarRight { font-size: 8.5pt; line-height: 110%;}

/* the overlayed element */
.simple_overlay {
	
	/* must be initially hidden */
	display:none;
	
	/* place overlay on top of other elements */
	z-index:10000;
	
	/* styling */
	background-color:white;
	
	min-width:675px;	
	min-height:100px;
	border:1px solid #9c9c9c;
	
	/* CSS3 styling for latest browsers */
	-webkit-border-radius:8px;
    -moz-border-radius:8px;
    border-radius:8px;
	-moz-box-shadow:5px 5px 10px #6C6C6C;
	-webkit-box-shadow:5px 5px 10px #6C6C6C;
	box-shadow:5px 5px 10px #6C6C6C;
}

/* close button positioned on upper right corner */
.simple_overlay .close { background-image:url('/English/Images/Buttons/Close_36px.png');
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}
#triggers img {cursor:pointer;}


/* ================================================================ 
The original version of this stylesheet and the associated html is available at http://www.cssplay.co.uk
Copyright (c) 2005-2011 Stu Nicholls. All rights reserved.
=================================================================== */

#main-nav { width:750px; height:27px; float:left; margin:0px; padding:0px; display:block; color:white; list-style-type:none; overflow:hidden; background-color:#005EC4;}
#main-nav ul {margin:0px auto 0px auto; padding:0px; list-style-type:none; width:100%; height:100%;}
#main-nav ul li {float:left; height:100%; overflow:hidden; font-size:10pt; margin:0px;}
#main-nav li a {color:white; padding:3px 20px 4px 20px; display: block; height:20px; font-weight:bold; border-right:solid 1px white; text-decoration:none;}
#main-nav li a:hover {background-color:#005EC4; color:#AFE8E2;}
#main-nav li.active a {background-color:#DDDDDD; color:#005EC4;}
#main-nav li.LastMainMenuItem a {border-right:none;}

#sub-nav {width:900px; height:24px; margin:0px; padding:0px; display:block; background-color:#DDDDDD; color:black; list-style-type:none; overflow:hidden;}
#sub-nav ul {margin:0px auto 0px auto; padding:0px; list-style-type:none; width:100%; height:100%;}
#sub-nav ul li {float:left; height:100%; overflow:hidden; font-size:9pt; font-weight:normal; background-color:#DDDDDD;}
#sub-nav li a {color:black; padding:3px 26px 4px 0px; display:block; border-right:solid 1px white; text-decoration:none;}
#sub-nav li a:hover {background-color:#DDDDDD; color:#C1212B;}
#sub-nav li.active a {background-color:#DDDDDD; color:#C1212B; font-weight:bold;}

#sub-nav li.LastSubMenuItem a {border-right:none;}

/* Table of Contents for Products */

#TableOfContents {width:174px; border:solid 1px #AAAAAA; margin:20px 0px 10px 10px; overflow:visible;}
#TableOfContents p.ToCLevel1 {margin:16px 0px 4px 4px; line-height:100%; font-weight:bold;}
#TableOfContents p.ToCLevel1 a {color:#444444;}
#TableOfContents p.ToCLevel2 {margin:4px 0px 2px 8px; line-height:100%; color:#777777;}
#TableOfContents p.Current a {color:blue;}