﻿/* ==================================== Top Slider WP ========================================= */
#content-section-1 {float: left; width: 600px; height: 320px; margin-bottom: 10px;}

#featured{ 
	width:602px; 
	padding: 0; 
	position:relative; 
	border:1px solid #ddd; 
	height:318px; 
	background:#fff;
}
#featured ul.ui-tabs-nav{ 
	position:absolute; 
	top:239px; left:-38px; 
	list-style-type:none; 
	width:auto;
}
#featured ul.ui-tabs-nav li{ 
	margin-right: 2px;
	margin-left: 2px;
	display:inline-block;
	padding: 10px;
	width: 74px;
	border: 1px solid #eee;
	background: #eee;
}
#featured ul.ui-tabs-nav li.FirstSlide{ 
	margin-left: 1px;
	margin-right: 2px;
}
.ie7 #featured ul.ui-tabs-nav li.FirstSlide{ 
	margin-left: 2px;
}


#featured ul.ui-tabs-nav li.LastSlide{ 
	margin-right: 0px;
	margin-left: 2px;
}

#featured ul.ui-tabs-nav li img{ 
	float:left; margin:0px 0px; 
	background:#fff; 
	padding:0; 
}
#featured ul.ui-tabs-nav li span{
	clear: both; float: left;
}


.ie7 #featured ul.ui-tabs-nav{
	top:252px;left:-40px
}

#featured li.ui-tabs-nav-item{
	float:left;margin-right:5px;height:42px
}

#featured li.ui-tabs-nav-item a{ 
	display: block;
	font-size:11px; font-family:Verdana; 
	line-height:14px;
	color: #1b4177; background-color: #cce0f1;
}
#featured li.ui-tabs-nav-item a:hover{ 
	background-color: #fff;
	color: #ec5e12;
}
#featured li.ui-tabs-selected{ 
	/*background:url('images/selected-item.gif') top left no-repeat;*/ 
	background-color: #cce0f1 !important;
	color: #1b4177;
	border: 1px solid #cce0f1 !important;
}
#featured li.empty{ 
	color: #1b4177;
	font-size:11px; 
	line-height:14px;
	border: 1px solid #eee;
	background: #eee;
}
#featured ul.ui-tabs-nav li.ui-tabs-selected a{ 
	background-color: #fff;
	color: #1b4177;
}
#featured .ui-tabs-panel{ 
	width:598px; height:248px; 
	background:#fff; position:relative;
	padding: 2px;
}

#featured .ui-tabs-panel img{ 
	max-width:598px; max-height:248px; 
}


#featured .ui-tabs-panel .info{ 
	position:absolute; 
	top:175px; left:2px; width: 593px;
	height:75px;
	padding-left: 5px;
	background: url('/Design/img/transparent-bg.png'); 
	/*display: none;*/
}
#featured .info h2{ 
	font-size:18px; font-family:Verdana;  
	color:#fff; padding:4px; margin:0;
	overflow:hidden; 
}
#featured .info p{ 
	margin:0 5px; 
	font-family:Verdana; font-size:11px; 
	line-height:15px; color:#f0f0f0;
}
#featured .info a{ 
	text-decoration:none; 
	color:#fff; 
}
#featured .info a:hover{ 
	text-decoration:underline; 
}
#featured .ui-tabs-hide{ 
	display:none; 
}



/* ====================================== HighLight WP Home page ============================================ */
#vtab {margin: auto;height: auto;}
        #vtab > ul {left:1px;z-index:10}

        #vtab > ul > li {
            background-color: #cce0f1 !important;
			font-size: 11px !important;
            color:#14639a;
            list-style-type: none;
            display: block;
            text-align: left;
            margin: auto;
            padding: 10px 0 10px 10px;
            border: 1px solid #cce0f1;
            border-bottom: 1px solid #fff;
            position: relative;
            border-right: none;
        }
           #vtab > ul > li.selected {
	        color: #ec5e12;
            border: 1px solid #ddd;
            border-right: none;
            z-index: 10;
            background-color: #fff!important;
            position: relative;
        }
        #vtab > ul {
            float: left;
            width: 110px;
            text-align: left;
            display: block;
            margin: auto 0;
            padding: 0;
            position: relative;
            top: 0px;
        }
        #vtab > div {
            background-color: #fff;
            margin-left: 110px;
            border: 1px solid #ddd;
            height: auto;
            padding: 12px;
            position: relative;
            z-index: 9;
        }
        
        
  

/* ====================================== Featured Products ============================================ */
/*
.if-head {font-size:14px; font-weight: bold;color: #1b4177;}
.sm{float: right;}

*/

/**************************************************
*
*	CONTAINER STYLES
*
**************************************************/
img {border: 0px;}
#horiz_container_outer
{
	width:690px;
	overflow-x:hidden;
	overflow-y:hidden;
	position:relative;
	height:135px;
	margin:5px auto;
	border:1px solid #cccccc;
}

#horiz_container
{
	width:1200px; /* add 130px for each additional item - the scroll bar will adapt automatically */
	margin:0px;
	padding-left:5px;
	height:120px;
}

#horiz_container ul
{
	margin:0px; padding:0px;
	float:left;
}

#horiz_container_inner
{
	padding:5px;
	padding-left:0px;
}

#horiz_container li
{
	list-style:none;
	display: inline-table;
	margin:0px;
	margin-right: 20px;
}

.ie7 #horiz_container li
{
	list-style:none;
	display: inline-block;
	margin:0px;float:left;
	margin-right: 20px;
}


#horiz_container li img
{
	padding:0px;
	margin:0px;
}




/**************************************************
*
*	SCROLLING STYLES
*
**************************************************/

#scrollbar 
{
    position:relative; 
    width:690px; height:12px;
    display:block;
    font-size:1px;
    top:0px;
    margin:0px auto;
}

#track 
{
    position:absolute; left:0px; top:0;
    width:690px; height:12px; 
    background: #999999;
    -webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}

#dragBar 
{
    position:absolute; left:0px; top:0px;
    width:20px; height:10px; 
    -webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background-color: #cccccc;

}  
  
#left_scroll
{ 
	position:absolute; 
	border-color: transparent gray transparent transparent;
	border-style: solid;
	border-width: 5px;
	width: 0;
	height: 0px;
	cursor:pointer;
	top:1px;
	left:-15px;
}  

#right_scroll 
{ 
	position:absolute; 
	right:-15px; 
	top:1px;
	border-color: transparent transparent transparent gray;
	border-style: solid;
	border-width: 5px;
	width: 0;
	height: 0px;
	cursor:pointer;
}

/* Prevent selection problem */
#scrollbar, #track, #dragBar, #left, #right {
    -moz-user-select: none;
    -khtml-user-select: none;
}       


/* ======================================== Layout design ==================================================== */


	#LeftColumn/*,#left_scroll*/ {display:none}

	#TopContent h1, #TopContent h3, #TopContent #Ariane {display:none}
	
	.nightandday .s4-ca {/*min-width:637px*/width:967px;margin:0 10px}
	
	.ms-ToolPaneOuter{position:absolute;right:5px;z-index:30}
	
	

#content-section {width: 959px}
#content-section-intro {float: left; width: 580px; height: auto; margin-bottom: 10px;margin-top: 0px; padding: 10px;font-size:13.5px;line-height:20px}


#content-section-4 {float: left; width: 194px; height: 370px; background-color: #ecf4fc;}
	#content-section .ms-rteElement-MenuItems a{padding-top:13px}

	#content-section-4 #SecretariatSection .ms-WPHeader td{border-top:0}
			body #content-section-4 .ms-WPTitle{padding-bottom:10px}
	body #content-section-4 .ms-WPBorder{border:0}
	#content-section-4 #SecretariatSection{margin-top:10px}
	#content-section-4 #SecretariatSection .s4-wpTopTable{margin-bottom:10px}

#content-section-5 {float: right; width: 194px; height: 370px; background-color: #ecf4fc;}
	body #content-section-5 .ms-WPTitle{padding-bottom:10px}
		body #content-section-5 .ms-WPTitle, 
		body #content-section-5 .ms-WPTitle *{white-space: normal;text-align:left!important}
	body #content-section-5 .ms-WPBorder{border:0}
	#content-section-5 .s4-wpTopTable{margin-bottom:10px}


#content-section-6 {float: left; width: 552px; height: auto; border-top: 5px solid #1b4177;margin-left: 10px;/* padding-top:5px;*/}
		#content-section-6 .ms-WPHeader td{border-top:0;background:none;padding-bottom:10px}
		#content-section-6 .ms-WPTitle{padding-left:0}
		#content-section-6 .ms-WPBody{margin:0}

#content-section-7 {float: left; width: 747px; border-top: 5px solid #1b4177; margin-top: 10px;height: auto; /*padding-top: 10px; padding-left: 5px;*/}
	#content-section-7 .ms-WPHeader td{border-top:0;background:none}
	#content-section-7 .ms-WPTitle{padding-left:0}
	
#content-section-8 {float: right; width: 194px;background-color: #cce0f1; margin-top: 10px;}
	body #content-section-8 .s4-wpTopTable {background-color: #cce0f1}
		#content-section-8 .ms-WPHeader td{border-top: 5px solid #1b4177;background-color: #cce0f1}
		body #content-section-8 .ms-WPBorder{border:0}
		#content-section-8 .s4-wpTopTable{margin-bottom:20px}



/* Latest News WP */
#content-section-2 {float:right;width:346px}
	body #content-section-2 .s4-wpTopTable {background-color: #cce0f1}
		#content-section-2 .ms-WPHeader td{border-color:#1b4177;background-color: #cce0f1;margin-bottom:10px}
					#content-section-2 .ms-WPTitle{margin-bottom:10px;padding-top:10px}		
		body #content-section-2 .ms-WPBorder{border:0;padding-bottom:10px}

/* Meeting Events WP */
#content-section-3 {float:right;width:346px;margin-top: 10px;margin-bottom:10px;background-color: #ecf4fc}
	#content-section-3 .ms-WPHeader td{border-color:#1b4177;background-color:#ecf4fc}
					#content-section-3 .ms-WPTitle{margin-bottom:10px;padding-top:10px}		
		body #content-section-3 .ms-WPBorder{border:0;padding-bottom:10px}

/* ====== ICAO Modifications ===== */
#if-1, #if-2, #if-3, #if-4, #if-5, #if-6, #if-7, #if-8 {margin-top:0}
span.if-head, span.sm {display:none}
.hir {padding:0 5px 5px 5px;float:right}
.him {float:left;width:auto;padding-bottom:3px}
.caption {color: #1b4177;font-size:10.5px;line-height:15px}
#if-1 p, #if-2 p, #if-3 p, #if-4 p, #if-5 p, #if-6 p, #if-7 p, #if-8 p  {margin-top:0;font:12.5px Verdana;line-height:18px;color:#1b4177}
#if-1 a, #if-2 a, #if-3 a, #if-4 a, #if-5 a, #if-6 a, #if-7 a, #if-8 a  {text-decoration:none;border-bottom:1px #278ed6 dotted;color:#278ed6}
#if-1 a:hover, #if-2 a:hover, #if-3 a:hover, #if-4 a:hover, #if-5 a:hover, #if-6 a:hover, #if-7 a:hover, #if-8 a:hover {text-decoration:none;border-bottom:0;color:#278ed6}
.hp-header {font-size:14px;font-weight:bold;color:#1b4177}

/* Display Chinese link on the home page */
html .ms-globallinks-translation-CH{display:block!important}