/*
* fe.css
*
* The styles.css file contains CSS styles that are used for all browsers.
*/
/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 3.3.0
build: 3167
*/
html{color:#1D252D;background:#2b2b2d;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#1D252D;}
/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 3.3.0
build: 3167
*/
body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
html { background: #2b2b2d; overflow:auto; }
body {
background: #2b2b2d url('/images/common/footer-background.jpg') no-repeat 50% 100%;
color: #444346;
height:auto;
min-width: 1000px;
}
#Wrapper {
background: #fff;
min-width: 1000px;
padding-bottom: 45px;
overflow:hidden;
}
body.home #Wrapper {
padding-bottom:0px;
}
body.landing #Wrapper {
background: #fff url(../images/common/landing-wrapper-bg.png) repeat-x 0 85px;
}
body.blog #Wrapper {
background: #fff url(../images/common/wrapper-blog-bg-2.png) repeat-x 0 85px;
}
body a { color: #79a0c1; text-decoration: none; }
body a.more {
color: #4298B5;
padding-right: 10px;
}
body.fullWidthContent #Wrapper {padding-bottom: 2px;}
#WrapperContent, #ContentFooter { } /* Width of "page" */
#MainChannel { width: 678px; } /* Width of left channel and center channel combined */
body.full #MainChannel { width: 960px; }
body.lp #MainChannel {width: 702px;}
body.home #MainChannel,
body.fullWidthContent #MainChannel {width: 100%;}
#Content { width: 678px; } /* Width of center channel */
body.full #Content { width: 960px; } /* Center channel with no sidebar */
body.lp #Content {width: 702px;}
body.home #Content,
body.fullWidthContent #Content {width: 100%;}
#Sidebar { width: 251px; } /* Single sidebar on right */
body.full #Sidebar {display: none;}
/*#SidebarPrimary { width: 13.3em; }*/ /* Width of left channel */
/*#SidebarSecondary { width: 13.3em; }*/ /* Width of right channel */
/* = End Widths = */
#WrapperHeader {
background: #2c2b2d;
position: relative;
z-index: 20;
}
#WrapperContent {
background: #fff;
margin: 0 auto; /* Make content centered */
position: relative;
z-index: 12;
}
#WrapperMast {
position: relative;
z-index: 15;
}
body.home #WrapperMast {min-height:403px;}
/* Link at top of document to jump over navigation and go straight to content - For usability */
#ContentJump { left: -32000em; position: absolute; }
#Header { position: relative; z-index: 10; }
#Header .top {margin: 0 auto; padding: 0 20px; width: 960px;}
#Header .bottom {
border-bottom: 3px solid #191919;
border-top: 2px solid #262527;
}
#Toolbar {
margin-bottom: 18px;
padding-top: 24px;
overflow: visible;
position: relative;
z-index: 15;
}
#Toolbar ul.links { float: right; }
#Toolbar li { border-left: 1px solid #969596; float: left; line-height: 1em; margin-top: 14px; padding: 0 8px;}
#Toolbar li.search {border: 0; padding-right: 0; margin-top: 0;}
#Toolbar li.search form {
}
#Toolbar li.search fieldset input {float: left;}
#Toolbar li.search input[type="text"] {
border: 1px solid #b4b4b4;
border-right: 0;
display: block;
font-size: 12px;
height: 28px;
margin: 0;
padding: 4px 8px;
width: 202px;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.ie9 #Toolbar li.search input[type="text"] {
height:
}
#Toolbar li.search input[type="submit"] {
background: url('/images/common/button-search.png');
border: none;
cursor: pointer;
height: 28px;
left: 0;
padding: 0;
position: relative;
text-indent: -32000em;
top: 0;
width: 36px;
}
#Toolbar a, #Toolbar span {
color: #f4f4f4;
font-size: 93%;
line-height: 1em;
padding: 0;
}
#Toolbar div.chat {
color: #5B6770;
font-size: 85%;
padding: 2px 8px 0;
}
#Toolbar li.first { border: 0; }
#Toolbar a:hover { color: #fff; }
#Toolbar a.worldwide {
background: url(/images/common/icon-down-arrow.png) no-repeat 100% 5px;
padding: 0 13px 0 0;
}
#Toolbar li.global {}
#Toolbar li.global .flyout {
display: none;
left: 15px;
position: absolute;
top: 100%;
width: 250px;
}
#Toolbar li.open .flyout {display: block;}
#Toolbar li.global .arrow {
background: url(../images/common/global-flyout-bg.gif) no-repeat 8px 0;
height: 10px;
position: relative;
z-index: 17;
}
#Toolbar .flyout ul {
background: #fff;
border: 1px solid #f2f2f2;
box-shadow: 0 0 3px #ddd;
margin-top: -1px;
padding: 5px 0;
position: relative;
z-index: 16;
}
#Toolbar .flyout li {border: 0; float: none; margin-top: 0; min-height: 0;}
#Toolbar .flyout li a {display: block; font-size: 93%; padding: 0; text-underline: none;}
#Toolbar .flyout li span {
/* background-image: url(../images/common/global-sprite.gif); */
background-repeat: no-repeat;
display: block;
font-size: 100%;
margin: 0;
padding: 4px 10px 3px 15px;
}
#Toolbar .flyout li a:hover {background: #f4f4f4; color: #4298b5; text-decoration: none;}
#Toolbar .flyout li a:hover span {color: #4298b5;}
/*
#Toolbar .flyout li span.americas {background-position: 22px -124px;}
#Toolbar .flyout li span.japanese {background-position: 22px -74px;}
*/
/* Styles for toolbar on the iPhone */
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) {
#Toolbar li.demo {display: none;}
}
#SiteId {
position: absolute;
top: 7px; /* Push site id down below toolbar visually */
z-index: 18;
}
/* Top Navigation */
#NavigationPrimary {
height: 44px;
margin: 0 auto;
padding: 0 20px;
position: relative;
width: 960px;
z-index: 2;
}
#NavigationPrimary ul {margin-left: -26px;}
#NavigationPrimary li { /* Topnav item */
float: left; /* Keep nav in a line */
padding: 0 0 3px 0;
position: relative; /* To position dropdowns based on topnav items */
z-index: 3; /* Need a known z-index so we can lap dropdowns over topnav items and flyouts over the dropdowns */
}
#NavigationPrimary li.over {
z-index: 5; /* Make dropdowns appear over topnav items and flyouts over lower li's that are siblings to dropdown items */
}
#NavigationPrimary li:after {
content: "/";
color: #ccc;
font-size: 16px;
line-height: 1.625em;
position: absolute;
right: 0;
top: 10px;
}
#NavigationPrimary li.last:after,
#NavigationPrimary li:hover:after,
#NavigationPrimary li.active:after {
content: none !important;
}
#NavigationPrimary li:hover a:after,
#NavigationPrimary li a.active:after {
background-color: #d82435;
border-right: 3px solid #7ca8bb;
content: '';
height: 100%;
left: -5px;
position: absolute;
top: 0;
width: 105%;
z-index: 0;
-webkit-transform: skew(-30deg, 0deg);
-moz-transform: skew(-30deg, 0deg);
-ms-transform: skew(-30deg, 0deg);
-o-transform: skew(-30deg, 0deg);
transform: skew(-30deg, 0deg);
}
#NavigationPrimary a { /* Topnav link */
color: #7ca8bb;
display: inline-block;
font-size: 15px;
font-weight: 700;
height: 44px;
outline: 0;
padding: 0 26px;
position: relative;
}
#NavigationPrimary a.active { color: #7ca8bb; }
#NavigationPrimary a:hover, #NavigationPrimary a.open {
color: #7ca8bb;
}
#NavigationPrimary a span {
color: #fff;
line-height: 44px;
position: relative;
z-index: 3;
}
#NavigationPrimary .dd_container {
-webkit-box-shadow: 2px 2px 12px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 2px 2px 12px rgba(0, 0, 0, 0.4);
box-shadow: 2px 2px 12px rgba(0, 0, 0, 0.4);
-webkit-box-sizing: padding-box;
-moz-box-sizing: padding-box;
box-sizing: padding-box;
background: #fff;
display: none;
left: -18px;
margin: 0;
padding: 18px 25px;
position: absolute;
top: 44px;
z-index: 10;
}
.ie8 #NavigationPrimary .dd_container {
box-shadow: none;
border: 1px solid #ddd;
border-top: 0;
}
#NavigationPrimary li:hover .dd_container { display: block; }
#NavigationPrimaryThreats .dd_container { width: 523px; }
.jp #NavigationPrimaryThreats .dd_container {width: 553px;}
#NavigationPrimaryOculus .dd_container { width: 517px; }
#NavigationPrimaryProductsSolutions .dd_container { width: 771px; }
#NavigationPrimaryInfoCenter .dd_container { width: 450px; }
.jp #NavigationPrimaryInfoCenter .dd_container { width: 470px; }
#NavigationPrimaryPartners .dd_container { margin-left: -242px; width: 737px; }
#NavigationPrimaryNewsEvents .dd_container { width: 445px; margin-left: 0; left: -73px; }
.jp #NavigationPrimaryNewsEvents .dd_container,
.kr #NavigationPrimaryNewsEvents .dd_container {left: -18px;}
#NavigationPrimaryNewsEvents .dd_container a.rss {
background:url(/images/common/feed-icon16x16.png) no-repeat;
height:16px;
padding-left:20px;
width:16px;
}
#NavigationPrimaryNewsEvents .dd_container a.rss:hover { background:url(/images/common/feed-icon16x16.png) no-repeat; }
#NavigationPrimaryCompany .dd_container {width: 445px; margin-left: 0; left: -235px; }
.jp #NavigationPrimaryCompany .dd_container {left: -18px; width: 213px;}
.kr #NavigationPrimaryCompany .dd_container {left: -18px;}
#NavigationPrimary li .dd_container li {float: left; font-size: 100%;}
#NavigationPrimary li .dd_container li:after,
#NavigationPrimary li:hover .dd_container li:after {
content: none;
}
#NavigationPrimary li .dd_container a:after,
#NavigationPrimary li:hover .dd_container a:after {
background: 0;
border-right: 0;
content: none;
height: 0;
left: 0;
position: absolute;
top: 0;
width: 0;
z-index: 0;
-webkit-transform: skew(0deg, 0deg);
-moz-transform: skew(0deg, 0deg);
-ms-transform: skew(0deg, 0deg);
-o-transform: skew(0deg, 0deg);
transform: skew(0deg, 0deg);
}
#NavigationPrimary .dd_container a, #NavigationPrimary .dd_container a:hover {
background:none;
line-height: 15px;
height: auto;
}
#NavigationPrimary .dd_main a { display:block; }
#NavigationPrimary .dd_container .title a, #NavigationPrimary .dd_container .title span {
color: #444347;
display: block;
font-size: 108%;
font-weight: bold;
margin-bottom: 3px;
padding-bottom: 0px !important;
width: auto;
}
#NavigationPrimary .dd_container .title a {color: #779fc5;}
#NavigationPrimary .dd_container .title a:hover {color: #da1233;}
#NavigationPrimary .column1 { width:198px; display:block; overflow: hidden; }
.jp #NavigationPrimaryThreats .column1 {width: 228px;}
#NavigationPrimaryProductsSolutions .column1 {width: 270px;}
#NavigationPrimaryInfoCenter .column1 { width: 158px; }
.jp #NavigationPrimaryInfoCenter .column1 { width: 178px; }
#NavigationPrimaryPartners .column1 { width: 200px; }
#NavigationPrimaryNewsEvents .column1 { width: 165px; }
#NavigationPrimaryCompany .column1 { width: 163px; }
#NavigationPrimary .column1 a, #NavigationPrimary .column1 ul { width: auto; }
#NavigationPrimaryThreats .column1 a, #NavigationPrimaryThreats .column1 ul { width: auto; }
#NavigationPrimaryOculus .column1 a, #NavigationPrimaryOculus .column1 ul { width: auto; }
#NavigationPrimary .column2 {
display:block;
margin-left: 10px;
padding-bottom: 20px;
padding-top:35px;
width:170px;
}
#NavigationPrimaryProductsSolutions .column2 {
padding-top: 0;
width: 220px;
}
#NavigationPrimaryPartners .column2 {
padding-top: 0;
width: 230px;
}
#NavigationPrimary .column2 a, #NavigationPrimary .column2 ul {
line-height: normal;
width: 173px;
}
#NavigationPrimaryProductsSolutions .column2 a, #NavigationPrimaryProductsSolutions .column2 ul {
width:250px;
}
#NavigationPrimaryPartners .column2 a, #NavigationPrimaryPartners .column2 ul {
width:230px;
}
#NavigationPrimary .column3 {
display:block;
width:220px;
}
#NavigationPrimary li .dd_container li.column3 {
float: right;
}
#NavigationPrimary .column3 li, #NavigationPrimary .column3 ul {
display:block;
width:183px;
}
#NavigationPrimary .column3 div.resource {}
#NavigationPrimary .column3 div.resource h5 {
color: #444346;
font-size: 15px;
font-weight: bold;
margin: 0 0 4px 0;
text-transform: uppercase;
}
#NavigationPrimary .column3 div.resource h4 {
color: #444346;
font-weight: regular;
font-size: 11px;
margin-bottom: 0;
padding: 0;
text-transform: uppercase;
}
#NavigationPrimary .column3 div.resource p {
color: #444346;
font-size: 12px;
line-height: 1.2em;
}
#NavigationPrimary .column3 div.resource a.button {
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
background: url("/images/common/button-background.jpg") no-repeat;
background-size: cover;
color: #fff;
font-size: 12px;
font-weight: 800;
padding: 8px 12px;
}
#NavigationPrimary .column3 div.resource .image a {
background: 0;
padding: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
}
#NavigationPrimary .column3 div.resource a.button:hover,
#NavigationPrimary .column3 div.resource a.button:active {
color: darken(#fff, 10%);
}
#NavigationPrimary .column3 div.desc {
float: left;
width: 100px;
}
#NavigationPrimary .column3 .wideThumb div.desc {width: 80px;}
#NavigationPrimary .column3 p {
font-size: 85%;
margin-bottom: 7px;
}
#NavigationPrimary .column3 a.thumb {
border: 1px solid #D0D3D4;
box-shadow: 2px 2px 2px #A2AAAD;
line-height: 0.7em;
padding: 0;
}
#NavigationPrimary .column3 a.thumb:hover { border-color: #4298B5; }
.ie7 #NavigationPrimary .column3 li, .ie8 #NavigationPrimary .column3 li { behavior: url(/css/PIE.htc); }
#NavigationPrimary .dd_container li ul {
display:block;
margin:0 0 12px;
padding:0px;
}
#NavigationPrimary .dd_container li ul li {
display:block;
float: none;
font-size: 100%;
font-weight:normal;
margin:0px;
padding:0px;
line-height:15px;
}
#NavigationPrimary .dd_container li ul li a {
color: #779fc5;
display:block;
font-family: arial,helvetica,clean,sans-serif;
font-size: 93%;
font-weight: normal;
margin:0px;
outline: 0;
padding:0px;
line-height:15px;
text-transform:capitalize;
}
#NavigationPrimary .dd_container li ul li a:hover {
color: #da1233;
text-decoration: underline;
}
#NavigationPrimary .dd_container li ul li a.smb {text-transform: none;}
#MainBody {
margin: 0 auto;
padding: 0 20px;
position: relative; /* to facilitate */
width: 960px;
z-index: 2; /* topnav dropdowns */
}
body.home #MainBody,
body.fullWidthContent #MainBody {
margin: 0;
padding: 0;
width: 100%;
}
/* Wrap left and center channel so that we can put center channel first */
/* in markup for optimal content ordering */
#MainChannel { float: left; min-height: 400px;}
body.selector #MainChannel {min-height: 200px;}
/* Left channel */
#SidebarPrimary { float: left; }
/* Center channel */
#Content { float: right; }
body.home #Content {float: none; padding-top: 0;}
#Content a.rss {
background:url(/images/common/feed-icon16x16.png) no-repeat right;
display:block;
height:16px;
padding-right:5px;
margin-left:590px;
margin-right:5px;
}
/* Right Channel */
#SidebarSecondary { float: right; }
/* If there's only a right channel */
#Sidebar { float: right; }
#WrapperContentFooter {
border-top: 4px solid #d82435;
}
#ContentFooter {
margin: 0 auto;
padding: 50px 20px 0;
width: 960px;
}
#ContentFooter .footerCols {
display: table;
border-bottom: 1px solid #565557;
padding-bottom: 45px;
}
#ContentFooter nav {
border-right: 1px solid #565557;
display: table-cell;
padding-right: 25px;
padding-left: 25px;
width: 216px;
}
#ContentFooter nav.first {padding-left: 0;}
#ContentFooter nav.resources {width: 170px;}
#ContentFooter nav.social { border: 0; margin-right: 0; padding-right: 0; width: 195px; }
#ContentFooter nav ul {padding-bottom: 0;}
#ContentFooter .social a {
display: block;
height: 26px;
line-height: 26px;
padding-left: 32px;
}
#ContentFooter a.blog {background: url(/images/icons/icon-blogger.png) no-repeat 0 0;}
#ContentFooter a.twitter { background: url(/images/icons/icon-twitter.png) no-repeat 0 0; }
#ContentFooter a.facebook { background: url(/images/icons/icon-facebook.png) no-repeat 0 0; }
#ContentFooter a.linkedin { background: url(/images/icons/icon-linkedin.png) no-repeat 0 0; }
#ContentFooter a.requestInfo { background: url(/images/icons/icon-question.png) no-repeat 0 0; }
#ContentFooter a.phone { background: url(/images/icons/icon-phone.png) no-repeat 0 0; }
#ContentFooter h3 {
color: #fff;
font-size: 108%;
font-weight: bold;
margin-bottom: 19px;
text-transform: uppercase;
}
#ContentFooter li { padding: 0 0 8px; }
#ContentFooter a {
color: #b5afb1;
font-size: 93%;
padding: 0;
}
#ContentFooter a:hover { color: #fff; }
#ContentFooter a.more {}
#WrapperFooter { }
#Footer { color: #b5afb1; margin: 0 auto; padding: 19px 20px 20px; width: 960px;}
#Footer .watermark { float: right; }
.fr #Footer {padding-left: 0; padding-right: 0;}
.de #Footer {padding-left: 0; padding-right: 0;}
#Footer a { color: #b5afb1; }
#Footer a:hover { color: #fff; text-decoration: underline; }
#Footer p { font-size: 93%; margin-bottom: 0;}
/* Utility Classes */
.selfClear:after, .clearfix:after { /* Make elements self-clearing - see http://positioniseverything.net/easyclearing.html */
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.ie6 .selfClear, .ie7 .selfClear, #ie6 .selfClear, #ie7 .selfClear,
.ie6 .clearfix, .ie7 .clearfix, #ie6 .clearfix, #ie7 .clearfix {zoom:1;}
/* Setup some defaults, site-wide */
h1 { color: #fff; font-size: 197%; font-weight: bold; padding-bottom: 4px; }
h2 { color: #444346; font-size: 167%; font-weight: bold; margin-top: 8px 0 12px; padding-bottom: 4px; }
h3 { color: #444346; font-size: 161.6%; }
h4 { color: #444346; font-size: 123.1%; padding-bottom: 12px; }
p { line-height: 1.4em; margin-bottom: 15px; }
p.center { text-align: center; }
blockquote { font-size:77%; }
#Mast {
background-size: cover;
border-bottom: 1px solid #d0d3d4;
background: #f5f5f5 url(../images/masts/banner-common.jpg) no-repeat 50% 0;
height: 134px;
position: relative;
}
body.blog #Mast { background: #f5f5f5 url(../images/masts/banner-blog.jpg) no-repeat 50% 0; }
body.company #Mast {background: #f5f5f5 url(../images/masts/banner-company.jpg) no-repeat 50% 0;}
body.info-center #Mast {background: #f5f5f5 url(../images/masts/banner-info-center.jpg) no-repeat 50% 0;}
body.news-events #Mast {background: #f5f5f5 url(../images/masts/banner-news-events.jpg) no-repeat 50% 0;}
body.nextgen #Mast {background: #f5f5f5 url(../images/masts/banner-next-generation-threats.jpg) no-repeat 50% 0;}
body.partners #Mast {background: #f5f5f5 url(../images/masts/banner-partners.jpg) no-repeat 50% 0;}
body.products #Mast {background: #f5f5f5 url(../images/masts/banner-products.jpg) no-repeat 50% 0;}
body.productssolutions #Mast {background: #f5f5f5 url(../images/masts/banner-products-solutions.jpg) no-repeat 50% 0;}
body.support #Mast {background: #f5f5f5 url(../images/masts/banner-support-services.jpg) no-repeat 50% 0;}
body.selector #Mast {background: #f5f5f5 url(../images/masts/banner-global.jpg) no-repeat 50% 0;}
body.home #Mast {background: #f5f5f5; border-bottom: 1px solid #d7d7d7; height: 403px;}
#Mast .mastContent {
margin: 0 auto;
padding: 0 20px;
width: 960px;
}
body.home #Mast .mastContent {margin: 0; padding: 0; position: relative; width: 100%;}
#Mast h1 {
color: #444346;
float: left;
font-size: 32px;
font-weight: bold;
padding-top: 47px;
width: 652px;
}
#Mast h1 span {
color: #d82435;
}
#Mast .shield {
float: right;
height: 133px;
width: 288px;
}
body.home #Mast .shield {float: none; height: auto; width: auto;}
#Mast h1.centered { padding-top: 28px; }
body.landing #Mast h1 { text-indent: -32000em; }
body.landing #Mast h2 { text-indent: -32000em; }
body.landing #Mast p { text-indent: -32000em; }
#Mast .slides {
position: relative;
}
#Mast .slide {
background-position: 50% 0;
background-repeat: no-repeat;
float: left;
position: relative;
width: 100%;
}
#Mast .slide .content {
height: 403px;
margin: 0 auto;
padding: 0;
position: relative;
width: 960px;
}
#Mast .slide h1 {
color: #da2237;
font-weight: 700;
font-size: 44px;
line-height: 48px;
margin: 81px 0 5px 0;
max-width: 635px;
padding: 0;
}
#Mast .slide h1 span {
color: #444347;
}
#Mast .slide p {
color: #444347;
font-size: 22px;
font-weight: 700;
line-height: 28px;
margin: 0 0 22px 0;
max-width: 635px;
}
#Mast .slide a.button {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
background: url('/images/masts/button_bg.png') no-repeat 0 0;
color: #fff;
display: inline-block;
font-size: 17px;
font-weight: 700;
padding: 12px 42px;
}
#Mast .carouselNav {
bottom: 24px;
position: absolute;
width: 100%;
z-index: 10;
}
#Mast .carouselNav .content {
margin: 0 auto;
width: 960px;
}
#Mast .mastPagination {
float: right;
}
#Mast .mastPagination a {
background: #fff;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
border: 1px solid rgba(0,0,0,0.2);
display: inline-block;
height: 16px;
margin-right: 8px;
text-indent: -32000em;
width: 16px;
}
#Mast .mastPagination a.selected {
background-color: #d82435;
border: 1px solid #000;
}
#Mast .mastPagination a span {display: inline-block; text-indent: -32000em;}
#Mast .slide .shield {
display: inline-block;
position: absolute;
right: 0;
}
#Mast ul.carouselNav { position: absolute; right: 30px; top: 15px; width: 120px; }
#Mast ul.carouselNav li {
background: #7a7a7a;
cursor: pointer;
display: inline;
float: left;
height: 10px;
margin-left: 4px;
text-indent: -32000em;
width: 15px;
}
#Mast ul.carouselNav li.active { background: #fff; }
#PageTools {
background: #f7f7f7;
border-bottom: 1px solid #d0d3d4;
height: 23px;
}
#PageTools .pageToolContent {
margin: 0 auto;
padding: 0 20px;
width: 960px;
}
#Breadcrumbs { float: left; width: 620px;}
.fr #Breadcrumbs {width: 590px;}
#Breadcrumbs ul { height: 25px; }
#Breadcrumbs li {
color: #b5afb2;
float: left;
font-size: 93%;
line-height: 25px;
padding-left: 4px;
}
#Breadcrumbs li.first { padding-left: 0; }
#Breadcrumbs a {
background: url(../images/common/breadcrumb-divider-bg.png) no-repeat 100% 50%;
color: #444346;
float: left;
line-height: 25px;
padding: 0 14px 0 0;
text-indent: 0 !important;
}
#Breadcrumbs span.label {
background: url(../images/common/breadcrumb-divider-bg.png) no-repeat 100% 50%;
color: #b5afb2;
padding: 0 14px 0 0;
}
.lp #Breadcrumbs { visibility:hidden; }
#SocialTools { float: right; height: 23px;}
#SocialTools ul { border-right: 1px solid #D0D3D4; }
#SocialTools li {
border-left: 1px solid #D0D3D4;
float: left;
height: 23px;
line-height: 23px;
position: relative;
}
#SocialTools li.over { background: #fff; border-bottom: 2px solid #fff; }
#SocialTools li.over li { border: none; }
#SocialTools aside {
background: #fff;
border: 1px solid #D0D3D4;
border-top: 1px solid #fff;
-moz-box-shadow: 1px 1px 0px #dbdbdb;
-webkit-box-shadow: 1px 1px 0px #dbdbdb;
box-shadow: 1px 1px 0px #dbdbdb;
display: none;
font-size: 93%;
left: -50px;
padding: 15px 15px 5px 15px;
position: absolute;
top: 24px;
width: 230px;
}
#SocialTools aside.over { display: block; }
#SocialTools aside ul { border: 0; height: auto; }
#SocialTools aside li { border: 0; }
#SocialTools ul.social li { float: left; padding-bottom: 6px; width: 50%; }
#SocialTools ul.social li a {
background: url(../images/common/vertical-sprites2.png) no-repeat 0 -122px;
display: block;
height: 21px;
line-height: 21px;
padding-left: 26px;
}
#SocialTools ul.social li a.twitter { background-position: 0 -143px; }
#SocialTools ul.social li a.facebook { background-position: 0 -164px; }
#SocialTools ul.social li a.linkedin { background-position: 0 -185px; }
#SocialTools ul.social li a.addthis_button_facebook { background-position: 0 -164px; }
#SocialTools ul.social li a.addthis_button_twitter { background-position: 0 -143px; }
#SocialTools ul.social li a.addthis_button_email { background-position: 0 -320px; }
#SocialTools ul.social li a.addthis_button_more { background-position: 0 -341px; }
#SocialTools ul.contact li {
padding: 3px 0;
width: 100%;
}
#SocialTools ul.contact li.phone span {
background: url(../images/common/vertical-sprites2.png) no-repeat 0 -206px;
display: block;
padding-left: 27px;
padding-top: 2px;
}
#SocialTools ul.contact li a.chat,
#SocialTools ul.contact li div.chat { background: url(../images/common/vertical-sprites2.png) no-repeat 0 -231px; }
#SocialTools ul.contact li a.info { background: url(../images/common/vertical-sprites2.png) no-repeat 0 -252px; }
#SocialTools a {
background: url(../images/common/vertical-sprites2.png) no-repeat 2px 1px;
color: #444346;
float: left;
padding: 0 10px 0 26px;
text-indent: 0 !important;
}
#SocialTools a:hover, #SocialTools .over a.connect, #SocialTools .over a.share {
background-color: #fff;
background-position: 2px -274px;
-moz-box-shadow: 2px 0px 0px #dbdbdb;
-webkit-box-shadow: 2px 0px 0px #dbdbdb;
box-shadow: 2px 0px 0px #dbdbdb;
}
#SocialTools aside a:hover {
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
#SocialTools a.connect {
background: url(/images/icons/icon-connect.png) no-repeat 12px 7px;
padding: 0 15px 0 31px;
}
#SocialTools a.connect:hover, #SocialTools .over a.connect { background-position: 12px 7px; }
#SocialTools a.share {
background: url(/images/icons/icon-share.png) no-repeat 12px 7px;
padding: 0 15px 0 31px;
}
#SocialTools a.share:hover, #SocialTools .over a.share { background-position: 12px 7px; }
.de #SocialTools .shareThisPage aside,
.fr #SocialTools .shareThisPage aside,
.jp #SocialTools .shareThisPage aside {left: -90px; width: 300px;}
.de #SocialTools .shareThisPage aside li,
.fr #SocialTools .shareThisPage aside li,
.jp #SocialTools .shareThisPage aside li,
.kr #SocialTools .shareThisPage aside li {width: 40%;}
.de #SocialTools .shareThisPage aside li.first,
.fr #SocialTools .shareThisPage aside li.first,
.jp #SocialTools .shareThisPage aside li.first,
.kr #SocialTools .shareThisPage aside li.first {width: 60%;}
#Content { padding-top: 30px; }
#cse-search-results { overflow:hidden; }
.careers #Content h3.department {
border-bottom: 1px solid #d0d3d4;
font-size: 100%;
font-weight: bold;
margin: 30px 0 2px;
padding: 2px;
}
#Content .job .jobTitle {
float: left;
width: 68%;
}
#Content .job .location {
float: right;
text-align: right;
width: 30%;
}
.blog h3.intro {
padding-top: 24px;
}
.intro p, #ContentChannel p.intro { font-weight: bold; }
#ContentChannel p,
#ContentChannel ul,
#ContentChannel ol {margin-bottom: 21px;}
#ContentChannel ul ul, #ContentChannel ol ol {margin-bottom: 0;}
aside.datasheet {
background: url('/images/common/callout-background-gradient.jpg') no-repeat;
box-sizing: border-box;
/* Opera cannot do radial gradients yet */
height: 138px;
width: 284px;
padding: 24px;
}
.ie7 aside.datasheet, .ie8 aside.datasheet { behavior: url(/css/PIE.htc); }
aside.floatedRight { float: right; margin: 0 0 15px 20px; }
aside.floatedLeft { float: left; margin: 0 20px 15px 0; }
aside.cyberAttacksGraphic {width: 275px;}
#ContentChannel aside.cyberAttacksGraphic h3 {color: #2c9dbf; font-size: 116%; margin-bottom: 0; text-align: center;}
#ContentChannel aside.datasheet h2 {
color: #fff;
font-size: 100%;
font-weight: bold;
margin: 6px 10px 0 85px;
padding-bottom: 3px;
text-transform: uppercase;
}
#ContentChannel aside.datasheet h3 {
color: #fff;
font-size: 116%;
font-weight: normal;
margin: 0 10px 0 85px;
padding-bottom: 6px;
}
#ContentChannel aside.datasheet p {
margin: 0 10px 0 85px;
}
#ContentChannel aside.datasheet a {
background: url(../images/common/download-arrow.png) no-repeat 100% 50%;
color: #fff;
font-size: 100%;
font-weight: bold;
padding-right: 10px;
text-align: left;
}
#ContentChannel aside.datasheet a:hover {color: #fff;}
.pressRelease aside.datasheet {min-height: 96px;}
.pressRelease aside.datasheet h3 {margin-top: 17px;}
div.quote {
background-color: #fff;
/* Opera cannot do radial gradients yet */
-moz-border-radius: 6px; /* FF1+ */
-webkit-border-radius: 6px; /* Saf3-4, iOS 1+, Android 1.5+ */
border-radius: 6px; /* Opera 10.5, IE9, Saf5, Chrome, FF4 */
-moz-box-shadow: 4px 4px 0px #dbdbdb;
-webkit-box-shadow: 4px 4px 0px #dbdbdb;
box-shadow: 4px 4px 0px #dbdbdb;
border: 1px solid #dbdbdb;
margin-bottom: 20px;
padding: 20px;
}
.ie7 div.quote, .ie8 div.quote { behavior: url(/css/PIE.htc); }
div.quote img { border-right: 1px solid #dbdbdb; float: left; margin-right: 25px; padding: 25px; }
div.quote q {
color: #5B6770;
display: block;
font-size: 108%;
line-height: 1.6em;
margin-bottom: 10px;
}
div.quote cite {
color: #999;
display: block;
line-height: 1.6em;
margin-bottom: 10px;
}
div.quote a { color: #4298B5; }
div.withDivider { border-bottom: 1px solid #ddd; display: block; margin-bottom: 26px; padding-bottom: 26px; }
#ContentChannel .centeredGraphic {margin-bottom: 15px; text-align: center;}
#ContentChannel .centeredGraphic h2 {
padding: 0;
margin-bottom: 30px;
margin-top: 42px;
text-align: left;
}
#ContentChannel .centeredGraphic h3 {
color: #2c9dbf;
font-size: 146.5%;
font-weight: normal;
margin-bottom: 20px;
text-align: center;
}
#ContentChannel .centeredGraphic img.thumb {margin: 0 10px;}
body.fullWidthContent #ContentChannel article {margin: 0 auto; width: 960px;}
article.bio { border-bottom: 1px solid #ddd; display: block; margin-bottom: 26px; padding-bottom: 26px; }
article.bio h2 { margin:0 !important; padding:0 !important; }
article.bio h3 { margin:0; padding:0; }
article.bio img { float: left; }
article.bio p { float: right; margin: 0; width: 545px; }
article.last { border: 0; margin: 0; padding: 0; }
article.withDivider { border-bottom: 1px solid #ddd; display: block; margin-bottom: 26px; padding-bottom: 26px; }
.home #ContentChannel section {
float: left;
margin-right: 30px;
width: 334px;
}
.blog #MainBody p.intro {
color: #444346;
font-size: 146.5%;
margin: 30px 0 0;
}
.blog #ContentChannel h2, .blog #ContentChannel h2 a { color:#c8102e; }
.blog #ContentChannel h2 a { font-size: 100%; }
.blog #ContentChannel table, .blog #ContentChannel img { max-width:98%; }
.blog #ContentChannel .entry-meta { margin-bottom:10px; }
.blog #ContentChannel .entry-meta a { font-weight: normal; }
.blog #ContentChannel .comments-link { border: 1px solid black; display: none; }
#ContentChannel h2 { margin-bottom:10px; }
#ContentChannel h3 { color:#1D252D; font-size:138.5%; margin-bottom:10px; }
#ContentChannel section h2 {
text-transform: uppercase;
font-size: 123.1%;
font-weight: bold;
margin: 0;
padding-bottom: 6px;
}
.blog #ContentChannel h2 {
text-transform: none;
font-size: 153.9%;
padding-bottom: 4px;
}
.blog #ContentChannel .entry-content h2 {font-size: 138.5%;}
#ContentChannel section li { background: 0; padding: 0; }
#ContentChannel section.full { width:100%; }
section.wide { display:none; }
.home section.wide { display:block; width: 100%; background:#000; }
.home section.wide .container { margin:0 auto; padding-top:20px; width: 960px; }
.home section.wide .container h2 {
font-size:276%;
}
.home section.wide .container h2 span.white {
color:#fff;
}
.home section.wide .container h3 {
color:#fff;
font-size:266%;
}
.home section.wide .container p {
color:#fff;
font-size:167%;
padding-top:10px;
}
#ContentChannel section.who { display:block; float:left; margin-bottom: 20px; width: 309px;}
section.who .logoWrapper {
border: 1px solid #ddd;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
height: 91px;
overflow: hidden;
padding: 3px;
position:relative;
width: 301px;
}
section.who .logoWrapper img { margin:5px 17px 0 17px; }
.ie6 section.who .logoWrapper img { left:5px; position:relative; }
.ie7 section.who .logoWrapper, .ie8 section.who .logoWrapper { behavior: url(/css/PIE.htc); }
.ie6 section.who .jcarousel-item, .ie6 section.who .jcarousel-clip-horizontal { height: 91px; width: 301px; }
section.who .jcarousel-prev, section.who .jcarousel-next {
background:url(../images/home/home-customer-carousel-sprite.png) 0 0 no-repeat;
cursor: pointer;
height:18px;
position: absolute;
top:38px;
width:10px;
z-index:15;
}
section.who .jcarousel-prev { left:5px; }
section.who .jcarousel-next { background-position:-10px 0; left:285px; position:absolute; }
section.who .jcarousel-next:hover { background-position:-10px -18px; }
section.who .jcarousel-prev:hover { background-position:0 -18px; }
.ie6 section.who .jcarousel-prev { right: 38px; }
.ie6 section.who .jcarousel-next { background-position:-10px 0; left:285px; position:absolute; }
section.who li { float: left; }
section.who .newsticker { position: absolute; }
section.who .tickercontainer { height: 90px; overflow: hidden; }
section.who .tickercontainer .mask { position: relative; }
#ContentChannel sup {font-size: 85%; position: relative; top: -0.4em;}
#ContentChannel ul.resources h3 { color: #999; font-size: 93%; line-height: 1.2em; }
body.home #ContentChannel ul.resources h3 { margin: 0; padding: 0; }
#ContentChannel ul.resources a { color: #4298B5; font-size: 93%; font-weight: bold; }
#ContentChannel ul.resources a:hover { color: #5B6770; text-decoration: underline; }
#ContentChannel a { color: #79a0c1; }
#ContentChannel a:hover { color: #436d91; text-decoration: underline;}
#ContentChannel p a:hover, #ContentChannel aside a:hover { color: #5B6770; text-decoration: underline; }
#ContentChannel section ul.resources li {
background: url(../images/home/resources-icons.png) no-repeat 0 3px;
padding-left: 38px;
margin-top: 12px;
min-height: 36px;
}
#ContentChannel section ul.resources li.video { background-position: 0 -53px; }
#ContentChannel section ul.resources li.guide { background-position: 0 -116px; }
#ContentChannel section ul.resources li.whitePaper { background-position: 0 -172px; }
#ContentChannel ul ul { margin-left:25px; }
#ContentChannel li ul { margin-top:20px; }
#ContentChannel .address { display:block; width:300px; height:190px; float:left; }
.company.jp #ContentChannel .address { width:270px; }
#ContentChannel ul.newsCoverage, #ContentChannel ul.events { } /* News & Events */
#ContentChannel ul.newsCoverage li, #ContentChannel ul.events li {
background: 0;
border-bottom: 1px solid #D0D3D4;
margin-bottom: 20px;
padding: 0 0 8px;
}
#ContentChannel ul.newsCoverage h3, #ContentChannel ul.newsCoverage h4,
#ContentChannel ul.newsCoverage p.date, #ContentChannel ul.events h3, #ContentChannel ul.events h4,
#ContentChannel ul.events p.details {
float: right;
padding: 0 0 4px;
margin: 0;
width: 438px;
}
#ContentChannel ul.newsCoverage h3 a:hover, #ContentChannel ul.events h3 a:hover { color: #5B6770; text-decoration: none; }
#ContentChannel ul.newsCoverage a:hover, #ContentChannel ul.events a:hover { color: #5B6770; text-decoration: underline; }
#ContentChannel ul.newsCoverage p.logo, #ContentChannel ul.events p.logo {
color: #5b6770;
float: left;
font-size: 123.1%;
overflow: hidden;
text-align: center;
width: 220px;
}
#ContentChannel ul.events h3 a.new {
background: url(/images/infographics/new.gif) no-repeat 100% 0;
line-height: 1.4em;
padding: 3px 32px 6px 0;
}
#ContentChannel ul.events img.events-logo {
max-width: 220px;
}
#ContentChannel ul.events img.webcast {
border: 1px solid #D0D3D4;
/* -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; */
-webkit-box-shadow: 2px 2px 2px #A2AAAD;
-moz-box-shadow: 2px 2px 2px #A2AAAD;
box-shadow: 2px 2px 2px #A2AAAD;
}
.ie7 #ContentChannel ul.events img.webcast, .ie8 #ContentChannel ul.events img.webcast {
behavior: url(/css/PIE.htc);
}
#ContentChannel ul.events a:hover img.webcast { border: 1px solid #4298B5; }
#ContentChannel ul.articles { padding-top: 12px; }
#ContentChannel ul.articles img { margin-top:5px; max-width:210px; }
#ContentChannel ul.articles li {
border-bottom:#F00 solid 1px;
display:block;
float:left;
min-height:260px;
margin:20px 0 0 20px;
width:250px;
}
.ie6 #ContentChannel ul.articles li { height:260px; }
#ContentChannel ul.articles h3 { color: #5B6770; font-size: 116%; padding-bottom: 8px; }
#ContentChannel ul.articlesHP { padding-top: 12px; }
#ContentChannel ul.articlesHP img { margin-top:20px; }
#ContentChannel ul.articlesHP li {
border-bottom:#F00 solid 1px;
display:block;
float:left;
height:40px;
margin:20px 0 0 20px;
width:250px;
}
#ContentChannel ul.articlesHP a:hover { color: #5B6770; text-decoration: underline; }
body.home #ContentChannel ul.articlesHP li { border: 0; height: auto; margin: 0 0 20px; }
#ContentChannel ul.articlesHP h3 { color: #5B6770; font-size: 100%; padding-bottom: 12px; }
body.home #ContentChannel ul.articlesHP h3 { padding: 0; margin: 0; }
#ContentChannel #TabEvents ul.events { padding-top: 12px; }
#ContentChannel #TabNews ul.newsCoverage h3 a:hover, #ContentChannel #TabEvents ul.events h3 a:hover {
color: #5B6770;
}
#ContentChannel #TabEvents ul.events img { margin-top:20px; }
#ContentChannel #TabEvents ul.events li {
border-bottom:#F00 solid 1px;
display:block;
float:none;
margin:20px 0 0 20px;
width:250px;
}
.ie6 #ContentChannel #TabEvents ul.events li { height:90px; }
body.home #ContentChannel #TabEvents ul.events li { border: 0; height: auto; margin: 0 0 5px; padding-bottom: 0; }
#ContentChannel #TabEvents ul.events h3 { font-size: 100%; padding-bottom: 12px; float:left; width: 100%;}
body.home #ContentChannel #TabEvents ul.events h3 { padding: 0; margin: 0; }
#ContentChannel ul.videos { }
#ContentChannel ul.videos li {
background: 0;
margin-bottom: 20px;
}
#ContentChannel ul.videos a.image {
border: 2px solid #999;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 2px 2px 2px #5B6770;
-moz-box-shadow: 2px 2px 2px #5B6770;
box-shadow: 2px 2px 2px #5B6770;
float: left;
margin-right: 20px;
}
#ContentChannel ul.videos li.testimonial h3 { padding:0px; }
#ContentChannel ul.videos li.testimonial p { margin-bottom:5px; padding:0px; }
#ContentChannel ul.videos li.testimonial b { font-size:116%; }
.ie7 #ContentChannel ul.videos a.image, .ie8 #ContentChannel ul.videos a.image {
behavior: url(/css/PIE.htc);
}
#ContentChannel ul.videos a.image:hover { border-color: #4298B5; }
#ContentChannel ul.videos a.image img { float: left; }
#ContentChannel ul.videos h3 { float: left; padding-top: 16px; }
.home #ContentChannel ul.videos h3 { float: left; margin-bottom:7px; padding-top: 15px; padding-bottom:2px; }
.home #ContentChannel ul.videos h2 { font-size:131%; margin-top: 0px; text-transform:none; }
#ContentChannel ul.videos h3 a:hover { text-decoration: underline; }
#ContentChannel ul.infocenter { } /* Info Center */
#ContentChannel ul.infocenter li {
background: 0;
line-height: normal;
margin-bottom: 20px;
}
#ContentChannel ul.infocenter a.image, #ContentChannel ul.infocenter span.image {
border: 1px solid #A2AAAD;
/* -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; */
-webkit-box-shadow: 2px 2px 2px #A2AAAD;
-moz-box-shadow: 2px 2px 2px #A2AAAD;
box-shadow: 2px 2px 2px #A2AAAD;
float: left;
margin-right: 20px;
padding: 0;
margin-bottom: 0;
line-height: normal;
}
.ie7 #ContentChannel ul.infocenter a.image, .ie8 #ContentChannel ul.infocenter a.image {
behavior: url(/css/PIE.htc);
}
#ContentChannel ul.infocenter a.image:hover { border-color: #4298B5; }
#ContentChannel ul.infocenter h3 { color: #5b6770; float: left; font-weight: bold; padding-top: 16px; line-height: 1.4em;}
#ContentChannel ul.infocenter h3.localized { float: left; padding-top: 12px; }
#ContentChannel ul.infocenter h3.localized-new { float: left; padding-top: 13px; }
#ContentChannel ul.infocenter h3 a:hover { text-decoration: none; }
#ContentChannel ul.infocenter h3 a.new, #ContentChannel ul.infocenter h3.new {
background: url(/images/infographics/new.gif) no-repeat 100% 0;
line-height: 1.4em;
padding: 3px 32px 6px 0;
}
#ContentChannel ul.infocenter ul {clear: both; margin-left: 0; margin-bottom: 10px;}
#ContentChannel ul.infocenter ul li {
background: url("../images/common/bullet.png") no-repeat scroll 18px 6px transparent;
line-height: 1.4em;
margin: 0;
padding-bottom: 5px;
padding-left: 34px;
}
#ContentChannel ul.infocenter ul li a {font-size: 116%;}
#ContentChannel ul.infocenter ul li a:hover { text-decoration: none; }
#ContentChannel .legalTabs h4 {font-size: 100%; font-weight: bold; padding-bottom: 0;}
#ContentChannel .legalTabs ul.subcategory {margin-bottom: 0;}
#ContentChannel .legalTabs ul.subcategory li.last {margin-bottom: 10px;}
#ContentChannel .legalTabs ul.subcategory li span {font-weight: bold;}
#ContentChannel ul.legal {margin-bottom: 30px; margin-top: 10px; }
#ContentChannel ul.legal li {padding-bottom: 0;}
#ContentChannel .legalTabs ul.subcategory ul.legal {margin-bottom: 0;}
#ContentChannel #alliance-partners { } /* Alliance Partners */
#ContentChannel #alliance-partners h3, #ContentChannel #alliance-partners p {
float: right;
padding: 0 0 7px;
margin: 0;
width: 438px;
}
#ContentChannel #alliance-partners p { padding-bottom: 25px; }
#ContentChannel #alliance-partners p.logo {
float: left;
overflow: hidden;
text-align: center;
width: 220px;
padding-top: 3px;
}
#ContentChannel #termsconditions { } /* Terms and Conditions (Sales, Support) */
#ContentChannel #termsconditions ol li { margin-left: 18px !important; }
#ContentChannel img { } /* Image Styles */
#ContentChannel img.leadership {
background: none repeat scroll 0 0 #FFFFFF;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25);
padding: 2px;
width: auto;
}
#ContentChannel table { margin-bottom: 20px; } /* Table Styles */
#ContentChannel td, #ContentChannel th {
border: 1px solid #5B6770;
border-top: 0;
color: #5B6770;
padding: 8px;
}
#ContentChannel th { font-weight: bold; text-align: center; }
#ContentChannel th.features { text-align: left; }
#ContentChannel th.center { text-align: center; }
#ContentChannel thead { }
#ContentChannel thead th {
background: #c8102e;
border-bottom: 0;
border-top: 1px solid #5B6770;
color: #fff;
text-transform: uppercase;
}
#ContentChannel tbody { }
#ContentChannel tbody th { text-align: left; }
#ContentChannel tbody td { text-align: center; }
#ContentChannel tr.alt td, #ContentChannel tr.alt th, #ContentChannel tr:nth-child(even) { background-color: #D0D3D4; }
#ContentChannel table.privacy tbody td { text-align: left; vertical-align: top;}
#ContentChannel table.privacy tr.alt td,
#ContentChannel table.privacy tr:nth-child(even) {background: #fff;}
#ContentChannel table.privacy ul {padding-top: 3px;}
#ContentChannel table.privacy ul li {padding-bottom: 5px;}
#ContentChannel tbody.Product_Visio { }
#ContentChannel tbody.Product_Visio li { margin-left: 0; padding-bottom:8px; }
#ContentChannel tbody.Product_Visio td { text-align: left; padding: 20px 20px 15px; 20px; }
#ContentChannel table.noHeaders {border-top: 1px solid #5B6770;}
#ContentChannel table.leftAlignedCells tbody td {text-align: left;}
#ContentChannel table.inBulletList {margin-bottom: 0; margin-top: 20px;}
#ContentChannel table.eventDetails {border-top: 1px solid #5B6770;}
#ContentChannel table.eventDetails td {text-align: left; vertical-align: top;}
#ContentChannel table.timetable td {
border-left: 0;
border-right: 0;
}
#ContentChannel .rowNote,
#ContentChannel .tableCaption,
#ContentChannel .footNote {font-size: 85%;}
.home #ContentChannel .footNote { float:right; font-size: 85%; }
.infographic { margin: 20px 0; }
#CompleteProtectionInfographic {position: relative;}
#ContentChannel #CompleteProtectionInfographic h3 {
color: #2c9dbf;
font-size: 146.5%;
font-weight: normal;
left: 0;
margin-bottom: 0;
position: absolute;
text-align: center;
top: 8px;
width: 678px;
}
#CompleteProtectionInfographic img {
background: url(../images/infographics/protection-against-malware-sprite.png);
display: block;
height: 500px;
margin: 0 auto;
width: 500px;
}
#CompleteProtectionInfographic img.outerCircle { background-position: 0 -500px; }
#CompleteProtectionInfographic img.innerCircle { background-position: 0 -1500px; }
#CompleteProtectionInfographic img.pie1 { background-position: 0 -2000px; }
#CompleteProtectionInfographic img.pie2 { background-position: 0 -2500px; }
#CompleteProtectionInfographic img.pie3 { background-position: 0 -3000px; }
#CompleteProtectionInfographic img.middleCircle { background-position: 0 -1000px; }
#PartnerEcosystemInfographic {position: relative;}
#PartnerEcosystemInfographic img {
background: url(../images/partners/partner-ecosystem-sprite.png);
display: block;
height: 430px;
margin: 0 auto;
width: 500px;
}
#PartnerEcosystemInfographic img.outerCircle { background-position: 0 100%; }
#PartnerEcosystemInfographic img.middleCircle { background-position: 0 -2580px; }
#PartnerEcosystemInfographic img.innerCircle { background-position: 0 -430px; }
#PartnerEcosystemInfographic img.endpoint { background-position: 0 -860px; }
#PartnerEcosystemInfographic img.mitigation { background-position: 0 -1290px; }
#PartnerEcosystemInfographic img.instrumentation { background-position: 0 -1720px; }
#PartnerEcosystemInfographic img.analyticsSIEM { background-position: 0 -2150px; }
#PartnerEcosystemInfographic img.var { background-position: 0 -3010px; }
#PartnerEcosystemInfographic img.si { background-position: 0 -3440px; }
#PartnerEcosystemInfographic img.mssp { background-position: 0 -3870px; }
#PartnerEcosystemInfographic img.consulting { background-position: 0 -4300px; }
#PartnerEcosystemInfographic img.vad { background-position: 0 -4730px; }
#ContentChannel .twoColLayout {}
#ContentChannel .twoColLayout div.first {float: left; width: 48%;}
#ContentChannel .twoColLayout div.last {float: right; width: 48%;}
#ContentChannel .promos {
background: #fff;
}
#ContentChannel .promos .buckets {
display: table;
margin: 0 auto;
padding: 32px 20px;
width: 960px;
}
#ContentChannel .promos .buckets .left,
#ContentChannel .promos .buckets .middle,
#ContentChannel .promos .buckets .right {
border-right: 1px solid #d2d2d5;
display: table-cell;
padding-left: 20px;
width: 319px;
}
#ContentChannel .promos .buckets .left {padding-left: 0; width: 319px;}
#ContentChannel .promos .buckets .middle {width: 329px;}
#ContentChannel .promos .buckets .right {border-right: 0;}
#ContentChannel .promos .buckets .icon {
float: right;
left: -18px;
position: relative;
}
#ContentChannel .promos .buckets .right .icon {
left: 0;
}
#ContentChannel .promos .buckets .info {
width: 196px;
}
#ContentChannel .promos .buckets .left .info {width: 186px;}
#ContentChannel .promos .buckets .middle .info {width: 206px;}
#ContentChannel .promos .buckets .right .info {width: 214px;}
#ContentChannel .promos .buckets .info h3 {
color: #444346;
font-size: 123.1%;
font-weight: bold;
margin-bottom: 4px;
text-transform: uppercase;
}
#ContentChannel .promos .buckets img {
float: right;
}
#ContentChannel .promos .buckets p {
color: #444346;
font-size: 100%;
}
#ContentChannel .promos .buckets a {
color: #79a0c1;
}
#ContentChannel .promos .buckets a.more {
font-size: 100%;
font-weight: bold;
}
#ContentChannel .promos .buckets a:hover{
color: #436d91;
text-decoration: underline;
}
#ContentChannel .feature {
background: url('/images/home/line-tile.png') repeat;
border-bottom: 1px solid #d7d7d7;
box-sizing: border-box;
height: 389px;
min-width: 980px;
overflow: hidden;
padding: 58px 0;
}
#ContentChannel .feature .content {
margin: 0 auto;
padding: 0 20px;
width: 960px;
}
#ContentChannel .feature .video {
float: left;
width: 512px;
}
#ContentChannel .feature .video img {
/* margin-top: 30px; */
max-width: 511px;
}
#ContentChannel .feature .info {
float: right;
width: 420px;
}
#ContentChannel .feature .info h3 {
color: #d82435;
font-size: 32px;
font-weight: bold;
margin-bottom: 5px;
margin-top: 0;
}
#ContentChannel .feature .info p {
color: #444346;
font-size: 131%;
font-weight: bold;
margin-bottom: 32px;
}
body.home #ContentChannel .information {
margin: 0 auto 19px;
padding: 33px 20px;
width: 960px;
}
#ContentChannel .buzz {
background-color: #444347;
padding: 24px;
position: relative;
}
#ContentChannel .buzz .arrow {
bottom: -21px;
position: absolute;
right: 64px;
}
#ContentChannel .buzz .content {
position: relative;
}
#ContentChannel .buzz h2 {
border-bottom: 1px solid #b5afb1;
color: #fff;
font-size: 161.6%;
font-weight: bold;
margin-bottom: 12px;
padding-bottom: 12px;
}
#ContentChannel .buzz p {
color: #d2d2d4;
font-size: 116%;
}
#ContentChannel .buzz cite {
color: #fff;
float: right;
font-size: 85%;
font-weight: bold;
text-transform: uppercase;
}
#ContentChannel .buzz .slides {
position: relative;
min-height: 138px;
}
#ContentChannel .buzz .slide {
float: left;
min-height: 105px;
width: 912px;
}
#ContentChannel .buzz .quotePagination {
position: absolute;
right: 0;
top: 12px;
}
#ContentChannel .buzz .quotePagination a {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
background-color: #8b8b8e;
float: left;
height: 8px;
margin-right: 4px;
outline: 0;
text-indent: -32000em;
width: 8px;
}
#ContentChannel .buzz .quotePagination a.selected {
background-color: #d82435;
}
#ContentChannel .newsAndResources {margin: 0 auto 24px; padding: 0 20px; width: 960px;}
#ContentChannel .newsAndResources .col {float: left; margin-right: 22px; width: 305px;}
#ContentChannel .newsAndResources .resources {margin-right: 0;}
#ContentChannel .newsAndResources h2 {
border-bottom: 2px solid #d82435;
font-size: 161.6%;
font-weight: 600;
margin-bottom: 13px;
padding-bottom: 10px;
}
#ContentChannel .newsAndResources p {
font-size: 108%;
}
#ContentChannel .newsAndResources p.date,
#ContentChannel .newsAndResources .resourceType {
font-size: 93%;
font-weight: bold;
margin: 0 0 1px 0;
text-transform: uppercase;
}
#ContentChannel .newsAndResources .post {
font-size: 116%;
font-weight: bold;
margin-bottom: 21px;
}
#ContentChannel .why {margin: 0 auto 60px; padding: 0 20px; width: 960px;}
#ContentChannel .why h2 {
border-bottom: 2px solid #d82435;
font-size: 161.6%;
font-weight: bold;
margin-bottom: 13px;
padding-bottom: 10px;
}
#ContentChannel .why a.more {
font-size: 108%;
font-weight: bold;
}
#ContentChannel .why p {color: #444346; font-size: 108%;}
/* The standard li treatment for lists in the content */
/* We don't style the li site-wide because we also use it in a utility capacity */
#Content li {
background: url(../images/common/bullet.png) no-repeat 3px 6px;
line-height: 1.4em;
padding-bottom: 13px;
padding-left: 25px;
}
#Content ol li {
line-height: 1.4em;
list-style: decimal outside none;
padding-bottom: 0;
padding-left: 10px;
background: none;
margin-bottom: 13px;
margin-left: 25px;
}
.pressrelease #Content ol {
margin-bottom: 13px;
}
.pressrelease #Content ol li {
margin-bottom: 0;
}
#Content .expandable {margin-bottom: 9px;}
#Content .expandable a.control {
background: #f7f7f7;
border: 1px solid #ddd;
color: #5599bb;
display: block;
padding: 8px 17px 6px;
}
#Content .expandable a.open span {
background: url(../images/common/expandable-arrows.png) no-repeat 100% 2px;
display: block;
padding-right: 20px;
}
#Content .expandable a.close {
background: #5599bb;
color: #fff;
}
#Content .expandable a.close span {
background: url(../images/common/expandable-arrows.png) no-repeat 100% -59px;
display: block;
padding-right: 20px;
}
#Content .expandable .content {
background: #fff;
border: 1px solid #ddd;
border-top: 0;
display: none;
padding: 8px 17px 6px;
}
#Content ul.resellerLogos {}
#Content ul.resellerLogos li {background: 0; float: left; margin-right: 40px; padding-left: 0;}
#Content ul.resellerLogos li.indent {margin-left: 100px}
#Content ul.resellerLogos li.last {margin-right: 0;}
#Content .partnerRow {margin-bottom: 30px; position: relative;}
#Content .partnerRow div.first {float: left; width: 320px;}
#Content .partnerRow div.last {float: right; width: 320px;}
#Content .partnerRow .brief p {margin-bottom: 0; padding-bottom: 40px;}
#Content .partnerRow p.docs {bottom: 0; left: 0; padding: 0; position: absolute; width: 320px;}
#Content .partnerRow .last p.docs {left: 357px;}
#Content .allianceLogos {
border: 1px solid #ddd;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
height: 80px;
margin-top: 35px;
overflow: hidden;
padding: 5px;
position:relative;
width: 670px;
}
#Content .allianceLogos img { margin:5px 17px 0; }
#Content .allianceLogos img { left:5px; position:relative; }
.ie7 #Content .allianceLogos, .ie8 #Content .allianceLogos { behavior: url(/css/PIE.htc); }
.ie6 #Content .allianceLogos .jcarousel-item, .ie6 #Content .allianceLogos.jcarousel-clip-horizontal { height: 75px; width: 167px; }
#Content ul.allianceLogoCarousel li { background: 0; float: left; padding-left: 0;}
#Content .allianceLogos .newsticker { position: absolute; }
#Content .allianceLogos .tickercontainer { height: 70px; overflow: hidden; }
#Content .allianceLogos .tickercontainer .mask { position: relative; }
.allianceTabs .tabContent {
padding-top: 20px;
}
.phoneDisplay {
border: 1px solid #ddd;
padding: 4px 7px;
text-align: right;
width: 150px;
}
.phoneDisplay span {display: none;}
body.fullWidthSolution #Content {background: url(../images/products/retail-security-content-bg.png) no-repeat 50% 0;}
body.fullWidthSolution #ContentChannel .twoCols {margin-bottom: 15px;}
body.fullWidthSolution #ContentChannel .twoCols .first {
background: #fff url(../images/products/retail-security-focus-box-bg.jpg) no-repeat 0 100%;
display: block;
float: left;
min-height: 475px;
width: 630px;
}
body.fullWidthSolution.utilitiesSecurity #ContentChannel .twoCols .first {
background: #fff url(../images/products/utility-security-focus-box-bg.jpg) no-repeat 0 100%;
}
body.pharmaceutical #ContentChannel .twoCols .first {
background: #fff url(../images/products/pharmaceutical-focus-box-bg.jpg) no-repeat 0 100%;
}
body.fullWidthSolution #ContentChannel .twoCols .first .container {padding: 30px 34px 32px;}
body.fullWidthSolution #ContentChannel .twoCols .first h3 {color: #464646; font-size: 19px; font-weight: bold;}
body.fullWidthSolution #ContentChannel .twoCols .first h3 em {color: #cf2136; font-style: normal;}
body.fullWidthSolution #ContentChannel .twoCols .first h2 {color: #464646; font-size: 36px; font-weight: bold;}
body.fullWidthSolution.utilitiesSecurity #ContentChannel .twoCols .first h2 {font-size: 33px;}
body.fullWidthSolution #ContentChannel .twoCols .first h2 em {color: #cf2136; font-style: normal;}
body.fullWidthSolution #ContentChannel .twoCols .first h4 {color: #cf2136; font-size: 19px; font-weight: bold;}
body.fullWidthSolution #ContentChannel .twoCols .first p {color: #50575d;}
body.pharmaceutical #ContentChannel .twoCols .first h2 {font-size: 29px;}
body.utilities #ContentChannel .twoCols .first h2 {font-size: 29px;}
body.fullWidthSolution #ContentChannel .twoCols .last {
background: #fff url(../images/products/retail-security-infographic-box-bg.jpg) no-repeat 0 100%;
display: block;
float: right;
min-height: 475px;
width: 298px;
}
body.fullWidthSolution #ContentChannel .twoCols .last .container {
padding: 20px 20px 8px;
}
body.fullWidthSolution #ContentChannel .twoCols .last img {border: 1px solid #a9a9a9;}
body.fullWidthSolution #ContentChannel .twoCols p {margin-bottom: 15px;}
body.fullWidthSolution #ContentChannel .twoCols .last p.button {margin-bottom: 0;}
#ContentChannel .contentBox {
border: 1px solid #a9a9a9;
-webkit-box-shadow: 0 1px 5px #ccc;
-moz-box-shadow: 0 1px 5px #ccc;
box-shadow: 0 1px 5px #ccc;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
#ContentChannel .contentBox h3 {
color: #cf2136;
display: inline-block;
font-size: 18px;
font-weight: bold;
margin-bottom: 7px;
padding-right: 10px;
}
#ContentChannel .contentBox .resourceBox h3 {padding-top: 7px;}
#ContentChannel .contentBox .resourceBox p {margin-bottom: 15px;}
#ContentChannel .contentBox .resourceBox p.image {float: right; margin-left: 20px;}
#ContentChannel .contentBox .resourceBox p.image img {
border: 1px solid #ddd;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
body.fullWidthSolution #ContentChannel .threeCols {margin-bottom: 15px;}
body.fullWidthSolution #ContentChannel .threeCols .contentBox {
border: 1px solid #e9e9e9;
float: left;
min-height: 210px;
position: relative;
width: 299px;
}
body.fullWidthSolution #ContentChannel .threeCols .first {}
body.fullWidthSolution #ContentChannel .threeCols .middle {
margin-left: 29px;
}
body.fullWidthSolution #ContentChannel .threeCols .last {
float: right;
width: 298px;
}
body.fullWidthSolution #ContentChannel .threeCols .highlighted {
border: 3px solid #82b3d1;
min-height: 206px;
width: 295px;
}
body.fullWidthSolution #ContentChannel .threeCols .contentBox .container {
padding: 10px 7px 60px 17px;
}
body.fullWidthSolution #ContentChannel .threeCols .contentBox .videoBox {
padding: 10px 17px 0;
}
body.fullWidthSolution #ContentChannel .threeCols .videoBox p.image {margin-bottom: 8px; text-align: center;}
body.fullWidthSolution #ContentChannel .threeCols .last a {display: block;}
body.fullWidthSolution #ContentChannel .threeCols p.button {bottom: 15px; left: 17px; margin-bottom: 0; position: absolute;}
#ContentChannel a.blueButton {
color: #fff;
display: inline-block;
padding: 5px 9px;
background: -webkit-linear-gradient(#60a1c1, #5597b7); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(#60a1c1, #5597b7); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#60a1c1, #5597b7); /* For Firefox 3.6 to 15 */
background: linear-gradient(#60a1c1, #5597b7); /* Standard syntax */
border: 1px solid #8cbad2;
-webkit-box-shadow: 1px 1px 3px #aaa;
-moz-box-shadow: 1px 1px 3px #aaa;
box-shadow: 1px 1px 3px #222;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.ie9 #ContentChannel a.blueButton,
.ie8 #ContentChannel a.blueButton,
.ie7 #ContentChannel a.blueButton,
.ie6 #ContentChannel a.blueButton {
background: #5597b7;
}
#ContentChannel a.blueButton span {
background: url(../images/common/blue-button-arrow.png) no-repeat 100% 0;
font-size: 11px;
font-weight: bold;
padding: 5px 35px 5px 0;
text-transform: uppercase;
}
#ContentChannel a.blueButton:hover {
color: #fff;
text-decoration: none;
}
#ContentChannel .productGoal {
background: #000;
border-bottom: 2px solid #61a1c2;
border-top: 3px solid #61a1c2;
padding: 50px 0 40px;
}
#ContentChannel .productGoal .container {margin: 0 auto; width: 960px;}
#ContentChannel .productGoal p {color: #ccc;}
#ContentChannel .productGoal p a {color: #cf2136;}
#ContentChannel .cityView {background: url(../images/products/city-view.jpg) no-repeat 50% 0; height: 401px;}
#ContentChannel .code {font-family: "Courier"; margin-bottom: 15px;}
#PreferredCountry {}
#PreferredCountry .siteSelection {margin-bottom: 5px;}
#PreferredCountry .siteSelection div.site {float: left; margin-right: 10px;}
#PreferredCountry .siteSelection div.submit {float: left;}
#PreferredCountry div.submit input {
background: #3c95b4;
border: none;
-moz-border-radius: 3px;
border-radius: 3px;
color: #fff;
cursor: pointer;
font-size: 93%;
font-weight: bold;
padding: 2px 5px;
}
#PreferredCountry div.submit input:hover {
background: #47aac3;
}
#PreferredCountry .checkbox input {float: left; margin-right: 7px;}
#PreferredCountry .checkbox label {float: left; font-weight: bold;}
.productssolutions h5 { color: #4298B5; font-weight:bold; }
.callout {
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-ms-border-radius: 8px;
-o-border-radius: 8px;
border-radius: 8px;
-webkit-box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.3);
box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.3);
border: 1px solid rgba(0, 0, 0, 0.2);
margin: 24px 0;
padding: 32px;
}
.callout h4 {
font-size: 197%;
}
.callout a.more {
font-size: 100%;
font-weight: bold;
}
/* Overlay */
#simplemodal-overlay {background-color:#000;}
/* Container */
#SMBVideo, #MTPVideo, #DataCenterVideo, .modalVideoContainer {display: none;}
#simplemodal-container {height:480px; width:774px; color:#bbb; background-color:#eee; border:4px solid #fff;}
#simplemodal-container .simplemodal-data {padding: 40px 25px 0;}
#simplemodal-container a {color:#ea981e;}
#simplemodal-container a.modalCloseImg {
background:url(../images/video/close.png) no-repeat;
cursor:pointer;
display:inline;
height:18px;
position:absolute;
right:18px;
top:12px;
width:17px;
z-index:3200;
}
#Sidebar { padding-top: 26px; }
#Sidebar .sidebarTabs {margin-bottom: 25px;}
#Sidebar .awards {margin-bottom: 20px; text-align: center;}
#Sidebar .awards img {display: inline-block; margin: 0 7px 8px; vertical-align: top;}
.blog #Sidebar { padding-bottom:10px; }
.blog #Sidebar h2 {
margin-top:10px;
margin-top: 10px;
background: none;
border: none;
color: #5b6770;
font-size: 133%;
font-weight: normal;
margin-bottom: 0px;
padding: 6px 0;
}
.blog #Sidebar .search {
background: url(../images/common/search-bg-blog.png) no-repeat 0 0;
height: 24px;
margin-top: 14px;
width: 250px;
}
.blog #Sidebar .search input {
border: 0;
display: inline;
float: left;
font-size: 77%;
margin: 6px 0 0 6px;
padding: 0;
-webkit-appearance: textfield;
}
.blog #Sidebar .search input.submit {
background: url(../images/common/search-submit-bg.png) no-repeat 0 50%;
border: none;
display: inline;
float: right;
height: 16px;
margin: 5px 8px 0 0;
padding: 0;
text-indent: -32000em;
width: 15px;
}
.blog #Sidebar aside {margin-bottom: 20px;}
.blog .indexSidebar .widget_categories {display: none;}
.blog #Sidebar a.allPosts {color: #4298b5; font-size: 133%;}
.blog #Sidebar a.allPosts:hover {color: #b56770;}
#NavigationSecondary { }
.ie7 #NavigationSecondary input.submit, .ie6 #Toolbar input.submit { color: #A2AAAD; font-size: 1%; }
#NavigationSecondary h2 {
background: #444346;
-webkit-border-top-left-radius: 6px;
-webkit-border-top-right-radius: 6px;
-moz-border-radius-topleft: 6px;
-moz-border-radius-topright: 6px;
border-radius: 6px 6px 0 0;
color: #fff;
font-size: 100%;
font-weight: bold;
margin-bottom: 0;
padding: 9px 14px;
}
.ie7 #NavigationSecondary h2, .ie8 #NavigationSecondary h2 { behavior: url(/css/PIE.htc); }
.blog #NavigationSecondary ul {
background: none;
border: none;
padding-bottom: 10px;
}
#NavigationSecondary ul {
background: url(../images/common/secondary-nav-bg.png) repeat-x 0 100%;
border: 1px solid #ddd;
-webkit-border-bottom-left-radius: 6px;
-webkit-border-bottom-right-radius: 6px;
-moz-border-radius-bottomleft: 6px;
-moz-border-radius-bottomright: 6px;
border-radius: 0 0 6px 6px;
padding-bottom: 10px;
}
.ie7 #NavigationSecondary ul, .ie8 #NavigationSecondary ul { behavior: url(/css/PIE.htc); }
#NavigationSecondary li { border-bottom: 1px solid #ddd; }
#NavigationSecondary li.groupHeader {
background: #ddd url(../images/sidebar/navigation-secondary-group-header-bg.png) repeat-x 0 100%;
border: 0;
font-weight: bold;
padding: 8px 12px;
}
#NavigationSecondary a {
border-bottom: 3px solid #fff;
border-top: 1px solid #fff;
color: #5B6770;
display: block;
font-size: 100%;
padding: 7px 14px 6px;
zoom: 1;
}
#NavigationSecondary a.active {
background: url(/images/sidebar/secondary-nav-active.png) 50% 100%;
border-bottom: 3px solid #aa0010;
border-top: 1px solid #aa0010;
color: #fff;
}
#NavigationSecondary span {
background: url(/images/sidebar/secondary-nav-header.png) 50% 100%;
border-bottom: 3px solid #bfc1c2;
border-top: 1px solid #bfc1c2;
display: block;
font-weight: bold;
padding: 8px 12px; }
#NavigationSecondary .subnav ul {
background:none;
padding:0px;
border: 0;
border-top: 1px solid #ddd;
}
#NavigationSecondary .group ul { border: 0; }
#NavigationSecondary .subnav ul li a {
background: url(../images/sidebar/navigation-raquo.gif) no-repeat 22px 11px;
padding-left: 30px;
}
#NavigationSecondary .subnav ul li a.active {
background: url(../images/sidebar/navigation-raquo.gif) no-repeat -233px 11px;
color: #c8102a;
}
#NavigationSecondary .group ul li a {
background: 0;
padding-left: 12px;
}
#NavigationSecondary .group ul li a.active {
background: url(/images/sidebar/secondary-nav-active.png) 50% 100%;
color: #fff;
}
#Sidebar div.videoModal { margin-top: 20px; }
#Sidebar div.tile { margin-top: 20px; }
#Sidebar aside.promo {
display: block;
height: 179px;
margin-top: 20px;
position: relative;
width: 251px;
}
#Sidebar aside.promo h2, #Sidebar aside.promo h3, #Sidebar aside.promo p {
text-indent: -32000em;
margin: 0;
}
#Sidebar aside.promo1 { background: url(../images/promos/promo1.png) no-repeat 0 0; }
#Sidebar aside.promo a {
height: 179px;
left: 0;
position: absolute;
top: 0;
width: 251px;
}
#Sidebar .tabs, #Sidebar .sidebarTabs { margin-top: 20px; }
#Sidebar ul.news { }
#Sidebar ul.news li { padding-top: 12px; }
#Sidebar ul.news time { color: #A2AAAD; text-transform: uppercase; }
#Sidebar ul.news a {
color: #4298B5;
display: block;
font-size: 93%;
font-weight: bold;
line-height: 1.2em;
}
#Sidebar ul.news a:hover { color: #5B6770; text-decoration: underline; }
#Sidebar ul.events { }
#Sidebar ul.events li { padding-top: 12px; }
#Sidebar ul.events h3 {font-size: 100%;}
#Sidebar ul.events span.date { color: #A2AAAD; text-transform: uppercase; }
#Sidebar ul.events a {
color: #4298B5;
display: block;
font-size: 93%;
font-weight: bold;
line-height: 1.2em;
}
#Sidebar ul.events a:hover { color: #5B6770; text-decoration: underline; }
#Sidebar ul.resources { }
#Sidebar ul.resources li { background: url(../images/sidebar/resource-icons.png) no-repeat 0 14px; padding-top: 12px; }
#Sidebar ul.resources li.caseStudy { background-position: 0 14px; }
#Sidebar ul.resources li.video { background-position: 0 -83px; }
#Sidebar ul.resources li.eGuide { background-position: 0 -182px; }
#Sidebar ul.resources li.whitePaper { background-position: 0 -273px; }
#Sidebar ul.resources h4 {
color: #A2AAAD;
font-size: 100%;
padding: 0 0 0 40px;
text-transform: uppercase;
}
#Sidebar ul.resources h4 span { color: #A2AAAD; text-transform: lowercase; }
#Sidebar ul.resources a {
color: #4298B5;
display: block;
font-size: 93%;
font-weight: bold;
line-height: 1.2em;
padding: 0 0 0 40px;
}
#Sidebar ul.resources a:hover { color: #5B6770; text-decoration: underline; }
.de #Sidebar .tabNav a {font-size: 93%;}
body.videos { background: #fff; padding: 20px; }
#VideoWrapper {
width: 688px;
background: #eee;
border: 3px solid #999;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.ie7 #VideoWrapper, .ie8 #VideoWrapper { behavior: url(/css/PIE.htc); }
.home #VideoWrapper { background: #5B6770; width: 960px; }
#VideoWrapper .content { padding: 24px 24px 40px; position: relative; }
.home #VideoWrapper .content { padding: 27px 80px 54px; }
#VideoWrapper h2 { color: #5B6770; font-size: 100%; font-weight: bold; padding-bottom: 8px; }
#VideoWrapper h2 em { font-weight: bold; }
#VideoWrapper ul.thumbs { padding-top: 11px; }
#VideoWrapper ul.thumbs li {
color: #5B6770;
float: left;
padding: 0 5px;
width: 118px;
}
#VideoWrapper ul.thumbs img { border: 3px solid #A2AAAD; }
/* prevent unneeded png fix from breaking layout */
.ie6 #VideoWrapper ul.thumbs img { behavior: none; }
#VideoWrapper ul.thumbs li a { outline: none; }
#VideoWrapper ul.thumbs li.current a img { border-color: #4298B5; }
#VideoWrapper ul.thumbs a:hover img { border-color: #aaa; }
#VideoWrapper ul.thumbs h3 { color: #5B6770; font-size: 93%; }
#VideoWrapper a.close {
background: url(../images/video/close.png) no-repeat 0 0;
bottom: 14px;
height: 18px;
outline: none;
position: absolute;
right: 24px;
text-indent: -32000em;
width: 17px;
}
.home #VideoWrapper a.close {
background: url(../images/video/home-close.png) no-repeat 0 0;
height: 22px;
width: 21px;
}
#VideoWrapper a.more {
background: url(../images/video/sprite-full-video-button.png) no-repeat 100% -27px;
bottom: 14px;
float: left;
height: 27px;
left: 24px;
line-height: 27px;
outline: none;
padding-right: 4px;
position: absolute;
}
#VideoWrapper a.more:hover { background-position: 100% -81px; }
#VideoWrapper a.more span {
background: url(../images/video/sprite-full-video-button.png) no-repeat 0 0;
color: #4298B5;
cursor: pointer;
float: left;
font-weight: bold;
height: 27px;
line-height: 27px;
padding: 0 8px 0 12px;
text-transform: uppercase;
}
#VideoWrapper a.more:hover span { background-position: 0 -54px; color: #fff; }
#VideoCarousel {margin-bottom: 25px; width: 660px;}
#VideoCarousel .videoBox {background: #eee; padding: 10px;}
#VideoCarousel .videoBox p.desc {margin: 5px 0; padding: 0 10px;}
#VideoCarousel h2 { color: #5B6770; font-size: 131%; font-weight: bold; padding-bottom: 0; }
#VideoCarousel h2 em {font-style: normal;}
#VideoCarousel .jcarousel-container { background: #eee; margin-top: 10px; padding: 11px 26px 0 34px; width: 600px;}
#VideoCarousel ul.thumbs {}
#Content #VideoCarousel ul.thumbs li {
background: 0;
color: #5B6770;
float: left;
padding: 0;
}
#VideoCarousel ul.thumbs img { border: 2px solid #5B6770; }
/* prevent unneeded png fix from breaking layout */
.ie6 #VideoCarousel ul.thumbs img { behavior: none; }
#VideoCarousel ul.thumbs li a { outline: none; }
#VideoCarousel ul.thumbs li.current a img { border-color: #4298B5; }
#VideoCarousel ul.thumbs a:hover img { border-color: #A2AAAD; }
#VideoCarousel ul.thumbs h3 { color: #5B6770; font-size: 93%; width: 106px; }
#VideoCarousel ul.thumbs p.desc {display: none;}
#VideoCarousel .jcarousel-item {height: 129px; width: 116px;}
#VideoCarousel .jcarousel-prev, #VideoCarousel .jcarousel-next {
background: url(../images/common/video-carousel-nav.png) no-repeat 0 0;
cursor: pointer;
height: 24px;
left: 9px;
position: absolute;
top: 35px;
width: 16px;
}
#VideoCarousel .jcarousel-next {
background-position: 100% 0;
left: auto;
right: 9px;
}
/* Clear floated video content block */
#VideoWrapperAuto { zoom:1; }
#VideoWrapperAuto:before, #VideoWrapperAuto:after{
content: "";
display: table;
}
#VideoWrapperAuto:after{ clear:both; }
/* Put the border on the content block, not the video so that the VideoJS
* controls are sized correctly. */
#VideoWrapperAuto .content {
float: left;
border: 5px solid #5b6770;
}
/* Play button is already in posters */
.vjs-big-play-button { display: none !important; }
table.threat-protection { border-top:1px solid #000; }
table.threat-protection tr th { background:#e1e1e1; text-align:center !important; }
table.threat-protection td.first { text-align:left !important; }
.ui-widget-overlay {
background: #5B6770;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
opacity: 0.8;
-moz-opacity: 0.8;
filter:alpha(opacity=80);
}
/* Darker overlay on homepage to minimize distraction */
body.home .ui-widget-overlay { background: #000; }
.ui-dialog { position: absolute; padding: .2em; width: 300px; overflow: hidden; }
.ui-dialog .ui-dialog-titlebar { display: none; }
/* Simple tab navigation */
div.tabNavContainer {
background: url(../images/common/tab-bg.png) 100% 100%;
height: 35px;
margin-bottom: 15px;
padding-right: 6px;
}
ul.tabNav {
background: url(../images/common/tab-bg.png) 0 0;
height: 35px;
}
ul.tabNav li,
#Content ul.tabNav li {
background: 0;
display: inline-block;
float: left;
height: 35px;
padding: 0 10px 0 0 !important;
}
ul.tabNav li.ui-state-active,
#Content ul.tabNav li.ui-state-active { background: url(../images/common/tab-active.png) no-repeat 100% 100% !important; padding-right: 10px;}
ul.tabNav a,
#Content ul.tabNav a {
color: #b5afb2;
float: left;
font-size: 108%;
font-weight: bold;
height: 35px;
outline: 0;
padding: 3px 0 12px 10px;
text-decoration: none;
}
ul.tabNav a:hover,
#Content ul.tabNav a:hover {
color: #d02827;
}
ul.tabNav li.ui-state-active a,
#Content ul.tabNav li.ui-state-active a { background: url(../images/common/tab-active.png) no-repeat 0 0; color: #d02827; }
.fr #Sidebar ul.tabNav a, .frHomeBody .newsAndResources ul.tabNav a {font-size: 85%;}
/*
Image Block
Image on left, content on right
Content Title
Info about the image
*/
.imageBlock { }
.imageBlock p { float: right; }
.imageBlock p.image { float: left; margin-right: 10px; width: auto; }
/* Image Block layout Properties - custom for each site/implementation */
.imageBlock p { color: #5B6770; font-weight: bold; width: 200px; }
/*
Standard Document Lists
*/
#Content ul.documents { }
#Content ul.documents li { background: 0 !important; padding-left: 0; }
#Content ul.documents li a {
display: block;
font-weight: bold;
font-size: 93%;
padding-left: 24px;
line-height: 16px;
}
#Content ul.documents li a.pdf {
background: url(../images/icons/pdf.png) no-repeat 0 0;
}
#Content ul.documents li a.video {
background: url(../images/icons/video.png) no-repeat 0 0;
}
/*
Layout horizontal buttons
*/
ul.buttons { margin-bottom: 8px; }
ul.buttons li {
background: 0 !important;
float: left;
margin: 0 10px 0 0 !important;
padding: 0 !important;
}
/*
Standard Button Display
Sample Button
*/
a.button {
display: block;
float: left; /* Collapse around text */
}
a.button:hover { text-decoration: none; }
a.button span { display: block; float: left; }
a.button em { display: block; float: left; }
/* Custom display properties for a button on the site - updated for each site */
a.sampleButton {
height: 41px; /* height of button image */
padding-right: 10px; /* right padding for image edge */
}
a.sampleButton span {
color: #fff;
font-size: 116%;
padding-left: 10px; /* balance out right padding */
}
a.sampleButton:hover span { color: #fc0; }
a.sampleButton em {
line-height: 41px; /* Provides vertical centering */
/* Add styles here if image has an icon on it, left or right of text */
}
/*
TODO Button Style
*/
a.button { }
a.buttonLarge { }
a.button span { }
a.button span em { }
/*
Same height columns
*/
div.columnWrapper {
position: relative; /* relative position on display table element causes problems */
}
ul.columns {
display: table;
margin: 0 !important; /* Override any values set for */
padding: 0 !important; /* lists in the content area */
}
ul.columns li.column {
display: table-cell;
vertical-align: top;
background: none !important; /* Override any values */
margin: 0 !important; /* set for lists in */
padding: 0 !important; /* the content area */
}
ul.twoUp li.column { width: 50%; }
ul.threeUp li.column { width: 33%; }
ul.sampleColumns { }
ul.sampleColumns li { border-right: 1px solid #5B6770; width: 275px; }
ul.sampleColumns li.last { border-right: 0; }
ul.sampleColumns div.content { padding: 8px 16px 12px; }
ul.sampleColumns p.more {
bottom: 2px;
margin-bottom: 0;
position: absolute;
text-align: right;
width: 243px;
}
/* Standard Grid display */
/* From: http://www.hedgerwow.com/360/dhtml/css-inline-block-layout.php */
ul.grid { }
ul.grid li {
display:-moz-inline-stack !important;/* Firefox 2 and under to simulate display:inline-block */
display: inline-block !important;
padding: 0 !important;
vertical-align: text-top;
}
/* Set layout properties for specific grid implementations. The standard ul.grid
selector should remain unchanged from project to project.
Though you should use something more descriptive than just "sampleGrid"
*/
ul.sampleGrid li {
background: 0 !important;
margin: 0 10px 0 5px; /* Set as appropriate */
padding-bottom: 10px !important;
width: 250px; /* Set as appropriate */
}
/* Need vertical centering solution that works for both one and two lines of text.
See: http://www.ilikespam.com/blog/centering-multiple-line-content-with-css */
div.vertBox .channel { display: table; }
div.vertBox .channel .content { display: table-cell; vertical-align: middle; }
/* Set layout properties for specific vertical positioning implementations.
The standard selector should remain unchanged from project to project.
*/
div.sampleVertBox .channel {
border: 1px solid #5B6770;
height: 39px; /* Set as appropriate */
}
div.sampleVertBox .content {
font-size: 93%; /* Set as appropriate */
line-height: 1.2em; /* Set as appropriate */
padding: 0 6px;
text-align: center;
width: 88px; /* Set as appropriate */
}
.ui-tabs-hide { display: none; }
/* Additional Content Styling */
.new-info { /* Indicates new content */
margin: 12px 6px;
}
.global-collateral { /* Localized versions of collteral */
margin: 0;
font-size: .87em;
padding-bottom: 10px;
}
/* New Contact styles */
#contactColumnHolder {
width: 100%;
padding-bottom: 70px;
}
#contactRightColumn iframe {
margin: 0px;
padding: 0px;
}
#contactLeftColumn {
float: left;
}
#contactLeftColumn #contactCallout {
margin-bottom: 15px;
font-weight: bold;
color: black;
}
#contactLeftColumn,
#contactLeftColumn div.tabs,
#contactLeftColumn div.sidebarTabs,
#contactLeftColumn #contactCallout {
width: 600px;
}
.jp #contactLeftColumn, .jp #contactLeftColumn div.tabs, .jp #contactLeftColumn div.sidebarTabs {
width: 575px;
}
#contactRightColumn {
width: 335px;
float: right;
}
.jp #contactRightColumn {
width: 360px;
}
#CookieControlWrapper {
background:#D0D3D4;
bottom:0px;
position:fixed;
width:100%;
z-index:100;
}
#CookieControlWrapper .contentWrapperHead {
background:#6c7783;
height:5px;
}
#CookieControlWrapper .contentWrapper {
background:#6c7783;
}
#CookieControlWrapper .content {
margin:0 auto;
position:relative;
width:960px;
}
#CookieControlWrapper .content .tab {
background:url(/images/common/cookies-tab.png) no-repeat;
color:#D0D3D4;
cursor:pointer;
font-size:77%;
height:13px;
margin-top:-16px;
padding-top:3px;
position:absolute;
right:117px;
text-align:center;
width:184px;
}
#CookieControlWrapper .content .info {
color:#fff;
font-size:86%;
height:31px;
/*padding-left:89px;*/
padding: 15px 0 5px;
/*text-align:center;*/
}
#CookieControlWrapper .info p {
display: inline-block;
margin-bottom: 0;
}
#CookieControlWrapper .info .msg {
width: 650px;
text-align: right;
}
#CookieControlWrapper .info .msg.one-line {
line-height: 30px;
vertical-align: top;
}
#CookieControlWrapper .info .buttons {
line-height: 45px;
/*height: 30px;*/
}
#CookieControlWrapper .info .policy {
width: 100px;
}
#CookieControlWrapper .info .policy.one-line {
line-height: 30px;
vertical-align: top;
}
#CookieControlWrapper .content .info a {
color:#fff;
text-decoration:underline;
}
#CookieControlWrapper .content .info a:hover {
text-decoration:none;
}
#accept, #decline {
background:url(../images/common/cookie-widget-buttons.png) no-repeat 0 0;
color:#fff;
cursor:pointer;
display:inline-block;
height:30px;
top: 0;
margin:0 0 0 5px;
position:relative;
text-indent:-3200em;
width:87px;
}
#accept {
margin-left:10px;
}
#decline {
background-position:-87px 0;
margin-right:10px;
}
#accept:hover {
background-position:0 -30px !important;
}
#decline:hover {
background-position:-87px -30px !important;
}
#accept.active {
background-position:0 -60px;
}
#decline.active {
background-position:-87px -60px;
}
ul.infocenter li div.text {
width: 520px;
float: left;
}
ul.infocenter li div.text p, ul.infocenter li div.text div {
clear: left;
}
.blog #ContentChannel .entry-meta-block {margin-right: 5px; margin-top: 2px;}
.blog #ContentChannel .entry-meta-block time,
.blog #ContentChannel .entry-meta-block span.sep,
.blog #ContentChannel .entry-meta-block span.by-author {float: left; padding-right: 5px;}
.blog #ContentChannel .entry-meta-block span.category_list {margin-right: 5px;}
.blog #ContentChannel .entry-meta-block span.category_list a {float: left; white-space: nowrap;}
.blog #ContentChannel .entry-meta-block .comment_sep {float: left; padding: 0 5px;}
.blog #ContentChannel .entry-meta-block span.cat_sep {float: left; padding-right: 3px;}
.blog #ContentChannel .entry-content div a.more-link {display: block; margin-top: 20px; margin-bottom: 15px;}
.blog #ContentChannel .entry-content .addthis_toolbox {margin-bottom: 20px;}
.blog .postComments {display: block; float: left;}
.blog .commentsCount {
-moz-box-sizing: border-box;
color: #4298b5;
float: left;
height: 19px;
margin: 0 0 0 5px;
max-width: 100%;
border: 1px solid #4298b5;
border-radius: 3px 3px 3px 3px;
display: inline-block;
min-height: 18px;
min-width: 15px;
position: relative;
}
#ie8 .blog .commentsCount, #ie7 .blog .commentsCount { behavior: url(/css/PIE.htc); }
.blog .commentsCount i {
border-top: 4px solid transparent;
border-top: 4px solid rgba(255,255,255,0);
border-bottom: 4px solid transparent;
border-bottom: 4px solid rgba(255,255,255,0);
border-left: 0 solid transparent;
border-right:4px solid #4298b5;
height: 0;
left: 0;
line-height: 0;
margin: -4px 0 0 -4px;
position: absolute;
top: 50%;
width: 0;
}
#ie8 .blog .commentsCount i, #ie7 .blog .commentsCount i { behavior: url(/css/PIE.htc); }
.blog .commentsCount u {
border-top: 4px solid transparent;
border-top: 4px solid rgba(255,255,255,0);
border-bottom: 4px solid transparent;
border-bottom: 4px solid rgba(255,255,255,0);
border-left: 0 solid transparent;
border-right:4px solid #fff;
height: 0;
left: 0;
line-height: 0;
margin: -4px 0 0 -3px;
position: absolute;
top: 50%;
width: 0;
}
#ie8 .blog .commentsCount u, #ie7 .blog .commentsCount u { behavior: url(/css/PIE.htc); }
.blog #ContentChannel .commentsCount a {
display: block;
font-weight: bold;
padding: 1px 3px;
text-align: center;
white-space: nowrap;
}
.blog #ContentChannel a.commentsBox {
-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 63px;
-webkit-border-bottom-right-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
-moz-border-radius-bottomright: 3px;
-moz-border-radius-bottomleft: 3px;
border-radius: 3px 3px 3px 3px;
border: 1px solid #4298b5;
color: #4298b5;
display: inline-block;
float: left;
font-size: 85%;
font-weight: normal;
margin-top: 0;
padding: 2px 4px;
}
#ie8 .blog #ContentChannel a.commentsBox, #ie7 .blog #ContentChannel a.commentsBox { behavior: url(/css/PIE.htc); }
.blog #ContentChannel .archivePage .widget {margin-bottom: 15px;}
/* Keep controls visible when page loads */
.vjs-default-skin .vjs-controls {
opacity: 1;
visibility: visible;
}
.addthis_button_facebook_like {width: 85px !important;}
.addthis_button_tweet {width: 91px !important;}
.addthis_button_linkedin_counter {width: 113px !important;}
.addthis_button_google_plusone {width: 74px !important;}
.blog #nav-single .nav-previous, .blog #nav-below .nav-previous {float: left;}
.blog #nav-single .nav-next, .blog #nav-below .nav-next {float: right;}
#Sidebar .widget_twitter a {color: #4298b5;}
.blog #Sidebar a.viewMore {color: #4298b5; font-weight: bold;}
.blog #Sidebar a.widget_twitter a:hover {color: #b56770;}
#Sidebar .widget_twitter .time-meta a {font-weight: bold;}
#Sidebar .widget_twitter .entry-content {display: block;}
#Sidebar .widget_twitter li {font-size: 93%; padding-bottom: 15px;}
/* Comment Bubble */
#comments {padding-top: 20px;}
.blog #ContentChannel h2#comments-title {color: #5b6770; font-size: 85%; font-weight: normal; text-transform: uppercase;}
.nopassword,
.nocomments {
color: #aaa;
font-size: 24px;
font-weight: 100;
margin: 26px 0;
text-align: center;
}
.blog #Content ol.commentlist {
list-style: none;
margin: 0 auto;
width: 80%;
}
.blog #Content ol.commentlist li {
background: #f6f6f6;
list-style: none;
}
.content .commentlist,
.page-template-sidebar-page-php .commentlist {
width: 100%; /* reset the width for the one-column and sidebar page layout */
}
.commentlist > li.comment {
background: #f6f6f6;
border: 1px solid #ddd;
-moz-border-radius: 3px;
border-radius: 3px;
margin: 0 0 1.625em;
padding: 1.625em;
position: relative;
}
.commentlist .pingback {
margin: 0 0 1.625em;
padding: 0 1.625em;
}
.commentlist .children {
list-style: none;
margin: 0;
}
.commentlist .children li.comment {
background: #fff;
border-left: 1px solid #ddd;
-moz-border-radius: 0 3px 3px 0;
border-radius: 0 3px 3px 0;
margin: 1.625em 0 0;
padding: 1.625em;
position: relative;
}
.commentlist .children li.comment .fn {
display: block;
}
.comment-meta .fn {
font-style: normal;
}
.comment-meta {
color: #666;
font-size: 12px;
line-height: 2.2em;
}
.commentlist .children li.comment .comment-meta {
line-height: 1.625em;
margin-left: 50px;
}
.commentlist .children li.comment .comment-content {
margin: 1.625em 0 0;
word-wrap: break-word;
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
}
.comment-meta a {
font-weight: bold;
}
.comment-meta a:focus,
.comment-meta a:active,
.comment-meta a:hover {
}
.commentlist .avatar {
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: 0 1px 2px #ccc;
-moz-box-shadow: 0 1px 2px #ccc;
box-shadow: 0 1px 2px #ccc;
left: -102px;
padding: 0;
position: absolute;
top: 0;
}
.commentlist > li:before {
content: url(/images/blog/comment-arrow.png);
left: -21px;
position: absolute;
}
.commentlist > li.pingback:before {
content: '';
}
.commentlist .children .avatar {
background: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
left: 2.2em;
padding: 0;
top: 2.2em;
}
.blog #ContentChannel a.comment-reply-link {
background: #dedede;
-moz-border-radius: 3px;
border-radius: 3px;
color: #666;
display: inline-block;
font-size: 12px;
padding: 0 8px;
text-decoration: none;
}
.blog #ContentChannel a.comment-reply-link:hover,
.blog #ContentChannel a.comment-reply-link:focus,
.blog #ContentChannel a.comment-reply-link:active {
background: #888;
color: #fff;
}
a.comment-reply-link > span {
display: inline-block;
position: relative;
top: -1px;
}
/* Post author highlighting */
.commentlist > li.bypostauthor {
background: #ddd;
border-color: #d3d3d3;
}
.commentlist > li.bypostauthor .comment-meta {
color: #575757;
}
.commentlist > li.bypostauthor .comment-meta a:focus,
.commentlist > li.bypostauthor .comment-meta a:active,
.commentlist > li.bypostauthor .comment-meta a:hover {
}
.commentlist > li.bypostauthor:before {
content: url(/images/blog/comment-arrow-bypostauthor.png);
}
.blog #ContentChannel .commentlist .edit-link a {
background: #dedede;
-moz-border-radius: 3px;
border-radius: 3px;
color: #666;
float: right;
font-size: 12px;
line-height: 1.5em;
font-weight: 300;
text-decoration: none;
padding: 0 8px;
}
.blog #ContentChannel .commentlist .edit-link a:hover {
background: #888;
color: #fff;
}
/* Post Author threaded comments */
.commentlist .children > li.bypostauthor {
background: #ddd;
border-color: #d3d3d3;
}
/* Comment Form */
#respond, #sfw-respond {
background: #ddd;
border: 1px solid #d3d3d3;
-moz-border-radius: 3px;
border-radius: 3px;
margin: 0 auto 1.625em;
padding: 1.625em;
position: relative;
width: 80%;
}
#respond input[type="text"],
#respond textarea,
#sfw-respond input[type="text"],
#sfw-respond textarea {
background: #fff;
border: 4px solid #eee;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: inset 0 1px 3px rgba(204,204,204,0.95);
-moz-box-shadow: inset 0 1px 3px rgba(204,204,204,0.95);
box-shadow: inset 0 1px 3px rgba(204,204,204,0.95);
position: relative;
padding: 10px;
text-indent: 80px;
}
#respond .comment-form-author,
#respond .comment-form-email,
#respond .comment-form-url,
#respond .comment-form-comment,
#sfw-respond .sfw-comment-form-author,
#sfw-respond .sfw-comment-form-email,
#sfw-respond .sfw-comment-form-url,
#sfw-respond .sfw-comment-form-comment {
position: relative;
}
#respond .comment-form-author label,
#respond .comment-form-email label,
#respond .comment-form-url label,
#respond .comment-form-comment label,
#sfw-respond .sfw-comment-form-author label,
#sfw-respond .sfw-comment-form-email label,
#sfw-respond .sfw-comment-form-url label,
#sfw-respond .sfw-comment-form-comment label {
background: #eee;
-webkit-box-shadow: 1px 2px 2px rgba(204,204,204,0.8);
-moz-box-shadow: 1px 2px 2px rgba(204,204,204,0.8);
box-shadow: 1px 2px 2px rgba(204,204,204,0.8);
color: #555;
display: inline-block;
font-size: 13px;
left: 4px;
min-width: 60px;
padding: 4px 10px;
position: relative;
top: 40px;
z-index: 1;
}
#respond input[type="text"]:focus,
#respond textarea:focus,
#sfw-respond input[type="text"]:focus,
#sfw-respond textarea:focus {
text-indent: 0;
z-index: 1;
}
#respond textarea,
#sfw-respond textarea {
resize: vertical;
width: 95%;
}
#respond .comment-form-author .required,
#respond .comment-form-email .required,
#sfw-respond .comment-form-author .required,
#sfw-respond .comment-form-email .required {
color: #bd3500;
font-size: 22px;
font-weight: bold;
left: 75%;
position: absolute;
z-index: 1;
}
#respond .comment-notes,
#respond .logged-in-as,
#sfw-respond .comment-notes,
#sfw-respond .sfw-logged-in-as {
font-size: 13px;
}
#respond p,
#sfw-respond p {
margin: 10px 0;
}
#respond .form-submit,
#sfw-respond .sfw-form-submit {
float: right;
margin: -20px 0 10px;
}
#respond input#submit,
#sfw-respond input#submit {
background: #222;
border: none;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
color: #eee;
cursor: pointer;
font-size: 15px;
margin: 20px 0;
padding: 5px 42px 5px 22px;
position: relative;
left: 30px;
text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
}
#respond input#submit:active,
#sfw-respond input#submit:active {
background: #1982d1;
color: #bfddf3;
}
#respond #cancel-comment-reply-link,
#sfw-respond #cancel-comment-reply-link {
color: #666;
margin-left: 10px;
text-decoration: none;
}
#respond .logged-in-as a:hover,
#respond #cancel-comment-reply-link:hover,
#sfw-respond .sfw-logged-in-as a:hover,
#sfw-respond #cancel-comment-reply-link:hover {
text-decoration: underline;
}
.commentlist #respond,
.commentlist #sfw-respond {
margin: 1.625em 0 0;
width: auto;
}
#reply-title,
#sfw-reply-title {
color: #373737;
font-size: 24px;
font-weight: bold;
line-height: 30px;
}
#cancel-comment-reply-link {
color: #888;
display: block;
font-size: 10px;
font-weight: normal;
line-height: 2.2em;
letter-spacing: 0.05em;
position: absolute;
right: 1.625em;
text-decoration: none;
text-transform: uppercase;
top: 1.1em;
}
#cancel-comment-reply-link:focus,
#cancel-comment-reply-link:active,
#cancel-comment-reply-link:hover {
color: #ff4b33;
}
#respond label,
#sfw-respond label {
line-height: 2.2em;
}
#respond input[type=text],
#sfw-respond input[type=text] {
display: block;
height: 24px;
width: 75%;
}
#sfw-respond input[type=text] {
height: auto;
}
#respond p,
#sfw-respond p {
font-size: 12px;
}
p.comment-form-comment,
p.sfw-comment-form-comment {
margin: 0;
}
.form-allowed-tags {
display: none;
}
.blog #Sidebar .resources {margin-bottom: 10px;}
.blog .resourceBlock {margin-bottom: 10px;}
.blog .resourceBlock h3 {float: right; font-size: 108%; font-weight: bold; margin-bottom: 3px; width: 160px;}
.blog .resourceBlock a {color: #4298b5;}
.blog .resourceBlock a:hover {color: #b56770;}
.blog .resourceBlock p {float: right; font-size: 93%; margin-bottom: 8px; width: 160px;}
.blog .resourceBlock p.image {float: left; width: auto;}
.blog .resourceBlock a.image {
border: 1px solid #A2AAAD;
/* -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; */
-webkit-box-shadow: 2px 2px 2px #A2AAAD;
-moz-box-shadow: 2px 2px 2px #A2AAAD;
box-shadow: 2px 2px 2px #A2AAAD;
float: left;
}
.ie7 .blog .resourceBlock a.image, .ie8 .blog .resourceBlock a.image {
behavior: url(/css/PIE.htc);
}
.blog .resourceBlock a.image:hover { border-color: #4298b5; }
.blog .caption {
color: #4298B5;
font-family: arial,helvetica,sans-serif;
}
.blog #Sidebar .subscribe #s2email {
background: url(../images/blog/subscribe-box.png) no-repeat 0 0;
border: 0;
color: #5b6770;
display: block;
float: left;
font-size: 77%;
height: 20px;
padding: 4px 7px 0;
width: 126px;
}
.blog #Sidebar .subscribe .submit {float: right;}
.blog #Sidebar .subscribe .submit input {
background: url(../images/blog/subscribe-button.png) no-repeat 0 0;
border: 0;
cursor: pointer;
display: block;
height: 24px;
text-indent: -32000em;
width: 102px;
}
.blog #Sidebar .subscribe .submit input:hover {
background: url(../images/blog/subscribe-button.png) no-repeat 0 -23px;
}
#sfw-respond p.sfw-comment-form-author span.sfw-required {
float: none;
left: 7px;
margin: 0px;
position: absolute;
top: 45px;
z-index: 6;
}
#sfw-respond p.sfw-comment-form-author label {
top: 40px;
}
#sfw-respond p.sfw-comment-form-email span.sfw-required {
float: none;
left: 7px;
margin: 0px;
position: absolute;
top: 45px;
z-index: 6;
}
#sfw-respond p.sfw-comment-form-email label {
top: 40px;
}
.blog .filter {float: right; margin: 0 0 3px 15px;}
.blog #ContentChannel .filter h3 {color: #5B6770; float: left; font-size: 133%; text-align: right;}
.blog #ContentChannel .filter select {float: left; margin-left: 10px; margin-top: 3px;}
/* iFrame in blog sidebar */
.alertsSubscription {
border: 1px solid #ddd;
box-shadow: 0 -2px 2px #ccc;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
#ie8 .alertsSubscription,
#ie7 .alertsSubscription {
box-shadow: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.home #ContentChannel .feature {
/*padding: 20px 0 10px;*/
padding: 0;
height: auto;
background:#010405;
}
.home #ContentChannel .feature .content {
background: url(/images/home/feature-bg.png) no-repeat 50% 50%;
}
.attack-feature {
position: relative;
cursor: pointer;
}
.attack-feature__content {
min-height: 527px;
position: relative;
z-index: 5;
}
.attack-feature__title {
color: #79a0c1;
font-size: 45px;
font-weight: bold;
text-align: center;
text-transform: uppercase;
position: absolute;
top: 42px;
left: 166px;
right: 0;
}
.attack-feature__attacks-today {
border-top: 3px solid #d0d2d2;
border-bottom: 3px solid #d0d2d2;
position: absolute;
top: 42px;
width: 232px;
}
#ContentChannel .attack-feature__subtitle {
color: #799fc0;
font-size: 26px;
font-weight: bold;
text-transform: uppercase;
margin-bottom: 0;
}
.attack-feature__count {
color: #fff;
font-size: 50px;
line-height: 50px;
font-weight: bold;
padding-bottom: 4px;
}
.attack-feature__key {
position: absolute;
top: 310px;
}
.attack-feature__key-detail {
border-top: 3px solid #d0d2d2;
border-bottom: 3px solid #d0d2d2;
float: left;
margin-right: 16px;
width: 108px;
}
#ContentChannel .attack-feature__key-detail-title {
color: #799fc0;
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
padding-left: 30px;
margin: 4px 0 6px;
}
.attack-feature__key-detail-title small {
display: block;
font-size: 9px;
}
.attack-feature__key-detail-title--attackers {
background: url(/images/home/icon-targets.png) no-repeat 3px 50%;
}
.attack-feature__key-detail-title--targets {
background: url(/images/home/icon-attackers.png) no-repeat 3px 50%;
}
.attack-feature__key-detail-bling {
display: block;
margin: 0 auto 6px;
}
#ContentChannel .attack-feature__button {
background: #d82435 url(/images/home/icon-threat-button.png) no-repeat 16px 50%;
position: absolute;
bottom: 55px;
left: 2px;
width: 228px;
display: block;
height: 36px;
padding-left: 50px;
box-sizing: border-box;
line-height: 36px;
color: #f4f4f4;
text-transform: uppercase;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
}
#ContentChannel .attack-feature__button:hover {
color: #fff;
text-decoration: none;
}
.attack-feature__map {
position: absolute;
height: 527px;
top: 0;
left: 0;
right: 0;
}
/* PrettyPhoto */
div.pp_default .pp_top,div.pp_default .pp_top .pp_middle,div.pp_default .pp_top .pp_left,div.pp_default .pp_top .pp_right,div.pp_default .pp_bottom,div.pp_default .pp_bottom .pp_left,div.pp_default .pp_bottom .pp_middle,div.pp_default .pp_bottom .pp_right{height:13px}
div.pp_default .pp_top .pp_left{background:url(../images/prettyPhoto/default/sprite.png) -78px -93px no-repeat}
div.pp_default .pp_top .pp_middle{background:url(../images/prettyPhoto/default/sprite_x.png) top left repeat-x}
div.pp_default .pp_top .pp_right{background:url(../images/prettyPhoto/default/sprite.png) -112px -93px no-repeat}
div.pp_default .pp_content .ppt{color:#f8f8f8}
div.pp_default .pp_content_container .pp_left{background:url(../images/prettyPhoto/default/sprite_y.png) -7px 0 repeat-y;padding-left:13px}
div.pp_default .pp_content_container .pp_right{background:url(../images/prettyPhoto/default/sprite_y.png) top right repeat-y;padding-right:13px}
div.pp_default .pp_next:hover{background:url(../images/prettyPhoto/default/sprite_next.png) center right no-repeat;cursor:pointer}
div.pp_default .pp_previous:hover{background:url(../images/prettyPhoto/default/sprite_prev.png) center left no-repeat;cursor:pointer}
div.pp_default .pp_expand{background:url(../images/prettyPhoto/zoom-sprite.png) 0 0 no-repeat;cursor:pointer;width:28px;height:28px}
div.pp_default .pp_expand:hover{background:url(../images/prettyPhoto/zoom-sprite.png) 0 -29px no-repeat;cursor:pointer}
div.pp_default .pp_contract{background:url(../images/prettyPhoto/zoom-sprite.png) 0 -29px no-repeat;cursor:pointer;width:28px;height:28px}
div.pp_default .pp_contract:hover{background:url(../images/prettyPhoto/zoom-sprite.png) 0 0 no-repeat;cursor:pointer}
div.pp_default .pp_close{width:30px;height:30px;background:url(../images/prettyPhoto/default/sprite.png) 2px 1px no-repeat;cursor:pointer}
div.pp_default .pp_gallery ul li a{background:url(../images/prettyPhoto/default/default_thumb.png) center center #f8f8f8;border:1px solid #aaa}
div.pp_default .pp_social{margin-top:7px}
div.pp_default .pp_gallery a.pp_arrow_previous,div.pp_default .pp_gallery a.pp_arrow_next{position:static;left:auto}
div.pp_default .pp_nav .pp_play,div.pp_default .pp_nav .pp_pause{background:url(../images/prettyPhoto/default/sprite.png) -51px 1px no-repeat;height:30px;width:30px}
div.pp_default .pp_nav .pp_pause{background-position:-51px -29px}
div.pp_default a.pp_arrow_previous,div.pp_default a.pp_arrow_next{background:url(../images/prettyPhoto/default/sprite.png) -31px -3px no-repeat;height:20px;width:20px;margin:4px 0 0}
div.pp_default a.pp_arrow_next{left:52px;background-position:-82px -3px}
div.pp_default .pp_content_container .pp_details{margin-top:5px}
div.pp_default .pp_nav{clear:none;height:30px;width:110px;position:relative}
div.pp_default .pp_nav .currentTextHolder{font-family:Georgia;font-style:italic;color:#999;font-size:11px;left:75px;line-height:25px;position:absolute;top:2px;margin:0;padding:0 0 0 10px}
div.pp_default .pp_close:hover,div.pp_default .pp_nav .pp_play:hover,div.pp_default .pp_nav .pp_pause:hover,div.pp_default .pp_arrow_next:hover,div.pp_default .pp_arrow_previous:hover{opacity:0.7}
div.pp_default .pp_description{font-size:11px;font-weight:700;line-height:14px;margin:5px 50px 5px 0}
div.pp_default .pp_bottom .pp_left{background:url(../images/prettyPhoto/default/sprite.png) -78px -127px no-repeat}
div.pp_default .pp_bottom .pp_middle{background:url(../images/prettyPhoto/default/sprite_x.png) bottom left repeat-x}
div.pp_default .pp_bottom .pp_right{background:url(../images/prettyPhoto/default/sprite.png) -112px -127px no-repeat}
div.pp_default .pp_loaderIcon{background:url(../images/prettyPhoto/default/loader.gif) center center no-repeat}
div.light_rounded .pp_top .pp_left{background:url(../images/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat}
div.light_rounded .pp_top .pp_right{background:url(../images/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat}
div.light_rounded .pp_next:hover{background:url(../images/prettyPhoto/light_rounded/btnNext.png) center right no-repeat;cursor:pointer}
div.light_rounded .pp_previous:hover{background:url(../images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat;cursor:pointer}
div.light_rounded .pp_expand{background:url(../images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.light_rounded .pp_expand:hover{background:url(../images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.light_rounded .pp_contract{background:url(../images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.light_rounded .pp_contract:hover{background:url(../images/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.light_rounded .pp_close{width:75px;height:22px;background:url(../images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer}
div.light_rounded .pp_nav .pp_play{background:url(../images/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
div.light_rounded .pp_nav .pp_pause{background:url(../images/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
div.light_rounded .pp_arrow_previous{background:url(../images/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat}
div.light_rounded .pp_arrow_next{background:url(../images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat}
div.light_rounded .pp_bottom .pp_left{background:url(../images/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat}
div.light_rounded .pp_bottom .pp_right{background:url(../images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat}
div.dark_rounded .pp_top .pp_left{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat}
div.dark_rounded .pp_top .pp_right{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat}
div.dark_rounded .pp_content_container .pp_left{background:url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y}
div.dark_rounded .pp_content_container .pp_right{background:url(../images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y}
div.dark_rounded .pp_next:hover{background:url(../images/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat;cursor:pointer}
div.dark_rounded .pp_previous:hover{background:url(../images/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat;cursor:pointer}
div.dark_rounded .pp_expand{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.dark_rounded .pp_expand:hover{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.dark_rounded .pp_contract{background:url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.dark_rounded .pp_contract:hover{background:url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.dark_rounded .pp_close{width:75px;height:22px;background:url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer}
div.dark_rounded .pp_description{margin-right:85px;color:#fff}
div.dark_rounded .pp_nav .pp_play{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
div.dark_rounded .pp_nav .pp_pause{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
div.dark_rounded .pp_arrow_previous{background:url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat}
div.dark_rounded .pp_arrow_next{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat}
div.dark_rounded .pp_bottom .pp_left{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat}
div.dark_rounded .pp_bottom .pp_right{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat}
div.dark_rounded .pp_loaderIcon{background:url(../images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat}
div.dark_square .pp_left,div.dark_square .pp_middle,div.dark_square .pp_right,div.dark_square .pp_content{background:#000}
div.dark_square .pp_description{color:#fff;margin:0 85px 0 0}
div.dark_square .pp_loaderIcon{background:url(../images/prettyPhoto/dark_square/loader.gif) center center no-repeat}
div.dark_square .pp_expand{background:url(../images/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.dark_square .pp_expand:hover{background:url(../images/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.dark_square .pp_contract{background:url(../images/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.dark_square .pp_contract:hover{background:url(../images/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.dark_square .pp_close{width:75px;height:22px;background:url(../images/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat;cursor:pointer}
div.dark_square .pp_nav{clear:none}
div.dark_square .pp_nav .pp_play{background:url(../images/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
div.dark_square .pp_nav .pp_pause{background:url(../images/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
div.dark_square .pp_arrow_previous{background:url(../images/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat}
div.dark_square .pp_arrow_next{background:url(../images/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat}
div.dark_square .pp_next:hover{background:url(../images/prettyPhoto/dark_square/btnNext.png) center right no-repeat;cursor:pointer}
div.dark_square .pp_previous:hover{background:url(../images/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat;cursor:pointer}
div.light_square .pp_expand{background:url(../images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.light_square .pp_expand:hover{background:url(../images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.light_square .pp_contract{background:url(../images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.light_square .pp_contract:hover{background:url(../images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.light_square .pp_close{width:75px;height:22px;background:url(../images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat;cursor:pointer}
div.light_square .pp_nav .pp_play{background:url(../images/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
div.light_square .pp_nav .pp_pause{background:url(../images/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
div.light_square .pp_arrow_previous{background:url(../images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat}
div.light_square .pp_arrow_next{background:url(../images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat}
div.light_square .pp_next:hover{background:url(../images/prettyPhoto/light_square/btnNext.png) center right no-repeat;cursor:pointer}
div.light_square .pp_previous:hover{background:url(../images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat;cursor:pointer}
div.facebook .pp_top .pp_left{background:url(../images/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat}
div.facebook .pp_top .pp_middle{background:url(../images/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x}
div.facebook .pp_top .pp_right{background:url(../images/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat}
div.facebook .pp_content_container .pp_left{background:url(../images/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y}
div.facebook .pp_content_container .pp_right{background:url(../images/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y}
div.facebook .pp_expand{background:url(../images/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.facebook .pp_expand:hover{background:url(../images/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.facebook .pp_contract{background:url(../images/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.facebook .pp_contract:hover{background:url(../images/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.facebook .pp_close{width:22px;height:22px;background:url(../images/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat;cursor:pointer}
div.facebook .pp_description{margin:0 37px 0 0}
div.facebook .pp_loaderIcon{background:url(../images/prettyPhoto/facebook/loader.gif) center center no-repeat}
div.facebook .pp_arrow_previous{background:url(../images/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat;height:22px;margin-top:0;width:22px}
div.facebook .pp_arrow_previous.disabled{background-position:0 -96px;cursor:default}
div.facebook .pp_arrow_next{background:url(../images/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat;height:22px;margin-top:0;width:22px}
div.facebook .pp_arrow_next.disabled{background-position:-32px -96px;cursor:default}
div.facebook .pp_nav{margin-top:0}
div.facebook .pp_nav p{font-size:15px;padding:0 3px 0 4px}
div.facebook .pp_nav .pp_play{background:url(../images/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat;height:22px;width:22px}
div.facebook .pp_nav .pp_pause{background:url(../images/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat;height:22px;width:22px}
div.facebook .pp_next:hover{background:url(../images/prettyPhoto/facebook/btnNext.png) center right no-repeat;cursor:pointer}
div.facebook .pp_previous:hover{background:url(../images/prettyPhoto/facebook/btnPrevious.png) center left no-repeat;cursor:pointer}
div.facebook .pp_bottom .pp_left{background:url(../images/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat}
div.facebook .pp_bottom .pp_middle{background:url(../images/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x}
div.facebook .pp_bottom .pp_right{background:url(../images/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat}
div.pp_pic_holder a:focus{outline:none}
div.pp_overlay{background:#000;display:none;left:0;position:absolute;top:0;width:100%;z-index:9500}
div.pp_pic_holder{display:none;position:absolute;width:100px;z-index:10000}
.pp_content{height:40px;min-width:40px}
* html .pp_content{width:40px}
.pp_content_container{position:relative;text-align:left;width:100%}
.pp_content_container .pp_left{padding-left:20px}
.pp_content_container .pp_right{padding-right:20px}
.pp_content_container .pp_details{float:left;margin:10px 0 2px}
.pp_description{display:none;margin:0}
.pp_social{float:left;margin:0}
.pp_social .facebook{float:left;margin-left:5px;width:55px;overflow:hidden}
.pp_social .twitter{float:left}
.pp_nav{clear:right;float:left;margin:3px 10px 0 0}
.pp_nav p{float:left;white-space:nowrap;margin:2px 4px}
.pp_nav .pp_play,.pp_nav .pp_pause{float:left;margin-right:4px;text-indent:-10000px}
a.pp_arrow_previous,a.pp_arrow_next{display:block;float:left;height:15px;margin-top:3px;overflow:hidden;text-indent:-10000px;width:14px}
.pp_hoverContainer{position:absolute;top:0;width:100%;z-index:2000}
.pp_gallery{display:none;left:50%;margin-top:-50px;position:absolute;z-index:10000}
.pp_gallery div{float:left;overflow:hidden;position:relative}
.pp_gallery ul{float:left;height:35px;position:relative;white-space:nowrap;margin:0 0 0 5px;padding:0}
.pp_gallery ul a{border:1px rgba(0,0,0,0.5) solid;display:block;float:left;height:33px;overflow:hidden}
.pp_gallery ul a img{border:0}
.pp_gallery li{display:block;float:left;margin:0 5px 0 0;padding:0}
.pp_gallery li.default a{background:url(../images/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;display:block;height:33px;width:50px}
.pp_gallery .pp_arrow_previous,.pp_gallery .pp_arrow_next{margin-top:7px!important}
a.pp_next{background:url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:right;height:100%;text-indent:-10000px;width:49%}
a.pp_previous{background:url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:left;height:100%;text-indent:-10000px;width:49%}
a.pp_expand,a.pp_contract{cursor:pointer;display:none;height:20px;position:absolute;right:30px;text-indent:-10000px;bottom:10px;width:20px;z-index:20000}
a.pp_close{position:absolute;right:30px;top:10px;display:block;line-height:22px;text-indent:-10000px}
.pp_loaderIcon{display:block;height:24px;left:50%;position:absolute;top:50%;width:24px;margin:-12px 0 0 -12px}
#pp_full_res{line-height:1!important}
#pp_full_res .pp_inline{text-align:left}
#pp_full_res .pp_inline p{margin:0 0 15px}
div.ppt{color:#fff;display:none;font-size:17px;z-index:9999;margin:0 0 5px 15px}
div.pp_default .pp_content,div.light_rounded .pp_content{background-color:#fff}
div.pp_default #pp_full_res .pp_inline,div.light_rounded .pp_content .ppt,div.light_rounded #pp_full_res .pp_inline,div.light_square .pp_content .ppt,div.light_square #pp_full_res .pp_inline,div.facebook .pp_content .ppt,div.facebook #pp_full_res .pp_inline{color:#000}
div.pp_default .pp_gallery ul li a:hover,div.pp_default .pp_gallery ul li.selected a,.pp_gallery ul a:hover,.pp_gallery li.selected a{border-color:#fff}
div.pp_default .pp_details,div.light_rounded .pp_details,div.dark_rounded .pp_details,div.dark_square .pp_details,div.light_square .pp_details,div.facebook .pp_details{position:relative}
div.light_rounded .pp_top .pp_middle,div.light_rounded .pp_content_container .pp_left,div.light_rounded .pp_content_container .pp_right,div.light_rounded .pp_bottom .pp_middle,div.light_square .pp_left,div.light_square .pp_middle,div.light_square .pp_right,div.light_square .pp_content,div.facebook .pp_content{background:#fff}
div.light_rounded .pp_description,div.light_square .pp_description{margin-right:85px}
div.light_rounded .pp_gallery a.pp_arrow_previous,div.light_rounded .pp_gallery a.pp_arrow_next,div.dark_rounded .pp_gallery a.pp_arrow_previous,div.dark_rounded .pp_gallery a.pp_arrow_next,div.dark_square .pp_gallery a.pp_arrow_previous,div.dark_square .pp_gallery a.pp_arrow_next,div.light_square .pp_gallery a.pp_arrow_previous,div.light_square .pp_gallery a.pp_arrow_next{margin-top:12px!important}
div.light_rounded .pp_arrow_previous.disabled,div.dark_rounded .pp_arrow_previous.disabled,div.dark_square .pp_arrow_previous.disabled,div.light_square .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default}
div.light_rounded .pp_arrow_next.disabled,div.dark_rounded .pp_arrow_next.disabled,div.dark_square .pp_arrow_next.disabled,div.light_square .pp_arrow_next.disabled{background-position:-22px -87px;cursor:default}
div.light_rounded .pp_loaderIcon,div.light_square .pp_loaderIcon{background:url(../images/prettyPhoto/light_rounded/loader.gif) center center no-repeat}
div.dark_rounded .pp_top .pp_middle,div.dark_rounded .pp_content,div.dark_rounded .pp_bottom .pp_middle{background:url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat}
div.dark_rounded .currentTextHolder,div.dark_square .currentTextHolder{color:#c4c4c4}
div.dark_rounded #pp_full_res .pp_inline,div.dark_square #pp_full_res .pp_inline{color:#fff}
.pp_top,.pp_bottom{height:20px;position:relative}
* html .pp_top,* html .pp_bottom{padding:0 20px}
.pp_top .pp_left,.pp_bottom .pp_left{height:20px;left:0;position:absolute;width:20px}
.pp_top .pp_middle,.pp_bottom .pp_middle{height:20px;left:20px;position:absolute;right:20px}
* html .pp_top .pp_middle,* html .pp_bottom .pp_middle{left:0;position:static}
.pp_top .pp_right,.pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px}
.pp_fade,.pp_gallery li.default a img{display:none}
