@charset "UTF-8";

/* Widgets
 * Copyright(c) 2007-2009 Zeeis.
 * Originally designed in September 2007.
 * $Id: widget.css 258 2011-10-13 01:17:26Z zjy $
 * $Author: ts $
 * $Rev: 258 $
*/

.link:link
{
	color: #999999;
	text-decoration: none;
}
.link:visited
{
	color: #999999;
	text-decoration: none;
}
.link:hover, .link:active { 
	text-decoration: underline; 
	color: #FF0000;
}

/* -- Nav Widget -- */

.nav {
	margin: 0;
	clear: both;
	color: #AFAFAF;
}

.nav .items {
	list-style-type: none;
	margin: 10px 0 10px 0;
	padding: 0;
}

.nav .items li {
	display: inline;	
}

.nav .items .tab {
	text-decoration: none;
	font-size: 1.2em;
	color: #999999;
}

.nav .items a.tab:hover {
	color: #3c71ba;
	text-decoration: none;

}
.nav .items .selected {
	color: #3c71ba;
}

/* Left Menu */
.left {
	float: left;
}

.menu {
	margin: 0 15px 0 0;
	padding:0;
}

.menu .caption
{
	font-weight:bold;
	border-top: 0px;
	color: #999999;
}

.menu li
{
	width: 200px;
	padding: 2px 0 2px 0px;	
	list-style-type: none;
	margin: 0;
}

.menu .selected a
{
	color: white;
}
.menu .selected 
{
	background-color:#999999;
	border-top:0;
}
.menu .sub
{
	margin:0;
	padding: 0;
	border-top:0;
}

.submenu
{
	margin:0;
	padding: 0;

}

.submenu li{
	border: none;
	margin: 2px 0px 2px 30px;
	_margin:0; /* for IE6 only */
	padding: 0;
	_padding: 2px 0 2px 15px;
	width: 180px;
	list-style: url(http://img.zeeis.com/widgets/dots/gray.gif);
}

.menu a {
	text-decoration: none;
}
.filetype {
	width: 125px;
	margin: 0;
	padding:0;
	list-style-type: none;
}

.filetype li
{
	width: 200px;
	padding: 2px 0 2px 0px;	
	list-style-type: none;
	margin: 0;
/*	padding: 2px 0 2px 15px;
	margin: 0;
	*/
}

.filetype .caption
{
	font-weight:bold;
	color: #999999;
	background: #fafafa;
	border-top: 0px;
}
.content
{
	float: right;
	width: 615px;
	margin: 0;
}

.content h1
{
	font-size: 1.5em;
	color: #616161;
	margin: 0 0 5px 0;
}

.content h2
{
	font-size: 1em;
	color: #616161;
	background: #fafafa;
	padding: 7px 0 7px 5px;
	margin: 5px 0;

}

.content p
{
	margin-left:5px;

}

/* GRID */
.column { float: left; }
.grid3col { width: 100%; }

.grid3col .column { width: 32%; margin-left: 2%; }

.column.first, .column.last { margin-left: 0 !important; }
.column.last { float: right !important; }

.grid3col:after, .grid3cola:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
