html {
	background-image: url('../images/html-bg.gif');
	background-repeat: repeat-y;
	background-position: top center;
	margin: 0px;
	padding: 0px;
	height: 100%;
}

body {
	margin: 0px;
	padding: 0px;
	height: 100%;
	color: #7e6f5b;
}

h1, h2, h3, h4, h5, h6 {
	color: #000000;
}

h1 {}

h2 {
	font-weight: 500;
	font-size: 12px;
	background-color: #c5b9aa;
	padding: 4px;
}

legend {
	color: #c5b9aa;
	font-weight: 700;
	font-size: 16px;
	padding: 4px;
}

fieldset {
	border: 1px solid #c5b9aa;
}

strong {
	color: #000000;
}

a span {
	padding: 2px 4px;
}

a:link, a:visited {
	color: #FF6600;
}

a:link span, a:visited span {
	color: #FF6600;
	font-weight: 500;
	margin: 0px 2px;
}

a:hover, a:active {
	text-decoration: none;
	background-color: transparent !important;
	/*color: #000 !important;*/
}

a:hover span, a:active span {
	text-decoration: none;
	background-color: #FF6600;
	color: #FFF;
}

.divider {
	background-image: url('../images/horizontal-dash.gif');
	background-repeat: repeat-x;
	background-position: top left;
	height: 1px;
	clear: both;
}

/********** Equal height column hack ***************/
#content, #sub-content{
	padding-bottom: 32767px;
	margin-bottom: -32767px;
}

#content-wrapper {
	overflow: hidden;
	margin-bottom: 18px;
}
/*********** End hack ******************************/

/********************************* Login Form *********************************/

#login-container {
	position: relative;
	width: 366px;
	height: 320px;
	left: -183px;
	margin-left: 50%;
	margin-top: 30px;
	margin-bottom: 50px;
}

#signin-top {
	background-image: url('../images/signin-top.gif');
	background-repeat: no-repeat;
	height: 30px;
}

#signin-middle {
	background-image: url('../images/signin-middle.gif');
	background-repeat: repeat-y;;
	padding: 10px 25px;
}

#signin-bottom {
	background-image: url('../images/signin-bottom.gif');
	background-repeat: no-repeat;
	height: 30px;
}

#login-container fieldset {
	border: 0px;
	padding: 0px;
	margin: 0px;
}

#login-container p {
	font-size: 10px;
	color: #000000;
	margin: 0px;
}

#login-container h1 {
	font-size: 28px;
	text-transform: uppercase;
}

#login-container fieldset legend {
	display: none;
}

/********************** Main Container ************************************/

#container {
	position: relative;
	width: 772px;
	left: 50%;
	margin-left: -386px;
}

/*********************************** Header ***********************************/

#header {
	background-image: url('../images/header-bg.gif');
	background-repeat: no-repeat;
	height: 84px;
}

#header p {
	text-align: center;
	font-size: 10px;
	margin-top: 1px;
}

/********************************** Site Nav ********************************/

#site-nav {
    padding: 10px 0px;
}   

/********************************** Navbar **********************************/

#navbar-wrapper {
	margin-bottom: 10px;
}

#navbar {
	background-color: #edeae5;
	clear: both;
	padding: 0px 4px;
	margin: 5px 0px 5px 0px;
}

#navbar ul, #navbar li, #site-nav ul, #site-nav li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#navbar li, #site-nav li {
	float: left;
	width: auto;
}

#navbar span, #site-nav span {
	padding: 2px 4px;
}

#navbar a.active, #site-nav a.active {
	color: #000000;
}

#navbar a.active span, #site-nav a.active span {
	background-color: #c5b9aa;
	color: #000;
}

/************************* Client Avatar Welcome **********************************/

#client-avatar {
	float: left;
	width: 83px;
	height: 83px;
	overflow: hidden;
	margin: 8px 10px 0px 0px;
	position: relative;
}

#client-avatar img {
	position: absolute;
	top: 0px;
	bottom: 0px;
	margin: auto;
}

#client-welcome {}

#client-welcome p {
	color: #000000;
	font-size: 10px;
	margin: 20px 0px 0px 0px;
}

#client-welcome h1 {
	margin: 0px;
	font-size: 28px;
	text-transform: uppercase;
}

/*********************************** Utility ****************************************/

#utility {
	float: right;
	width: auto;
	margin-top: 10px;
}

#user-tiny-avatar {}

#user-tiny-avatar img {
	width: 16px;
	vertical-align: middle;
	border: 1px solid #cecfd1;
	background-color: #e8eae9;
	padding: 1px;
}

/********************************** Content ***************************************/

#content {
	width: 555px;
	margin-right: 10px;
	padding-right: 10px;
	padding-top: 10px;
	float: left;
	background-image: url('../images/virtical-dash.gif');
	background-repeat: repeat-y;
	background-position: top right;
}

#project-list {}
#client-list {}

#project-list ul, #client-list ul, #file-list ul, #project-list li, #client-list li, #file-list li {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}

#project-list li, #client-list li {
	background-image: url('../images/horizontal-dash.gif');
	background-repeat: repeat-x;
	background-position: bottom left;
}

#file-list {
	margin-bottom: 18px;
}

#file-list li {
	position: relative;
}

#file-list li p {
	margin: 0px;
}

#file-list li.odd {
	background-color: #eeeae5;
}

#file-list li.even {}

#file-list li .handle {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 300;
	width: 17px;
	height: 17px;
	cursor: move;
}

.project-toolbar ul, .client-toolbar ul, .file-toolbar ul, #filelist-toolbar ul, 
.filelist-toolbar ul, #file-breadcrumb ul, .project-toolbar li, .client-toolbar li, 
.file-toolbar li, #filelist-toolbar li, .filelist-toolbar li, #file-breadcrumb li {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	background-image: none !important;
	width: auto;
	float: left;
}

#filelist-toolbar ul {
	margin: 4px 0px;
}

.file-toolbar ul, #filelist-toolbar ul {
	float: right;
}

#file-breadcrumb {
	clear: both;
}

#file-breadcrumb li {
	padding: 0px 5px 0px 0px;
}

.filelist-toolbar {
	position: absolute;
	top: 4px;
	right: 0px;
}

h1.project-name {
	font-weight: 500;
	margin-bottom: 0px;
}

h3.project-name, h3.project-name a, h3.file-name, h3.file-name a, h3.client-name, h3.client-name a {
	font-size: 16px;
	font-weight: 500;
	color: #FF6600;
	margin: 8px 0px 0px 0px;
	text-decoration: none;
}

.date, .file-date {
	color: #000000;
	font-size: 10px;
}

.file-date {
	float: right;
}

.file-version {
	color: #000000;
}

#file-versions {
	margin-top: 18px;
}

.description {
	clear: both;
	padding: 0px 0px 8px 0px;
}


#recent-files li {
	background-position: center left;
	
}
/**************************** Comments ************************************/

#comment-list ul, #comment-list li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#comment-list li {
	background-image: url('../images/horizontal-dash.gif');
	background-repeat: repeat-x;
	background-position: bottom left;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.user-avatar {
	float: left;
	margin-right: 5px;
}

.user-avatar img {
	width: 41px;
	vertical-align: middle;
	border: 1px solid #cecfd1;
	background-color: #e8eae9;
	padding: 1px;
}

.comment-details {
	float: left;
	width: 140px;
}

.comment-owner, .comment-date {
	margin: 0px;
	color: #c5b9aa;
}

.comment-date {
	font-size: 10px;
}

/*************************** File Preview *********************************/

#file-preview {
	margin-top: 10px;
	overflow: hidden;
	text-align: centre;
	width: 550px;
}

#file-preview img {
    margin: 0px auto;
}

#file-preview iframe {
	width: 100%;
	height: 500px;
	overflow: auto;
}

.file h3 {
	font-size: 24px;
	color: #000000;
	margin-bottom: 4px;
}

/********************************* File types ***********************************/

.file {
	background-image: url('../images/icon-small-generic.png');
	background-repeat: no-repeat;
	background-position: top left;
	height: 134px;
	padding:  18px 0px 0px 149px;
}

#file-list .file {
	padding: 4px 0px 4px 30px;
	height: auto;
}

#file-list .folder {
	background-image: url('../images/icon-small-folder.gif');
	background-repeat: no-repeat;
	padding: 4px 0px 4px 30px;
	height: auto;
}

.ai {
	background-image: url('../images/icon-large-ai.png');
}

.doc {
	background-image: url('../images/icon-large-doc.png');
}

.eps {
	background-image: url('../images/icon-large-eps.png');
}

.flv {
	background-image: url('../images/icon-large-flv.png');
}

.fla {
	background-image: url('../images/icon-large-fla.png');
}

.gif {
	background-image: url('../images/icon-large-gif.png');
}

.html {
	background-image: url('../images/icon-large-html.png');
}

.ind, .indd {
	background-image: url('../images/icon-large-indd.png');
}

.jpg, .jpeg {
	background-image: url('../images/icon-large-jpg.png');
}

.mov {
	background-image: url('../images/icon-large-mov.png');
}

.mp3 {
	background-image: url('../images/icon-large-mp3.png');
}

.pdf {
	background-image: url('../images/icon-large-pdf.png');
}

.png {
	background-image: url('../images/icon-large-png.png');
}

.psd {
	background-image: url('../images/icon-large-psd.png');
}

.swf {
	background-image: url('../images/icon-large-swf.png');
}

.txt {
	background-image: url('../images/icon-large-txt.png');
}

.tif, .tiff {
	background-image: url('../images/icon-large-tiff.png');
}

.wav {
	background-image: url('../images/icon-large-wav.png');
}

.zip, .gzip {
	background-image: url('../images/icon-large-zip.png');
}

/*********************** Small Icons**********************/

#file-list .ai {
	background-image: url('../images/icon-small-ai.png');
}

#file-list .doc {
	background-image: url('../images/icon-small-doc.png');
}

#file-list .eps {
	background-image: url('../images/icon-small-eps.png');
}

#file-list .flv {
	background-image: url('../images/icon-small-flv.png');
}

#file-list .fla {
	background-image: url('../images/icon-small-fla.png');
}

#file-list .gif {
	background-image: url('../images/icon-small-gif.png');
}

#file-list .html {
	background-image: url('../images/icon-small-html.png');
}

#file-list .ind, .indd {
	background-image: url('../images/icon-small-indd.png');
}

#file-list .jpg, .jpeg {
	background-image: url('../images/icon-small-jpg.png');
}

#file-list .mov {
	background-image: url('../images/icon-small-mov.png');
}

#file-list .mp3 {
	background-image: url('../images/icon-small-mp3.png');
}

#file-list .pdf {
	background-image: url('../images/icon-small-pdf.png');
}

#file-list .png {
	background-image: url('../images/icon-small-png.png');
}

#file-list .psd {
	background-image: url('../images/icon-small-psd.png');
}

#file-list .swf {
	background-image: url('../images/icon-small-swf.png');
}

#file-list .txt {
	background-image: url('../images/icon-small-txt.png');
}

#file-list .tif, .tiff {
	background-image: url('../images/icon-small-tiff.png');
}

#file-list .wav {
	background-image: url('../images/icon-small-wav.png');
}

#file-list .zip, .gzip {
	background-image: url('../images/icon-small-zip.png');
}

/*************************** Users ****************************************/

.user-list ul, .user-list li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

.user-list li {
	clear: both;
	background-image: url('../images/horizontal-dash.gif');
	background-repeat: repeat-x;
	background-position: bottom left;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

.user-large-avatar {
	float: left;
	margin-right: 5px;
}

.user-large-avatar img {
	width: 141px;
	vertical-align: middle;
	border: 1px solid #cecfd1;
	background-color: #e8eae9;
	padding: 1px;
}

.user-details {
	float: left;
}

.title {
	color: #000000;
}

.user-toolbar ul, .user-toolbar li {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	background: none !important;
}

.user-toolbar ul {
	clear: both;
}

.user-toolbar li {
	float: left;
	clear: none;	
}

.userClientAvatar {
	position: absolute;
	top: 0px;
	right: 0px;
}

/***************************** Vcards *************************************/

.vcard {
	position: relative;
	padding: 0px;
	margin: 0px;
}

.vcard h3 {
	margin: 0px;
}

.vcard p {
	margin: 0px;
}

.vcard dl.tel {
	margin: 0px;
	padding: 0px;
}

.vcard dl.tel dt{
	display: block;
	width: 60px;
	float: left;
	clear: left;
}

.vcard dl.tel dd{
	display: block;
	width: auto;
	float: left;
}

/************************************* Sub Content **************************************/

#sub-content {
	width: 196px;
	float: left;
	padding-top: 10px;
}

/************************************** Footer ****************************************/

#footer {
	background-image: url('../images/footer-bg.gif');
	background-repeat: no-repeat;
	height: 58px;
	clear: both;
}

#footer p {
	text-align: center;
	color: #FFFFFF;
	font-size: 10px;
	padding-top: 20px;
}

#footer img {
	vertical-align: middle;
}



/********************************* Captions *************************************/

.errors, .form_error {
	padding: 3px 10px 3px 28px;
	margin: 5px 0px;
	background-color: #efba00;
	color: #FFFFFF;
	background-image: url('../images/error.png');
	background-repeat: no-repeat;
	background-position: 5px 3px;
}

.warnings {
}

.notice {
}

.success {
	padding: 3px 10px;
	margin: 5px 0px;
	background-color: #98e600;
	color: #FFFFFF;
}


/*************************** Progress bar ***************************************/

/* progress bar container */
#progressbar {
	border:1px solid black;
	width:200px;
	height:20px;
	position:relative;
	color:black;
}

/* color bar */
#progressbar div.progress{
	position:absolute;
	width:0px;
	height:100%;
	overflow:hidden;
	background-color:#369;
}

/* text on bar */
#progressbar div.progress .text{
	position:absolute;
	text-align:center;
	color:white;
}

/* text off bar */
#progressbar div.text{
	position:absolute;
	width:100%;
	height:100%;
	text-align:center;
}