@charset "utf-8";

/* ITU addition by kazu */
.arabic .lang-switcher li { font-size: 80%; } /* with sign-in, this needs to be a little smaller from the original design */
/* 14.3.2014 as in English (originally error by a colleague), use background in place of list-style */



ul.ms-rteStyle-ITUXCommuQuickLinks { 
	padding-right:25px !important;}


ul.ms-rteStyle-ITUXCommuQuickLinks li {
	list-style-image:url(/PublishingImages/masterpage/icons/quicklinks-arrow-ar.gif) !important; 
	background-image:none; 
	padding-right:5px !important;
	text-align:right;
}

/*
ul.ms-rteStyle-ITUXCommuQuickLinks li a {
	background:url(/PublishingImages/masterpage/icons/quicklinks-arrow-ar.gif) no-repeat right center;
	padding-right: 10px;
	display: block;
}-*


/* to show bullet list in sidebar */
.ms-rtestate-field ul { padding:10px 20px 10px 0; }
/* 15.5.2013 XMLMenu Tier 3+ */
ul.AspNet-Menu ul ul{ right:160px; top:0px; background-color:white; z-index:5; width:160px; }
ul.AspNet-Menu ul li.AspNet-Menu-WithChildren {
	background-image:url(/PublishingImages/masterpage/icons/quicklinks-arrow-ar.gif);
	background-repeat:no-repeat;
	background-position:left;
}
/* 14.1.2014 adapt v6xmlmenu to SP2013 */
.lhs-nav li a.popout {
	background-image:url(/PublishingImages/masterpage/icons/quicklinks-arrow-ar.gif) !important;
}
/* ITU addition by kazu */

/*Added Padding in tagline h2 by Rajani Vepa on 23 May 2012 */ 
.arabic .tagline h2					{ padding-right:15px;padding-top:15px; font-family: "DroidSansBold", Arial, Helvetica, sans-serif !important;}
.arabic .follow .social li				{ font-family: "DroidSansRegular", Arial, Helvetica, sans-serif !important; }
.arabic .secretary-gen a				{ font-family: "DroidSansRegular", Arial, Helvetica, sans-serif !important; width:230px !important;  }
.arabic .whats-happening .wh-header		{ padding:10px 10px 0; min-height:30px; }
.arabic .whats-happening .wh-header h2	{ font-family: "DroidSansRegular", Arial, Helvetica, sans-serif !important; font-size:1.125em }
.arabic .home-block .block-header		{ padding:10px 15px 0; min-height:30px; }
.arabic .home-block .block-header h2	{ font-family: "DroidSansRegular", Arial, Helvetica, sans-serif !important; font-size:1.125em }
.arabic .home-block .join-itu li span	{ font-family:Georgia, "Times New Roman", Times, sans-serif !important; }
.arabic .home-block .join-itu li em		{ font-family: Arial, SimSun, Helvetica, sans-serif !important;   }
.arabic .content fieldset legend		{ font-family: "DroidSansBold", Arial, Helvetica, sans-serif !important; }
.arabic .module-caps h2					{ font-family: "DroidSansBold", Arial, Helvetica, sans-serif !important; }


/* Modified by Rajani Vepa on 22 June 2015 in order to make the Blue Box header Bold as in English
.arabic .module .module-header h2		{ font-family: "DroidSansRegular", Arial, Helvetica, sans-serif !important; }*/


.arabic .module .module-header h2		{ font-family: "DroidSansBold", Arial, Helvetica, sans-serif !important; }


/* Flip the Grid! */

body.arabic								{ text-align:right; font-size:92.5% !important }

.arabic .col-1, .arabic .col-2, .arabic .col-3, .arabic .col-4, .arabic .col-5, .arabic .col-6, .arabic .col-7, .arabic .col-8, .arabic .col-9, .arabic .col-10, .arabic .col-11, .arabic .col-12, .arabic .col-13, .arabic .col-14, .arabic .col-15, .arabic .col-16, .arabic .col-17, .arabic .col-18, .arabic .col-19, .arabic .col-20, .arabic .col-21, .arabic .col-22, .arabic .col-23, .arabic .col-24, .arabic .col-25, .arabic .col-26, .arabic .col-27, .arabic .col-28, .arabic .col-29, .arabic .col-30, .arabic .col-31, .arabic .col-32
										{ float:right !important }
.arabic .col-first						{ margin-left:10px !important; margin-right:0 !important }
.arabic .col-last						{ margin-right:10px !important; margin-left:0 !important }
										

/* Adjust layout for right to left */




.arabic .header h1,
.arabic .tagline						{ float:right }
/*.arabic .header h1						{ padding:20px 0 0 20px }*/ 
/*.arabic .header h1						{ padding:20px 0 0 20px }*/
/*.arabic .header .logo					{ background-position:right 20px }*/


/*<!--Reverted back and removed ITU150Logo on 06 Jan 2016-- Modified and added margin-top:30px by Rajani Vepa on 16 dec 2014  for ITU-150 logo -->*/      
/*.arabic   .logo       { margin-top:30px;width:75px;  display:block; float:right; }*/
.arabic   .logo       {width:75px;  display:block; float:right; }
.arabic   .logo a     { display:block; width:75px;} 

/*<!--Reverted back and removed ITU150Logo on 06 Jan 2016--Added by Rajani Vepa on 16 dec 2014  for ITU-150 logo -->*/
/*.arabic .logo-itu150 { padding:30px 0px 0px 0px ; float:left;} */

 /*Added by Rajani Vepa on 26 Aug 2016 for SDG logo -->*/
.arabic .logo-sdg { padding:30px 0px 0px 0px ; float:left;} 





/*Modified by Rajani on 23 May 2012---   .arabic .lang-switcher li				{ float:right; margin:0 0 15px 0; } */
.arabic .lang-switcher li				{ float:right; margin:0 15px 0px 0;  }




/* Modified header search on 26 Aug 2016 for SDG Logo by Rajani Vepa -->*/
.arabic .header-search						{ padding:14px 10px 5px 15px; float:right; }	

/* Original header search commented on 26 Aug 2016 for SDG Logo by Rajani Vepa*/
/*.arabic .header-search						{ padding:25px 0 0 0; }*/





.arabic .header-search .hsearch-input	{  }

.arabic .main-nav li,
.arabic .main-nav li.active ul li		{ float:right }

/*changed the Width and added text-align by Rajani VEPA on 21 st june 2012--.arabic .main-nav li { width:147px !important; font-size:1.25em }*/
	/*.arabic .main-nav li				{ width:140px !important; font-size:1.25em;text-align:center; }*/
	
	/* updated  the below line for top naviagtion- Rajani VEPA on 25 june 2014 */
		/* changed the font-size as per Geal's request on 16 July 2014 
		.arabic .main-nav li				{ width:115px !important; font-size:1.15em;text-align:center; }*/
		.arabic .main-nav li				{ width:115px !important; font-size:1.0em;text-align:center;  }
		
/* added line-height  as per Geal's request on 16 July 2014 
	.arabic .main-nav li a				{ padding: 12px 15px 2px 15px }*/
	.arabic .main-nav li a				{ padding: 12px 5px 2px 15px ; line-height:15px; }
	
	
/* updated  the below line for top naviagtion- Rajani VEPA on 25 june 2014 */	
/*.arabic .main-nav .home				{ width:110px !important; overflow:hidden ; }*/	

.arabic .main-nav .home				{ width:101px !important; overflow:hidden ; }	



/*Changed the Width of the Home- Rajani VEPA on 21 st June 2012----.arabic .main-nav .home	{ width:198px !important; overflow:hidden }*/
/*.arabic .main-nav .home				{ width:120px !important; overflow:hidden ; }*/
/* updated  the below line for top naviagtion- Rajani VEPA on 25 june 2014 */	
.arabic .main-nav .home a			{ background-position:80px 17px; padding-right:25px; padding-left:0 }


/*Changed the position of the Home Logo - Rajani VEPA on 21 st June 2012----.arabic .main-nav .home a	{ background-position:172px 17px; padding-right:36px; padding-left:0 }*/
/*.arabic .main-nav .home a			{ background-position:100px 17px; padding-right:25px; padding-left:0 }*/

/* Added the below line for top naviagtion- Rajani VEPA on 25 june 2014 */
/*Changed the width as per Geal's request on 16 July 2014 
/*.arabic .main-nav .join-itu{ margin-right:1px; width:129px !important; padding:0px; }*/

.arabic .main-nav .join-itu{ margin-right:1px; width:139px !important; padding:0px; }


/* commented the below line on 17 June 2015 as it was making Join-ITu submenu in RED- Rajani Vepa*/
/*.arabic .main-nav li.join-itu a		{ background:url(/PublishingImages/masterpage/buttons/joinitu-login-bg.png) no-repeat 0 0 }*/
.arabic .main-nav .members { margin-right:1px; width:111px !important; padding:0px; } 	


/* Added the below line for top naviagtion- Rajani VEPA on 21 june 2012 */
/*.arabic .main-nav .members { margin-right:1px; width:111px !important; padding:0px; } */


	.arabic .main-nav li.members a		{ background:url(/PublishingImages/masterpage/buttons/login-bg-arabic.png) no-repeat 0 0 }
	.arabic .main-nav li ul				{ background:url(/PublishingImages/masterpage/background/ITU-subnav-arabic.png) no-repeat 0 0 }
	.arabic .main-nav li.active ul li	{ width:auto !important; font-size:0.925em }
	.arabic .main-nav li.active ul li a	{ padding:7px 16px 0px 16px }
	.arabic .pink-download-btn a		{ padding:7px 35px 0 15px; width:170px; font-size:1.5em; height:33px }
	
.arabic .share-this						{ font-size:1em }
.arabic .breadcrumb						{ font-size:1.25em }
.arabic .lhs-nav ul						{ font-size:1.25em }
	.arabic .breadcrumb p a				{ background: url(/PublishingImages/masterpage/icons/breadcrumb-arrow-arabic.gif) no-repeat right 7px }
	.arabic .share-this					{ float:left; width:150px; }
/*  changed  Width to 150 px; ALSO 
     Float to right - Rajani Vepa on 15 Feb 2016 :
    .arabic .share-this					{ float:left; width:100% }
 	.arabic .share-this p				{ float:right; padding:2px 0 8px } */
	.arabic .share-this p				{ float:right; padding:2px 0px 8px 10px }
	

/* changed  the Float to right - Rajani Vepa on 15 Feb 2016 : 	.arabic .addthis_toolbox			{ float:left } */
	.arabic .addthis_toolbox			{ float:right }
	
.arabic .sidebar .module-content		{ font-size:1.125em }
.arabic .module .video-links a			{ float:right }
.arabic .module-simple img				{ float:right; margin:0 0 15px 15px }
.arabic .module-blue-arrow .module-header	{ background-position:-390px -730px }

.arabic .content					{ font-size:1.125em }
	.arabic .content ol,
	.arabic .content ul					{ padding:10px 20px 10px 0 }
	.arabic .content table th,
	.arabic .content table th			{ text-align:right }
	.arabic .content fieldset label		{ float:right }
	
.arabic .follow .social li			{ float:right }
.arabic .follow .social li em		{ font-size:1.333em; padding:0 10px 0 25px; line-height:1 }
.arabic .footer ul					{ float:left }
.arabic .footer ul li				{ float:right }
.arabic .back-to-top				{ background:url(/PublishingImages/masterpage/buttons/ITU-Buttons-Arabic.png) no-repeat 10px -520px; height:40px }
.arabic .back-to-top:hover			{ background-position:-110px -520px }
.arabic .footer .col-last,
.arabic .footer .col-last li		{ float:left !important }


/* Added by Rajani Vepa on 27 Feb 2015 : to make the more class available for all pages*/
.arabic  .more				{ background:url(/PublishingImages/masterpage/icons/more-arrow-arabic.png) no-repeat left 4px; padding-right:2px; padding-left:10px }


/* Homepage */
.arabic .home-block,
.arabic .hf-text					{ float:right !important }
.arabic .hf-photo 					{ float:left !important }
.arabic .hf-text .more				{ background:url(/PublishingImages/masterpage/icons/more-arrow-arabic.png) no-repeat left 4px; padding-right:2px; padding-left:10px }
	

.arabic .home-feature-nav ul li		{ float:right }
.arabic .home-block .accordion-closed, .arabic .home-block .accordion dt.ui-state-default, .arabic .home-block .accordion-open, .arabic .home-block .accordion dt.ui-state-active
									{ background-position:5% 15px}
.arabic .wh-cols					{ background-image:url(/PublishingImages/masterpage/background/home-whats-happening-arabic.png) }			
.arabic .wh-col						{ float:right }
.arabic .wh-col h3					{ padding:15px 0 15px 35px }

 /*Changed by Rajani VEPA on 02 July  2012: replaced .rss with ".rss a " for arabic link to work	*/
.arabic .wh-cols .col-last .rss a		{ left:15px }
.arabic .wh-col .listing dt			{ font-size:1.25em }

 /*Changed by Rajani VEPA on 02 July  2012: replaced .rss with ".rss a " for arabic link to work	*/
.arabic .wh-col .rss a				{ left:0; right:auto; background-position:0 -50px; padding-right:0; padding-left:22px; line-height:1.125; text-indent:-999em }
.arabic .itu-mag img				{ float:right; margin-right:0; margin-left:10px }
.arabic .wh-col .recent-pubs dl		{ background-position:right 5px; padding:10px 75px 10px 0 }
.arabic .secretary-gen				{ float:left }
.arabic .home-block .benefits		{ padding-left:0; padding-right:20px }
.arabic .home-block .more,
.arabic .wh-col .more				{ background:url(/PublishingImages/masterpage/icons/more-arrow-arabic.png) no-repeat left 4px; padding-right:0; padding-left:12px }
.arabic .home-block .horizontal-list li	{ padding: 0 0 0 10px; margin: 0 0 0 10px; border-left: 1px solid #68A6CD; border-right:none }
.arabic .secretary-gen a 			{ background-image: url(/PublishingImages/masterpage/icons/large-blue-arrow-arabic.png) }

/* Sprite Swap */

.arabic .home-block-blue-arrow .block-header, .arabic .module-blue .module-header, .arabic .module-blue-arrow .module-header, .arabic .module-blue-tall .module-header, .arabic .module-blue-narrow .module-header, .arabic .module-blue-round .module-header, .arabic .module-blue-large-arrow .module-header, .arabic .module-social .twitter, .arabic .module-contact	.module-content, .arabic .follow, .arabic .home-block-dark .block-header
									{ background-image:url(/PublishingImages/masterpage/background/background-sprite-arabic.png) }

.arabic .follow li a, .arabic .back-to-top, .arabic .wh-col .rss, .arabic .home-block .join-itu li em, .arabic .cal-of-events, .arabic .search-events, .arabic .youtube-subscribe, .arabic .flickr-subscribe, .arabic .pink-download-btn a, .arabic .download-brochure, .arabic .module .rss, .arabic  .module .video, .arabic  .module .photo, .arabic .calendar-subs .cal-rss, .arabic .calendar-subs .cal-ical, .arabic .members-login
									{ background-image:url(/PublishingImages/masterpage/buttons/ITU-Buttons-arabic.png) }


.ie6 .col-1, .ie6 .col-2, .ie6 .col-3, .ie6 .col-4, .ie6 .col-5, .ie6 .col-6, .ie6 .col-7, .ie6 .col-8, .ie6 .col-9, .ie6 .col-10, .ie6 .col-11, .ie6 .col-12, .ie6 .col-13, .ie6 .col-14, .ie6 .col-15, .ie6 .col-16, .ie6 .col-17, .ie6 .col-18, .ie6 .col-19, .ie6 .col-20, .ie6 .col-21, .ie6 .col-22, .ie6 .col-23, .ie6 .col-24, .ie6 .col-25, .ie6 .col-26, .ie6 .col-27, .ie6 .col-28, .ie6 .col-29, .ie6 .col-30, .ie6 .col-31, .ie6 .col-32, .ie6 .home-block-dark, .ie6 .home-block-blue-arrow
									{ float:right !important }

.ie6 .col-first						{ margin-left:10px !important; margin-right:0 !important }
.ie6 .col-last						{ margin-right:10px !important; margin-left:0 !important }
.homepage .col-32 .col-first		{ }
.homepage .col-32 .col-first		{ }

.ie6 .main-nav						{ overflow:hidden }
.ie6 .main-nav ul					{ width:950px }
.ie6 .home-feature-nav				{ right:0 !important }
.ie6 .header-search .hsearch-input	{ padding:10px 10px 0 5px; }
.ie6 .footer						{ clear:both }
.ie6 .content ol					{ padding:10px 25px 10px 0 }
.ie6 .event-btns li					{ float:right; margin-left:0; margin-right:10px } 

.ie7 								{ overflow:visible }
.ie7 .tagline						{ display:inline-block }
.ie7 .home-feature-nav ul			{ width:450px; position:relative }
.ie7 .home-feature-nav ul li		{ display:inline-block }
.ie7 .tagline ul li					{ float:left }
.lte8 .home-feature-nav				{ right:10px }

/*Added below 2 lines by Rajani Vepa on 18 oct 2021 for small slider */
 .small-home-feature-nav { right:1px; width:50%;}
 .small-home-feature-nav ul li      {float:left; margin:0 7px 0 0; padding-top:0px; position:relative ; }
             

	
	
	/*Added by Rajani Vepa on 27 Sep 2012 for small slider */
.lte8 .small-home-feature-nav				{ float:right;right:-10px;}

/*Added by Rajani Vepa on 05 cot 2021 for small slider text - padding-right:10px */
.SmallSlider-text		{ display:block; float:right; width:300px; min-height:190px; padding-bottom:30px; position:relative; padding-right:10px; }




.SmallSlider-photo		{ display:block; float:left; width:310px;}
/*Added by Rajani Vepa on 27 Sep 2012 for small slider */


/*Added by Rajani Vepa on  02 Oct 2012 for tabs to float right */
	.module-tabs .tabs li				{ float:right; }

/*Added by Rajani Vepa on  04 Oct 2012 for Arabic Quicklinks */
/*.inside .quicklinks li			{ padding:5px 0 5px 15px; background:url(/PublishingImages/masterpage/icons/quicklinks-arrow-arabic.gif) no-repeat 0 10px; line-height:1.3; list-style:none }

*/

*/


/*Added by Rajani Vepa on  18 Feb 2014 for Arabic Quicklinks */
.inside .quicklinks ul
{
list-style-type: none;
padding: 0;
margin: 0;
text-align: left;
}

.inside .quicklinks li
{
background:url(/PublishingImages/masterpage/icons/quicklinks-arrow-arabic.gif) no-repeat 0 10px;
background-position: 100% .4em;
padding:1px 10px 3px 2px; 
line-height:1.3;
}