@charset "UTF-8";
/* Top navigation for calcom */

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.menu {
	width:auto;
	position:relative;
	z-index:100;
	height: 30px;
}
/* menu sup (TM) */
.menu a sup {font-size: 6pt!important;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}

/*
.menu ul ul {
	width:152px;
}
*/

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
	visibility:hidden;
	position:absolute;
	height:0;
	top: 24px;
	left:0;
	/* width:152px; */
}

.menu ul ul #csit {
	width:152px;
}

/* yet another hack for IE5.5 */
* html .menu ul ul #csit a, * html .menu ul ul #csit a:visited {
	width:150px;
}

/* Set the with for Customer Service Excellence Academy */
#csea li a {
	width:240px;
}

/* yet another hack for IE5.5 */
* html .menu ul li ul #csea li a, * html .menu ul li ul #csea li a:visited {
	width:150px;
}


/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {
	float:left;
	position:relative;
	width: 236px;
}
/* style the links for the top level */
.menu a, .menu a:visited {
	text-decoration: none;
	display:block;
	height: 16px;
	font: bold 10pt Tahoma;
	color:#F8F8F8;
	background: url("../images/css/nav.gif") #8b4389 -8px top no-repeat;
	margin: 0 2px 0 0;
	padding: 4px 9px 4px 9px;
	text-align: center;
}

* HTML .menu a, * HTML .menu a:visited {
	height: auto;
	padding: 5px 7px;
}

/* a hack so that IE5.5 faulty box model is corrected */
/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#894388;}
/* another hack for IE5.5 */
* html .menu ul ul {top:24px;}
/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;}
/* style the second level links - background of dropdown*/
.menu ul ul a, .menu ul ul a:visited {
	background:#A97AB3;
	color:#F8F8F8;
	width: 120px;
	padding: 4px 5px 4px 5px;
}
/* style the top level hover */
.menu a:hover {
	color: #F8F8F8;
	background: url("../images/css/nav.gif") #8b4389 -8px bottom no-repeat;
}

.menu ul ul a:hover{color: #F8F8F8; background:#DA95E7;}
.menu :hover > a {color: #F8F8F8; background: #A97AB3;}
/* Second drop down level rollover colour */
.menu ul ul :hover > a {
	color: #F8F8F8;
	background-color: #DA95E7;
}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul, .menu ul a:hover ul {
	visibility:visible;
}

.menu ul li.first a {
	background: url("../images/css/nav.gif") #8b4389 left top no-repeat!important;
}

.menu ul li.first a:hover {
	background: url("../images/css/nav.gif") transparent left bottom no-repeat!important;
}

.menu ul li.last a {
	background-image: url(../images/css/navinsight.gif)!important;
	background-repeat: no-repeat;
	background-position: right top;
}

.menu ul li.last a:hover {
	background: url("../images/css/nav.gif") transparent right bottom no-repeat!important;
}