/* @group Global Typography */ body { font-family: Arial, Helvetica, sans-serif; } /* @end */ /* @group Global Block Level formatting */ body { background: #222222; } #container { position: relative; width: 1000px; margin: 50px auto 20px; background: #ffffff; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; -o-border-radius: 8px; } #branding { height: 150px; border-bottom: 1px solid #222222; background: #ffc412 url(../images/site/bg-branding.jpg) no-repeat left top; border-top-left-radius: 8px; border-top-right-radius: 8px; -moz-border-radius-topleft: 8px; -moz-border-radius-topright: 8px; -webkit-border-top-left-radius: 8px; -webkit-border-top-right-radius: 8px; -o-border-top-left-radius: 8px; -o-border-top-right-radius: 8px; } #branding a { position: absolute; left: 70px; top: 0; width: 550px; height: 90px; text-indent: -9999px; } #content { position: relative; z-index: 2; background: #ffffff; padding: 20px; } #colorbox #content { padding: 0; } #content-main { float: left; width: 728px; } #content-supp { float: left; width: 200px; margin-top: 81px; margin-left: 32px; } #home #content-supp { width: 210px; margin-left: 22px; } #siteinfo { clear: both; } #siteinfo p { font-size: 1.2em; line-height: 1.5; } #siteinfo .siteinfo-copyright { float: left; margin: 10px 20px; } #siteinfo .siteinfo-developers { float: right; margin: 10px 20px; } #siteinfo a { color: #222; font-weight: bold; } #search-box { position: absolute; right: 20px; top: 20px; z-index: 10; width: 500px; text-align: right; } #search-box label, #search-box input { font-size: 12px; line-height: 15px; padding: 3px 5px; font-weight: bold; } .js #search-box label { display: none; } #search-box input { border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; } #search-box input#frm-quick-search-qry { width: 180px; background: #fff; border: 1px solid #222; color: #222; } #search-box input#frm-quick-search-go { width: 34px; background: #222; border: none; color: #fff; cursor: pointer; } .clearfix { display: block; clear: both; height: 0; margin: 0; border: none; padding: 0; background: none; visibility: hidden; } /* @end */ /* @group Navigation: Main */ #nav-main { position: absolute; left: 186px; top: 128px; z-index: 1; } #nav-main h4 { display: none; } #nav-main ul { list-style: none; } #nav-main li { float: left; height: 22px; } #nav-main a { display: block; position: relative; height: 21px; padding: 0 20px; border: 1px solid #222222; background: #ffbe0f url(../images/site/bg-navmain-li.png) repeat-x left top; z-index: 1; border-top-left-radius: 6px; border-top-right-radius: 6px; -moz-border-radius-topleft: 6px; -moz-border-radius-topright: 6px; -webkit-border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px; -o-border-top-left-radius: 6px; -o-border-top-right-radius: 6px; box-shadow: 4px 1px 6px rgba(0, 0, 0, 0.5); -moz-box-shadow: 4px 1px 6px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 4px 1px 6px rgba(0, 0, 0, 0.5); -o-box-shadow: 4px 1px 6px rgba(0, 0, 0, 0.5); text-align: center; font-size: 14px; line-height: 21px; color: #62615b; } #nav-main li#nav-main-home a { z-index: 4; } #nav-main li#nav-main-telehouse a { z-index: 3; } #nav-main li#nav-main-raritan a { z-index: 2; } #nav-main li#nav-main-servertech a { z-index: 1; } #nav-main li.active a { z-index: 99 !important; background: #ffffff; border-bottom-color: #ffffff; color: #000000; font-weight: bold; } /* @end */ /* @group Navigation: Archive */ #content #nav-archive ul { list-style: none; margin-left: 0; padding-left: 0; } #content #nav-archive li { padding-left: 15px; background: transparent url(../images/site/disclosure-expanded.png) no-repeat left 4px; } #content #nav-archive li#nav-archive-latest { background: transparent url(../images/site/disclosure-collapsed.png) no-repeat left 4px; } #content #nav-archive ul ul { list-style: disc; } #content #nav-archive li li { padding-left: 0; margin-left: 15px; background: none; color: #222; } /* @end */ /* @group Navigation: Footer */ #nav-footer { width: 960px; margin: 0 auto 20px; padding: 20px; background: #444; overflow: hidden; font-size: 11px; font-weight: bold; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; } #nav-footer a { float: left; margin-right: 30px; color: #ccc; font-weight: bold; } #nav-footer a:hover { color: #fff; } /* @end */ /* @group Global Typography */ #content { color: #222222; } #content h1, #content h2, #content h3, #content h4, #content h5 { margin: 0.5 0 0; line-height: 1.3; font-weight: bold; } #content h1 { font-size: 4.0em; line-height: 1.4; } #content h2 { font-size: 2.4em; } #content h3 { font-size: 2.0em; } #content h4 { font-size: 1.5em; } #content h5 { font-size: 1.4em; } #content p, #content ul, #content ol { font-size: 1.3em; line-height: 1.3; margin-bottom: 1em; color: #222222; } #content ul ul, #content ul ol, #content ol ul, #content ol ol { font-size: 1em; } #content ul, #content ol, #content blockquote { margin-left: 20px; } #content ul, #content ol { list-style: disc; } #content blockquote { font-style: italic; } #content a { text-decoration: none; font-weight: bold; color: #ffab07; } #content a:hover { text-decoration: underline; } #content h1 a, #content h2 a, #content h3 a, #content h4 a, #content h5 a { color: #222; } #content table { width: 100%; margin-bottom: 10px; border-collapse: collapse; } #content th { font-weight: bold; } #content td { font-weight: normal; } em.tdc { font-style: normal; color: #ffab07; } /* @end */ /* @group Form Styling */ #content form { margin-bottom: 1.5em; padding: 10px; background: #f5f5f5; border-radius: 6px; -webkit-border-radius: 6px; -o-border-radius: 6px; -moz-border-radius: 6px; } #content form fieldset { margin-bottom: 10px; } #content form fieldset h2 { margin-bottom: 0.5em; } #content form label { display: block; font-size: 12px; line-height: 1.3 ; color: #222 ; } #content form #content-main label { float: left; width: 140px; margin: 5px 0 0 10px; } #content form .checkbox label { display: inline; width: auto; margin-right: 12px; } #content form .reqd label { font-weight: bold; } #content form .text, #content form .select, #content form .multitext, #content form .datetime, #content form .checkbox, #content form .button { margin-bottom: 10px; } #content form .text input, #content form .select select, #content form .multitext textarea { width: 240px; padding: 2px 4px; border: 1px solid #999; background: #fcfcfc ; color: #666 ; } #content form .text input:focus, #content form .select select:focus, #content form .multitext textarea:focus { border-color: #222; background: #fff; color: #222; } #content form .multitext textarea { height: 100px; } #content form .select select { width: 250px; padding: 2px 2px; } #content form .datetime select { padding: 2px 2px; border: 1px solid #587390; } #content form .button input { padding: 5px 10px ; border: none ; border-radius: 4px ; -moz-border-radius: 4px ; -webkit-border-radius: 4px ; -o-border-radius: 4px ; background: #222 ; color: #fff ; font-size: 12px ; font-weight: bold ; cursor: pointer; text-align: center; } #content form .checkbox input { margin: 0; } #content form .text input, #content form .select select, #content form .multitext textarea, #content form .datetime .day, #content form .datetime .month, #content form .datetime .year, #content form .datetime .hour, #content form .datetime .minute, #content form .datetime .ampm { font-size: 12px; line-height: 15px; } #content #content-supp form { margin-top: 10px; } #content #content-supp form div { margin-bottom: 5px; } #content #content-supp form fieldset { margin-bottom: 0; } #content #content-supp form .text input { float: none; width: 170px; margin-bottom: 5px; } #home #content #content-supp form .text input { width: 180px; } #content #content-supp form .button { margin-bottom: 0; } #content #content-supp form .button input { float: left; width: 71px; margin-top: 0; font-size: 11px; padding: 5px 7px; } #content #content-supp form .button input#mlunsubscribe { float: right; width: 86px; } #content form .error { padding: 0; border: 0; background: transparent; } #content form .error label { color: #f00; } #content form .error input { border-color: #f00; background: #fee; } /* @end */ /* @group Global Panel Styling */ #content-title { position: relative; height: 80px; } #content-title img { position: absolute; right: 0; top: 10px; margin-right: -232px; } .content-panel { margin-bottom: 20px; border: 1px solid #222222; box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.5); -moz-box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.5); -o-box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.5); border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; } .content-panel-heading { padding: 4px 9px; border-bottom: 1px solid #222222; background: #62615b; border-top-left-radius: 5px; border-top-right-radius: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -o-border-top-left-radius: 5px; -o-border-top-right-radius: 5px; } #content .content-panel-heading h2 { color: #ffffff; font-size: 1.8em; } .content-panel-content { padding: 10px 10px 0; } .content-panel-list-item { position: relative; overflow: hidden; padding-bottom: 10px; } #content .content-panel-content .datechip { position: absolute; right: 0; top: 0; width: 40px; padding: 20px 0 5px; margin-bottom: 0; border: 1px solid #222; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; } #content .content-panel-content .datechip span { display: block; text-align: center; line-height: 1.0; } #content .content-panel-content .datechip span.day { font-size: 20px; } #content .content-panel-content .datechip span.month { font-size: 14px; } #content .content-panel-content .datechip span.year { position: absolute; left: 0; top: 0px; width: 40px; padding: 3px 0 2px; border-bottom: 1px solid #222; background: #222; font-size: 11px; font-weight: bold; color: #fff; border-top-left-radius: 5px; border-top-right-radius: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -o-border-top-left-radius: 5px; -o-border-top-right-radius: 5px; } .content-columns-two .content-panel { float: left; width: 350px; margin-right: 6px; margin-left: 6px; } .content-columns-three .content-panel-heading { background: #FFAC07; } .content-panel-list-item { margin-bottom: 10px; border-bottom: 1px dotted #222222; } .content-panel-list-item:last-child { border-bottom: none; margin-bottom: 0; } #content .content-panel-view-link p { margin-bottom: 0; } #content .content-panel-list-item h3 { font-size: 1.4em; margin-bottom: 0.5em; } #content .content-panel-list-item h3 a { color: #222 !important; } .content-panel-list-item .detail-link { float: right; margin-right: -50px; font-size: 12px; line-height: 30px; color: #ffac07; text-align: right; } /* @end */ /* @group Global Advert Styling */ .content-ad-banner { display: block; margin-bottom: 20px; } .content-ad-skyscraper { display: block; padding: 20px; background: #efefef; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; -o-border-radius: 8px; } /* @end */ /* @group Page Specific: Company */ .item-pictures { float: left; width: 160px; margin-right: 10px; background: #efefef; } .item-pictures a { display: block; } .item-pictures img { border: 1px solid #222222; } /* @group Video List */ #content-video-list .content-panel-heading, #videos #content-introduction .content-panel-heading { background: #ffac07; } #content-video-list .content-panel-heading h2, #content #content-video-list .content-panel-heading h2 a, #videos #content-introduction .content-panel-heading h2 { color: #222222; } #content-video-list .content-panel-list-item { padding-right: 50px; } #videos .content-panel-content { min-height: 100px; } #content #content-video-list a, #videos #content a { color: #ffac07; } .video-item-piclink { float: left; width: 160px; height: 90px; margin-right: 10px; border: 1px solid #222222; background: #efefef; } .video-item-piclink a { display: block; width: 160px; height: 90px; } .video-item-piclink img { display: none; } .video-item-piclink span { display: block; width: 160px; height: 90px; text-indent: -9999px; background: transparent url(../images/site/bg-video-item-piclink-overlay-trans.png) no-repeat left top; } /* @end */ /* @group Case Study List */ #content-article-list .content-panel-list-item { padding-right: 50px; } #content-article-list .content-panel-heading, #articles #content-introduction .content-panel-heading { background: #0a6891; } #content-article-list .content-panel-heading h2, #content #content-article-list .content-panel-heading h2 a { color: #fff; } #content #content-article-list a, #articles #content a { color: #0a6891; } /* @end */ /* @group Content Partner List */ #content-content_partner-list .content-panel-heading, #content_partners #content-profile .content-panel-heading { background: #680000; } #content-content_partner-list .content_partner-list-item-logo { float: right; margin-left: 20px; } #content #content-content_partner-list a, #content_partners #content #content-profile a { color: #680000; } #content-content_partner-list .detail-link { margin-right: 0; } /* @end */ /* @group News List */ #content-news-list .content-panel-heading, #news #content-introduction .content-panel-heading { background: #ffea10; } #content-news-list .content-panel-heading h2, #content #content-news-list .content-panel-heading h2 a, #news #content-introduction .content-panel-heading h2 { color: #222222; } #content-news-list .content-panel-list-item { padding-right: 50px; } #content #content-news-list a, #news #content a { color: #ffea10; } /* @end */ /* @group Blog List */ #content-blog-list .content-panel-heading, #blog #content-introduction .content-panel-heading { background: #006800; } #content-blog-list .content-panel-heading h2, #content #content-blog-list .content-panel-heading h2 a, #blog #content-introduction .content-panel-heading h2 { color: #ffffff; } #content-blog-list .content-panel-list-item { padding-right: 50px; } #content #content-blog-list a, #blog #content a { color: #006800; } /* @end */ /* @group Events List */ #content-events-list .content-panel-heading, #events #content-introduction .content-panel-heading { background: #74a2cf; } #content-events-list .content-panel-heading h2, #events #content-introduction .content-panel-heading h2 { color: #fff; } #content-events-list .content-panel-list-item { padding-right: 50px; } #content #content-events-list a, #events #content a { color: #74a2cf; } /* @end */ /* @group Topics List */ #content-topics-list .content-panel-heading, #content-topics-detail .content-panel-heading { background: #74a2cf; } #content-topics-list .content-panel-heading h2, #content-topics-detail .content-panel-heading h2 { color: #fff; } #content #content-topics-list a, #content #content-topics-detail a { color: #74a2cf; } #content-topics-detail .content-panel-list-item { padding-right: 50px; } #content-topics-list .detail-link { margin-right: 0; } #content #content-topics-detail h3 .topic-type-stamp { display: inline-block; padding: 0 5px; font-size: 12px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; } #content #content-topics-detail h3 .topic-type-stamp-videos { background: #ffac07 !important; } #content #content-topics-detail h3 .topic-type-stamp-news { background: #ffea10 !important; } #content #content-topics-detail h3 .topic-type-stamp-blog { background: #ffea10 !important; } #content #content-topics-detail h3 .topic-type-stamp-articles { background: #0a6891 !important; color: #fff !important; } /* @end */ /* @end */ /* @group Home Page */ #home #content-supp h2 { font-size: 1.8em; } #home #content-supp .content-panel-list-item { padding-bottom: 10px; } #home #content-supp .content-panel-list-item h3 { display: none; } #home #content-supp a { display: block; text-align: center; } #home #content-supp a img { max-width: 188px; height: auto; } /* @end */ /* @group Search Page */ #search #content #content-main form { background: none; padding: 0; overflow: hidden; } #search #content #content-main fieldset { float: left; width: 212px; margin-right: 35px; } #search #content #content-main form fieldset:nth-child(3) { margin-right: 0; } #search #content #content-main form#frm-full-search #keywords label { display: none; } #search #content #content-main form#frm-full-search #keywords input { width: 190px; } #search #content #content-main form .checkbox input { float: none; } #search #content #content-main form .button { clear: left; margin-bottom: 0; } #search #content #content-main form .button input { margin-top: 0; } #search #content #content-main #content-results-panel .content-panel-list-item h3, #search #content #content-main form #filter_by_type label { border-style: solid; } #search #content #content-main form #filter_by_type label { width: 130px; } #search #content #content-main #content-results-panel .search-result-type-content_partners h3, #search #content #content-main form #filter_by_type label[for=type-content_partners] { border-color: #680000; } #search #content #content-main #content-results-panel .search-result-type-videos h3, #search #content #content-main form #filter_by_type label[for=type-videos] { border-color: #ffac07; } #search #content #content-main #content-results-panel .search-result-type-news h3, #search #content #content-main form #filter_by_type label[for=type-news] { border-color: #ffea10; } #search #content #content-main #content-results-panel .search-result-type-blog h3, #search #content #content-main form #filter_by_type label[for=type-blog] { border-color: #ffea10; } #search #content #content-main #content-results-panel .search-result-type-articles h3, #search #content #content-main form #filter_by_type label[for=type-articles] { border-color: #0a6891; } #search #content #content-main form #filter_by_type label[for=type-content_partners] { padding-right: 7px; border-right-width: 12px; } #search #content #content-main form #filter_by_type label[for=type-videos] { padding-right: 7px; border-right-width: 12px; } #search #content #content-main form #filter_by_type label[for=type-news] { padding-right: 7px; border-right-width: 12px; } #search #content #content-main form #filter_by_type label[for=type-blog] { padding-right: 7px; border-right-width: 12px; } #search #content #content-main form #filter_by_type label[for=type-articles] { padding-right: 7px; border-right-width: 12px; } #search #content #content-results-panel .search-result-type-content_partners h3 { padding-left: 7px; border-left-width: 18px; } #search #content #content-results-panel .search-result-type-videos h3 { padding-left: 7px; border-left-width: 18px; } #search #content #content-results-panel .search-result-type-news h3 { padding-left: 7px; border-left-width: 18px; } #search #content #content-results-panel .search-result-type-blog h3 { padding-left: 7px; border-left-width: 18px; } #search #content #content-results-panel .search-result-type-articles h3 { padding-left: 7px; border-left-width: 18px; } /* @end */ #content .error { margin-top: 10px; border: 3px solid #f00; padding: 10px; background: #fee; color: #f00; font-weight: bold; border-radius: 6px; -webkit-border-radius: 6px; -o-border-radius: 6px; -moz-border-radius: 6px; } #content .error p, #content .error ul { margin-bottom: 0; color: #f00; } #content .info { margin-top: 10px; border: 3px solid #060; padding: 10px; background: #efe; color: #060; font-weight: bold; border-radius: 6px; -webkit-border-radius: 6px; -o-border-radius: 6px; -moz-border-radius: 6px; } #content .info p, #content .info ul { margin-bottom: 0; color: #060; } .addthis_toolbox addthis_default_style { position: relative; top: -5px; }