/**/ @charset "UTF-8"; @media screen, projection, print { /* !** Global */ /* ------------------------------------------------------------------------------------------------------------------------------------ * ------------------------------------------------------------------------------------------------------------------------------------ */ body, html { margin: 0; padding: 0; } body { background: #f5fbfd url(/opec_web/static_files_project/images/layout/bg.png) repeat-x; color: #595959; text-align: center; } /*body.pg-anniv { background-color: #ffffff; background-image: url(/opec_web/static_files_project/images/layout/bg_gold.png); }*/ input { font-family: Verdana, Helvetica, Arial; } input.txt { overflow: hidden; } .page_margins { padding: 0 0 20px 0; position: relative; z-index: 1; background: url(/opec_web/static_files_project/images/layout/bg_img.png) no-repeat 50% 0; min-height:600px; } /*body.pg-anniv .page_margins { background-image: url(/opec_web/static_files_project/images/layout/bg_img_gold.png); }*/ .page { padding: 0 0 0 0; position: relative; z-index: 1; text-align: left; margin: 0 auto; width: 996px; background: url() no-repeat 0 0; } body#home .page { background: url() no-repeat 0 0; } *+html .page { overflow: hidden; } label { cursor: pointer; } /* clearfix */ .fix { clear: both; height: 1px; line-height: 1px; margin: -1px 0 0; } .clear { clear: both; } .clearfix:after, #footer:after, #nav:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .clearfix, #footer, #nav { display: inline-block; } html[xmlns] .clearfix { display: block; } * html .clearfix { height: 1%; } html[xmlns] #nav { display: block; } * html #nav { height: 1%; } html[xmlns] #footer { display: block; } * html #footer { height: 1%; } /*custom styles 10/07/2009*/ .print-logo, .print-logo img {display: none; visibility: hidden;} /* !** Print elements */ /* ------------------------------------------------------------------------------------------------------------------------------------ * ------------------------------------------------------------------------------------------------------------------------------------ */ #header-print { display: none; } #footer-print { display: none; } /* !** Headlines and text */ /* ------------------------------------------------------------------------------------------------------------------------------------ * ------------------------------------------------------------------------------------------------------------------------------------ */ #cont h1 { color: #2c6381; font-size: 26px; margin: 0 0 10px 0; line-height: 30px; } #cont h2 { color: #2c6381; font-size: 26px; margin: 0 0 10px 0; line-height: 30px; } #cont h3 { color: #2c6381; font-size: 21px; margin: 25px 0 8px 0; line-height: 22px; } #cont h4 { color: #595959; font-size: 17px; margin: 8px 0; line-height: 19px; text-transform: uppercase; } h4#updated { color: #00A5E8; text-align: center; font-size: 17px; margin: 8px 0 20px; line-height: 19px; text-transform: none; font-weight: bold; } #cont h5 { font-family: Arial, Helvetica, sans-serif; color: #2c3234; font-size: 12px; margin: 15px 0; line-height: 16px; font-weight: bold; margin-top: 0; } #cont h5 p { margin:0; color: #2c3234; } #cont h1.hidden, #cont h2.hidden, #cont h3.hidden, #cont h4.hidden, #cont h5.hidden { display: none; } #cont p { font-size: 12px; color: #595959; line-height: 16px; margin: 0 0 15px 0; } #cont p.sub { padding-right: 270px; } #cont p a { color: #2c6381; } #cont p a:hover { text-decoration: underline; } #cont a.single { display: block; margin: 10px 0; font-size: 12px; padding: 0 0 0 10px; line-height: 15px; color: #9b0002; background: url(/opec_web/static_files_project/images/layout/bluearrow.png) no-repeat 1px 4px; } #cont a.single:hover { text-decoration: underline; } #cont ul, #cont li { font-size: 12px; color: #595959; line-height: 16px; } input.txt { font-family: Arial, Helvetica, sans-serif; } #cont table tr td p{ margin:0; } /* !** Header */ /* !********************** */ /* ------------------------------------------------------------------------------------------------------------------------------------ * ------------------------------------------------------------------------------------------------------------------------------------ */ #header { position: relative; z-index: 2; } #pg-sub #header { padding-bottom: 12px; background: url(/opec_web/static_files_project/images/layout/bg_main_top.png) no-repeat 0 100%; } #skip { display: none; } #header h1 { display: none; } /* Logo */ #logo { padding: 0 0 0 0; margin: 0 0 5px 0; } #logo a { display: block; width: 235px; height: 65px; } /* GFX */ #banner { margin: 0 0 0 -3px; width: 992px; overflow: hidden; } #banner img, #banner #flashbanner { margin-left: 6px; } body.pg-anniv #banner { margin: 0 0 0 -3px; width: 992px; overflow: hidden; } body.pg-anniv #banner img { margin: 0 0 0 6px; } /* Flash news */ #flash-news { margin: 0 0 0 -4px; width: 995px; height: 30px; line-height: 30px; overflow: hidden; background: url(/opec_web/static_files_project/images/layout/bg_main.png) repeat-y; position: relative; } #flash-news h2 { float: left; color: #4e5254; font-size: 12px; font-weight: bold; line-height: 30px; margin: 0; padding: 0 5px 0 14px; } #flash-news ul, #flash-news li { list-style-type: none; margin: 0; padding: 0; position: relative; float: left; } #flash-news li { font-size: 12px; color: #4e5254; float: left; width: 800px; height: 30px; line-height: 30px; position: absolute; top: 0; left: 0; overflow: hidden; white-space: nowrap; } #flash-news a.more { background: url(/opec_web/static_files_project/images/layout/bluearrow.png) no-repeat 100% 50%; color: #00a5e8; padding: 0 9px 0 5px; font-weight: bold; }/*icn_more.gif*/ #flash-news a.more:hover, #flash-news li.hover a.more { text-decoration: underline; } /* !** Meta */ /* !********************** */ #meta { position: absolute; top: 0; right: 14px; z-index: 2; list-style-type: none; margin: 0; padding: 0; } #meta ul { margin: 0; padding: 0; } #meta li { list-style-type: none; margin: 0; padding: 4px 0 0 0; float: left; font-size: 11px; position: relative; } #meta li a { color: #4e5254; background: url(/opec_web/static_files_project/images/layout/meta_dot.png) no-repeat 100% 11px; padding: 6px 9px 0 0; margin: 0 7px 0 0; } #meta li a:hover {color: #00a5e8;} #meta li a.l { background: none; padding-right: 0; margin-right: 6px; } /* Sign in */ #meta li.signin { background: url(/opec_web/static_files_project/images/layout/bg_signin2.png) no-repeat; width: 88px; height: 26px; padding-top: 0; } #meta li.signin a { background: none; margin: 0; padding: 4px 0 5px 9px; outline: none; float: left; width: 78px; } #meta li.signin ul { position: absolute; top: 22px; left: 0; display: none; margin: 0; padding: 0; width: 88px; overflow: hidden; } #meta li.signin ul li { margin: 0; padding: 0; line-height: 13px; } #meta li.signin ul li a { display: block; color: #00a5e8; padding: 1px 9px; margin: 0; float: none; line-height: 14px; border-bottom: 1px solid #d3eefa; background: url(/opec_web/static_files_project/images/layout/bluearrow.png) no-repeat 0 200px; } #meta li.signin ul li a.last { border: none; } #meta li.signin ul li a:hover { background-position: 9px 6px; } /* Sign in open */ #meta li.signin-open { background-position: 0 -100px; height: 76px; } #meta li.signin-open ul { display: block; } /* !Search */ #search { position: absolute; top: 70px; z-index: 1; right: 13px; width: 205px; height: 28px; overflow: hidden; background: url(/opec_web/static_files_project/images/layout/bg_search.png) no-repeat; } #search input { width: 165px; padding: 0; margin: 0; font-size: 12px; font-weight: bold; color: #596063; border: 0; position: absolute; top: 7px; left: 5px; background: transparent; } #search button { position: absolute; top: 0; right: 0; } #search a.btn { display: block; position: absolute; top: 0; right: 0; width: 26px; height: 28px; text-indent: -9999em; background: url(/opec_web/static_files_project/images/layout/btn_search.png) no-repeat; } /* !Navigation */ /* !********************** */ /* ------------------------------------------------------------------------------------------------------------------------------------ * ------------------------------------------------------------------------------------------------------------------------------------ */ #nav { background: url(/opec_web/static_files_project/images/layout/bg_nav.png ) no-repeat 0 0; padding: 0; margin: 0 0 0 3px; width: 980px; } #nav ul, #nav li { list-style-type: none; margin: 0; padding: 0; } #nav li { float: left; position: relative; } #nav li a { float: left; height: 28px; overflow: hidden; background: url(/opec_web/static_files_project/images/layout/nav_2015.png); text-indent: -9999em; } /* Main links */ #nav li.home a { background-position: 0 0; width: 63px; } #nav li.home:hover a, #nav li.home-hover a, #nav li.home a.on { background-position: 0 -28px; } #nav li.about a { background-position: -63px 0; width: 90px; } #nav li.about:hover a, #nav li.about-hover a, #nav li.about a.on { background-position: -63px -28px; } #nav li.press a { background-position: -153px 0; width: 107px; } #nav li.press:hover a, #nav li.press-hover a, #nav li.press a.on { background-position: -153px -28px; } #nav li.data a { background-position: -260px 0; width: 113px; } #nav li.data:hover a, #nav li.data-hover a, #nav li.data a.on { background-position: -260px -28px; } #nav li.public a { background-position: -373px 0; width: 116px; } #nav li.public:hover a, #nav li.public-hover a, #nav li.public a.on { background-position: -373px -28px; } #nav li.media a { background-position: -489px 0; width: 101px; } #nav li.media:hover a, #nav li.media-hover a, #nav li.media a.on { background-position: -489px -28px; } #nav li.anniv a { background-position: -590px 0; width: 142px; } #nav li.anniv:hover a, #nav li.anniv-hover a, #nav li.anniv a.on { background-position: -590px -28px; } /* Drop down */ #nav li ul { display: none; position: absolute; margin: 0; padding: 0 0 4px 0; width: 184px; position: absolute; top: 28px; left: -1px; background: url(/opec_web/static_files_project/images/layout/bg_nav_drop.png) no-repeat 0 100%; } #nav li:hover ul, #nav li.hover ul { display: block; } #nav li li { float: none; height: auto; padding: 0 0 0 8px; line-height: 15px; } #nav li li.first { background: url(/opec_web/static_files_project/images/layout/bg_nav_drop.png) no-repeat 0 0; } #nav li li a { float: none; padding: 3px 4px 3px 6px; display: block; background: transparent; height: auto; line-height: 15px; border-bottom: 1px solid #afb6ba; text-indent: 0; width: 160px !important; font-size: 12px; font-weight: bold; color: #fff; text-decoration: none; } #nav li li.last a { border: 0; } #nav li li a:hover { color: #454849; } /* Drop down backgrounds */ #nav li.about ul { background-image: url(/opec_web/static_files_project/images/layout/bg_nav_drop.png); } #nav li.about ul li.first { background-image: url(/opec_web/static_files_project/images/layout/bg_nav_drop.png); } #nav li.press ul { background-image: url(/opec_web/static_files_project/images/layout/bg_nav_drop_press.png); } #nav li.press ul li.first { background-image: url(/opec_web/static_files_project/images/layout/bg_nav_drop_press.png); } #nav li.data ul { background-image: url(/opec_web/static_files_project/images/layout/bg_nav_drop_datagraph.png); } #nav li.data ul li.first { background-image: url(/opec_web/static_files_project/images/layout/bg_nav_drop_datagraph.png); } #nav li.public ul { background-image: url(/opec_web/static_files_project/images/layout/bg_nav_drop_publications.png); } #nav li.public ul li.first { background-image: url(/opec_web/static_files_project/images/layout/bg_nav_drop_publications.png); } #nav li.media ul { background-image: url(/opec_web/static_files_project/images/layout/bg_nav_drop_multimedia.png); } #nav li.media ul li.first { background-image: url(/opec_web/static_files_project/images/layout/bg_nav_drop_multimedia.png); } #nav li.anniv ul { background-image: url(/opec_web/static_files_project/images/layout/bg_nav_drop_anniversary.png); } #nav li.anniv ul li.first { background-image: url(/opec_web/static_files_project/images/layout/bg_nav_drop_anniversary.png); } /* !** Subnavigation */ /* !********************** */ /* ------------------------------------------------------------------------------------------------------------------------------------ * ------------------------------------------------------------------------------------------------------------------------------------ */ #subnav { float: left; width: 195px; margin-left: 14px; } .subnav-ann { padding-bottom: 220px; } #subnav ul, #subnav li { list-style-type: none; margin: 0; padding: 0; } #subnav li { border-bottom: 1px solid #b6bec1; font-size: 13px; } #subnav li a { padding: 6px 20px 6px 5px; margin-right: 5px; display: block; color: #2e3234; background: url(/opec_web/static_files_project/images/layout/bg_subnav_arr.png) no-repeat 100% 50%; } #subnav li a:hover { color: #00a5e8; } #subnav li.open a { font-weight: bold; background: url(/opec_web/static_files_project/images/layout/bg_subnav_arr_open.png) no-repeat 100% 50%; margin-right: 3px; padding-right: 20px; } #subnav li.on a { font-weight: bold; } /* 2nd level */ #subnav li ul { margin: -2px 0 8px 0; padding: 0; font-size: 12px; } #subnav li ul li { font-size: 12px; border: 0; padding: 1px 0; } #subnav li ul li a, #subnav li.open ul li a { background: none; padding: 1px 0 1px 15px; font-weight: normal; } #subnav li ul li a.on { background: #e7eaeb; } /* !** Footer */ /* !********************** */ /* ------------------------------------------------------------------------------------------------------------------------------------ * ------------------------------------------------------------------------------------------------------------------------------------ */ #footer { margin: -1px 0 0 0; padding: 0 12px 0 3px; } #pg-sub #footer { padding-top: 12px; background: url(/opec_web/static_files_project/images/layout/bg_main_bottom.png) no-repeat 0 0; } #footer p{float:left; font-size:11px;} #footer .left { float: left; width: 40; width: 50%; } #footer .left p { font-size: 11px; color: #909da2; margin: 8px 0 0; padding: 0; display: inline-block;} #footer a { color: #444d51; } #footer a:hover { color: #00a5e8; } #footer .right { float: right; display: inline-block; position: relative; width: 50%; } #footer .right .subscription { position: absolute; display: inline-block; left: 0px; width: 163px; } /* E-Mail Subscription */ #footer .right a.link {margin-right: 10px; float: right; } #footer .right a.link img{border:0 solid} #footer .right .tooltip { display: none; margin: 2px 0 0; float: left; position: relative; } #footer .right .tooltip .txt_tooltip { display: inline-block; background: url(/opec_web/static_files_project/images/layout/tooltip_1px_middle.png) repeat-x 0 0; font-size: 11px; line-height: 30px; vertical-align: top; padding: 0 5px; float: left; } #footer .right .tooltip .left_tooltip { display: inline-block; background: url(/opec_web/static_files_project/images/layout/tooltip_left.png) no-repeat; width: 4px; height: 30px; float: left;} #footer .right .tooltip .right_tooltip { display: inline-block; background: url(/opec_web/static_files_project/images/layout/tooltip_right.png) no-repeat; width: 11px; height: 30px; float: left; } /* Meta */ #footer .meta { float: right; list-style-type: none; margin: 0; padding: 0; font-size: 11px; } #footer .meta li { float: left; list-style-type: none; margin: 0; padding: 0; } #footer .meta li a { float: left; color: #444d51; background: url(/opec_web/static_files_project/images/layout/meta_dot.png) no-repeat 100% 52%; padding: 1px 8px 0 0; margin-right: 7px; } #footer .meta a.youtube { background: url(/opec_web/static_files_project/images/layout/youtube.png) no-repeat 100% 45%; margin: 0; padding: 1px 26px 0 0; } #footer .meta a.youtube:hover{text-decoration:none;} #footer .meta a.rss { background: url(/opec_web/static_files_project/images/layout/icn_rss.png) no-repeat 100% 45%; margin: 0; padding: 1px 21px 0 3px; } #footer .meta a:hover { color: #00a5e8; } /* !** Home page */ /* !********************** */ /* ------------------------------------------------------------------------------------------------------------------------------------ * ------------------------------------------------------------------------------------------------------------------------------------ */ #home { width: 100%; overflow: hidden; padding: 8px 0 0 0; } .home-bg1 { height: 280px; background: url(/opec_web/static_files_project/images/layout/bg_teasers.png) no-repeat; } .home-bg2 { height: 450px; background: url(/opec_web/static_files_project/images/layout/bg_teasers_long.png) no-repeat; }/*330*/ body.pg-anniv #home { height: 308px; background: url(/opec_web/static_files_project/images/layout/bg_teasers_alt.png) no-repeat;} body.pg-anniv #home hr { border: 0; margin: 0; padding: 0; border-top: 1px solid #fff; width: 980px; margin-left: 3px; margin-top: -8px; } #home h1 { display: none; } /* Cols */ #home .col { float: left; padding: 5px 0 0 0; margin: 0 5px 0 10px; width: 230px; height: 250px; overflow: hidden; position: relative; } #home .first { padding-left: 3px; width: 227px; } * html #home .first { margin-left: 5px; } #home .col h2 { font-size: 12px; font-weight: normal; margin: 0 45px 12px 3px; text-transform: uppercase; color: #4e5254; position: relative; z-index: 3; } #home .col h2 a { color: #4e5254; border:none;} #home .col h2 a:hover { color: #00a5e8; } #home .col h2 a img {border:solid 1px red;} #home .first h2 { margin-left: 0; } #home .col2 { float: left; padding: 5px 0 0 0; margin: 0 5px 10px 10px; width: 230px; height: 100px; overflow: hidden; position: relative; } /* ecx update*/ #home .col2 .img span{position:absolute; top:84px; left:0; height:100px; width:100%; padding: 0 5px 0 5px; background:rgb(255, 255, 255); background: transparent\9; background-color:rgba(255, 255, 255, 0.5); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66ffffff,endColorstr=#66ffffff); zoom: 1; } #home .col2 a{text-decoration:none;} #home .col2 .img a:hover span {top:50px;} #home .col2 .img span h2, #home .col2 .img span h2:hover{margin-top:2px; margin-bottom:3px; text-transform: uppercase;font-size:15px; cursor:hand;} #home .col2 .img span p, #home .col2 .img span p:hover{color:#222; font-size:11px; cursor:hand;} #home .col2 .img image {border:none;} /* Flex app */ #home .col .app { width: 231px; overflow: hidden; margin: -10px 0 0 -4px; } #home .col .app-links { list-style-type: none; margin: 0 0 0 -4px; padding: 0; font-size: 11px; } #home .col .app-links li { list-style-type: none; margin: 0; padding: 0; color: #2e3234; } #home .col .app-links a { display: block; height: 21px; line-height: 23px; padding: 0 10px 0 20px; color: #2e3234; background: url(/opec_web/static_files_project/images/layout/bg_flex_link.png) no-repeat; } #home .col .app-links a:hover { color: #00a5e8; } /* Tab links */ #home .col .tab-links { list-style-type: none; margin: 0 0 0 -2px; padding: 0; font-size: 11px; } #home .col .tab-links li { list-style-type: none; margin: 0; padding: 0; color: #2e3234; background: url(/opec_web/static_files_project/images/layout/bg_flex_link.png) no-repeat 0; } #home .col .tab-links li.camera { background: url(/opec_web/static_files_project/images/layout/bg_tab_link_camera.png) no-repeat 0; } #home .col .tab-links li.film { background: url(/opec_web/static_files_project/images/layout/bg_tab_link_film.png) no-repeat 0; } #home .col .tab-links a { display: block; height: 21px; line-height: 23px; padding: 0 18px 0 38px; color: #2e3234; } #home .col .tab-links a:hover { color: #00a5e8; } /* Publication links */ #home .col .public li a { display: block; color: #4e5254;background: url(/opec_web/static_files_project/images/layout/bluearrow.png) no-repeat 5px 50%; padding: 3px 0 2px 17px; } /*background: url(/opec_web/static_files_project/images/layout/icn_arr2.gif) no-repeat 6px 50%;*/ #home .col .public li a:hover { color: #00a5e8; } /* Publications */ #home .col .public { list-style-type: none; margin: 0 0 15px 0; padding: 0; font-size: 12px; } * html #home .col .public { margin-top: -3px; margin-bottom: 11px; } #home .col .public li { list-style-type: none; margin: 0; padding: 0 0 1px 0; background: url(/opec_web/static_files_project/images/layout/bg_public_border.png) no-repeat 0 100%; } * html #home .col .public li { height: 1%; } #home .col .public li.last { background: none; } #home .col .public li a.download { display: block; color: #4e5254; background: url(/opec_web/static_files_project/images/layout/icon_download.png) no-repeat 0 50%; padding: 0 0 0 22px; height: 20px; line-height: 24px; } #home .col .public li a.download:hover { color: #00a5e8; } /*#home .col .public li a.download span { display: block; height: 100%; line-height: 20px; padding-left: 3px; width: 100%; cursor:pointer; }*/ * html #home .col .public li a.download { height: 19px; line-height: 22px; } /* Promo */ #home .col .promo { background: url(/opec_web/static_files_project/images/layout/box_gold.png) no-repeat; width: 230px; height: 104px; margin: 0 0 5px 0; } /* bg height:93px*/ #home .col .promo.im {height:87px;} #home .col .promo.im img {float:left; margin:10px 5px 8px 11px;} #home .col .promo h3 {color: #4e5254; font-size: 14px; font-weight: bold; padding: 36px 0 0 96px; margin: 0 0px 12px 0;} /*padding:24px 0 0 96px;*/ #home .col .promo.im h3{padding: 8px 0 0 0; margin:0 10px 5px 0;} #home .col .promo a.more { margin: 0 0 0 96px; font-size: 11px; background: url(/opec_web/static_files_project/images/layout/icn_more_dark.gif) no-repeat 0 50%; color: #4E5254; padding: 0 0 0 8px; font-weight: bold; } #home .col .promo.im a.more{margin:0 0 0 0; color:black;} #home .col .promo a.more:hover, #home .col .promo.hover a.more { text-decoration: underline; } #home .col.colspan2 { width: 470px; height: auto; margin-right: 0; } #home .col.colspan2 ul, #home .col.colspan2 li { margin: 0; padding: 0; list-style-type: none; position: relative; } #home .col.colspan2 div.img { float: left; width: 185px; } #home .col.colspan2 h3, #home .col.colspan2 p, #home .col.colspan2 a.more { margin-left: 185px; } #home .col.colspan2 li { margin-top: 30px; } #home .col.colspan2 li:first-child { margin-top: 0; } /* News slide */ #home .news-slide, #home .news { width: 230px; height: 260px; overflow: hidden; position: absolute; top: 0; left: 0; padding: 27px 0 0 0; } #home .news-slide ul { margin: 0; padding: 0; list-style-type: none; position: relative; } #home .news-slide li { margin: 0; padding: 0; list-style-type: none; padding: 0 0 0 3px; } #home .news-slide li .img, #home .news .img { margin: 0 0 8px -3px; } #home .news-slide li h3, #home .news h3, #home .col.colspan2 h3 { font-size: 11px; font-weight: bold; color: #2e3234; margin: 0 0 5px 0; line-height: 14px; } #home .news-slide li p, #home .news p, #home .col.colspan2 p { font-size: 11px; color: #2e3234; margin: 0 0 8px 0; line-height: 14px; } #home .news-slide li a.more, #home .news a.more, #home .bg-teaser a.more, #home .col.colspan2 a.more, #home .nobg-teaser a.more { display: block; font-size: 11px; background: url(/opec_web/static_files_project/images/layout/bluearrow.png) no-repeat 0 50%; color: #00a5e8; padding: 0 0 0 10px; font-weight: bold; } #home .new-teasers li a.more { display: block; font-size: 11px; background: url(/opec_web/static_files_project/images/layout/bluearrow.png) no-repeat 5px 50%; color: #00a5e8; padding: 3px 0 2px 17px; font-weight: bold; } #home .news-slide li a.more:hover, #home .news a.more:hover, #home .col.colspan2 a.more:hover { text-decoration: underline; } /* Controls */ #home .slide-controls { position: absolute; top: 0; right: 0; width: 50px; height: 22px; overflow: hidden; } #home .slide-controls a { display: block; width: 25px; height: 22px; overflow: hidden; background: url(/opec_web/static_files_project/images/layout/btns_news_slider.png) no-repeat; position: absolute; top: 0; right: 0; z-index: 2; text-indent: -9999em; outline: none; } #home .slide-controls a.prev { background-position: 0 -22px; right: 25px; } #home .slide-controls a.prev:hover { background-position: 0 -44px; } #home .slide-controls a.prev.disabled { background-position: 0 0; } #home .slide-controls a.next { background-position: -25px -22px; } #home .slide-controls a.next:hover { background-position: -25px -44px; } #home .slide-controls a.next.disabled { background-position: -25px 0; } #cont .tripple-col .news-slide, #cont .tripple-col .news { width: 230px; height: 260px; overflow: hidden; position: absolute; top: 0; padding: 27px 0 0 0; } #cont .tripple-col .news-slide { margin: 7px 0 0 5px; } #cont .tripple-col .news-slide ul { margin: 0; padding: 0; list-style-type: none; position: relative; } #cont .tripple-col .news-slide li { margin: 0; padding: 0; list-style-type: none; padding: 0 0 0 3px; } #cont .tripple-col .news-slide li .img, #cont .tripple-col .news .img { margin: 0 0 8px -3px; } #cont .tripple-col .news-slide li h3, #cont .tripple-col .news h3 { font-size: 11px; font-weight: bold; color: #2e3234; margin: 0 0 5px 0; line-height: 14px; } #cont .tripple-col .news-slide li p, #cont .tripple-col .news p { font-size: 11px; color: #2e3234; margin: 0 0 8px 0; line-height: 14px; } #cont .tripple-col .news-slide li a.more, #cont .tripple-col .news a.more { display: block; font-size: 11px; background: url(/opec_web/static_files_project/images/layout/bluearrow.png) no-repeat 0 50%; color: #00a5e8; padding: 0 0 0 8px; font-weight: bold; } #cont .tripple-col .news-slide ul li a.more { margin: 10px 0 0 0; } #cont .tripple-col .news-slide li a.more:hover, #cont .tripple-col .news a.more:hover { text-decoration: underline; } /* Controls */ #cont .tripple-col .slide-controls { position: absolute; top: 0; right: 0; width: 50px; height: 22px; overflow: hidden; } #cont .tripple-col .slide-controls a { display: block; width: 25px; height: 22px; overflow: hidden; background: url(/opec_web/static_files_project/images/layout/btns_news_slider.png) no-repeat; position: absolute; top: 0; right: 0; z-index: 2; text-indent: -9999em; outline: none; } #cont .tripple-col .slide-controls a.prev { background-position: 0 -22px; right: 25px; } #cont .tripple-col .slide-controls a.prev:hover { background-position: 0 -44px; } #cont .tripple-col .slide-controls a.prev.disabled { background-position: 0 0; } #cont .tripple-col .slide-controls a.next { background-position: -25px -22px; } #cont .tripple-col .slide-controls a.next:hover { background-position: -25px -44px; } #cont .tripple-col .slide-controls a.next.disabled { background-position: -25px 0; } /* !** Main */ /* !********************** */ /* ------------------------------------------------------------------------------------------------------------------------------------ * ------------------------------------------------------------------------------------------------------------------------------------ */ #main { background: url(/opec_web/static_files_project/images/layout/bg_main.png) repeat-y; margin: 0 0 0 -4px; padding: 0; width: 995px; overflow: hidden; position: relative; } /* Anniversary */ #anniversary { display: block; position: absolute; bottom: 0; left: 13px; width: 195px; height: 206px; background: url(/opec_web/static_files_project/images/layout/bg_anniv.jpg) no-repeat; text-indent: -9999em; } /* Breadcrumbs */ #breadcrumbs { font-size: 11px; margin: 0 0 5px 0; padding: 10px 0 3px 0; width: 100%; overflow: hidden; line-height: 13px; color: #2e3234; } #breadcrumbs span { float: left; color: #838383; } #breadcrumbs a { float: left; color: #2e3234; padding: 0 10px 0 0; margin: 0 8px 0 0; background: url(/opec_web/static_files_project/images/layout/bluearrow.png) no-repeat 100% 50%; } #breadcrumbs a:hover { color: #00a5e8; } /* !** Content */ /* !********************** */ /* ------------------------------------------------------------------------------------------------------------------------------------ * ------------------------------------------------------------------------------------------------------------------------------------ */ #cont { float: right; width: 760px; margin: 0 14px 0 0; overflow: hidden; position: relative; z-index: 1; } #main .cont-nonav { float: none; margin-left: 18px; width: 960px; } /* Common */ #cont h1 { font-size: 30px; font-weight: bold; line-height: 32px; color: #2c3234; margin: 15px 260px 32px 0; } #cont h2 { font-size: 30px; font-weight: bold; line-height: 32px; color: #2c3234; margin: 15px 260px 32px 0; } #cont h5 { margin-top: 0; } #cont p a { color: #00a5e8; } #cont p a.blank { background: url(/opec_web/static_files_project/images/layout/icn_external.gif) no-repeat 100% 0; padding-right: 10px; } #cont .slim { width: 500px; float: left; } #cont div.slim2 { width:500px; float:left; background: #F4F4F5 none; margin: 10px 0; } #cont .slim div.textblock { margin-left: 8px; } #cont .slim2 { width: 710px; float: left; } #cont .slim-fade { background: #fff url(/opec_web/static_files_project/images/layout/bg_widget_fade.png) repeat-x; min-height: 160px; width: 508px; } #cont a.more { background: url(/opec_web/static_files_project/images/layout/icn_arr.png) no-repeat 0 50%; color: #00a5e8; padding: 0 0 0 11px; font-size: 12px; display: block; margin: -10px 0 0 0; } #cont a.more:hover { text-decoration: underline; } #cont a.btn { display: block; padding: 0 0 0 3px; color: #fff; font-size: 10px; text-transform: uppercase; font-weight: bold; background: url(/opec_web/static_files_project/images/layout/bg_btn_1.png) no-repeat; } #cont a.btn em { display: block; height: 20px; line-height: 20px; padding: 0 3px 0 0; font-style: normal; background: url(/opec_web/static_files_project/images/layout/bg_btn_2.png) no-repeat 100% 0; } /* Headline block */ #cont .headline { width: 100%; overflow: hidden; padding-top: 5px; } #cont .headline h1, #cont .headline h2 { float: left; margin-right: 0; width: 500px; line-height: 120%; } #cont .headline .date { float: right; width: 250px; text-align: right; margin-top: 15px; } /* Pretext with 2 columns */ #cont .pretext { margin: -3px 0 16px 0; padding: 10px 0 10px 0; background: #f4f4f5; width: 760px; overflow: hidden; } #cont .pretext-fade { background: #fff url(/opec_web/static_files_project/images/layout/bg_pretext_fade.png) repeat-x; } body.pg-employment #cont .pretext { margin-bottom: 2px; } #cont .pretext .col1 { float: left; width: 485px; padding-left: 0px; } #cont .pretext .col2 { float: right; width: 250px; padding-right: 0; text-align: right; } #cont .pretext h5 { margin: 0 0 2px 0; } #cont .pretext p { margin: 15px 0 0 0; } #cont .pretext .flag { margin: -5px 0 4px 0; } #cont .pretext a.more { margin: 6px 0 0 0; display: block; float: left; } #cont .pretext .col2 h5, #cont .pretext .col2 p, #cont .pretext .col2 .flag { margin-right: 5px; } #cont .pretext .col2 p {margin-top:0px;} /* Promo */ #cont .pretext .promo { background: url(/opec_web/static_files_project/images/layout/employment_promo.png) no-repeat; width: 250px; height: 138px; margin: -10px 0 -10px 0; } #cont .pretext .promo h3 { color: #4e5254; font-size: 14px; font-weight: bold; padding: 36px 20px 0 96px; margin: 0 0 12px 0; text-align: left; } #cont .pretext .promo a.more { margin: 0 0 0 96px; font-size: 11px; background: url(/opec_web/static_files_project/images/layout/bluearrow.png) no-repeat 0 50%; color: #00a5e8; padding: 0 0 0 8px; font-weight: bold; } #cont .pretext .promo a.more:hover, #cont .pretext .promo.hover a.more { text-decoration: underline; } /* GFX */ #main .gfx { margin: 0 0 5px 0; } /* Tripple col */ #cont .tripple-col { width: 760px; overflow: hidden; } #cont .tripple-col .col { float: left; width: 236px; background: #fff url(/opec_web/static_files_project/images/layout/bg_col.png) repeat-x; padding: 12px 7px 0 7px; min-height: 250px; position: relative; } #cont .tripple-col .col1 { margin-right: 5px; } #cont .tripple-col .col2 { margin-right: 5px; } #cont .tripple-col form { margin: 34px 0 0 0; } #cont .tripple-col select { float: left; width: 200px; margin-right: 2px; font-size:12px; } #cont .tripple-col form a.btn { float: left; } #cont .tripple-col h2 a { color: #2c3234; } #cont .tripple-col h2 a:hover { color: #00a5e8; } /* Content */ #cont .col h2 { font-size: 12px; font-weight: normal; line-height: 15px; margin: 0 60px 6px 0; color: #2c3234; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; position: relative; z-index: 3; } #cont .col h3 { font-size: 12px; font-weight: bold; margin: 0 0 5px 0; color: #2c3234; font-family: Arial, Helvetica, sans-serif; } #cont .col ul { font-size: 12px; color: #2c3234; } #cont .tripple-col .col .img { margin: 0 0 14px 0; } #cont .tripple-col .col p { font-size: 12px; line-height: 14px; color: #2c3234; margin: 0 0 16px 0; } #cont .tripple-col .col a.more { display: block; float: none; margin: -10px 0 20px 0; } #cont ul.links { margin: 0; padding: 0; list-style-type: none; font-size: 12px; } #cont ul.links li { list-style-type: none; padding: 0; margin: 0; } #cont ul.links li a { display: block; background: url(/opec_web/static_files_project/images/layout/icn_arr.png) no-repeat 0 50%; color: #2e3234; padding: 0 0 0 12px; font-size: 12px; } #cont ul.links li a.download { display: inline; background: url(/opec_web/static_files_project/images/layout/icon_download_sml.png) no-repeat 2px 50%; color: #00a5e8; padding: 0 0.3em 0 20px; font-size: 12px; } #cont ul.links li a.download.flipbook { background: url(/opec_web/static_files_project/images/layout/icon_flipbook_sml.png) no-repeat 2px 50%; } #cont ul.links li a:hover { color: #00a5e8; } /* Downloads */ #cont .tripple-col .downloads h2 { margin: 0 0 12px 0; } #cont .tripple-col .downloads, #cont .tripple-col .downloads ul, #cont .tripple-col .downloads li { list-style-type: none; margin: 0; padding: 0; } #cont .tripple-col .downloads { margin: 36px 0 0 0; padding: 0 0 6px 0; } #cont .tripple-col .downloads li { font-size: 12px; color: #838383; padding: 0 0 2px 0; } #cont .tripple-col .downloads li a.download { display: block; color: #2c3234; background: url(/opec_web/static_files_project/images/layout/icn_pdf2.gif) no-repeat 0 50%; padding: 0 0 0 22px; height: 20px; line-height: 24px; } #cont .tripple-col .downloads li a.download:hover { color: #00a5e8; } /* Checklist */ #cont ul.checklist { margin: 0 0 0 4px; padding: 0; list-style-type: none; } #cont ul.checklist li { list-style-type: none; margin: 0 0 3px 0; padding: 0 0 0 25px; background: url(/opec_web/static_files_project/images/layout/icn_check.png) no-repeat 0 3px; line-height: 18px; } /* Articles */ #cont .articles { margin: 0 0 15px 0; } #cont .articles .article { margin: 0 0 18px 8px; } #cont .articles .article h3 { font-size: 12px; line-height: 15px; font-weight: normal; margin: 0 0 3px 0; } #cont .articles .article h3 a { background: url(/opec_web/static_files_project/images/layout/icn_arr.png) no-repeat 0 .3em; color: #00a5e8; padding: 0 0 0 11px; font-size: 12px; } #cont .articles .article h3 a:hover { text-decoration: underline; } #cont .article-overview .hover h3 a { text-decoration: underline; } #cont .articles .article p { margin: 0; font-size: 11px; color: #2c3234; } #cont #aside .article h3 { font-size: 12px; line-height: 15px; font-weight: normal; margin: 0 0 3px 0; } #cont #aside .article h3 a { background: url(/opec_web/static_files_project/images/layout/icn_arr.png) no-repeat 0 .3em; color: #00a5e8; padding: 0 0 0 11px; font-size: 12px; } /* Search results and form */ #cont .search-form { background: #f4f4f5; margin: 0 0 30px 0; padding: 10px; width: 685px; } #cont .search-form div { width: 100%; overflow: hidden; } #cont .search-form input, #cont .search-form select { font-size:12px; color:#b6bec1; padding:3px 5px; margin:0; float:left; border:1px solid #eae9e9; } #cont .search-form input.txt { width:615px; } #cont .search-form input.search { width:300px; } #cont .search-form select.search { width:220px; } #cont .search-form select.search-option { width:70px; margin-right:10px; } #cont .search-form a.advanced { } #cont .search-form a.btn { float: right; font-size: 12px; font-weight: normal; position: relative; top: 1px; } #cont .search-form a.btn em { line-height: 22px; padding: 0 14px 0 12px; } #cont .search-form p.inf { clear: both; margin: 0; padding: 6px 0 0 0; color: #2c3234; font-size: 11px; } #cont .search-form table, #cont .search-form td { border:none; } #cont .search-results { margin: 0 0 15px 0; } #cont .search-results .result { margin: 0 0 18px 0; } #cont .search-results .result h3 { font-size: 14px; line-height: 17px; font-weight: normal; margin: 0 0 3px 0; } #cont .search-results .result h3 a { color: #00a5e8; padding: 0; font-size: 14px; } #cont .search-results .result h3 a:hover { text-decoration: underline; } #cont .search-results .hover h3 a { text-decoration: underline; } #cont .search-results .result p { margin: 0; font-size: 11px; color: #2c3234; } #cont .search-results .result p.link, #cont .search-results .result p.link a { color: #7c8386; } #cont .search-results .result p.link a:hover { text-decoration: underline; } #cont .search-results .result p.more { padding-top: 6px; } #cont .search-results .result p.more, #cont .search-results .result p.more a { color: #7c8386; } #cont .search-results .result p.more a:hover { text-decoration: underline; } #cont .search-results .picture-result-detail li span { text-decoration:none; font-size:12px; color:#595959; line-height:16px; } #cont .search-results .picture-result ul, #cont .search-results .picture-result-detail ul { width:100%; overflow:hidden; list-style-type:none; margin:0; padding:0; } #cont .search-results .picture-result li, #cont .search-results .picture-result-detail li { float:left; width:138px; height:88px; list-style-type:none; margin:0 4px 0 0; padding:8px 0; background:#f2f2f2; text-align: center; } #cont .search-results .picture-result-detail li { margin-bottom:20px; height:auto; } #cont .search-results .picture-result-detail li a {color:#595959;} #cont .search-results .picture-result-detail li img { width: 100% } div.ajaxAutoCompleteMainLayer div.ajax_Link { height:15px; overflow:hidden; border-top:1px solid #dcdfe1; border-right:1px solid #dcdfe1; border-left:1px solid #dcdfe1; padding:10px 6px; } div.ajaxAutoCompleteMainLayer div.ajax_First { border-top:none; } div.ajaxAutoCompleteMainLayer div.ajax_Link a { color:#596063; font-weight:bold; font-size:12px; text-decoration:none; display:block; text-align:left; } div.ajaxAutoCompleteMainLayer div.ajax_Link a span { background-color:#bfe8f9; } div.ajaxAutoCompleteMainLayer div.ajax_Over, div.ajaxAutoCompleteMainLayer div.ajax_Over a { background-color:#bfe8f9; font-weight:bold; font-size:12px; text-decoration:none; } div.ajaxAutoCompleteMainLayer div.ajax_ImgTop_imageLarge, div.ajaxAutoCompleteMainLayer div.ajax_ImgTop_imageSmall { background-image:url(/opec_web/static_files_project/images/layout/autocomplete_top_large.png); background-repeat:no-repeat; height:3px; } div.ajaxAutoCompleteMainLayer div.ajax_ImgTop_imageSmall { background-image:url(/opec_web/static_files_project/images/layout/autocomplete_top_small.png); } div.ajaxAutoCompleteMainLayer div.ajax_ListItems { background-color:#fff; } div.ajaxAutoCompleteMainLayer div.ajax_ShadowBottom_imageLarge, div.ajaxAutoCompleteMainLayer div.ajax_ShadowBottom_imageSmall { background-image:url(/opec_web/static_files_project/images/layout/autocomplete_bottom_large.png); background-repeat:no-repeat; height:3px; } div.ajaxAutoCompleteMainLayer div.ajax_ShadowBottom_imageSmall { background-image:url(/opec_web/static_files_project/images/layout/autocomplete_bottom_small.png); } /* Picture results */ #cont .search-results .picture-result { margin: 0 0 15px 0; padding: 0; } #cont .search-results .picture-result h2 { color: #2c3234; font-weight: normal; font-size: 18px; line-height: 20px; margin: 0 0 6px 0; padding: 0; } #cont .search-results .picture-result h2 a { font-size: 11px; font-weight: bold; color: #00a5e8; margin-left: 4px; } #cont .search-results .picture-result h2 a:hover { text-decoration: underline; } #cont .search-results .picture-result ul { width: 100%; overflow: hidden; list-style-type: none; margin: 0; padding: 0; } #cont .search-results .picture-result li { float: left; width: 138px; height: 88px; list-style-type: none; margin: 0 4px 0 0; padding: 8px 0; background: #f2f2f2; text-align: center; } /* Pager */ #cont .pager { clear: both; float: none; text-align: center; width: 700px; margin: 25px 0; } #cont .pager a { font-size: 14px; color: #00a5e8; padding: 0 4px; } #cont .pager a.next { padding-left: 18px; } #cont .pager a.prev { padding-right: 18px; } #cont .pager a:hover { text-decoration: underline; } #cont .pager a.on { text-decoration: none; font-weight: bold; color: #2c3234; } /* Gallery teaser */ #cont .gallery-teaser { float: left; width: 244px; margin: 0 10px 10px 0; padding: 2px 0 0 0; } /* Gallery */ .gallery {text-align:center; background: url() repeat-x; padding:8px 0 0 8px;} .gallery h2 {text-align:left; text-transform: uppercase; color:#595959 !important; font-size:12px !important; margin: 0 0 10px 0; line-height:17px !important; margin:0 !important;} .gallery a.imageLink {display:block; width:30% !important; height:130px; overflow:hidden; border:solid 1px #ccc; padding:3px; margin:2px; float:left; text-decoration:none;color:#2c6381; background: #fff url(/opec_web/static_files_project/images/layout/magnify.png) no-repeat 128px 116px !important;} .gallery a.imageLink .frame { } .gallery a.imageLink .frame img{max-height:110px;} .gallery span {width:auto; background: url(/opec_web/static_files_project/images/layout/icn_arr.png) no-repeat 0 50%; padding: 2px 0 2px 11px; font-size: 11px; color: #595959; } /* Stats table */ #cont table.stats { width: 100%; font-size: 12px; color: #2c3234; } #cont table.stats th { font-weight: bold; } #cont table.stats th span { font-weight: normal; } #cont table.stats td { font-weight: bold; text-align: right; } #cont table.stats tr.on th, #cont table.stats tr.on td { background: #e7eaeb; } /* Legend and source */ #cont p.legend { font-size: 11px; color: #2c3234; line-height: 20px; margin: 10px 0; padding: 0 4px; } #cont p.source { font-size: 11px; color: #2c3234; line-height: 20px; margin: 10px 0; padding: 0 4px; } /* Employment */ #cont .employment { width: 508px; overflow: hidden; } #cont .employment h2 { font-size: 12px; font-weight: normal; color: #2c3234; margin: 0 0 5px 0; padding: 9px 0 0 8px; line-height: 15px; text-transform: uppercase; } #cont .employment h2 a { color: #2c3234; text-decoration: none; } #cont .employment h2 a:hover { color: #00a5e8; } #cont .employment .col1 { float: left; width: 242px; margin-left: 8px; } #cont .employment .col2 { float: right; width: 242px; margin-right: 5px; } #cont .employment h3 { font-size: 12px; line-height: 15px; color: #2c3234; margin: 0 0 7px 0; font-weight: bold; } #cont .employment .gfx { margin: 0 0 8px 0; } #cont .employment .gfx img { border: 1px solid #fff; } #cont .employment ul.links li a { background-position: 0 5px; } /* List */ #cont .list { width: 100%; } #cont .list h3 {font-size: 12px; font-weight: bold; color: #666666;} #cont .list ul {list-style-type: none; width: 100%; overflow: hidden; margin: 0;} #cont .list ul li {float: left; list-style-type: none; margin: 0 10px; padding: 0; font-size: 11px; line-height: 13px; width: 100%; overflow: hidden;} #cont .list ul li.odd { background: #F4F4F5;} #cont .list ul li.even { background: none;} #cont .list ul li .title { width: 200px; font-weight: bold; float: left; padding: 6px 5px;} #cont .list ul li a { color: #00a5e8; float: left; font-size: 11px; line-height: 24px; height: 20px; margin: 0 30px 0 10px; padding: 0 0 0 20px; } #cont .list ul li a.pdf { background: url(/opec_web/static_files_project/images/layout/icn_download_table.png) no-repeat 0 4px; } #cont .list ul li a.flipbook { background: url(/opec_web/static_files_project/images/layout/icn_flipbook_table.png) no-repeat 0 4px; } #cont .list ul li a:hover { text-decoration: underline; } /* Issue list */ #cont .issues { margin: 0; padding: 5px; background: #fff url(/opec_web/static_files_project/images/layout/bg_widget_fade.png) repeat-x; } #cont .issues h3 { font-size: 12px; font-weight: normal; color: #2c3234; margin: 0 0 20px 0; line-height: 15px; text-transform: uppercase; } #cont .issues h3 a { color: #2c3234; text-decoration: none; } #cont .issues h3 a:hover { color: #00a5e8; text-decoration: none; } #cont .issues ul { margin: 0; padding: 0; width: 490px; overflow: hidden; } #cont .issues ul li { float: left; list-style-type: none; margin: 10px 11px; padding: 0; font-size: 11px; line-height: 13px; width: 100px; overflow: hidden; } #cont .issues ul li a { color: #2c3234; background: url(/opec_web/static_files_project/images/layout/icn_arr.png) no-repeat 0 2px; padding: 0 0 0 9px; } #cont .issues ul li a:hover, #cont .issues ul li.hover a { color: #00a5e8; } /* Issue teaser */ #cont .issue { margin: 30px 0 40px 0; padding: 0; width: 500px; overflow: hidden; position: relative; } #cont .issue .cover { float: left; width: 200px; } #cont .issue .cover img { border: 0; } #cont .issue .downloads_vertical{ margin: 15px 0 0 14px; padding: 0; } #cont .issue .downloads_vertical li { font-size: 12px; color: #838383; padding: 0 0 2px 0; list-style:none; margin:0px 0 0 1px;} #cont .issue .downloads_vertical li a.download { display: block; background: url(/opec_web/static_files_project/images/layout/icon_download.png) no-repeat 0 50%; padding: 0 0 0 22px; height: 20px; line-height: 24px; } #cont .issue .downloads_vertical li a.download:hover { color: #00a5e8; } #cont .issue .downloads_vertical li a.zip { background: url(/opec_web/static_files_project/images/layout/icn_zip.gif) no-repeat 0 50%; } #cont .issue .downloads_vertical li a.download { background: url(/opec_web/static_files_project/images/layout/icon_download.png) no-repeat 0 50%; } #cont .issue .downloads_vertical li a.flipbook { background: url(/opec_web/static_files_project/images/layout/icon_flipbook.png) no-repeat 0 50%; padding-left: 25px; } #cont .issue .downloads_vertical li a:hover { text-decoration: underline; } /* Issue teaser with slider */ #cont .issueSlider { margin: 30px 0 40px 0; padding: 0; width: 500px; overflow: hidden; position: relative; } #cont .issueSlider .cover { float: left; width: 200px; } #cont .issueSlider .cover img { border: 0; } #cont .issueSlider .downloads_vertical{ margin: 15px 0 0 14px; padding: 0; } #cont .issueSlider .downloads_vertical li { font-size: 12px; color: #838383; padding: 0 0 2px 0; list-style:none; margin:0px 0 0 1px;} #cont .issueSlider .downloads_vertical li a.download { display: block; background: url(/opec_web/static_files_project/images/layout/icon_download.png) no-repeat 0 50%; padding: 0 0 0 22px; height: 20px; line-height: 24px; } #cont .issueSlider .downloads_vertical li a.download:hover { color: #00a5e8; } #cont .issueSlider .downloads_vertical li a.zip { background: url(/opec_web/static_files_project/images/layout/icn_zip.gif) no-repeat 0 50%; } #cont .issueSlider .downloads_vertical li a.download { background: url(/opec_web/static_files_project/images/layout/icon_download.png) no-repeat 0 50%; } #cont .issueSlider .downloads_vertical li a.flipbook { background: url(/opec_web/static_files_project/images/layout/icon_flipbook.png) no-repeat 0 50%; padding-left: 25px; } #cont .issueSlider .downloads_vertical li a:hover { text-decoration: underline; } #cont .issueSlider .inf { float: right;text-align:left; width: 300px; margin-top:35px; }/*372px; }*/ #cont .issueSlider .inf .sublinks {margin-top:15px;} #cont .issueSlider .inf ul{margin:16px 0 0 0; padding:0;} #cont .issueSlider .inf ul li{list-style:none; padding:0; margin:0;} #cont .issueSlider .inf a{background:url("/opec_web/static_files_project/images/layout/icn_arr.png") no-repeat 0 2px; padding: 0 0 0 9px; font-size:12px; line-height:22px;} #cont .issueSlider .inf #slider {position: relative; overflow: hidden; margin: 0px 50px 0 0; /*border-radius: 4px; margin-top:32px*/} #cont .issueSlider .inf #slider ul {position: relative;margin: 0;padding: 0;height: 120px;list-style: none;} #cont .issueSlider .inf #slider ul li {position: relative;display: block;float: left;margin: 0;padding: 0;width: 230px;height: 104px;background: #ccc;text-align: center;line-height: 12px;} #cont .issueSlider .inf #slider a{padding:0;margin:0;border:none;} #cont .issueSlider .inf #slider ul li a img{width:100%;height:100%;border:none !important;background:none;padding:0;margin:0;} /* update 08062015 - TO DELETE*/ #cont #aside .issue { margin: 0px 0 40px 0; padding: 0; width: 250px; overflow: hidden; position: relative; } #cont #aside .issue h3 {left:0px;} #cont .issue .downloads_vertical li ul li { font-size: 12px; color: #838383; padding: 0 0 2px 0; list-style:none; margin:0px 0 0 25px;} #cont .issue .downloads_vertical li ul li a { display: block; background: url(/opec_web/static_files_project/images/layout/icn_arr.png) no-repeat 0 50%; color: #2e3234; padding: 0 0 0 12px; font-size: 12px; } #cont #aside .issue .cover .chapters {float:right;} #cont #aside .issue .cover .chapters li {list-style:none;} #cont #aside .issue .cover .chapters a { background: url(/opec_web/static_files_project/images/layout/icn_arr.png) no-repeat 0 50%; display: block; color: #2e3234; padding: 0 0 0 12px; font-size: 12px; } #cont #aside .issue .cover img {padding:0; margin:0;} /* end DELETE */ /* update replace #aside .issue */ #cont #aside .issueSection { margin: 0px 0 40px 0; padding: 0; width: 250px; overflow: hidden; position: relative; } #cont #aside .issueSection h3 {left:0px; font-size: 14px; font-weight:bold;color: #2c3234; margin: 10px 0 4px 7px; line-height: 22px;} #cont #aside .issueSection .cover .chapters h3{margin: 0 10px 4px 10px;} #cont .issue .downloads_vertical li ul li { font-size: 12px; color: #838383; padding: 0 0 2px 0; list-style:none; margin:0px 0 0 25px;} #cont .issueSection .downloads_vertical li ul li a { display: block; background: url(/opec_web/static_files_project/images/layout/icn_arr.png) no-repeat 0 50%; color: #2e3234; padding: 0 0 0 12px; font-size: 12px; } #cont #aside .issueSection .cover .chapters {float:right;} #cont #aside .issueSection .cover .chapters li {list-style:none;} #cont #aside .issueSection .cover .chapters a { background: url(/opec_web/static_files_project/images/layout/icn_arr.png) no-repeat 0 50%; display: block; color: #2e3234; padding: 0 0 0 12px; font-size: 12px; } #cont #aside .issueSection .cover img {padding:0; margin:0;} #cont #aside .issueSection .downloads_vertical{ margin: 15px 0 0 14px; padding: 0; } #cont #aside .issueSection .downloads_vertical li { font-size: 12px; color: #838383; padding: 0 0 2px 0; list-style:none; margin:0px 0 0 1px;} #cont #aside .issueSection .downloads_vertical li a.download { display: block; background: url(/opec_web/static_files_project/images/layout/icon_download.png) no-repeat 0 50%; padding: 0 0 0 22px; height: 20px; line-height: 24px; } #cont #aside .issueSection .downloads_vertical li a.download:hover { color: #00a5e8; } #cont #aside .issueSection .downloads_vertical li a.zip { background: url(/opec_web/static_files_project/images/layout/icn_zip.gif) no-repeat 0 50%; } #cont #aside .issueSection .downloads_vertical li a.download { background: url(/opec_web/static_files_project/images/layout/icon_download.png) no-repeat 0 50%; } #cont #aside .issueSection .downloads_vertical li a.flipbook { background: url(/opec_web/static_files_project/images/layout/icon_flipbook.png) no-repeat 0 50%; padding-left: 25px; } #cont #aside .issueSection .downloads_vertical li a:hover { text-decoration: underline; } /* end update */ #cont .issue .inf { float: right;text-align:left; width: 300px; margin-top:35px; }/*372px; }*/ #cont .issue .inf .sublinks {margin-top:15px;} #cont .issue .inf ul{margin:16px 0 0 0; padding:0;} #cont .issue .inf ul li{list-style:none; padding:0; margin:0;} #cont .issue .inf a{background:url("/opec_web/static_files_project/images/layout/icn_arr.png") no-repeat 0 2px; padding: 0 0 0 9px; font-size:12px; line-height:22px;} #cont .issue .inf #slider {position: relative; overflow: hidden; margin: 0px 50px 0 0; /*border-radius: 4px; margin-top:32px*/} #cont .issue .inf #slider ul {position: relative;margin: 0;padding: 0;height: 120px;list-style: none;} #cont .issue .inf #slider ul li {position: relative;display: block;float: left;margin: 0;padding: 0;width: 230px;height: 104px;background: #ccc;text-align: center;line-height: 12px;} #cont .issue .inf #slider a{padding:0;margin:0;border:none;} #cont .issue .inf #slider ul li a img{width:100%;height:100%;border:none !important;background:none;padding:0;margin:0;} #cont .issue h3 { color: #2c3234; font-size: 18px; left:-70px; line-height: 20px; font-weight: bold; margin: 0 0 15px 0; padding: 0; position: relative; top: -2px; } #cont .issue ul.downloads { position: absolute; bottom: 0; left: 130px; margin: 0; padding: 0; font-size: 12px; list-style-type: none; width: 370px; overflow: hidden; } #cont .issue ul.downloads li { float: left; list-style-type: none; margin: 0; padding: 0; line-height: 26px; height: 20px; } #cont .issue ul.downloads li a { color: #00a5e8; float: left; font-size: 11px; line-height: 24px; height: 20px; margin: 0 30px 0 0; padding: 0 0 0 20px; background: url(/opec_web/static_files_project/images/layout/icon_download.png) no-repeat 0 50%; } #cont .issue ul.downloads li a.zip { background: url(/opec_web/static_files_project/images/layout/icn_zip.gif) no-repeat 0 50%; } #cont .issue ul.downloads li a.download { background: url(/opec_web/static_files_project/images/layout/icon_download.png) no-repeat 0 50%; } #cont .issue ul.downloads li a.flipbook { background: url(/opec_web/static_files_project/images/layout/icon_flipbook.png) no-repeat 0 50%; padding-left: 25px; } #cont .issue ul.downloads li a:hover { text-decoration: underline; } /* update 08062015*/ #cont .widebanner .inf{float:none; width:500px;margin-top:3px;} #cont .widebanner .inf h4{width:100%; margin:10px 0 10px 0;color:#2c3234;text-transform:none;} #cont .widebanner .inf #slider { position: relative; overflow: hidden; margin: 32px 50px 0 0;} #newshomeimg {width:500px; overflow:hidden;} #newshomeimg img { position:absolute; border: none; width:500px; } #newscaption { display: inline; } /* end update */ /* Accreditation */ #cont form.m { margin: 0; padding: 0; } #cont form.m fieldset { background: #f4f4f5; margin: 0 0 5px 0; padding: 10px; } #cont form.m fieldset.fade { background: #fff url(/opec_web/static_files_project/images/layout/bg_widget_fade.png) repeat-x; } #cont form.m fieldset h3 { color: #2c3234; font-size: 14px; font-weight: bold; margin: 0 0 16px 0; padding: 0; } #cont form.m fieldset h4 { color: #2c3234; font-size: 12px; font-weight: bold; margin: 0 0 16px 0; padding: 0; text-transform: uppercase; } #cont form.m div { overflow: hidden; width: 100%; margin: 0 0 4px 0; } #cont form.m label { float: left; font-size: 12px; color: #2c3234; width: 80px; clear: both; line-height: 22px; } #cont form.m label.blank { color: #fff; } #cont form.m label em { color: #00a5e8; } #cont form.m input.txt { font-size: 11px; color: #2c3234; width: 285px; } #cont form.m input.default { color: #b6bec1; } #cont form.m input.dd { width: 22px; } #cont form.m input.mm { width: 22px; } #cont form.m input.yyyy { width: 40px; } #cont form.m p.note { margin: 16px 0 0 0; border: 0; padding: 2px 0 2px 26px; color: #2c3234; background: transparent url(/opec_web/static_files_project/images/layout/icon_blau.png) no-repeat 2px 0; font-style: italic; } /* Checkboxes */ #cont form.m div.chk { margin: 0 0 1px 0; padding: 0 0 0 4px; } #cont form.m div.chk label { float: none; width: auto; line-height: 16px; padding-left: 5px; } #cont form.m div.selected label { font-weight: bold; } /* Selectboxes */ #cont form.m select { font-size: 11px; color: #2c3234; width: 291px; } #cont form.m select.title { width: 90px; } /* Attended */ #cont form.m div.attended { margin: 35px 0 10px 0; } #cont form.m div.attended p { margin: 0 0 5px 0; } #cont form.m div.attended p.inf { padding-left: 80px; font-style: italic; font-size: 11px; } #cont form.m select.attended { width: 90px; } #cont form.m div.attended div.alt-date { background: url(/opec_web/static_files_project/images/layout/icn_alt_date.gif) no-repeat 84px 7px; } #cont form.m div.attended div.alt-date label { width: 98px; } /* Buttons */ #cont form.m div.btn { margin: 15px 0; } #cont form.m div.btn a { float: right; } #cont form.m div.btn a em { padding: 0 20px 0 18px; font-weight: normal; font-size: 12px; } /* Sitemap*/ #cont .sitemap { width: 100%; overflow: hidden; } #cont .sitemap .sec { width: 230px; float: left; margin-right: 12px; } #cont .sitemap .sec4 { margin-right: 0; } #cont .sitemap h2 { margin: 0 0 16px 0; padding: 0; font-size: 12px; line-height: 14px; font-weight: bold; color: #00a5e8; text-transform: uppercase; } #cont .sitemap h2 a { color: #00a5e8; text-decoration: none; } #cont .sitemap h2 a:hover { text-decoration: underline; } /* Lists */ #cont ul.sitemap li { width: 220px; overflow: hidden; } #cont ul.sitemap li a { display: block; color: #00a5e8; text-decoration: none; font-size: 12px; line-height: 14px; font-weight: bold; text-transform: uppercase; } #cont ul.sitemap li a:hover { text-decoration: underline; } #cont ul.sitemap ul li a { font-weight: normal; text-transform: none; color: #2c3234; } #cont ul.sitemap ul { font-size: 12px; color: #2c3234; list-style-type: none; margin: 16px 0 35px 0; padding: 0; float: none; width: auto; } #cont ul.sitemap ul li { font-size: 12px; font-weight: bold; color: #2c3234; list-style-type: none; margin: 0 0 15px 0; padding: 0; float: none; width: auto; } #cont ul.sitemap ul li a { color: #2c3234; font-weight: bold; } #cont ul.sitemap ul li a:hover { color: #00a5e8; } #cont ul.sitemap ul ul { margin: 2px 0; } #cont ul.sitemap ul li li { margin: 0; font-weight: normal; } #cont ul.sitemap ul li li a { font-weight: normal; } #cont ul.sitemap ul ul ul { margin: 0 0 0 10px; } /*#cont .sitemap ul li { float: left; width: 220px; margin: 0 16px 0 0; list-style-type: none; } #cont .sitemap ul li a { display: block; color: #00a5e8; text-decoration: none; font-size: 12px; line-height: 14px; font-weight: bold; text-transform: uppercase; } #cont .sitemap ul li a:hover { text-decoration: underline; } #cont .sitemap ul ul li a { font-weight: normal; text-transform: none; } #cont .sitemap ul ul { font-size: 12px; color: #2c3234; list-style-type: none; margin: 16px 0 35px 0; padding: 0; float: none; width: auto; } #cont .sitemap ul ul li { font-size: 12px; font-weight: bold; color: #2c3234; list-style-type: none; margin: 0 0 15px 0; padding: 0; float: none; width: auto; } #cont .sitemap ul ul li a { color: #2c3234; font-weight: bold; } #cont .sitemap ul ul li a:hover { color: #00a5e8; } #cont .sitemap ul ul ul { margin: 2px 0; } #cont .sitemap ul ul li li { margin: 0; font-weight: normal; } #cont .sitemap ul ul li li a { font-weight: normal; } #cont .sitemap ul ul ul ul { margin: 0 0 0 10px; }*/ /* Tools */ #tools { width: 100%; overflow: hidden; height: 22px; clear: both; margin: 0 0 12px 0; padding: 20px 0 0 0; } #tools a { float: right; height: 22px; background: url(/opec_web/static_files_project/images/layout/icn_print.png) no-repeat; padding: 0 0 0 27px; font-size: 11px; line-height: 22px; color: #2c3234; margin: 0 4px 0 20px; } #tools a.printpg { background-image: url(/opec_web/static_files_project/images/layout/icn_print.png); } #tools a.toppg { background-image: url(/opec_web/static_files_project/images/layout/icn_top.png); } #tools a.email { background-image: url(/opec_web/static_files_project/images/layout/icn_email.png); } #tools a.pdf { background-image: url(/opec_web/static_files_project/images/layout/icon_download.png); } #tools a:hover { color: #00a5e8; } /* Left */ #tools div.left { float: left; } #tools div.left a { float: left; margin-left: 0; margin-right: 20px; } /* !** Sidebar */ /* !********************** */ /* ------------------------------------------------------------------------------------------------------------------------------------ * ------------------------------------------------------------------------------------------------------------------------------------ */ #aside { float: right; width: 250px; margin: 0 0 0 0; padding: 0; } #aside .img { margin: 0 0 6px 0; } #aside .img image{border:none;} /* Widget */ #aside .widget { background: #f4f4f5; padding: 9px 9px 12px; margin: 0 0 6px 0; } #aside .fade { background: #fff url(/opec_web/static_files_project/images/layout/bg_widget_fade.png) repeat-x; } #aside .fade.hover a, #aside .widget.hover a { text-decoration: underline; } #aside .widget h2 { font-size: 12px; font-weight: normal; color: #2c3234; margin: 0 0 12px 0; line-height: 15px; text-transform: uppercase; position:relative;} #aside .widget h2 a { color: #2c3234; text-decoration: none; } #aside .widget h2 a:hover { color: #00a5e8; text-decoration: none; } #aside .fade.hover h2 a, #aside .widget.hover h2 a { text-decoration: none; color: #00a5e8; } #aside a.email { background: url(/opec_web/static_files_project/images/layout/icn_mail.gif) no-repeat 0 48%; font-size: 12px; color: #00a5e8; padding: 0 0 0 20px; } #aside a.email:hover { text-decoration: underline; } #aside address { font-style: normal; line-height: 18px; margin: 0 0 8px 0; font-size: 12px; color: #2c3234; } #aside ul, #aside ul.links { margin: 0 0 12px 0; } #aside p a.more { display: block; margin: 4px 0 0 0; } #aside p a.pdf { margin: 0; font-size: 11px; background: url(/opec_web/static_files_project/images/layout/icon_download.png) no-repeat 0 50%; color: #00a5e8; padding: 0 0 0 20px; font-weight: bold; display: block; height: 20px; line-height: 20px; } /* Archives */ #aside form.archives { margin: 25px 0 0 0; width: 100%; overflow: hidden; } #aside form.archives select { float: left; width: 206px; font-size: 12px; } #aside form.archives a.btn { float: left; margin-left: 3px; } #aside div.archives { margin: 0px; width: 100%; overflow: hidden; } #aside div.archives select { float: left; width: 232px; font-size: 12px; } /* Latest press releases */ #aside .latest-press { background: #00a5e8; color: #fff; padding-bottom: 5px; } #aside .latest-press h2 { color: #fff; } #aside .latest-press h2 a { color: #fff; } #aside .latest-press h2 a:hover { text-decoration: underline; color: #fff; } #aside .latest-press ul { list-style-type: none; margin: 0; padding: 0; } #aside .latest-press li { list-style-type: none; padding: 0; margin: 0 0 5px 0; font-size: 11px; line-height: 13px; } #aside .latest-press li a { display: block; background: url(/opec_web/static_files_project/images/layout/bg_arr_latest.png) no-repeat 0 2px; padding: 0 0 0 12px; color: #fff; } #aside .latest-press li a:hover { text-decoration: underline; } /* Related videos */ #aside .related-videos { padding-bottom: 3px; padding-left: 5px; padding-right: 5px; } #aside .related-videos ul { list-style-type: none; margin: 0; padding: 0; } #aside .related-videos li { list-style-type: none; width: 234px; overflow: hidden; padding: 2px; margin: 0 0 2px 0; font-size: 11px; line-height: 13px; border: 1px solid #e9e9e9; background: #fff; } #aside .related-videos .img { float: left; width: 89px; margin: 0 5px 0 0; padding: 0; } #aside .related-videos p { font-size: 11px; color: #2c3234; margin: 0; padding: 0; line-height: 13px; position: relative; top: 3px; } #aside .related-videos p.time { color: #7c8386; margin-top: 3px; } #aside .related-videos p a { color: #2c3234; } #aside .related-videos p a:hover, #aside .related-videos li.hover a { color: #00a5e8; text-decoration: none; } /* Simple press archive */ #aside .press-archive-simple { background: url(/opec_web/static_files_project/images/layout/bg_gradient_1px.png) repeat-x; } #aside .press-archive-simple form { margin-top: 0; } /* Subscribe */ #aside .subscribe p { margin-bottom: 0; } #aside .subscribe a.more, #aside .fade a.more { display: block; margin: 5px 0 15px 0; } /* Promo */ #aside .promo { background: url(/opec_web/static_files_project/images/layout/bg_gradient_1px.png) repeat-x; margin: 0; height: 115px; } #aside .promo h3 { color: #2c3234; font-size: 14px; font-weight: bold; padding: 22px 0 0 73px; margin: 0 0 12px 0; line-height: 16px; } #aside .promo a.pdf { margin: 0 0 0 73px; font-size: 11px; background: url(/opec_web/static_files_project/images/layout/icon_download.png) no-repeat 3px 0; color: #00a5e8; padding: 0 0 0 24px; font-weight: bold; display: block; height: 22px; line-height: 20px; } #aside .promo a.pdf:hover, #aside .promo.hover a.pdf { text-decoration: underline; } #aside .promo a.flipbook { margin: 0 0 0 73px; font-size: 11px; background: url(/opec_web/static_files_project/images/layout/icon_flipbook.png) no-repeat 0 0; color: #00a5e8; padding: 0 0 0 24px; font-weight: bold; display: block; height: 22px; line-height: 20px; } #aside .promo a.flipbook:hover, #aside .promo.hover a.flipbook { text-decoration: underline; } /* Profiles */ #aside .profiles { background: #fff; padding: 0; margin: 0 0 10px 0; } #aside .profiles ul { margin: 0; padding: 0; list-style-type: none; } #aside .profiles li { margin: 0 0 3px 0; padding: 0 0 3px 0; list-style-type: none; border-bottom: 1px solid #b6bec1; width: 100%; overflow: hidden; position: relative; display:block; } #aside .profiles li.last { border: 0; } #aside .profiles li .img { width: 71px; margin-left: 1px; margin: 0; padding: 0; float:left; } #aside .profiles li .bot { bottom: 0; right: 3px; width: 160px; text-align: right; overflow: hidden; float:right; } #aside .profiles li h3 { font-size: 12px; color: #2c3234; margin: 0; padding: 0; line-height: 15px; font-weight: bold; } #aside .profiles li p { font-size: 11px; color: #2c3234; margin: 0 0 3px 0; padding: 0; line-height: 13px; } #aside .profiles li a.download { display: block; float: right; height: 20px; margin: 2px 0 3px 0; padding: 0; font-size: 11px; color: #00a5e8; line-height: 26px; background: url(/opec_web/static_files_project/images/layout/icon_download.png) no-repeat; padding-left: 20px; } #aside .profiles li a.download:hover { text-decoration: underline; } /* Internship */ #aside .internship {} #aside .internship h2 { margin-bottom: 5px; } #aside .internship .gfx { margin-left: -4px; } #aside .internship .gfx img { border: 1px solid #fff;} /* Publishing Schedule */ #aside .schedule {} #aside .schedule h2 {color: #B31010; font-weight: bold; text-transform: none; margin: 0 0 10px;} #aside .schedule ul { margin: 0 5px 5px; } #aside .schedule ul li {font-size: 12px; font-weight: normal; } #aside .schedule a.more { background: none; margin: 0; padding: 0;} #aside .sublinks { margin-left:10px; } #aside .sublinks a { background: url(/opec_web/static_files_project/images/layout/icn_arr.png) no-repeat 0 50%; color: #00a5e8; padding: 0 0 0 11px; font-size: 12px; display:block; margin:5px 0 0 0; } /* ----------- ecomplexx expand -------------- */ .collapse p {margin: 0px; padding:0 10px 0.7em; } #cont .collapse p {margin: 0px; padding:0 10px 0.7em; } #switch, .switch {margin-bottom:5px; text-align:right} #cont h2.expand { font-size:12px; color:black; line-height:1.3em; margin:2px 0 0 0; padding:0; background-color: #EFF1F2; } .expand a { color:#2C3234; display:block; padding:3px 10px; padding-left:30px; } .expand a:link, .expand a:visited { background-image:url(/opec_web/static_files_project/images/layout/arrow_xl_closed.png); background-repeat:no-repeat; background-position:2% .5em; } .expand a:hover, .expand a:active, .expand a:focus { text-decoration:underline } .expand.open a:link, .expand.open a:visited { background: url(/opec_web/static_files_project/images/layout/arrow_xl_open.png) no-repeat 2% .5em; } div.collapse { padding-top: .75em; background-image:url(/opec_web/static_files_project/images/layout/bg_gradient_1px.png); background-repeat: repeat-x; } /* Large Download promo */ #cont .issue.Large .cover{width:260px;} #cont .issue.Large h3{left:-1px;} #cont .issue.Large .inf{width:220px;} #cont .issue.Large ul.downloads{left:0; position:relative; } #cont .issue.Large ul.downloads li{float:none; margin: 0 0 10px 0;} /* !** Form */ /* !********************** */ /* ------------------------------------------------------------------------------------------------------------------------------------ * ------------------------------------------------------------------------------------------------------------------------------------ */ form select { font-size: 12px; color: #2e3234; } /* startpage slider flash fallback */ #banner { position: relative; } #banner .caroufredsel_wrapper { /*width: 980px; height: 270px;*/ margin: 0 0 0 6px!important; } #banner .caroufredsel_wrapper .slider li { margin-left: 0; list-style-type: none; /*float: left; width: 980px; height: 270px;*/ } #banner .slider { display: none; margin: 0 0 0 -5px; } #banner .pages { display: none; position: absolute; right: 15px; bottom: 14px; font-size: 11px; } #banner .pages a { width: 20px; height: 20px; text-align: center; line-height: 19px; font-weight: bold; color: #fff; display: inline-block; margin-right: 2px; } #banner .pages a:hover { color: #4A5862; } #banner .pages a.selected { background: url(../../images/number_hover.png) no-repeat; } #banner img { margin-left: 0px; margin: 0 0 0 5px; } #banner #flashbanner { margin-left: 6px; } .announcement{ background:no-repeat scroll 4px 50% #cacaca; /*#580011;*/ margin: 6px 20px 0 10px; height: 16px; padding: 5px 5px 5px 27px; } .announcement p, .announcement div{ color: #565656; font-size: 15px; font-weight: bold; line-height: 16px; margin:0; } .hl-grey, #cont .hl-grey{ background-color:#959899; color:#ffffff; } .hl-yellow, #cont .hl-yellow{ background-color:#FFF5B2; color:#2C3234; } .hl-orange, #cont .hl-orange{ color:#DB4D00; } .hl-red, #cont .hl-red{ color:#B31010; } /*new teasers*/ #home .img-left img { border: 0; } #home .news-slide li .img-left, #home .bg-teaser .img-left{ float: left; margin-right: 10px; margin-bottom: 10px; } #home .new-teasers li { padding-top: 10px; } #home .news-slide li .img-left.double{ margin-bottom: 3px; *margin-bottom: -2px; } #home .news-slide li .img-left.double img{ display: block; margin-bottom: 7px; } #home .bg-teaser{ padding: 10px; background: url(/opec_web/static_files_project/images/layout/teaser_bg.png) no-repeat; width: 210px; height: 80px; } #home .bg-teaser .img-left { margin-right: 12px; margin-bottom: 0; } #home .bg-teaser h3{ color: #2E3234; font-size: 11px; font-weight: bold; line-height: 14px; margin: 0 0 5px; } #home .bg-teaser a.more{ float: left; margin-top: 5px; } #home .bg-teaser.small{ background: url(/opec_web/static_files_project/images/layout/teaser_bg_small.png) no-repeat; width: 210px; height: 64px; } #home .bg-teaser.small h3 { *margin-right: -10px; *margin-left: -10px; } #home .news-slide.no-headline{ padding-top: 0; } #home .news-slide.no-headline img{ margin-bottom: 5px; } #home .news-slide.no-headline li{ padding-top: 8px; } #home .bg-teaser.no-image{ background: url(/opec_web/static_files_project/images/layout/teaser_bg_noimage.png) no-repeat; height: 96px; padding-bottom: 0; } #home .bg-teaser.no-image.bg{ background: url(/opec_web/static_files_project/images/layout/teaser_bg_noimage_water.png) no-repeat; } #home .bg-teaser.no-image.bg h3{ *display: inline-block; } #home .bg-teaser.no-image.bg .white-bar{ position:relative; top:25px; left:0px; width:230px; height:20px; margin-left:-10px; background:#fff; } #home .bg-teaser.no-image .more{ width: 64px; height: 20px; line-height: 20px; padding: 0 0 0 13px; color: #fff; margin-top: 0px; margin-right: 0px; float: right; background: url(/opec_web/static_files_project/images/layout/icn_arr_white.png) 5px center no-repeat #007fd1; } #home .bg-teaser.no-image h3{ margin-bottom: 8px; font-size: 14px; line-height: 20px; } #home .bg-teaser.no-image p{ *float: left; display: inline-block; color: #2e3234; margin-bottom: 3px; font-size: 11px; line-height: 18px; } #home .bg-teaser.no-image.big{ background: url(/opec_web/static_files_project/images/layout/teaser_big.png) no-repeat; height: 253px; width: 210px; padding-top: 0; } #home .bg-teaser.no-image.big .more{ margin-right: -10px; margin-top: 0; } #home .bg-teaser.no-image.big .text { position: relative; padding-top: 130px; } #home .bg-teaser.no-image.big h3{ display: inline-block; *width: 98%; *padding: 0 1%; } #home .bg-teaser.no-image.big h3:first-child{ margin-bottom: 4px; } #home .bg-teaser .clear{ height: 0; } #home .new-teasers h3{ *float: left; } #home .bg-teaser.no-image p, #home .bg-teaser.no-image h3{ background: rgb(251, 253, 253) transparent; /* RGBa with 0.6 opacity */ background: rgba(251, 253, 253, 0.6); /* For IE 5.5 - 7*/ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99fbfdfd, endColorstr=#99fbfdfd); /* For IE 8*/ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99fbfdfd, endColorstr=#99fbfdfd)"; padding: 0 3px; } #home .nobg-teaser { margin-top: 15px; } #home .news-slide li .img-left, #home .bg-teaser .img-left, #home .nobg-teaser .img-left { float: left; margin-bottom: 10px; margin-right: 10px; } #home .bg-teaser h3, #home .nobg-teaser h3 { color: #2E3234; font-size: 11px; font-weight: bold; line-height: 14px; margin: 0 0 5px; } #home .bg-teaser a.more, #home .nobg-teaser a.more { float: left; margin-top: 5px; } /* VoD updates */ #subnav.vod .open{border-bottom:none;} #subnav.vod .vodYear{border-bottom:1px solid #B6BEC1;} #subnav ul li.open ul li a:hover{ display: block; background-color: #e7eaeb; color: #000; text-decoration: none; } #subnav ul li.open ul li a.active{ display: block; background-color: #e7eaeb; color: #000; text-decoration: none; } .clear{ clear: both; float: none; padding: 0; margin: 0; } #subnav li.open .moreLess{ margin-left: 15px; } #subnav.vod li.open li{ display: none; } #subnav li.open .moreLess a{ font-size: 12px; background: none; font-weight: normal; color: #00a3eb; background: none; display: block; float: left; margin: 0; line-height: 10px; margin-bottom: 10px; } #subnav li.open .moreLess a.more{ padding: 0 3px 0 0; margin-right: 3px; } #subnav li.open .moreLess a.less{ padding: 0; display: none; } #subnav li.open .moreLess a.more.border{ border-right: 1px solid #c9cfd2; } #home .video.video_modul{ position: relative; padding: 0; border: 1px solid #E4E4E4; font-size: 11px; line-height: 14px; } #home .video.video_modul.v2 { padding: 0 9px 9px; } #home .video.video_modul.v2 h2{ color: #2e3234; font-size: 12px; font-family: Arial; padding: 9px 0; margin: 0; } #home .video.video_modul.v2 .hover { position: relative; } #home .video.video_modul.v2 .hover.active .iconPlay{ background: url('/opec_web/static_files_project/images/layout/play_icon_small_MouseOver.png') no-repeat center center; width: 120px; height: 67px; position: absolute; z-index: 50; top: 0; left: 0; } #home .video.video_modul.v2 img{ display: block; float: left; margin-right: 9px; width: 120px; } #home .video.video_modul.v2 p{ margin: 0; padding: 0; font-size: 11px; } #home .video.video_modul.v2 a.more{ background: url(/opec_web/static_files_project/images/layout/bluearrow.png) no-repeat scroll 0 50%; position: absolute; bottom: 9px; left: 138px; padding: 0 0 0 10px; } #home .video.video_modul.v2 a.more:hover { text-decoration: underline; } .video_modul a.more { background: url(/opec_web/static_files_project/images/layout/bluearrow.png) no-repeat scroll 0 50%; color: #00A5E8; display: block; font-size: 11px; font-weight: bold; line-height: 1.5em; padding: 0 0 0 8px; } #home .video_modul .c38r{ width: 125px; position: absolute; right: 10px; top: 15px; } .video_carousel_container{ background: url('../files/videoNavBack.jpg') repeat-x left 0; } #main #cont .video_carousel_container h2{ color: #595959; font-size: 18px; font-weight: bold; margin: 11px 0 10px 44px; display: inline-block; width: 480px; line-height: 24px; float: left; } #main #cont .video_carousel_container h2 span{ font-size: 12px; color: #595959; font-weight: normal; display: inline-block; margin-left: 5px; } #main #cont .video_carousel_container > span.count{ color: #838383; float: right; margin-top: 16px; margin-right: 50px; font-size: 12px; } #main #cont .video_carousel_container ul{ overflow: auto; } #main #cont .video_carousel_container li{ margin: 0; margin-right: 10px; } #main #cont .video_carousel_container li a{ position: relative; display: block; text-decoration: none; width: 156px; height: 88px; background-color: #E7EAEB; } #main #cont .video_carousel_container li a .btn_video .panel_timeline{ height: 18px; color: #2c3235; background-color: #fff; opacity: 0.74; font-size: 12px; position: absolute; right: 0; bottom: 0; text-align: center; display: block; padding: 0 5px; line-height: 18px; } #main #cont .video_carousel_container li a .btn_video{ width: 100%; display: block; } #main #cont .video_carousel_container li a img{ margin: 0 auto; display: block; } #main #cont .video_carousel_container li a .btn_video .icon_play{ background: url('../images/play_icon_small_MouseOver.png') no-repeat center center; width: 156px; height: 88px; display: block; position: absolute; } #main #cont .video_carousel_container li a .btn_video .panel_timeline{ display: none; } #main #cont .video_carousel_container li a .btn_video .icon_play{ display: none; } #main #cont .video_carousel_container li a.hover .btn_video .panel_timeline{ display: block; } #main #cont .video_carousel_container li a.hover .btn_video .icon_play{ display: block; } #main #cont .video_carousel_container li p{ font-size: 12px; line-height: 16px; margin-top: 5px; margin-bottom: 30px; color: #838383; } .video_detail_container .title{ font-size: 18px; color: #595959; font-weight: bold; } .video_detail_container .subtitle{ font-size: 12px; color: #595959; margin-bottom: 10px; margin-top: 4px; } .video_detail_container .links{ height: 58px; } .video_detail_container .links .download{ background: url('../images/icon_download.png') no-repeat left center; line-height: 10px; color: #00a4eb; font-size: 12px; padding: 20px 0 20px 10px; display: block; float: left; margin-right: 20px; } .video_detail_container .links .email{ background: url('../images/icon_mail.png') no-repeat left center; line-height: 10px; color: #00a4eb; font-size: 12px; padding: 20px 0 20px 20px; display: block; float: left; } #tools a.backp{ background: url('../images/back_button.png') no-repeat 0 0; } } @media print { }