Solutions by Sector /* CSS Document */ #wrapper { margin-left: auto; margin-right: auto; text-align: left; } /* SECTIONS */ .section { clear: both; padding: 0px; margin: 0px; } /* COLUMN SETUP */ .col { display: block; float:left; margin: 1% 0 1% 1.6%; } .col:first-child { margin-left: 0; } /* GROUPING */ .group:before, .group:after { content:""; display:table; } .group:after { clear:both; } .group { zoom:1; /* For IE 6/7 */ } /* GRID OF THREE */ .span_3_of_3 { width: 100%; } .span_2_of_3 { width: 66.1%; } .span_1_of_3 { width: 32.2%; } /* GO FULL WIDTH AT LESS THAN 480 PIXELS */ @media only screen and (max-width: 480px) { .col { margin: 1% 0 1% 0%;} .span_3_of_3, .span_2_of_3, .span_1_of_3 { width: 100%; } } /* GRID OF TWO ============================================================================= */ .span_2_of_2 { width: 100%; } .span_1_of_2 { width: 49.2%; } /* GO FULL WIDTH AT LESS THAN 480 PIXELS */ @media only screen and (max-width: 480px) { .span_2_of_2 { width: 100%; } .span_1_of_2 { width: 100%; } } /* GRID OF FOUR ============================================================================= */ .span_4_of_4 { width: 100%; } .span_3_of_4 { width: 65%; } .span_2_of_4 { width: 49.2%; } .span_1_of_4 { width: 23.8%; } /* GO FULL WIDTH AT LESS THAN 480 PIXELS */ @media only screen and (max-width: 480px) { .span_4_of_4 { width: 100%; } .span_3_of_4 { width: 100%; } .span_2_of_4 { width: 100%; } .span_1_of_4 { width: 100%; } } /* This is ePub's container for the entire page. */ .body{ width: 95%; margin: 0px auto; } /* This gets rid of all underlines on any div wrapped in a link. */ div a{ text-decoration: none; } /* Homepage only. This contains all the profile segments. */ .audienceProfileContainer{ display: inline-block; width: 65%; margin: 20px 0px; padding: 15px 15px 15px 20px; background-color: #f6f6f6; vertical-align: top; } @media screen and (max-width: 1000px){ .audienceProfileContainer{ display: block; margin: 0px auto; padding: 15px; width: 90%; } } /* Homepage and Brand Awareness page. These are the social media and user number segments within the audienceProfileContainer div. */ .audienceProfileSegment{ display: inline-block; margin: 0px 15px 35px 0px; width: 30%; vertical-align: top; overflow: hidden; line-height: 1.1; } @media screen and (max-width: 1000px){ .audienceProfileSegment{ width: 45%; } } @media screen and (max-width: 700px){ .audienceProfileSegment{ width: 95%; } } /* Homepage and Brand Awareness page. This is the big number within the audienceProfileSegment. */ .audienceProfileSegmentHeader{ display: inline-block; margin: 0px; font-family: 'Open Sans Condensed', sans-serif; font-size: 28px; color: #006FB4; font-weight: bold; border-bottom: 2px solid #696969; margin-bottom: 4px; } /* Homepage and Brand Awareness page. These are the captions below the number in the audienceProfileSegment. */ .audienceProfileSegmentText{ display: inline; font-family: 'PT Serif', serif; font-size: 18px; color: #333333; } .audienceProfileSegment img{ display: inline-block; margin-right: 8px; width: 60px; float: left; } /* Homepage only. This contains the big resources buttons. */ .resourcesContainer{ display: inline-block; width: 34%; margin: 20px 0px; padding: 15px; padding-right: 0px; vertical-align: top; } @media screen and (max-width: 1000px){ .resourcesContainer{ display: block; width: 95%; } } .resourcesContainer a:link, .resourcesContainer a:visited{ text-decoration: none; } /* Homepage only. These are the big buttons under resources. */ .resourcesButton{ margin: 12px auto; padding: 12px 5px; background-color: #B55C17; cursor: pointer; text-align: center; line-height: 1.1; font-family: 'Open Sans Condensed', sans-serif; font-size: 22px; color: #ffffff; width: 100%; } .resourcesButton:hover{ background-color: #B55C17; } /* Pagewide horizontal line used in several places on most pages as just a divider. */ .lineBreak{ width: 100%; height: 1px; margin: 20px auto; background-color: #d3d3d3; } /* Homepage only. This contains the horizontal menu with the icon buttons. */ .marketingSolutionsMenu{ z-index: 20; display: block; margin: 0px auto; text-align: center; } @media screen and (max-width: 1100px){ .marketingSolutionsMenu{ display: none; width: 250px; border: 2px solid #d3d3d3; top: 0px; right: 0px; position: absolute; animation: animateHorizontalMenu 0.4s; overflow: visible; } @keyframes animateHorizontalMenu{ from{ top: -15px; opacity: 0; } to{ opacity: 1; } } } /* Homepage only. These are the individual buttons with icons. */ .marketingSolutionsButton{ font-size: 22px; margin: 0px 20px; padding: 5px; cursor: pointer; border-bottom: 3px solid #ffffff; display: inline-block; font-family: 'Open Sans Condensed', sans-serif; color: #333333; line-height: 1.2; } @media screen and (max-width: 1500px){ .marketingSolutionsButton{ margin: 0px 10px; } } @media screen and (max-width: 1100px){ .marketingSolutionsButton{ display: block; font-size: 20px; margin: 0px; text-align: left; background-color: #696969; color: #ffffff; } } .marketingSolutionsButton:hover{ color: #8A3B57; } .marketingSolutionsButton img{ display: block; margin: 0px auto 5px auto; height: 60px; } @media screen and (max-width: 1100px){ .marketingSolutionsButton img{ display: none; } } .subSubHeader{ margin: 0px auto 15px auto; font-family: 'Open Sans Condensed', sans-serif; font-size: 18px; color: #000000; line-height: 1.2; .alertLinks a:link, .alertLinks a:visited{ text-decoration: none; color: #000000; }
Building Enclosure University

The Security editorial team is bringing thought leaders together to discuss critical issues and solutions in these five key growth sectors: Education, retail, critical infrastructures, government and health care.

LIVE ATTENDEES: Earn 0.1 IACET CEU*
As an IACET Accredited Provider, BNP Media offers IACET CEUs for its learning events that comply with the ANSI/IACET Continuing Education and Training Standard. Participants completing this course may be eligible to receive Continuing Professional Education credit or CPEs toward ASIS re-certification.

]]> https://www.securitymagazine.com/rss/2940 en-us