﻿/**
 * guide_nav.css
 */

/* All levels */
.guide div.nav ul li a.active {
	font-weight: bold;
}
.guide div.nav ul li a:hover {
	color: #1e60aa;
}

/* 1st level */
.guide div.nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.guide div.nav ul li {
	line-height: 19px;
}
.guide div.nav ul li a {
	display: block;
	padding-left: 10px;
	border-top: 1px solid #ffffff;
	border-left: 10px solid #b9cde5;
	line-height: 19px;
	text-decoration: none;
	color: #000000;
	background-color: #e6e6e6;
}
.guide div.nav ul li a.active {
	border-left: 10px solid #5687bf;
}
.guide div.nav ul li a.handle {
	float: right;
	border-left: 0;
	width: 13px;
	color: #a9a9a9;
	background-image: url(img/arrow_right.gif);
	background-repeat: no-repeat;
	background-position: 6px 4px;
}
.guide div.nav ul li a.handle:hover {
	color: #a9a9a9;
}
.guide div.nav ul li a.handle_active {
	float: right;
	border-left: 0;
	width: 13px;
	color: #a9a9a9;
	background-image: url(img/arrow_down.gif);
	background-repeat: no-repeat;
	background-position: 6px 4px;
}
.guide div.nav ul li a.handle_active:hover {
	color: #a9a9a9;
}

/* 2nd level */
.guide div.nav ul li ul li a {
	border-left: 10px solid #5687bf;
	background-color: #d1d1d1;
}
.guide div.nav ul li ul li a.active {
	border-left: 10px solid #1e60aa;
}

/* 3rd level */
.guide div.nav ul li ul li ul li a {
	border-left: 10px solid #1e60aa;
	background-color: #a9a9a9;
}

/* Flyout */
.guide div.fly {
	position: absolute;
	width: 150px;
    opacity: 0.9;
    filter: Alpha(opacity=90);
}
.guide div.fly ul {
	display: block;
}

/* ID based specials */
.guide a#home_free {
	color: #ffffff;
	background-color: #1e60aa;
	border-left-color: #1e60aa;
	font-weight: bold;
}
.guide a#home_premium {
    color: #000000;
	background-color: #f7c652;
	border-left-color: #f7c652;
	font-weight: bold;
}

