body
{
	margin:0px;
	background-color:#DEE4EB;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
#header
{
	height:294px;
	background:url("images/header.jpg") no-repeat top center #000;
	min-width:1300px;
}
#header-top-overlay
{
	background:url("images/overlay.png");
	height:50px;
}
#header-bottom-overlay
{
	background:url("images/overlay.png");
	height:20px;
	margin-top:224px;
}
#top-bar
{
	background:url("images/menu_bg.jpg") repeat-x top center;
	height:60px;
	text-align:center;
	vertical-align:top;
	min-width:1300px;
	overflow:visible;
}

#main-menu
{
	display:inline-block;
	width:1002px;
	height:60px;
}
#main-menu .account-button
{
	height:60px;
	display:inline-block;
	width:202px;
	background: url("images/account-button-bg.png") no-repeat top left;
}
#main-menu #active
{
	background-position: 0px -60px;
}
#page-wrapper
{
	text-align:center;
	background:url("images/menu_shadow.png") repeat-x;
	min-width:1300px;
	overflow:visible;
}
#page
{
	
	background:url("images/menu_shadow.png") repeat-x;
	display:inline-block;
	width:1008px;
	border:1px solid #969696;
	border-top:none;
	background-color:#F0F0F0;
	overflow:visible;
}
#account-bar
{
	margin-left:1px;
	width:200px;
	top:4px;
	position:relative;
	visibility:hidden;
	background-color:#EAEAEA;
}
#account-bar-top
{
	height:10px;
	background:url("images/account_bar_bg.jpg") repeat-y top left;
}
#account-bar-content
{
	background:url("images/account_bar_bg.jpg") repeat-y top left;
	padding:5px;
}
#account-bar-bottom
{
	width:200px;
	height:28px;
	background:url("images/account_bar_bottom.jpg") no-repeat top left;
	display:block;
}
#account-bar-bottom:hover
{
	background-position:bottom left;
}
#account-bar-right:hover
{
	background-position:bottom left;
}
#content
{
	margin:16px;
	border:1px solid #969696;
	background-color:white;
	height:100%;
	text-align:left;
	padding:10px;
	vertical-align:top;
}
.buttons
{
	overflow:visible;
	height:28px;
	display:inline-block;
	vertical-align:top;
}
.buttons .button a
{
	margin-top:16px;
	margin-left:9px;
	text-align:center;
	display:block;
	width:118px;
	height:21px;
	background:url("images/button.png") top left no-repeat;
	color: #000;
	padding-top:7px;
	font-size:13px;
	text-decoration:none;
	text-shadow:#FFF 1px 1px;
}
.buttons .button a:hover
{
	background-position:0px -28px;
}
.buttons .button a:active
{
	background-position:0px -56px;
}
.button-2 a
{
	padding-top:11px;
	margin-top:12px;
	margin-left:9px;
	text-align:center;
	display:block;
	width:130px;
	height:29px;
	background:url("images/button_2.png") top left no-repeat;
	color: #000;
	font-size:13px;
	text-decoration:none;
	text-shadow:#FFF 1px 1px;
}

.button-2 a:hover
{
	background-position:0px -40px;
	color:black;
}
.button-2 a:active
{
	background-position:0px -80px;
	color:black;
}
.buttons .button
{
	display:inline-block;
}
.button-2
{
	display:inline-block;
}
.buttons .button .tab-joiner
{
	display:block;
	width:138px;
	height:17px;
	position:relative;
	background:url("images/tab-joiner.jpg") no-repeat;
	top:16px;
	visibility:hidden;
}
#current-button .tab-joiner
{
	visibility:visible;
}
#current-button a
{
	background-position:0px -28px;
}
#footer-wrapper
{
	text-align:center;
	min-width:1300px;
}
#footer
{
	border:1px solid #999;
	border-top:none;
	background:url("images/panel_bg.jpg") bottom repeat-x #FFFFFF;
	height:60px;
	width:1008px;
	display:inline-block;
	color:#666;
	font-size:11px;
	padding-top:20px;
}
h3
{
	margin:5px;
	font-size:16px;
}
a
{
	color:#09F;
}
a:hover
{
	color: #778FA4;
}
/* News Posts */
.post-wrapper
{
	border:1px solid #666;
	background:url("images/panel_bg.jpg") bottom repeat-x #FFF;
	overflow:visible;
	vertical-align:top;
	margin-bottom:5px;
}
.poster-details
{
	display:inline-block;
	border-right:1px solid #666;
	border-bottom:1px solid #666;
	padding:8px;
	margin-bottom:5px;
}
.poster-avatar
{
	width:100px;
	border: 1px solid black;
	overflow:visible;
}
.post
{
	display:inline-block;
	vertical-align:top;
	margin:5px;
}
.post-details
{
	font-size:14px;
}
.post-body
{
	width:800px;
	font-size:12px;
}
.poster-name
{
	font-weight:bold;
	font-size:12px;
}
.panel
{
	border:1px solid #666;
	background:url("images/panel_bg.jpg") bottom repeat-x #FFF;
	overflow:visible;
	vertical-align:top;
	margin:5px;
	display:inline-block;
	padding:5px;
}
.error
{
	color:red;
	background-color: #FFD295;
	border:1px solid #A60000;
	padding:5px;
	margin:5px;
}
.small_label
{
	color:#666;
	font-size:10px;
}
.project-list
{
	padding:5px;
}
.project-list li
{
	display:inline;
}
.project-list-thumbnail
{
	border:1px solid black;
	max-width:200px;
	max-height:200px;
}
.project-list-name
{
	font-size:14px;
	font-weight:bold;
}
.project-list-status
{
	font-size:12px;
}
.project-list-links
{
	font-size:12px;
	font-weight:bold;
}
.project-list .panel
{
	margin:5px;
	padding:5px;
}
.project-info
{
	border:1px solid #666;
	margin:5px;
	padding:5px;
}
/* progress bar */
.progress-wrapper
{
	height:22px;
	border:1px solid #333;
	width:200px;
	padding:1px;
	margin:1px;
}
.progress-bar
{
	background-color:#09F;
	float:left;
	position:relative;
	height:22px;
}
.progress-bar-red
{
	background-color: #DC7878;
	float:left;
	position:relative;
	height:22px;
}
.progress-bar-green
{
	background-color: #ADDF75;
	float:left;
	position:relative;
	height:22px;
}
.progress-bar-white
{
	background-color: #FFF;
	float:left;
	position:relative;
	height:22px;
}
.progress-bar-yellow
{
	background-color: #FDEC77;
	float:left;
	position:relative;
	height:22px;
}
.progress-text
{
	width:200px;
	margin-top:2px;
	text-align:center;
	float:left;
}
.downloads-table
{
	width:933px;
}
.download
{
	background:#CCC;
}
.download-name
{
	font-size:14px;
	font-weight:bold;
}