*								{ margin: 0px; padding: 0px; }
body 							{ background: #c9d9e2; font-size: 62.5%; font-family: 'Helvetica Neue', 'Helvetica', 'Lucida Grande', 'Lucida Sans', 'Arial', sans-serif; }
h1, h2, h3, h4, h5, h6, p 		{ margin-bottom: 10px; }
h3 								{ font-size: 1.5em; }
a								{ font-weight: bold; color: #333; text-decoration: none; outline: none; }
a:hover							{ text-decoration: underline; }
textarea, input					{ font-family: 'Lucida Grande', Arial, sans-serif; font-size: 1.2em; }
textarea						{ width: 230px; height: 110px; }
label							{ width: 70px; padding: 3px 0px 0px; display: block; float: left; }
input							{ float: left; outline: none; }
.clearfix:after					{ content: "."; visibility: hidden; height: 0px; clear: both; display: block; }
* html .clearfix				{ height: 1%; }
.green							{ color: #227000; }
.red							{ color: #b43131; }
.success						{ background: #c0e8bc; padding: 5px 10px; color: #227000; font-weight: bold; margin-bottom: 20px; }
.error							{ background: #ebc1c1; padding: 5px 10px; color: #b43131; font-weight: bold; margin-bottom: 20px; }
a img							{ border: none; }

#container 						{ padding: 40px 0px; }

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

h1#logo							{ display: block; width: 200px; height: 103px; margin: 0px auto 25px; }
h1#logo a						{ display: block; width: 200px; height: 103px; text-indent: -9999px; background: url(../images/logo2.gif) no-repeat; }

#loginbox 						{ width: 369px; height: 243px; background: url(../images/loginbg.gif) no-repeat; padding: 20px 0px 0 35px; margin: 10px 0 0; }
#loginbox p 					{ margin: 20px 0 8px 0; }
#loginbox label 				{ font-size: 12px; color: #333; font-weight: bold; text-transform: uppercase; width: 200px; margin-bottom: 5px; text-shadow: #fff 1px 1px 1px; margin-left: 20px; }
#loginbox input.text 			{ font-size: 12px; background: url(../images/login_fieldbg.gif) no-repeat; width: 290px; height: 25px; padding: 7px 0 0 8px; border: none; margin-left: 20px; }
#loginbox input.submit			{ float: right; margin-right: 55px; }
#loginbox a.forgot				{ text-transform: uppercase; display: block; float: left; font-size: 1.3em; padding-top: 10px; margin-left: 20px; }
#loginbox a.forgot:hover		{ text-decoration: underline; }
#loginbox p.failure				{ text-transform: uppercase; width: 335px; color: #d10606; margin-top: 0px; font-size: 1.2em; font-weight: bold; text-align: center; }
#loginbox p.failure span		{ display: block; margin-top: 5px; margin-bottom: -5px; }
#loginbox p.failure span.green	{ color: #0c7723; }
#loginbox p.notice				{ margin: 25px 60px 0px 20px; font-size: 1.25em; text-align: center; }

h3								{ font-size: 1.35em; margin-bottom: 15px; }

.content						{ width: 850px; margin: 0px auto 25px; background: #fff url(../images/contentbg.gif) repeat-x top; padding: 25px 25px 15px; color: #333; font-size: 1.25em; }
.content h2						{ color: #333; font-size: 1.75em; }
.content h2 span.name			{ float: left; }
.content h2 span.id				{ color: #aaa; float: left; display: block; font-size: 0.55em; padding: 7px 0px 0px 12px; }
.content h3						{ font-size: 1.25em; }
.content a						{ text-decoration: underline; }

h2.title						{ float: left; position: relative; }
a#ordernewproject				{ display: block; width: 146px; height: 31px; text-indent: -9999px; float: right; background-position: top; background-image: url(../images/buttons/ordernewproject.gif); }
a:hover#ordernewproject			{ background-position: center; }
a:active#ordernewproject		{ background-position: bottom; }
form.approve					{ width: 140px; float: right; }
.plus							{ display: block; float: right; cursor: pointer; margin: 1px 5px 0px 0px; }

span.badge						{ display: block; width: 14px; height: 13px; color: #fff; font-size: 0.6em; position: absolute; top: 2px; right: -3px; background: url(../images/badge.png); text-align: center; padding-top: 2px; }
li.current span.badge			{ top: 1px; right: 3px; }

.header							{ width: 900px; margin: 0px auto 0px; }
h1#small-logo					{ display: block; float:left; font-weight: bold; font-size: 3.5em; letter-spacing: -2px; margin-bottom: 20px; }
h1#small-logo a					{ display: block; width: 142px; height: 74px;text-indent:-9999px;background:url(../images/logo_clientarea.png) no-repeat top center;}
h1#small-logo a:hover			{ text-decoration: none; color:#000; background-position: bottom center;}


#login-container				{ width: 404px;margin: 0 auto;left:50%;margin:-172px 0 0 -202px;position:absolute;top:50%;}
h1#login-logo					{ display: block; font-weight: bold; font-size: 3.5em; letter-spacing: -2px; margin-bottom: 10px;width:389px;margin: 0 0 0 10px;}
h1#login-logo a					{ display: block; width: 142px; height: 74px;text-indent:-9999px;background:url(../images/logo_clientarea.png) no-repeat top center; margin: 0 auto;}
h1#login-logo a:hover			{ text-decoration: none; color:#000; background-position: bottom center;}




.navigation						{ width: 900px; height: 45px; background: url(../images/navbg.gif) repeat-x top; font-size: 1.25em; list-style: none; clear:both; }
.navigation li 					{ display: inline; float: left; }
.navigation a					{ color: #afafaf; font-weight: bold; text-align: center; padding: 15px 0px 0px; height: 30px; float: left; border-bottom: 1px solid #343434; }
.navigation a:hover				{ color: #fff; text-decoration: none; }
.navigation .current a			{ background: url(../images/navbg-current.gif) repeat-x; color: #fff; text-shadow: #222 1px 1px 1px; border-bottom:1px solid #3a3a3a; }

.projects						{ border: none; font-weight: bold; position: relative; width: 100%; clear: both; margin-bottom: 25px; }
.projects th					{ text-transform: uppercase; text-align: left; padding: 10px; }
.projects tr.paid *				{ color: #676767; }
.projects a						{ text-decoration: none; }
.projects a:hover				{ text-decoration: underline; }
.projects tr.alt				{ background: #f5f5f5; }
.projects td.paid				{ color: #009900;}
.projects td					{ padding: 10px; }
.projects td.title				{ width: 375px; }
.projects td.title2				{ width: 400px; }
.projects th.status				{ padding-left: 25px; }
.projects td.Approved			{ background: url(../images/check.gif) no-repeat center left; padding-left: 25px; }
.projects td.Pending			{ background: url(../images/exclamation.gif) no-repeat center left; padding-left: 25px; }
.projects td.Completed			{ background: url(../images/check.gif) no-repeat center left; padding-left: 25px; }
.closed							{ color: #999; }
.closed a						{ color: #999; }

.admins							{ list-style: none; margin-bottom: 15px; }
.admins li						{ display: inline; margin-right: 15px; }

ul.project_options				{ padding:7px 25px; background:#3a3a3a; width:850px; margin:0px auto; }
ul.project_options li			{ display:inline; padding-right:18px; margin-right:14px; border-right:1px solid #444; font-size:1.2em; }
ul.project_options li.last		{ border:none; padding-right:0px; margin-right:0px; }
ul.project_options a			{ text-decoration:none; color:#ccc; }
ul.project_options a:hover		{ color:#fff; }

.details						{ margin-top: 15px; }
.details table					{ margin-bottom: 25px; }
.details table tr				{ margin-bottom: 5px; }
.details table td				{ padding-right: 10px; padding-bottom: 5px; }

.column							{ width: 250px; float: left; }
.column h4						{ font-size 1.1em; text-transform: uppercase; margin-bottom: 10px; }
.column li						{ list-style-image: url(../images/bullet.gif); list-style-position: inside; margin-bottom: 5px; }
.column ul						{ margin-left: 10px; font-weight: bold; }
.details li						{ list-style-position: outside; margin-left: 15px; }
#details						{ width: 255px; }
#details ul						{ margin-bottom: 15px; }
#files h4						{ margin-left: 8px; }
#files div 						{ float: left; margin: 0px 10px 20px 0px;}
#files a.file_icon				{ display: block; width: 72px; height: 72px; background-repeat: no-repeat; background-position: top; background-image: url(../images/icons/default.gif); }
#files a:hover.file_icon		{ background-position: bottom; }
#files div a.delete 			{ position: absolute;margin: -10px 0 0 0;opacity: 0.5;filter:alpha(opacity=50);display: none;}
#files div a.delete:hover		{ opacity: 1;filer:alpha(opacity100);}
#files div:hover a.delete		{ display: inline-block;}
#files #uploadform				{ clear:both;  }
#notes							{ width: 520px; float: right; line-height: 18px; }
#delete-link					{ color:#aaa; margin-left:10px; text-decoration:none;}
#delete-link:hover				{ color:#cc0000;}
#hide-link						{ color:#aaa; margin-left:10px; text-decoration:none;}
#hide-link:hover				{ color:#cc0000;}

.fileUploadQueueItem {
	font: 11px Verdana, Geneva, sans-serif;
	background-color: #F5F5F5;
	border: 3px solid #E5E5E5;
	margin-top: 5px;
	padding: 10px;
	margin-top:15px;
}
.fileUploadQueueItem .cancel {
	float: right;
}
.fileUploadProgress {
	background-color: #FFFFFF;
	border-top: 1px solid #808080;
	border-left: 1px solid #808080;
	border-right: 1px solid #C5C5C5;
	border-bottom: 1px solid #C5C5C5;
	margin-top: 10px;
	width: 100%;
}
.fileUploadProgressBar {
	background-color: #0099FF;
}

.messages						{ list-style: none; margin-bottom: 25px; clear: both; }
#messages h3					{ width: 700px; clear: both; margin: -15px 0 15 0; }
.messages li					{ margin-bottom: 25px; }
.messages blockquote			{ background: #e8e8e8; padding: 5px 15px; width: 574px; line-height: 20px; }
.messages blockquote p			{ margin: 10px 0;}
.messages li.special blockquote	{ background: #555; color: #fff; padding:10px 15px; }
.messages li.special blockquote a { color:#fff; font-weight:bold; }
.messages li.special blockquote a:hover { text-decoration:none; }
.messages cite					{ display: block; background: #fff url(../images/comment.gif) no-repeat top left; padding: 15px 0px 0px 50px; font-weight: bold; font-style: normal; }
.messages li.special cite			{ background: #fff url(../images/comment-dark.gif) no-repeat top left; }
.messages ul					{ padding: 0 0 0 20px;}
.messages ol					{ padding: 0 0 0 20px;}
.messages blockquote li 		{ margin: 0 0 2px;}
.messages ul li					{ list-style:disc;}
.messages blockquote a			{ font-weight:normal;}
.messages strong				{ font-weight:bold; }



#add-message label				{ float: none; color: #333; font-weight: bold; width: 200px; margin-bottom: 5px;}
#add-message textarea			{ width: 600px; height: 120px; border: 1px solid #c5c5c5; padding: 2px; font-size: 1em; }

.form label						{ font-weight: bold; display: block; width: 125px; float: left; padding: 5px 15px 0px 0px; cursor: pointer; }
.form label.check				{ float: left; width: auto; text-align: left; padding: 5px 5px 0px 0px; margin: 0px 20px 0px 5px; }
.form input.text				{ width: 220px; float: left; border: 1px solid #c5c5c5; padding: 3px; font-family: Arial, Helvetica, sans-serif; }
.form input.checkbox			{ float: left; margin: 6px 0px 0px 0px; width: auto; }
.form input.submit				{ outline: none; }
.form .errors					{ color: #b01d1d; margin: 0px 0px 5px; }
.form fieldset					{ border: none; margin-bottom: 25px; }
.form input.required			{ border: 1px solid #b43131; }
.form select					{ margin-top: 3px; }
.form input.short				{ width: 30px; } 
.form span.extra				{ display: block; float: left; margin: 5px 0px 0px 10px; }
.form p							{ margin-bottom: 10px; clear: both; }
p.error							{ color: #b43131; font-weight: bold; margin: 5px 0px 10px; }

.forms_left						{ width: 400px; float: left; }
.forms_right					{ width: 400px; float: right; }
.forms_left form, .forms_right form { width: 400px; margin-bottom: 25px; }

#add-project					{ width: 500px; }
#add-project a					{ text-decoration: underline; }

p.copyright						{ text-align: center; color: #333; font-size: 1.25em; font-weight: bold; margin-top: -5px; }
p.copyright a					{ color: #333; }

#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url(../images/macFFBgHack2.png) repeat;}
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	display:none;
	border: 5px solid #525252;
	text-align:left;
	top:50%;
	left:50%;
	color: #444;
	font-size: 1.25em;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:30px;
	font-weight: bold;
	margin-bottom: 10px;
}

#TB_window small { font-size: 0.95em; }

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}





.toolbar { display:none; }