@CHARSET "ISO-8859-1";

@font-face{
    font-family:"AvenirNextLTW04-BoldCond";
    src:url("https://www.itu.int/en/ITU-D/CDS/JS/fonts/AvenirNextLTW04-BoldCond.eot?#iefix");
    src:url("https://www.itu.int/en/ITU-D/CDS/JS/fonts//AvenirNextLTW04-BoldCond.eot?#iefix") format("eot"),url("https://www.itu.int/en/ITU-D/CDS/JS/fonts//AvenirNextLTW04-BoldCond.woff2") format("woff2"),url("https://www.itu.int/en/ITU-D/CDS/JS/fonts//AvenirNextLTW04-BoldCond.woff") format("woff"),url("https://www.itu.int/en/ITU-D/CDS/JS/fonts//AvenirNextLTW04-BoldCond.ttf") format("truetype");
}

* {
    	font-family:"AvenirNextLTW04-BoldCond" !important;
}




body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td {
    padding: 0;
    margin: 0;
}

.MapStatusTitle {
    text-transform:uppercase;
    font-size:25px;
    font-weight:600;
}


a{
	text-decoration:none;
}

.LinkLanguage {color:white}

table {
    border-spacing: 0;    
}
fieldset,img {
    border: 0;
}
address,caption,cite,code,dfn,em,strong,th,var {
    font-weight: normal;
    font-style: normal;
}
strong{
	font-weight: bold;
}
ol,ul {
    list-style: none;
    margin:0;
    padding:0;
}

caption,th {
    text-align: left;

}
h1,h2,h3,h4,h5,h6 {
    font-weight: 600;
    font-size: 100%;
    margin:0;
    padding:0;
    color:white;
}
q:before,q:after {
    content:'';
}
abbr,acronym { border: 0;
}


/* Custom CSS
 * --------------------------------------- */
body{
	color: #333;
	color: rgba(0,0,0,0.5);
}
h1{
	font-size: 3vw;	
}
h2{
	font-size: 2.5vw;	
    
}
h3{
	font-size: 2vw;
    
}

h4{
	font-size: 1.5vw;
    
}

p{
	font-size: 1vw;
    padding-bottom:7px;
    padding-top:7px;
}



.ms-sectionDSO{
			text-align: center;
		}

#menu li {
	display:inline-block;
	margin: 5px;
	color: #fff;
	background:#7CDEFB;
	background: rgba(124,222,251, 0.5);
	-webkit-border-radius: 8px; 
			border-radius: 8px; 
}
#menu li.active{
	background:#666;
	background: rgba(255,255,255, 1);
	color: #000;
}
#menu li a{
	text-decoration:none;
	color: #fff;
}
#menu li.active a:hover{
	color: #000;
}
#menu li:hover{
	background: rgba(255,255,255, 0.8);
}
#menu li a,
#menu li.active a{
	padding: 9px 18px;
	display:block;
}
#menu li.active a{
	color: #000;
}
#menu{
	position:fixed;
	top:0;
	left:0;
	height: 40px;
	z-index: 70;
	width: 100%;
	padding: 0;
	margin:0;
}
#infoMenu{
	height: 20px;
	color: #f2f2f2;
	position:fixed;
	z-index:70;
	bottom:0;
	width:100%;
	text-align:right;
	font-size:0.9vw;
	padding:8px 0 8px 0;
}
#infoMenu ul{
	padding: 0 40px;
}
#infoMenu li a{
	display: block;
	margin: 0 22px 0 0;	
	color: #333;
}
#infoMenu li a:hover{
	text-decoration:underline;
}
#infoMenu li{
	display:inline-block;
	position:relative;
}


 /* ##################################################### */
  /*                    sectionDSO                          */
 /* ##################################################### */

.sectionDSO{

    font-family:"Arial" !important;
    font-size:14px;
	background-color:black !important;
	background-repeat: no-repeat;
	background-position: left;
	background-size: auto 100%;
    color: #fff !important;
    background-color: #0ae;
	background-image: -webkit-gradient(linear, 0 0, 0 100%,
	                    color-stop(.5, rgba(255, 255, 255, .2)),
					    color-stop(.5, transparent), to(transparent));

}

.sectionDSO h1 {
    color: #fff !important;
    font-family: "AvenirNextLTW04-BoldCond" !important;
    font-size: 36px;
    font-weight: 600;
    text-transform: uppercase;
    text-align:center;
}

.sectionDSO h2{
	margin: 15px 0 0 0;
	color: white;
}
.sectionDSO .content{
	margin-left:20%;
	display:block;
	top: 20%;
	position: absolute;
}
 
 .sectionDSO ul{
	list-style-image: url('images/BulletSquareWhite.png');
    font-size:1.4vw;
}

/*screen resolution smaller than 1024px*/
@media all and (max-width: 1024px){
	.ms-right .sectionDSO{
		background-position: left;
	}
}




.MapsBox {
	height:78% !important;
	max-height: 78% !important;
	width:100%;
	position: absolute;
	top:12%;
	left:2%;
	border: 0px solid black;
	background-color: transparent;
    opacity: 1;
    filter: alpha(opacity=100); /* For IE8 and earlier */
	padding:0px;
    margin:0px;
    text-align:left;
    color:white !important;
	font-size: 2.5vw;
    overflow:auto;
}

    .MapsBox::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

    .MapsBox::-webkit-scrollbar
    {
	    width: 20px;
	    background-color: #F5F5F5;
    }

    .MapsBox::-webkit-scrollbar-thumb
    {
        background-color: #0ae;
	    background-image: -webkit-gradient(linear, 0 0, 0 100%,
	                       color-stop(.5, rgba(255, 255, 255, .2)),
					       color-stop(.5, transparent), to(transparent));
    }

.MapsBox a {color:white}
.MapsBox a:hover{color:#00A1E1}
.MapsBox td {color:white}
.MapsBox li {padding-bottom:20px;}
.MapsBox td {padding:10px;}

.WhiteBox {
    
	height:78% !important;
	max-height: 78% !important;
	width:95%;
	position: absolute;
	top:7%;
	left:2%;
	border: 2px solid black;
	background-color: white;
    opacity: 1;
    filter: alpha(opacity=100); /* For IE8 and earlier */
    padding:0px!important;
    text-align:left;
    color:black !important;
	font-size: 2.5vw;
    overflow:auto;
}

.TransparentBox {
	height:78% !important;
	max-height: 78% !important;
	width:95%;
	position: absolute;
	top:7%;
	left:2%;
	border: 2px solid black;
	background-color: black;
    opacity: 0.8;
    filter: alpha(opacity=90); /* For IE8 and earlier */
	padding:15px;
    text-align:left;
    color:white !important;
	font-size: 2.5vw;
    overflow:auto;
}

    .TransparentBox::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

    .TransparentBox::-webkit-scrollbar
    {
	    width: 20px;
	    background-color: #F5F5F5;
    }

    .TransparentBox::-webkit-scrollbar-thumb
    {
        background-color: #0ae;
	    background-image: -webkit-gradient(linear, 0 0, 0 100%,
	                       color-stop(.5, rgba(255, 255, 255, .2)),
					       color-stop(.5, transparent), to(transparent));
    }

.TransparentBox a {color:white}
.TransparentBox a:hover{color:#00A1E1}
.TransparentBox td {color:white}
.TransparentBox li {padding-bottom:20px;}
.TransparentBox td {padding:10px;}


.TransparentBoxFloatMid {
    vertical-align:middle;
	width:95%;
	position: relative;
	top:7%;
	left:2%;
	border: 2px solid black;
	background-color: black;
    opacity: 0.8;
    filter: alpha(opacity=90); /* For IE8 and earlier */
	padding:15px;
    text-align:left;
    color:white !important;
	font-size: 2.5vw;
    overflow:auto;
}

    .TransparentBoxFloatMid::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

    .TransparentBoxFloatMid::-webkit-scrollbar
    {
	    width: 20px;
	    background-color: #F5F5F5;
    }

    .TransparentBoxFloatMid::-webkit-scrollbar-thumb
    {
        background-color: #0ae;
	    background-image: -webkit-gradient(linear, 0 0, 0 100%,
	                       color-stop(.5, rgba(255, 255, 255, .2)),
					       color-stop(.5, transparent), to(transparent));
    }

.TransparentBoxFloatMid a {color:white}
.TransparentBoxFloatMid a:hover{color:#00A1E1}
.TransparentBoxFloatMid td {color:white}
.TransparentBoxFloatMid li {padding-bottom:20px;}
.TransparentBoxFloatMid td {padding:10px;}


.SemiTransparentBox {

	width:100%;
	position: absolute;
	top:15%;
	left:2%;
	border: 2px solid black;
	background-color: black;
    opacity: 0.8;
    filter: alpha(opacity=80); /* For IE8 and earlier */
	padding:15px;
    text-align:left;
    color:white !important;
	font-size: 0.5vw;
    overflow:auto;
}

.SemiTransparentBox::-webkit-scrollbar-track
{
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
background-color: #F5F5F5;
}

.SemiTransparentBox::-webkit-scrollbar
{
	width: 20px;
	background-color: #F5F5F5;
}

.SemiTransparentBox::-webkit-scrollbar-thumb
{
    background-color: #0ae;
	background-image: -webkit-gradient(linear, 0 0, 0 100%,
	                    color-stop(.5, rgba(255, 255, 255, .2)),
					    color-stop(.5, transparent), to(transparent));
}

.SemiTransparentBox a {color:white}
.SemiTransparentBox a:hover{color:#00A1E1}
.SemiTransparentBox td {color:white}
.SemiTransparentBox li {padding-bottom:20px;}
.SemiTransparentBox td {padding:10px;}


button.accordion {
    color: #000;
    cursor: pointer;
    padding: 24px;
    width: 100%;
    border: none;
    text-align: center;
    outline: none;
    transition: 0.4s;
	border: 1px groove #265493; 
	background-color:#174F9B;
    opacity: 0.8;
    filter: alpha(opacity=80); /* For IE8 and earlier */
}

button.accordion:hover {
	background-color:#A3BEE5;
}

div.panel {
    opacity: 0.9;
    filter: alpha(opacity=80); /* For IE8 and earlier */
    background-color: white !important;
    max-height: 0px;
	overflow:hidden;
    transition: max-height 0.2s ease-out;
}

.divPublications {
	height:80% !important;
	max-height: 80% !important;
	width:94%;
	position: absolute;
	top:15%;
	left:2%;
	border: 2px solid black;
	background-color: transparent;
	padding:5px;
    text-align:left;
    color:white !important;
    overflow:auto;
}

.iFrameDataMiner {
    margin:0px;
    padding:0px;
    border:none;
    width:100%;
	height:100% !important;
	max-height: 100% !important;
    position: absolute;
    background-color: white;
    opacity: 1;
    overflow:auto;
}

.divDataMinerOld {
	height:80% !important;
	max-height: 80% !important;
	width:94%;
	position: absolute;
	top:7%;
	left:2%;
	border: 2px solid black;
	background-color: white;

    opacity: 0.9;
    filter: alpha(opacity=90); /* For IE8 and earlier */

	padding:5px;
    text-align:left;
    color:white !important;
    overflow:auto;
}

.Table_report {
    width:100%;
    height:100%;
    background:white;
    color:black;
	border: 0px solid transparent;
    text-align:left;
    color:black;
    opacity: 1;
    filter: alpha(opacity=100); /* For IE8 and earlier */
}

.Table_report tr:hover {
background-color:yellow;

}

.ReportTitleColumnsDescription  {
color:black !important;
font-size:0.8vw;
}

.line_ASO {
color:black !important;
font-size:0.7vw;
}



.MapTable {
    top:0%;
	left:0%;
	width:100%;
    text-align:center;
	font-size: 1vw;
    overflow:auto;
    padding:0px;
    margin:0px;
}

.FiguresTable {
    width:100%;
	position: relative;
	border: 0px solid black;
	background-color: transparent;
	padding:0px;
    text-align:left;
    color:white !important;
    overflow:auto;
    margin:0px;
    padding:0px;
}

.FiguresTable td {
    text-align:center;
    font-weight:600;
    text-transform:uppercase;
    color:white;
    padding:0px;
}

.TransparentTable {
	height:100%% !important;
	top:0%;
	left:0%;
	width:100%;
	position:relative;
	border: 0px solid transparent;
    opacity: 0.9;
    filter: alpha(opacity=90); /* For IE8 and earlier */
    text-align:left;
	font-size: 1vw;
    overflow:auto;
}
.TransparentTable a {color:white}
.TransparentTable a:hover{color:yellow}
.TransparentTable td {
	color:black;
	text-align:left;
}
.TransparentTable li {padding-bottom:20px;}
.TransparentTable td {padding:10px;}
.TransparentTable tr {border: 1px}


/* #####################################   P R O G R A M M E ########################################## */

.ProgrammeBox {
	height:80% !important;
	max-height: 80% !important;
	width:94%;
	position: absolute;
	top:7%;
	left:2%;
	border: 2px solid black;
	background-color: transparent;
	padding:5px;
    text-align:left;
    color:white !important;
    overflow:auto;
}


.ProgrammeBox::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

.ProgrammeBox::-webkit-scrollbar
{
	width: 20px;
	background-color: #F5F5F5;
}

.ProgrammeBox::-webkit-scrollbar-thumb
{
    background-color: #0ae;
	background-image: -webkit-gradient(linear, 0 0, 0 100%,
	                   color-stop(.5, rgba(255, 255, 255, .2)),
					   color-stop(.5, transparent), to(transparent));
}

.ProgrammeBox a {color:white}
.ProgrammeBox a:hover{color:yellow}
.ProgrammeBox td {color:white}
.ProgrammeBox li {padding-bottom:20px;}
.ProgrammeBox td {padding:10px;}



.ProgrammeDayRow{
    color:white !important;
    font-size:3vw !important;
    background-color:#003A76 !important
}

.ProgrammeSubEventSessionsRow{
    background-color:#0054A2;
    padding:0px;
}

.ProgrammeSubEventSessionsCell{
    border-bottom:1px groove #A3BEE5;
    color:white !important;
    font-size:1.5vw; 
}

.ProgrammeSessionTitleRow{
    padding:0px;
    vertical-align :top;
}

.ProgrammeSessionTimeCell {
    vertical-align: middle;
    text-align:center !important;
    font-size: 1.5vw !important;
    background-color:#72ABBD;
    color:white !important;
    border-bottom:1px groove #A3BEE5;
    width:100px !important;
    padding:0px !important;
    margin:0px !important;
    height:100px;
}

.ProgrammeSessionTitleCell{
    text-align:left;
    vertical-align : middle;
    font-size:2vw !important;
    color:white !important;
    border-bottom:1px groove #A3BEE5;
    background-color:#569AB0;
}


.ProgrammeSessionDescriptionRow {
    height:3px !important;
    max-height:5px;
}

.ProgrammeSessionDescription {
    background-color:#E3E3F7;
    font-size:1.5vw;
    color:black !important;
}

.ProgrammeSessionDescription P {
    background-color:#E3E3F7;
    font-size:1.5vw;
    color:black !important;
}

.ProgrammeSessionDescription ul{
	list-style-image: url('images/BulletSquareBlack.png') !important;
    margin-left:15px;
    font-size: 1.2vw !important;
}

.ProgrammeSpeechPhotoCell{
    width:100px !important;
    padding:0px;
    background-color:transparent;
    padding:0px !important;
    margin:0px !important;
}

.ProgrammeSpeechPhoto{
    width:100px;
    height:100px;
    filter: alpha(opacity=0) !important; 
}

.ProgrammeSpeechSpeakerCell {
    background-color:white;
    font-size:1vw;
    color:black !important;
}
.ProgrammeSessionClosingRow {
    background-color:#A3BEE5;
    height:1px !important;
    max-height:2px !important;
    padding:0px !important;
    margin:0px !important;
}




.DivSession{
    display:block;
    border-style:solid;
    border-width:2px;
    border-color:grey;
    padding:5px;
}





/* #####################################   L A N D S C A P E     M O B I L E ########################################## */

@media only screen and (max-width: 1300px) and (orientation:landscape) {


    #header {
        top: 0px !important;
        height: 0px !important;
        padding: 0px 0 0 0 !important;
        background-color:yellow;
    }

    .sectionDSO1{
    background-size:100% 100% !important;
    }

    .sectionDSO2{
    background-size:100% 100% !important;
    }

    .sectionDSO3{
    background-size:100% 100% !important;
    }

    .sectionDSO4{
    background-size:100% 100% !important;
    }

    .sectionDSO5{
    background-size:100% 100% !important;
    }

    .sectionDSO6{
    background-size:100% 100% !important;
    }

    .ProgrammeBox {
	    height:90% !important;
	    max-height: 90% !important;
	    width:70%;
        max-width:70%;
	    position: absolute;
	    top:1%;
	    left:22%;
	    border: 2px solid black;
	    background-color: transparent;
	    padding:5px;
        text-align:left;
        color:white !important;
        margin-left:10px;
        overflow:auto;
    }

    .ProgrammeBox::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

    .ProgrammeBox::-webkit-scrollbar
    {
	    width: 20px;
	    background-color: #F5F5F5;
    }

    .ProgrammeBox::-webkit-scrollbar-thumb
    {
        background-color: #0ae;
	    background-image: -webkit-gradient(linear, 0 0, 0 100%,
	                       color-stop(.5, rgba(255, 255, 255, .2)),
					       color-stop(.5, transparent), to(transparent));
    }



    .TransparentBox {
	    height:92% !important;
	    max-height: 90% !important;
	    width:70%;
        max-width:70%;
	    position: absolute;
	    top:1%;
	    left:22%;
	    border: 2px solid black;
	    background-color: black;
        opacity: 0.9;
        filter: alpha(opacity=95); /* For IE8 and earlier */
	    padding:25px;
        text-align:left;
        color:white !important;
	    font-size: 2.5vw;
        margin-left:10px;
        overflow:auto;
    }


    .TransparentBox::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

    .TransparentBox::-webkit-scrollbar
    {
	    width: 20px;
	    background-color: #F5F5F5;
    }

    .TransparentBox::-webkit-scrollbar-thumb
    {
        background-color: #0ae;
	    background-image: -webkit-gradient(linear, 0 0, 0 100%,
	                       color-stop(.5, rgba(255, 255, 255, .2)),
					       color-stop(.5, transparent), to(transparent));
    }



	h1{
		font-size: 7vw;	
	}
	h2{
		font-size: 6vw;	
	}
	h3{
		font-size: 2vw;
	}
	h4{
		font-size: 2vw;
	}

	p{
		font-size: 1.5vw;
	}

    .sectionDSO2 ul{
        font-size:2vw;
    }

    .sectionDSO3 ul {
        font-size: 2vw;
    }

    .sectionDSO4 ul{
        font-size:2vw;
    }

    .sectionDSO5 ul{
        font-size:2vw;
    }

    .sectionDSO6 ul{
        font-size:2vw;
    }


	#menu li {
    display:table-row;
	background: rgba(255,255,255, 0.8);
	-webkit-border-radius: 10px; 
			border-radius: 10px;
             
	}
    
	#menu li a{
		text-decoration:none;
		color: black;
        width:150px;
        
	}

    #menu li.active{
	    background:yellow;
	    background: rgba(255,255,255, 1);
        
    }
    #menu li.active a{
	padding: 9px 18px;
	display:block;
    border:solid black 1px;
    width:150px;
}
    #menu li.active a{
	    color: #000;
        
    }

    #menu li:hover{
	    background: rgba(255,255,255, 0.8);
    }
    #menu li a,
    #menu li.active a{
	    padding: 9px 18px;
	    display:block;
    }
    #menu li.active a{
	    color: #000;
    }
    #menu{
	    position:fixed;
	    top:0;
	    left:0;
	    height: 40px;
	    z-index: 70;
	    width: 100%;
	    padding: 0;
	    margin:0;
    }

    .ProgrammeDayRow                {font-size:3vw   !important;}
    .ProgrammeSubEventSessionsCell  {font-size:2.5vw   !important;}
    .ProgrammeSessionTimeCell       {font-size:2vw !important;}
    .ProgrammeSessionTitleCell      {font-size:2.5vw !important;}
    .ProgrammeSessionDescription    {font-size:2vw !important;}
    .ProgrammeSessionDescription P  {font-size:2vw !important;}
    .ProgrammeSpeechSpeakerCell     {font-size:2vw !important;}
    .ProgrammeSessionDescription ul {font-size:2vw !important;}
}


/* #####################################   P O R T R A I T     M O B I L E ########################################## */

@media only screen and (max-width: 1300px) and (orientation:portrait) {


    #header {
        top: 0px !important;
        height: 0px !important;
        padding: 0px 0 0 0 !important;
        background-color:yellow;
    }

    .sectionDSO1{
    background-size:100% 100% !important;
    }

    .sectionDSO2{
    background-size:100% 100% !important;
    }

    .sectionDSO3{
    background-size:100% 100% !important;
    }

    .sectionDSO4{
    background-size:100% 100% !important;
    }

    .sectionDSO5{
    background-size:100% 100% !important;
    }

    .sectionDSO6{
    background-size:100% 100% !important;
    }

    .ProgrammeBox {
	    height:90% !important;
	    max-height: 90% !important;
	    width:94%;
	    position: absolute;
	    top:1%;
	    left:2%;
	    border: 2px solid black;
	    background-color: transparent;
	    padding:5px;
        text-align:left;
        color:white !important;
        margin-left:10px;
        overflow:auto;
    }

    .ProgrammeBox::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

    .ProgrammeBox::-webkit-scrollbar
    {
	    width: 20px;
	    background-color: #F5F5F5;
    }

    .ProgrammeBox::-webkit-scrollbar-thumb
    {
        background-color: #0ae;
	    background-image: -webkit-gradient(linear, 0 0, 0 100%,
	                       color-stop(.5, rgba(255, 255, 255, .2)),
					       color-stop(.5, transparent), to(transparent));
    }

    .TransparentBox {
	    height:90% !important;
	    max-height: 90% !important;
	    width:94%;
	    position: absolute;
	    top:1%;
	    left:2%;
	    border: 2px solid black;
	    background-color: black;
        opacity: 0.8;
        filter: alpha(opacity=90); /* For IE8 and earlier */
	    padding:25px;
        text-align:left;
        color:white !important;
	    font-size: 2.5vw;
        margin-left:10px;
        overflow:auto;
    }

  .TransparentBox::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

    .TransparentBox::-webkit-scrollbar
    {
	    width: 20px;
	    background-color: #F5F5F5;
    }

    .TransparentBox::-webkit-scrollbar-thumb
    {
        background-color: #0ae;
	    background-image: -webkit-gradient(linear, 0 0, 0 100%,
	                       color-stop(.5, rgba(255, 255, 255, .2)),
					       color-stop(.5, transparent), to(transparent));
    }

	h1{
		font-size: 7vw;	
	}
	h2{
		font-size: 6vw;	
	}
	h3{
		font-size: 4vw;
	}
	h4{
		font-size: 3vw;
	}

	p{
		font-size: 3vw;
	}

    .sectionDSO2 ul{
        font-size:4vw;
    }

    .sectionDSO3 ul {
        font-size: 4vw;
    }

    .sectionDSO4 ul{
        font-size:4vw;
    }

    .sectionDSO5 ul{
        font-size:4vw;
    }

    .sectionDSO6 ul{
        font-size:4vw;
    }


	#menu li {
    display:table-row;
	background: rgba(255,255,255, 0.8);
	-webkit-border-radius: 10px; 
			border-radius: 10px;
             
	}
    
	#menu li a{
		text-decoration:none;
		color: black;
        width:400px;
        font-size: 4vw;
        
	}

    #menu li.active{
	    background:yellow;
	    background: rgba(255,255,255, 1);
        
    }
    #menu li.active a{
	padding: 9px 18px;
	display:block;
    border:solid black 1px;
    width:400px;
}
    #menu li.active a{
	    color: #000;
        
    }

    #menu li:hover{
	    background: rgba(255,255,255, 0.8);
    }
    #menu li a,
    #menu li.active a{
	    padding: 9px 18px;
	    display:block;
    }
    #menu li.active a{
	    color: #000;
    }
    #menu{
	    position:fixed;
	    top:0;
	    left:0;
	    height: 40px;
	    z-index: 70;
	    width: 100%;
	    padding: 0;
	    margin:0;
    }

    .ProgrammeDayRow                {font-size:3vw   !important;}
    .ProgrammeSubEventSessionsCell  {font-size:3vw   !important;}
    .ProgrammeSessionTimeCell       {font-size:2.5vw !important;}
    .ProgrammeSessionTitleCell      {font-size:2.5vw !important;}
    .ProgrammeSessionDescription    {font-size:2.5vw !important;}
    .ProgrammeSessionDescription P  {font-size:2.5vw !important;}
    .ProgrammeSessionDescription ul {font-size:2.5vw !important;}
    .ProgrammeSpeechSpeakerCell     {font-size:2.5vw !important;}
    .ProgrammeBox                   {font-size:2.5vw   !important;}
    .ProgrammeBox ul                {padding:10px;font-size:3vw !important;}


    .ReportTitleColumnsDescription  {
        color:black !important;
        font-size:1.8vw;
        }

        .line_ASO {
        color:black !important;
        font-size:1.7vw;
        }


}