@charset "utf-8";
/* CSS Document */

#content {
	width:900px;
	margin-left:4%;
	margin-right:4%;
	padding-top:10px;
	padding:3px;
	background-color:#fff;
}

#timeline {
	z-index:1;
}

#content .shader {
	background-color: #000000;  
	opacity: 0.5; /* Safari, Opera */
	-moz-opacity:0.50; /* FireFox */
	filter: alpha(opacity=50); /* IE */
	z-index:4;
	height: 100%;
	width: 100%;
	position:absolute;
	top: 0px;
	left: 0px; 
}

ul {
	margin-left:0px;
	text-indent:0px;
}

li {
	list-style:none;
	margin-left:3px;
	display:block;
	width:100%;
	text-indent:none;
}

#overview {
	padding-left:3px;
}
	
#monthly {
	position:fixed;
	right:5%;
	top:10px;
	width:250px;
	height:200px;
	background:url(../img/calback.png);
}

#monthly table {
	padding:3px;
	margin:3px;
	margin-left:10px;
	margin-top:18px;
	width:230px;
}

#monthly #month_table td {
	width:13px;
	height:26px;
	background-color:#FFFFFF;
	border:1px solid #f0f0f0;
}

#monthly #month_table td:hover {
	cursor:pointer;
	background-color:#FFFF99;
}

#monthly #month_today {
	background-color:#d6d6ff;
	font-weight:bold;
}

.wrapper {
	background-color:#f0f0ff;
	border:1px solid #f0f0f0;
	padding:5px;
	margin:3px;
	border-bottom:1px solid #999;
}

#user_panel {
	height:400px;
	width:200px;
}

#photo_frame {
	width:196;
	height:195px;
	background-color:#FFFFFF;
	border:1px solid #f0f0f0;
}

#updates {
	width:700px;
}

#overview, #project_wrapper {
	width:100%;
}

#project_table {
	width:100%;
}

#content #project_table td {
	vertical-align:middle;
	padding-left:6px;
}

#project_table td a {
	width:100%;
}

#content table table td {
	background-color:#fff;
}

#projects {
	width:100%;
}

#projects table table td:hover {
	cursor:pointer;
	background-color:#FFFF99;
}

#content table th, #footer table th {
	background:url(../img/goldbar_bg.gif) repeat-x;
	border-bottom:1px solid #999;
	border-left:#FFCC00 1px solid;
	border-right:#FFCC00 1px solid;
}

#content table td, #footer table td {
	text-align:justify;
	background-color:#f0f0ff;
	border:1px solid #f0f0f0;
	border-bottom:1px solid #ccc;
	vertical-align:top;
}

#content table td a {
	display:inline-block;
}

#content table td a:hover {
	cursor:pointer;
	background-color:#FFFF99;
}

#footer #tasks {
	border-left: thin #666 solid;
	border-right: thin #666 solid;
	width:40%;
	position:fixed;
	bottom:10px;
	left:30%;
	right:30%;
	background-color:#FFFFFF;
	background-image:url(/img/shadowu.png);
	background-repeat:repeat-x;
	background-position:bottom;
	z-index:3;
	padding:0px;
}