﻿/* Opf3 Global Style Sheet */

/* WIDTH = 97% for everything that is in the body */

body { font-family: Verdana, Sans-Serif; font-size: 69%; color: Black; font-weight: normal; margin-top: 10px; background: white; }
h1 { font-size: 12pt; color: #ec5800; font-family: Verdana, Sans-Serif; }
h2 { font-size: 10pt; font-weight: bold; color: #666685; margin: 2em 0em 1.2em 0em; }
h4 { font-size: 7.5pt; color: Gray; font-family: Verdana, Sans-Serif; font-weight: bold; text-transform: uppercase; margin: 1.2em 0em 1.2em 0em; }
span { font-size: 7.5pt; font-family: Verdana, Sans-Serif; color: Black; }
div { font-size: 7.5pt; font-family: Verdana, Sans-Serif; color: Black; }
p { font-size: 8pt; line-height: 1.2em; margin: 1.2em 5em 1.2em 0em; }
p a { font-size: 8pt; }
ul { font-size: 8pt; }
ol { font-size: 8pt; }
a { color: #4485b0; text-decoration: underline; }
code { font-family: Courier New; font-size: 8pt; color: #2b91af; font-weight: bold; }
.Keyword { font-family: Courier New; font-size: 8pt; color: #2b91af; }
.Keyword a { text-decoration: none; color: blue; }

.Main { width: 800px; }
.Header { background-color: #eeeecc; height: 60px; width: 100%; }
.CodeControl { margin: 1.2em 5em 1.2em 0em; width: 97%; }
.Code { font-family: Courier New; font-size: 9pt; background: #ededed; padding: 5px, 15px, 5px, 15px; }
.CodeLanguageBar { background: #dbdbdb; padding: 3px; font-size: 8pt; font-weight: bold; }
.CodeLanguageBar a { text-decoration: none; color: Gray; }
.CodeLanguageBar a:hover { color: black; }
.Keyword { color: Blue; }
.Title { font-size: 18pt; }
.SubTitle { font-size: 7.5pt; color: Gray; }
.Navigation { background-color: #c2c0c1; width: 100%; margin-top: 2px; margin-bottom: 10px; padding: 0; }
.Footer { font-size: 7.5pt; color: Gray; padding-top: 10px; }
.Footer a { text-decoration: underline; color: Gray; }
.TopNews { width: 100%; height: 150px; background: #f5f5f5; }
.TopNewsCell { padding-top: 20px; padding-left: 30px; padding-right: 10px; font-size: 7.5pt; }
.TopNewsCell a { font-size: 10pt; font-weight: bold; }
.Pillars { padding-left: 30px; padding-right: 10px; font-size: 7.5pt; }
.Pillar1Title { font-size: 9pt; font-weight: bold; color: #fd9321; line-height: 25px; }
.Pillar2Title { font-size: 9pt; font-weight: bold; color: #707fb4; line-height: 25px; }
.Pillar3Title { font-size: 9pt; font-weight: bold; color: #417f44; line-height: 25px; }
.Pillar1Cell { width: 33%; padding-right: 5px; }
.Pillar2Cell { width: 33%; padding-left: 5px; padding-right: 5px; }
.Pillar3Cell { width: 33%; padding-left: 5px; }
.NewsItem { background: #f5f5f5; padding-left: 30px; padding-top: 10px; padding-right: 30px; padding-bottom: 10px; }
.NewsDateBig { font-size: 7.5pt; font-weight: bold; width: 97%; height: 20px; }
.NewsDate { font-size: 7.5pt; font-weight: bold; }
.NewsTitle { font-size: 8pt; font-weight: bold; color: #0085b0; text-transform: uppercase; }
.NewsText { color: Gray; margin-bottom: 10px; }
.NewsBigText { font-size: 8pt; line-height: 1.2em; margin-bottom: 25px; }
.FormTable { border: 1px dotted gray; margin-top: 20px; width: 97%; }
.FormTable thead { font-size: 8pt; font-family: Verdana, Sans-Serif; font-weight: bold; color: SeaGreen; }
.PromotionalCodeTextBox { width: 60px; font-size: 8pt; font-family: Verdana, Sans-Serif; font-weight: bold; color: Green; }
.successfullySentLabel { font-size: 8pt; font-weight: bold; font-family: Verdana, Sans-Serif; color: Green; }
.MandatoryField { color: #cc0000; }

.ImageDescription { font-size: 7.5pt; color: Gray; font-weight: bold; padding-top: 10px; }
.ContainerRight { border-style: solid; border-color: #f0f0f0; margin-left: 7px; margin-bottom: 1px; margin-top: 3px; float: right;  text-align: center; padding: 5px; }
.ContainerLeft { border-style: solid; border-color: #f0f0f0; margin-right: 7px; margin-bottom: 1px; margin-top: 3px; float: left; text-align: center; padding: 5px; }
.ContainerCenter { border-style: solid; border-color: #f0f0f0; margin-left: 7pt; margin-right: 7px; margin-bottom: 1px; margin-top: 3px; text-align: center; padding: 5px; }

.TextBox { font-size: 8pt; font-family: Verdana, Sans-Serif; }
.Button { font-size: 8pt; font-family: Verdana, Sans-Serif; font-weight: bold; }
.CheckBox { font-size: 8pt; font-family: Verdana, Sans-Serif; }
.FileUpload { font-size: 8pt; font-family: Verdana, Sans-Serif; width: 100%; }
.LoginBox { border: 1px dotted gray; padding: 5px; width: 300px; }
.LoginBox thead { font-size: 8pt; font-family: Verdana, Sans-Serif; font-weight: bold; color: SeaGreen; }
.ErrorLabel { font-family: Verdana, Sans-Serif; font-size: 8pt; color: Red; }
.UserBar { font-size: 7.5pt; font-family: Verdana, Sans-Serif; color: Gray; margin-bottom: 5px; text-align: right; }
.UserBar a { color: Gray; }

.TopNavigationList { list-style: none; margin: 0; padding: 0; font-size: 7.5pt; }
.TopNavigationList li { padding: 0 1em 0 1.2em; display: inline; border-right: 1px solid White; }
.TopNavigationList li a { color: #fff; font-weight: bold; text-decoration: none; }

.LeftNavigationList, .LeftNavigationList ul, .LeftNavigationList ul ul { list-style: none; margin: 0; padding: 0; font-size: 7.5pt; background-color: #F5F5F5; }
.LeftNavigationList { width: 150px; margin-right: 30px; }
.LeftNavigationList ul { margin: 0; padding: 5px, 0, 5px, 0; }
.LeftNavigationList ul li { border-bottom: 1px solid #EFEFEF; margin: 0; padding-left: 12px; 
	background-image: url(../../Images/blt_gry_arrow.png); background-repeat: no-repeat; background-position: 12px 0.65em; }
.LeftNavigationList ul li.last-child { border-bottom: 0px; margin: 0; }
.LeftNavigationList ul li a { display: block; color: #666; text-decoration: none; padding: 3px 5px 3px 15px; margin: 0; }
.LeftNavigationList ul ul li { background: none; border-bottom: 1px solid #EFEFEF; }
.LeftNavigationList ul ul li a { display: block; padding-left: 12px; margin: 0; }
.LeftNavigationList ul li a:hover { color: #333; }

.CustomerArea { list-style: none; margin: 0; padding: 0; font-size: 7.5pt; }
.CustomerArea li { padding: 0 1em 0 1.2em; display: inline; border-left: 1px solid White; }
.CustomerArea li a { color: #fff; font-weight: bold; text-decoration: none; }

.DataTable { border: 1px dotted gray; font-family: Verdana, Sans-Serif; font-size: 8pt; padding: 5px; margin: 0px; }
.DataTable thead { background: #eaeacc; border-bottom: 1px solid black; font-weight: bold; text-transform: uppercase; }
.DataTableHeader { background: #eaeacc; border-bottom: 1px solid black; font-weight: bold; text-transform: uppercase; }
.VersionTable { border: 1px dotted gray; font-family: Verdana, Sans-Serif; font-size: 8pt; margin: 0px; width: 97%; margin-bottom: 30px; }
.VersionTableHeader { background: #eaeacc; font-weight: bold; text-transform: uppercase; font-size: 8pt; font-family: Verdana, Sans-Serif; padding: 5px; width: 100%; }
.VersionTableBody { font-size: 8pt; font-family: Verdana, Sans-Serif; padding: 5px; width: 100%; }
.VersionHistory { background: #f5f5f5; font-family: Courier New; font-size: 7.5pt; padding-bottom: 10px; padding-right: 10px; }

.BaseButtons { padding-top: 20px; text-align: right; width: 97%; }
.LicenseAgreement { background: #f0f0f0; padding: 5px; border: 1px dotted gray; font-size: 8pt; }

.BuyItem { font-size: 8pt; font-family: Verdana, Sans-Serif; width: 97%; background: #f5f5f5; padding-left: 5px; padding-right: 5px; margin-bottom: 2px; }
.BuyItemHeader { font-size: 8pt; font-family: Verdana, Sans-Serif; width: 100%; }
.BuyItemIncludes { font-size: 7.5pt; font-family: Verdana, Sans-Serif; margin-top: 0px; margin-bottom: 5px; }
.BuyItemQuantityBox { font-size: 8pt; font-family: Verdana, Sans-Serif; width: 25px; }
.BuyItemItemDetails { font-size: 7.5pt; font-family: Verdana, Sans-Serif; padding-left: 28px; }

.DownloadStatisticList { font-weight: bold; margin-top: 10px; }
.DownloadStatisticList li { margin-top: 20px; }
.DownloadStatisticList ul { font-weight: normal; }
.DownloadStatisticList ul li { font-size: 7.5pt;  margin-top: 0px; }
.DownloadStatisticCounter { font-size: 7.5pt; color: Green; }

.TopicsList { font-size: 8pt; font-family: Verdana, Sans-Serif; width: 97%; border: 1px solid #a0a29f; }
.TopicItem2 { background: white; }
.TopicItem1 { background: #f1f1f1; }
.AutorAndDate { color: Gray; }
.LastReply { color: Gray; }
.TopicTitle { text-decoration: none; }
.TopicTitle:hover { text-decoration: underline; }
.ForumCode { font-size: 8pt; font-family: Courier New, Courier; background: #e8e8e8; padding: 5px; width: 97%; border: 1px dotted green; }
.ForumQuote { font-size: 7.5pt; font-family: Verdana, Sans-Serif; background: white; padding: 5px; width: 97%; font-style: italic; border: 1px dotted green; }
.ForumQuoteTitle { font-size: 8pt; font-weight: bold; font-family: Verdana, Sans-Serif; }
.PostingTable { font-size: 8pt; font-family: Verdana, Sans-Serif; width: 97%; border: 1px solid #a0a29f; }
.PostingBig1 { background: #f1f1f1; }
.PostingBig2 { background: white; }
.PostingDate { color: Gray; }
.PostingTitle { font-weight: bold; text-transform: uppercase; color: #4485b0; }
.PostingHeader { font-size: 8pt; font-family: Verdana, Sans-Serif; width: 100%; }
.PostingCustomer { font-weight: bold; font-size: 7.5pt; color: Green; }

.TutorialsLearnMore { width: 97%; text-align: right; }
.TutorialsPicture { border: 1px solid gray; }
.TutorialLessonTitle { font-weight: bold; color: Navy; font-size: 8pt; }

.SearchTextBox { font-size: 8pt; font-family: Verdana, Sans-Serif; width: 450px; }