/* Template page layout structure styles - the "bones" of the page */
.wrapper { position:relative; margin-left:auto; margin-right:auto; width:960px;}
/* START: Header styles */
.header {z-index:100; height:110px; display:block; background: #fff url(/fairfax/media/images/head-shadow.gif) center bottom no-repeat;}
/* Utility nav styles*/
.mnavLogo {padding-top:12px; height:32px; width:130px; margin:0 0 0 8px; position:absolute; top: 50px;}
.unav {width:960px; float:right; text-align:right; font-size:70%; height:32px; padding-top:12px;}
.unav ul {padding:0; margin:0; width:auto; float:right; overflow:hidden;}
.unav li {display:inline; float:left; margin-top:5px; width:auto; white-space:nowrap;}
.unav li a {padding:0; margin:0 10px 0 0;}
.unav .unavMySophos {border-right:1px solid; padding-right:0px; margin-right:13px;}
.unav li.uNavSearch {margin:0;}
.unav li.uNavSearch input.inputSearch {float:left; border:1px solid; border-top:1px solid; width:110px; height:15px; padding:4px; font-size:100%;}
.unav input.utilSearchButton {border:0; height:23px; margin:0 0 0 6px; display:inline;}
.unav input.utilSearchButton:hover {cursor:pointer;}
.unav .unavMySophos {padding-right:8px;}
.unav .unavMySophos span.mySophosName, .unav .unavMySophos a {margin-right:6px;}
/* Utility nav styles for language sites that have wider text. */
.navWider .unav li a {margin:0 6px 0 0;}
.navWider .unav .unavMySophos {margin-right:6px;}
.navWider .unav .unavMySophos {padding-right:0;}
.navWider .unav li.uNavSearch input.inputSearch {width:90px;}
/* Main navigation styles */
/* JM - commenting out the z-index to allow for the video lightbox */
.mnav {clear:both; margin-bottom:12px; /* z-index:999999; */}
.mnav h3 {font-size:80%;}
/* JM - reinstating the z-index to allow for the google maps */
.mnav .mnavCategories {float:right; padding-top:12px; position:relative; z-index:99999;}
.mnav .mnavCategories p {height:16px; font-size:10px; text-transform:uppercase; margin:0 0 0 10px;}
.mnav .mnavCategories li ul {float:none;}
.mnav .mnavCategories li {display:inline; width:auto; float:left;}
.mnav .mnavCategories li ul li {font-size:75%; font-weight:bold; background:url(/fairfax/media/images/i-divider-mnav.gif) right 5px no-repeat;}
.mnav li ul li a {display:block; padding:1px 16px 8px 14px; margin:0; border:1px solid transparent; border-bottom:2px solid; position:relative;}
li.mnavWWD, li.mnavGA, li.mnavWH, li.mnavPartners {margin-right:5px; border-bottom:2px solid;}
li.mnavPartners {margin-right:0; margin-bottom:2px;}
.mnav li.mnavWWD li a:hover, .mnav li.mnavGA li a:hover, .mnav li.mnavWH li a:hover, .mnav li.mnavPartners li a:hover {border:1px solid #e3e3e3; border-bottom:2px solid;
-moz-box-shadow: 0 0 18px #e3e3e3; /* FF3.5+ */
-webkit-box-shadow: 0 0 18px #e3e3e3; /* Saf3.0+, Chrome */
box-shadow: 0 0 18px #e3e3e3; /* Opera 10.5, IE 9 */
}
.mnav li.mnavWWD li li a:hover, .mnav li.mnavGA li li a:hover, .mnav li.mnavWH li li a:hover, .mnav li.mnavPartners li li a:hover {border:0;
-moz-box-shadow: 0 0 0 #e3e3e3; /* FF3.5+ */
-webkit-box-shadow: 0 0 0 #e3e3e3; /* Saf3.0+, Chrome */
box-shadow: 0 0 0 #e3e3e3; /* Opera 10.5, IE 9 */
}
.mnav li.mnavWWD li.mnavOn a {border-bottom:2px solid;}
.mnav li.mnavGA li.mnavOn a {border-bottom:2px solid;}
.mnav li.mnavWH li.mnavOn a {border-bottom:2px solid;}
.mnav li.mnavPartners li.mnavOn a {border-bottom:2px solid;}
.mnav li.mnavFirst a {padding-left:10px;}
.mnav li.mnavFirst a:hover {}
.mnav li.mnavLast {border-right:0;}
.mnav .mnavCategories li.mnavLast {background:none !important;}
.mnav li.mnavLast a {padding-right:20px;}
.mnav li.mnavLast a:hover {}
/* Sub-navigation drop-down styles */
/* JM - commenting out the z-index to allow for the video lightbox */
/* JM - resetting z-index to 1 to keep the "selected page" heavy underline from showing through the menu */
.mnav .mnavCategories .subNav {display:none; width:250px; z-index:1; position:absolute; top:50px; left:auto; padding:10px; font-size:140%; font-weight:normal;
border:1px solid #e3e3e3; border-top:0;
-moz-box-shadow: 0 2px 18px #e3e3e3; /* FF3.5+ */
-webkit-box-shadow: 0 2px 18px #e3e3e3; /* Saf3.0+, Chrome */
box-shadow: 0 2px 18px #e3e3e3; /* Opera 10.5, IE 9 */
}
/*.mnav .mnavCategories .subNav {filter:dropshadow(color=#e3e3e3,offx=8,offy=8,positive=1,enabled=1)}*/
.mnav .mnavCategories li.mnavWH .subNav, .mnav .mnavCategories li.mnavPartners .subNav {right:0; left:auto;}
.mnav .mnavCategories li li .subNav li, .mnav .mnavCategories li li div.subNav li a {padding:0; margin:0; border:0 none !important;}
.mnav .mnavCategories li li .subNav li {display:block; float:none; font-weight:normal;}
.mnav .mnavCategories li li div.subNav li {background:none 0 !important; margin:3px 0;}
.mnav .mnavCategories .subNav p {display:block; width:100%; border-bottom:1px solid #e4e4e4; padding:4px 0 0 0; margin:4px 0 2px 0; font-size:60%; font-weight:bold; text-transform:uppercase; color:#a6a6a6;}
.mnav .mnavCategories li div.subNav li a {font-size:95%; display:block; color:#065aa4;}
.mnav .mnavCategories li div.subNav li a:hover {color:#4c4c4c;}
/* JM - commenting out z-index for the video lightbox */
.mnav li.mnavWWD li:hover .subNav {display:block !important; /* z-index:999999; */}
.mnav li.mnavGA li:hover .subNav {display:block !important; /* z-index:999999; */}
.mnav li.mnavWH li:hover .subNav {display:block !important; /* z-index:999999; */}
.mnav li.mnavPartners li:hover .subNav {display:block !important; /* z-index:999999; */}
/* JM - tweaking the Green Arrows next to featured items in the mega-nav. Talk to James about the "2.2px" */
.wrapper .header .mnav .mnavCategories li li div.subNav li .icon { top: 2.2px;}
/* JM - making a class to bold the top menu when it has icons*/
.mnav .indent {font-weight:bold;}
/* JM - giving a background to the Threat Widget in the menu. For other Threat Widget adjustments (right rail), see tc.css */
.mnav .threatLevel { background-color: #f7f7f7; padding: 15px 10px;}
.mnav .threatLevel a {display: block; padding: 0 20px 0 0;}
.mnav .threatLevel a img {margin-left: 5px;}
/* Styles for language sites that have wider text in the main navigation. Indicated by "navWider" class being called in the BODY tag. */
.navWider .mnav li ul li a {padding:2px 10px 8px 10px;}
.navWider .mnav .mnavCategories p {margin-left:10px;}
.navWider .mnav li.mnavFirst a {padding-left:10px;}
.navWider .mnav li.mnavLast a {padding-right:10px;}
.sessionDataWrapper .labelTitle { font-weight: bold; }
/* END: Header styles */
/* START: Main content area styles */
.main {clear:both;}
/* Breadcrumb styles */
.bc {font-size:70%; z-index:90; width:950px; height:20px; padding:0 0 0 10px;}
.bc li {display:inline; float:left;}
.bc a { margin:0 6px 0 0; padding:0 10px 0 0;}
.bc .bcOn {padding-right:4px;}
.bc .bcOn a {background:none; padding:0;}
/* Content area styles */
.contentArea {clear:both;}
.content {padding:10px 0 20px 10px;}
.hDivider {clear:both; width:800px; height:9px; margin:30px 0 10px 0;}
.cDivider {clear:both; width:520px; height:9px; margin:30px 0 10px 0;}
.smaller {font-size:80%;}
.paddingRight {padding-right:5px;}
/* for support homepage */
#main_1_landingmain_0_Panel1 .hDivider {background: none;}
.paddedUl li {padding-top:2px; padding-bottom:2px;}
/* Marquee styles */
/* JM - bumped up 20px per Matt's request */
/* JM - bumped down to 17px because it was interfering with the breadcrumb */
.marquee {padding:0 0 0 10px; margin-top: -17px;}
.marquee h1, .marquee h2, .marquee p {width:480px;}
/* JM - padding-top added to h1 per Matt's request */
.marquee h1 {font-weight:normal; font-size:350%; padding-top:37px;}
.marquee h2 {font-weight:normal; font-size:150%;}
.marquee p {margin:10px 0; display:block;}
/* JM - bumped down the bulletList style per JC's request */
.marquee .bulletList {margin-top:-5px;}
.secWhySop .marqTitle {padding:0 0 20px 0; }
.secChalNeeds .marqTitle {padding:0 0 20px 0;}
.secProducts .marqTitle {padding:0 0 20px 0;}
.secSupport .marqTitle {padding:0 0 20px 0;}
.secThreatCenter .marqTitle {padding:0 0 20px 0;}
.secNewsTrends .marqTitle {padding:0 0 20px 0;}
.secPartners .marqTitle {padding:0 0 20px 0;}
.secGeneral .marqTitle {padding:0 0 20px 0;}
.secHome .marqTitle {padding:0;}
/* Marquee background images */
/*JM - changed from 180 to 235px per Matt's request */
/*JM - changed to 160 per Aleks' request */
.secWhySop .marqImg .marqTitle {height:160px;}
/* .secWhySop .marqImg .marqTitle {height:235px;} */
.secChalNeeds .marqImg .marqTitle {height:235px;}
.secProducts .marqImg .marqTitle {height:235px;}
/*JM - changed to adjust for the robot */
.secSupport .marqImg .marqTitle {height:120px;}
.secThreatCenter .marqImg .marqTitle {height:235px;}
.secNewsTrends .marqImg .marqTitle {height:235px;}
.secPartners .marqImg .marqTitle {height:235px;}
.secGeneral .marqImg .marqTitle {height:235px;}
/* Marquee adjustment */
/*JM -changed so the image can encroach on the breadcrumb's space per Matt's request */
.secWhySop .contentArea {clear:none;}
.secChalNeeds .contentArea {clear:none;}
.secProducts .contentArea {clear:none;}
.secSupport .contentArea {clear:none;}
.secThreatCenter .contentArea {clear:none;}
.secNewsTrends .contentArea {clear:none;}
.secPartners .contentArea {clear:none;}
.secGeneral .contentArea {clear:none;}
/*Homepage specific Marquee styles */
/*JM - set from height 280 to height 400 to accommodate the image */
/*JM - set from height 400 back to 325 to accommodate the image */
.secHome .marquee {padding:0; width:960px; height:325px;}
.secHome .marquee .marqTitle {height:380px; padding-top:20px;}
/*JM - may need to set margin-top to something other than 37px, which is set on line 124 */
.secHome .marquee h1 {font-size:220%;}
.secHome .marquee h2 {font-size:130%; margin-top:0;}
.secHome .marquee h1, .secHome .marquee h2 {width:960px;}
.secHome .marquee p {width:auto;}
.secHome .marqDivider {clear:both; display:block;}
.secondaryBump .marqFreeTools .marqTitle {height:100%;}
.secondaryBump .marqTitle {padding:0 0 20px 0;}
.secondaryNoBump .marqTitle {padding:0 0 20px 0;}
.marqDivider {margin-top:-6px; width:950px; height:6px;}
.secondaryBump .marqDivider {width:770px;}
.secondaryBump .marquee {width:770px; padding:0;}
.secondaryBump .marqImg {margin-top:-17px;}
/*JM - force min-height so the image fully shows */
.secondaryBump .marqImg .marqTitle {min-height:140px;}
.secondaryBump .marquee h1 {width:390px; font-size:230%; font-weight:normal;}
.secondaryBump .marqImg h1 {padding-top:30px;}
.secondaryBump .marquee h2 {width:390px; font-size:110%;}
.secondaryNoBump .marqDivider {width:770px; display:block;}
.secondaryNoBump .marquee {padding:10px 0 20px 0; width:770px;}
.secondaryNoBump .marqImg {margin-top:-17px;}
/* Changed width from 770px to 390px per bug #40. NN*/
.secondaryNoBump .marquee h1 {width:390px; font-size:230%; font-weight:normal;}
.secondaryNoBump .marqImg h1 {padding-top:20px;}
.secondaryNoBump .marqNoImg h1 {width:770px; padding-top:20px;}
/* Changed width from 770px to 390px per bug #40. NN*/
/* JM - removed margin:0 from both to keep bullet lists from squashing upward */
.secondaryNoBump .marquee h2 {width:390px; font-size:110%; }
.secondaryNoBump .marqNoImg h2 {width:770px; font-size:110%; }
/* Marquee styles for Tertiary and Quaternary page layouts.
NOTE: Whenever there is a "quaternary" nav, there will be a "tertiary" nav. However the presense of a
"tertiary nav" does not mean that there will be a "quaternary" nav.
Tertiary layouts may have: bumps, no bumps, or a quaternary nav.
If there is a quaternary nav, there will be no bumps in the right rail. The quaternary nav always appears in the right rail. */
.tertiaryBump .marqDivider {width:770px;}
.tertiaryBump .marquee {width:770px; padding:0;}
.tertiaryBump .marqImg {margin-top:-17px;}
/*JM - force min-height so the image fully shows */
.tertiaryBump .marqImg .marqTitle {min-height:140px;}
.tertiaryBump .marquee h1 {font-size:230%; font-weight:normal;}
/* Added widths for H1 and H2 when there is an image. NN*/
.tertiaryBump .marqImg h1 {width:390px; padding-top:30px;}
.tertiaryBump .marquee h2 {font-size:110%;}
.tertiaryBump .marqImg h2 {width:390px;}
.tertiaryNoBump .marqDivider {width:770px; display:block;}
.tertiaryNoBump .marquee {padding:10px 0 20px 0; width:770px;}
.tertiaryNoBump .marqImg {margin-top:-17px;}
.tertiaryNoBump .marquee h1 {font-size:230%; font-weight:normal;}
/* Added widths for H1 and H2 when there is an image. NN*/
.tertiaryNoBump .marqImg h1 {width:390px; padding-top:20px;}
.tertiaryNoBump .marquee h2 {font-size:110%;}
.tertiaryNoBump .marqImg h2 {width:390px;}
.marquee .marqDivider {display:none;}
/*Toggles the marquee divider on if there is a background image for the marquee area. Class declaration must appear after ".marquee .marqDivider" */
.marqImg .marqDivider {display:block;}
/* Style for when there is no background image but, a divider line is present */
.marqNoImg .marqDivider {display:block;}
.marqNoImg h1, .marqNoImg h2, .marqNoImg p {width:100% !important;}
/* Turned back on for marquees with no image so that they line up with the top of the leftnav. NN*/
.marqNoImg h1 {padding-top:20px;}
.secondaryBump .marqImg .marqTitle, .tertiaryBump .marqImg .marqTitle {height:100%; padding-top:0;}
.secondaryNoBump .marqImg .marqTitle, .tertiaryNoBump .marqImg .marqTitle {height:100%; padding-top:0;}
.secondaryBump .marqNoImg .marqTitle, .tertiaryBump .marqNoImg .marqTitle {height:100%; padding-top:10px;}
.secondaryNoBump .marqNoImg .marqTitle, .tertiaryNoBump .marqNoImg .marqTitle {height:100%; padding-top:0;}
.secondaryBump .marqNoImg {padding-top:0;}
/* Style for tables in the header (i.e. Hoaxes) */
.tertiaryBump td {padding-right:10px;}
.caption {font-size:70%; font-style:italic;}
/* Styles for tables -NN */
.content table {border-top:1px solid #eee}
.content th, .content td {padding:6px 4px; border:1px solid #eee; border-top:0; vertical-align:middle; }
.content td label {margin-left:5px;}
.content th {background: url(/fairfax/media/images/bkgrd-results-header.gif) 0 0 repeat-x;}
.content td img {margin:0 auto;}
.content th h3, .content td h3 {margin:0;}
.content th.tdRightAlign h3, .content td.tdRightAlign h3 {text-align:right;}
.content th.tdCenterAlign h3, .content td.tdCenterAlign h3 {text-align:center;}
.content td.tdTopAlign {vertical-align:top;}
.content td ul.bulletList, .content td ul.bulletListNone {font-size:100%; margin-top:0px;}
/* Marquee table overrides - must be below generic table styles - NN */
.marquee table {border-top:0;}
.marquee th, .marquee td {padding:2px; vertical-align:top;}
.tertiaryBump .marquee td {padding-right:10px;}
.marquee table, .marquee tr, .marquee th, .marquee td {border:0 !important;}
.marquee td img {margin:0;}
/* currently for IT Do's and Don'ts */
.content .asset td, .content .asset th {margin:0; border: 0;}
/* Class to turn off all borders and backgrounds */
.noBorders, table.noBorders, .noBorders tr, .noBorders th, .noBorders td {background:none none !important; border:0 none !important;}
/* Press > Illustrations overrides */
.content table.gallery, .content .gallery th, .content .gallery td {background:none; border:0 none;}
/* Gate & iFrame form overrides */
/*.content table.mainForm, .content .mainForm tr, .content .mainForm th, .content .mainForm td {background:none; border:0 none;}*/
.content .checkBoxList tr, .content .checkBoxList th {background:none;}
.content table.mainForm, .content .mainForm tr, .content .mainForm th, .content .mainForm td, .content .checkBoxList table {border:0 none;}
.content .recaptchatable {border-top:0;}
/* OutBrain formatting */
.outbrain-recommendationsFieldset.outbrain-border {border:none;}
.outbrain-recommendationsFieldset.outbrain-border .Outbrain_recommendations_legend {font-size:105%;color:#333;font-family: 'FlamaLight', Arial, sans-serif;}
.div-wrapper .recommendations_ul {font-size:80%;margin-top:0; padding:0;}
.div-wrapper li {margin: 4px;}
/* Ecommerce Buy now chart styles -NN */
.ecomm {margin-top:-10px;}
.ecomm input[type='text'] {background-color:#fff; border:0; width:130px; text-align:center;}
.ecomm input[type='submit'] {height:30px; width:100px;}
.ecommRightLinks {margin-top:-10px; margin-bottom:10px; font-size:85%; text-align:right !important;}
.ecommRightLinks div {text-align:right;}
.ecomm th h2 {font-size:100%; font-weight:bold; margin:6px 0 4px 0; text-align:center; }
.ecomm th h2 a {color:#065AA4;}
.ecomm th .rArrowEcom, .ecomm td .rArrowEcom {height:30px; padding:2px 5px 6px 25px; cursor:pointer; border:1px solid #e5e5e5; font-weight:bold;}
.ecomm th .rArrowDisabled, .ecomm td .rArrowDisabled {padding:2px 5px 6px 25px; border:1px solid #e5e5e5; font-weight:bold;}
.ecomm th.chartButton, .ecomm td.chartButton {padding:10px 0; text-align:center;}
.ecomm td.tdCenterAlign, .ecomm th.tdCenterAlign {text-align:center;}
.ecomm td.tdRightAlign, .ecomm th.tdRightAlign {text-align:right;}
.ecomm select {width:130px; border:1px solid #ccc;}
.doubleBox a.ecomm {font-size:100%;}
.content a.rArrowEcom {font-weight:bold;}
.content .ecomm a.rArrowEcom {height:20px;}
.disclaimer {font-size:90%; margin:10px 0;}
div.sbsPrice {width:180px; margin:0 0 20px 10px;}
div.sbsPrice .priceAmount {float:left; font-size:230%; margin:0 0 0 0; padding:0 0 0 0;}
div.sbsPrice .perYear {float:left; font-size:70%; margin-left:4px; margin-bottom:0; padding:5px 0 0 5px;}
div.sbsPrice .userPerYear {font-size:70%; margin-top:2px;}
div.sbsPrice ul {font-size:80%;}
/* Button style */
.marquee .button, .content a.button {padding:4px 10px 4px 30px; border:1px solid; margin: 5px 5px 5px 0;vertical-align:middle;}
.marquee .buttonS, .content a.buttonS {padding:4px 10px 4px 30px; border:1px solid; margin: 5px 5px 5px 0;}
.marquee .buttonM, .content a.buttonM {padding:5px 10px 5px 30px; border:1px solid; margin: 5px 5px 5px 0;font-size:120%;font-weight:bold;}
.marquee .buttonL, .content a.buttonL {padding:10px 10px 10px 30px; border:1px solid; margin: 5px 5px 5px 0;font-size:130%;font-weight:bold;}
.marquee .buttonXL, .content a.buttonXL {padding:12px 10px 12px 30px; border:1px solid; margin: 5px 5px 5px 0;font-size:140%;font-weight:bold;}
.content .rRail a.button {font-size:80%;}
.marquee .button {font-size:80%;}
.buttonMiddle {}
/* Content area Search styles */
.content input.inputSearch {border:1px solid; width:180px; height:15px; padding:4px; font-size:100%; }
.content input.inputSearchMedium {border:1px solid #ACACAC #E7E7E7 #E7E7E7; width:330px; height:15px; padding:4px; font-size:100%; }
.content input.inputSearchLong {border:1px solid #ACACAC #E7E7E7 #E7E7E7; width:480px; height:15px; padding:4px; font-size:100%; }
.content input.utilSearchButton {border:0; width:25px; height:22px; margin:0 0 0 6px;}
.content input.utilSearchButton:hover {cursor:pointer;}
.content p {margin:0 0 14px 0;}
.content h3 {margin:20px 0 10px 0;}
.secondaryContent > *:first-child {margin-top:0px}
.secSupport .sectionLanding p {font-size:80%;}
.secSupport .sectionLanding .tripleBox p {padding-top:3px;}
.secSupport .sectionLanding .tripleBox h3 {height:35px;}
.secSupport .sectionLanding ul.bulletListNone li {padding-left:0;}
/* Home page content area styles */
/* JM - resized LeftBox, MiddleBox, RightBox to be more centered per new design 2001-04-01 */
.secHome .content {padding:4px 0; min-height: 200px; }
.secHome .content li {padding-bottom:8px;}
.secHome .content ul.bulletList {margin-top:0px;}
.secHome .content h2 {margin:14px 0 2px 0; font-size:120%; font-weight:normal;}
.secHome .homeLeftBox {width:290px; float:left; padding-right:20px; margin-right:20px;}
.secHome .homeMiddleBox {width:290px; float:left; margin-right:40px;}
.secHome .homeLeftBox p, .secHome .homeMiddleBox p, .secHome .homeRightBox p {font-size:75%;}
.secHome .homeRightBox {width:290px; float:left;}
.secHome .content p.homeTagline {font-size:80%;}
.secHome .content p.homeTagline strong {font-weight:bold;}
.secHome .content p.newsDate {margin-bottom:5px; font-size:70%;}
/* Section landing page content area */
.sectionLanding {width:700px; margin-right:60px; float:left; margin-top:20px;}
/*this next is to bump up the product selections without adjusting the H3s any more*/
.secProducts .sectionLanding {margin-top:0;}
.content h2 {font-size:160%; font-weight:normal; margin:0 0 10px 0;}
.sectionLanding .hDivider {width:700px;}
.content h3 {font-size:120%; font-weight:normal;}
.content h4 {font-size:100%; font-weight:bold;margin:20px 0 10px;}
/*.secChalNeeds .content h2 {font-size:170%; font-weight:normal; margin-bottom:10px;}*/
.secChalNeeds .content h3 {font-size:120%; font-weight:normal;}
/* JM - removing the bold per James' request. We don't know what it will break. */
/* .secChalNeeds .content h3 a {font-weight:bold;} */
.secChalNeeds .sectionLanding + .rRail { margin-top: 60px; }
/* Border headings used for Social Media page */
.headingCallout {border-top:#DFDFDF solid 1px; border-bottom:#DFDFDF solid 1px; margin-top: 20px; clear:both;}
.headingCallout h2 {line-height:52px;}
.headingCallout img {vertical-align:middle;}
.headingCallout h2 img {padding-right: 20px;}
.headingCallout h2 a {font-family: 'FlamaLight',Arial,sans-serif;}
/* Knowledgebase*/
.kbBrowseBox {/*height:300px;*/ overflow:auto;}
.kbResultsBox {/*height:200px;*/ overflow:auto;}
/* KB Browse page */
.kbBrowseBox ul.bulletListNone {font-size:12px; margin-top:0px;}
.currentBrowseTopic > ul {border-top:#6ABB46 1px solid;}
.width300 {width:300px;}
.kbArticleHead li {min-height:20px;}
/* Award boxes, Free Trial promo boxes */
.awardbox {display:block; width:710px; padding: 20px 10px; height:180px;}
.awardbox .lArrow {height:29px; width:24px;display:block;margin:25px 10px 0 0;float:left}
.awardbox .rArrow {height:29px; width:24px;display:block;margin:25px 0 0 10px;float:right;}
.awards {display:block;float:left; }
.awards p {width:213px; margin:15px 0 0 0;color:#727272;font-size:100%;}
.awards img {border:#ddd solid 1px; float:left; width:80px; height:80px; margin:-15px 8px 0 0;}
/* Award box on bump pages */
.secondaryBump .awardbox, .tertiaryBump .awardbox {width:520px;}
.secondaryBump .awards p, .tertiaryBump .awards p {width:170px;}
/* Infinite Carousel */
.infiniteCarousel {width: 710px; position: relative;}
.infiniteCarousel .InfiniteCarouselWrapper {
width: 640px; /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */
overflow: auto; min-height: 10em; margin: 0 20px; position: absolute; top: 0;}
.infiniteCarousel ul a img { border: 5px solid #000; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.infiniteCarousel .InfiniteCarouselWrapper ul { width: 9999px; list-style-image:none; list-style-position:outside; list-style-type:none; margin:0; padding:0; position: absolute; top: 0;}
.infiniteCarousel ul li { display:block; float:left; padding: 30px 20px 0 20px; height: 85px; width: 182px; font-size:80%;}
.infiniteCarousel ul li img { display:block; float:left; margin:-15px 5px 0 0;}
.infiniteCarousel .carouselArrow { display: block; height: 29px; width: 24px; background: url("/fairfax/media/images/bkgrd-button-arrow-award.jpg") no-repeat 0 0; text-indent: -999px; position: absolute; top: 37px; cursor: pointer;}
.infiniteCarousel .forward { background-position: 0 0; right: 0;}
.infiniteCarousel .back { background-position: 0 -58px; left: 0;}
.infiniteCarousel .forward:hover { background-position: 0 -29px;}
.infiniteCarousel .back:hover { background-position: 0 -87px;}
.tripleBox {clear:both;}
.tripleBox h3 {margin:0 5px 10px 0 ; padding-bottom:12px; border-bottom:1px solid;}
.tripleBox h4 {margin:0; padding-bottom:8px; font-size:90%;}
.tripleBox p {padding:14px 0 14px 0; margin-right:5px; margin-bottom:0px; font-size:80%;}
.tripleBox li {padding:0 7px 7px 0; margin-right:5px; font-size:80%;}
.triBoxA, .triBoxB, .triBoxC, .triBoxClear {margin-right:10px; width:210px; height:170px; float:left; padding:20px 0px 0 10px;}
.triBox {margin-right:10px; width:210px; float:left; padding:20px 0px 0 10px;}
.triBox h3 {margin:0; padding-bottom:0px; border-bottom:0px;}
.triBoxDual {float:left; padding:0; margin:0; width:452px; height:189px;}
.tripleBox .triBoxClear h3 {color:#333333; font-size:90%; margin:0; padding-bottom:8px; font-weight: bold; border-bottom: none; }
.flipOff {display:block; overflow:hidden; z-index:200; height:170px; margin-left:-10px; padding:0 14px 0 10px;}
.flipOn {display:block; overflow:hidden; z-index:300; position:absolute; margin:-20px 0 0 -10000px; left:-10000px; width:195px; height:165px; padding:20px 10px 0 10px;}
.triBoxA:hover .flipOn {display:block; margin:-20px 0 0 -10px; left:20px;}
.triBoxB:hover .flipOn {display:block; margin:-20px 0 0 -10px; left:250px;}
.triBoxC:hover .flipOn {display:block; margin:-20px 0 0 -10px; left:480px;}
.content .tripleBox .flipOn h3 {border:0; z-index:300;}
.triBoxA:hover .flipOn h3, .triBoxB:hover .flipOn h3, .triBoxC:hover .flipOn h3 {margin-left:0 !important;}
.content .tripleBox .flipOn li {padding:2px 0;}
.content .tripleBox .flipOn a {padding-right:18px; font-size:90%; width:auto; display:inline;}
/* added float:left to force a height. */
/* added width:100% to adjust for IE's insistence on dropping the right box to the next line */
.doubleBox {clear:both; margin-top:20px; float:left; width:100%;}
.doubleBox h3 {margin-bottom:10px; width:300px; line-height:130%; clear:both;}
.doubleBox p {font-size:90%;}
.doubleBox a {font-size:90%;}
.doubleBox a.button {font-size:80%;}
/*.sectionLanding .doubleBox li ul li {font-size:85%;}*/
.secNewsTrends .sectionLanding .doubleBox ul {font-size:90%;}
.secNewsTrends .sectionLanding .doubleBox ul a {font-size:90%;}
.doubleBox h3 a {font-size:100%;}
.doubleBox .boxLeft {width:340px; margin-right:20px; float:left; vertical-align:top;}
.doubleBox .boxRight {width:340px; float:right; vertical-align:top;}
.doubleBox li img {display:block;margin-right:10px;float:left;}
.doubleBox .boxLeft .left, .doubleBox .boxRight .left {float:left; width:140px;}
.doubleBox .boxLeft .right, .doubleBox .boxRight .right {float:left; width:200px;}
/* for Product homepage to get text aligned with images in IE */
.catWWD .sectionLanding .doubleBox li:first-child {float:left;width:120px;}
.catWWD .sectionLanding .doubleBox li {float:left;width:220px;}
.contentSingleBoxWide {clear:both; margin-top:20px;}
.contentSingleBoxWide .left {float:left; width:146px;}
.contentSingleBoxWide .right {float:right; width:600px;}
.boxContent {padding-right:20px;}
.boxContent ul.noMargin {margin:0;}
.contentDoubleBox {clear:both; margin-top:20px;}
.contentDoubleBox .boxLeft {width:250px; margin-right:20px; float:left;}
.contentDoubleBox .boxRight {width:250px; float:right;}
.contentDoubleBoxWide {clear:both; margin-top:20px;}
.contentDoubleBoxWide .boxLeft {width: 370px; margin-right:20px; float:left;}
.contentDoubleBoxWide .boxRight {width:370px; float:right;}
.contentDoubleBoxWide .boxLeft .left, .contentDoubleBoxWide .boxRight .left {float:left; width:75px;}
.contentDoubleBoxWide .boxLeft .right, .contentDoubleBoxWide .boxRight .right {float:left; width:295px;}
.contentTriBox {clear:both; margin-top:20px;}
.contentTriBox .boxLeft {width:160px; margin-right:10px; float:left;}
.contentTriBox h4, .contentTriBox p {padding:0 7px 10px 0; margin:0;}
.gap20 {height:20px; clear:both;}
.linkBox ul {margin:20px 0; clear:both;}
.linkBox li {display:inline; float:left; width:105px; font-size:80%; border-right:1px solid; padding:0 10px 0 10px;}
.linkBox li.last {border:0;}
/* Line of letters for Hoaxes */
.lineLetters li {float:left; min-width:10px; padding:0 5px;}
/* updated page date */
.updated {font-size:70%;}
.printThis {float:right;}
/* Share This widget to knock it to the 2nd line */
.shareThis {clear:both;float:none;}
/* Left nav styles */
.lnav {float:left; width:170px; margin:18px 10px 0 -10px; font-size:80%;}
.lnav li {border-top:1px solid; padding:10px 4px 10px 10px;}
.lnav li.last {border-bottom:1px solid;}
.lnav li li {border-top:0; font-size:85%; padding:10px 0 0 5px;}
/* Style to increase the Left nav "tertiary" nav font size. Code currently has "ttnav" for a class but, it should not. NN */
.lnav li li .ttNav li {font-size:100%;}
/* Secondary Bump and Secondary No Bump styles */
.secondaryBump {float:left; margin:0 0 0 10px; width:770px;}
.secondaryBump .secondaryContent, .secondaryLanding {clear:both; float:left; width:520px; padding:20px 60px 0 0;}
.secondaryBump .secondaryContent p, .secondaryNoBump .secondaryContent p, .secondaryLanding p {font-size:80%;}
.secondaryBump .firstItem {margin-top:10px;}
.secondaryLanding {margin-left:10px;}
.secondaryNoBump {float:left; margin:0 0 0 10px; width:770px;}
.secondaryNoBump .secondaryContent {clear:both; float:left; font-size:90%; width:770px; padding:20px 0 0 0;}
/* Tertiary and Quaternary Bump and No Bump styles */
.tertiaryBump {float:left; margin:0 0 0 10px; width:770px;}
.tertiaryBump .secondaryContent {clear:both; float:left; width:520px; padding:20px 60px 0 0;}
.tertiaryBump .secondaryContent p, .tertiaryNoBump .secondaryContent p {font-size:80%;}
.tertiaryBump .firstItem {margin-top:10px;}
.tertiaryNoBump {float:left; margin:0 0 0 10px; width:770px;}
/* JM - took out font-size: 90% */
.tertiaryNoBump .secondaryContent {clear:both; float:left; width:770px; padding:20px 0 0 0;}
.contentListItem {clear:both; margin-top:30px;}
.contentListItem h2 {font-size:130%; margin:0;}
.contentListItem p {margin:0 0 10px 0;}
.contentListItem li {display:inline; float:left; width:430px;}
.contentListItem li.contentListItemImg {width:80px; margin-right:10px;}
.contentListItemImg img {display:block;}
.contentListItem li p {padding:2px 0; line-height:120%;}
.contentListItem .contentListItemNumber {float:left; width: 60px; margin: 0; padding:15px 0 0 20px;}
.contentListItem .contentListItemNumber h2 {font-size:45px; margin: 0; padding:0;}
/* Press Release calendar widget, also threat analyses controlled apps */
.accordion {margin-bottom:10px;}
.secThreatCenter .accordion li {margin-top:5px;}
.tertiaryBump .contentListItem, .tertiaryNoBump .contentListItem {clear:both; margin-top:35px;}
/* added pressReleaseBody ul to retro-fit those */
/* added threatDetail per bug 319 */
/* JM - added -8px top margin to try to bring the bullet list closer to the heading; td excepted elsewhere */
ul.bulletList, ul.bulletListNone, ul.bulletListAlert, .pressReleaseBody ul, .threatDetail ul {margin-top: -8px; margin-bottom:10px; font-size:80%; }
ul.bulletList li, ul.bulletListNone li, ul.bulletListAlert li, .pressReleaseBody ul li, .threatDetail ul li {display:block; float:none; padding:2px 0 2px 10px;}
p.moreInfoLinks a { vertical-align:middle; margin:0 4px 0 0;}
/* Form fields */
.formLine {padding:0; margin:0; clear:both;}
.formLine {margin-bottom:5px; line-height:100%; min-height:22px;}
.formLine .checkbox {margin:0 6px;}
.formLine .errorMsg {width:180px; margin:0; padding:5px; float:left;}
.formLabel {float:left; min-height:18px; width:150px; text-align:right; margin:6px 8px; font-size:80%;}
.formField {min-height:22px; margin:5px 0px 5px 0; float:left;}
.formField input, .formField textarea, .formField select {border:1px solid; min-height:22px; vertical-align:middle;}
/* fixing the checkbox issue for ie */
.formField input[type='checkbox'] {border: 0; min-height:10px;}
.formField .radiobuttonlist input {border: 0;}
.formField .radiobuttonlist label {font-size:80%;}
.formField textarea {height:120px; width:300px;}
.formField .smallField {width:30px;}
.formFieldText {padding:6px;}
/* bumping the recaptcha over under the other fields */
.formField #recaptcha_area {padding-left: 160px;}
.formOption {padding:0 15px 0 0;}
.tooltip {display:none; width:144px; left:200px; margin-left:320px; margin-top:-30px; position:absolute; float:left; z-index:900; }
textarea + .tooltip {margin-top:0;margin-left:460px;}
/* JM - font size adjusted per bugzilla #64 */
.tooltip .tipMiddle {padding:0 10px; font-size:90%;}
/* for the Appliance Loan Agreement */
.checkBoxList td {padding:0;}
/* JM - adjusting for the EULA page in the downloads section */
.eulaPage .formLabel {width: 400px;text-align:left;margin-top:11px;}
.eulaPage .errorMsg {clear:both; margin-bottom:20px;}
/* JM - adjusting the columns on the Contact Us pages */
.mediumLeft h3 {margin-top:10px;}
.mediumRight table {width:100%;}
/* PD - move tooltips to left for lead forms */
.left160 { left: 50px !important; }
/* JM - creating boxes that nestle nicely in the content area */
.left240 {float:left; padding-right:20px; width:240px;}
.right240 {float:right; width:240px;}
/* PD - increase lead forms width*/
.width650 { /* width:650px !important; */ }
/* tooltips for the Threat Center pages */
.tooltipMark {display:block; float:right; width:18px; height:18px; margin-right:7px;}
.tooltipMark:hover .tooltipFloat {display:block;}
.tooltipFloat {display:none; width:144px; height:auto; left:25px; z-index:900; position:relative;}
.tooltipMiddle {padding: 2px 5px 10px 2px;}
.tooltipBorderBottomCenter {float:left; width:130px; height:7px;}
/* Map title */
.content .threatTitle {font-weight:bold; padding:0 0 5px 2px; margin:0;}
/* Shadow border */
.borderBottomLeft {float:left; width:7px; height:7px;}
.borderBottomRight {float:right; width:7px; height:7px;}
.singleBox {width:520px;}
.singleBoxBorderBottomCenter {float:left; width:506px; height:7px;}
.triBoxBorderBottomCenter {float:left; width:196px; height:7px;}
.contentDoubleBoxBorderBottomCenter {float:left; width:236px; height:7px;}
.contentTriBoxBorderBottomCenter {float:left; width:146px; height:7px;}
.triBoxDualBorderBottomCenter {float:left; width:438px; height:7px;}
/* Adjusting for Support homepage */
.secSupport .boxContent {padding-right:25px;}
.secSupport .sectionLanding .singleBox {width:auto;}
/* .secSupport .singleBoxBorderBottomCenter {width:671px;} */
.secSupport .sectionLanding .borderRight {background:none;}
.secSupport .sectionLanding .borderBottomRight {background:none;}
.secSupport .sectionLanding .borderBottomLeft {background:none;}
.secSupport .sectionLanding .singleBoxBorderBottomCenter {background:none;}
/* Adjusting for Support - Resource Center. Removing line-height:28px */
.rArrow {border:1px solid; font-size: 11px; padding:2px 5px 2px 25px; font-weight:bold;}
/* Setting up the linkArrow for the little blue arrow to the right of the links */
.linkArrow {padding-right:8px;}
/* Lead Capture Form iFrame styles */
iframe {height:900px; width:100%; overflow: auto;}
.iFrameForm h2 {font-size:100%; clear:both; margin-bottom:20px;}
.iFrameForm p {font-size:80%;}
.iFrameForm p.errorMsg {padding:10px 0;}
.iFrameForm li .errorMsg {width:300px;}
.iFrameForm ul {clear:both;}
.iFrameForm li {line-height:100%; min-height:22px; margin-bottom:10px; display:block; clear:both;}
.iFrameForm label {float:left; min-height:20px; width:180px; text-align:right; margin-right:8px; font-size:80%;}
.iFrameForm input {padding:4px; }
.iFrameForm input, .iFrameForm textarea, .iFrameForm select {border:1px solid; min-height:22px; margin-right:10px;}
.iFrameForm select {min-width:155px;}
.iFrameForm div.formOutputText {float:left; font-size:90%; min-height:22px;}
.iFrameForm .checkbox {margin:0; border:0; min-height:16px;}
.iFrameForm .requiredField, .iFrameForm .requiredField {text-align:right; font-size:70%;}
.iFrameForm .requiredField strong, .iFrameForm strong.requiredField {font-size:100%;}
.iFrameForm li.formAgreeFields {display:block; clear:both;}
.iFrameForm .formAgreeFields input {vertical-align:top; float:left; text-align:right; margin-left:165px; display:block;}
.iFrameForm .formAgreeFields label {float:left; margin-left:10px; width:300px; vertical-align:top; display:inline; text-align:left;}
.formFieldIndent {clear:both; margin-left:188px;}
.iFrameForm .formSubmit {padding-top:10px; clear:both;}
.iFrameForm input.rArrow {border:1px solid; margin-left:188px; width:auto; height:28px; padding:2px 5px 2px 25px; font-weight:bold;}
.iFrameForm .formCompanyInfoOn {display:block !important;}
.iFrameForm .formCompanyInfoOff {display:none !important;}
.secondaryNoBump .resultsPage {padding-top:0; margin-top:-8px;}
/* JM - added to push the Events schedule down*/
.secondaryNoBump .resultsPage h3 {padding-top:0; margin-top:40px;}
.content .resultsPage table {margin-bottom:20px; border:0;}
.content .resultsPage tr, .content .resultsPage td, .content .resultsPage th {background:none none; border:0 none;}
/* Press Office Area */
.pressReleaseBody {margin-top:20px;}
.pressReleaseBody .imageWithText {float:right;border:1px #999 solid;width:170px;}
.pressReleaseBody .imageWithText p {font-size:85%; padding:5px; text-align:center;}
/* Events and Training */
.eventsByRegions {padding-bottom:30px;}
.resultsHeader {padding:2px 0 8px 0;}
.resultsFindings {font-size:80%; float:left; width:420px;}
.resultsSearchBox {font-size:75%; float:right; width:320px; margin-top:-5px;}
.resultsSearchBox label {padding-right:4px;}
.resultsList {clear:both; padding-bottom:40px;}
.content .resultsList, .content .resultsList td, .content .resultsList th {border:0;}
tr.resultListHeader th {font-size:75%; padding:10px 0 10px 10px;}
tr.resultListHeader th a {padding-right:12px;}
.resultsList h3, .resultsList p {margin:0;}
.eventInfo {width:430px; padding-right:10px;}
.eventDate {width:150px;}
.eventRegion {width:250px;}
.eventLocation {width:150px;}
.eventPrice {width:110px;}
.eventRegister {width:90px;}
.resultsList p.pastEventRegister {margin-top:15px;}
.resultsList table {width:100%;}
.resultsList td, .ideResults td {vertical-align:top; padding:14px 10px; font-size:80%;}
.secondaryContent .resultsList td h3 {font-size:140%; margin:0 0 4px 0;}
.secondaryContent .resultsList td p {font-size:100%; line-height:140%;}
.webinarSessions {margin:40px 0;}
/* styles for training pages */
.sessionDataWrapper {margin:20px;}
/* JM - unbolded per bugzilla #200 */
.sessionDataWrapper p {padding: 0 20px; margin:0;}
/* Threat Center */
.content .threatList {background:none 0; border:0; clear:both; padding:0px 7px 0 0 !important; width:97%}
.content .threatList table {border-top:0;}
.content .threatList tr, .content .threatList td, .content .threatList th {border:0; vertical-align:top; padding:2px;}
.content tr.threatListHeader th {font-size:75%; padding:3px;}
.content .threatList td {font-size:70%;}
.content .threatList h3, .content .resultsList p {margin:0;}
.content #map_canvas, .content #map_canvas tr, .content #map_canvas th, .content #map_canvas td {background:none 0; border:0 !important; vertical-align:top; padding:2px;}
.content #map_canvas table {border-top:0;}
/* to give three columns to the Suspicious Files page */
ul.triCol li {float:left; width:30%; }
/* Security News and Trends */
.content .threatNumber {font-size:90%; }
.securityTrends .tripleBoxNoPad .triBoxA, .securityTrends .tripleBoxNoPad .triBoxB, .securityTrends .tripleBoxNoPad .triBoxC {width:158px; height:auto; padding-right:4px;}
.securityTrends .tripleBoxNoPad h3 a {font-size:120%; font-weight:bold;}
.securityTrends .tripleBox .triBoxA a img, .securityTrends .tripleBox .triBoxB a img, .securityTrends .tripleBox .triBoxC a img {margin-bottom:16px;}
.securityTrends .triBoxA, .securityTrends .triBoxB, .securityTrends .triBoxC {background:none;}
.securityTrends .contentListItem {margin-top:20px;}
.threatSpotlightIndex {font-size:70%;}
/* Search Results */
.searchListHeader {margin:5px;padding:8px; min-height:16px;}
.searchResultBlock {margin:5px;padding:3px;}
.searchResultInput {width:300px;margin:0 5px;}
.searchResultSelect {width:200px;margin:0 5px;}
/* to solve bug 645 */
.secThreatCenter li.formField {width:100%;}
.secThreatCenter li.formField .searchResultSelect {width:40%;}
/* note the exception for .video and .audio in IE css */
.searchResults .video {padding-left:23px;}
.searchResults .audio {padding-left:23px;}
/* needed to keep the Results flush left */
.hoaxSearchListHeader {margin:0; }
/* Contact Us blocks */
.contactDetails {clear:both;}
.mediumRight {width:300px; clear:right;}
.padded {padding:10px;}
.content .contactDetails table, .content .contactDetails tr, .content .contactDetails th, .content .contactDetails td {background:none; border:0 none; vertical-align:top;}
/* Accordion navigation */
div.fileContainer {display:none;padding-left:20px;}
div.fileContainer ul {margin-top:0px;}
ul span.link {color:#2571C2;cursor:pointer;}
/* Tab navigation formatting (PIA project)*/
.tabLine {height:1px;}
/* Tabbed navigation styles */
.tabnav-list { border-bottom: 1px solid #bbb; margin: 25px 0 0 0; font-size: 90%; height:28px; }
.tabnav-item { display: block; float: left; position: relative; top: 1px; margin-right: 5px; padding: 3px 5px; height: 20px; line-height: 20px; border-top: 1px solid #fff; border-bottom: 1px solid #bbb; background: #E6E6E6 top left repeat-x url('../../fairfax/media/images/tab-background.png'); overflow: hidden; }
.tabnav-item a:link, .tabnav-item a:hover, .tabnav-item a:visited { color: #333; }
.tabnav-item.selectedTab { border-left: 2px solid #EF3E78; border-bottom: 1px solid #fff; border-top: 1px solid #bbb; background: white; color: #EF3E78; font-weight: bold; }
/* Tabbed navigation selectedTab styles for individual color per section */
.catWWD .tabnav-item.selectedTab a:link, .catWWD .tabnav-item.selectedTab a:hover, .catWWD .tabnav-item.selectedTab a:visited {color:#ef3e78;}
.catWWD .tabnav-item.selectedTab { border-left: 2px solid #EF3E78; border-bottom: 1px solid #fff; border-top: 1px solid #bbb; background: white; color: #EF3E78; font-weight: bold; }
.catGA .tabnav-item.selectedTab a:link, .catGA .tabnav-item.selectedTab a:hover, .catGA .tabnav-item.selectedTab a:visited {color:#6abb46;}
.catGA .tabnav-item.selectedTab { border-left: 2px solid #6abb46; border-bottom: 1px solid #fff; border-top: 1px solid #bbb; background: white; color: #6abb46; font-weight: bold; }
.catWH .tabnav-item.selectedTab a:link, .catWH .tabnav-item.selectedTab a:hover, .catWH .tabnav-item.selectedTab a:visited {color:#009388;}
.catWH .tabnav-item.selectedTab { border-left: 2px solid #009388; border-bottom: 1px solid #fff; border-top: 1px solid #bbb; background: white; color: #009388; font-weight: bold; }
.catPartners .tabnav-item.selectedTab a:link, .catPartners .tabnav-item.selectedTab a:hover, .catPartners .tabnav-item.selectedTab a:visited {color:#893279;}
.catPartners .tabnav-item.selectedTab { border-left: 2px solid #893279; border-bottom: 1px solid #fff; border-top: 1px solid #bbb; background: white; color: #893279; font-weight: bold; }
.catGeneral .tabnav-item.selectedTab a:link, .catGeneral .tabnav-item.selectedTab a:hover, .catGeneral .tabnav-item.selectedTab a:visited {color:#182099;}
.catGeneral .tabnav-item.selectedTab { border-left: 2px solid #182099; border-bottom: 1px solid #fff; border-top: 1px solid #bbb; background: white; color: #182099; font-weight: bold; }
/* Support area filetype indicators (see theme.css for icons)*/
.pdf {padding-left:20px;}
.word {padding-left:20px;}
.html {padding-left:20px;}
.text {padding-left:20px;}
.rss {padding-left:20px;}
.video {padding: 1px 0 5px 25px;}
.audio {padding-left:25px;}
.zip {padding-left:20px;}
.ppt {padding-left:20px;}
.compressed {padding-left:20px;}
/* Tertiary nav styles*/
.tnav {clear:both; font-size:75%; margin:20px 0;}
.tnav ul li {display:inline; float:left; padding:0 10px 0 10px; border-right:1px solid;}
.tnav ul li.last {border-right:0;}
.tnav a {padding:0 3px;}
.tnav li.tnavOn a {font-weight:bold;}
/* JM - added on 11 Apr 2012 from TC's file */
.tnav ul li.first {padding-left:0;}
/* Right rail - contains widgets/bumps, and quaternary nav */
.rRail {width:190px; float:right; margin-top:20px;}
.secLandingChalNeeds {margin-top:60px;}
.rRail > p {font-size:80%;}
.rRail > h3:first-child {margin-top:0px;}
.rRail > h3 {font-size:100%; margin:0 0 4px 0;}
.rRail > .bulletList {margin-top:0px;}
.rRail .cta {padding:15px 10px; margin-bottom:16px;}
.rRail .cta h3 {font-size:70%; text-transform:uppercase; margin:0 0 4px 0;}
.rRail .cta p {font-size:90%; margin:0;}
.rRail .cta a {padding:0 20px 0 0; display:block;}
.rRail .widget {/*border-bottom:1px solid;*/ padding:15px 10px;}
.rRail .first {padding-top:0;}
.rRail .last {border:0;}
.rRail .widget h3 {font-size:100%; margin:0;}
.rRail .widget p {font-size:90%; margin:0 0 12px 0;}
.rRail .widget a {font-size:90%;}
.rRail .widget ul {font-size:90%; margin:0px;}
.rRail .widget li {margin:4px 0;}
.rRail blockquote {padding-left:0; margin:5px 0 0;}
.rRail blockquote strong {font-size: 80%;}
/* for the Support right rail icon list */
.rRail .widgetSupport {padding:0;}
.rRail .widgetSupport h3 {font-size:100%;}
.rRail .widgetSupport p {font-size:90%;}
.rRail .widgetSupport a {font-size:90%;}
.rRail .widgetSupport ul {font-size:90%;}
.rRail .widgetSupport li {margin:4px 0;}
.callToAction:first-child {padding-top:4px;}
.callToAction {padding-bottom:10px; padding-left:10px; margin-bottom:16px;}
.callToAction h3 {margin-top:10px;}
.callToAction h3 a {font-size:80%;}
.callToAction img {float:right; padding:0 3px;}
.callToAction li {font-size:80%;}
.callToAction .subtitle {display:block;font-size:70%;font-weight:bold;line-height:1em;margin-top:0;padding:4px 0 0 1px;}
/* Right Rail RSS Feed/List */
/* Added width and margin-left to widget and added 15px margin to top of h2. NN */
.rRail .homeRightBox {width:180px; margin-left:10px;}
.rRail .homeRightBox h2 {font-size:140%; margin: 15px 0 10px 0;}
.rRail .homeRightBox p {font-size:80%; margin: 0 0 10px;}
.rRail .homeRightBox .newsDate {font-size:70%; color:#666; margin:0 0 10px;}
.rRail .newsDate {font-size:70%; color:#666;}
.homeRightBox .newsDate {font-size:80%; color:#666;}
/* Quaternary nav styles */
.qnav {font-size:80%;}
.qnav li {border:1px solid; border-bottom:0; border-left:0; padding:8px 4px 8px 2px;}
.qnav li.last {border:1px solid; border-left:0;}
.qnav li.qnavOn {font-weight:bold; padding-bottom:12px; border-bottom:0; border-top:1px solid;}
.qnav li.qnavOn a {width:184px; padding-bottom:0px; display:block;}
.qnav li ul li {border:0; font-size:85%; padding:8px 0 0 5px;}
.qnav li.qnavOn ul li a {font-weight:normal;}
/* Threat Detail styles */
.threatDetail h2 {margin-top:10px;}
.threatDetail h3 {margin:35px 0 0 0; clear:both;}
.threatDetail h4 {margin:30px 0 -5px 0; clear:both;}
.threatDetail h5 {margin-top:25px; clear:both;}
.threatDetail li {margin-bottom:5px; clear:both;}
.threatDetail dl {margin:10px 0 30px 10px; overflow:hidden;min-height:22px;}
.threatDetail dt {clear:both; float:left; width:130px; padding: 3px;min-height:22px;}
.threatDetail dd {float:left; width:350px; padding:3px;min-height:22px; }
.threatDetail ul {margin-top:10px;}
.threatDetail li {word-wrap: break-word;}
/* Vulnerability Detail styles */
.vulnerabilityDetails {color: #333;}
.vulnerabilityDetails .vulnerabilityRightCol {width:75%; font-weight:bold;}
.vulnerabilitiesList {font-size: 80%;}
.secondaryBump .secondaryContent .vulnerabilitiesList li p {font-size: 100%; margin:10px 0 0; font-weight:bold;}
.vulnerabilitiesDateFilter {width:200px;}
/* Documentation Detail styles */
.documentationDropdown {width:300px; display:block; margin:3px 10px 8px 0;}
.documentationWrapper {float:left;}
.documentationCategories .accordionWrapper {font-size:80%;}
.documentationCategories .accordionWrapper li {margin-bottom:5px;}
.documentationCategories .accordionWrapper ul li {padding-left:10px; margin-bottom:0;}
/* Product Downloads styles */
.productDownloads {font-size:90%;}
.productDownloads li.product .productText {background: url('/medialibrary/Images/Common/boxlinkclosed.ashx') center left no-repeat; padding-left: 15px; color:#333;}
.productDownloads li.product.open .productText {background: url('/medialibrary/Images/Common/boxlinkopen.ashx') center left no-repeat;}
/* .productDownloads li.product ul {display:none;} */
.productDownloads li.product.open ul {display:block;}
.productDownloads li.product li.funcGroup .funcGroupText {background: url('/medialibrary/Images/Common/boxlinkclosed.ashx') center left no-repeat; padding-left: 15px; color:#333;}
.productDownloads li.product li.funcGroup.open .funcGroupText {background: url('/medialibrary/Images/Common/boxlinkopen.ashx') center left no-repeat;}
/* .productDownloads li.product li.funcGroup ul {display:none;} */
.productDownloads li.product li.funcGroup.open ul {display:block;}
.productDownloads .entitlement {margin-left:32px;margin-bottom:2px;}
.productDownloads li.product {margin-bottom:10px;}
.productDownloads .productText {margin-bottom:6px;}
.productDownloads .nonPartnerText {margin-bottom:6px;}
.productDownloads .funcGroup {margin-left:18px;margin-bottom:6px;}
.productDownloads .funcGroupText {font-weight:bold; margin-bottom:3px;}
.productDownloads.nonPartner li.funcGroup {margin-left: 0;}
.content .productdownloadMainWidget p {font-size:100%;}
.vulnerabilityDetails .vulnerabilityRightCol {width:75%;}
/* Partner Terms and Conditions */
.formLine .PartnerTermsConditions { border: none; padding: 0px; margin-left: 160px; width: 500px; }
.formLine .PartnerTermsConditions tr { border: none; padding: 0px; margin: 0px; }
.formLine .PartnerTermsConditions tr td { border: none; }
.formLine .PartnerTermsConditions input { border: none; line-height: 10px; }
/* footer in content area */
.content p.footerPromo {margin:35px 0 35px 0;}
.footerPromo p {float:left; width:160px; padding-right:15px;}
.footerPromo img {float:left; padding: 3px 10px 0 5px;}
/* END: Main content area styles */
/* START: Footer styles */
.footer {border-top:1px solid; clear:both; padding:16px 0 20px 10px; margin-top:40px;}
.fnav {font-size:70%; overflow:hidden;}
.fnav p {font-weight:bold;}
.fnav ul li {display:inline; float:left; width:190px; line-height:140%;}
.fnav li ul {margin:0; padding:0;}
.copy {clear:both; font-size:70%; margin-top:23px;}
.copy .logo {display:block; float:left; width:55px; height:9px; margin:2px 15px 0 0; }
.copy .logo span {display:none;}
.copy a {margin-left:13px;}
/* END: Footer styles */
/* START: Toggler styles */
/* Toggler - default style */
p + p.toggler {
margin-top:-10px;
}
.toggler {
cursor:pointer;
text-decoration: none;
font-size: 100%;
font-weight:bold;
/* line-height:30px;
height:30px; */
padding-left:20px;
display: none;
}
.toggler-closed {
color:#333;
background: transparent url('/medialibrary/images/common/boxlinkclosed.png') 5px no-repeat;
}
.toggler-closed:hover {
text-decoration: none;
font-size: 100%;
background: transparent url('/medialibrary/images/common/boxlinkclosed.png') 5px no-repeat;
}
.toggler-opened {
color:#333;
background: transparent url('/medialibrary/images/common/boxlinkopen.png') 5px no-repeat;
}
.toggler-opened:hover {
text-decoration: none;
font-size: 100%;
background: transparent url('/medialibrary/images/common/boxlinkopen.png') 5px no-repeat;
}
/* Container - default style */
.toggler-c {
}
.toggler-c-closed {
background:transparent;
font-size: 100%;
margin-top:-20px;
padding:20px 20px 0px 20px;
}
.toggler-c-opened {
margin-top:-20px;
font-size: 100%;
padding:20px 20px 0px 20px;
}
/* END: Toggler styles */
/* Content localisation L10N styles
* -------------------------------
* To localise an HTML tag you need to give it two classes: 'l10n' which signifies that the tag can be localised, and an ISO 3166 two-letter code
* which indicates what country it should be localised for. You can also use a class called 'default' to indicate what any country that isn't specified should see. For example:
*
* UK Only
* Everyone but the UK
*
* Only the tags listed below can be localised. If you want to change the list then you need to change l10n.js as well
* NB - potential gotcha. if there are problems with localisation check the proxy you are using to access the web
*/
h1.l10n, h2.l10n, h3.l10n, h4.l10n, h5.l10n, p.l10n, blockquote.l10n, ol.l10n, ul.l10n, li.l10n, dl.l10n, dt.l10n, dt.l10n, tr.l10n, th.l10n, td.l10n, div.l10n, span.l10n, a.l10n {
display: none;
visibility: hidden;
}
body .network-heading h3 {text-align: center;text-transform: none;}