* {
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	margin:0;
	padding:0;
}

#wrap {
	width:50%;
	min-width: 550px;
	margin:5% auto;
}

#mainContent {
	border-bottom:3px solid #ccc;
	background:#f9f9f9;
	color:#333;
}

#footer {
	display: block;
	clear:both;
	font-size: 11px;
	color:#666;
	text-align: center;
	margin:6px 0;
}

.frontPage {
	font-size:24px;
	color:#333;
	padding:24px;
}

.columns {
	background: #555;
}
.right{
	width:50%;
	margin-left: 50%;
}
.left{
	float:left;
	width:50%;
}

/*
 *	Navigation
 */
#nav {
	border-top:3px solid #ccc;
	border-bottom:3px solid #ccc;
	list-style: none;
	background:url(img/nav.gif) repeat-x;
	padding:4px 12px 0 12px;
	height:20px;
	font-size: 12px;
}
#nav li {
	display: inline;
	border:none;
	padding:0 12px;
}
#nav a {
	padding:4px 18px;
}
#nav .selected a{
	background: url(img/nav-selected.gif) repeat-x;
}
#nav li a {
	color:#ccc;
}
#nav li a:hover {
	color:#efefef;
}
#subNav {
	background:#ccc;
	list-style: none;
	font-size:10px;
	padding:0 12px 3px 12px;
}
#subNav li {
	display: inline;
	padding:4px 12px;
}
#subNav .selected {
	background:#efefef;
}

/*
 *	Project listing
 */
#projects {
	padding:0;
}
#projects td{
	border-bottom:1px solid #ccc;
	padding:12px 12px;
}

/*
 *	Task list
 */
.list {
	padding:0;
	margin:0;
}
.list td {
	padding:6px 12px;
}
.list .selected td{
}

/*
 *	Reports
 */
#reports {
	padding:0;
	border:none;
}
#reports h3{
	font-size: 14px;
}
#reports .project td {
	background:#e9e9e9;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding:12px 12px;
}
#reports .task{
	font-size: 12px;
	line-height: 10px;
	
}
#reports .task td {
	padding:0 12px; 
	height:14px;
}


/*
 * Task listing
 */
table {
	border-top: 1px solid #ccc;
	background: #f2f2f2;
	width:100%;
	font-size: 12px;
	padding:12px 0;
}
table td{
	padding:0 12px;
	line-height: 150%;
}
table h3, table h2 {
	padding:0;
}
table a {
	color:#666;
}
table cite {
	font-style: normal;
	font-size:10px;
	margin:0;
}
table .header td{
	color:#666;
	font-variant: small-caps;
	font-size:12px;
	line-height: 12px;
}

h1 {
	margin:0 0 24px 0;
	color:#333;
}
h2 {	
	color:#444;
	display: block;
	font-size:18px;
	padding:12px 12px 0 12px;
}
h2 a, h3 a {
	color:#444;
	text-decoration: none;
}
h3 {
	color:#444;
	display: inline;
	font-size:12px;
	padding:12px;
	
}
h4 {
	font-size:14px;
	margin:0 0 12px 0;
	color:#ccc;
}
cite {
	display: block;
	font-style: normal;
	font-size:12px;
	line-height: 150%;
	color:#777;
	margin:0 12px 12px 12px;
}
a, a img {
	border: none;
	text-decoration: none;
	color:#336699;
}
a:hover {
	color:#5588bb;
}
quote {
	display: block;
	border-top: 1px solid #ccc;
	background: #f2f2f2;
	font-size:12px;
	padding:12px;
}
form {
	background: #555;
	font-size:12px;
	color:#bbb;
	padding:12px;
}
fieldset {
	border:none;
	margin:0 0 12px 0;
}
form a{
	color:#bbb;
}
form a:hover{
	border-bottom:1px solid #bbb;
}

/*
 * Buttons
 */
.buttons {
	text-align: right;
}

/*
 *	Graph
 */
.time {
	text-align: center;
	line-height: 100%;
	padding:0;
	margin:0;
	font-size: 11px;
}
.list .graph {
	width:150px;
}
.summary .graph {
	width:100%;
}
.summary .time {
	padding:0 12px;
}
.progress, .progress .done, .progress .left {
	height:12px;
	background-repeat:no-repeat;
}
.progress {
	max-width:400px;
	display: block;
	background: url(img/progress-light.gif);
	background-position: right;
}
.progress .done {
	float:left;
	background: url(img/progress-dark.gif);
	background-position: left;
}
.progress .left {
	float:left;
	background: url(img/progress-light.gif);
	background-position: left;
}

/*
 *	Paging
 */
.paging {
	display:block;
	clear:both;
	border-top:1px solid #ddd;
	height: 12px;
	padding:6px 10px;
	font-size: 12px;
	line-height: 12px;
}
.paging .prevPage {
	background: url(img/resultset_previous.png) 0 -2px no-repeat;
	padding-left:24px;
	float:left;
}
.paging .nextPage {
	background: url(img/resultset_next.png) right -2px no-repeat;
	padding-right:24px;
	float:right;
}

/*
 *	Info buttons
 */
.info td {
	padding-bottom: 6px;
	border-bottom: 1px solid #ccc;
}
.info a {
	height:18px;
	background:#fff;
	border:1px solid #ccc;
	padding-right:6px;
}
.info a:hover{
	border:1px solid #999;
}
.info img {
	padding:0 6px;
}