@charset "utf-8"; @media screen { /* ITU addition by kazu */ td#MSOTlPn_MainTD { vertical-align:top; position:relative; } /* in order to have the web part properties pane at top right */ body #s4-workspace{ overflow-y: auto; } /* disable scrollbar for workspace */ a.ms-rtestate-write{ color:black !important; } /* to show hyperlink title in edit mode */ /* to show bullet list in sidebar */ .ms-rtestate-field ul { padding:10px 0 10px 20px; } .ms-rtestate-field ul li { list-style:outside disc; padding:2px 0; } /* 25/4/2012 3. Slider: Style of descriptions needs to be matched to the style as proposed by XCom. Also, the slider is slightly misplaced (needs to be moved a little bit to the left and to the top, with no space between slider and top menu). 4. Space in between slider and “What’s happening” needs to be reduced. */ .container .ms-WPBody { padding:0; font-family: Arial, Helvetica, sans-serif; font-size:12px; } .container .s4-wpcell-plain { padding-bottom:0; } .ituwarning { width:100%; padding:4px 5px 5px 10px; background-color:orange; font-family: Verdana; font-size: 1em; } /* 15.5.2013 XMLMenu Tier 3+ */ ul.AspNet-Menu ul ul{ left:160px; top:0px; background-color:white; z-index:5; width:160px; } ul.AspNet-Menu ul li.AspNet-Menu-WithChildren { background-image:url(../images/icons/quicklinks-arrow.gif); background-repeat:no-repeat; background-position:right; } /* ITU addition by kazu */ /*body { font-size:0.75em !important; line-height:1.5; font-family: Arial, Helvetica, sans-serif !important; color:#444; background:#fff url(../images/background/body-top-bg.gif) repeat-x 0 0; overflow:hidden }*/ body { font-size:0.75em !important; line-height:1.5; font-family: Arial, Helvetica, sans-serif !important; color:#444; overflow:hidden;} /* .inside .wrapper { background:url(../img/background/body-map-bg.gif) no-repeat center 260px; } */ .inside #pagetitle { background:url(../images/background/body-map-bg.gif) no-repeat center 0; } /* header elements Commneted by Rajani Vepa on 25 th april 2012*/ /* .header { min-height:150px; display:block; } .ie6 .header { height:176px; }*/ /**/ /*.logo-itu150 { padding:30px 0px 0px 0px ; float:right;}*/ /*Added by Rajani Vepa on 26 Aug 2016 for SDG logo --> */ .logo-sdg { padding: 30px 0px 0px 0px; float: right;} /* header elements Commneted by Rajani Vepa on 25 th april 2012 .logo { width:110px; height:75px; padding:20px 20px 0 0; display:block; float:left; background:url(../images/logos/itu-logo-67x78.png) no-repeat 0 20px; text-indent:-999em; } .logo a { display:block; width:110px; height:117px; } */ /**/ /* .logo { width:70px; height:100px; display:block; float:left; background:url(../images/logos/itu-logo-67x78.png) no-repeat 0 10px; text-indent:-999em; }*/ /*.logo { margin-top:30px;width:75px; display:block; float:left; } .logo a { display:block; width:75px;}*/ /* .logo a { display:block; height:100px;width:70px;}*/ /*.logo {width:100px; display:block; float:left; padding-bottom: 13px;}*/ .logo {width:75px; display:block; float:left;} .logo a {display:block; width:75px;} /* Commented by Rajani vepa on 25 th april 2012 .tagline { display:block; float:left; padding:60px 0 0 0;} .tagline h2 {font-size:2em; font-weight:bold; font-family:"DroidSansBold", Arial, Helvetica, sans-serif !important; color:#000; } */ /* Modified by Rajani Vepa on 05 Jan 2015 - added min-height:60px !important ; so that the blue menu bar remains at the fixed height even for the sites that are only in english and language gets hidden automatically .tagline { display:block; float:left; padding:10px 0 0 0; } */ /* Changed minimum height from 60px to 125 for PP-2018 logo*/ .tagline { display:block; float:left; padding:10px 0 0 0; min-height:125px !important ; } .tagline h2 { padding-left:15px;padding-top:15px;font-size:1.5em; font-weight:bold; font-family:"DroidSansBold", Arial, Helvetica, sans-serif !important; color:#000; } /* Commented by Rajani Vepa .lang-switcher ul { padding:10px 0;} */ .lang-switcher ul { padding-left:15px;} .lang-switcher li { float:left; margin:0 15px 0 0; } .lang-switcher a:link, .lang-switcher a:active, .lang-switcher a:visited { color:#84959f !important; text-decoration:none;} .lang-switcher a:hover { color:#84959f !important; text-decoration:underline; } .lang-switcher .active a { color:#444 !important; } /* commented by Rajani Vepa on 25 th april 2012 for padding .header-search { padding:65px 0 0 0; float:right } */ /**/ /* .header-search { padding:15px 10px 10px 15px; float:left } */ .header-search { padding:25px 0 0 0; float:right } .header-search label { display:none; } .header-search .hsearch-input { display:block; width:225px; height:37px; padding:3px 5px 0 10px; float:left; background:url(../images/background/top-search-bg.png) no-repeat 0 0; outline:none; border:none; font-size:.9116em; font-family:Arial, Helvetica, sans-serif; line-height:1.3; color:#84959f; } .ie6 .header-search .hsearch-input { height:30px; padding:10px 5px 0 10px; } .header-search .hsearch-input-active { color:#444 !important} .header-search .hsearch-btn { display:block; width:30px; height:40px; float:left; background:url(../images/background/top-search-bg.png) no-repeat top right; border:none; outline:none } /* footer bars */ .follow { display:block; min-height:50px; padding-top:20px; background:url(../images/background/background-sprite.png) no-repeat 10px -580px; display:block; margin-bottom:40px; } .ie6 .follow { height:50px; } .follow .social { padding:10px 0 0 15px; } .follow .social li { font-family:"DroidSansBold", Arial, Helvetica, sans-serif; font-size:1.166em; float:left; margin-right:5px; } .follow .social li em { padding:5px 10px 0 0; text-transform:uppercase; color:#052d53; letter-spacing:-1px; display:block; font-style:normal; } .follow li a { display:block; width:30px; height:30px; background-image:url(../images/buttons/ITU-Buttons.png); background-repeat:no-repeat; text-indent:-999em } .follow .twitter { background-position:0 0;} .follow .facebook { background-position:-35px 0;} .follow .youtube { background-position:-70px 0;} .follow .flickr { background-position:-105px 0;} /* Added the line below to add one more link of Weibo on 11 the march 2013 by Rajani Vepa*/ .follow .weibo { background-position:-35px -35px;} /* Added the line below to add one more link of GooglePlus on 08 April 2013 by Rajani Vepa*/ .follow .gplus { background-position:-70px -35px;} /* Added the line below to add one more link of LINKEDIN on 25 feb 2016 by Rajani Vepa*/ .follow .linkedin { background-position:-106px -35px;} /* Added Instagram following site 23 January 2019 */ .follow .instagram { background-position: -140px -35px; } /* Added the line below to add one more link of Instagram on 15 jan 2020 by Rajani Vepa */ .follow .soundcloud { background-position: -175px -35px; } .follow .applepodcasts { background-position: -210px -35px; } .follow .spotify { background-position: -245px -35px; } .follow .spreaker { background-position: -280px -35px; } .follow .tiktok { background-position: -315px -35px; } .secretary-gen { float:right; position:relative; width:350px; min-height:40px; padding-top:10px; margin-right:15px; } .ie6 .secretary-gen { height:40px; } .secretary-gen img { position:absolute; bottom:1px; left:0px; } .secretary-gen a { padding:5px 35px 0 0; text-transform:uppercase; color:#052d53; display:block; font-family:"DroidSansBold", Arial, Helvetica, sans-serif; font-size:1.166em; width:215px; background:url(../images/icons/large-blue-arrow.png) no-repeat right 5px; float:right } .footer { border-top:1px solid #eaeaea; font-size:.9166em; padding:20px 0; position:relative; } .ie6 .footer { width:100%;} .footer p { color:#657782; } .footer ul { float:right; } .footer ul li { float:left; margin-left:10px; } .row-back-to-top { overflow:visible; } .back-to-top { width:80px; height:35px; display:block; margin:0 auto; background:#fff url(../images/buttons/ITU-Buttons.png) no-repeat 10px -520px; position:absolute; top:-10px; left:45%; text-indent:-999em; outline:none; } .back-to-top:hover { background-position:-110px -520px; } /* Added by Rajani Vepa on 01 july 2012 */ .row-go-to-top { overflow:visible; } .go-to-top { width:80px; height:40px; display:block; margin:0 auto; background:#fff url(../images/buttons/ITU-Buttons.png) no-repeat 10px -520px; position:absolute; top:12px; left:45%; text-indent:-999em; outline:none; } .go-to-top:hover { background-position:-110px -520px; } /* main navigation */ .main-nav {display:block; background:#fff; min-height:84px; width:940px; position:relative;} .ie6 .main-nav { height:84px; overflow:hidden } /* Rajani Vepa 11 june 2012 - Changed width and added padding ,text align : .main-nav li { float:left; margin-right:1px; width:169px; min-height:45px; background:url(../images/buttons/main-nav-bg.gif) repeat-x 0 0; } .ie6 .main-nav li { height:45px; width:168px }*/ .main-nav li { float:left; text-align:center; margin-right:1px; width:124px !important; min-height:45px; background:url(../images/buttons/main-nav-bg.gif) repeat-x 0 0; } .ie6 .main-nav li { height:45px; width:124px !important; } /*Rajani Vepa 18 june 2012 - Changed width and padding : .main-nav li a { display:block; padding:15px 15px 0 15px; min-height:30px; font-weight:bold; }*/ /* Rajani Vepa added line-height:12px; on 27 sep 2012 for Russian text in top Menu to fit */ /*Rajani Vepa Added outline-style:none ; to remove the border dots on 02 oct 2012 */ .main-nav li a {outline-style:none ; display:block; padding:15px 5px 0 8px; min-height:30px; font-weight:bold; line-height:12px; } .ie6 .main-nav li a { height:30px; outline-style:none ; } .main-nav li a:link, .main-nav li a:active, .main-nav li a:visited { color:#99ccff; text-decoration:none; } .main-nav li a:hover { color:#fff; text-decoration:none; } .main-nav li.active { min-height:84px; background-position:0 -45px; } .ie6 .main-nav li.active { height:84px; } .main-nav li.active a { color:#fff ; } /*Changed the width by Rajani Vepa on 11 June 2012 -- .main-nav .home { margin-left:1px; width:88px !important; }*/ .main-nav .home { margin-left:1px; width:62px !important; } /*changed Padding -Rajani Vepa 18 June 2012: .main-nav .home a { background:url(../images/icons/home.png) no-repeat 15px 17px; padding-left:40px;}*/ .main-nav .home a {outline-style:none ; background:url(../images/icons/home.png) no-repeat 5px 17px; padding-left:25px;} /*Added by Rajani Vepa on 20 June 2014 */ /*.main-nav li.members a {outline-style:none ; background:url(../images/buttons/members-login-bg.png) no-repeat 0 0;}*/ .main-nav .join-itu { width:109px !important; } .main-nav li.join-itu a {color:#fff;outline-style:none ; background:url(../images/buttons/joinitu-login-bg.png) no-repeat 0 0;} /* Added the below line for top naviagtion- Rajani VEPA on 11 june 2012 */ /*main-nav .members { margin-left:1px; width:169px !important; padding:0px; } */ /* Added the below line for Sub naviagtion- Rajani VEPA on 19 june 2012 */ .main-nav .sub-nav { width:auto !important; } /* begin: styles to show search icon on the sub navigation menu - copied from Rae Paladin 22 May 2017 */ .main-nav .sub-nav-search { width:40px !important; background:url(../images/buttons/new-search18px.png) no-repeat 70% 40% !important; } /*.main-nav .sub-nav-search a { background:url(http://www.itu.int/en/ITU-T/PublishingImages/kw-search/new-search18px.png) no-repeat 50% 50% !important; }*/ /* end: styles to show search icon on the sub navigation menu - Rae Paladin 01 May 2017 */ /* begin: styles to show my workspace icon on the sub navigation menu - copied from Rae Paladin 15 June 2017 */ .main-nav .sub-nav-workspace { width:40px !important; background:url(../images/buttons/my-workspace28px.png) no-repeat 70% 40% !important; } /* end: styles to show my workspace icon on the sub navigation menu - copied from Rae Paladin 15 June 2017 */ /* begin: styles to show #plenipot14 on the navigation menu - Juan Castro 29 September 2014 */ .main-nav .sub-nav-pp14 { width:190px !important; text-align:right} .main-nav .sub-nav-pp14 a { font-weight:bold !important;} /* added by R Vepa on 06 oct 2014*/ /* code for Firefox */ @-moz-document url-prefix() { .main-nav .sub-nav-pp14 { width:180px !important; text-align:right}} .main-nav .sub-nav-pp14-es { width:100px !important; text-align:right} /* code for Firefox */ @-moz-document url-prefix() { .main-nav .sub-nav-pp14 { width:90px !important; text-align:right}} /* end: styles to show #plenipot14 on the navigation menu - Juan Castro 29 September 2014 */ /* 2012-06-29 ADD by Vincent Paroz : added class "sub-nav-ddm" if drop down menu available */ /*.main-nav .sub-nav-ddm { width:auto !important; background:url(../images/icons/home-accordion-closed.png) no-repeat 95% 17px !important; }*/ /* 2014-07-24 MOD by Vincent Paroz : only show the expand arrow when menu is active () */ .main-nav .sub-nav-ddm { width:auto !important; } .main-nav .sub-nav-ddm-active { color: #fff !important; text-decoration: none; background: url(../images/icons/home-accordion-closed.png) no-repeat 50% 25px !important; } /*.main-nav li.members a:link, .main-nav li.members a:active, .main-nav li.members a:visited { color:#fff;} .main-nav li.members a:hover { color:#fff; background-position:0 -45px; } */ /*added the New Image given by Juan - 26 Sept 2012 Rajani VEPA .main-nav li ul { position:absolute; width:938px; top:45px; left:1px; min-height:39px; background-image:url("../images/background/ITU-subnav-OLD-26Sept2012.png"); background-repeat:no-repeat; display:none }*/ .main-nav li ul { position:absolute; width:938px; top:45px; left:1px; min-height:39px; background-image:url("../images/background/ITU-subnav-new2.png"); background-repeat:no-repeat; display:none } .ie6 .main-nav li ul { height:29px; } /* .main-nav li.mn01 ul { background-position:0 0;} .main-nav li.mn02 ul { background-position:0 0px;} .main-nav li.mn03 ul { background-position:0 0px;} .main-nav li.mn04 ul { background-position:0 0px;} .main-nav li.mn05 ul { background-position:0 0px;}*/ .main-nav li.mn01 ul { background-position:0 0;} .main-nav li.mn02 ul { background-position:0 -40px;} .main-nav li.mn03 ul { background-position:0 -80px;} .main-nav li.mn04 ul { background-position:0 -120px;} .main-nav li.mn05 ul { background-position:0 -160px;} /*Added by Rajani Vepa on 18 June 2012 , the class to add one more top menu item (General Secretariat) */ /*Added by Rajani Vepa on 26 Sept 2012 , changed background position from 160 to 200 px */ .main-nav li.mn06 ul { background-position:0 -200px;} /* Added 2 new for Join-ITU and Member's zone section - Rajani Vepa 10 april 2014 */ .main-nav li.mn07 ul { background-position:0 -240px;} .main-nav li.mn08 ul { background-position:0 -280px;} .main-nav .radiocommunication { width:140px !important; } .main-nav li.active ul { display:block !important; } .main-nav li.active ul li { float:left; width:auto; min-height:0 !important; margin-right:0; background:none; } .ie6 .main-nav li.active ul li { width:auto; } .main-nav li.active ul li a { background:none; padding:10px 16px 0 16px; min-height:29px; font-weight:normal; } .ie6 .main-nav li.active ul li a { height:29px; display:inline-block } .main-nav li.active ul li a:link, .main-nav li.active ul li a:active, .main-nav li.active ul li a:visited { color:#d6ebff; text-decoration:none; } .main-nav li.active ul li a:hover { color:#fff; text-decoration:none; } .main-nav li.active ul li.active a { font-weight:bold; color:#fff; } /* homepage centre blue band */ .home-centre-band { background:#052d53; display: block; margin: 0 -2000px 20px -2000px; padding: 0 2000px 20px 2000px; position: relative; width: 960px;} body { overflow-x: hidden; } .ie8 { -ms-overflow-x: hidden; overflow-x: hidden; } html, .ie7 { overflow-y:auto; overflow-x:hidden; height:1%; } /* homepage links */ .homepage a:link, .homepage a:active, .homepage a:visited { color:#3789bd; text-decoration:none; } .homepage a:hover { color:#3789bd; text-decoration:underline; } /* homepage main feature */ .home-feature-wrap { display:block; background:url(../images/background/background-sprite.png) no-repeat 0 0; width:900px; min-height:330px; padding:20px; position:relative; margin-bottom:20px; } .ie6 .home-feature-wrap { height:330px; display:block; } .home-feature { display:block; width:900px; } .ie .home-feature { background:#fff; } .ie6 .home-feature { background:#fff; height:330px; overflow:hidden } .hf-text { display:block; float:left; width:440px; min-height:190px; padding-bottom:20px; position:relative } .ie6 .hf-text { height:200px; } .hf-photo { display:block; float:right; width:450px; } .hf-text h1 { font-family:"DroidSerifRegular", Georgia, sans-serif !important; line-height:1.2; color:#052d53; font-size:3em; padding:0 0 10px 0; } .hf-text p { padding:10px 0; } .hf-text a { font-weight:bold; } .hf-text .share-this { position:absolute; bottom:0px; } .hf-text .share-this p { text-transform:uppercase; color:#657782; font-size:.9166em; float:left; padding:2px 10px 8px 0; } .hf-text .addthis_toolbox { float:left; } .hf-text .more { font-family:Arial, Helvetica, sans-serif; font-weight:bold; padding-left:2px; padding-right:10px; background:url(../images/icons/more-arrow.png) no-repeat right 5px; line-height:1.3 } .home-feature-nav { display:block; position:absolute; bottom:20px; z-index:100;} .ie6 .home-feature-nav { } .home-feature-nav ul li { float:left; margin:0 10px 0 0; padding-top:10px; position:relative ;} .home-feature-nav ul li a { border:3px solid #99ccff; display:block; } .home-feature-nav ul li a:hover { border-color:#052d53; } .home-feature-nav ul li.activeSlide a { border-color:#0354a1; } .home-feature-nav ul li img { display:block;} .home-feature-nav ul li .arrow { display:none; position:absolute; top:0px; left:38px; } .home-feature-nav ul li.activeSlide .arrow { display:block } .home-feature-nav span { position:absolute; display:block; width:180px; min-height:25px; background:#052d53; padding:8px; line-height:1.3; color:#fff; z-index:100; top:35px; } .home-feature-nav .anchor-left {} .tooltip { display:none; background:url(../images/background/tooltip.png) no-repeat; height:67px; width:111px; padding:10px 15px; color:#052d53; z-index:100; line-height:1.3; font-weight:bold; } .home-feature-preview { display:block; width:408px; padding:8px 10px; margin-bottom:5px; border:1px solid #f0f2f2; -moz-box-shadow:2px 2px 2px #e3e5e5; -webkit-box-shadow:2px 2px 2px #e3e5e5; box-shadow:2px 2px 2px #e3e5e5 } .home-feature-preview p { color:#1a1a1a !important; font-family:Georgia, sans-serif !important; } /* homepage whats happening */ .whats-happening { display:block; } .whats-happening .wh-header { display:block; background:url(../images/background/background-sprite.png) no-repeat 0 -540px; padding:12px 10px 0 10px; min-height:28px; position:relative; z-index:100; } .ie6 .whats-happening .wh-header { height:28px; } .whats-happening .wh-header h2 { text-transform:uppercase; color:#fff; font-family:"DroidSansBold", Arial, Helvetica, sans-serif; } .wh-cols { background:url(../images/background/home-whats-happening.png) no-repeat bottom left; padding:0 0 20px 0;} .wh-col { display:block; float:left; width:270px; margin:0 10px; padding:0 15px; position:relative; } .ie6 .wh-cols { height:100%; background:#fff } .wh-col h3 { display:block; padding:15px 35px 15px 0; font:1.5em/1.3 "DroidSerifRegular", Georgia, sans-serif !important; color:#052d53; } .wh-col h3 a:link, .wh-col h3 a:active, .wh-col h3 a:visited { color:#052d53; text-decoration:none; } .wh-col h3 a:hover { color:#3789BD; text-decoration:none; } /*Changed by Rajani VEPA on 02 July 2012: replaced .rss with ".rss a " for arabic link to work */ .wh-col .rss a { padding-right:22px; background:url(../images/buttons/ITU-Buttons.png) no-repeat 27px -50px; font-size:.9166em; color:#84959f; position:absolute; top:18px; right:0px; color:#84959f } .wh-col .rss a:link , .wh-col .rss a:active, .wh-col .rss a:visited { color:#84959f; text-decoration:none; } .wh-col .rss a:hover { color:#84959f; text-decoration:underline; } .wh-col.col-last .rss a { right:15px;} /*Changed by Rajani VEPA on 05 May 2012: Padding to 0px */ .wh-col .listing { padding:0px; font-weight:normal;} /*Changed on 20 Sep 2012 by Rajani VEPA */ /*.wh-col .listing dt { font-weight:bold; } /*.wh-col .listing dd { color:#84959f; text-transform:uppercase; font-size:.83333em; padding:3px 0; } */ .wh-col .listing dt { font-weight:bold; font-family: Arial, Helvetica, sans-serif;} .wh-col .listing dd { color:#84959f; font-size:.83333em; padding:3px 0;font-weight:bold; } .wh-col .listing .highlight { color:#000; } .wh-col .more { font-weight:bold; padding-right:12px; background:url(../images/icons/more-arrow.png) no-repeat right 4px; } /* added by Rajani VEPa on 20 april by Rajani VEPA */ .wh-cols .wh-col .listing { font-weight:normal;} .wh-cols .wh-col .listing dt { font-weight:normal; } /* Changed on 20 sep 2012 by Rajani VEPA .wh-cols .wh-col .listing dd {color:#84959f;text-transform:uppercase; font-size:.83333em; padding:3px 0; }*/ /* rajani vepa 21 sep .wh-cols .wh-col .listing dd {color:#657782; font-size:1.0em; padding:3px 0; font-weight:bold; }*/ .wh-cols .wh-col .listing dd {color:#444; font-size:1.0em; padding:3px 0; font-weight:bold; } .wh-cols .wh-col .listing .highlight { color:#000; } /* Rajani VEPA */ /*Changed background from #f9fbfc to #ffffff - 19 April 2012 Juan*/ .itu-mag { background:#ffffff; } .itu-mag img { float:left; margin-right:10px; } .itu-mag .listing { padding:0;} .itu-mag .listing dt { padding:0; font-weight:bold; } .itu-mag h4 { text-transform:uppercase; color:#052d53; padding:5px 0 0 0; font-size:.9166em } .module .itu-mag { padding:10px 0 0 0; margin-bottom:10px; } .module .itu-mag dd { color:#84959f; text-transform:uppercase; font-size:.83333em; padding:3px 0;} .wh-col .recent-pubs dl { padding:10px 0 10px 75px; background:url(../images/icons/publication-download.png) no-repeat 0 5px; } /* homepage blocks */ .home-block { width:300px; margin:0 10px 15px 10px; float:left; position:relative; } .home-block .block-header { padding:12px 15px 0 15px; min-height:28px; } .ie6 .home-block .block-header { height:28px; } .home-block .block-header h2 { text-transform:uppercase; color:#fff; font-family:"DroidSansBold", Arial, Helvetica, sans-serif; } .home-block .block-header h2 a:link, .home-block .block-header h2 a:active, .home-block .block-header h2 a:visited { color:#fff; display:block; padding-right:15px; } .home-block-dark .block-header { display:block; background:url(../images/background/background-sprite.png) no-repeat 0 -400px; } .home-block-blue .block-header { display:block; background:url(../images/background/background-sprite.png) no-repeat -320px -400px; } .home-block-blue-arrow .block-header { display:block; background:url(../images/background/background-sprite.png) no-repeat -640px -400px; } .home-block-greybg .home-block-content { background:url(../images/background/rounded-grey-300.png) no-repeat bottom left; } .home-block-content { display:block; padding:5px 15px; } .home-block-content p { padding:10px 0; } .home-block .more { font-weight:bold; padding-right:12px; background:url(../images/icons/more-arrow.png) no-repeat right 4px; line-height:1.3 } .home-block .horizontal-list { padding:0 0 15px 0; } .home-block .horizontal-list li { display:inline-block; padding:0 10px 0 0; margin:0 10px 0 0; border-right:1px solid #68a6cd } .home-block .accordion dl dt { padding:10px 15px; border-top:1px solid #d5d5d5; font-weight:bold; cursor:pointer; } .home-block .accordion dl dd p, .home-block .accordion dl dd ul, .home-block .accordion dl dd ol { padding:0 10px 15px 15px; } .home-block .accordion-open, .home-block .accordion dt.ui-state-active { background:url(../images/icons/home-accordion-open.png) no-repeat 95% 15px;} .home-block .accordion-closed, .home-block .accordion dt.ui-state-default { background:url(../images/icons/home-accordion-closed.png) no-repeat 95% 15px;} .home-block .join-itu { padding:15px 0 10px 0; } .home-block .join-itu li { padding:4px 0; } .home-block .join-itu li span { font:1.5em/1.3 "DroidSerifRegular", Georgia, sans-serif !important; color:#052d53; padding-left:10px; } .home-block .join-itu li em { display:inline-block; width:45px; min-height:22px; padding:2px 0 0 0; background:url(../images/buttons/ITU-Buttons.png) no-repeat 0 -90px; text-align:center; font-family:"DroidSansBold", Arial, Helvetica, sans-serif; font-size:1.166em; color:#fff; } .ie6 .home-block .join-itu li em { height:22px; } .home-block .benefits { padding-left:30px; } .home-block.members-zone h3 { color:#052d53; text-transform:uppercase; padding:5px 0 5px 0; font-weight:bold; } .home-block.members-zone .more { display:block; text-align:right; padding-top:0px; } .home-block .quicklinks ul { padding:0 } .home-block .quicklinks li { padding:3px 0; } /* inside page, common elements */ .inside a:link, .inside a:active, .inside a:visited { color:#3789bd; text-decoration:none; } .inside a:hover { color:#3789bd; text-decoration:underline; } .inside .page-heading h1 { font-size:2.33em; font-family:"DroidSerifRegular", Georgia, sans-serif; padding:30px 0 25px 0; color:#657782; line-height:1.3 } .inside .page-heading h1 em { padding-right:5px; color:#052d53; font-family:"DroidSerifItalic" !important; } .inside .page-heading-logo { float:right; margin-top:20px; } .inside .horizontal-list li { float:left; } .event-btns { float:right; padding:25px 0 0 0; width:100%; } .event-btns li { margin-left:20px; line-height:1.2; } .newsroom-btns { float:right; padding:25px 0 0 0; width:100%; } .ie6 .event-btns li { float:left; display:inline-block; margin-left:10px; } .cal-of-events { display:block; width:150px; height:27px; padding:13px 15px 0 15px; color:#fff; background:url(../images/buttons/ITU-Buttons.png) no-repeat -240px -210px; font-weight:bold } .cal-of-events:link, .cal-of-events:active, .cal-of-events:visited { color:#fff !important; } .cal-of-events:hover { color:#fff !important; text-decoration:none !important; background-position:-240px -250px; } .search-events { display:block; width:150px; height:27px; padding:13px 15px 0 15px; color:#fff; background:url(../images/buttons/ITU-Buttons.png) no-repeat -440px -210px; font-weight:bold } .search-events:link, .search-events:active, .search-events:visited { color:#fff !important; } .search-events:hover { color:#fff !important; text-decoration:none !important; background-position:-440px -250px; } .youtube-subscribe { display:inline-block; width:130px; height:20px; background:url(../images/buttons/ITU-Buttons.png) no-repeat -240px -320px; text-indent:-999em; margin-left:5px; } .flickr-subscribe { display:inline-block; width:130px; height:20px; background:url(../images/buttons/ITU-Buttons.png) no-repeat -400px -320px; text-indent:-999em; margin-left:5px; } .flickr-thumbnails a { float:left; margin:0 0 3px 3px; width:70px } .flickr-thumbnails a img { width:70px !important} .sidebar .flickr-thumbnails a { float:left; margin:2px 1px 0 1px; width:68px !important } .sidebar .flickr-thumbnails a img { width:68px !important } .sidebar .secretaries-general img { float:left; margin:2px; } .inside .pink-download-btn { display:block; padding:25px 0; width:220px;} .inside .pink-download-btn a { display:block; width:190px; height:30px; padding:10px 15px 0 15px; margin:0; background:url(../images/buttons/ITU-Buttons.png) no-repeat 0 -210px; font-weight:bold; color:#fff; } .inside .pink-download-btn a:link, .inside .pink-download-btn a:active, .inside .pink-download-btn a:visited{ color:#fff; text-decoration:none; } .inside .pink-download-btn a:hover { color:#fff; text-decoration:none; background-position:0 -250px; } .inside .download-brochure { display:block; width:190px; height:28px; padding:12px 15px 0 15px; background:url(../images/buttons/ITU-Buttons.png) no-repeat 0 -320px; line-height:1.3; color:#fff !important; font-weight:bold; } .inside .download-brochure:link, .inside .download-brochure:active, .inside .download-brochure:visited { color:#fff; text-decoration:none; } .inside .download-brochure:hover { color:#fff; background-position:0px -360px; } .breadcrumb { padding:15px 0; border-top:1px solid #d5d5d5; } .breadcrumb p { text-transform:uppercase; font-size:.9166em; color:#657782 } /* .breadcrumb p em { padding-right:20px; font-style:normal; } .breadcrumb p a { padding-right:20px; margin-right:15px; background:url(../images/icons/breadcrumb-arrow.gif) no-repeat right 5px; } */ .breadcrumb p em { font-style:normal; } .breadcrumb p a { margin-right:15px; } .inside .share-this { float:right; } .inside .share-this p { text-transform:uppercase; color:#657782; font-size:.9166em; float:left; padding:2px 10px 8px 0; } .inside .addthis_toolbox { float:left; } /* lhs navigation */ .lhs-nav { padding:15px 0; } .lhs-nav h2 { padding:10px 0; border-bottom:1px solid #99ccff; font-weight:bold; } .lhs-nav ul { margin-bottom:15px; } /* 25.9.2013 ITU(kazu) */ /* .lhs-nav li { border-bottom:1px solid #e9eaea; } */ .lhs-nav li a.level1 { border-top:1px solid #e9eaea !important; } .lhs-nav li a.popout { background-image:url(../images/icons/quicklinks-arrow.gif) !important; } .lhs-nav li a.level2 { display:block; padding:10px 0 10px 10px; line-height:1.3; } .lhs-nav li a { white-space:normal !important; } .lhs-nav li a.level3 { white-space:nowrap !important; padding: 5px; } /* 20.8.2014 to shorten the height (kazu) */ /* 25.9.2013 ITU(kazu) */ .lhs-nav li a { display:block; padding:10px 0; line-height:1.3; } .lhs-nav li ul { margin-bottom:0; } .lhs-nav li li { border-bottom:0; } .lhs-nav li li a { display:block; padding:10px 0 10px 10px; line-height:1.3; } .ddown-menu { display:block; padding:45px 0; } .ddown-menu select { border:1px solid #d5d5d5; padding:5px; width:160px; font-size:1em; color:#84959f; font-family:Arial, Helvetica, sans-serif } /* inside pages, main content area */ .content { display:block; padding:15px 0 30px 0; } .content h1, .content h2, .content h3 {font-family:"DroidSerifRegular", Georgia, sans-serif; padding:10px 0; display:block; line-height:1.5; color:#052d53; } .content h4, .content h5, .content h6 {font-weight:bold; padding:10px 0; display:block; } .content h1 { font-size:1.5em; } .content h2 { font-size:1.333em; } .content h3 { font-size:1.333em; color:#444444; } .content h4 { font-size:1.166em; } .content h5 { font-size:1.0833em; } .content h6 { font-size:1em; } .content p { padding:10px 0; } .content ul { padding:10px 0 10px 20px; } .content ul li { list-style:outside disc; padding:2px 0; } .content ol { padding:10px 0 10px 20px; } .ie6 .content ol { padding:10px 0 10px 25px } .content ol li { list-style:outside decimal; padding:2px 0; } .content blockquote { padding:10px;} .content table { margin-bottom:10px; border:1px solid #D5D5D5; border-collapse:collapse; width:100%; } /*.content table { margin-bottom:10px; border:0px; border-collapse:collapse; width:100%; }*/ .content table th { background-color:#99CCFF; padding:5px; color:#fff; border:1px solid #E9EAEA; font-weight:bold; text-align:left } /*.content table th { background-color:#99CCFF; padding:5px; color:#fff; border:0px; font-weight:bold; text-align:left }*/ .content table td { padding:5px; border:1px solid #E9EAEA; } /*TSB - RP - clear table style start */ .content .noborder table { margin-bottom:10px; border:none; border-collapse:collapse; width:100%; } .content .noborder table th { background-color:#99CCFF; padding:5px; color:#fff; border:none; font-weight:bold; text-align:center; } .content .noborder table td { padding:5px; border:none; } /*TSB - RP - clear table style end */ .content .more { font-family:Arial, Helvetica, sans-serif; font-weight:bold; padding-right:12px; background:url(../images/icons/more-arrow.png) no-repeat right 4px; line-height:1.3 } .content .img-right { float:right; margin:0 0 20px 20px; } .content .img-left { float:left; margin:0 20px 20px 0; } .content .intro { font-family:"DroidSerifRegular", Georgia, sans-serif; font-size:1.166em; color:#444444; } .content fieldset { border-top:1px solid #99CCFF; border-bottom:1px solid #ccc; padding:15px 0px; margin-bottom:10px; } .content fieldset legend { padding:5px 5px 5px 0; font-size:1.25em; font-family:"DroidSansBold", Georgia, sans-serif; color:#3789bd } .content fieldset ol { padding:0; } .content fieldset li { padding:2px 10px; list-style:none; margin-bottom:3px } .content fieldset label { width:25%; float:left; padding:5px 10px 0 0; } .content fieldset .s1 { width:10%; } .content fieldset .s2 { width:30%; } .content fieldset .s3 { width:50%; } .content fieldset .s4 { width:70%; } .content fieldset input, .content fieldset textarea, .content fieldset select { padding:8px 5px; border:1px solid #d5d5d5; outline:none; font-size:1em; font-family:Arial, Helvetica, sans-serif; font-size:.9166em; color:#444; } .content fieldset .buttons { text-align:center; } .content fieldset .buttons input { background:#ccc; outline:none; color:#fff; padding:5px 10px; } .content fieldset .error-msg { display:block; padding:10px 0; clear:both; color:#bd1727; font-style:italic } .content fieldset .prompt { display:block; padding:10px 0; clear:both; color:#8CC63F; font-style:italic } /* ***********Added by Rajani Vepa for inside pages, main content areas 01 Oct 2012 2012 ******************************/ /*Added .contentNew .intro by Rajani Vepa on 16 Oct 2012 */ .contentNew .intro { font-family:"DroidSerifRegular", Georgia, sans-serif; font-size:1.166em; color:#444444; } .contentNew h1, .content-webpart h2, .content-webpart h3 {font-family:"DroidSerifRegular", Georgia, sans-serif; padding:5px 0; display:block; line-height:1.5; color:#052d53; } .contentNew h4, .content-webpart h5, .content-webpart h6 {font-weight:bold; padding:5px 0; display:block; } .contentNew h1 { font-size:1.5em; } .contentNew h2 { font-size:1.333em; } .contentNew h3 { font-size:1.333em; color:#444444; } .contentNew h4 { font-size:1.166em; } .contentNew h5 { font-size:1.0833em; } .contentNew h6 { font-size:1em; } .contentNew p { padding:10px 0; } /*.contentNew ul { padding:10px 10px 10px 20px; } .contentNew ul li { list-style:outside disc; padding:2px 0; }*/ /*Added margin-left:10px to resolve the issue of ul going out of the box on tabs by Rajani Vepa on 11 jan 2013 */ /*.contentNew ul { padding:10px 10px 10px 20px; margin-left:10px; } .contentNew ul li { list-style:outside disc; padding:2px 0; margin-left:10px; }*/ /*Added margin-left:10px to resolve the issue of ul going out of the box on tabs by Rajani Vepa on 03Feb 2013 */ /*Added margin-left:0px to resolve the issue of Quicklinks going too much on the right on tabs by Rajani Vepa on 11 APRIL2013 */ .contentNew ul { padding:10px 10px 10px 10px !important; margin-left:0px; } .contentNew ul li { list-style:outside disc; padding:2px 0; margin-left:0px; } .contentNew ol { padding:10px 0 10px 20px; } .contentNew ol li { list-style:outside decimal; padding:2px 0; } .contentNew blockquote { padding:10px;} .contentNew .more { font-family:Arial, Helvetica, sans-serif; font-weight:bold; padding-right:12px; background:url(../images/icons/more-arrow.png) no-repeat right 4px; line-height:1.3 } .contentNew .img-right { float:right; margin:0 0 20px 20px; } .contentNew .img-left { float:left; margin:0 20px 20px 0; } /**************Until Here for Webparts Rajani VEPA on 01 Oct 2012 *********************/ /* ***********Added by Rajani Vepa for webparts to avoid the Boxes that are coming from content Class 06 July 2012 ******************************/ /*Added .content-webpart .intro by Rajani Vepa on 16 Oct 2012 */ .content-webpart .intro { font-family:"DroidSerifRegular", Georgia, sans-serif; font-size:1.166em; color:#444444; } .content-webpart h1, .content-webpart h2, .content-webpart h3 {font-family:"DroidSerifRegular", Georgia, sans-serif; padding:5px 0; display:block; line-height:1.5; color:#052d53; } .content-webpart h4, .content-webpart h5, .content-webpart h6 { font-weight:bold; padding:5px 0; display:block; } .content-webpart h1 { font-size:1.5em; } .content-webpart h2 { font-size:1.333em; } .content-webpart h3 { font-size:1.333em; color:#444444; } .content-webpart h4 { font-size:1.166em; } .content-webpart h5 { font-size:1.0833em; } .content-webpart h6 { font-size:1em; } .content-webpart p { padding:10px 0; } /* Commented the Below 2 lines because of alignment for small slider- Rajani Vepa on 21 st Aug 2012 */ /*.content-webpart ul { padding:10px 10px 10px 20px; } .content-webpart ul li { list-style:outside disc; padding:2px 0; } */ .content-webpart ol { padding:10px 0 10px 20px; } .content-webpart ol li { list-style:outside decimal; padding:2px 0; } .content-webpart blockquote { padding:10px;} /* This lines was creating the boxes in webparts so commented them */ /*.content-webpart table { margin-bottom:10px; border:1px solid #D5D5D5; border-collapse:collapse; width:100%; } .content-webpart table th { background-color:#99CCFF; padding:5px; color:#fff; border:1px solid #E9EAEA; font-weight:bold; text-align:left } .content-webpart table td { padding:5px; border:1px solid #E9EAEA; }*/ .content-webpart .more { font-family:Arial, Helvetica, sans-serif; font-weight:bold; padding-right:12px; background:url(../images/icons/more-arrow.png) no-repeat right 4px; line-height:1.3 } .content-webpart .img-right { float:right; margin:0 0 20px 20px; } .content-webpart .img-left { float:left; margin:0 20px 20px 0; } /* changed the font size as suggested by Vincent -- Rajani VEPA on 10 July 2012 ---- .content-webpart .intro { font-family:"DroidSerifRegular", Georgia, sans-serif; font-size:1.166em; color:#444444; }*/ .content-webpart .intro { font-family:"DroidSerifRegular", Georgia, sans-serif; font-size:1.25em; color:#444444; } .content-webpart fieldset { border-top:1px solid #99CCFF; border-bottom:1px solid #ccc; padding:15px 0px; margin-bottom:10px; } .content-webpart fieldset legend { padding:5px 5px 5px 0; font-size:1.25em; font-family:"DroidSansBold", Georgia, sans-serif; color:#3789bd } .content-webpart fieldset ol { padding:0; } .content-webpart fieldset li { padding:2px 10px; list-style:none; margin-bottom:3px } .content-webpart fieldset label { width:25%; float:left; padding:5px 10px 0 0; } .content-webpart fieldset .s1 { width:10%; } .content-webpart fieldset .s2 { width:30%; } .content-webpart fieldset .s3 { width:50%; } .content-webpart fieldset .s4 { width:70%; } .content-webpart fieldset input, .content-webpart fieldset textarea, .content-webpart fieldset select { padding:8px 5px; border:1px solid #d5d5d5; outline:none; font-size:1em; font-family:Arial, Helvetica, sans-serif; font-size:.9166em; color:#444; } .content-webpart fieldset .buttons { text-align:center; } .content-webpart fieldset .buttons input { background:#ccc; outline:none; color:#fff; padding:5px 10px; } .content-webpart fieldset .error-msg { display:block; padding:10px 0; clear:both; color:#bd1727; font-style:italic } .content-webpart fieldset .prompt { display:block; padding:10px 0; clear:both; color:#8CC63F; font-style:italic } /**************Until Here for Webparts Rajani VEPA on 06 july 2012 *********************/ /* inside pages, various content boxes */ .module-wrap { display:block; padding:15px 0; } .module { display:block; padding:15px 0; position:relative; float:left; width:100%; } .module-small h2 { border-top:1px solid #99ccff; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:1em; padding-bottom:0; color:#3789BD; } .module-arrow h2 { background: url(../images/icons/module-arrow.gif) no-repeat right 12px;} .module-arrow h2 a { display:block; padding-right:15px; } .module-caps h2 { border-bottom:2px solid #99ccff; font-weight:bold; font-family:"DroidSansBold", Arial, Helvetica, sans-serif; font-size:1.166em; color:#052d53; padding:5px 0; text-transform:uppercase; } .module-caps h2 a:link, .module-caps h2 a:active, .module-caps h2 a:visited { color:#052d53; text-decoration:none; } .module-caps h2 a:hover { color:#052d53; text-decoration:underline; } .module-caps img { padding-top:10px; } .module-wrap h1 { padding:0; } /********** MODULES - SIDEBAR AND CONTENT AREA **********/ .sidebar .module { float:none; margin-bottom:30px; padding:0px; } /*Added .module .more by Rajani VEPA on 30 May 2012 to add more class to Generic Main Layouts */ .module .more { padding-right:12px; background:url(../images/icons/more-arrow.png) no-repeat right 4px; font-weight:bold; top:-5px; position:relative} .module .module-header { padding:10px 15px 0 15px; min-height:27px; } .ie6 .module .module-header { height:27px; } /* Modified by Rajani Vepa on 20 Nov 2012 to add the 2 lines in Blue Boxes title Fields , Changed line-height:1.1; and Font Size to 1.0 em .module .module-header h2 { text-transform:uppercase; color:#fff; font-family:"DroidSansBold", Arial, Helvetica, sans-serif; font-size:1.166em; line-height:1.3; padding:0; } */ .module .module-header h2 { text-transform:uppercase; color:#fff; font-family:"DroidSansBold", Arial, Helvetica, sans-serif; font-size:1.0em; line-height:1.1; padding:0; } .module .module-header h2 a:link, .module .module-header h2 a:active, .module .module-header h2 a:visited { color:#fff; display:block; padding-right:15px; } .module-blue .module-header { background:url(../images/background/background-sprite.png) no-repeat -300px -670px; } .module-blue-arrow .module-header { background:url(../images/background/background-sprite.png) no-repeat -640px -730px; } .module-blue-tall .module-header { background:url(../images/background/background-sprite.png) no-repeat 0px -790px; min-height:45px !important; } .ie6 .module-blue-tall .module-header { height:45px; } .module-blue-narrow .module-header { background:url(../images/background/background-sprite.png) no-repeat -390px -730px; min-height:27px !important; padding:13px 15px 0 15px !important; } .ie6 .module-blue-narrow .module-header { height:27px; } .module-blue-narrow-arrow .module-header { background:url(../images/background/background-sprite.png) no-repeat -600px -670px; min-height:27px !important; padding:13px 15px 0 15px !important; } .ie6 .module-blue-narrow-arrow .module-header { height:27px; } .module-blue-round .module-header { background:url(../images/background/background-sprite.png) no-repeat 0px -670px; min-height:26px !important; padding:9px 15px 0 15px !important; } .ie6 .module-blue-round .module-header { height:26px; } .module-blue-large-arrow .module-header { background:url(../images/background/background-sprite.png) no-repeat -300px -790px; min-height:26px !important; padding:9px 15px 0 15px !important; } .ie6 .module-blue-large-arrow .module-header { height:26px; } /* Added by Rajani VEPA on 29 May 2012 for very large Blue ( col-16) for Main Layout1 without Menu */ .module-blue-large-col-16 .module-header { background:url(../images/background/background-sprite.png) no-repeat -300px -870px; min-height:26px !important; padding:9px 15px 0 15px !important; } .ie6 .module-blue-large-col-16 .module-header { height:26px; } /* Added by Rajani VEPA on 29 May 2012 GREY BOX for very large Blue ( col-16) for Main Layout1 without Menu */ /* Removed no-repeat by Rajani VEPA on 19 sep 2012 for all grey background .module-blue-large-col-16.module-greybg .module-content { background:url(../images/background/module-greybg-460.gif) no-repeat bottom left ; } */ .module-blue-large-col-16.module-greybg .module-content { background:url(../images/background/module-greybg-460.gif) ; } .module-blue-large-col-16 p {padding-left:10px;padding-right:10px;padding-top:10px;padding-bottom:10px;} /* Added by Rajani VEPA on 29 May 2012 for large Blue ( col-11) for Main Layout3 without Menu */ .module-blue-large-col-11 .module-header { background:url(../images/background/background-sprite.png) no-repeat -320px -480px; min-height:26px !important; padding:9px 15px 0 15px !important; } .ie6 .module-blue-large-col-11 .module-header { height:26px; } /* Added by Rajani VEPA on 29 May 2012 GREY BOX for very large Blue ( col-11) for Main Layout3 without Menu */ /* Removed no-repeat by Rajani VEPA on 19 sep 2012 for all grey background .module-blue-large-col-11.module-greybg .module-content { background:url(../images/background/module-greybg-370.gif) no-repeat bottom left ; } */ .module-blue-large-col-11.module-greybg .module-content { background:url(../images/background/module-greybg-370.gif); } .module-blue-large-col-11 p {padding-left:10px;padding-right:10px;padding-top:10px;padding-bottom:10px;} /* Removed no-repeat by Rajani VEPA on 19 sep 2012 for all grey background */ /*.module-greybg .module-content { background:url(../images/background/module-greybg-sidebar.gif) no-repeat bottom left; } .module-blue-large-arrow.module-greybg .module-content { background:url(../images/background/module-greybg-370.gif) no-repeat bottom left ; }*/ .module-greybg .module-content { background:url(../images/background/module-greybg-sidebar.gif); } .module-blue-large-arrow.module-greybg .module-content { background:url(../images/background/module-greybg-370.gif) ; } /*.module-content p { padding:10px 15px; } Rajani VEPA on 29 May 2012*/ /* Modified the Padding on 02 July 2012- Rajani VEPA .module-blue-large-arrow p { padding-bottom:20px;}*/ .module-blue-large-arrow p { padding: 0 10px 10px 10px;} /* Added the Padding on 12 July 2012- Rajani VEPA */ .module-greybg p { padding: 0 10px 10px 10px;} /* Added by Padding on 13 July 2012- Rajani VEPA */ .module-thumbnail p { padding: 0 10px 10px 10px;} .module-thumbnail img { float:left; margin:0 15px 15px 0;} .module-social .twitter { background:url(../images/background/background-sprite.png) no-repeat 0 -870px; min-height:60px; padding:10px; } .ie6 .module-social .twitter { height:60px; } .module-social .twitter a { margin-bottom:5px; } .module-events p { padding:0; } .module .rss { padding-right:22px; background:url(../images/buttons/ITU-Buttons.png) no-repeat 27px -50px; font-size:.9166em; color:#84959f; position:absolute; color:#84959f; } .module .rss:link, .module .rss:active, .module .rss:visited { color:#84959f; text-decoration:none; } .module .rss:hover { color:#84959f; text-decoration:underline; } .module .rss-bottom { bottom:15px; right:0px; } .module .meta { text-transform:uppercase; color:#657782; font-size:.8333em; } .module .simple-list { padding:10px 0; } .module .simple-list dd { padding-bottom:10px; } .module .simple-list .highlight { color:#000; padding-left:5px; } /********** MODULE MEDIA **********/ .module .video-links { border-top:1px solid #e4e4e4; } .module .video-links a { float:left; padding:15px 25px 15px 55px; display:block; font-weight:bold } .module .video { background:url(../images/buttons/ITU-Buttons.png) no-repeat -325px 10px; } .module .photo { background:url(../images/buttons/ITU-Buttons.png) no-repeat -340px -55px; padding-left:45px !important } .sidebar { padding:15px 0; } .sidebar strong { font-weight:bold; } .sidebar .more { padding-right:12px; background:url(../images/icons/more-arrow.png) no-repeat right 4px; font-weight:bold; top:-5px; position:relative} /********** MODULE TABS **********/ .module-tabs .tabs { border-bottom:1px solid #0153a0; } /* added : line-height:1.1em ; By Rajani Vepa on 16 Oct 2012 */ .module-tabs .tabs li { float:left; font-size:.9166em; margin-right:1px; text-align: center; line-height:1.1em;} .ie6 .module-tabs .tabs li { display:inline-block; } .module-tabs .tabs li a { display:block; padding-left:5px; background:url(../images/background/curved-tabs.png) no-repeat 0 -38px; min-height:35px; color:#657782 } .ie6 .module-tabs .tabs li a { height:35px; display:inline-block; line-height:12px; max-height:50px; } .module-tabs .tabs li span { display:block; padding:5px 2px 5px 2px; background:url(../images/background/curved-tabs.png) no-repeat 100% -38px; min-height:25px; } .ie6 .module-tabs .tabs li span { height:25px; display:inline-block; max-height:50px; } .module-tabs .tabs li a:link, .module-tabs .tabs li a:active, .module-tabs .tabs li a:visited { color:#657782; } .module-tabs .tabs li a:hover { color:#000; text-decoration:none; } .module-tabs .tabs .ui-tabs-selected a { background-position:0 0; color:#fff; } .module-tabs .tabs .ui-tabs-selected span { background-position:100% 0; color:#fff; } .ui-tabs .ui-tabs-hide { display: none !important; } /* jQuery UI tabs style */ /* Commented this line and added the Line below for RSS viewer GAP issue in Tabs Rajani Vepa on 28 Sept 2012 .module-tabs .tab-box { border-bottom:1px solid #d5d5d5; padding:10px 0; }*/ .module-tabs .module-content { border-bottom:1px solid #d5d5d5; } .module-tabs .tab-box p, .module-tabs .tab-box ul, .module-tabs .tab-box ol { padding:5px 0px; } .module-tabs .horizontal-list li { float:left; margin-right:15px;} .module-tabs .simple-list { padding:0; } /********** MODULE FORM **********/ .module-form { padding:5px 0; } .module-form p { font-size:.9166em; color:#657782; } .module-form li { padding:2px 10px; display:block; } .module-form label { display:none; } .module-form li input { display:block; width:95%; padding:8px 5px; border:1px solid #d5d5d5; outline:none; font-size:1em; font-family:Arial, Helvetica, sans-serif; font-size:.9166em; color:#657782; } .module-form .actions { padding:10px 15px; } .module-form .actions .unsubscribe { padding:2px 0; font-size:.9166em} .module-form .actions input { border:none; width:auto; padding:0; float:right; } /********** QUICKLINKS **********/ .inside .quicklinks { padding:5px 7px; border-bottom:1px solid #d5d5d5; } .inside .quicklinks-noborder { padding:10px 7px; border:none !important } .inside .quicklinks li { padding:5px 0 5px 15px; background:url(../images/icons/quicklinks-arrow.gif) no-repeat 0 10px; line-height:1.3; list-style:none } .ie6 .quicklinks { position:relative; display:inline-block;} /********** MODULE SIMPLE - NO BIG BLOCK HEADING **********/ .module-simple img { float:left; margin:0 15px 15px 0; } .module-simple h3 { font-weight:bold; padding:0 0 5px 0; } .module-simple .highlight { color:#000; text-transform:uppercase; font-size:.9166em; padding:2px 0; } /********** MODULE CONTACT **********/ .module-contact .module-content { padding:10px 0 0 35px; background:url(../images/background/background-sprite.png) no-repeat -930px -660px;} .module-contact table { width:100%; text-align:left; } .module-contact table th, .module-contact table td { padding:5px 5px 0px 0;} .module-contact table th strong { text-transform:uppercase; color:#052d53 } .module-contact table th { color:#657782; } .module-contact .tel:link, .module-contact .tel:active, .module-contact .tel:visited { color:#052d53; } /********** MODULE SEARCH **********/ .module-search .module-content { padding:10px; } .module-search label { display:none; } .module-search .search-input { display:block; width:95%; padding:9px 5px; border:1px solid #d5d5d5; outline:none; font-size:1em; font-family:Arial, Helvetica, sans-serif; font-size:.9166em; color:#657782;} .sidebar .module-search .search-input { width:158px; margin-right:10px; } .sidebar .module-search input { float:left; } .module-search .adv-search { clear:both; display:block; font-size:.9166em; padding:5px 0; } /********** MODULE BASKET **********/ .module-basket table { text-align:left; } .module-basket thead th { background:#ebf5ff; border-bottom:1px solid #d5d5d5; border-top:1px solid #99ccff; padding:8px 10px; color:#444444; } .module-basket tbody th, .module-basket tbody td { padding:8px 5px 8px 0px; border-bottom:1px solid #e9eaea; vertical-align:top } .module-basket tbody th { padding:8px 5px; } .module-basket tbody td input { width:30px; padding:5px; border:1px solid #d5d5d5; text-align:right } .module-basket .price { text-align:right; padding:8px 10px 8px 5px } .module-basket tfoot th, .module-basket tfoot td { padding:8px 10px 8px 0px; border-bottom:1px solid #d5d5d5; vertical-align:top } .module-basket table em { font-weight:bold; } .module-basket .actions { text-align:right; padding:10px 0; } .media-kit { display:block; width:180px; height:35px; padding:20px 30px 0 70px; background:url(../images/buttons/media-kit.gif) no-repeat 0 0; text-transform:uppercase; font-family:"DroidSansBold", Arial, Helvetica, sans-serif; } .social-media { display:block; width:180px; height:35px; padding:20px 30px 0 70px; background:url(/PublishingImages/masterpage/buttons/social-media.png) no-repeat 0 0; text-transform:uppercase; font-family:"DroidSansBold", Arial, Helvetica, sans-serif; } /********** CALENDAR SUBSCRIPTIONS **********/ .calendar-subs p { font-size:.9166em; color:#657782; padding:10px 0; } .calendar-subs table { width:100%; } .ie6 .calendar-subs table { width:280px;} .calendar-subs table th { width:50%; padding:4px 0; text-align:left; vertical-align:middle; font-weight:normal; } .calendar-subs table td { width:60px; padding:4px 0 4px 10px; text-align:left; vertical-align:middle; } .calendar-subs .cal-rss { width:60px; height:20px; background:url(../images/buttons/ITU-Buttons.png) no-repeat -580px -40px; text-indent:-9999em; display:block } .calendar-subs .cal-ical { width:60px; height:20px; background:url(../images/buttons/ITU-Buttons.png) no-repeat -580px 0; text-indent:-9999em; display:block } /********** LISTINGS **********/ .listing-wrap { position:relative; clear:both } .listing { display:block; padding:10px 0; } .listing img { float:left; margin:0 15px 15px 0; } .listing-image dl { float:left; width:335px; } .listing .meta { text-transform:uppercase; color:#657782; font-size:.8333em; } .listing .highlight { padding-left:10px; color:#000; } .listing dt { padding:0 0 3px 0;} .listing-wrap .rss-bottom { bottom:15px; right:0px; position:absolute; } .listing-wrap .rss { padding-right:22px; background:url(../images/icons/rss-tiny.png) no-repeat 100% 0px; font-size:.9166em; color:#84959f; position:absolute; display:block; text-align:right } .listing-wrap .rss:link, .listing-wrap .rss:active, .listing-wrap .rss:visited { text-decoration:none; } .listing-wrap .rss:hover { text-decoration:underline; } .listing-mag dd { font-size:.91666em; color:#657782; padding-bottom:10px; } /********** RESOURCES **********/ .resources { display:block; padding:20px 0; } .resources p { font-size:.9166em; } .resource-links { display:block; padding:20px 0 0 0; border-top:1px solid #d5d5d5; } .resource-links .resource a { font-size:.9166em; line-height:1.3; padding:5px 0 !important; display:block } .resource-flickr, .resource-video { padding-bottom:10px;} /********** STUDY GROUP **********/ .meta-box { background:#ebf5ff url(../images/background/study-group-tile.gif) repeat-x 0 0; display:block; position:relative; padding:5px 10px 0 10px; font-weight:bold; min-height:41px; margin-bottom:10px; } .ie6 .meta-box { height:41px; } .meta-box .members-login { position:absolute; top:6px; right:10px; } .meta-box-dates p { color:#657782; } .meta-box-dates .highlight { padding-left:10px; color:#000; } .members-login { display:block; width:90px; height:25px; text-align:center; line-height:1.3; background:url(../images/buttons/ITU-Buttons.png) no-repeat 0 -420px; color:#fff; font-weight:bold; padding:10px 15px 0 15px; } .members-login:link, .members-login:active, .members-login:visited { color:#fff !important; text-decoration:none !important;} .members-login:hover { color:#fff !important; text-decoration:none; background-position:0 -455px; } /********** SLIDER **********/ .slider { display:block; clear:both; padding:0 10px; background:#f5f5f5; position:relative } .slider-careers { width:440px; } .slider-careers .scrollable { position:relative; overflow:hidden; width:440px; height:auto; min-height:120px; } .slider-careers .scrollable .items { width:20000em; position:absolute;} .slider-careers .items .item { float:left; height:100%; width:440px; height:100%; } .slider-careers .listing dt { font-weight:bold} .slider-careers .listing-image dl { width:325px; margin-bottom:10px; } .slider-careers .slider-arrows { width:27px; z-index:100; position:absolute; top:10px; right:10px; } .slider .next, .slider .prev { width:6px; height:10px; display:block; background-image:url(../images/buttons/scroller-arrows.png); background-repeat:no-repeat; text-indent:-9999em; float:left; cursor:pointer; } .slider .next { background-position:-14px 0px; } .slider .next:hover { background-position:-14px -15px; } .slider .prev { background-position:0px 0px; margin-right:15px; } .slider .prev:hover { background-position:0px -15px; } /*** Small Slider Start -- Added by Rajani Vepa on 07 May 2012 ***/ /* changed the Height from 330 to 75px and top padding to 10 - Rajani vepa on 07 July 2012 */ /* .SmallSlider-wrap { display:block; background:url(../img/background/background-sprite.png) no-repeat 0 0; width:610px; min-height:330px; padding:20px; position:relative; margin-bottom:20px; overflow:hidden;padding-left:0px;margin-left:0px; } .lte7 .SmallSlider-wrap{ height:330px; overflow:hidden; display:block }*/ /* updsted the ime path as suggested by Vincent - Rajani Vepa on 16 July 2014 .SmallSlider-wrap { display:block; background:url(../img/background/background-sprite.png) no-repeat 0 0; width:640px; min-height:75px; padding:0px;position:relative; margin-bottom:20px; overflow:hidden;padding-left:0px;margin-left:0px; }*/ .SmallSlider-wrap { display:block; background:url(../images/background/background-sprite.png) no-repeat 0 0; width:640px; min-height:75px; padding:0px;position:relative; margin-bottom:20px; overflow:hidden;padding-left:0px;margin-left:0px; } .lte7 .SmallSlider-wrap{ height:75px; overflow:hidden; display:block ;} .smallSlider { display:block; width:640px; } .ie .smallSlider { background:#fff; } .ie6 .smallSlider { background:#fff; height:330px; overflow:hidden } .SmallSlider-text { display:block; float:left; width:310px; min-height:190px; padding-bottom:30px; position:relative; } .ie6 .SmallSlider-text { height:200px; } .SmallSlider-photo { display:block; float:right; width:310px;} /* changed the height of the title : Rajani Vepa on 06 July 2012 .SmallSlider-text h1 { font-family:"DroidSerifRegular", Georgia, sans-serif !important; line-height:1.2; color:#052d53; font-size:3em; padding:0 0 10px 0; }*/ .SmallSlider-text h1 { font-family:"DroidSerifRegular", Georgia, sans-serif !important; line-height:1.2; color:#052d53; font-size:2em; padding:0 0 10px 0; } .SmallSlider-text p { padding-right:20px; margin-right:20px;} .SmallSlider-text a { font-weight:bold; } .SmallSlider-text .share-this { position:absolute; bottom:0px; } .SmallSlider-text .share-this p { text-transform:uppercase; color:#657782; font-size:.9166em; float:left; padding:2px 10px 8px 0; } .SmallSlider-text .addthis_toolbox { float:left; } /* * updsted the ime path as suggested by Vincent - Rajani Vepa on 16 July 2014 .SmallSlider-text .more { font-family:Arial, Helvetica, sans-serif; font-weight:bold; padding-left:2px; padding-right:10px; background:url(../img/icons/more-arrow.png) no-repeat right 5px; line-height:1.3 }*/ .SmallSlider-text .more { font-family:Arial, Helvetica, sans-serif; font-weight:bold; padding-left:2px; padding-right:10px; background:url(../images/icons/more-arrow.png) no-repeat right 5px; line-height:1.3 } /***Small Slider End***/ /* Re-added (2014-08-11) by Vincent PAROZ for col-32 blue box */ /* Note1: had been removed for which reason? */ /* Note2: PLEASE DO NOT REMOVE! */ .module-blue-large-col-32 .module-header { background:url(../images/background/background-sprite.png) no-repeat 0px -960px; min-height:26px !important; padding:9px 15px 0 15px !important; } .ie6 .module-blue-large-col-32 .module-header { height:26px; } /*** ITU Logo CSS -- Added by Rajani Vepa on 10 oct 2014 ***/ .ITULogo-image-box {} .ITULogo-image-box p {margin-top: 20px;} .ITULogo-image { padding:10px 10px 0px 0px;} /*** Ends here -- ITU Logo CSS -- Added by Rajani Vepa on 10 oct 2014 ***/ /* END OF MAIN SCREEN STYLES */ /* Print issue -- Rajani Vepa 08 june 2012 @media print { .breadcrumb, .lhs-nav, .sidebar, .footer, .follow, .main-nav, .lang-switcher ul, .header-search, .pink-download-btn, .download-brochure, .event-btns { display:none; } */ @media print { h1 { page-break-before:auto } h1, h2, h3, h4, h5, h6 { page-break-after: avoid !important } ul, ol, dl { page-break-before: avoid !important } .noprint { display:none !important } .printview { display:block !important } .breadcrumb, .lhs-nav, .footer ul, .follow, .main-nav, .lang-switcher ul, .header-search, a.rss, .follow, object, embed, iframe, .back-to-top, .pink-download-btn, .download-brochure, .event-btns, .share-this, .home-feature-nav, .module-social { display:none !important } /* Print issue Ends here -- Rajani Vepa 08 june 2012 */ body { font-size:0.75em !important; line-height:1.5; font-family: Arial, Helvetica, sans-serif !important; color:#000; } .inside .page-heading h1 { font-size:2.33em; font-family:"DroidSerifRegular", Georgia, sans-serif; padding:30px 0 25px 0; color:#657782; line-height:1.3; font-weight:normal; } .inside .page-heading h1 em { padding-right:5px; color:#052d53; font-family:"DroidSerifItalic" !important; } .content h1, .content h2, .content h3 { font-family:"DroidSerifRegular", Georgia, sans-serif; padding:5px 0; display:block; line-height:1.5; color:#052d53; } .content h4, .content h5, .content h6 { font-weight:bold; padding:5px 0; display:block; } .content h1 { font-size:1.5em; } .content h2 { font-size:1.333em; } .content h3 { font-size:1.333em; color:#444444; } .content h4 { font-size:1.166em; } .content h5 { font-size:1.0833em; } .content h6 { font-size:1em; } .content p { padding:10px 0; } .content ul { padding:10px 0 10px 20px; } .content ul li { list-style:outside disc; padding:2px 0; } .content ol { padding:10px 0 10px 20px; } .content ol li { list-style:outside decimal; padding:2px 0; } .content blockquote { padding:10px;} .content table { margin-bottom:10px; border:1px solid #D5D5D5; border-collapse:collapse; width:100%; } .content table th { background-color:#99CCFF; padding:5px; color:#fff; border:1px solid #E9EAEA; font-weight:bold; text-align:left } .content table td { padding:5px; border:1px solid #E9EAEA; } .content .more { font-family:Arial, Helvetica, sans-serif; font-weight:bold; padding-right:12px; background:url(../images/icons/more-arrow.png) no-repeat right 4px; line-height:1.3 } .content .img-right { float:right; margin:0 0 20px 20px; } .content .img-left { float:left; margin:0 20px 20px 0; } /*changed the font size as suggested by Vincent -- Rajani VEPA on 10 July 2012 ---- .content .intro { font-family:"DroidSerifRegular", Georgia, sans-serif; font-size:1.166em; color:#444444; }*/ .content .intro { font-family:"DroidSerifRegular", Georgia, sans-serif; font-size:1.25em; color:#444444; } .content fieldset { border-top:1px solid #99CCFF; border-bottom:1px solid #ccc; padding:15px 0px; margin-bottom:10px; } .content fieldset legend { padding:5px 5px 5px 0; font-size:1.25em; font-family:"DroidSansBold", Georgia, sans-serif; color:#3789bd } .content fieldset ol { padding:0; } .content fieldset li { padding:2px 10px; list-style:none; margin-bottom:3px } .content fieldset label { width:25%; float:left; padding:5px 10px 0 0; } .content fieldset .s1 { width:10%; } .content fieldset .s2 { width:30%; } .content fieldset .s3 { width:50%; } .content fieldset .s4 { width:70%; } .content fieldset input, .content fieldset textarea, .content fieldset select { padding:8px 5px; border:1px solid #d5d5d5; outline:none; font-size:1em; font-family:Arial, Helvetica, sans-serif; font-size:.9166em; color:#444; } .content fieldset .buttons { text-align:center; } .content fieldset .buttons input { background:#ccc; outline:none; color:#fff; padding:5px 10px; } .content fieldset .error-msg { display:block; padding:10px 0; clear:both; color:#bd1727; font-style:italic } .content fieldset .prompt { display:block; padding:10px 0; clear:both; color:#8CC63F; font-style:italic } .module { display:block; padding:15px 0; position:relative; width:100%; } .module h2 { border-bottom:1px solid #99ccff; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:1em; padding-bottom:0; } .module h2 a { color:#052d53; text-decoration:none} .module-caps h2 { border-bottom:2px solid #99ccff; font-weight:bold; font-family:"DroidSansBold", Arial, Helvetica, sans-serif; font-size:1.166em; color:#052d53; padding:5px 0; text-transform:uppercase; } /********** LISTINGS **********/ .listing-wrap { position:relative; clear:both } .listing { display:block; padding:10px 0; } .listing img { margin:0 15px 15px 0; } .listing dd { margin:0; } .listing .meta { text-transform:uppercase; color:#657782; font-size:.8333em; } .listing .highlight { padding-left:10px; color:#000; } .listing dt { padding:0 0 3px 0;} .listing-wrap .rss-bottom { display:none} .listing-mag dd { font-size:.91666em; color:#657782; padding-bottom:10px; } /********** RESOURCES **********/ .resources { display:block; padding:20px 0; } .resources p { font-size:.9166em; } .resource-links { display:block; padding:20px 0 0 0; border-top:1px solid #d5d5d5; } .resource-links .resource a { font-size:.9166em; line-height:1.3; padding:5px 0 !important; display:block } .resource-flickr, .resource-video { padding-bottom:10px;} /********** STUDY GROUP **********/ .meta-box { background:#ebf5ff url(../images/background/study-group-tile.gif) repeat-x 0 0; display:block; position:relative; padding:5px 10px 0 10px; font-weight:bold; min-height:41px; margin-bottom:10px; } .ie6 .meta-box { height:41px; } .meta-box .members-login { position:absolute; top:6px; right:10px; } .meta-box-dates p { color:#657782; } .meta-box-dates .highlight { padding-left:10px; color:#000; } }