﻿body {font-size: 11px; color: #484848; font-family: Arial; padding:0px; margin:0px;}
a {color:#484848; text-decoration:none; outline:none; text-decoration:underline;}
a:hover{}
a img {border:none;}
ul li {list-style-type: square; margin-bottom:5px;}

h2 {font-size:19px; color:#888888;}
h3 {font-size:13px; margin-bottom:0; padding-bottom:0;}
.clr {clear:both; width:100%; height:1px;}

#pageWrap {width:100%;}

/** header **/
#Header { display:none;}
#MainNavWrap{ display:none;}

/** Master Content **/
#ContentWrap { margin:0;}

/** Home page **/
#HomeBanner { display:none;}
#HomeInsights{ display:none;}

.homeBucket {width:240px; height:260px; float:left; overflow:hidden;}
.homeBucket h2 { font-weight:normal; margin-top:6px;}

#homeLinkBucket {width:195px; background-image:url('/media/tmp-divider.jpg'); background-repeat: no-repeat; background-position:right center;}
#homeContentBucket1 {width:235px; padding-left:10px; padding-right:20px; background-image:url('/media/tmp-divider.jpg'); background-repeat: no-repeat; background-position:right center;}
#homeContentBucket2 {width:236PX; padding-left:10px; padding-right:20px;}
#homeQuickLinks {width:234px;}



/** Link Bucket **/
#homeLinkBucket {font-size:14px;}
#homeLinkBucket ul { width:163px; padding:0px; margin:0px;}
#homeLinkBucket li { border-left:solid 3px #f7cb06; list-style:none; margin-bottom:2px;}
#homeLinkBucket a  { color:#484848; text-decoration:none; display:block; padding-left:10%; width:90%; background-color:#EEEEEE; line-height:30px;}
#homeLinkBucket a:hover {background-color:#DDDDDD; }

/** Content Buckets **/
#HomeContentBucket2ClientName { font-weight:bold; font-size:13px;}


/** Quick Links**/
#homeQuickLinks { position:relative; background-color:#F1BE13; font-size:11px;}
#homeQuickLinks a { text-decoration:none; }
#homeQuickLinks ul {margin:0px; padding:0px;}
ul#HomeTabbedPane { margin:0px; padding:0px; position:relative; }
ul#HomeTabbedPane .divider { font-size:4px; height:1px; border-bottom:solid 1px #CCCCCC; width:100%; clear:both; margin:0px;}

/** ie6 treats does not understand chain of css classes, it reads a.b.c as a.c **/
ul#HomeTabbedPane li.Tab, ul#HomeTabbedPane li.Tab_Active {list-style:none; display:inline-block; float:left; overflow:visible; position:absolute; left:0px; top:0px;}
.TabContent { visibility:hidden; position:absolute; top:30px; left:0px; width:169px; height:229px; padding-left:25px; padding-right:40px; overflow:hidden; background-image:url('/media/tmp-newsbox-bottom.jpg'); background-position:center;}

ul#HomeTabbedPane > li.Tab_Active > .TabContent { visibility:visible;}
#homeQuickLinks .TabContent a { text-decoration:underline;}
a.TabHeader {height:30px; float:left; outline:none;}
a.TabHeader:hover {text-decoration:none;}

a#NewsTabHeader {width:70px; background-image:url('/media/tmp-tab-news-off.jpg'); position:absolute; left:0px; top:0px;}
a#LinksTabHeader {width:88px; background-image:url('/media/tmp-tab-qlinks-off.jpg'); position:absolute; left:70px; top:0px;}
a#EventsTabHeader {width:77px; background-image:url('/media/tmp-tab-events-off.jpg'); position:absolute; left:158px; top:0px;}

li.Tab_Active a#NewsTabHeader {background-image:url('/media/tmp-tab-news-on.jpg');}
li.Tab_Active a#LinksTabHeader {background-image:url('/media/tmp-tab-qlinks-on.jpg');}
li.Tab_Active a#EventsTabHeader {background-image:url('/media/tmp-tab-events-on.jpg');}

#NewsTabContent li { list-style:none; margin-bottom:5px;}
#NewsTabContent h3 { margin:0px; padding:0px; padding-bottom:2px; padding-top:5px; font-weight:normal; font-size:11px;}

#LinksTabContent li { list-style:none; margin-bottom:5px; }
#LinksTabContent h3 { margin:0px; padding:0px; margin-bottom:3px; margin-top:5px; font-size:11px;}
#EventsTabContent li { list-style:none; margin-bottom:5px;}
#EventsTabContent h3 { margin:0px; padding:0px; margin-bottom:2px; margin-top:5px; font-weight:normal; font-size:11px;}

.TabbedPaneReadMoreLink { position:absolute; right:20px; bottom:15px; font-weight:bold;}

/** Interior Pages**/
#pageBody { margin-top:1em;}
#pageBody h2 {padding:0px; margin:0px;}



/** Left Column**/
#leftColumn {visibility:hidden; height:0px; width:0px; overflow:hidden;}

/** Right Column **/
#rightColumn { width:100%;}
h1#pageTitle {width:100%; margin:auto; padding: 0px; margin: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 27px; font-weight:normal; color: #FFFFFF; height: 48px; padding-top: 52px;}
#pageBody { width:100%;}

#pageBody .hr { height:0px; padding-bottom:.5em; margin-bottom:.5em; border-bottom:1px solid #CCCCCC;}
#pageBody .hr hr { visibility:hidden;}



/** Generic Table Styles**/
table.GenericTable {width:100%; border-collapse: collapse;}
table.GenericTable td { padding:10px 20px 10px 20px;}

table.GenericTable > thead > tr{
    background-color:#E0E0E0;
    font-size:19px;
    color:#8F8F8F;
}

table.GenericTable > tbody > tr{
    background-color:#F4F4F4;
}

table.GenericTable > tbody > tr.highlight
{
    background-color:#C4C4C4;
}



/** Page Downloads and application notes **/
.RelatedDownloads { background-color:#F4F4F4; padding:15px; }
.RelatedDownloads h2 { /*font-weight:normal;*/ font-size:16px;}
.RelatedDownloads h3 {margin:0px; padding:0px;}
.RelatedDownloads h4 {margin:0px; padding:0px;}
.RelatedDownloads .RelatedDownloadsRow { width:100%; clear:both; border-bottom:solid 1px #C8C8C8;}
.RelatedDownloads .RelatedDownloadsGuide { display:none; }
.RelatedDownloads .DownloadInfo { width:470px; float:left; clear:left;}
.RelatedDownloads .DownloadAccess {display:none;}
ul.RelatedDownloadsList { width:100%; clear:both; margin:0px; padding:0px;} 
ul.RelatedDownloadsList .DownloadAccess {height:30px; background-position:center center; background-repeat:no-repeat;}


#ApplicationNoteDownload {height:26px; width:130px; margin-top:2em;}
#ApplicationNoteDownload .DownloadAccess { display:none;}
#ApplicationNoteDownload a.AppNodeDownloadLink { width:100px; height:26px; float:right; clear:right;}
a.AppNodeDownloadLink img {border:none;}


/** List of all application notes in application notes page **/
.Downloads#ApplicationNotes {}
.Downloads#ApplicationNotes h2 { font-weight:normal; font-size:16px;}
.Downloads#ApplicationNotes h3 {margin:0px; padding:0px;}
.Downloads#ApplicationNotes h4 {margin:0px;}

.Downloads#ApplicationNotes .DownloadsRow { width:100%; clear:both; border-bottom:solid 1px #C8C8C8;}
.DownloadsRow.highlight { background-color:#F4F4F4;}

.Downloads#ApplicationNotes .DownloadInfo { width:100%; clear:both;}
.Downloads#ApplicationNotes .DownloadAccess {display:none;}
ul.DownloadsList { width:100%; clear:both; margin:0px; padding:0px;} 
ul.DownloadsList > li {list-style:none; padding:10px;}
ul.DownloadsList .DownloadAccess {display:none;}
ul.DownloadsList a.downloadLink h4 {height:12px; line-height:12px; padding:0px; padding-top:15px;}









.Locked { background-image:url('/media/tmp-img-locked.jpg');}
.Unlocked {background-image:url('/media/tmp-img-unlocked.jpg')}
.Unprotected {background-image:url('/media/tmp-img-free.jpg')}
ul.RelatedDownloadsList > li {width:100%; list-style:none; padding:10px 0 10px 0; margin:0px; clear:both; display:block;}







/** Press Releases **/
#pressRelasesLinkBar{ width:100%; clear:both; height:20px; line-height:20px;}
a.PressReleasesRssLink { background-image:url('/media/img-icon-rss.jpg'); background-position:right center; background-repeat:no-repeat; padding-right:15px; display:block; float:left; height:20px; line-height:20px;}
ul#PressReleaseYearIndex { height:20px; float:right; width:540px; text-align:right; margin:0px; padding:0px;}
ul#PressReleaseYearIndex > li {height:20px; list-style:none; width:40px; padding:0px 5px; text-align:center; display:block; float:right;}
li.PressReleasesYearIndexDivider {border-right:dotted 1px;}
ul#PressReleaseYearIndex > li.Active a { font-weight:bold;}
.PressReleaseDate {}


/** Forms **/
.Form {width:560px; padding:20px 29px; background-color:#F3F3F3;}
.Form h2 {margin:0px; color:#888888;}

.row {width:100%; clear:both; padding-bottom:15px; height:30px; overflow:visible;}
.LabelCell {float:left; clear:left; font-size:13px; font-weight:bold;}
.InputCell {float:left; clear:right; }

/** Contact Form **/
#ContactForm {}
#ContactForm .hr { margin-bottom:2em;}
#ContactForm .LabelCell {width: 190px;}
#ContactForm .InputCell {width:370px;}
#ContactForm .InputCell input {width:280px; clear:left; float:left; height:22px;}
#ContactForm .InputCell select {width:285px; height:22px;}
#ContactForm .ValidationMessage {float:left; clear:left;}

#contactFormComments.InputCell textarea { width:340px; height:167px;}
#contactFormPostal.InputCell input {width:104px;}
#contactFormPhone.InputCell input {width:170px;}
#contactFormReference.InputCell input {width:340px;}
.formPhoneformatNote { color:#999999; font-size:10px; line-height:22px;}

#ContactForm .submit input {float:right; margin-right:25px;}

/** RMA Form **/
#RMAForm {}
#RMAForm .hr { margin-bottom:2em;}
#RMAForm .LabelCell {width: 190px;}
#RMAForm .InputCell {width:370px;}
#RMAForm .InputCell input {width:280px; clear:left; float:left; height:22px;}
#RMAForm .InputCell select {width:285px; height:22px;}
#RMAForm .ValidationMessage {float:left; clear:left;}

#RMAFormComments.InputCell textarea { width:340px; height:167px;}
#RMAFormPostal.InputCell input {width:104px;}
#RMAFormPhone.InputCell input {width:170px;}
#RMAFormReference.InputCell input {width:340px;}
.formPhoneformatNote { color:#999999; font-size:10px; line-height:22px;}

#RMAForm .submit input {float:right; margin-right:25px;}



/** Login Form **/
#LoginLoginBox {width:250px; float:right; margin:10px 0px 10px 0px;}
#LoginContents {width:350px; float:left;}

/** Registration Form**/
#RegistrationForm{}
#RegistrationForm .hr { margin-bottom:2em;}
#RegistrationForm .LabelCell {width: 190px;}
#RegistrationForm .InputCell {width:370px;}
#RegistrationForm .InputCell input {width:280px; clear:left; float:left; height:22px;}
#RegistrationForm .InputCell select {width:285px; height:22px;}
#RegistrationForm .ValidationMessage {float:left; clear:left;}


#RegistrationFormPhone.InputCell input {width:170px;}
#RegistrationFormPostal.InputCell input {width:104px;}



/** Password Recovery Form **/
#PasswordRecoveryContents {width:350px; float:left;}
#PasswordRecoveryForm { width:210px; float:right; padding:20px;}
#PasswordRecoveryForm .row { padding-bottom:0px;}
#PasswordRecoveryForm .LabelCell {width: 80px;}
#PasswordRecoveryForm .InputCell {width:130px;}
#PasswordRecoveryForm .InputCell input {width:130px; clear:left; float:left; height:22px;}


#PasswordRecoveryForm .row#PasswordRecoverySubmit { text-align:right;}





.formPhoneformatNote { color:#999999; font-size:10px; line-height:22px;}



/** Registration Form **/
.RegisterButton { margin-right:100px;}
.RegisterButton { outline:none;}




/** Footer **/
#Footer { display:none;}
#Footer table td {padding-left:25px; padding-right:25px;}
#Footer h2 { margin-bottom:5px; padding-bottom:5px; color:#555555; font-size:13px; font-weight:bold; border-bottom:1px dotted #CCCCCC;}
#Footer a {}

#FooterCredits {padding-left:25px; padding-right:25px; width:910px; clear:both; height:40px; color:#7c7c7c; border-top:1px solid #CCCCCC;}
#FooterCreditsCopyright { margin-top:10px; float:left; width:50%; height:30px; text-align:left;}
#FooterCreditsEnvision { margin-top:10px; float:right; width:50%; height:30px; text-align:right;}

/** WYSIWYG **/
.ImageAlignLeft {
float: left;
margin: 0px 14px 14px 0px;
}

.ImageAlignRight {
float: right;
margin: 0px 0px 14px 14px;
}