/* navigation
---------------------------------------------------- */

#nav {
	z-index: 500;
	float: right;
	margin: 3px 0 0 0;
	padding: 1px 0 0 0;
	list-style: none;
	text-align:left;
	}
#nav li {
	float: left;
	height: 24px;
	margin: 0;
	padding: 0;
	line-height:24px;
	font-size: 12px;
	/* preloads image */
	background: #848484 url(nav_images/nav-on-bg.jpg) repeat-x top left;
	background: #848484 url(nav_images/nav-bg-off.jpg) repeat-x top left;
	}
#nav li a,
#nav li span {

	height: 23px;
	display: block;
	padding: 0px 0px 0px 9px;
	padding-right:20px;
	font-family: Arial, sans-serif;
		font-weight:bold;
	text-decoration: none;
	color: #fff;
	border-top: 1px solid black;
	border-left: 1px solid black;
	border-right: 1px solid black;
	}
#nav li#n-games a {
	width: 66px;
	}
#nav li:hover,
#nav li.sfhover {
	background: #333 url(nav_images/nav-on-bg.jpg) repeat-x top left;
	}
#nav li:hover a,
#nav li.sfhover a {
	border-top-color: black;
	border-left-color: black;
/*	background: #333 url(nav_images/nav-on-bg.jpg) repeat-x top left;*/
	}
#nav li a:hover {
	height: 23px;
/*	border-top-color: black;*/
/*	border-left-color: black;*/
/*	border-bottom: 1px solid black;*/
/*	background: #0371be url(nav_images/nav-hov.jpg) repeat-x top left;*/
	}


/* suckerfish dropdowns */

#nav li ul { /* second-level lists */
	z-index: 150000;
	clear: left;
	position: absolute;
	width: 150px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	margin: 0;
	padding: 0;
	list-style: none;
	border: 1px solid #000;
	border-left-color: #464646;
	border-top: none;
	border-bottom: none;
	background: #333 url(nav_images/nav-panel-bg.jpg) repeat-x bottom left;
	}
#nav li ul ul { /* third-and-above-level lists */
	margin: -24px 0 0 150px;
	border-top: 1px solid #000;
	border-left-color: #000;
	}
#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
	}

#nav li:hover ul, 
#nav li li:hover ul, 
#nav li.sfhover ul, 
#nav li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	}
#nav li ul li {
	width: 150px;
	height: auto;
	text-transform: none;
	font-family: Verdana, sans-serif;
	font-size: 10px;
	line-height: 11px;
	border: none;
	background: none;
	}
#nav li ul li a,
#nav li#n-games ul li a,
#nav li:hover ul li a,
#nav li.sfhover ul li a,
#nav li ul li span {
	width: 134px;
	height: auto;
	padding: 5px 8px;
	border: none;
	font-weight: normal;
	text-align: left;
	color: #fff;
	border-top: 1px solid #3c3c3c;
	border-bottom: 1px solid #000;
	background: none;
	}
#nav li ul li.sub a,
#nav li ul li.sub span {
	background: url(nav_images/nav-arrow.gif) no-repeat 100% 50%;
	}
#nav li ul li.sub ul li a {
	background: none;
	}
#nav li ul li.first a,
#nav li ul li.first span,
#nav li#n-games ul li.first a,
#nav li#n-games ul li.first span {
	border-top-color: #333;
	}

#nav li ul li:hover,
#nav li ul li.sfhover {
	border-top-color: #c1c1c1;
	background: #9a9a9a url(nav_images/nav-sub-on.jpg) repeat-x top left;
	}

#nav li ul li:hover a,
#nav li ul li.sfhover a,
#nav li ul li:hover span,
#nav li ul li.sfhover span {
	border-top-color: #c1c1c1;
	}
#nav li ul li a:hover,
#nav li ul li.sub li a:hover,
#nav li#n-games ul li a:hover {
	height: auto;
	color: #fff;
	border-top-color: #3bb1ff;
	background: #026fbc url(nav_images/nav-sub-hov.jpg) repeat-x top left;
	}
#nav li ul li.sub:hover {
	background: #9a9a9a url(nav_images/nav-sub-on-arrow.jpg) repeat-x 100% 50%;
	}
#nav li ul li.sub a:hover {
	background: #026fbc url(nav_images/nav-sub-hov-arrow.jpg) repeat-x 100% 50%;
	}
#nav li ul li:hover li a,
#nav li ul li.sfhover li a {
	border-top-color: #3c3c3c;
	}
#nav li ul li:hover a:hover,
#nav li ul li.sfhover a:hover {
	border-top-color: #3bb1ff;
	}
#nav li ul li a:active,
#nav li ul li.sub a:active,
#nav li ul li:hover li a:active,
#nav li ul li.sfhover li a:active,
#nav li#n-games ul li a:active {
	background: #058acf url(nav_images/nav-sub-press.jpg) repeat-x top left;
	}



#sidebar {float: left; width: 100%; font-size: 12px;}
#sidebar h3 {font-size: 13px; margin-bottom: .3em;}

#sidebar .box {background: #3478e3 no-repeat bottom left; padding: 0 9px 0px; border-width: 0; color: #fff; font-weight: bold;}
#sidebar .box h2 {background: #1551B0 no-repeat top left; padding: 5px 5px 4px 7px; border-width: 0; margin: 0 -9px 5px; font-size: 13px;}
#sidebar .box ol {list-style: decimal; margin: 0 0 .3em 2.0em;}
#sidebar .box a {color: #fff;}
#sidebar .box a:visited {color: #ccc;}
#sidebar .box ol li {padding: .2em 0; margin: 0;}
#sidebar .box ol li.last {border: 0;}
#sidebar .more a {background: transparent url(http://images.apple.com/downloads/dashboard/images/morearrowblue20050605.gif) no-repeat center right; display: block; padding: 5px 20px 5px 0; border-top: 1px solid #1551B0; margin: 5px 0 0 0;}

input, select{
	font-size:10px;
}

/* Sortable tables */
table.sortable thead {
    background-color:#eee;
    color:#666666;
    font-weight: bold;
    cursor: pointer;
    height:24px;
    line-height:24px;
    text-align:left;
}


/*tabs*/
/*globalnav*/

#globalnav {
	display:block;
	width:1200px;
	padding:0px;
	margin:0px;
	list-style:none;
	line-height:1em;
}

#globalnav li {
	float:left;
	margin:0;
	padding:0;
	font-size:12px;
}

#globalnav a {
	display:block;
	color:#444;
	text-decoration:none;
	font-weight:bold;
	background:#ddd;
	margin:0;
	padding:0.25em 1em;
	border-left:1px solid #fff;
	border-top:1px solid #fff;
	border-right:1px solid #aaa;
}

#globalnav a:hover,
#globalnav a:active,
#globalnav a.here:link,
#globalnav a.here:visited {
	background:#9a9a9a;
	color:white;
}

#globalnav a.here:link,
#globalnav a.here:visited {
	position:relative;
	z-index: 102;
}

/* correct? */
#nav li.navSelected {
	background: #3c3c3e;
/*	background: #3c3c3e url(nav_images/nav-on-bg.jpg) repeat-x top left;*/
}

#nav li {
	width: 80px;
}