/* CSS Document */ /* mvl@wanabe.eu - MAY 2011 */ /* ************************ */ /* --- 1. RESET /* --- 2. FONTS /* --- 3. GENERIC TAG STYLE /* --- 4. TITLES /* --- 5. BUTTONS /* --- 6. STRUCTURE /* --- 7. NAVIGATION /* --- 8. LOGINBOX /* --- 9. MY CONGRESS PLANNER /* --- 10. CONTENT /* --- 11. NAV SUB /* --- 12. FOOTER /* --- 13. FORM /* --- 14. TABLE /* --- 15. ECCO16 / MINISITE /* --- 16. RESTRICTED AREA /* ------------------------------------------- 1. RESET ---------------------------------------------- */ 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, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body {/*line-height: 1;*/} ol, ul {list-style: none;} #content ol,#content ul {list-style: none;} blockquote, q {quotes: none;} blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;} /* remember to define focus styles! */ :focus {outline: 0;} /* remember to highlight inserts somehow! */ ins {text-decoration: none;} del {text-decoration: line-through;} /* tables still need 'cellspacing="0"' in the markup */ table {border-collapse: collapse;border-spacing: 0;} /* end css reset here */ :focus {outline:none;} button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner { border: none; } /* Getting the new tags to behave */ article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; } mark, rp, rt, ruby, summary, time{ display: inline } /* ------------------------------------------ 2. FONTS ------------------------------------------------- */ @font-face { font-family: 'AllerBold'; src: url('../fonts/aller_bd-webfont.eot'); src: url('../fonts/aller_bd-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/aller_bd-webfont.woff') format('woff'), url('../fonts/aller_bd-webfont.ttf') format('truetype'), url('../fonts/aller_bd-webfont.svg#AllerBold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'AllerItalic'; src: url('../fonts/aller_it-webfont.eot'); src: url('../fonts/aller_it-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/aller_it-webfont.woff') format('woff'), url('../fonts/aller_it-webfont.ttf') format('truetype'), url('../fonts/aller_it-webfont.svg#AllerItalic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'AllerRegular'; src: url('../fonts/aller_rg-webfont.eot'); src: url('../fonts/aller_rg-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/aller_rg-webfont.woff') format('woff'), url('../fonts/aller_rg-webfont.ttf') format('truetype'), url('../fonts/aller_rg-webfont.svg#AllerRegular') format('svg'); font-weight: normal; font-style: normal; } /* ------------------------------------------ 3. GENERIC TAG STYLE ------------------------------------------------- */ .home_left article h3{margin-bottom:10px;} .home_left article a{ color: #00a4da;} .home_left article a.btn_small2 { color: #fff;} *+html a { zoom: 1; } *+html li p { zoom: 1; } a {text-decoration:none; color:#3A3A3B} a:hover {text-decoration:underline} a.more{ font-weight: bold; color:#00a4da;} a:hover .title {text-decoration:underline; color:#00a4da;} .title a:hover {text-decoration:underline; color:#00a4da;} .title a {color:#00a4da;} input.placeholderActive{color:#ddd;} article p{ margin-bottom: 10px;} .left{ float: left; } .right{ float: right; } .clr{clear:both;} .no_margin {margin:0 !important;} .home_left .no_margin {padding:0 !important;} .no_padding {padding:0 !important;} .no_border {border:none} .border {border: 4px solid #d8d8d8; margin-bottom:10px;margin-right:10px;} .white{color:#FFF} .blue{color:#00a4da} .padding15 {padding: 15px !important;} .padding20 {padding: 20px !important;} .padding17 {padding: 17px !important;} .paddingbox{padding-right: 12px !important; padding-left:5px !important;padding-top:22px !important ;padding-bottom:20px !important } .padding_r30 {padding-right: 30px !important;} .margin10 {margin: 10px;} .margin20 {margin: 20px;} .margin_r10 {margin-right:10px} .margin_r15 {margin-right:15px} .margin_t20 {margin-top:20px} .margin_t30 {margin-top:30px} .margin_b0 {margin-bottom:0px} .border_top {border-top:2px solid #FFF} .border_bottom {border-bottom:10px solid transparent} .inside{ padding: 20px; } .contact a { color:#fff} .last_modified{ /*position:absolute;*/ bottom:70px; width:90px; color: #969696;} .bg_blue{ background: #00a4da;} .bg_yellow{ background: #ffc80b;} .bg_green{ background: #62ba68} .separator_line{clear: both; height: 1px; width: 100%; border-bottom:2px solid #FFF; margin:10px 0 10px 0px} #contentdetails_0_mainarea_1_scrolling { overflow:auto; padding:2px; width:595px; overflow-y:hidden; height:100px; border:2px solid white; background-color:#DDDDDD; } #thumbnails table{ width:590px; } #thumbnails img { width:100px; height:75px; margin-left:2px; margin-top:2px; margin-right:2px; border: 1px solid black; cursor: hand; } /* ------------------------------------------- 4. TITLES ---------------------------------------------- */ h1 {font-size:39px; font-family:'AllerBold', Arial, Helvetica, sans-serif; font-weight: normal;} h2 {font-size:30px; font-family:'AllerBold', Arial, Helvetica, sans-serif; font-weight: normal;} h3 {font-size:20px; font-family:'AllerBold', Arial, Helvetica, sans-serif; font-weight: normal;} h4 {font-size:12px; font-family:'AllerBold', Arial, Helvetica, sans-serif; font-weight: normal;} h5 {font-size:15px; font-family:'AllerRegular', Arial, Helvetica, sans-serif; font-weight: normal;} h6 {font-size:12px; font-family:'AllerBold', Arial, Helvetica, sans-serif; font-weight: normal;} h1.scfTitleBorder{ padding-top:5px; padding-left:20px; padding-right:-40px; margin-right: 20px; color:#fff; font-family: Arial, Helvetica, sans-serif; height: 25px; line-height:25px;font-size:14px; font-weight:bold; color: #ffff; background:#00a4da; border-bottom:1px solid #0184bb; text-indent:5px; } /* ------------------------------------------- 5. BUTTONS ---------------------------------------------- */ /* Grey button */ input[type=submit].btn_big1 {background:url(../img/ml/btn_big1_bg.png) no-repeat top right; font-family:'AllerBold', Arial, Helvetica, sans-serif; font-size:16px; color:#FFF !important; text-transform:uppercase; padding:0 40px 0 10px; line-height:25px; height:25px; display:inline-block;border:none; } input[type=submit].btn_big1:hover {background:url(../img/ml/btn_big1_bg.png) no-repeat bottom right; text-decoration:none;border:1px solid #fff} a.btn_big1 {background:url(../img/ml/btn_big1_bg.png) no-repeat top right; font-family:'AllerBold', Arial, Helvetica, sans-serif; font-size:16px; color:#FFF !important; text-transform:uppercase; padding:0 40px 0 10px; line-height:25px; height:25px; display:inline-block; } a.btn_big1:hover {background:url(../img/ml/btn_big1_bg.png) no-repeat bottom right; text-decoration:none} a.btn_small1 {background:url(../img/ml/btn_small_bg.png) no-repeat bottom right; font-family:'AllerRegular', Arial, Helvetica, sans-serif; font-size:12px; color:#FFF; padding:0 40px 0 10px; line-height:20px; height:20px; display:inline-block} a.btn_small1:hover {background:url(../img/ml/btn_small_bg.png) no-repeat top right; text-decoration:none} /* Blue button */ a.btn_big2 {background:url(../img/ml/btn_big1_bg.png) no-repeat bottom right; font-family:'AllerBold', Arial, Helvetica, sans-serif; font-size:16px; color:#FFF; text-transform:uppercase; padding:0 40px 0 10px; line-height:25px; height:25px; display:inline-block } a.btn_big2:hover {background:url(../img/ml/btn_big1_bg.png) no-repeat top right; text-decoration:none} a.btn_extrabig {background:url(../img/ml/btn_extrabig_bg.png) no-repeat bottom right; font-family:'AllerBold', Arial, Helvetica, sans-serif; font-size:16px; color:#FFF; text-transform:uppercase; padding:0 40px 0 10px; line-height:25px; height:25px; display:inline-block } a.btn_extrabig:hover {background:url(../img/ml/btn_extrabig_bg.png) no-repeat top right; text-decoration:none} a.btn_small2 { float: right; margin:10px 40px 0 0; background:url(../img/ml/btn_small_bg.png) no-repeat top right; font-family:'AllerRegular', Arial, Helvetica, sans-serif; font-size:12px; color:#FFF; padding:0 40px 0 10px; line-height:20px; height:20px; display:inline-block; margin-right: 2px; color:White;} a.btn_small2:hover {background:url(../img/ml/btn_small_bg.png) no-repeat bottom right; text-decoration:none} a.btn_small_back {background:url(../img/ml/btn_small_bg_back.png) no-repeat top left; font-family:'AllerRegular', Arial, Helvetica, sans-serif; font-size:12px; color:#FFF; padding:0 10px 0 30px; line-height:20px; height:20px; display:inline-block; } a.btn_small_back:hover {background:url(../img/ml/btn_small_bg_back.png) no-repeat bottom left; text-decoration:none} a.btn_small_back_webcast {background:url(../img/ml/btn_small_bg_back.png) no-repeat top left; font-family:'AllerRegular', Arial, Helvetica, sans-serif; font-size:12px; color:#FFF; padding:0 10px 0 30px; line-height:20px; height:20px; display:inline-block;margin:40px 0px 40px 40px; } a.btn_small_back_webcast:hover {background:url(../img/ml/btn_small_bg_back.png) no-repeat bottom left; text-decoration:none} /* ------------------------------------------ 6. STRUCTURE ------------------------------------------- */ body {font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#3A3A3B; } #container{ position: relative; z-index: 2} #content {width:900px; min-height:600px; background:#f5f5f5; margin:0 auto 80px auto; z-index: 3} header {height:60px; width:100%; display:block; background:#FFF; position: relative; z-index: 3} header #baseline {position:absolute; top:20px; left:82px; z-index: 1} header h3 {color:#00a4da; width:384px; float:left; margin:5px 5px 0 70px; height:50px; overflow:hidden; vertical-align:middle;} header img.left {margin:8px 8px 0 0} #ecco16_home header, #ecco16 header, #ecco17 header , #ecco18 header, #ecco18_test header , #ecco2017_home header {background:#f5f5f5;} #ecco18_test #congress{ background:#f5f5f5; height:58px; border-bottom:2px solid #FFF; } #ecco18 #congress{ background:#f5f5f5; height:58px; border-bottom:2px solid #FFF; } #ecco17 #congress{ background:#f5f5f5; height:58px; border-bottom:2px solid #FFF; } #ecco16 #congress{ background:#f5f5f5; height:58px; border-bottom:2px solid #FFF; } #ecco2017_home #congress{ background:#f5f5f5; } #ecco18_home #congress{ background:#f5f5f5; } #ecco17_home #congress{ background:#f5f5f5; } #ecco16_home #congress{ background:#f5f5f5; } #ecco16 header {height:58px; border-bottom:2px solid #FFF} #ecco17 header {height:58px; border-bottom:2px solid #FFF} #ecco18 header {height:58px; border-bottom:2px solid #FFF} #ecco2017 header {height:58px; border-bottom:2px solid #FFF} #ecco18_test header {height:58px; border-bottom:2px solid #FFF} .home_left .divabstract h3 {color:#00a4da} .home_left article h3 {color:#00a4da} .home_left {float:left;width:458px;border-right:2px solid #FFF;padding-bottom:10px;} .home_left article {padding:20px;width:415px;} #content_main, #content_detail {width:640px; float:left; position:relative;} #content_detail_narrow{width:458px; float:left; position:relative;} #content_center{width:180px; float:left; border-left: 2px solid #fff;} #content_sub {width:258px; float:right; border-left:2px solid #FFF; min-height:540px; overflow: hidden; } #content_sub article.details_2columns ul li{background: url(../img/ml/square.gif) no-repeat left 6px; padding-left: 10px; margin-top: 8px;} #content_sub article.details_2columns ol li{list-style-type: decimal; margin:8px 0 0 20px; } #content_sub .divabstract ul li{background: url(../img/ml/square.gif) no-repeat left 6px; padding-left: 10px; margin-top: 8px;} #content_sub .divabstract ol li{list-style-type: decimal; margin:8px 0 0 20px; } article .divabstract ul li{background: url(../img/ml/square.gif) no-repeat left 6px; padding-left: 10px; margin-top: 8px;} article .divabstract ol li{list-style-type: decimal; margin:8px 0 0 20px; } article .divabstract a{color:#00a4da} /*#content_sub article {padding-bottom:20px;} */ #content_sub article h3{color:#00a4da} #content_detail_narrow article h3{color:#00a4da} #content_sub .divabstractborder {border-bottom:2px solid #FFF;} #content_sub .divabstract {margin-bottom:0px;} #content_sub article {margin:20px} #content_sub article a {color:#00a4da} #content_sub article a.btn_small2 {color:#FFF} #branding {position:absolute; top:20px; left:-60px;} /* FOR PAGE BACKGROUND IMG CONTAINER --> IMG FOR PAGE BACKGROUND ARE SET IN "function.js" */ .bgstretcher-area { text-align: left; } .bgstretcher, .bgstretcher UL, .bgstretcher UL LI { position: absolute; top: 0; left: 0;} .bgstretcher UL, .bgstretcher UL LI {margin: 0; padding: 0; list-style: none;} .bgstretcher {background: black; overflow: hidden; width: 100%; position: fixed; z-index: 1; _position: absolute; /*IE6 doesn't support fixed positioning*/ top: 0; left: 0;} .pagination{width:270px; margin:20px auto; text-align:center;} /* ------------------------------------------ 7. NAVIGATION ------------------------------------------- */ #nav_main {height:60px; width:100%; background:#f5f5f5; display:block; margin-bottom:40px; position:relative;z-index:101; } #nav_main > div { width:900px; margin:0 auto; position: relative;} #nav_main ul {margin-left:70px; font-family:'AllerRegular', Arial, Helvetica, sans-serif; font-size:12px; text-transform:uppercase; border-left:1px solid #FFF;} #nav_main ul li {display:table; float:left; height:60px;} #nav_main ul li a {color:#3a3a3b; width:92px; /*height:60px;*/ border-right:1px solid #FFF; text-align:center; display:table-cell; vertical-align:middle;} *+html #nav_main ul > li a {display:block; height:45px; padding-top:15px; } /* IE 7 only */ #nav_main ul li a:hover {color:#FFF; text-decoration:none} #nav_main ul li.rub1 a{width:82px;} #nav_main ul li a:hover, #nav_main ul li a.active, #nav_main ul li ul li a.active, #nav_main ul li a.highlight {background:#00a4da; color: #fff} *+html #nav_main ul li.rub1 ul.nav_main-level2{margin-left:70px;} *+html #nav_main ul li ul.nav_main-level2{margin-left:-0px;}/*ie7 only*/ #nav_main ul li ul.nav_main-level2{text-transform:none; background:#f5f5f5; border:0; border:1px solid #888; border-left:0; border-top:3px solid #00a4da; position:absolute; top:60px; /*-moz-box-shadow: 1px 1px 1px #888; -webkit-box-shadow: 1px 1px 1px #888; box-shadow: 1px 1px 1px #888;*/ display: none;} #nav_main ul li ul.nav_main-level2 li{display:block; float:left; border-right: 1px solid #f0f0ef; position:relative; height: 30px;} #nav_main ul li ul.nav_main-level2 li a{width: auto; line-height:30px; height: 30px; padding: 0px 8px;} #nav_main ul li ul.nav_main-level3{margin-left:0px;text-transform:none; background:#f5f5f5; border:0; position:absolute; top:30px; left:0; /*-moz-box-shadow: 1px 1px 1px #888; -webkit-box-shadow: 1px 1px 1px #888; box-shadow: 1px 1px 1px #888;*/ border:1px solid #888; border-top:0; min-width:150px; display: none; z-index:101;} #nav_main ul li ul.nav_main-level3 li{clear: both; display:table; border:0; border-bottom: 1px solid #e4e4e1; position:relative; /* /height: 30px;*/} #nav_main ul li ul.nav_main-level3 li a{ border:0; text-align:left; display:table-cell; width:250px; vertical-align:middle; line-height:normal; padding: 5px 8px; /* /line-height:30px; /height: 30px; */} /* IE 7 only */ *+html #nav_main ul li ul.nav_main-level3{padding:0;font-size:0px;} *+html #nav_main ul li ul.nav_main-level3 li{font-size:12px;clear: both; display:block; border:0; border-bottom: 1px solid #e4e4e1; position:relative; height: 100%;} *+html #nav_main ul li ul.nav_main-level3 li a{font-size:12px; border:0; text-align:left; display:block; width:135px; line-height:normal; padding: 5px 8px; height: 100%;} .from-leftnew{left:1px;} .from_left{left:1px;} .from-left{left:73px;} .from-center{left:272px;} .from-center2{left:340px;} .from-job{right:30px;} .from-right{right:1px;} .from_right{right:1px;} #nav_main ul li ul.nav_main-level2.relative{left:auto; } /* ------------------------------------------ 8. LOGINBOX ------------------------------------------- */ #btn_login {font-family:'AllerRegular', Arial, Helvetica, sans-serif; font-size:12px; text-transform:uppercase; cursor:pointer; background: url(../img/ml/i_login.png) no-repeat right -2px; padding:0 22px 0 0; height:17px; line-height:17px; } #loginbox {background:#fff url(../img/ml/loginbox_bg.png) repeat-x top; width:300px; height:300px; position:absolute; z-index:100; right:0; top:50px; border-left: 1px solid #fff; border-bottom: 1px solid #fff; display:none} *+html #loginbox{z-index: 9999999} /* IE 7 only */ body#home #loginbox, body#ecco16_home #loginbox{border:0;} #loginbox .arrow {position:absolute; top:-14px; left:240px} #loginbox .close {cursor:pointer; position:absolute; top:10px; right:-27px} #loginbox .error_box{ margin:10px;margin-left:0px; background: #3a3a3c url(../img/ml/error_msg_bg_small.gif) no-repeat 5px 5px; width:250px; min-height: 30px; } #loginbox .error_box p{ color: #fff; padding-left:35px; line-height: 30px } #loginbox .logged_content{ margin: 15px; color: #fff} #loginbox .logged_content ul { margin-top: 10px;} #loginbox .logged_content ul li{ background: url(../img/ml/li_arrow_white.png) no-repeat left 7px; padding-left:10px; margin:3px 0 0 0} #loginbox .logged_content ul li a{color: #fff} #loginbox .logged_content h4{ font-size: 18px;} #loginbox {margin:10px 0 0 10px; font-family:'AllerBold', Arial, Helvetica, sans-serif; font-size:12px; color:#FFF ;padding-left:10px; } #loginbox label {margin:10px 0 2px 0; text-transform:uppercase; display:block} #loginbox label span {font-family:Arial, Helvetica, sans-serif;} #loginbox input {line-height: 30px; vertical-align: middle;margin-bottom:10px; width:245px; height:30px; border:none; float:left; padding-left: 5px;} #loginbox input:active, #loginbox input:focus {box-shadow:0px 0px 5px white; -moz-box-shadow:0px 0px 5px white; -webkit-box-shadow:0px 0px 5px white;} #loginbox input[type=submit] {background:url(../img/ml/btn_big1_bg.png) no-repeat top right; font-family:'AllerBold', Arial, Helvetica, sans-serif; font-size:16px; color:#FFF; text-transform:uppercase; padding:0 40px 0 10px; line-height:25px; height:25px; border:none; cursor:pointer; position:absolute; right:20px; width:auto} *+html #loginbox input[type=submit] {width:140px} /* IE 7 only */ #loginbox input[type=submit]:active, #loginbox input[type=submit]:focus {box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none;} #loginbox input[type=submit]:hover {background:url(../img/ml/btn_big1_bg.png) no-repeat bottom right; } #loginbox p.mandatory {font-size:11px; font-family:Arial, Helvetica, sans-serif; position:absolute; left:10px; bottom:80px} #loginbox a.btn_big2 {} #loginbox a.password {color:#fff; font-size:14px;font-weight:bold; font-family:Arial, Helvetica, sans-serif;position:absolute; bottom:35px} #loginbox a.createaccount {color:#fff;font-weight:bold; font-size:14px; font-family:Arial, Helvetica, sans-serif;position:absolute; bottom:15px} /* VALIDATION */ .validMsg, .errorMsg, .validSelect {display:none; margin:4px 5px; padding:0px; width:20px; height:20px; float:left;} .selectValidState .validMsg, .selectRequiredState .errorMsg, .textfieldValidState .validMsg, .textfieldRequiredState .errorMsg, .textfieldRequiredMsg .errorMsg, .textfieldInvalidFormatState .errorMsg, .textfieldInvalidFormatMsg .errorMsg, .textfieldMinValueState .textfieldMinValueMsg .errorMsg, .textfieldMaxValueState .textfieldMaxValueMsg .errorMsg, .textfieldMinCharsState .errorMsg, .textfieldMinCharsMsg .errorMsg, .textfieldMaxCharsState .errorMsg, .textfieldMaxCharsMsg .errorMsg, .passwordValidState .validMsg, .passwordRequiredState .errorMsg, .passwordRequiredMsg .errorMsg, .passwordInvalidFormatState .errorMsg, .passwordInvalidFormatMsg .errorMsg, .passwordMinValueState .passwordMinValueMsg .errorMsg, .passwordMaxValueState .passwordMaxValueMsg .errorMsg, .passwordMinCharsState .errorMsg, .passwordMinCharsMsg .errorMsg, .passwordMaxCharsState .errorMsg, .passwordMaxCharsMsg .errorMsg {display:inline;} /* ------------------------------------------ 9. MY CONGRESS PLANNER ------------------------------------------- */ #btn_planner {font-family:'AllerRegular', Arial, Helvetica, sans-serif; font-size:12px; text-transform:uppercase; cursor:pointer; height:17px; line-height:17px; margin-left:15px } #btn_planner span {background:#00a4da; color:#FFF; padding:1px 2px} #plannerbox {background:#00a4da; width:280px; min-height:280px; position:absolute; z-index:100; right:0; top:60px; border-left: 1px solid #fff; border-bottom: 1px solid #fff; display:none; padding:10px; font-size:12px; -khtml-user-select: none; -o-user-select: none; user-select: none; -moz-user-select: -moz-none; -webkit-user-select: none;} body#home #plannerbox, body#ecco16_home #plannerbox{border:0;} #plannerbox .arrow {position:absolute; top:-14px; left:185px} #plannerbox .close {cursor:pointer; position:absolute; top:10px; right:-27px} #plannerbox h5.trigger {padding: 5px 15px 5px 15px; margin: 0 0 1px 0; background: #FFF url(../img/ml/i_plus.png) no-repeat 255px 5px; width: 250px; cursor:pointer} #plannerbox h5.active {padding: 5px 15px 5px 15px; margin: 0 0 1px 0; background: #FFF url(../img/ml/i_minus.png) no-repeat 255px 5px; width: 250px; cursor:pointer} /* url(../img/ml/i_minus.png) no-repeat 255px 5px --When toggle is triggered, it will shift the image to the bottom to show its "opened" state--*/ #plannerbox h5.trigger a, #plannerbox h5.active a {color: #3a3a3b; text-decoration: none; display: block;} #plannerbox .toggle_container {background:#bfe8f6; margin:15px 0 15px 0; width: 280px; position:relative} #plannerbox .toggle_container .toggle_close {position:absolute; right:8px; top:-37px; /*display:none;*/ z-index:20;} #plannerbox .jcarousel-skin-tango .jcarousel-clip {overflow: hidden;} #plannerbox .jcarousel-skin-tango .jcarousel-container-vertical {width: 280px; max-height: 390px; /*padding: 0;*/} #plannerbox .jcarousel-skin-tango .jcarousel-clip-vertical {width: 280px; max-height: 390px;} #plannerbox .jcarousel-skin-tango .jcarousel-item {width: 100%; height: 38px; border-bottom:1px solid #00a4da;} #plannerbox .jcarousel-skin-tango .jcarousel-next-vertical {position: absolute; bottom: -10px; left: 130px; width: 13px; height: 7px; cursor: pointer; background: url(../img/ml/arrow_bottom_white.png) no-repeat center center;} #plannerbox .jcarousel-skin-tango .jcarousel-next-disabled-vertical, #plannerbox .jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover, #plannerbox .jcarousel-skin-tango .jcarousel-next-disabled-vertical:focus, #plannerbox .jcarousel-skin-tango .jcarousel-next-disabled-vertical:active {cursor: default; background-position: 0 -96px;} #plannerbox .jcarousel-skin-tango .jcarousel-prev-vertical {position: absolute; top: -10px; left: 130px; width: 13px; height: 7px; cursor: pointer; background: url(../img/ml/arrow_top_white.png) no-repeat center center;} #plannerbox .jcarousel-skin-tango .jcarousel-prev-disabled-vertical, #plannerbox .jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover, #plannerbox .jcarousel-skin-tango .jcarousel-prev-disabled-vertical:focus, #plannerbox .jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {cursor: default; background-position: 0 -96px;} /* Congress Agenda */ #plannerbox #mycarousel_plannerbox1 .left {width:68px} #plannerbox #mycarousel_plannerbox1 .left .date {background:#30b5e1; font-family:'AllerBold', Arial, Helvetica, sans-serif; font-size:12px; color:#FFF; text-align:center; line-height:19px} #plannerbox #mycarousel_plannerbox1 .left .time {background:#FFF; font-family:'AllerRegular', Arial, Helvetica, sans-serif; font-size:10px; color:#00a4da; text-align:center; line-height:19px} #plannerbox #mycarousel_plannerbox1 .infos {width:175px; height:30px; overflow:hidden; float:left; margin:5px 0 0 10px} #plannerbox #mycarousel_plannerbox1 .infos h6 a {color:#30b5e1} #plannerbox #mycarousel_plannerbox1 .delete {float:right; margin:10px 5px 0 0; cursor:pointer} /* Abstracts */ #plannerbox #mycarousel_plannerbox2 a.infos {width:200px; height:30px; overflow:hidden; float:left; margin:5px 0 0 10px; color:#3a3a3b; display:block} #plannerbox #mycarousel_plannerbox2 .delete {float:right; margin:10px 5px 0 0; cursor:pointer} /* Exhibitors */ #plannerbox #mycarousel_plannerbox3 .infos {width:200px; height:30px; overflow:hidden; float:left; margin:5px 0 0 10px} #plannerbox #mycarousel_plannerbox3 .infos h6 a{color:#30b5e1} #plannerbox #mycarousel_plannerbox3 .delete {float:right; margin:10px 5px 0 0; cursor:pointer} /* ------------------------------------------ 10. CONTENT ------------------------------------------- */ /* ------------------------------------------ TOP SLIDESHOW 1/3 2/3 ------------------------------------------- */ #top_slideshow {background:#00a4da; width:100%; position:relative; z-index:2; border-bottom:2px solid #FFF } /*Load CSS before JavaScript*/ #top_slideshow .slides_container {width:900px; display:none;} #top_slideshow .slides_container div {width:900px; height:300px; display:block; } #top_slideshow .slides_container div img {float:right} #top_slideshow .slides_container div .left {width:300px; position:relative} #top_slideshow .slides_container div .left .btn_big1 {position:absolute; right:25px; bottom:15px} #top_slideshow .slides_container div h1 {margin:40px 5px 15px 25px; color:#FFF} #top_slideshow .slides_container div p {margin:0 10px 0 25px; font-family:'AllerItalic', Arial, Helvetica, sans-serif; font-size:18px; line-height:25px; height:100px; overflow:hidden} /* Pagination */ #top_slideshow .pagination {list-style:none; margin:0; padding:0 0 0 0; width:115px; position:absolute; bottom:20px; right:50px; z-index:7; background:#FFF} #top_slideshow .pagination a {color:#FFF; margin:3px 3px 3px 0} #top_slideshow .pagination a:hover {text-decoration:none} #top_slideshow .pagination .current a {background:#00a4da} #top_slideshow .pagination li {float:left;} #top_slideshow .pagination li a {display:block; width:20px; height:20px; line-height:20px; text-align:center; background:#9b9b9b} #top_slideshow .prev {position:absolute; bottom:20px; right:165px; z-index:7; background: #FFF url(../img/ml/arrow_prev.gif) no-repeat center center; width:26px; height:26px; } #top_slideshow .next {position:absolute; bottom:20px; right:31px; z-index:7; background: #FFF url(../img/ml/arrow_next.gif) no-repeat center center; width:26px; height:26px; } /* ------------------------------------------ FOLLOW US ------------------------------------------- */ #follow {padding:20px;padding-top:10px;padding-bottom:10px; border-bottom:2px solid #FFF} #follow h3 {float:left; margin-right:10px} #follow a img {float:left; margin-right:10px} #follow a img:hover {opacity:0.25; filter:alpha(opacity=25); -moz-opacity:0.25; -webkit-transition:opacity 0.2s ease-in-out; -moz-transition:opacity 0.2s ease-in-out; -o-transition:opacity 0.2s ease-in-out; transition:opacity 0.2s ease-in-out;} /* ------------------------------------------ FEATURED ARTICLES ---------------------------------------- */ #features {padding:20px; border-bottom:2px solid #FFF} #features h3 {line-height:20px; margin-bottom:10px} #features img {border: 4px solid #d8d8d8; margin-bottom:10px} /*#content_sub .divabstract img {border: 4px solid #d8d8d8; margin-bottom:10px;margin-right:10px;}*/ #content_sub .divabstract img.no_border {border: 0;} #features a {font-weight:bold; color:#00a4da} #features ul {margin-top:10px} #features.tight{padding:20px 13px;} /* ------------------------------------------ RELATED CONTENT ------------------------------------------- */ #related_content {padding:20px; border-bottom:2px solid #FFF} #related_content h3 {line-height:20px; margin-bottom:10px} #related_content a {} #related_content ul {margin-top:10px} #related_content ul li{background: url(../img/ml/square.gif) no-repeat 10px 6px; padding-left: 26px; margin-top: 8px;} #related_content ul li.pdf{background: url(../img/ml/i_pdf.png) no-repeat left 0px;} /* --------------------------------------- EVENTS CALENDAR (home) ------------------------------------ */ #events_calendar { -khtml-user-select: none; -o-user-select: none; user-select: none; -moz-user-select: -moz-none; -webkit-user-select: none;} #events_calendar h3 {color:#00a4da; margin-bottom:5px; float:left; width:185px } #events_calendar .i_rss {float:right} #events_calendar .i_rss:hover {opacity:0.25; filter:alpha(opacity=25); -moz-opacity:0.25; -webkit-transition:opacity 0.2s ease-in-out; -moz-transition:opacity 0.2s ease-in-out; -o-transition:opacity 0.2s ease-in-out; transition:opacity 0.2s ease-in-out;} #events_calendar #mycarousel_calendar a {color: #3a3a3b; text-decoration:none;} #events_calendar #mycarousel_calendar p {width:80%; float:left; text-align:right; margin-top:-5px} #content_sub #events_calendar #mycarousel_calendar p {width:70%; float:left; text-align:right; margin-top:-5px} #events_calendar #mycarousel_calendar p span {font-size:11px; color:#00a4da;} #events_calendar #mycarousel_calendar img {float:right} #events_calendar .jcarousel-skin-tango .jcarousel-clip {overflow: hidden;} #events_calendar .jcarousel-skin-tango .jcarousel-container-vertical {width: 100%; height: 239px; padding: 15px 0 15px 0;} /*heigth for events control mycarousel_calendar*/ #events_calendar .jcarousel-skin-tango .jcarousel-clip-vertical {width: 100%; height: 232px;} #events_calendar .jcarousel-skin-tango .jcarousel-item {width: 100%; height: 57px; border-bottom:1px solid #dcdcdc; padding:10px 0 10px 0;} #events_calendar .jcarousel-skin-tango .jcarousel-next-vertical {position: absolute; bottom: 0px; left: 48%; width: 20px; height: 15px; cursor: pointer; background: url(../img/ml/ECCO-arrow-02down.png) no-repeat center center;} #events_calendar .jcarousel-skin-tango .jcarousel-next-disabled-vertical, #events_calendar .jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover, #events_calendar .jcarousel-skin-tango .jcarousel-next-disabled-vertical:focus, #events_calendar .jcarousel-skin-tango .jcarousel-next-disabled-vertical:active {cursor: default; background-position: 0 -96px;} #events_calendar .jcarousel-skin-tango .jcarousel-prev-vertical {position: absolute; top: 0; left: 48%; width: 20px; height: 15px; cursor: pointer; background: url(../img/ml/ECCO-arrow-02up.png) no-repeat center center;} #events_calendar .jcarousel-skin-tango .jcarousel-prev-disabled-vertical, #events_calendar .jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover, #events_calendar .jcarousel-skin-tango .jcarousel-prev-disabled-vertical:focus, #events_calendar .jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {cursor: default; background-position: 0 -96px;} /* specific for details page */ #events_calendar.detail #mycarousel_calendar p {width:215px; float:left; text-align:left; margin-top:-5px} /* --------------------------------------------- WEBCAST ------------------------------------------ */ #webcast{position:relative;} *+html #webcast{ padding-bottom:20px; width:257px;} #webcast h3{color:#00a4da; line-height:20px; padding:20px 0 20px 20px;} #webcast h3 span{font-size:20px; color:#3a3a3b; display:block; margin-top:5px;} #webcast .latest{position:relative; } #webcast .webcast_btn{background:#00a4da url(../img/ml/webcast_lock.png) no-repeat 10px 15px; color:#fff; font-family:AllerBold,arial; font-size:18px; padding:20px 0 15px 40px; width:200px;position:absolute; bottom:10px; left:10px; -moz-opacity:.90; filter:alpha(opacity=90); opacity:.90; } #webcast .webcast_list{margin-left:20px;} #webcast .webcast_list li{display:inline;} #webcast .webcast_list li img{border:3px solid #d8d8d8;} #webcast ul.byspeciality{margin-left:20px;} #webcast ul.byspeciality li{padding: 0 0 8px 0px; margin-top: 8px; border-bottom:1px solid #dcdcdc} #webcast ul.byspeciality li.last {border-bottom:none} #webcast .pagination img{vertical-align:middle;} #webcast .pagination span{margin:0 10px; vertical-align:middle;} /* -------------------------------------------- NEWS --------------------------------------------- */ #news {float:left; padding:20px; position:relative;} #news h3 {color:#00a4da; float:left;} #news h2 {color:#00a4da; float:left; margin-top:-5px;} *+html #news ul {margin-top:-20px;} /* IE 7 only */ #news ul.clr li {border-bottom:1px solid #dcdcdc; display:block; width:415px; height:40px; padding-top:10px; background:none; margin-top:0; padding-left:0;background-image:none; } #news .left {font-size:12px} #news .left a.cat {background:#878787; padding:3px; color:#FFF; display:inline-block; margin-bottom:2px; cursor:pointer} #news .left a.cat:hover {text-decoration:none} #news .left span.date {background:#878787; padding:3px; color:#FFF; display:inline-block} #news .right {width:295px; float:right; height:34px; overflow:hidden; line-height:16px} #news .right a {color:#3A3A3B} #news form {float:right;} #news select {font-size:10px; color:#9b9b9b; padding:3px 0 0 0; height:24px; /* cfr other style in dropdown.css */} #news .btn_small2 {float:right;} *+html #news .btn_small2 {margin-top:0} /* IE 7 only */ #news .i_rss {position:absolute; right:10px; margin:1px 10px 0 0} #news .i_rss:hover {opacity:0.25; filter:alpha(opacity=25); -moz-opacity:0.25; -webkit-transition:opacity 0.2s ease-in-out; -moz-transition:opacity 0.2s ease-in-out; -o-transition:opacity 0.2s ease-in-out; transition:opacity 0.2s ease-in-out;} #news .ui-multiselect{right:-50px;} /* specific for homepage*/ #news.home{ width:415px;} #news.home form {float:right; margin:8px 0 0 0;} #news.home .btn_small2 {margin:10px 0 0 0;} /* specific for other page*/ #news.detail{ width:437px;} #content_detail_narrow #news.detail{ width:415px;} #news.detail form {float:right; margin:0 22px 0 0;} #news.detail form select {font-size:10px; color:#9b9b9b; padding:3px 0 0 0; height:24px; /* cfr other style in dropdown.css */} #news.detail .btn_small2 {float:right; margin-top:10px; } #news.detail a.btn_small2 {color:#FFF} #news.detail .i_rss {position:absolute; right:60px; margin:1px 10px 0 0} *+html #news.detail .btn_small2 {margin-top:0;} /* IE 7 only */ /* ------------------------------------------ BREADCRUMB ------------------------------------------- */ .breadcrumb{padding:20px;text-transform:uppercase;font-size:11px;padding-bottom:5px;line-height:15px;padding-left:22px;padding-right:24px;}} .breadcrumb ul{padding-left:2px; font-size:11px; text-transform:uppercase; } .breadcrumb ul li{float: left; padding: 0 5px 0 0; color:#00a4da;word-wrap:break-word;} .breadcrumb ul li a, .breadcrumb ul li span{color:#434343} .breadcrumb .nav_end{color:#00a4da} /* ------------------------------------ CONTENT DETAIL (2 columns layout) -------------------------- */ #content_detail article ul li{background: url(../img/ml/square.gif) no-repeat left 6px; padding-left: 10px; margin-top: 8px;} #content_detail article ol li{list-style-type: decimal; margin:8px 0 0 20px;} #content_detail article ol{padding-left: 0px;} #content_detail article ol li ul li{list-style-type: none;} #content_detail h2{border-bottom:2px solid #FFF; padding-left:20px; margin: 0; padding-bottom:8px;padding-top:5px;padding-right:10px;} #content_detail h2 span {font-size:14px; color:#00a4da; font-family:'AllerBold', Arial, Helvetica, sans-serif; } #content_detail ul.social_features{padding:10px 12px;margin-top:10px;padding-bottom:20px;} #content_detail ul.social_features li{ height:25px; float: left; padding: 0px 8px 5px 8px;} #content_detail ul.social_features li.pdf {background: 0;} #content_detail ul.social_features li a{display:block; margin-top:2px;} #content_detail ul.social_features li.print {background: 0; margin-top:-4px;} #content_detail article{ padding: 10px 20px 20px 20px;} #content_detail article.details_2columns .left {width:100%} #content_detail article.details_2columns img {margin-right:20px;} #content_detail article.details_2columns h3 {margin-bottom:10px;} /* #content_detail article.details_2columns {border-bottom:2px solid #fff}*/ #content_detail article a.btn_small2 {color:#FFF} #content_detail article a.btn_big1 {color:#FFF} #content_detail article a.btn_extrabig{color:#FFF} #content_detail article h3{color:#00a4da} #content_detail article a {color:#00a4da} #content_detail article ul.clr{ width: 460px; float: left; margin-bottom: 10px;} #content_detail article ul.clr li{ background: url(../img/ml/square.gif) no-repeat left 6px; padding-left: 10px; margin-top: 8px; } #content_detail article p{ margin: 10px 20px 10px 0;} #content_detail article p img{ float: left; border: 4px solid #d8d8d8; margin:0px 10px 10px 0;} #content_detail article p img.no_border {border:none} #content_detail article p img.border {border: 4px solid #d8d8d8;} #content_detail span[role=contentinfo]{ float: right; /*margin:10px 0px 10px 0;*/ font-size:11px; font-style:italic; color: #969696} #content_detail .btn_small_back {margin:0 0 10px 22px;} #content_detail .nav_main-level4{ position:relative; top:0; float: right; width: 120px; padding:10px 15px; background:#00a4da; color: #fff; margin-left:10px;margin-right:0px;margin-top:5px} #content_detail div .nav_main-level4{margin-right:-20px} #content_detail .nav_main-level4 h3{ font-size:17px; color:#fff; margin-bottom: 5px;} #content_detail .nav_main-level4 ul {margin: 0; padding-right: 10px; width: 110px;} #content_detail .nav_main-level4 ul li{background: url(../img/ml/li_arrow_white.png) no-repeat left 7px; margin:3px 0 0 0; padding-left: 10px;} #content_detail .nav_main-level4 ul li a{ color: #fff} /* ------------------------------- SEARCH RESULTS (general + ecco tv + minisite) ---------------------- */ .search_results section{background:#e8e8e8; padding:5px; margin:10px 0;} .search_results section p{margin:10px 0;} .searchline li { border-top: 1px solid #fff;} .search_results li { padding: 10px 3px 0 3px;} .search_results .details_2columns li { padding: 0px;} .ui-multiselect-checkboxes li { margin-top: 0px; padding: 0px 3px 0 3px;} *+html .search_results section form{ width: 590px; position: relative; z-index:10000;} /*IE7 ONLY*/ /* rewrite an existant rules to make it more specific */ #content_detail.search_results article{ padding:20px;} #content_detail.search_results article h3{ color: #333} .search_results input[type=text]{width: 210px; height:20px; border:1px solid #dddddd; outline: none; padding: 2px 0 2px 5px; vertical-align:top; font-size:95%; } .search_results #lblKeyword{margin-left: 5px;} .search_results input[type=text]:focus {outline: none;} .search_results .btn_search {background:url(../img/ml/btn_search_bg.png) no-repeat top right; font-family:'AllerBold', Arial, Helvetica, sans-serif; font-size:16px; color:#FFF; text-transform:uppercase; padding:0 20px 0 5px; overflow: visible; /*ie7 fix*/ line-height:26px; height:26px; display:inline-block; float:right; cursor:pointer; border: 0 none } .search_results .btn_search:hover {background:url(../img/ml/btn_search_bg.png) no-repeat bottom right; text-decoration:none} *+html .search_results form .btn_search { position: absolute; top: 0; right:0 } /*IE7 ONLY*/ .search_results ul.searchline > li{ border-top: 1px solid #fff;} .search_results ul.results{padding: 0; margin: 0} .search_results ul.results > li{ margin-top: 12px; padding: 10px 3px 0 3px;} .search_results ul.results .breadcrumb{ padding: 0; margin: 10px 0 10px 0} .search_results ul.results p{ padding: 0; margin: 10px 0 10px 0; font-weight: bold;} .search_results ul.results p span.highlight{ background:#ffc80b; padding: 0 3px;} .search_results ul.results .title{font-family:'AllerRegular', Arial, Helvetica, sans-serif; font-size:22px; color: #00a4da} .search_results ul.results .type, .search_results ul.results .section{display: block; font-style: italic; font-weight: bold;} /*ecco tv search filter bar*/ /*.search_results .search { float:left; background:#FFF; width:147px; height:26px; margin-right: 5px;} .search_results .search #f_search_textfield { padding: 4px 0 0 5px; width:104px; height:20px; background:#FFF; border:none; float:left} .search_results .search #f_search_submit { float:right; padding:0px; background:url(../img/ml/btn_input_search.jpg) no-repeat top left; width:35px; height:26px; border:0; cursor: pointer;}*/ /* ecco tv result --> cfr ECCO TV PRESIDENT part for other style*/ .search_results section#page_videos{padding:0px;} .search_results section#page_videos .page_videos_type{margin:0 0 0 10px; float:left;} .search_results section#page_videos .page_videos_type span{margin:0 10px 0 0; color: #fff; font-size: 11px; padding: 2px;} /* #content_detail.search_results section#page_videos li{ border-top: 1px solid #fff} #content_detail.search_results section#page_videos li p{display:block; margin:5px 0 5px 10px; float:left; font-weight:bold; width:400px;}*/ /* Searchable programme date carousel filter */ #datefilter .jcarousel-skin-tango .jcarousel-clip {overflow: hidden;} #datefilter .jcarousel-skin-tango .jcarousel-container-horizontal {width: 672px; padding: 0px 0px; } #datefilter .jcarousel-skin-tango .jcarousel-clip-horizontal {width: 672px; height: 40px; line-height:40px; /*border-left:1px solid #fff;*/ border-right:2px solid #fff;} #datefilter .jcarousel-item-horizontal {border-left:2px solid #fff;} #datefilter .jcarousel-next-horizontal {position: absolute; top: 14px; right:-15px; width: 8px; height: 12px; cursor: pointer; background: url(../img/ml/arrow_next1.png) no-repeat center center;} #datefilter .jcarousel-next-disabled-horizontal, #datefilter .jcarousel-next-disabled-horizontal:hover, #datefilter .jcarousel-next-disabled-horizontal:focus, #datefilter .jcarousel-next-disabled-horizontal:active {cursor: default; background-position: -13px 0;} #datefilter .jcarousel-prev-horizontal {position: absolute; top:14px; left:-13px; width: 8px; height: 12px; cursor: pointer; background: url(../img/ml/arrow_prev1.png) no-repeat center center;} #datefilter .jcarousel-prev-disabled-horizontal, #datefilter .jcarousel-prev-disabled-horizontal:hover, #datefilter .jcarousel-prev-disabled-horizontal:focus, #datefilter .jcarousel-prev-disabled-horizontal:active {cursor: default; background-position: 0 -13px;} #datefilter ul li{ width: 110px; text-align: center; margin: 0; padding: 0; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; font-size:12px; font-weight: normal} #datefilter ul li a{ display: block; height:40px; text-decoration: none;font-weight: bold} #datefilter ul li a:hover, #datefilter ul li a.active{ background:#00a4da; color: #fff;font-weight: normal} #news.detail ul.clr li {border-bottom:1px solid #dcdcdc; display:block; width:415px; height:40px; padding-top:10px; background:none; margin-top:0; padding-left:0;background-image:none; } /* ------------------------------ CONTENT DETAIL NARROW (3 columns layout) -------------------------- */ #content_detail_narrow article ul li{background: url(../img/ml/square.gif) no-repeat left 6px; padding-left: 10px; margin-top: 8px;} #content_detail_narrow article ol li{list-style-type: decimal; margin:8px 0 0 20px; } #content_detail_narrow h2{padding-left:20px; margin: 0} #content_detail_narrow article{border-bottom:2px solid #FFF; clear:both; padding: 10px 0 20px 20px; position:relative;} #content_detail_narrow article.nobottomborder{border-bottom:0;} #content_detail_narrow article a img {margin-right:20px;} #content_detail_narrow article img {margin-right:20px;} #content_detail_narrow article a {color:#00a4da} #content_detail_narrow .divabstract {padding-right:20px;} .divabstract ul {margin-bottom:10px;} .divabstract h3 {margin-bottom:10px;} #content_detail_narrow .divabstract p{margin-right:0px;} #content_detail_narrow article a.btn_small2 {color:#FFF} #content_detail_narrow article a.btn_big1 {color:#FFF} #content_detail_narrow article a.btn_extrabig {color:#FFF} #content_detail_narrow article h3{color:#00a4da} #content_detail_narrow article .btn_small2 {float:right; margin-top:10px} #content_detail_narrow article p{ margin: 10px 20px 10px 0;} #content_detail_narrow article p img{ float: left; border: 4px solid #d8d8d8; margin:0 10px 10px 0;} #content_detail_narrow article p img.no_border {border:none} #content_detail_narrow article p img.border {border: 4px solid #d8d8d8;} #content_detail_narrow #news h2{margin-top:-5px;padding-left:0px;} #content_detail_narrow #news .i_rss { right:-15px} #content_detail_narrow .i_rss {float:right; margin:0px 10px 10px 0} #content_detail_narrow .i_rss:hover {opacity:0.25; filter:alpha(opacity=25); -moz-opacity:0.25; -webkit-transition:opacity 0.2s ease-in-out; -moz-transition:opacity 0.2s ease-in-out; -o-transition:opacity 0.2s ease-in-out; transition:opacity 0.2s ease-in-out;} #content_detail_narrow span[role=contentinfo]{ float: right; margin:10px 10px 10px 0; font-size:11px; font-style:italic; color: #969696} /* --------------------------------- CONTENT CENTER (3 columns layout) ----------------------------- */ #content_center .nav_main-level4{ position:relative; top:0; right:0; float: right; width: 150px; padding:10px 15px; background:#00a4da; color: #fff;margin-bottom:10px;margin-top:0px;} #content_center .nav_main-level4 h3{ font-size:17px; color:#fff; margin-bottom: 5px;} #content_center .nav_main-level4 ul {margin: 0; padding-right: 10px; width: 150px;} #content_center .nav_main-level4 ul li{background: url(../img/ml/li_arrow_white.png) no-repeat left 7px; padding-left:10px; margin:3px 0 0 0} .nav_main-level4 ul li a{ color: #fff} #content_center article h3{color:#00a4da;margin-bottom:10px;} #content_center article{border-bottom:2px solid #FFF; clear:both; padding: 10px 15px 20px 20px; position:relative;} #content_center article ul li{background: url(../img/ml/square.gif) no-repeat left 6px; padding-left: 10px; margin-top: 8px;} #content_center article a {color:#00a4da} #content_center article a.btn_small2 {color:#FFF} #content_center article a.btn_big1 {color:#FFF} #content_center article a.btn_extrabig {color:#FFF} #content_center article ol li{list-style-type: decimal; margin:8px 0 0 20px;} /* ---------------------------------------- CONTENT GENERIC LIST ----------------------------------- */ article#generic_list_columns {background:#e8e8e8; margin:10px 20px 10px 20px; padding:10px 15px 5px 15px; position:relative} article#generic_list_columns ul.clr {border-top:3px solid #FFF; margin:10px 0 0 -15px; width:600px;} article#generic_list_columns ul.clr li {width:120px; float:left; background: none; margin:10px 7px 10px 9px;} article#generic_list_columns ul.clr li img {margin-bottom:10px} article#generic_list_columns ul.clr li i {font-size:11px} article#generic_list_columns ul.clr li a {color:#3A3A3B} article#generic_list_columns ul.clr li a:hover{color:#00a4da; cursor:pointer; text-decoration:none;} article#generic_list_columns ul.clr li a:hover img{-moz-box-shadow: 0 0 0 3px #00a4da; -webkit-box-shadow: 0 0 0 3px #00a4da; box-shadow: 0 0 0 3px #00a4da;} article#generic_list_columns ul.clr .separator{clear: both; height: 1px; width: 100%; border-bottom:1px solid #FFF; margin:10px 0 0 0px} article#generic_list {background:#e8e8e8; margin:10px 20px 10px 20px; padding:10px 15px 0 15px; position:relative} article#generic_list ul.clr {border-top:3px solid #FFF; margin:10px 0 0 -15px; width:600px; font-weight:bold} article#generic_list ul.clr li {background: none; margin:10px 0 10px 0; padding:0 0 10px 18px; border-bottom:1px solid #FFF;} article#generic_list ul.clr li.last {border-bottom:none} article#generic_list ul.clr li img {margin-right:30px; float:left} article#generic_list ul.clr li .left {margin-top:10px; width:400px; height:85px; overflow:hidden} article#generic_list ul.clr li .date {font-style:italic; font-size:11px; color:#00a4da; } article#generic_list ul.clr li .txt_sub {font-size:11px; font-style:italic; margin-top:10px} article#generic_list ul.clr li a {color:#3A3A3B} article#generic_list ul.clr li a:hover{color:#00a4da; cursor:pointer; text-decoration:none;} article#generic_list ul.clr li a:hover img{-moz-box-shadow: 0 0 0 3px #00a4da; -webkit-box-shadow: 0 0 0 3px #00a4da; box-shadow: 0 0 0 3px #00a4da;} article#generic_list_square {background:#e8e8e8; margin:10px 20px 10px 20px; padding:10px 15px 0 15px; position:relative} article#generic_list_square ul.clr {border-top:3px solid #FFF; margin:10px 0 0 -15px; width:600px; font-weight:bold} article#generic_list_square ul.clr li {background: none; margin:10px 0 10px 0; padding:0 0 0 18px; border-bottom:1px solid #FFF;} article#generic_list_square ul.clr li.last {border-bottom:none} article#generic_list_square ul.clr li img {margin-right:30px; float:left} article#generic_list_square ul.clr li .left {width:400px; height:80px; overflow:hidden; margin-top:10px} article#generic_list_square ul.clr li .name {font-style:italic; font-size:11px; color:#00a4da; } article#generic_list_square ul.clr li a {color:#3A3A3B} article#generic_list_square ul.clr li a:hover{color:#00a4da; cursor:pointer; text-decoration:none;} article#generic_list_square ul.clr li a:hover img{-moz-box-shadow: 0 0 0 3px #00a4da; -webkit-box-shadow: 0 0 0 3px #00a4da; box-shadow: 0 0 0 3px #00a4da;} article#generic_list_conf {background:#e8e8e8; margin:30px 20px 10px 20px; padding:10px 15px 0 15px; position:relative} article#generic_list_conf ul.clr {border-top:3px solid #FFF; margin:10px 0 0 -15px; width:600px; } article#generic_list_conf ul.clr li {background: none; margin:10px 0 10px 0; padding:0 0 10px 18px; border-bottom:1px solid #FFF;} article#generic_list_conf ul.clr li.last {border-bottom:none} article#generic_list_conf ul.clr li img {margin-right:15px; float:left} article#generic_list_conf ul.clr li .left {width:445px; height:103px; overflow:hidden;} article#generic_list_conf ul.clr li .date {font-size:11px; color:#00a4da; } article#generic_list_conf ul.clr li .txt_sub {font-size:11px; font-style:italic; margin-top:10px} article#generic_list_conf ul.clr li .cat {background:#878787; padding:3px; color:#FFF; display:inline-block; margin-bottom:2px; cursor:pointer} article#generic_list_conf ul.clr li h4 {font-size:13px; font-family:Arial, Helvetica, sans-serif; font-weight:bold } article#generic_list_conf ul.clr li a {color:#3A3A3B} article#generic_list_conf ul.clr li a:hover{color:#00a4da; cursor:pointer; text-decoration:none;} article#generic_list_conf ul.clr li a:hover img{-moz-box-shadow: 0 0 0 3px #00a4da; -webkit-box-shadow: 0 0 0 3px #00a4da; box-shadow: 0 0 0 3px #00a4da;} article#generic_list_conf ul.clr li a:hover .cat {background:#00a4da;} article#generic_list_conf .i_rss {position:absolute; right:160px;top:12px; margin:0 10px 0 0} article#generic_list_conf .i_rss:hover {opacity:0.25; filter:alpha(opacity=25); -moz-opacity:0.25; -webkit-transition:opacity 0.2s ease-in-out; -moz-transition:opacity 0.2s ease-in-out; -o-transition:opacity 0.2s ease-in-out; transition:opacity 0.2s ease-in-out;} .generic_list_txt {margin:20px} /* ------------------------------------------ CONTENT NEWS ------------------------------------ */ article#news_list {background:#e8e8e8; margin:35px 20px 10px 20px; padding:10px 15px 20px 15px; position:relative} article#news_list ul.clr {border-top:3px solid #FFF; margin:10px 0 0 -15px; width:600px; } article#news_list ul.clr li {background: none; margin:10px 0 10px 0; padding:0 0 10px 18px; border-bottom:1px solid #FFF; clear:both} article#news_list ul.clr li.first .right {height:130px;} article#news_list ul.clr li.last {border-bottom:none} article#news_list ul.clr li .left {font-size:12px} article#news_list ul.clr li .left a.cat {background:#878787; padding:3px; color:#FFF; display:inline-block; margin-bottom:2px; cursor:pointer} article#news_list ul.clr li .left a.cat:hover {text-decoration:none} article#news_list ul.clr li .left span.date {background:#878787; padding:3px; color:#FFF; display:inline-block} article#news_list ul.clr li .right {width:440px; float:right; overflow:hidden; line-height:16px; margin-right:20px} article#news_list ul.clr li .right a {color:#3A3A3B} article#news_list ul.clr li h4 {font-size:13px; font-family:Arial, Helvetica, sans-serif; font-weight:bold } article#news_list .i_rss {position:absolute; right:20px;top:12px; margin:0 10px 0 0} article#news_list .i_rss:hover {opacity:0.25; filter:alpha(opacity=25); -moz-opacity:0.25; -webkit-transition:opacity 0.2s ease-in-out; -moz-transition:opacity 0.2s ease-in-out; -o-transition:opacity 0.2s ease-in-out; transition:opacity 0.2s ease-in-out;} article#news_list form {float:right;} #files_download {padding:20px; border-top:2px solid #FFF} #files_download h3 {line-height:20px; margin-bottom:20px} #files_download a {} #files_download ul {margin-top:10px} #files_download ul li{background: url(../img/ml/i_pdf.png) no-repeat left 0px; padding: 0 0 8px 26px; margin-top: 8px; border-bottom:1px solid #dcdcdc} #files_download ul li.last {border-bottom:none} #files_download .btn_small2 {float:right; margin:30px 0 20px 0} #files_download.no_border {border:none} #files_download.border {border: 4px solid #d8d8d8;} #files_download .blue{line-height:30px} #list_categories {padding:20px; border-top:2px solid #FFF} #list_categories h3 {line-height:20px; margin-bottom:20px;} #list_categories a {} #list_categories ul {margin-top:10px} #list_categories ul li{padding: 0 0 8px 0px; margin-top: 8px; border-bottom:1px solid #dcdcdc} #list_categories ul li.last {border-bottom:none} #list_categories .blue{line-height:30px} #list_categories .pagination {margin-left:-20px; width:260px} #list_categories .pagination img{vertical-align:middle;} #list_categories .pagination span{margin:0 10px; vertical-align:middle;} /* -------------------------------------------- BANNERS ------------------------------------------- */ #content_sub .banner {text-align: center;} #content_center .banner {text-align: center;} #content_detail .banner {margin-left:20px} #banners { width:180px; float:right;} #banners #banner1 {height:160px; padding:20px 20px 0 20px} #banners #banner1 h3 {margin-bottom:10px} #banners #banner1 h3 span {color:#00a4da;} #banners a img {display:block} #banners article h3{color:#00a4da} #banners article {margin:20px} #banner_bottom{border-top:2px solid #FFF; padding: 20px; height: 80px} .imu_container{ width: 258px; height: 210px; background:#00a4da; } .imu_container img{ width: 180px; height: 150px; margin:30px 39px;} /* ------------------------------------------ MEMBERS (slider) ----------------------------------- */ #members {padding:20px;padding-top:10px;padding-bottom:10px; border-top:2px solid #FFF; -khtml-user-select: none; -o-user-select: none; user-select: none; -moz-user-select: -moz-none; -webkit-user-select: none;} *+html #members {padding:10px 20px 20px 20px;} /* IE 7 only */ #members .jcarousel-skin-tango .jcarousel-clip {overflow: hidden;} #members .jcarousel-skin-tango .jcarousel-container-horizontal {width: 540px; padding: 10px 30px 0 30px;} #members .jcarousel-skin-tango .jcarousel-clip-horizontal {width: 540px; height: 98px;} #members .jcarousel-skin-tango .jcarousel-item-horizontal {margin-left: 0; margin-right: 14px;} #members .jcarousel-skin-tango .jcarousel-next-horizontal {position: absolute; top: 54px; right: 5px; width: 15px; height: 20px; cursor: pointer; background: url(../img/ml/ECCO-arrow-02right.png) no-repeat center center;} #members .jcarousel-skin-tango .jcarousel-next-disabled-horizontal, #members .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover, #members .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:focus, #members .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {cursor: default; background-position: -20px 0;} #members .jcarousel-skin-tango .jcarousel-prev-horizontal {position: absolute; top: 54px; left: 5px; width: 15px; height: 20px; cursor: pointer; background: url(../img/ml/ECCO-arrow-02left.png) no-repeat center center;} #members .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal, #members .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover, #members .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:focus, #members .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {cursor: default; background-position: 0 -20px;} #members ul li a img{ margin-right: 12px; padding: 0; } /* ------------------------------------------ ECCO TV ----------------------------------- */ #tv {padding:20px; border-top:2px solid #FFF; -khtml-user-select: none; -o-user-select: none; user-select: none; -moz-user-select: -moz-none; -webkit-user-select: none;} *+html #tv {padding:10px 20px 20px 20px;} /* IE 7 only */ #tv .jcarousel-skin-tango .jcarousel-clip {overflow: hidden;} #tv .jcarousel-skin-tango .jcarousel-container-horizontal {width: 530px; padding: 10px 20px 0 20px;} #tv .jcarousel-skin-tango .jcarousel-clip-horizontal {width: 530px; height: 158px; margin-bottom:10px;} #tv .jcarousel-skin-tango .jcarousel-item-horizontal {padding-left:0; margin-left: 0; margin-right: 35px;} #tv .jcarousel-skin-tango .jcarousel-next-horizontal {position: absolute; top: 101px; right: 5px; width: 8px; height: 12px; cursor: pointer; background: url(../img/ml/arrow_next1.png) no-repeat center center;} #tv .jcarousel-skin-tango .jcarousel-next-disabled-horizontal, #tv .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover, #tv .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:focus, #tv .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {cursor: default; background-position: -13px 0;} #tv .jcarousel-skin-tango .jcarousel-prev-horizontal {position: absolute; top: 101px; left: 5px; width: 8px; height: 12px; cursor: pointer; background: url(../img/ml/arrow_prev1.png) no-repeat center center;} #tv .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal, #tv .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover, #tv .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:focus, #tv .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {cursor: default; background-position: 0 -13px;} #tv ul li a {color:#3A3A3B} #tv ul li a img{padding: 0;border:3px solid #fff;} #tv a.btn_small2 {color:#FFF} /* --------------------------------------------- ECCO TV DETAILS --------------------------------------------- */ #content_detail #tv{margin-right:20px; border-top:none;} #content_detail #tv section{background:#e8e8e8; padding:15px; margin-bottom:2px;} #content_detail #tv li{background:none; width:153px; font-size:12px; position:relative;} #content_detail #tv li .play_btn{background:url(../img/ml/play_btn2.png) no-repeat center; width:153px; height:106px; position:absolute; bottom:0; left:0;} #content_detail #tv li span{height:29px; display:block; margin-bottom:5px; overflow:hidden;} #content_detail #tv li a:hover{color:#00a4da; cursor:pointer; text-decoration:none;} #content_detail #tv li a:hover img{border:3px solid #00a4da;} /* --------------------------------------------- ECCO TV PRESIDENT --------------------------------------------- */ #content_detail #tv_president .nav_main-level4{ position:relative; top:0; float: right; width: 150px;padding:10px 15px; background:#00a4da; color: #fff; margin-left:10px;} #content_detail #tv_president .nav_main-level4 ul {margin: 0; padding-right: 10px; width: 150px;} #content_detail #tv_president .nav_main-level4 ul li{background: url(../img/ml/li_arrow_white.png) no-repeat left 7px; margin:3px 0 0 0} #content_detail #tv_president .nav_main-level4 ul li a:hover{ color: #fff; text-decoration: underline;} #content_detail #tv_president .date {font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight:bold; font-style:italic } #content_detail section#page_videos {margin:20px 0 0 0;} #content_detail section#page_videos ul {margin:0; padding:0;} /*#content_detail section#page_videos ul li{background:#e8e8e8; padding:5px; margin-bottom:2px; width:600px; position:relative; overflow:hidden;} */ #content_detail section#page_videos ul li{background:#e8e8e8; padding:5px; margin-bottom:2px; position:relative; overflow:hidden;} #content_detail section#page_videos ul li a {color:#3A3A3B} #content_detail section#page_videos li p{display:block; margin:20px 0 5px 10px; float:left; font-weight:bold; width:400px;} #content_detail section#page_videos li .play_btn{background:url(../img/ml/play_btn2.png) no-repeat center; width:153px; height:106px; position:absolute; top:10px; left:10px;} #content_detail section#page_videos li img { float:left} #content_detail section#page_videos nav{padding:0 5px; background:#FFF; width:590px; margin:5px 0 0 0; display:block; } #content_detail section#page_videos ul.social_features {float:right; width:auto} #content_detail section#page_videos ul.social_features li{background: url(../img/ml/social_features_separator.gif) no-repeat right center; float: left; padding: 0 8px; width:auto; margin:3px 0 3px 0;} #content_detail section#page_videos ul.social_features li img {border:none} #content_detail section#page_videos ul.social_features li.last {background:none} #content_detail section#page_videos ul.social_features li a{display:block;} #content_detail section#page_videos ul.video_more {float:left; width:auto} #content_detail section#page_videos ul.video_more li{background: url(../img/ml/social_features_separator.gif) no-repeat right center; float: left; padding: 0 8px; height:25px; width:auto; margin:3px 0 3px 0; line-height:20px} #content_detail section#page_videos ul.video_more li img {border:none; margin:2px 5px 0 0} #content_detail section#page_videos ul.video_more li img.video {margin-top:5px} #content_detail section#page_videos ul.video_more li.last {background:none} #content_detail section#page_videos ul.video_more li a{display:block; margin-top:2px; color:#00a4da; font-size:11px; } #content_detail #tv_president li a:hover{color:#00a4da; cursor:pointer; text-decoration:none;} #content_detail #tv_president li a:hover img{border:3px solid #00a4da;} /* ------------------------------------------ GALLERY (slider) ------------------------------------ */ #details_gallery {padding:20px; -khtml-user-select: none; -o-user-select: none; user-select: none; -moz-user-select: -moz-none; -webkit-user-select: none;} *+html #details_gallery {padding:10px 20px 20px 20px;} /* IE 7 only */ #details_gallery h3 {color:#00a4da; margin-bottom:5px;} #details_gallery .jcarousel-skin-tango .jcarousel-clip {overflow: hidden;} #details_gallery .jcarousel-skin-tango .jcarousel-container-horizontal {width: 148px; padding: 10px 30px 0 30px;} #details_gallery .jcarousel-skin-tango .jcarousel-clip-horizontal {width: 148px; height: 138px;} #details_gallery .jcarousel-skin-tango .jcarousel-item-horizontal {margin-left: 0; margin-right: 20px;} #details_gallery .jcarousel-skin-tango .jcarousel-next-horizontal {position: absolute; top: 70px; right: 5px; width: 8px; height: 12px; cursor: pointer; background: url(../img/ml/arrow_next1.png) no-repeat center center;} #details_gallery .jcarousel-skin-tango .jcarousel-next-disabled-horizontal, #details_gallery .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover, #details_gallery .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:focus, #details_gallery .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {cursor: default; background-position: -13px 0;} #details_gallery .jcarousel-skin-tango .jcarousel-prev-horizontal {position: absolute; top: 70px; left: 5px; width: 8px; height: 12px; cursor: pointer; background: url(../img/ml/arrow_prev1.png) no-repeat center center;} #details_gallery .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal, #details_gallery .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover, #details_gallery .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:focus, #details_gallery .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {cursor: default; background-position: 0 -13px;} #details_gallery ul li a img{padding: 0; border: 4px solid #d8d8d8} #details_gallery .btn_small2{ float: right; margin:10px 40px 0 0;} /* ------------------------------------------ 11. NAV SUB ------------------------------------------- */ #nav_sub {display:block; font-size: 11px; border-top:2px solid #FFF; background:#f5f5f5; height:195px; width:100%} #nav_sub .little_box { position:relative; float:left; padding:20px 0 0 24px; width: 124px; height:175px; border-right: 2px solid #FFF;} #nav_sub .little_box .certified { position:absolute; bottom:20px; left:24px; width:120px; height:37px;} #nav_sub .little_box div.date { position:absolute; top:5px; right:0px; width:45px; font-size: 10px;} #nav_sub .big_box {float:left; padding:20px 0 0 24px; width: 274px; height:175px; border-right: 2px solid #FFF;} #nav_sub .big_box p { padding:10px 0 0 0;} #nav_sub .big_box img { margin:10px 0 0 0;} #nav_sub .big_box #google_map {display: none;} #nav_sub h3#user { padding:0 0 0 22px; background: url(../img/ml/i_user.png) no-repeat 1px;} #nav_sub h3#connect { padding:0 0 0 26px; background: url(../img/ml/i_connect.png) no-repeat 1px;} #nav_sub h3#about { padding:0 0 0 25px; background: url(../img/ml/i_about.png) no-repeat 1px;} #nav_sub h3#legal { padding:0 0 0 36px; background: url(../img/ml/i_legal.png) no-repeat 1px;} #nav_sub ul { margin:10px 0 0 0;} #nav_sub ul li { list-style:url(../img/ml/li_arrow_black.png); list-style-position:inside;} #nav_sub ul li a, #nav_sub ul li a:link, #nav_sub ul li a:active, #nav_sub ul li a:visited {color:#00a4da; text-decoration: none;} #nav_sub ul li a:hover { text-decoration: underline;} /*FOR IE7 bullet alignment*/ *+html #nav_sub ul li{list-style-image:url(../img/ml/li_arrow_black.png); position:relative;} *+html #nav_sub ul li a{position:relative; bottom:2px; left:4px;} /* ------------------------------------------ 12. FOOTER ------------------------------------------- */ footer {height:40px; width:100%; position:fixed; bottom:0; z-index:100} footer > div { background:#00a4da; width:900px; height:33px; margin:0 auto 0 auto; padding:7px 0 0 0;} footer > div div.contact { float:left; padding:8px 0 0 25px; width:120px; height:18px; border-right:1px solid #40bbe3;} footer > div div.contact h4 { text-transform:uppercase; color:#FFF; padding:0 15px 0 0; width:85px; background: url(../img/ml/i_contact.gif) no-repeat right;} footer > div div.alert { float:left; margin:0 15px 0 0; padding:6px 0 0 25px; width:410px; height:18px; border-right:1px solid #40bbe3;} footer > div div.alert h4 { text-transform:uppercase; color:#FFF; padding:2px 10px 0 0; width:45px; float:left; margin-right:10px} footer > div #search { float:left; background:#FFF; width:147px; height:26px; margin-right: 15px;} footer > div #search #contentfooter_0_f_search_textfield { padding: 4px 0 0 5px; width:105px; height:20px; background:#FFF; border:none; float:left} footer > div #search #contentfooter_0_f_search_submit { float:right; padding:0px; background:url(../img/ml/btn_input_search.jpg) no-repeat top left; width:35px; height:26px; border:0; cursor: pointer;} footer > div #search #f_select_website { margin:0 0 0 15px; padding:4px 0 0 0; height:26px; color:#3a3a3b; font-size: 10px;} /* liScroll styles */ footer .tickercontainer { /* the outer div */ width: 330px; height:18px; margin: 0; padding: 0; overflow: hidden; float:left} footer ul.newsticker { /* that's your list */ width: 330px; height:18px; position: relative; left: 300px; font-family:Arial, Helvetica, sans-serif; color:#FFF; font-size:14px; } footer .tickercontainer .mask { /* that serves as a mask */ position: relative; width: 330px; height:18px; overflow: hidden;} footer ul.newsticker li {float: left; /* important: display inline gives incorrect results when you check for elem's width */} footer ul.newsticker a {white-space: nowrap; padding: 0; color:#FFF; margin: 0 50px 0 0;} /* ------------------------------------------ 13. FORM ------------------------------------------- */ /* these styles are duplicate in form.css */ #stepper{background: url(../img/ml/form_stepper.gif) no-repeat 0 0; width: 600px; height: 35px; text-indent: -9999px; margin:30px 20px 10px 20px; } #stepper.step1{background-position:0 0;} #stepper.step2{background-position:0 -35px;} #stepper.step3{background-position:0 -70px;} #stepper.step4{background-position:0 -105px;} #stepper.step5{background-position:0 -140px;} #stepper.step6{background-position:0 -175px;} .form { width: 600px;} .form .error_box{ background: #3a3a3c url(../img/ml/error_msg_bg.gif) no-repeat 10px 10px; min-height: 40px; margin:10px 0; padding: 10px 0} .form .error_box p{ color: #fff; padding-left:60px; } .form header{width: 100%; height: 28px; line-height:25px; font-weight:bold; color: #fff; background:#00a4da; border-bottom:1px solid #0184bb; text-indent:10px; } .form form{ width: 560px; min-height:150px; background: #e8e8e8; padding:10px 20px} .form form .left{width: 275px; float: left; margin-right:10px;} .form form .right{width: 275px; float: left;} .form form label{ width: 90px; display: block; float: left; margin-top: 10px; line-height: 22px;} /* INPUT */ .form form input{ width: 150px; float: left; margin-top:10px; height:22px; border:1px solid #dddddd; outline: none;} .form form input:focus {box-shadow:0px 0px 5px #beb7b7; -moz-box-shadow:0px 0px 5px #beb7b7; -webkit-box-shadow:0px 0px 5px #beb7b7;outline: none;} /* RADIO BUTTON */ .form form input[type=radio] { width:13px; display: block; background-color:transparent; border:none; outline: none; } .form form .radioTxt{ float: left; margin: 12px 5px 0 0; margin-top:14px\9} /* CHECKBOX */ .form form input[type=checkbox]{ clear:both; float:left; border:0 none; background:none; width:13px; height:13px; margin-right:4px; margin-top:15px; margin-top:12px\9} .form form .checkboxTxt{float:left; text-align:left; font-weight:normal; width:248px;} /* SELECT / DROPDOWN */ .form form select.small{ width: 152px; float: left; margin-top:11px;} .form form select.large{ width: 270px; float: left; margin-top:11px;} /* TEXTAREA */ .form form textarea {width:148px; height:100px; float: left; border:1px solid #dddddd; background:#fff; margin:10px 0 5px 0;} .form form textarea.large {width:560px; height:300px; border:1px solid #dddddd; background:#fff; margin:10px 0 5px 0;} .form form textarea:focus {box-shadow:0px 0px 5px #beb7b7; -moz-box-shadow:0px 0px 5px #beb7b7; -webkit-box-shadow:0px 0px 5px #beb7b7;outline: none;} /* IMG FOR VALIDATION */ .form form img{display:none; margin:12px 0 0 5px; padding:0px; width:20px; height:20px; float:left;} .form .mandatory {font-size:11px;} /* Black anchor button */ #content_detail article a.btn_big_form {color:#FFF} .btn_big_form {background:url(../img/ml/btn_previous_bg.png) no-repeat top left; font-family:'AllerBold', Arial, Helvetica, sans-serif; font-size:16px; color:#FFF; text-transform:uppercase; padding:0 10px 0 40px; line-height:25px; height:25px; display:inline-block } .btn_big_form:hover {background:url(../img/ml/btn_previous_bg.png) no-repeat bottom left; text-decoration:none} /* Black submit button */ .form input.btn_validate_form {background:#333; font-family:'AllerBold', Arial, Helvetica, sans-serif; font-size:16px; color:#FFF; text-transform:uppercase; padding:0 10px; width: auto; height:26px; display:block; cursor: pointer; } .form input.btn_validate_form:hover {background:#00a3da; text-decoration:none} .form input.btn_validate_form:focus {background:#00a3da; text-decoration:none;color:#FFF;} .form .previous{ float: left; margin:20px 0 20px -20px;} .form .next{ float: right; margin:20px -20px 20px 0;} /* ------------------------------------------ 14. TABLE ------------------------------------------- */ table { margin: 2px; width: 600px; border: 0;} #content_detail_narrow table { margin: 2px; width: 400px; border: 0;} td, th { /*padding:5px 3px;*/ /*border: 1px solid #fff;*/ text-align: center; display: table-cell; vertical-align: middle } thead, thead tr th{ background: #00a3da; color: #fff} tbody { /*background: #e8e8e8;*/} tr.alt, tr.alt td {/* background: #d5d5d5;*/} .tableleft td,.tableleft th { padding:5px 3px; /*border: 1px solid #fff;*/ text-align: Left; display: table-cell; vertical-align: middle } .tablelefttop td,.tablelefttop th { padding:5px 3px; /*border: 1px solid #fff;*/ text-align: Left; display: table-cell; vertical-align: top; } #content_detail .tablelefttop td p {margin-right:2px;margin-left:2px;} #content_detail .tablelefttop td p img {margin-right:0px;margin-left:0px;} /* ------------------------------------------- 15. ECCO16 -------------------------------------------- */ #ecco16 {} /* Colours mini-sites */ /*********************************************************************************** #8ca4b9 = basic_science #e991b9 = breast #a29cba = bs_tr #932581 = CNS #93c13e = colorectal #028c8b = diagnostic #64130c = drug_dev #8e6fac = elderly #e2c022 = epidemiology #706f6e = general #804260 = GU-other #3f1e52 = GU-Prostate #ec7223 = gynaecological #e41f26 = haem #25215b = head_neck #f4a61d = imaging #7a775d = industry #846e57 = lung #4fbcbd = melanoma #077b9e = noncolorectal #e30a7d = nursing #979937 = oncopolicy_forum #03647e = oncoTech #706f6e = opening_session #65a6d1 = paediatric #d19f2a = patients #08968b = radiotherapy #dea7a7 = regulatory #064f7e = sarcoma #ec6a77 = surgical #219cd7 = symptom_science #f4a958 = translational #2bac70 = young_oncol ***********************************************************************************/ /* Colours mini-sites start */ #ecco16_result.basic_science #abstract h3 {color:#8ca4b9} #ecco16_result.basic_science #abstract #name {background:#8ca4b9} #ecco16_result.breast #abstract h3 {color:#e991b9} #ecco16_result.breast #abstract #name {background:#e991b9} #ecco16_result.bs_tr #abstract h3 {color:#a29cba} #ecco16_result.bs_tr #abstract #name {background:#a29cba} #ecco16_result.CNS #abstract h3 {color:#932581} #ecco16_result.CNS #abstract #name {background:#932581} #ecco16_result.colorectal #abstract h3 {color:#93c13e} #ecco16_result.colorectal #abstract #name {background:#93c13e} #ecco16_result.diagnostic #abstract h3 {color:#028c8b} #ecco16_result.diagnostic #abstract #name {background:#028c8b} #ecco16_result.drug_dev #abstract h3 {color:#64130c} #ecco16_result.drug_dev #abstract #name {background:#64130c} #ecco16_result.elderly #abstract h3 {color:#8e6fac} #ecco16_result.elderly #abstract #name {background:#8e6fac} #ecco16_result.epidemiology #abstract h3 {color:#e2c022} #ecco16_result.epidemiology #abstract #name {background:#e2c022} #ecco16_result.general #abstract h3 {color:#706f6e} #ecco16_result.general #abstract #name {background:#706f6e} #ecco16_result.GU-other #abstract h3 {color:#804260} #ecco16_result.GU-other #abstract #name {background:#804260} #ecco16_result.GU-Prostate #abstract h3 {color:#3f1e52} #ecco16_result.GU-Prostate #abstract #name {background:#3f1e52} #ecco16_result.gynaecological #abstract h3 {color:#ec7223} #ecco16_result.gynaecological #abstract #name {background:#ec7223} #ecco16_result.haem #abstract h3 {color:#e41f26} #ecco16_result.haem #abstract #name {background:#e41f26} #ecco16_result.head_neck #abstract h3 {color:#25215b} #ecco16_result.head_neck #abstract #name {background:#25215b} #ecco16_result.imaging #abstract h3 {color:#f4a61d} #ecco16_result.imaging #abstract #name {background:#f4a61d} #ecco16_result.industry #abstract h3 {color:#7a775d} #ecco16_result.industry #abstract #name {background:#7a775d} #ecco16_result.lung #abstract h3 {color:#846e57} #ecco16_result.lung #abstract #name {background:#846e57} #ecco16_result.melanoma #abstract h3 {color:#4fbcbd} #ecco16_result.melanoma #abstract #name {background:#4fbcbd} #ecco16_result.noncolorectal #abstract h3 {color:#077b9e} #ecco16_result.noncolorectal #abstract #name {background:#077b9e} #ecco16_result.nursing #abstract h3 {color:#e30a7d} #ecco16_result.nursing #abstract #name {background:#e30a7d} #ecco16_result.oncopolicy_forum #abstract h3 {color:#979937} #ecco16_result.oncopolicy_forum #abstract #name {background:#979937} #ecco16_result.oncoTech #abstract h3 {color:#03647e} #ecco16_result.oncoTech #abstract #name {background:#03647e} #ecco16_result.opening_session #abstract h3 {color:#706f6e} #ecco16_result.opening_session #abstract #name {background:#706f6e} #ecco16_result.paediatric #abstract h3 {color:#65a6d1} #ecco16_result.paediatric #abstract #name {background:#65a6d1} #ecco16_result.patients #abstract h3 {color:#d19f2a} #ecco16_result.patients #abstract #name {background:#d19f2a} #ecco16_result.radiotherapy #abstract h3 {color:#08968b} #ecco16_result.radiotherapy #abstract #name {background:#08968b} #ecco16_result.regulatory #abstract h3 {color:#dea7a7} #ecco16_result.regulatory #abstract #name {background:#dea7a7} #ecco16_result.sarcoma #abstract h3 {color:#064f7e} #ecco16_result.sarcoma #abstract #name {background:#064f7e} #ecco16_result.surgical #abstract h3 {color:#ec6a77} #ecco16_result.surgical #abstract #name {background:#ec6a77} #ecco16_result.symptom_science #abstract h3 {color:#219cd7} #ecco16_result.symptom_science #abstract #name {background:#219cd7} #ecco16_result.translational #abstract h3 {color:#f4a958} #ecco16_result.translational #abstract #name {background:#f4a958} #ecco16_result.young_oncol #abstract h3 {color:#2bac70} #ecco16_result.young_oncol #abstract #name {background:#2bac70} /* Colours mini-sites end */ .banner_folders {width:218px; background:#e8e8e8; margin:20px; text-align:center; padding-bottom:5px;} .banner_folders img {margin:15px 0 15px 0} .banner_folders .cta {background:#17abdb; display:block; margin:0 5px 0 5px; font-size:16px; font-family:'AllerBold', Arial, Helvetica, sans-serif; color:#FFF; text-align:left; padding:10px } .banner_download {position:relative; width:180px; height:275px} .banner_download .visu {position:absolute; } .banner_download .cta {position:absolute; bottom:5px; z-index:2; background:#17abdb; display:block; font-size:16px; font-family:'AllerBold', Arial, Helvetica, sans-serif; color:#FFF; padding:10px; margin-left:5px; margin-right:5px } #ecco16 #files_download .btn_small2 {margin-bottom:0} #content_aside {border-left:2px solid #FFF; width:180px; height:680px; float:right} #nav_main_sub {background:#00a4da; width:100%;margin-bottom:10px;} #nav_main_sub li a {display:block; height:50px; line-height:50px; padding-left:55px; border-bottom:2px solid #FFF; font-size:16px; font-family:'AllerBold', Arial, Helvetica, sans-serif; color:#FFF } #nav_main_sub li a:hover {text-decoration:none;} #nav_main_sub li .accreditation{background: url(../img/ml/nav_accreditation.png) no-repeat 8px center; } #nav_main_sub li .accreditation:hover{background: #77797a url(../img/ml/nav_accreditation_hover.png) no-repeat 8px center; } #nav_main_sub li .photos {background: url(../img/ml/nav_photos.png) no-repeat 10px center; } #nav_main_sub li .photos:hover {background: #77797a url(../img/ml/nav_photos.png) no-repeat 10px center;} #nav_main_sub li .awards {background: url(../img/ml/nav_programme.gif) no-repeat 14px center; } #nav_main_sub li .awards:hover {background: #77797a url(../img/ml/nav_programme.gif) no-repeat 14px center;} #nav_main_sub li .resume {background: url(../img/ml/nav_resume.png) no-repeat 10px center; } #nav_main_sub li .resume:hover {background: #77797a url(../img/ml/nav_resume.png) no-repeat 10px center;} #nav_main_sub li .mobile {background: url(../img/ml/nav_mobile.png) no-repeat 15px center; } #nav_main_sub li .mobile:hover {background: #77797a url(../img/ml/nav_mobile.png) no-repeat 15px center;} #ecco16_result {margin-right:20px} #ecco16_result #abstract {font-size:20px; font-family:'AllerBold', Arial, Helvetica, sans-serif; height:147px; overflow:hidden;} #ecco16_result #abstract #name {width:125px; height:125px; float:left; margin-right:20px; text-transform:uppercase; color:#FFF; padding:10px; display:table; text-align:left} #ecco16_result #abstract #name p { vertical-align: middle; display:table-cell;} #ecco16_result #abstract #name table {width:125px; height:120px; margin:0 } #ecco16_result #abstract #name table td {padding:0; text-align:left; border:0} #ecco16_result .separator_line {margin:10px 0 0 -20px; width:640px} #ecco16_result #top_article {margin:10px 0 14px 0; background: url(../img/ml/onglet.png) no-repeat bottom left; height:35px} #ecco16_result #top_article h3 {float:left; line-height:40px; margin-right:40px; padding-left:10px} #ecco16_result #top_article a#webcast {float:left; font-size:20px; font-family:'AllerBold', Arial, Helvetica, sans-serif; line-height:40px; color:#00a4da; background: url(../img/ml/i_webcast.png) no-repeat left 3px; padding-left:30px} #ecco16_result #top_article a.add_abstract {float:right; background: url(../img/ml/i_add_abstract.png) no-repeat top left; padding-left:40px; font-family: Arial, Helvetica, sans-serif; font-size:11px; color:#00a4da; height:31px } #ecco16_result h6 {font-size:13px; font-family:Arial, Helvetica, sans-serif; font-weight:bold} #ecco16_result sup {font-size:9px; vertical-align: super} #ecco16_result ul.social_features{padding:18px 12px 18px 0;} #ecco16_result span[role=contentinfo]{ float: right; margin:20px 10px 10px 0; font-size:11px; font-style:italic; color: #969696; width:170px; text-align:right} #agenda {background:#e8e8e8 url(../img/ml/agenda_bg.gif) repeat-y top left;} #agenda li {border-bottom:2px solid #FFF; background:none;} #agenda li.last {border:none; background:none; padding-left:0; margin-top:0;} #agenda li .date {width:45px; float:left; text-align:center; font-family:'AllerBold', Arial, Helvetica, sans-serif; font-size:25px; line-height:18px; padding-top:8px} #agenda li .date span {font-size:14px} #agenda li .pratical {width:120px; float:left; padding:13px 10px 10px 15px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:11px;margin-right:20px} #agenda li .pratical a{ clear: both; display: block; margin-top: 10px; text-decoration: none;} #agenda li .pratical a span{ color:#00a4da; display:block; width:80px; margin-right: 20px; } #agenda li .infos {width:345px; float:left; margin:13px 10px 10px 15px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:11px} .1columns #agenda li .infos {width:600px; float:left; margin:0px 10px 10px 15px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:13px} #agenda li .infos span{margin:0 10px 0 0;color: #fff;font-weight:bold; font-size: 100%; padding: 2px;} #agenda li .infos span.spancolor{background-color:#00A4DA; } #agenda li .infos span.sessiontype {margin:0 0px 0 0;background-color:transparent; color:#000;font-weight:bold; font-size: 100%; padding: 0px;} /*color:#00a4da; */ #agenda li .infos a{color:#00a4da;} #agenda li .infos sup{font-size:.83em; vertical-align:super;} #agenda li .infos sub{font-size:.83em; vertical-align:sub;} .infos_catalognr {margin-left:350px; position:absolute;} .infos_datespan {margin-left:-45px; position:absolute;} .infosV2 .infos_catalognr {margin-left:325px; position:absolute;} /* ------------------------------------------ 16. RESTRICTED AREA -------------------------------------- */ #restricted_area_detail{padding:25px 15px 25px 25px;} #restricted_area_detail li.box { background:#fff; padding:1px; border: 1px solid #e8e8e8; float: left; margin: 40px 40px 0 0; /*for ie 7*/ width: 156px; -moz-border-radius: 10px;border-radius: 10px;} #restricted_area_detail li.third { margin: 10px 0px 0 0 !important;} #restricted_area_detail li.box div.content{background:#e8e8e8; padding:3px; width: 150px; height:130px; margin: 0 auto; text-align: center; -moz-border-radius: 10px;border-radius: 10px;} #restricted_area_detail li.box div.content img{ margin-top: 5px;} #restricted_area_detail li.box div.content h3{color:#3a3a3b; font-size:14px; text-align: center;} #restricted_area_detail li.box div.content ul{width: 160px; margin:10px 10px 5px 5px; list-style-position: inside; list-style-type: circle;} #restricted_area_detail li.box div.content ul li{ list-style-image: url(../img/ml/li_arrow_black2.png); line-height: 20px;} #restricted_area_detail li.box div.content ul li a{ color:#00a4da; font-size: 12px;} /*FOR IE7 bullet alignment*/ *+html #restricted_area_detail li.box div.content ul li{list-style-image:url(../img/ml/li_arrow_black2.png); position:relative;} *+html #restricted_area_detail li.box div.content ul li a{position:relative; bottom:3px; left:5px;} /* ------------------------------------------ 16. EXTRA COVR -------------------------------------- */ .fb_edge_widget_with_comment span.fb_edge_comment_widget iframe.fb_ltr { display: none !important;} #agenda li .infos span.highlightsearch{background-color:yellow;color:black; margin:0px ;padding:0px;font-size:auto;} .infosV2 span.highlightsearch{background-color:yellow;color:black; margin:0px ;padding:0px;} /*ADDED CSS IRELAND developper*/ #mycarousel_calendar{ background-color: #efefef; } #events_calendar .jcarousel-skin-tango .jcarousel-clip-vertical {width: 100%;} #events_calendar #mycarousel_calendar img { margin-right: 3px} #events_calendar .jcarousel-skin-tango .jcarousel-next-vertical{ bottom:5px} /*#events_calendar .jcarousel-skin-tango .jcarousel-next-disabled-vertical, #events_calendar .jcarousel-skin-tango .jcarousel-prev-disabled-vertical{ background: url("../img/ml/ECCO-arrow-02up.png") no-repeat scroll center center transparent; }*/ #events_calendar .jcarousel-skin-tango .jcarousel-next-disabled-vertical, #events_calendar .jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover, #events_calendar .jcarousel-skin-tango .jcarousel-next-disabled-vertical:focus, #events_calendar .jcarousel-skin-tango .jcarousel-next-disabled-vertical:active { background-position: center; /*zoom: 1;*/ filter: alpha(opacity=50); opacity: 0.5; } #events_calendar .jcarousel-skin-tango .jcarousel-prev-disabled-vertical, #events_calendar .jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover, #events_calendar .jcarousel-skin-tango .jcarousel-prev-disabled-vertical:focus, #events_calendar .jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active { background-position: center; /*zoom: 1;*/ filter: alpha(opacity=50); opacity: 0.5; } .searchCatalogNbr{ margin-left:350px; } /* iphone menu */ #iphone .jcarousel-skin-tango .jcarousel-clip {overflow: hidden;} #iphone .jcarousel-skin-tango .jcarousel-container-vertical {width: 1px; height: 1; padding: 0px 0 0px 0;} #iphone .jcarousel-skin-tango .jcarousel-clip-vertical {width: 2px; height: 1px;} #iphone .jcarousel-skin-tango .jcarousel-item {width: 1px; height: 1px; border-bottom:1px solid #dcdcdc; padding:0px 0 0px 0;} #iphone .jcarousel-skin-tango .jcarousel-next-vertical {position: absolute; bottom: 0px; left: 1px; width: 1px; height: 1px; cursor: pointer; background: url(../img/ml/arrow_bottom.png) no-repeat center center;} #iphone .jcarousel-skin-tango .jcarousel-next-disabled-vertical, #iphone .jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover, #iphone .jcarousel-skin-tango .jcarousel-next-disabled-vertical:focus, #iphone .jcarousel-skin-tango .jcarousel-next-disabled-vertical:active {cursor: default; background-position: 0 -96px;} #iphone .jcarousel-skin-tango .jcarousel-prev-vertical {position: absolute; top: 0; left: 1px; width: 1px; height: 1px; cursor: pointer; background: url(../img/ml/arrow_top.png) no-repeat center center;} #iphone .jcarousel-skin-tango .jcarousel-prev-disabled-vertical, #iphone .jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover, #iphone .jcarousel-skin-tango .jcarousel-prev-disabled-vertical:focus, #iphone .jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {cursor: default; background-position: 0 -96px;} .button_mail_form {font-weight:bold; background:#333; font-family:'AllerBold', Arial, Helvetica, sans-serif; font-size:16px; color:#FFF; text-transform:uppercase; padding:0 10px; width: auto;line-height:25px; height:26px; cursor: pointer; border:0 none; } .button_mail_form:hover {background:#00a3da; text-decoration:none} .button_mail_form:focus {background:#00a3da; text-decoration:none;color:#FFF;} #content_detail article a.cm_search_button,#content_detail article a.cm_backbutton {background:url(../img/ml/btn_search_bg.png) no-repeat top right; font-family:'AllerBold', Arial, Helvetica, sans-serif; font-size:16px; color:#FFF; text-transform:uppercase; padding:0 20px 0 5px; overflow: visible; /*ie7 fix*/ line-height:26px; height:26px; display:inline-block; cursor:pointer; border: 0 none } #content_detail article a.cm_search_button:hover,#content_detail article a.cm_backbutton:hover {background:url(../img/ml/btn_search_bg.png) no-repeat bottom right; text-decoration:none} #content_detail article a.cm_search_button{ color:white; } /* abstract mvc */ .CM_W3_Abstract_search_button { background-color:#E8E8E8; border:2px solid #fff; padding-top:15px; padding-bottom:15px; } .CM_W3_Abstract_search_button_inner input{ width:250px; } .CM_W3_Abstract_search_button_inner .cm_search_button{ margin-left:180px; } #cm_sessiondetails_Step .cm_backbutton { float:right; } .CM_W3_Abstract_info{ float:left; background-color:#E8E8E8; border-right:2px solid #fff; border-left:2px solid #fff; border-bottom:2px solid #fff; padding-top:10px; padding-bottom:15px; } .CM_W3_abstract{ float:left; margin-bottom:30px; } .CM_W3_Abstract_info_inner{ margin-left:10px; } .CM_W3_Abstract_search_button_inner{ margin-left:10px; } #content_detail article .CM_W3_Abstract_info a { color:#000; } #content_detail article .CM_W3_Abstract_info a:hover { color:#00A4DA; } .CM_W3_Abstract_info_inner_left_title { font-weight:bold; float:left; width:100px } .CM_W3_Abstract_info_inner_middle_title {font-weight:bold; float:left; width:746px; } .CM_W3_Abstract_info_inner_right_title {font-weight:bold; float:left; width:0px; } .CM_W3_Abstract_info_inner_left{ float:left; width:100px; } .CM_W3_Abstract_info_inner_middle{ float:left; width:698px; } .CM_W3_Abstract_info_inner_right{ float:left; width:48px; } .CM_W3_Abstract_info_nofound{ float:left; background-color:#E8E8E8; border-right:2px solid #fff; border-left:2px solid #fff; border-bottom:2px solid #fff; padding-top:10px; padding-bottom:15px; width:856px; } .buttonwebc {font-weight:bold; background:#333; font-family:'AllerBold', Arial, Helvetica, sans-serif; font-size:16px; color:#FFF; text-transform:uppercase; padding:0 10px; width: auto;line-height:25px; height:26px; cursor: pointer; border:0 none; } .buttonwebc:hover {background:#00a3da; text-decoration:none} .buttonwebc:focus {background:#00a3da; text-decoration:none;color:#FFF;} #features_left a {color:#00a4da} #features_left ul li { background: url(../img/ml/square.gif) no-repeat left 6px; padding-left: 10px; margin-top: 8px; } #features ul li { background: url(../img/ml/square.gif) no-repeat left 6px; padding-left: 10px; margin-top: 8px; } #content_detail section#page_videos ul li { padding-left:1px;} sup { vertical-align: super; font-size: smaller; } sub { vertical-align: sub; font-size: smaller; } .home h2 a:hover{text-decoration:none;} .home h3 a:hover{text-decoration:none;} #mycarousel_members li{width:100px; float:left;} #mycarousel_members_mini li{width:120px; float:left;} #contentdetails_0_mainarea_0_DivCorrespondance_no_docs{ font-family: Arial, Helvetica, sans-serif; } .home_left table {width:100%} #ecco18_test #content_center .nav_main-level4,#ecco18_home #content_center .nav_main-level4,#ecco18 #content_center .nav_main-level4 ,#ecco2017 #content_center .nav_main-level4,#ecco2017_home #content_center .nav_main-level4 { background: none repeat scroll 0% 0% #00A4DA; } #ecco18_test footer > div,#ecco18_home footer > div ,#ecco18 footer > div,#ecco2017 footer > div,#ecco2017_home footer > div { background: none repeat scroll 0% 0% #A3BF2A; } #ecco18_test footer > div div.contact,#ecco18_home footer > div div.contact,#ecco18_home footer > div div.alert,#ecco18_test footer > div div.alert,#ecco18 footer > div div.alert ,#ecco18 footer > div div.contact,#ecco2017 footer > div div.alert ,#ecco2017 footer > div div.contact,#ecco2017_home footer > div div.alert ,#ecco2017_home footer > div div.contact{ border-right: 1px solid #C2C4C6; } /* #top_slideshow .pagination{display:none;} */ .openmediaregbutton{ color:#00A4DA; cursor:pointer; } .openmediaregbutton:hover{ text-decoration:underline; cursor:pointer; } article p { word-wrap:break-word; } /*#ecco2017 #btn_planner,#ecco2017_home #btn_planner{display:none;}*/ #ecco18_test #btn_planner, #ecco18 #btn_planner,#ecco18_home #btn_planner{display:none;}