/************************************************ General Formatting *******************************************/ .headshot { float:left; margin:0 10px 5px 0; } .hidden { visibility:visible; height:auto; overflow:hidden; } .nothidden { visibility:hidden; height:0px; overflow:hidden; } .tagline { font-size:14pt; margin-top:25px; } .ad-notice { margin-top:5px; text-align:right; } /************************************************ User Session Navigation *******************************************/ div.top-menu { font-size: 14px; line-height: 1.5; } #login-status { position:relative; z-index:9999; margin:1.4em 0 0 0; font-size: 14px; } #login-status ul.dropdown ul { top:1.4em; } div.top-menu input[type="text"], div.top-menu input[type="password"] { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; border:1px solid #C0C0C0; padding:3px 4px; height:1.5em; margin-bottom:10px; font-size: 14px; line-height: 1.5; } div#main_navigation { margin-top:0.8em; } .header { min-height:135px; } .search-form { float:right; margin:1.5em 0 0 0; } .search-form input[type="text"]{ margin:0; } .search-submit { float:right; background:none; height:auto; border:none; margin:0 0 0 -40px; padding:0 7px 0 0; top:5px; position:relative; } ul.user-menu { z-index:1001; height:30px; padding:2px 2px 0 0; margin:0; text-align:left; } ul.user-menu .root-item a { padding:0; height:30px } /************************************************ Slider *******************************************/ .slider-text { min-height:50px; } /************************************************ Boxes *******************************************/ .overlap { min-height:50px; min-width:50px; } .overlap h4 { width:115px; /*padding-right:15px;*/ float:left; } /************************************************ Homepage *******************************************/ .home-page-box h4 { /*border:1px red solid;*/ font-size:23px; font-weight:normal; } .home-page-box { width:160px; height:75px; float:left; margin: 0 65px 0 0; } .last-home-page-box { margin-right:0px } #homepage-boxes { margin:25px 0 25px 0; height:100px; width:960px; clear:both; } #homepage-boxes-two { margin:25px 0 25px 0; width:960px; float:left; height:170px; clear:both; } .home-page-box-two { width:310px; float:right; margin: 10px 5px 10px 5px; } .homepage .upcoming-events { width:415px; padding:0; margin-right:30px; float:left; } .homepage .upcoming-events table { margin:0; padding:0; width:415px; } .homepage .upcoming-events td { padding:5px; } .homepage .upcoming-events tr > td.event-title { width:40%; } .homepage .upcoming-events tr > td.location { width:30%; } .homepage .upcoming-events tr > td .date { width:30%; } .homepage .projects-resources { float:left; } .homepage .projects, .homepage .resources { float:left; margin-right:30px; } .homepage .banner-ad { margin-top:30px; width:245px; height:110px; float:left; margin-right:10px; } .homepage .banner-ad .last { margin-right:0; } .homepage .about-sans { margin-top:30px; padding:20px 15px 10px 15px; } .homepage .about-sans .related-sites { margin-top:25px; } .homepage .about-sans ul { height:50px; } .homepage .about-sans li { width:230px; position: relative; float: left; margin: 0 2px 0 0; padding:0; list-style-type:none; list-style-image:none; } .homepage .about-sans li a { width:auto; height: 30px; display: block; text-decoration:none; } .homepage .about-sans li img { vertical-align:middle; margin-right:10px; } /************************************************ Forms *******************************************/ .ondemand-form label { width:160px; } #purchasing { margin-right:10px; } .reg-info { margin-top:10px; margin-bottom:15px; width:480px; float:left; } .lt-ie8 .reg-info { float: none; width:100%; } fieldset { border:1px solid #ddd; padding:10px 15px; margin:5px 5px 5px 0; webkit-border-radius: 5px; /*For Chrome/Safari*/ -moz-border-radius: 5px; /*For Firefox*/ border-radius: 5px; } /* labels are aligned in standard vertical column by default */ form label { display: block; float: left; width: 125px; padding-right: 15px; text-align:right; margin:6px 0 0 0; } /* for labels that are not in the vertical column layout */ .label-default { display: inline; float: none; width: auto; padding-right: 15px; text-align:left; margin:6px 0 0 0; } /* use to simulate indenting of label tag */ .label-indent { padding-left:140px; } legend { padding: 2px 6px; font-family:Diavlo Light, Arial,Helvetica,Sans-serif; font-weight:normal; color:#436184; font-size:24px; } .reg-info input { } .reg-item { clear:left; } .salutation { width:60px; } /* .email, .title, .country { padding-bottom:5px; margin-bottom:5px; border-bottom:1px solid #ddd; } */ .same-as-purchase { margin-bottom:5px; } .same-as-purchase input { float:left; margin:-6px 5px 15px 0; } .same-as-purchase label { float:left; } .same-as-purchase input, #courses input, #terms input, #methods input { background:none; border:none; } #courses, #terms, #methods { clear:left; width:100%; margin-bottom:15px; } #courses .reg-item { width:100%; display:block; } #methods .reg-item { width:100%; display:block; } #courses input { float:left; } #terms input { float:left; } #methods input { float:left; } #courses label { float:left; margin:9px 0 0 5px; } #methods label { float:left; margin:9px 0 0 5px; } #terms input { margin:-6px 5px 0 0; float:left; } #terms label { float:left; margin:9px 0 0 5px; } .align-checkbox { margin:-6px 0 0 5px } .submit-selector-container { display:block; width:100%; } .submit-selector-container .side-panel { float:left; width:15%; text-align:center; margin-top:20px; } .submit-selector-container .reset-button { float:left; margin-left: 0px; margin-top: 20px; text-align: left; width:15%; } .submit-selector-container .center { float:left; width:70%; text-align:center; } .share-results { background-attachment: scroll; background-clip: border-box; background-color: transparent; background-image: none; background-origin: padding-box; border-bottom-color: #DFDFDF; border-bottom-style: solid; border-bottom-width: 1px; border-top-color: #DFDFDF; border-top-style: solid; border-top-width: 1px; color: #555; display: block; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; height: 60px; line-height: 14px; margin-bottom: 25px; min-height: 60px; padding-bottom: 2px; padding-left: 0px; padding-right: 0px; padding-top: 5px; text-align:center; } /************************************************ Tables *******************************************/ .table-header-highlight:hover { background-color:#DDD; } .course-title { background:#364E6A; background:-webkit-gradient(linear, left top, left bottom, from(#3D5979), to(#364E6A)); background:-moz-linear-gradient(top, #3D5979, #364E6A); filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#3D5979', endColorstr='#364E6A'); /* IE6 & IE7 */ -ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#3D5979', endColorstr='#364E6A')"; /* IE8 */ } .table-row.table-row-featured { background-color:#faffbb; } .table-row-alt.table-row-featured { background-color:#fcffcc; } .table-header-font { margin:0px; text-align:center; font-weight:bold; cursor:pointer; } .table-header-font:hover { color:#0000FF; } /************************************************ Bottom Content *******************************************/ .column-1 img, .column-3 img { float:right; } .bottom-content h3 { color:#fff; } .bottom-content h3 a { color:#fff; } .bottom-content h3 a:hover { color:#fff; } .bottom-content h4, .bottom-content h5 { color:#fff; opacity: 0.6; filter: alpha(opacity=60); /*For IE */ } .bottom-content #portal-login { width:722px; height:90px; margin-bottom:20px; } .input-text { background: #fff; padding:0px 35px 0px 11px; font-size:13px; border:1px solid #cccccc; webkit-border-radius: 5px; /*For Chrome/Safari*/ -moz-border-radius: 5px; /*For Firefox*/ border-radius: 5px; color:#555555; } #portal > input { float:left; } .portal-create { margin-left:15px; } .bottom-content h3 { font-size:20px; } .bottom-content h5 { float:left; } .bottom-content a { color:#0080c3; } .bottom-content .item { margin-bottom:20px; } .bottom-content #newsletters { margin-bottom:0; } .bottom-content .webcast-title, .bottom-content .newsletter-title { margin:0; } .bottom-content .webcast-date, .bottom-content .newsletter-date { font-size:10px; margin-top:5px; } .new-user { margin-left:470px; } #reading-room h3 { margin-bottom:9px; } #reading-room p { margin-top:30px; } #cart { margin-top:35px; } #contact { margin:0; } /************************************************ Footer *******************************************/ .bottom-nav ul li, .bottom-nav ul li.last { margin-left:0; } .copyright { color: #555555; } .latest-icons { } /************************************************ Site Selector *******************************************/ ul.site-selector ul { left:-118px; } .site-network { margin: 30px 0 15px 0; padding:15px; width: 917px; height: 275px; } .site-network ul { width: 205px; margin-top: 0pt; margin-right: 10px; margin-bottom: 0pt; /*margin-left: 30px; padding-top: 0pt; padding-right: 20px; padding-bottom: 0pt; /*padding-left: 20px;*/ display: block; float: left; clear: right; list-style-type: none; list-style-image: none; } #footer ul.site-selector ul { left:-74px; } /************************************************ Cart *******************************************/ .save-cart label { margin:0 125px 0 5px; } .save-cart .input-text { float:left; margin-right:10px; } .save-cart-submit { margin-bottom:15px; clear:left; } .product-group { padding:20px; margin-bottom:15px; width:920px; } .product-group th { font-family:Diavlo Bold; color:#333; } .product-group th img { float:none; margin:-10px 0 0 5px; } .product-group .headings { color:#fff; } .product-group td { margin:0; padding:0; } .line-item { clear:both; } .line-item .name { width:92%; float:left; } .total-heading { float:right; font-family:Diavlo Bold; padding-top:5px; color:#333; } .line-item .headings { height:20px; border-bottom:1px solid #dfdfdf; margin-bottom:10px; } .line-item .fees { float:right; text-align:right; } .current-fee { font-weight:bold; } .group-total { text-align:right; clear:both; float:right; } .group-total .total-heading { min-width:200px; border-bottom:1px solid #dfdfdf; background:-webkit-gradient(linear, left top, left bottom, from(#efefef), to(#dfdfdf)); background:-moz-linear-gradient(top, #efefef, #dfdfdf); filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#efefef', endColorstr='#dfdfdf'); /* IE6 & IE7 */ -ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#efefef', endColorstr='#dfdfdf')"; /* IE8 */ } .group-total p { float:right; } .column { float:left; width:300px; } .column .reg-item { margin-bottom:10px; } .remove-attendee { display:block; margin-bottom:15px; } .attendee-info { margin-bottom: 15px; width: 450px; float: left; } .terms-conditions { /* border-top:1px solid #dfdfdf; margin:35px 0; padding-top:10px; */ } .options-grid tr td { vertical-align: top; } .options-grid tbody tr th { padding: 5px 5px 0 5px; font-family: Diavlo; vertical-align:top; } .options-grid tr td { vertical-align: top; padding: 5px 5px 0 5px; border-top: 1px solid #cccccc; } .options-grid-checkbox { } .options-grid-checkbox-cell { } .options-grid-totals td { padding-top: 5px; } .available-bundles { font-size:10px; } #options-column { width:29%; } #price-column { width:21%; } #contactInformation, #billingInformation { float:left; padding: 10px 10px 10px 0; margin: 10px 10px 10px 0; } .cart-progress-1 { background:url(/images/design/standard/icon-cart-progress-1.png) top no-repeat } .cart-progress-2 { background:url(/images/design/standard/icon-cart-progress-2.png) top no-repeat } .cart-progress-3 { background:url(/images/design/standard/icon-cart-progress-3.png) top no-repeat } .cart-progress-4 { background:url(/images/design/standard/icon-cart-progress-4.png) top no-repeat } .cc-payment, .voucher-payment, .offline-payment, creditmemo-payment { } .note { padding-left: 18px; padding:5px 5px 5px 25px; margin-bottom:15px; webkit-border-radius: 5px; /*For Chrome/Safari*/ -moz-border-radius: 5px; /*For Firefox*/ border-radius: 5px; border:1px solid #ccc; background:#F6F6F6 url(/images/icons/fugue3.0-shadowless/exclamation-white.png) 4px 4px no-repeat; } .recommended { float:left; width:43%; } .recommended-button { height:32px; width:10%; } #wire-transfer-table tr td { vertical-align:top; padding:0 6px 0 0; margin:0; } #payment-information, #cancellation-policy, #wire-transfer-information { width:33.3%; } #wire-item { width:45%; } /************************************************ Dashboard *******************************************/ .dashboard-box { width:325px; margin: 0 15px 15px 0 } .dashboard-header { border-bottom:1px #E6E6E6 solid; padding-bottom:5px; margin-bottom:10px } .dashboard-session-header { border-bottom:1px #E6E6E6 solid; padding-bottom:5px; margin-bottom:10px } /************************************************ Search *******************************************/ .search-form { float:right; font-size:10pt; padding-top:1px; } .search-input { width:155px; border:none; color:#333333; padding:0 5px; } .search-submit { /*float:right;*/ background:none; height:auto; border:none; margin:0 0 0 -21px; padding:2px 7px 0 0; position:absolute; } ul.dropdown { margin-top:0px; } .extra-margin { margin:20px; } .text-center { text-align:center; } .bottom-margin { margin-bottom:40px; } /************************ Work Study ************************/ .work-study form > fieldset.bottom-touch > div > input.radio { margin: 5px 5px 25px 15px; background-image: url("images/icons/fugue3.0-shadowless/star-small.png"); } .work-study strong { margin-left: 25px; } .program-header { border-bottom: 1px solid #DDDDDD; width: 104%; } .initial-setup { padding-right: 10px; } .initial-setup p { line-height: 1.4em; } .align-center { text-align: center; } .bottom-touch { margin-bottom: 25px; } .work-study-italize { font-style: italic; } .work-study-top { float: right; text-align: right; width: 100%; } .work-study-field { width: 400px; font-weight:bold; clear: both; padding-right: 0px; } .work-study-width { width: 400px; } .work-study label { text-align:left; } .work-study-error { float:right; width: 36%; margin-top: -24px; margin-left: 10px; } .work-study-dropdown { text-align: left; min-width: 200px; max-width: 200px; } .work-study-input { text-align: left; min-width: 200px; max-width: 200px; } .work-study-left { float:left; width:50%; } #general-info-dropdown { min-width: 200px; max-width: 365px; } #general-info-textarea { min-width:350px; max-width:350px; height: 150px; float:left; } #general-info-text { width: 4%; } #exp-info-label-1 { margin-left: 30px; min-width: 100px; max-width: 150px; } #exp-info-label-2 { padding-top: 8px; margin: 8px 0 0 30px; } #exp-info-input-2 { min-width: 200px; max-width: 200px; } .cyber-corps-bottom { margin-bottom:10px; } .cyber-corps-check { margin: 0 15px 0 10px; } /******************************* Unsubrk *******************************/ .unsubrk-captcha { margin-top: 20px; } .unsubrk-label { width:150px; } /************************ Virtual Live Training ************************/ .session-details { float:left; margin-bottom: 40px; padding: 15px; width:670px } .column-left{ float:left; width:280px; padding-right: 15px; } .column-right{ float:left; width:350px; padding-left: 15px; } .fees { background-color:white; margin-bottom:10px; width:100%; } .meeting-dates { width:160px; float:left } /************************ Security Resources ************************/ #resources-slider{ margin-top:0px; float:left; margin-right:20px; width:700px; } #resources-stacked-boxes{ width:240px; float:left } #resources-stacked-boxes div{ margin-bottom:7px; padding-top:7px; padding-bottom:7px; } #resources-stacked-boxes a{ display:block; } #resources-stacked-boxes h4, #resources-stacked-boxes p{ margin:0px; padding:0px; } #resources-stacked-boxes h4{ color:#0080c3; } #resources-stacked-boxes h4:hover{ color:#c99150; } #resources-stacked-boxes p{ color:#555555; } #resources-stay-connected { border-top-width: 1px; border-top-style: solid; border-top-color: #dfdfdf; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #dfdfdf; padding-top: 10px; padding-right: 0pt; padding-bottom: 7px; padding-left: 0pt; margin-bottom: 15px; margin-top:15px; min-height: 60px; } #resources-stay-connected div { float:left; } #resources-stay-connected1 { text-align:left; padding-top:20px; width:500px; } #resources-stay-connected2 { text-align:left; width:260px; margin-top:15px; } #resources-stay-connected2 a{ margin-left:5px } #resources-stay-connected3 { text-align:right; } .resources-row-boxes div:last-child{ margin-right:0px; } .resources-row-boxes div{ float:left; width:200px; margin-top:10px; margin-right:24px; margin-bottom:15px; text-align:center; } .resources-row-boxes a{ display:block; padding-top:0px; padding-bottom:0px; width:210px; padding-top:15px; padding-bottom:10px; } .resources-row-boxes h4{ margin-top:0px; margin-bottom:0px; font-size:18px; } #resources-site-network{ width:745px; float:left; padding-top:20px; padding-bottom:15px; margin-right:30px; margin-top:15px; } #resources-site-network img{ vertical-align:middle; margin-right:10px; } #resources-site-network h4{ margin-top:15px; padding-top:15px; border-top: solid 1px #dfdfdf; margin-bottom:10px; } #resources-site-network p{ margin-bottom:10px; } #resources-site-network h4:first-child{ margin-top:0px; padding-top:0px; border: none } #resources-site-network .resources-leftbox{ width:325px; float:left; border-right: solid 1px #dfdfdf; padding-right:20px; padding-left:10px; } #resources-site-network .resources-rightbox{ width:315px; float:left; padding-left: 20px; padding-right:10px } #resources-banner{ text-align: center; margin-top:15px } #resources-other{ margin-top:30px; min-height:230px; padding-top:15px; padding-left:15px; } #resources-other div{ float:left; width:33%; } #resources-other .themiddle{ margin-left:15px; margin-right:20px; } #resources-other img{ vertical-align: -20%; padding-left:3px; } #resources-slider #new-slider { background:url(/images/design/custom/slider/slider-tall-bg.png) no-repeat; } /* ===================================================== notice class for notices, warnings, errors, etc. ===================================================== */ .notice_message { width:96%; background-color:#FAE4A2; border:1px solid #F7CE54; padding:1% 2%; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } /* ===================================================== additional styles ===================================================== */ ul.list_details li { margin-left: 0; list-style-type: none; } .icon_sizer { text-align:center; } .icon_sizer img { max-width:100%; max-height:100%; } /* ===================================================== Nice tables... for use in the future... ===================================================== */ .nice_table { width:100%; background-color:#bbb; -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.3); -moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.3); -ms-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.3); -o-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.3); box-shadow: 0 1px 2px 0 rgba(0,0,0,0.3); } .nice_table th, .nice_table td { margin:0; border-top:1px solid #ddd; border-left:1px solid #eee; } .nice_table tr:first-child th, .nice_table tr:first-child td { border-top:none; } .nice_table tr > th:first-child, .nice_table tr > td:first-child { border-left:none; } .nice_table .nice_table_row { background-color:#fff; } .nice_table .nice_table_row .nice_table_cell_alt { background-color:#f5f5f5; } .nice_table .nice_table_row_alt { background-color:#eee; } .nice_table .nice_table_row_alt .nice_table_cell_alt { background-color:#e5e5e5; } /****** Legend ******/ .courses-legend-container-left { float:left; width:320px; } .courses-legend-container-right { float:right; width:320px; } .courses-legend-icon { max-width:75px; max-height:75px; float:right; margin:12px 2px 0 5px; } .courses-legend-header { padding: 10px; color: #333; background: #EFEFEF; font-weight: bold; } /************************ AppSec-GIAC Promo **********************/ #appsec-giac-boxes { height:440px; } #appsec-giac-boxes .box { width: 262px; padding: 10px 10px 10px 10px; margin-left: 24px; } #appsec-giac-boxes .box:first-child { margin-left:0; } /************************ Live Local Training *********************/ #live-local-training { font-size: larger; } #live-training-boxes { height:420px; } #live-training-boxes .box { width: 430px; margin-left:20px; } #live-training-boxes .box:first-child { margin-left:0; } #live-training-boxes .box h2 { margin-top:30px; } #live-training-boxes .box img { margin-right:30px; float: left; } /************************ Capital Region Fall *********************/ .capital-region-intro { font-size: larger; } #capital-region-boxes { height:360px; } #capital-region-boxes .box { width: 430px; margin-left:20px; } #capital-region-boxes .box:first-child { margin-left:0; } #capital-region-boxes .box h2 { margin-top:10px; } #capital-region-boxes .box img { margin-right:30px; float: left; } /************************ Hacker Detection ************************/ .what-you-get-box { width:260px; height:100px; float:left; margin-right:20px; margin-top:20px; } .hacker-detection-pricing{ width:70%; } .hacker-detection-pricing td { text-align: right; } .hacker-detection-pricing td:first-child { text-align: left; } /* ===================================================== site selector ===================================================== */ body.sans ul.site-selector ul { left:-122px; } body.sans #footer ul.site-selector ul { top:-600px; left:-75px; }