@charset "utf-8";
/* CSS Document */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, select,
table, caption, tbody, tfoot, thead, tr, th, td {background:none; border: 0;text-decoration:none;outline: 1;font-weight: inherit;font-style: inherit;font-family: HPSimplifiedRegular;vertical-align: baseline; font-weight: normal; }
body{ background:#FFF; color:#000 !important}
.body{ background:#FFF; color:#000 !important; padding-bottom:0px !important; margin-bottom:0px !important;}
#body{ color:#000 !important; min-height:500px; height:auto; position:relative; overflow-y:visible; padding-bottom:0px !important; margin-bottom:0px !important;}
.hidden { position: absolute !important; top: -9999px !important; left: -9999px !important;}
::selection {
background: none repeat scroll 0 0 #F05332;
color: white;
text-shadow: none;
}
::-moz-selection {
background: none repeat scroll 0 0 #F05332;
color: white;
text-shadow: none;
}
a{ color:#007dba; text-decoration:none;}
a:hover{ text-decoration:underline;}
a:hover, a:active {outline: 0;} /*added by Jevgeni*/
.img {border:0px;}
.floatright{ float:right !important}
.color000{ color:#000 !important}
.marginbottomnull{ margin-bottom:0px !important}
.marginrightnull{ margin-right:0px !important;}
.marginbottom15 { margin-bottom:15px !important;}
.marginbottom30{ margin-bottom:30px !important;}
.margintop20{ margin-top:20px !important}
.marginleftnull{ margin-left:0px !important}
.marginnull{ margin:0px !important}
.bordernull{ border:0px !important;}
.bordertopnull{ border-top:0px !important;}
.borderbottomnull{ border-bottom:0px !important;}
.borderbottomblack{ border-bottom:1px solid #000;}
.bordertopblack{ border-top:1px solid #000;}
.clearleft{ clear:left !important}
.paddingbottomnull{ padding-bottom:0px !important}
.paddingtop15{ padding-top:15px !important}
.paddingtop25{ padding-top:25px !important}
.txt-14{font-size: 14px !important;}
a.hpe-small-pdf-icon{ background:url(i/gateway/event-template-css-images/s-15px-hpe.png) left -38px no-repeat; font-size:14px; color:#5a5a5a !important; padding-left:20px ; float:left}
a.hpe-small-video-icon{ background:url(i/gateway/event-template-css-images/s-15px-hpe.png) left -680px no-repeat; font-size:14px; line-height:18px; color:#5a5a5a !important; padding-left:22px; float:left}
a.secondary-button{width:auto; padding:0px 10px; height:36px; background:#0096d6; border-top-right-radius:5px; border-bottom-left-radius:5px; color:#FFF !important; line-height:36px !important; font-size:14px; font-weight:bold; text-decoration:none; float:left; margin-left:10px !important; }
a:hover.secondary-button{width:auto; padding:0px 10px; height:36px; background:#0084bd; border-top-right-radius:5px; border-bottom-left-radius:5px; color:#FFF !important; line-height:36px; font-size:14px; font-weight:bold; text-decoration:none !important; }
a.video-link{ background:url(i/gateway/event-template-css-images/external-link.jpg) left no-repeat; padding-left:20px ; float:left;}
a.external-link{ background:url(i/gateway/event-template-css-images/external-link.jpg) left no-repeat; padding-left:20px ; float:left;}
a.e-mail_support{ background:url(i/gateway/event-template-css-images/e-mail_support.jpg) left no-repeat; padding-left:20px ; float:left;}
a.hpe-small-popup-icon{ background:url(i/gateway/event-template-css-images/popup_icon.jpg) left no-repeat; font-size:14px; color:#5a5a5a !important; padding-left:20px ; }
.back-to-top a span {color: #0095D6 !important;position: relative !important;top: 4px !important; font-size: 12px !important;width:75px !important;}
.back-to-top img {position: relative;top: 3px;right: 20px;}
.back-to-top a {color:#007DBA !important;font-size: 12px !important;line-height: normal !important;}
.back-to-top a:hover {text-decoration:underline !important;}
.breadcrums { width:964px; float:left; margin:15px 18px 15px 0px; font-size:12px; line-height:24px; padding:0px;color:#767676;}
.breadcrums a{color:#767676; text-decoration:none; }
.breadcrums a:hover{text-decoration:underline; }
.breadcrums span{padding: 0px 5px;}
.middle {width:30%;}
a.primary-button{ width:auto; float:left; padding:0px 20px; height:36px; color:#FFF !important; background:#D7410B; font-size:16px; font-weight: bold; line-height:36px !important; border-top-right-radius:5px; border-bottom-left-radius:5px; border:0px; cursor:pointer; clear:both }
a:hover.primary-button{ width:auto; float:left; padding:0px 20px; color:#FFF !important; background:#C1401A; font-size:16px; font-weight: bold; line-height:36px !important; border-top-right-radius:5px; border-bottom-left-radius:5px; border:0px; cursor:pointer; text-decoration:none !important; }
.wrapper{width:1000px; margin:0px auto; overflow:hidden; }
.h1-area{ width:1000px; float:left; margin-bottom:30px;}
.h1-area h1{ width:964px; float:left; margin:0px 0px 0px 18px; padding:0px; font-size:52px; line-height:56px; font-weight:bold;}
.top-header{ width:1000px; float:left; margin:20px 0px 30px 0px ; padding:0px;}
.top-header .h1{ width:964px; float:left; margin:0px 0px 0px 18px; padding:0px; font-size:32px; line-height:36px; font-weight:bold;}
.top-header .title-area{ width:428px; float:left; height:46px; }
.top-header .subtitle{ width:375px; font-size:18px; font-weight:normal; line-height:21px; margin:3px 0px 0px 18px; color:#000; float:left; clear:left}
.top-header h2{ font-size:32px; line-height:32px; margin:0px 0px 0px 18px; color:#000; float:left; clear:both; font-weight:bold;}
.top-header .menu-area { float:right; width:552px;margin-right:18px; height:46px; margin:0px; padding:0px; }
.top-header .menu-area .ul { position:relative; width:auto; list-style:none; height:38px; top:0px; right:0px; padding:0px; margin:0px; float:right; z-index:19}
.top-header .menu-area .ul a{ width:auto; float:left; height:38px; cursor:pointer; text-decoration:none;}
.top-header .menu-area .ul a:hover{ color:#007dba; height:34px; cursor:pointer; text-decoration:none;}
.top-header .menu-area .ul .li{ float:left; color:#767676; margin:0px 10px; height:34px; cursor:pointer; text-decoration:none; line-height:38px; font-size:14px; overflow:visible}
.top-header .menu-area .ul .li:hover{ color:#007dba; height:34px; cursor:pointer; text-decoration:none;}
.top-header .menu-area .ul .active{ color:#000; text-decoration:none; line-height:38px; border-bottom:4px solid #0096d6; height:34px; float:left}
.top-header .menu-area .ul .active:hover{ color:#000; text-decoration:none; line-height:38px; border-bottom:4px solid #0096d6; height:34px; float:left}
.top-header .menu-area .ul .button{ background:#d7410b; font-weight:bold; color:#FFF; font-size:16px; text-decoration:none; border-top-right-radius:5px; border-bottom-left-radius:5px; line-height:36px; height:36px; float:left; padding:0px 10px;}
.top-header .menu-area .ul .button:hover{ background:#c1401a; font-weight:bold; color:#FFF; font-size:16px; text-decoration:none; border-top-right-radius:5px; border-bottom-left-radius:5px; line-height:36px; height:36px; float:left; padding:0px 10px;}
#event-information{ float:left; width:auto;}
.top-header .menu-area .ul #event-dropdown{ position:absolute; display:none; left:145px; top:35px; z-index:1000; }
.top-header .menu-area .ul #event-dropdown .arrow{ height:11px; width:31px; background:url(i/gateway/event-template-css-images/s-31px-hpe.png) left -874px no-repeat; position:absolute; left:20px; top:-9px;}
.top-header .menu-area .ul #event-dropdown .link-container {width:217px; float:left; border-bottom:3px solid #0096d6;border-left:2px solid #CCCCCC;border-right:2px solid #CCCCCC; border-top:1px solid #CCC; background:#FFF;}
.top-header .menu-area .ul #event-dropdown a{ width:202px; height:32px; float:left; color:#767676; border-top:1px solid #CCC; font-size:14px; line-height:32px; padding:0px 0px 0px 15px; text-decoration:none;}
.top-header .menu-area .ul #event-dropdown a:hover{ width:202px; float:left; color:#007dba; border-top:1px solid #CCC; font-size:14px; line-height:32px; padding:0px 0px 0px 15px; text-decoration:none;}
.top-banner { width:964px; float:left;padding:0px 18px; margin-top:10px;}
.top-banner .headline{ width:964px; float:left;color:#000; font-weight:bold;}
.top-banner .subheadline{ width:600px; float:left; font-size:18px; line-height:22px; color:#000;}
.top-banner a.cta-banner{ width:auto; padding:0px 15px; height:36px; background:#d7410b; border-top-right-radius:5px; border-bottom-left-radius:5px; float:left; clear:left; margin-top:30px; color:#FFF; line-height:36px; font-size:16px; font-weight:bold; text-decoration:none;}
.top-banner a:hover.cta-banner{ width:auto; padding:0px 15px; height:36px; background:#c1401a; border-top-right-radius:5px; border-bottom-left-radius:5px;}
.banner-body{width:1000px; float:left; overflow:hidden; z-index:10 }
#carousel-container{ width:3000px; position:relative; left:0px; top:0px; z-index:11;}
.carrousel-container { width:1000px; height:15px; float:left; margin:20px 0px ; text-align:center}
.pagination{ width:90px; margin:0px auto;}
.pagination-normal{ width:16px; height:16px; background:url(i/gateway/event-template-css-images/carousel-bullets.gif) left 0px no-repeat; float:left; margin-right:10px; cursor:pointer;}
.pagination-normal:hover{ width:16px; height:16px; background:url(i/gateway/event-template-css-images/carousel-bullets.gif) left -16px no-repeat; float:left; margin-right:10px; cursor:pointer;}
.pagination-active{ width:16px; height:16px; background:url(i/gateway/event-template-css-images/carousel-bullets.gif) left -16px no-repeat; float:left; margin-right:10px; cursor:pointer;}
/* 66-33 styles for main are*/
.main-content-area{ width:1000px; float:left; padding-bottom:60px; }
.main-content-area h3{ font-size:1.2em !important; }
.main-content-area h2{ font-size:1.5em !important; }
.main-content-area .left-content-area{ width: 597px;
float: left;
margin: 0px 38px 0px 0px;
padding-bottom: 40px;
padding-left: 18px;}
.main-content-area .left-content-area a{ float:left; color:#007dba; font-size:16px; line-height:22px; font-weight:bold; text-decoration:none;}
.main-content-area .left-content-area a:hover{ text-decoration:underline;}
.main-content-area a:visited{ color:#822980; text-decoration:none;}
.main-content-area .apop a:visited{ color:#822980 !important;}
.main-content-area .left-content-area h2 { width:615px; float:left; font-size:24px; line-height:30px;padding:0px; color:#000; font-weight:bold; }
.main-content-area .left-content-area span { width:615px; float:left; font-size:16px; line-height:22px; color:#000;}
.main-content-area .product_left_side_overview span { width:615px; float:left; font-size:16px; line-height:22px; color:#000;}
.main-content-area .left-content-area span ul{ width:430px; float:left; list-style:none !important; margin:15px 0px 0px 0px ; padding-left:0px; }
.main-content-area .left-content-area span ul li{ width:430px; margin-bottom:10px; padding-left:20px; background:url(i/gateway/event-template-css-images/list-bullet.gif) top left no-repeat; }
.main-content-area .left-content-area span a{ color:#007dba; font-size:16px; line-height:22px; margin:0px; text-decoration:none; font-weight:normal}
.main-content-area .left-content-area .event-image{ width:615px; float:left; margin-bottom:30px; margin-left:18px; }
.main-content-area .left-content-area .container615{ width:615px; float:left; margin:0px 0px 30px 18px; padding-bottom:40px;}
.main-content-area .left-content-area .container615 .half{ width:287px; float:left; margin-right:20px;}
.main-content-area .left-content-area .container615 .half .h2{ width:287px; float:left; font-size:24px; line-height:30px; margin:0px 0px 25px 0px; padding:0px; color:#000; font-weight:bold;}
.main-content-area .left-content-area .container615 .half h3{ width:287px; float:left; font-size:20px; line-height:22px; margin:0px 0px 20px 0px; padding:0px; color:#000; font-weight:bold;}
.main-content-area .left-content-area .container615 .half p{ width:287px; float:left; font-size:16px; line-height:18px; margin:0px 0px 20px 0px;}
.main-content-area .left-content-area .container615 .half p a{ color:#007dba; font-size:14px; line-height:18px; text-decoration:none; font-weight:normal; float:none; margin:0px}
.main-content-area .left-content-area .container615 .half .keynotes-box{ width:287px; float:left; margin-bottom:20px;}
.main-content-area .left-content-area .container615 .half .keynotes-box .keynote-image{ width:100px; height:53px; float:left; margin-right:22px; background:#ccc; }
.main-content-area .left-content-area .container615 .half .keynotes-box .keynote-description{ width:165px; float:left; color:#5a5a5a; font-size:14px; line-height:18px; }
.main-content-area .left-content-area .container615 .half .keynotes-box .keynote-description strong{ width:165px; float:left; color:#000; font-weight:bold;}
.main-content-area .left-content-area .container615 .half .video-container{ width:287px; float:left; height:164px; background:#ccc; margin-bottom:20px;}
.main-content-area .left-content-area .container615 .half .video-title{ width:287px; float:left; color:#000; font-size:14px; line-height:18px; font-weight:bold; margin-bottom:4px;}
.main-content-area .left-content-area .container615 .half .video-title a{ width:287px; float:left; color:#007dba; font-size:14px; font-weight:normal; line-height:18px; margin:0px 0px 4px 0px;}
.main-content-area .left-content-area .container615 .half .video-description{width:287px; float:left; color:#5a5a5a; font-size:14px; line-height:18px; }
.main-content-area .left-content-area .container615 .half .video-description a{ margin-left:0px; font-weight:normal; margin-top:0px; font-size:14px; line-height:18px;}
.main-content-area .left-content-area .container615 .half .attendees{ width:287px; float:left; margin-bottom:40px;}
.main-content-area .left-content-area .container615 .half .attendees .left-image{ width:60px; float:left; margin-right:20px;}
.main-content-area .left-content-area .container615 .half .attendees .attendee-description{ width:207px; float:right; }
.main-content-area .left-content-area .container615 .half .attendees .attendee-description .quote{width:207px; float:left; color:#000; font-size:14px; line-height:18px; margin-bottom:25px;}
.main-content-area .left-content-area .container615 .half .attendees .attendee-description .title{width:207px; float:left; color:#5a5a5a; font-size:14px; line-height:18px;}
.main-content-area .left-content-area .two-column-box{ width:277px; float:left; margin:0px 42px 25px 18px;}
.main-content-area .left-content-area .two-column-box h3{ width:277px; float:left; font-size:20px; font-weight:bold; line-height:22px; margin:0px 0px 10px 0px; }
.main-content-area .left-content-area .two-column-box .text{ width:277px; float:left; font-size:16px; line-height:22px; }
.main-content-area .left-content-area .two-column-box .text a{ margin:0px; font-weight:normal;}
.main-content-area .right-content-area{ width:324px; float:right;}
.main-content-area .right-content-area h4{width:308px;float:left; font-size:18px; line-height:22px; font-weight:bold; margin:0px 0px 15px 0px;border-top:1px solid #000;}
.main-content-area .right-content-area h2{width:308px;float:left; font-size:24px;line-height:30px;margin:0px 0px 10px 0px;color:#000;border-top:1px solid #000;font-weight:bold;}
.main-content-area .right-content-area .subh2{ width:308px; float:left; font-size:14px; line-height:22px; color:#000;}
.main-content-area .right-content-area a.secondary-button{width:auto; padding:0px 15px; height:36px; background:#0096d6; border-top-right-radius:5px; border-bottom-left-radius:5px; float:left; clear:left; color:#FFF; line-height:36px; font-size:16px; font-weight:bold; text-decoration:none; float:left; margin-bottom:29px; }
.main-content-area .right-content-area a:hover.secondary-button{width:auto; padding:0px 15px; height:36px; background:#0084bd; border-top-right-radius:5px; border-bottom-left-radius:5px; float:left; clear:left; color:#FFF; line-height:36px; font-size:16px; font-weight:bold; text-decoration:none; margin-bottom:29px; }
.main-content-area .right-content-area .link-list-container{ width:308px; float:left; margin-bottom:25px;}
.main-content-area .right-content-area .link-list-container a{ width:308px; float:left; color:#007dba; text-decoration:none; font-size:14px; line-height:18px; margin-bottom:7px; }
.main-content-area .right-content-area .link-list-container a:hover{ width:308px; float:left; color:#007dba; text-decoration:underline; font-size:14px; line-height:18px; margin-bottom:7px; }
.main-content-area .right-content-area .plain-text{width:308px; float:left; font-size:14px; line-height:18px; color::#000; border-bottom:1px solid #333;padding-bottom:30px; }
.main-content-area .right-content-area .plain-text p{ width:308px; float:left; margin:0px 0px 7px 0px; padding:0px;}
.main-content-area .right-content-area .plain-text p a{ font-size:14px; line-height:18px; color:#007dba;}
.main-content-area .right-content-area .double-box{ width:308px; float:left; margin-bottom:25px;}
.main-content-area .right-content-area .double-box .left-image{ width:61px; height:42px; float:left; margin-right:20px; background:#ccc;}
.main-content-area .right-content-area .double-box .right-content{ width:226px; float:right;}
.main-content-area .right-content-area .double-box .right-content a.title{ width:226px; float:left; font-size:14px; line-height:18px; color:#007dba; margin-bottom:3px; }
.main-content-area .right-content-area .double-box .right-content .description{ width:226px; float:left; font-size:14px; line-height:18px; color:#5a5a5a;}
/* custom css */
#tabs-area{ width:100%; float:left; padding-right:18px; padding-bottom:20px; padding-left:0px;border-bottom:1px solid #CCC;margin-bottom: 20px;}
.product_left_side_overview h2{ width:100%; float:left; margin:0px 0px 20px 0px; font-size:32px; line-height:32px; color:#000; font-weight: bold; }
.product_right_side_overview h2{ width:100%; float:left; margin:0px; font-size:32px; line-height:32px; color:#000; font-weight: bold; }
#tabs-area a:hover{ text-decoration:underline;}
#tabs-menu {border-bottom: 1px solid #000000; float: left; margin-bottom: 20px; width: 100%;padding-left:18px;}
#tabs-menu a{color: #5A5A5A; text-decoration: none; font-weight: bold; font-size:14px;}
#tabs-menu a:hover{color: #5A5A5A; text-decoration: underline !important; font-weight: bold; font-size:14px;}
#tabs-menu ul {display: block; margin: 0; padding: 0; width: auto;}
#tabs-menu ul li {border-bottom: 1px solid #000000; display: block; float: left; margin: 0 0 -1px; padding: 10px 11px 5px; width: auto;}
.active-tab {background: url(i/gateway/certifications/technical/hpe-active-tab.png) no-repeat scroll right top transparent; border-bottom: 1px solid #FFFFFF !important; border-left: 1px solid #000000; color: #000000 !important;}
.active-tab a{ color: #000000 !important;}
#tabs_content {padding-left:18px;}
#tabs_content p {padding-left:0px; display: block;}
#tabs_content a:visited {color:#822980 !important;}
/* SECONDARY MENU */
#menu_2nd {width:500px;float:left;}
#menu_2nd ul {list-style-type:none;margin-top:11px;}
#menu_2nd ul li {margin: 0 8px 0 18px; padding-bottom:10px; float:left; height:18px;}
#menu_2nd ul li.active_2nd {border-bottom:4px solid #0096D5;}
#menu_2nd ul li a {font-size:16px; color:#767676;}
#menu_2nd ul li.active_2nd a {color:#000000;}
#menu_2nd ul li a:hover {color:#007DBA; text-decoration:none !important;}
#menu_2nd ul li.active_2nd a:hover {color:#000000; text-decoration:none !important;}
/* CTA BUTTON */
#cta_button {float:right; margin-bottom:8px;margin-right:15px;}
#cta_button .cta_leadin {color:#000000; font-size:15px; margin-right:12px;}
#cta_button .orange_btn_lrg {font-weight:bold !important;background: none repeat scroll 0 0 #D7410B; border-bottom-left-radius: 4px; border-top-right-radius: 4px; color: #FFFFFF; display: inline-block;
font-size: 14px; height: 22px; padding: 8px 10px 4px; text-align: center;
}
#cta_button .orange_btn_lrg:visited {color:#ffffff;}
#cta_button .orange_btn_lrg:hover {background:#C1401A; text-decoration:none;}
/* BLUE BUTTONS */
#body .blue_btn {background: none repeat scroll 0 0 #0096d6; border-bottom-left-radius: 4px; border-top-right-radius: 4px; color: #FFFFFF; display: inline-block;
font-weight:bold; font-size: 14px; height: 19px; padding: 5px 10px; text-align: center;
}
#body .blue_btn_lrg {background: none repeat scroll 0 0 #0096d6; border-bottom-left-radius: 4px; border-top-right-radius: 4px; color: #FFFFFF; display: inline-block;
font-weight:bold; font-size: 14px; padding: 10px; text-align: center;}
#body .blue_btn:visited, #body .blue_btn_lrg:visited {color:#FFFFFF;}
#body .blue_btn:hover, #body .blue_btn_lrg:hover {background:#006699; text-decoration:none;}
.hr_line {clear:both; width:100%; background-color:#cccccc; height:1px;}
.main-content-area .product_left_side {
float: left;
margin-right: 19px;
width: 463px;
margin-left: 18px;
font-size: 16px;
line-height: 22px;
color: #000;
}
.main-content-area .product_left_side_overview {
float: left;
margin-right: 19px;
width: 615px;
margin-left: 18px;
font-size: 16px;
line-height: 22px;
color: #000;
}
.main-content-area .product_left_side_overview-search {
float: left;
margin-right: 19px;
width: 980px;
margin-left: 18px;
font-size: 16px;
line-height: 22px;
color: #000;
}
.main-content-area .archived_overview {
/*float: left;*/
margin-right: 19px;
/*width: 100%;*/
margin-left: 18px;
font-size: 16px;
line-height: 22px;
color: #000;
}
.main-content-area .product_right_side {
float: left;
margin-left: 19px;
width: 463px;
font-size: 16px;
line-height: 22px;
color: #000;
}
.main-content-area .product_right_side_overview {
float: left;
margin-left: 19px;
width: 308px;
font-size: 16px;
line-height: 22px;
color: #000;
}
.video-container{ width:463px; float:left; background:#ccc; margin-bottom:20px;height:373px;}
.video-container2{ width:463px; float:left; background:#ccc; margin-bottom:20px;height:173px;}
.main-content-area ul{ width:430px; float:left; list-style:none !important; margin:0px 0px 0px 0px ; padding-left:0px; }
.main-content-area ul li{ width:430px; padding-left:20px; }
/* popups start*/
#whiteoverlay { width:100%; min-height:1200px; height: 100%; background: #fff;filter:alpha(opacity=85);-moz-opacity:0.85; opacity:0.9;display: block; position: fixed; top: 0px; left: 0px; z-index:1000; visibility: hidden;}
#popup1 { width:100%; height: auto; position:fixed; top:100px; left:0px; visibility:hidden; z-index:1000; padding-bottom: 50px;}
#popup2 { width:100%; height: auto; position:fixed; top:100px; left:0px; visibility:hidden; z-index:1000; padding-bottom: 50px;}
#popup3 { width:100%; height: auto; position:fixed; top:30px; left:0px; visibility:hidden; z-index:1000; padding-bottom: 50px;}
#popup4 { width:100%; height: auto; position:fixed; top:60px; left:0px; visibility:hidden; z-index:1000; padding-bottom: 50px;}
#popup5 { width:100%; height: auto; position:fixed; top:60px; left:0px; visibility:hidden; z-index:1000; padding-bottom: 50px;}
#popup6 { width:100%; height: 600px; position:fixed; top:60px; left:0px; visibility:hidden; z-index:1000; padding-bottom: 50px;}
#popup6 ul{ width:100%; padding-left:30px; list-style-type: disc !important;padding-top: 16px;padding-bottom: 16px;}
#popup6 ul li{ width:90%; padding-left:0px;}
.overlay-content{ font-size:14px; padding-bottom: 50px !important; width:600px; height:auto; background: none repeat scroll 0 0 #FFFFFF; border: 2px solid #CCCCCC; margin: 0 auto; padding:15px; padding-left:40px; position:relative; -moz-box-shadow: 0px 5px 15px rgba(0,0,0,.75); -webkit-box-shadow: 0px 5px 15px rgba(0,0,0,.75);}
.close-overlay{ width:26px; height:23px; background:url(i/gateway/event-template-css-images/s-21px-hpe.png) no-repeat left -450px; position:absolute; top:5px; left:620px; z-index:10000000; cursor:pointer}
.close-overlay:hover{ width:26px; height:23px; background:url(i/gateway/event-template-css-images/s-21px-hpe.png) no-repeat left -495px; position:absolute; top:5px; left:620px; z-index:10000000; cursor:pointer}
.overlay-content .blue{color: #3397c8; }
.overlay-content6{ font-size:14px; padding-bottom: 50px !important; width:600px; height:250px; background: none repeat scroll 0 0 #FFFFFF; border: 2px solid #CCCCCC; margin: 0 auto; padding:15px; padding-left:40px; position:relative; -moz-box-shadow: 0px 5px 15px rgba(0,0,0,.75); -webkit-box-shadow: 0px 5px 15px rgba(0,0,0,.75);}
.overlay-content4{ font-size:14px; padding-bottom: 20px !important; width:750px; height:auto; background: none repeat scroll 0 0 #FFFFFF; border: 2px solid #CCCCCC; margin: 0 auto; padding:15px; padding-left:40px; position:relative; -moz-box-shadow: 0px 5px 15px rgba(0,0,0,.75); -webkit-box-shadow: 0px 5px 15px rgba(0,0,0,.75);}
.close-overlay4{ width:26px; height:23px; background:url(i/gateway/event-template-css-images/s-21px-hpe.png) no-repeat left -450px; position:absolute; top:5px; left:770px; z-index:10000000; cursor:pointer}
.close-overlay4:hover{ width:26px; height:23px; background:url(i/gateway/event-template-css-images/s-21px-hpe.png) no-repeat left -495px; position:absolute; top:5px; left:770px; z-index:10000000; cursor:pointer}
.overlay-content-video{ font-size:14px; padding-bottom: 20px !important; width:870px; height:auto; background: none repeat scroll 0 0 #FFFFFF; border: 2px solid #CCCCCC; margin: 0 auto; padding:15px; padding-left:40px; position:relative; -moz-box-shadow: 0px 5px 15px rgba(0,0,0,.75); -webkit-box-shadow: 0px 5px 15px rgba(0,0,0,.75);}
.close-overlay-video{ width:26px; height:23px; background:url(i/gateway/event-template-css-images/s-21px-hpe.png) no-repeat left -450px; position:absolute; top:5px; left:890px; z-index:10000000; cursor:pointer}
.close-overlay-video:hover{ width:26px; height:23px; background:url(i/gateway/event-template-css-images/s-21px-hpe.png) no-repeat left -495px; position:absolute; top:5px; left:890px; z-index:10000000; cursor:pointer}
/* popups end*/
/* form */
.containerReg {float: left; width: 463px; margin-bottom: 15px;}
.registrationTop {color: #000000;font-size: 18px;line-height: 22px; float: left;font-weight: bold;}
.alertContainer{color: #5A5A5A;float: right;font-size: 14px;line-height: 18px;width: auto;}
.borderSpacer {border-bottom: 1px solid #CCCCCC; margin-bottom: 20px;}
.bigRadioForm{float: left; padding-top: 5px; width: 405px; margin-bottom: 10px;}
.bigRadioFormBlock{float: left; width: 405px; clear: both; margin-bottom: 5px;}
.bigLabelRadio{float: left; width: 405px; padding-top: 6px;}
.bigLabelRadio span{line-height: 14px;}
.bigAnswerRadio{float: left; width: 273px; padding-top: 6px;}
.container_req {float: left; height: 38px; line-height: 28px; width: 385px;}
.formBlock select{/*visibility: hidden;*/ position: relative; z-index: -1;}
.formBlock select option{visibility: hidden; position: relative; z-index: -2;}
#content-area .right-side ul li{border-bottom: 1px solid #262626;color: #B2B2B2;font-size: 11px;line-height: 33px;margin: 0;padding: 0;}
select.styled_dark {height: 36px !important; width: 265px !important;}
.cont_agree {float: left; display: block; width: 285px; padding-top: 2px; text-align: right;}
.cont_agree p.txt_agree {font-size: 12px !important; line-height: 16px !important; color: #767676 !important;}
.cont_agree a {font-size: 12px !important; line-height: 16px !important;}
.noMargBottom {margin-bottom: 0 !important;}
.mainForm{width: 463px;}
.mainForm_country{width: 263px;}
.formBlock{float: left; width: 463px; min-height: 36px;}
.formBlock_country{float: left; width: 200px; min-height: 36px; margin-bottom: 20px;}
.formBlock_search{float: left; width: 363px; min-height: 36px; margin-bottom: 20px;}
.formBlockLeft{/*float: left;*/ width: 463px; color: #000000; display: block !important; font-size: 14px;line-height: 18px;margin-bottom:10px;}
.formBlockRight{/*float: left;*/ width: 463px; height: 32px; background: transparent; border: 2px solid #CCCCCC;}
.formBlockRight_country{/*float: left;*/ width: 200px; height: 38px; color:#FFFFFF; font-size: 16px; }
.formBlockRight_search{float: left; width: 363px; height: 32px; background: transparent; border: 2px solid #CCCCCC;}
.formBlockRight input{ ; border: 0 none; border-collapse: collapse; background: none; line-height: 32px; height: 32px; padding: 0 10px; width: 443px; color: #000000;font-size: 16px;}
#popup4 .formBlockRight input{ ; border: 0 none; border-collapse: collapse; background: none; line-height: 32px; height: 32px; padding: 0 10px; width: 243px; color: #000000;font-size: 16px;}
#popup4 .formBlockRight{/*float: left;*/ width: 263px; height: 32px; background: transparent; border: 2px solid #CCCCCC;}
#popup5 .formBlockRight input{ ; border: 0 none; border-collapse: collapse; background: none; line-height: 32px; height: 32px; padding: 0 10px; width: 243px; color: #000000;font-size: 16px;}
#popup5 .formBlockRight{/*float: left;*/ width: 263px; height: 32px; background: transparent; border: 2px solid #CCCCCC;}
#county2{display: none;}
.marginLeft1{margin-left: 1px; width: 263px !important; border-left: none; border-top: none;}
.checkbox_dark, .radio_dark {width: 17px; height: 17px; padding: 0 5px 0 0; background: url(i/gateway/certifications/technical/checkbox.jpg) no-repeat; display: block; clear: left; float: left; margin-top:5px;}
.radio_dark {background: url(i/gateway/certifications/technical/radiobuttons.jpg) no-repeat; width: 17px; height: 17px;}
.select_dark{display: block;height: 32px;overflow: visible;position: absolute;width: 0;}
.select_dark span{position: absolute; float:left; display:inline; width: 230px; height:32px; background:url(i/gateway/certifications/technical/drop-down.jpg) no-repeat right -2px; padding:0 21px 0 7px; color: #007dba; white-space:nowrap; cursor:pointer; font-size: 16px; line-height: 32px; }
.styled_dark option{background: #FFFFFF; color:#999999; line-height: 34px;}
.select_dark1{display: block;height: 32px;overflow: visible;position: absolute;width: 0;}
.select_dark1 span{position: absolute; float:left; display:inline; width: 230px; height:38px; background:url(i/gateway/certifications/technical/drop-down-country.jpg) no-repeat; padding:0 21px 0 7px; color: #007dba; white-space:nowrap; cursor:pointer; font-size: 16px; line-height: 34px; }
.marginBottom10{margin-bottom: 10px;}
.formBlockText{font-size: 14px; line-height: 18px; margin-bottom: 10px;}
.radioForm{float: left; padding-top: 5px; width: 388px; margin-bottom: 10px;}
.radioFormBlock{float: left; width: 388px; height: 24px;}
.labelRadio{float: left; width: 388px; padding-bottom: 3px;}
.boxRadio{float: left; width: 20px;}
.answerRadio{float: left; width: 40px; padding-top: 6px;}
.checkForm{float: left; padding-top: 5px; width: 463px; margin-bottom: 15px;}
.labelCheck{float: left; width: 440px; padding-top: 5px;}
.labelCheck label{line-height: 18px;}
.boxCheck{float: left; width: 22px;}
#custom_sel{float: left; clear: both;}
.testDiv{position: absolute; margin-bottom: 15px; background: white; overflow-x: hidden; z-index: 10000; display: none; overflow-y: auto; border: 2px solid #CCCCCC; border-top: 1px solid #FFFFFF; height: 150px; width: 400px; float: left; background: white; display: none;}
.ul-list{border-top: none !important; position: relative; width: 100% !important;}
.ul-list li{border-bottom: 1px solid #CCCCCC !important; color: #000000!important; background: #ffffff; padding-left: 10px !important; font-size: 16px !important; line-height: 33px !important;}
.ul-list li:hover{background: #007DBA; color: #FFFFFF !important; cursor: default;}
.formBlockRight:hover{border: 2px solid #5a5a5a;}
.BlockActive {border-color:#5a5a5a !important; color:#000000 !important; font-size:16px; }
.orangeText{color: #F05332;font-size: 18px;display:inline-block;zoom: 1; /*IE7*/ *display: inline; /*IE7*/ }
.cont_Btn {float: right;}
.marL10 {margin-left:10px !important;}
.cont_agree {float: left; display: block; width: 244px; padding-top: 2px; text-align: left; *width: 231px;}
.borderSpacer {border-bottom: 1px solid #CCCCCC; margin-bottom: 20px !important;}
/*form error css*/
.invalidField {display:none; font-size:14px; line-height:18px; color:#ff0000; background: #f7d7d7; padding:20px 20px 5px 20px; margin:5px 0 20px 0;}
.invalidField label{padding-bottom:15px; display:block;}
.txtblack {
color:#000000 !important;
}
.BlockRed {border:2px solid #FF0000;}
.BlockRed:hover {border:2px solid #FF0000 !important;}
.customform input.error{
background: #ffffff;
border: 2px solid #ff0000;
color: #ff0000;
}
/* Textareas */
.customform textarea{
, arial;
color: #767676;
background: #ffffff;
border: 2px solid #cccccc;
padding-left: 10px; /* other paddings are not correctly displayed with the scrollbar in FF */
margin: 0px;
line-height: 22px;
font-size: 16px;
resize: none;
min-width: 450px;
height: 137px;
overflow-y: scroll;
}
.customform textarea:hover,
.customform textarea:active,
.customform textarea:focus{
background: #ffffff;
border: 2px solid #3E4041;
color: #000000;
outline: none;
}
.customform textarea.textarea-error{
background: #ffffff;
color: #ff0000;
border: 2px solid #ff0000;
}
.textarea-label-error{
background: #ffffff;
color: #ff0000;
}
.customform textarea.textarea-error:hover,
.customform textarea.textarea-error:active,
.customform textarea.textarea-error:focus{
color: #000000;
}
.customform textarea.disabled{
color: #b3b3b3;
background: #e5e5e5;
border: 2px solid #cccccc;
}
/*#andere {height: 0; overflow: hidden; min-height: 0;}*/
.floatR {
float:right !important;
}
.h64 {
height:64px !important;
overflow:hidden;
}
.h350 {
height:350px;
}
/*margin, padding, clearer*/
.nopaddT {padding-top: 0 !important;}
.paddT5 {padding-top: 5px !important;}
.paddT10 {padding-top: 10px !important;}
.paddT15 {padding-top: 15px !important;}
.paddT20 {padding-top: 20px !important;}
.paddT25 {padding-top: 25px !important;}
.paddT30 {padding-top: 30px !important;}
.paddT35 {padding-top: 35px !important;}
.nopaddB {padding-bottom: 0 !important;}
.paddB5 {padding-bottom: 5px !important;}
.paddB10 {padding-bottom: 10px !important;}
.paddB15 {padding-bottom: 15px !important;}
.paddB20 {padding-bottom: 20px !important;}
.paddB25 {padding-bottom: 25px !important;}
.paddB30 {padding-bottom: 30px !important;}
.paddB35 {padding-bottom: 35px !important;}
.nomargT {margin-top: 0 !important;}
.margT5 {margin-top: 5px !important;}
.margT10 {margin-top: 10px !important;}
.margT15 {margin-top: 15px !important;}
.margT20 {margin-top: 20px !important;}
.margT25 {margin-top: 25px !important;}
.margT30 {margin-top: 30px !important;}
.margT35 {margin-top: 35px !important;}
.nomargB {margin-bottom: 0 !important;}
.margB5 {margin-bottom: 5px !important;}
.margB10 {margin-bottom: 10px !important;}
.margB15 {margin-bottom: 15px !important;}
.margB20 {margin-bottom: 20px !important;}
.margB25 {margin-bottom: 25px !important;}
.margB30 {margin-bottom: 30px !important;}
.margB35 {margin-bottom: 35px !important;}
.margL10 {margin-left: 10px !important;}
.margL15 {margin-left: 15px !important;}
.margL20 {margin-left: 20px !important;}
.noMargnoPadd {margin: 0 !important; padding: 0 !important;}
.noLineBreak {white-space: nowrap;}
.clearer {clear: both; display: block; height: 1px; margin-bottom: -1px; font-size: 1px; line-height: 1px;}
/*margin, padding, clearer*/
/*borders*/
.darkB_bottom {border-bottom: 1px solid #000000; margin: 0 0 15px 0 !important; padding: 0 0 25px 0 !important;}
/*borders*/
/* START CUSTOM CSS*/
.txtblack {
color:#000000 !important;
}
/* insert your styles here*/
/* END CUSTOM CSS*/
.thank {
color: #000000;
float: left;
,arial;
font-size: 24px;
line-height: 30px;
font-weight: bold;
margin-bottom: 25px;
width: 600px;
}
select.styled_dark, select.styled_light {
z-index: -1 !important;
}
.logos {width:470px;}
.logo {float:left; padding-right:20px; }
td {border-bottom: 1px #ccc solid;}
.first {width:20%;padding-top:10px;padding-bottom:10px;}
.archive-form{
clear: both;
padding-bottom: 10px;
overflow-y: auto;
}
.archive-form .formBlockRight{
width:360px;
float:left;
}
.archive-form .search-box-archive{
width:340px;
}
.archive-form .archive-form-submit-cont{
float:left;
width:40px;
padding-left:15px;
}
#tabs_content a.secondary-button,
#tabs_content a.secondary-button:hover,
#tabs_content a.secondary-button:visited{
color:#fff !important;
}
.result-box{
clear: both;
dispaly: none;
}
.result-box span{
padding: 10px 0px;
}
.result-box ul#error-messages{
color: red;
margin: 0px;
padding: 10px 0px;
list-style-type: disc !important;
list-style-position: inside;
}
.result-box ul#error-messages li{
margin: 0px 0px 0px 20px;
padding: 0px;
}
/* Expand & Collapse */
.displayNone, .display-none{ display:none; }
.title_expand{
background:url(i/gateway/event-template-css-images/s-21px-hpe.png) no-repeat 15px -1658px;
padding:20px;
border-top:1px solid #CCCCCC;
font:15px;
width:600px;
cursor:pointer;
height:20px;
float:left;
}
.title_expand .spanfixed{
font-weight:bold !important;
}
.title_expand:hover{
background:url(i/gateway/event-template-css-images/s-21px-hpe.png) no-repeat 15px -1928px #F2F2F2;
}
.title_expand.minus{
background:url(i/gateway/event-template-css-images/s-21px-hpe.png) no-repeat 15px -1793px;
}
.title_expand.minus:hover{
background:url(i/gateway/event-template-css-images/s-21px-hpe.png) no-repeat 15px -2063px;
}
.double{
height:40px;
}
.triple {height: 65px;}
.channel-fr{
border-right: 3px solid rgb(0, 150, 214);
}
.spanfixed-text{
padding-left:26px;
margin-bottom:40px;
width:100% !important;
}
/* Expand & Collapse */
.buttons_expcol{
float:left;
width:615px;
height:20px;
margin:0px 0px 15px 15px;
}
.buttons_expcol .button{
display:block !important;
background:url(i/gateway/event-template-css-images/s-21px-hpe.png) no-repeat 0px -1680px;
width:19px !important;
height:19px !important;
float:right !important;
padding:0px !important;
margin-left:10px !important;
}
.buttons_expcol .button:hover{
background:url(i/gateway/event-template-css-images/s-21px-hpe.png) no-repeat 0px -1950px;
}
.buttons_expcol .button.minus{
background:url(i/gateway/event-template-css-images/s-21px-hpe.png) no-repeat 0px -1815px !important;
}
.buttons_expcol .button.minus:hover{
background:url(i/gateway/event-template-css-images/s-21px-hpe.png) no-repeat 0px -2085px !important;
}
.lines{
height:40px;
}
/* Expand & Collapse */
.rtf_table{border:2px solid #ccc; font-size:15px; border-spacing:0px; border-collapse: collapse;}
.rtf_table th,.rtf_table td{ border: 1px solid #ccc; }
.rtf_table th{padding:9px 20px; text-align: left; color:#000; font-weight:bold; background-color:#f2f2f2}
.rtf_table td{padding:9px 20px !important; vertical-align:middle; text-align: left; }
.rtf_table a:link{color:#007dba; }
.rtf_table a:focus, .rtf_table a:hover{text-decoration:underline; }
.rtf_table a.button:link{color:#fff; }
.rtf_table a.button:hover{text-decoration:none; }
td.cnt{ text-align:center}
.rtf_table td{padding:15px 20px !important; vertical-align: top; color:#5a5a5a; }
.rtf_table.top-aligned td, .rtf_table td.top-aligned, .rtf_table.bottom-aligned td.top-aligned{ vertical-align: top; }
.rtf_table.bottom-aligned td, .rtf_table td.bottom-aligned, .rtf_table.top-aligned td.bottom-aligned{ vertical-align: bottom; }
.rtf_table.top-aligned td.middle-aligned, .rtf_table.bottom-aligned td.middle-aligned{ vertical-align: middle; }
.opt_head td{color:#000 !important; font-weight:bold; background-color:#ccc; border-right:1px solid #fff; vertical-align:bottom;}
.main_header .last, .opt_head .last{border-right:1px solid #ccc}
.main_header th{color:#fff; background-color:#767676; border-right:1px solid #fff; vertical-align:bottom;}
.main_header1 th{color:#fff; background-color:#767676; border-right:1px solid #fff; vertical-align:top;}
.opt_subhead td{border-right:1px solid #ccc; border-top:1px solid #ccc; color:#000; font-weight:bold; background-color:#f2f2f2; vertical-align:bottom}
.rtf_table .bold {font-weight:bold;color:#000;}
.rtf_table .orange{color:#ff0000; font-size:14px; }
.rtf_table .button_hpe, .rtf_block .rtf_table a.button_hpe{color:#ffffff !important;}
.rtf_table .button_hpe:visited, .rtf_block .rtf_table a.button_hpe:visited{color:#ffffff !important;}
.rtf_table .button_hpe:focus, .rtf_block .rtf_table a.button_hpe:focus{color:#ffffff !important;}
/*contact us button*/
.contact-us-container{ float:left; height:36px;padding-right:80px;padding-bottom:10px; }
.contact-us-container .contact-us-button { width:214px; float:left; height:36px; background:#D7410B; border-top-right-radius:5px; border-bottom-left-radius:5px; cursor:pointer;}
.contact-us-container .contact-us-button:hover { background:#C1401A;}
.contact-us-container .contact-us-button .background{ width:21px; float:right; height:36px; background:url(i/gateway/event-template-css-images/s-21px-hpe.png) right -1600px no-repeat; margin-right:7px; padding-left:10px;border-left:1px solid #FFF;}
.contact-us-container .contact-us-button .text{ height:36px; float:left; color:#fff; font-size:16px; line-height:36px; font-weight:bold; padding:0px 35px 0px 12px; }
.contact-us-container #contact-us-dropdown{ width:212px; height:205px; position:relative; top:-2px; left:0px; z-index:100000; border:1px solid #5a5a5a; border-top:0px; background:#fff; clear:both; display:none;}
.contact-us-container #contact-us-dropdown .dropdown-container { width:212px; height:82px; margin:0px; padding:0px; position:absolute; top:0px; left:0px;}
.contact-us-container #contact-us-dropdown .dropdown-container .dropdown-link-list{width:199px; float:left; clear:both;border-top:1px solid #CCCCCC; color:#000; padding:0px 0px 0px 13px; font-size:16px; line-height:40px; cursor:pointer;}
.contact-us-container #contact-us-dropdown .dropdown-container .dropdown-link-list:hover{background:#D7410B;color:#ffffff;}
.contact-us-container #contact-us-dropdown .dropdown-container .dropdown-link-list a {color:#000 !important;}
.contact-us-container #contact-us-dropdown .dropdown-container .dropdown-link-list a:hover {text-decoration:none !important;color:#ffffff !important;}
/* news page */
.span_news {width: 108px !important;padding-top: 6px !important;color: #007dba !important;font-weight: bold !important;font-size: 18px !important;}
.txt_spacing_box_small {padding: 0px 0px 20px 10px;}
.image_box_small {float: left;padding-right: 18px;}
.height_120 {height: 120px;}
.height_160 {height: 160px;}
.txt_spacing_box_small h3 {font-size: 18px !important;font-weight:bold;margin-bottom:2px;}
.txt_spacing_box_small p {font-size: 14px !important;line-height: 18px;margin-top: 20px;padding-top:5px;}
.txt_spacing_box_small a {font-size: 14px !important;}
#articles ul{ width:100%; padding-left:30px; list-style-type: disc !important;padding-top: 16px;padding-bottom: 16px;}
#articles ul li{ width:90%; padding-left:0px;}