.foo
{
}
/* W3C CSS validator likes CSS files to start with a class rather than a comment. Soooooo.... */


/* Horizontal layout */

.atl_menu_horizontal .atl_menu
{
	list-style: none;
	position: absolute;
}

.atl_menu_horizontal .atl_menu ul
{
	padding: 0;
	margin: 0;
	list-style: none;
	width: 10em;
	z-index: 99;
	position: relative;
	overflow: visible;
}

.atl_menu_horizontal .atl_menu li
{
	margin: 0;
	position: relative;
	float: left;
	width: 10em;
	display: block;
	height: auto;
}

.atl_menu_horizontal .atl_menu a, .atl_menu_horizontal .atl_menu span
{
	text-decoration: none;
	display: block;
	padding: 0.1em;
	margin: 0.2em 0 0.2em 0.1em;
	width: 9.5em;
	height: 1.05em;
}

.atl_menu_horizontal .atl_menu ul
{
	display: none;
}

/*all see this */
.atl_menu_horizontal .atl_menu ul ul, .atl_menu_horizontal .atl_menu ul ul ul
{
	display: none;
	position: absolute;
	margin-top: -1.8em;
	margin-left: 10em;
}

/* non-IE browsers see this */
.atl_menu_horizontal .atl_menu ul li > ul, .atl_menu_horizontal .atl_menu ul ul li > ul
{
	margin-top: -1.35em;
}


.atl_menu_horizontal .atl_menu li:hover ul ul, .atl_menu_horizontal .atl_menu li:hover ul ul ul, .atl_menu_horizontal .atl_menu li:hover ul ul ul ul, .atl_menu_horizontal .atl_menu li:hover ul ul ul ul ul
{
	display: none;
}

.atl_menu_horizontal .atl_menu li:hover ul, .atl_menu_horizontal .atl_menu ul li:hover ul, .atl_menu_horizontal .atl_menu ul ul li:hover ul, .atl_menu_horizontal .atl_menu ul ul ul li:hover ul, .atl_menu_horizontal .atl_menu ul ul ul ul li:hover ul
{
	display: block;
}

li > ul
{
	top: auto;
	left: auto;
}

/* Sample formatting */


/* tab, not active */
/*
.atl_menu li
{
	background-color: red;
}
*/
/* child menu, not active or hovered */
/*
.atl_menu ul li
{
	background-color: green;
}
*/
/* child selected */
/*
ul.atl_menu ul li.childselected
{
	background-color: #c3c3e4;
}
*/
/* child menu, selected */
/*
ul.atl_menu ul li.selected
{
	background-color: #c3c3e4;
}
*/
/* tab, active */
/*
.atl_menu a:hover,  .atl_menu li:hover
{
	background-color: Purple;
}
*/
/* child menu, hovered  */
/*
#nav_tabs .atl_menu ul li:hover, #nav_tabs .atl_menu ul li a:hover
{
	background-color: #c3c3e4;
}
*/
/* child menu, selected and hovered*/
/*
.atl_menu ul li.selected:hover,  .atl_menu ul li.selected a:hover
{
	background-color: Lime;
}
*/


/* Vertical layout */

.atl_menu_vertical .atl_menu
{
	list-style: none;
}

.atl_menu_vertical .atl_menu ul
{
	width: 12em;
	padding: 0;
	margin: 0;
	list-style: none;
	z-index: 99;
	overflow: visible;
	position: absolute;
}

.atl_menu_vertical .atl_menu li
{
	position: relative;
	width: 12em;
	display: block;
	height: 1.5em;
	margin: 0;
}


.atl_menu_vertical .atl_menu a, .atl_menu_vertical .atl_menu span
{
	text-decoration: none;
	display: block;
	padding: 0.1em;
	margin: 0.2em 0 0.2em 0.1em; /*helps Opera with hover */
	width: 11.5em; /*helps IE with hover */
	height: 1.2em;
}

.atl_menu_vertical .atl_menu ul, .atl_menu_vertical .atl_menu ul ul, .atl_menu_vertical .atl_menu ul ul ul
{
	display: none;
	position: absolute;
	top: 0;
	left: 12em;
}

.atl_menu_vertical .atl_menu li:hover ul ul, .atl_menu_vertical .atl_menu li:hover ul ul ul
{
	display: none;
}

.atl_menu_vertical .atl_menu li:hover ul, .atl_menu_vertical .atl_menu ul li:hover ul, .atl_menu_vertical .atl_menu ul ul li:hover ul
{
	display: block;
}

li > ul
{
	top: auto;
	left: auto;
}

/* Win IE only \*/
* html .atl_menu_vertical .atl_menu li
{
	float: left;
}
/* end holly hack */


/* Sample formatting */


/*
.atl_menu_vertical .atl_menu ul
{
	background-color: #DFDFDF;
}

.atl_menu_vertical .atl_menu li
{
	background-color: #DFDFDF;
	border: solid 1px #CECECE;
}

.atl_menu_vertical .atl_menu li:hover, .atl_menu_vertical .atl_menu a:hover
{
	background-color: #DFDFDF;
}

.atl_menu_vertical .atl_menu ul li
{
	background-color: #DFDFDF;
}

.atl_menu_vertical .atl_menu li
{
	border-width: 1px 1px 0 1px;
}

.atl_menu_vertical .atl_menu li:last-child
{
	border-bottom: 1px solid #CECECE;
}

*/