﻿@media screen {

/* ITU addition */
body #s4-workspace{ overflow-y: auto; }	/* disable scrollbar for workspace */
body #s4-bodyContainer{ min-width:inherit; } /* overrides its default value 760px */
/* ITU addition */

body		{ font-family:"Helvetica", sans-serif !important; color:#000; font-size:medium; line-height:1.3 !important; }
.home		{ background:#052d53; }
.inside		{ background:#fff; }

.wrapper	{ width:100%; }
.header		{ min-height:44px; padding:5px 2%; background:#fff url(/net/ITU-T/misuse/images/mobile/header-bg.gif) repeat-x bottom left; }
.logo		{ background:url(/net/ITU-T/misuse/images/mobile/itu-logo.png) no-repeat 0 0; display:block; width:44px; height:44px; float:left; text-indent:-999em; }
.tagline	{ font-size:small; padding:10px 2% 10px 2%; min-height:34px; width:50%; float:left; font-weight:bold; text-align:left }
/*
.header form				{ float:left; min-height:29px; padding:15px 0 0 0; }
	.header form label		{ display:none; }
	.header form select		{ width:100%; font-size:small; font-family:"Helvetica", sans-serif !important; }
*/
.header div				{ float:left; min-height:29px; padding:15px 0 0 0; }
	.header div label		{ display:none; }
	.header div select		{ width:100%; font-size:small; font-family:"Helvetica", sans-serif !important; }

.nav								{ background:#1a1a1a; }
.nav ul li							{ display:block; list-style:none; width:100% }	
	.nav ul li a 					{ display:block; padding:8px 2%; color:#99CCFF; font-weight:bold; }
	.main-nav						{  }
	.main-nav ul li					{ border-top:1px solid #303030; border-bottom:1px solid #0d0d0d; }
	.main-nav ul li a				{ background:#1a1a1a url(/net/ITU-T/misuse/images/mobile/menu-arrow.png) no-repeat 98% 12px; text-decoration:none; color:#99CCFF;  }
	.main-nav ul li.selected a		{ background:#1a1a1a url(/net/ITU-T/misuse/images/mobile/white-arrow-down.png) no-repeat 98% 12px; color:#fff; }
	.main-nav ul li.members			{ border-top:1px solid #dd2c50; border-bottom:1px solid #a60e3a; }
	.main-nav ul li.members a 		{ background:#c4184a url(/net/ITU-T/misuse/images/mobile/white-arrow.png) no-repeat 98% 12px; color:#fff }
	.main-nav ul li.back a 			{ background:#1a1a1a url(/net/ITU-T/misuse/images/mobile/blue-arrow-left.png) no-repeat 2px 12px; padding:8px 2% 8px 18px }
	
	.main-nav ul li ul li			{ border-top:1px solid #0a3965; border-bottom:1px solid #032648; }
	.main-nav ul li ul li a			{ background:#052d53 url(/net/ITU-T/misuse/images/mobile/menu-arrow.png) no-repeat 98% 12px !important; padding:8px 2% 8px 2%; color:#99CCFF !important;  }
	.main-nav ul li ul li.selected a	{ background:#052d53 url(/net/ITU-T/misuse/images/mobile/white-arrow-down.png) no-repeat 98% 12px !important; padding:8px 2% 8px 2%; color:#fff !important}
	
	.main-nav ul ul li.selected ul li	{ border-top:1px solid #0961b7; border-bottom:1px solid #014484; }
	.main-nav ul ul li.selected ul li a	{ background:#0152a0 url(/net/ITU-T/misuse/images/mobile/menu-arrow.png) no-repeat 98% 12px !important; padding:8px 2% 8px 2%; color:#99CCFF !important;  }
	.selected ul li.selected ul li.selected a	{ background-image:none !important; padding:8px 2% 8px 2%; color:#fff !important }
	.main-nav .not-parent a			{ background:#1a1a1a url(/net/ITU-T/misuse/images/mobile/white-arrow.png) no-repeat 98% 12px !important;}
	.selected .not-parent a			{ background:#052d53 url(/net/ITU-T/misuse/images/mobile/white-arrow.png) no-repeat 98% 12px !important;}
	.selected .selected .not-parent a			{ background:#0152a0 url(/net/ITU-T/misuse/images/mobile/white-arrow.png) no-repeat 98% 12px !important;}

a:link, a:active			{ color:#3789BD; text-decoration:underline; }	
a:hover						{ color:#3789BD; text-decoration:none; }
a:visited					{ color:#2875a5; }	

.more 						{ font-weight:bold; }
			
/*** HOMEPAGE ***/
.home-feature				{ padding:5px 2%; }
	.home-feature-item		{ display:block; padding:10px 3%; background:#fff; -webkit-border-radius: 6px;
-moz-border-radius: 6px; border-radius: 6px;}
	.home-feature-item h1	{ font-size:x-large; color: #052D53; font-family: Georgia, sans-serif !important; line-height: 1.3; padding: 0 0 5px;}	
	.home-feature-item img	{ float:right; margin:0 0 10px 10px; border:3px solid #0354A1 }
	.home-feature-item p	{ font-size:small; color:#444; padding:5px 0; line-height:1.5; }	

.whats-happening			{ padding:10px 2%; }
.wh-header					{ padding:8px 3%; background:#cb194d; color:#fff; font-family:"Helvetica", sans-serif !important; font-size:small; font-weight:bold; text-transform:uppercase; -webkit-border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px; -moz-border-radius-topleft: 6px;
-moz-border-radius-topright: 6px; border-top-left-radius: 6px; border-top-right-radius: 6px; }	

.wh-col						{ padding:10px 3%; border-bottom:1px solid #d5d5d5; background:#fff }
	.wh-col h3				{ display:block; padding:5px 0; font-family:Georgia, sans-serif !important; color:#052d53; font-size:large; }
	.wh-col h3 a:link, .wh-col h3 a:active { color:#052D53 !important; text-decoration:none; }
	.wh-col h3 a:visited 	{ color:#2875a5; text-decoration:none; }
	.wh-col h3 a:hover 		{ color:#3789BD; text-decoration:underline; }
.wh-col .listing 			{ padding:0 0 10px 0; }
	.wh-col .listing dt		{ padding-top:3px; }
	.wh-col .listing dd		{ color:#84959f; text-transform:uppercase; font-size:small; padding:3px 0; }
	.wh-col .listing .highlight		{ color:#000; }
.itu-mag					{ background:#f0f1f2; }
	.itu-mag h4				{ text-transform:uppercase; color:#052d53; padding:5px 0; line-height:1.3; }	
	.itu-mag img			{ float:left; margin:0 10px 10px 0;}
	.itu-mag dt				{ padding-top:0 !important; font-weight:bold; }
.recent-pubs dl				{ padding:10px 0; }	
	.recent-pubs dt			{ color:#3789BD;}
	.recent-pubs dd			{ font-size:small}
	
.home-block-wrap			{ padding:5px 2%; }
	.home-block				{ margin-bottom:10px; }
	.home-block .block-header			{ padding:8px 3%; display:block; }
	.home-block .block-header h2		{ text-transform:uppercase; color:#fff; font-size:small; font-weight:bold }
	.home-block .block-header h2 a		{ display:block; padding-right:20px; background:url(/net/ITU-T/misuse/images/mobile/white-arrow.png) no-repeat 99% 2px; color:#fff; }
	.home-block .block-header h2 a:link,
	.home-block .block-header h2 a:active,
	.home-block .block-header h2 a:hover,
	.home-block .block-header h2 a:visited	{ color:#fff; text-decoration:none; }
	.home-block-dark .block-header		{ background:#010a12; -webkit-border-top-left-radius: 6px;
-webkit-border-top-right-radius: 6px; -moz-border-radius-topleft: 6px; -moz-border-radius-topright: 6px;
border-top-left-radius: 6px; border-top-right-radius: 6px; }
	.home-block-content		{ padding:5px 3%; background:#fff; -webkit-border-bottom-right-radius: 6px;
-webkit-border-bottom-left-radius: 6px; -moz-border-radius-bottomright: 6px; -moz-border-radius-bottomleft: 6px;
border-bottom-right-radius: 6px; border-bottom-left-radius: 6px;}	
	.home-block p			{ line-height:1.5; font-size:small; display:block; padding:5px 0; }
	.home-block ul			{ padding:5px 0; }
	.home-block ul li		{ padding:3px 0; font-size:small }
	.home-block dt			{ padding:10px 0 5px 0; font-weight:bold}
	.home-block dd			{ padding:0 0 10px 0; font-size:small; border-bottom:1px solid #d5d5d5; }
	.join-itu li			{ font-size:medium; }
	.join-itu span			{ color:#163b5e; font-family:Georgia, serif; font-weight:bold }
	.join-itu em			{ color:#bd1748; font-weight:bold; font-style:normal; }
	.benefits				{ padding-left:10px; }
	
.follow						{ display:block; padding:5px 2%; }
	.follow .social			{ background:#fff; padding:5px 3%; margin-bottom:15px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
	.follow .social	li		{ float:left; margin-left:10px; }
	.follow .social	li em	{ padding:5px 0 0 0; text-transform:uppercase; color:#052d53; display:block; font-style:normal; font-weight:bold }
	.follow li a			{ display:block; width:30px; height:30px; background-image:url(/net/ITU-T/misuse/images/mobile/social-btns.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;}
	
.follow .secretary-gen		{ background:#fff; padding:8px 3%; margin-bottom:15px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;}
	.follow .secretary-gen a			{ display:block; padding:2px 0; font-weight:bold; background:url(/net/ITU-T/misuse/images/mobile/menu-arrow.png) no-repeat 98% 6px; text-decoration:none;}

.footer						{ display:block; padding:0 2% 5px 2%; }
	.footer li				{ display:block; padding:5px 0; font-size:small; color:#fff }
	.footer li a:link, .footer li a:active { color:#fff;}		
	.footer li a:hover		{ color:#fff; }
	.footer li a:visited	{ color:#ccc; }

/* INSIDE PAGES */
.page-heading				{ background:#1b1b1b; padding:5px 3%; border-top:1px solid #fff; position:relative; }
	.page-heading h1		{ font-family:Georgia, serif; color:#fff; font-size:x-large; padding:5px 0; width:80%; }
	.page-heading .go		{ background:#3789BD; color:#fff; width:auto; padding:8px 10px; text-align:center; position:absolute; top:0px; right:0; line-height:1.2 }
	.page-heading .go:link, .page-heading .go:active, .page-heading .go:visited { color:#fff; text-decoration:none; }
	.page-heading .go:hover { background:#bb1747; color:#fff; text-decoration:none; }
	
.home .back-to-top			{ display:block; padding:10px 2%;}
	.home .back-to-top a	{ display:block; color:#fff !important; padding:10px 0; border-top:1px solid #fff; font-weight:bold; text-transform:uppercase; text-decoration:none !important } 	
.inside .back-to-top		{ display:block; padding:10px 0; }	
	.inside .back-to-top a	{ display:block; padding:10px 0; border-top:1px solid #1b1b1b; font-weight:bold; text-transform:uppercase; text-decoration:none !important}

.content					{ padding:10px 3%; }
.content h1, .content h2, .content h3	{
font-family:Georgia, sans-serif; padding:5px 0; display:block; line-height:1.3; color:#052d53; }
.content h4, .content h5, .content h6 	{ font-weight:bold; padding:5px 0; display:block; line-height:1.3; }
.content h1					{ font-size:x-large; }
.content h2					{ font-size:x-large; color:#0153a0;  }
.content h3					{ font-size:large; color:#0153a0; }
.content h4					{ font-size:medium;  }
.content h5					{ font-size:medium; }
.content h6					{ font-size:small; }
.content p					{ padding:5px 0; }
.content ul					{ padding:5px 0 5px 15px; }
	.content ul li 			{ list-style:outside disc; padding:3px 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; font-size:small; width:95% }		
	.content table th		{ background-color:#444; 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:Helvetica, sans-serif; font-weight:bold; padding-right:12px; background:url(/net/ITU-T/misuse/images/mobile/more-arrow.png) no-repeat right 5px; line-height:1.3 }

.content .img-right			{ float:right; margin:0 0 10px 10px; }	
.content .img-left			{ float:left; margin:0 10px 10px 0; }

.content .intro				{ font-family:Georgia, sans-serif; color:#444444; }

.content fieldset						{ border-top:1px solid #99CCFF; margin-bottom:10px; }
	.content fieldset legend			{ padding:5px 5px 5px 0; font-size:large; color:#3789bd }
	.content fieldset ol				{ padding:0; }
	.content fieldset li				{ padding:10px 0; list-style:none; margin-bottom:3px; border-bottom:1px solid #D5D5D5 }	
	.content fieldset label				{ width:100%; display:block; padding:0 0 5px 0; }
	.content fieldset .s1				{ width:35%; }
	.content fieldset .s2				{ width:55%; }
	.content fieldset .s3				{ width:75%; }
	.content fieldset .s4				{ width:95%; }
	.content fieldset input,
	.content fieldset textarea,
	.content fieldset select			{ padding: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:#3789BD; outline:none; border:none; color:#fff; padding:5px 10px; }
	.content fieldset .error-msg		{ display:block; padding:10px 0; clear:both; color:#bd1727; font-style:italic; font-size:small; }
	.content fieldset .prompt			{ display:block; padding:10px 0; clear:both; color:#8CC63F; font-style:italic;font-size:small; }

/*** MODULES ***/
.module-wrap				{ display:block; padding:10px 0; }
.module						{ display:block; padding:10px 0; position:relative; width:100%; }	
.module img					{ display:block; max-width:100%; }
	.module-small h2		{ border-top:1px solid #99ccff; font-weight:bold !important; font-family:Helvetica, sans-serif;  padding-bottom:0; }
	.module-arrow h2		{ background: url(/net/ITU-T/misuse/images/mobile/module-arrow.gif) no-repeat 98% 12px;}
	.module-caps h2			{ border-bottom:2px solid #99ccff; font-weight:bold; font-family:Helvetica, sans-serif; color:#052d53; padding:5px 0; text-transform:uppercase; font-size:medium !important }
		.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; }	

.module .module-header				{ padding:8px 2%; background:#0153a0; -webkit-border-radius: 6px;
-moz-border-radius: 6px; border-radius: 6px; 
background-image: linear-gradient(bottom, rgb(1,83,160) 0%, rgb(50,117,179) 64%);
background-image: -o-linear-gradient(bottom, rgb(1,83,160) 0%, rgb(50,117,179) 64%);
background-image: -moz-linear-gradient(bottom, rgb(1,83,160) 0%, rgb(50,117,179) 64%);
background-image: -webkit-linear-gradient(bottom, rgb(1,83,160) 0%, rgb(50,117,179) 64%);
background-image: -ms-linear-gradient(bottom, rgb(1,83,160) 0%, rgb(50,117,179) 64%);
background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(1,83,160)),
	color-stop(0.64, rgb(50,117,179))
); }

.module .module-header h2					{ text-transform:uppercase; color:#fff; font-family:Helvetica, sans-serif; line-height:1.3; padding:0; font-size:medium !important; font-weight:bold !important }
.module .module-header h2 a:link,
.module .module-header h2 a:active,
.module .module-header h2 a:visited 		{ color:#fff; }
.module ul li						{ list-style-type:none; padding:3px 0; }

.module-button-links ul				{ padding:5px 0; }
	.module-button-links li			{ list-style:none; margin-bottom:5px;  -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; 
background-image: linear-gradient(bottom, rgb(1,83,160) 0%, rgb(50,117,179) 64%);
background-image: -o-linear-gradient(bottom, rgb(1,83,160) 0%, rgb(50,117,179) 64%);
background-image: -moz-linear-gradient(bottom, rgb(1,83,160) 0%, rgb(50,117,179) 64%);
background-image: -webkit-linear-gradient(bottom, rgb(1,83,160) 0%, rgb(50,117,179) 64%);
background-image: -ms-linear-gradient(bottom, rgb(1,83,160) 0%, rgb(50,117,179) 64%);

background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(1,83,160)),
	color-stop(0.64, rgb(50,117,179))
);  }
	.module-button-links li a		{ display:block; background: url(/net/ITU-T/misuse/images/mobile/white-arrow.png) no-repeat 98% 8px; text-decoration:none; color:#fff; padding:5px 12px 5px 3%; }
	.module-button-links li a:link, .module-button-links li a:active, .module-button-links li a:visted { color:#fff; text-decoration:none; }
	.module-button-links li a:hover { color:#fff; text-decoration:none; background:none;  }

.content .quicklinks 				{ padding:10px 0;}	
	.content .quicklinks li 		{ padding:5px 0 5px 10px; background:url(/net/ITU-T/misuse/images/mobile/quicklinks-arrow.gif) no-repeat 0 13px; }	
	
	.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; }

/********** LISTINGS **********/
.listing-wrap				{ position:relative; clear:both }
	.listing				{ display:block; padding:10px 0; }
	.listing .meta			{ text-transform:uppercase; color:#657782; font-size:small; }
	.listing .highlight		{ padding-left:10px; color:#000; }
	.listing dt				{ padding:0 0 3px 0;}
	
/********** CALENDAR SUBSCRIPTIONS **********/
.calendar-subs p			{ font-size:small;}
	.content .calendar-subs table 		{ width:100%; border:none; font-size:medium !important }
	.content .calendar-subs table th	{ width:55%; padding:4px 0; text-align:left; vertical-align:middle; font-weight:normal; border:none; background:none }
	.content .calendar-subs table td	{ width:20%; padding:4px 0 4px 2%; text-align:left; vertical-align:middle; border:none; background:none}
	.content .calendar-subs .cal-rss	{ padding:5px 8px; display:inline-block; background:#df7736; text-align:center; font-weight:bold; font-size:small; color:#fff !important; text-decoration:none; }
	.content .calendar-subs .cal-ical	{ padding:5px 8px; display:inline-block; background:#82ae19; text-align:center; font-weight:bold; font-size:small; color:#fff !important; text-decoration:none; }		

/********** EVENT INFO **********/
.event-info					{ padding:5px 0;}
	.event-info	table		{ border:none; width:100%; }
	.event-info table th	{ background:none; color:#444; border-width:1px 0px; padding:5px 2% 5px 0; width:25%; }
	.event-info table td	{ border-width:1px 0px; padding:5px 2% 5px 0;}
	
/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/
/* http://sonspring.com/journal/clearing-floats */

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */
.clearfix:before,
.clearfix:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}
.clearfix:after {
  clear: both;
}
/*
  The following zoom:1 rule is specifically for IE6 + IE7.
  Move to separate stylesheet if invalid CSS is a problem.
*/
.clearfix {
  zoom: 1;
}	


/* RESETTING DEFAULT BROWSER STYLING

	http://meyerweb.com/eric/tools/css/reset/ 
   v2.0b2 | 201101
   NOTE: THIS IS A BETA VERSION (see previous line)
   USE WITH CAUTION AND TEST WITH ABANDON */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}	
}