/* Credit to www.cssplay.co.uk for many examples leading to these menus. */

/*--------------------------*/
/*  CSS for the Main Menu   */
/*--------------------------*/

/* Style for the horizontal top-level menu */
.mainmenu {padding:0 0 0 0; margin:0; list-style:none; height:37px; background:#fff url(/App_Themes/Amadeus/images/menu-bar-bg.jpg) repeat-x; position:relative; font-family:arial; }
.mainmenu li.top {display:block; float:left; position:relative; padding:0;}
.mainmenu li.top div.topleft {width:7px; height:37px; display:block; float:left; position:relative;}
.mainmenu li.top div.topright {width:7px; height:37px; display:block; float:left; position:relative;}

.mainmenu li.topselected {display:block; float:left; position:relative; padding:0; 
                          background-image:url(/App_Themes/Amadeus/images/on-tab-bg.jpg); background-position:bottom center;}
                          
.mainmenu li.topselected div.topleft {width:9px; height:37px; display:block; float:left; position:relative; background-image:url(/App_Themes/Amadeus/images/on-tab-left.jpg); background-position:bottom center;}
.mainmenu li.topselected div.topright {width:9px; height:37px; display:block; float:left; position:relative; background-image:url(/App_Themes/Amadeus/images/on-tab-right.jpg); background-position:bottom center;}
.mainmenu li a.top_link {display:block; float:left; height:37px; line-height:33px; color: #ffffff; font-family:Arial; text-decoration:none; font-size:15px; font-weight:bold; padding:0 10px 0 10px; cursor:pointer;}
.mainmenu li a.top_link span {float:left; display:block; padding:3px 0px 0 0px; height:37px;}
.mainmenu li a.top_link span.down {float:left; display:block; padding:3px 20px 0 0px; height:37px; background:url(/App_Themes/Amadeus/images/menu-bar-down.jpg) no-repeat right center;}
.mainmenu li.topselected a.top_link span.down
{
	float:left; 
	display:block; 
	padding:3px 20px 0 0px; 
	height:37px; 
	background:url(/App_Themes/Amadeus/images/menu-bar-selected-up-purple.gif) no-repeat right center;
}

/* Condtiional CSS for IE 6 fixes only */
* html .mainmenu li.topselected a.top_link{margin-top:-3px;}

.mainmenu li.top:hover a.top_link 
{
    background-image: url(/App_Themes/Amadeus/images/menu-hover-bg.jpg); 
    background-repeat:repeat-x; 
    background-position:bottom right;}

.mainmenu li.top:hover a.top_link span.down
{
	background-image: url(/App_Themes/Amadeus/images/menu-bar-selected-down.jpg); 
	background-repeat:no-repeat; 
	background-position:center right;
}

.mainmenu li.topselected:hover a.top_link span.down
{
	background-image: url(/App_Themes/Amadeus/images/menu-bar-selected-down-purple.gif); 
	background-repeat:no-repeat; 
	background-position:center right;
}

.mainmenu li.top:hover div.topleft
{
    width:7px; height:37px; display:block; float:left; position:relative; 
    background-image: url(/App_Themes/Amadeus/images/menu-hover-left.jpg); 
    background-repeat:no-repeat; background-position:bottom right;}
    
.mainmenu li.top:hover div.topright
{
    width:7px; height:37px; display:block; float:left; position:relative; 
    background-image: url(/App_Themes/Amadeus/images/menu-hover-right.jpg); 
    background-repeat:no-repeat; background-position:bottom left;}
  
.mainmenu li.topselected:hover a.top_link,
.mainmenu li.topselected.over a.top_link  {color:#fff;}

/* Default link styling */
.mainmenu a:hover {visibility:visible;}
.mainmenu li:hover, .mainmenu li.over {position:relative; z-index:200;}

/* Keep the 'next' level invisible */
.mainmenu ul, 
.mainmenu li:hover ul ul, 
.mainmenu li.over ul ul,
.mainmenu li:hover ul li:hover ul ul,
.mainmenu li.over ul li.over ul ul,
.mainmenu li:hover ul li:hover ul li:hover ul ul,
.mainmenu li.over ul li.over ul li.over ul ul,
.mainmenu li:hover ul li:hover ul li:hover ul li:hover ul ul,
.mainmenu li.over ul li.over ul li.over ul li.over ul ul  {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

/* Style for sub-menus (IE6) */
.mainmenu li.over ul.sub {padding: 3px 0 3px 0; left:0px; top:37px; background: #15a6c8; border-width:1px; border-style:solid; border-color:#592c61; white-space:nowrap; width:auto; height:auto;}
.mainmenu li.over ul.sub li {background-color:#15a6c8; display:block; position:relative; float:left; clear:left; width:auto; padding: 0 20px 5px 7px;}
.mainmenu li.over ul.sub li a {background-color :#15a6c8; display:inline; font-family:verdana; text-decoration:none; font-size:11px; font-weight:bold; height:22px; width:auto; line-height:24px; color:#fff; text-decoration:none;}


/* Style for sub-menus (not IE6) */
.mainmenu li:hover ul.sub {padding: 3px 0 3px 0; left:0px; top:37px; background: #1096b3; border-width:1px; border-style:solid; border-color:#592c61; white-space:nowrap; width:auto; height:auto; min-width:97%;}
.mainmenu li:hover ul.sub li {background-color:#1096b3; display:block; position:relative; float:left; width:100%;}
.mainmenu li:hover ul.sub li a { background-color :#1096b3; display:block; font-family:verdana; text-decoration:none; font-size:11px; font-weight:bold; height:22px; width:auto; line-height:24px; padding: 0 20px 5px 7px; color:#fff; text-decoration:none;}

.mainmenu li:hover ul.sub li a.fly,
.mainmenu li.over ul.sub li a.fly {background-color:#03b2c5; background-image: url(/App_Themes/Amadeus/images/menu-bar-sub-fly.png); background-repeat: no-repeat; background-position:bottom right;}
.mainmenu li:hover ul.sub li a:hover,
.mainmenu li.over ul.sub li a:hover {color:#fff; background-color:#03b2c5}
.mainmenu li:hover ul.sub li a.fly:hover,
.mainmenu li.over ul.sub li a.fly:hover  {color:#592c61; background-image: url(/App_Themes/Amadeus/images/menu-bar-sub-fly-selected.png); background-repeat: no-repeat; background-position:bottom right;}
.mainmenu li:hover ul li:hover > a.fly,
.mainmenu li.over ul li.over > a.fly  {color:#592c61; background-image: url(/App_Themes/Amadeus/images/menu-bar-sub-fly-selected.png); background-repeat: no-repeat; background-position:bottom right;} 

/* Display sub-sub menus */
.mainmenu li:hover ul li:hover ul,
.mainmenu li.over ul li.over ul,
.mainmenu li:hover ul li:hover ul li:hover ul,
.mainmenu li.over ul li.over ul li.over ul,
.mainmenu li:hover ul li:hover ul li:hover ul li:hover ul,
.mainmenu li.over ul li.over ul li.over ul li.over ul,
.mainmenu li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul
.mainmenu li.over ul li.over ul li.over ul li.over ul li.over ul
{left:99%; top:-2px; background: #15a6c8; border-width:1px; border-style:solid; border-color:#592c61; white-space:nowrap; width:auto; z-index:200; height:auto;}

/*---------------------------*/
/* CSS for the Top-Side Menu */
/*---------------------------*/
/* Style for the horizontal top-level menu */
.topmenu {display:table; padding:5px; margin:0 auto; list-style:none; white-space:nowrap; font-family:arial, sans-serif; font-size:11px; height:14px; } 
.topmenu li.top,
.topmenu li.menudelimiter {display:table-cell; color:#592c61; float:left;}
.topmenu li a.top_link {width:auto; display:block; text-decoration:none; color: #027191; float:left;}
.topmenu li a.top_link span.down {text-decoration:none; padding: 0 10px 0 0; background-image: url(/App_Themes/Amadeus/images/arrow-purple-small.jpg); background-repeat: no-repeat; background-position:bottom right;}	
.topmenu li:hover > a.top_link span {background-color:#fff;	color:#00a5c6;}
.topmenu li:hover > a.top_link span.down {background-image: url(/App_Themes/Amadeus/images/arrow-purple-small-down.jpg);}

/* Default link styling */
.topmenu a:hover {visibility:visible;}
.topmenu li:hover {position:relative; z-index:200;}

/* Keep the 'next' level invisible */
.topmenu ul, 
.topmenu li:hover ul ul, 
.topmenu li:hover ul li:hover ul ul,
.topmenu li:hover ul li:hover ul li:hover ul ul,
.topmenu li:hover ul li:hover ul li:hover ul li:hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

/* Style for sub-menus */
.topmenu li:hover ul.sub {padding: 2px 0 2px 0; left:-4px; top:13px; background: #d0f3fc; border-width:1px; border-style:solid; border-color:#72cee2; white-space:nowrap; width:auto; height:auto;}
.topmenu li:hover ul.sub li {display:block; position:relative; width: 100%; float:left;}
.topmenu li:hover ul.sub li a {background-color:#d0f3fc; display:block; font-family:arial; text-decoration:none; font-size:12px; height:14px; padding: 3px 20px 3px 10px; color:#027191; text-decoration:none;}

.topmenu li:hover ul.sub li a.fly {background-color:#d0f3fc; background-image: url(/App_Themes/Amadeus/images/top-menu-bar-sub-fly.jpg); background-repeat: no-repeat; background-position:bottom right;}
.topmenu li:hover ul.sub li a:hover {background-color:#fff; color:#5F2D60;}
.topmenu li:hover ul.sub li a.fly:hover {background-color:#fff; color:#5F2D60; background-image: url(/App_Themes/Amadeus/images/top-menu-bar-sub-fly-selected.jpg); background-repeat: no-repeat; background-position:bottom right;}
.topmenu li:hover ul li:hover > a.fly {background-color:#fff; color:#5F2D60; background-image: url(/App_Themes/Amadeus/images/top-menu-bar-sub-fly-selected.jpg); background-repeat: no-repeat; background-position:bottom right;} 

/* Display sub-sub menus */
.topmenu li:hover ul li:hover ul,
.topmenu li:hover ul li:hover ul li:hover ul,
.topmenu li:hover ul li:hover ul li:hover ul li:hover ul,
.topmenu li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul
{left:99%; top:-1px; background: #d0f3fc; border-width:1px; border-style:solid; border-color:#72cee2; white-space:nowrap; width:auto; z-index:200; height:auto;}

/* Style for Blast! Link */
.blast { width: 135px; }


/*---------------------------*/
/* CSS for the Bottom Menu   */
/*---------------------------*/
.bottommenu {display:table; padding:0; margin:0 auto; list-style-type:none; white-space:nowrap; font-family:arial, sans-serif;}
.bottommenu li {display:table-cell; color:#ffffff; font-family:arial; text-decoration:none; font-size:14px; float:left;}
.bottommenu a {width:auto; display:block; text-decoration:none; color: #ffffff; font-family:arial; text-decoration:none; font-size:14px; font-weight:bold; float:left;}
.bottommenu a:hover { color:#592c61;}

/*---------------------------*/
/* CSS for the Vert Menu   */
/*---------------------------*/
.vertmenu {margin:0; padding:0 0 0 0; display:list-item; float:left; width:91.5%; list-style-type:none; background-color:#e3f5f9; font-family:arial,sans-serif; font-size:13px;}
.vertmenu li {display:block; padding:0 0 0 10px;}
.vertmenu li.down, 
.vertmenu li.downselected {padding:0 0 0 10px;}
.vertmenu li.downselected a,
.vertmenu li.selected a {color:#5F2D60;}
.vertmenu li a {display:block; padding:6px 0 6px 13px; color:#027191; text-decoration:none; font-weight:bold; background-image:url(/App_Themes/Amadeus/Images/arrow-blue.jpg); background-repeat:no-repeat; background-position:0 10px;}

.vertmenu li a.down {padding:6px 0 6px 13px; background-image:url(/App_Themes/Amadeus/Images/arrow-blue-down.jpg);}
.vertmenu li:hover a.down {background-image:url(/App_Themes/Amadeus/Images/arrow-blue.jpg); }

.vertmenu a:hover {color:#5F2D60; background-image:url(/App_Themes/Amadeus/Images/arrow-blue.jpg); background-repeat:no-repeat; background-position:0 10px;}

.vertsubmenu {margin:0; padding:0 0 0 15px; border-bottom:0; border-top:0; border-left:solid 1px #e3f5f9; border-right:solid 1px #e3f5f9; width:239px; display:list-item; float:left; list-style-type:none; background-color:#f9fdfd; list-style-type:none; font-family:arial,sans-serif; font-size:12px;}
.vertsubmenu li {display:block; font-size:12px; padding-bottom:5px;}
.vertsubmenu li.selected a {color:#5F2D60;}
.vertsubmenu li a {display:block; padding:4px 0 4px 20px; color:#027191; text-decoration:none; font-weight:normal; background-image:url(/App_Themes/Amadeus/Images/blue-bullet.gif); background-repeat:no-repeat; background-position:8px 10px;}
.vertsubmenu li:hover {background-color:#f9fdfd;}
.vertsubmenu a:hover {color:#5F2D60; }

/*---------------------------*/
/* CSS for the Site Map (Note:This is due to IE8)  */
/*---------------------------*/
.SiteMapMenu li.top div.topleft
{
	visibility:hidden;
	display:none;
}

.SiteMapMenu li.top div.topright
{
	visibility:hidden;
	display:none;
}
