body {
	margin:0;
	padding:0;
	background-color:#AFACA2;
	color:#000;
	min-width:750px;
}
img {
	border-width:0px;
}
div {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#656566;
	}
input {
	font-size:12px;
	}
#wrap {
	background-color:#E6E3D4;
	margin:0 auto;
	width:872px;
	border:1px solid white;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	}
#header {
	background-color:#ddd;
	background-image: url(images/header.jpg);
	height: 85px;
	}
#main {
	background-color:#E6E3D4;
	background-image: url(images/main_bg.jpg);
	background-repeat: repeat-x;
	padding-top:10px;
	}
#footer {
	background-color:#cc9;
	clear:both;
	font-size:10px;
	padding:5px;
	color:#68683D;
	text-align:center;
	}

#nav {
	float:left;
	width:100%;
	background-color:#c99;
	background-image: url(/img/nav-bg.jpg);
	}
#nav ul {
	margin:0;
	padding:0;
	list-style:none;
	}
#nav li {
	float:left;
	margin:0;
	padding:0;
	}
#nav a{
	display:block;
	background-image: url(images/nav-bg.jpg);
    margin:0;
    padding:6px 10px 6px 10px;
	color:#000000;
	text-decoration:none;
	font-size:11px;
    }
#nav a:hover{
	background-image: url(images/nav-hover.jpg);
	color:#FBFFFA;
    }


/*******************

Various generic elements of the page

*******************/
.clearfix {
	clear:both;
	}
#loggedMsg {
	color:#FFFFFF;
	padding:40px 15px 5px 5px;
	text-align:right;
	font-size:10px;
	}
#loggedMsg a {
	color:#578533;
	}
#loading,
#saving {
	display:none;
	}
.loadingbg {
	width:100%;
	height:100%;
	margin:0;
	padding-top:50px;
	}
.loadingbox {
	background-image:url(images/loading-bg.gif);
	width:200px;
	text-align:center;
	font-size:12px;
	margin: 0px auto 0px auto;
	padding:20px;
	border:1px solid #cccccc;
}
#flashMessage {
	font-size:14px;
	font-weight:bold;
	padding:10px;
	color:#cc0000;
	}

/*******************

Stylize generic content

*******************/
#main h2 {
	padding-left:10px;
	font-size:20px;
	}
#main h2 .title {
	color:#758E58;
	font-size:18px;
	}
#main h3 {
	font-size:14px;
	}
#main a {
	color:#578533;
	}
#main dt {
	font-weight:bold;
	color:#758E58;
	}
#main dd {	
	margin-top:3px;
	margin-bottom:8px;
	margin-left:5px;
	}
	#main .status {
		margin:10px;
		}


			/**** List of Actions  ****/
			#main .actions {
				margin:20px;
				}
			#main .actions ul{
				list-style:none;
				margin:0;
				padding:0;
				}
				#main .actions ul li {
					font-size:11px;
					display:inline;
					padding:5px;
					}
					#main .actions ul a {
						border-width:1px;
						border-style:outset;
						padding:3px 8px;
						text-decoration:none;
						margin:2px;
						font-weight:bold;
						font-size:11px;
						background-image:url(/img/nav-bg.jpg);
						color:#444444;
						border-color:#444444;
						}
				

/*******************

Stylize the forms 

*******************/

#main form {
	margin:0;
	padding:0;
	}
#main #clientForm {
	margin:0px 40px;
	padding:0;
	}
#main form div {
	padding:3px 0px;
	clear:both;
	}
#main form div label {
	float:left;
	width:200px;
	}
#main form .required label {
	font-weight:bold;
	}
label {
	float:left;
	}
.text1 {
	margin:1px;
	padding:7px 12px 0px 12px;
	height:20px;
	width:139px;
	border:solid 0 #fff;
	background: transparent 
	url("images/login-fieldbg-text1.jpg") no-repeat;
	}
.text2 {
	margin:1px;
	padding:7px 12px 0px 12px;
	height:20px;
	width:176px;
	border:solid 0 #fff;
	background: transparent 
	url("images/login-fieldbg-text2.jpg") no-repeat;
	}
.error {
	color:#990000;
	}
/*******************

Stylize the Login page

*******************/
#loginLayout {
	border:1px solid white;
	margin:90px auto 0px auto;
	width:557px;
	background-image:url(images/login-bg.jpg);
	background-repeat:repeat-x;
	background-position:0px 96px;
	background-color:#E6E3D4;
	}
#loginLayout #loginHeader {
	height:96px;
	background-image:url(images/login-header.jpg);
	margin-bottom:40px;
	}
#loginForm {
	padding:0px 120px 30px 120px;
	background-color:#E6E3D4;
}
#loginLayout .row,
#loginLayout .submit,
#loginLayout .error {
	padding-top:3px;
	padding-bottom:3px;
	}
#loginLayout label {
	width:80px;
	padding-top:7px;
	}

#loginLayout .submit {
	padding-left:100px;
	}


/*******************

Stylize the Status Key
 

*******************/
.key {
	margin:0;
	padding:0;
	list-style:none;
	width:600px;
	float:right;
	}
.key li {
	float:left;
	margin:0px 0px 5px 15px;
	padding-left:20px;
	padding-bottom:10px;
	}
.key li.approved {
	background-image: url(../img/status-approved.png);
	background-repeat:no-repeat;
	}
.key li.revision {
	background-image: url(../img/status-revision.png);
	background-repeat:no-repeat;
	}
.key li.clientaction {
	background-image: url(../img/status-clientaction.png);
	background-repeat:no-repeat;
	}
.key li.inprogress {
	background-image: url(../img/status-inprogress.jpg);
	background-repeat:no-repeat;
	}
/*******************

Stylize the Tables
 

*******************/
table {
	width: 90%;
	border-top: 1px solid #ACA9A9;
	border-left: 1px solid #ACA9A9;
	border-right: 1px solid #ACA9A9;
	color:#333;	
	background-color: #fff;
	clear:both;
	padding: 0;
	margin: auto;
	white-space: normal;
	}
th {
	background-image:url(images/table-th-bg.jpg);
	border-bottom: 1px solid #ACA9A9;
	text-align: left;
	padding:2px 4px;
	color:#ffffff;
}
table tr td {
	background-image:url(images/table-td-bg-1.jpg);
	background-repeat:repeat-x;
	background-color:#E4E2E3;
	border-bottom: 1px solid #ACA9A9;
	padding:4px 4px;
	vertical-align:top;
	color:#686761;
	font-size:10px;
	}
table td a {
	color:#578533;
	}
table tr.altRow td{
	background-image:url(images/table-td-bg-2.jpg);
	background-repeat:repeat-x;
	background-color:#F3F1F2;
	}

/*******************

Tabbed Content 

*******************/


#tabcontainer {
	width:872px;
	background:#DAE0D2 url("images/tab_bg.gif") repeat-x bottom;
	margin:0;
}
#tabcontainer ul {
	margin:0;
	padding:10px 10px 0;
	list-style:none;
	background:#DAE0D2 url("images/tab_bg.gif") repeat-x bottom;
	height:25px;
	}
#tabcontainer li {
	float:left;
	background:url("images/norm_right.gif") no-repeat right top;
	margin:0;
	padding:0;
	}
#tabcontainer a {
	display:block;
	background:url("images/norm_left.gif") no-repeat left top;
	padding:5px 12px 4px 12px;
	border-bottom:1px solid #776655;
	text-decoration:none;
	color:#6D6C64;
	font-weight:bold;
	margin:0;
	}
#tabcontainer .tabon {
	background:url("images/norm_right_on.gif") no-repeat right top;
	}
#tabcontainer .tabon a {
	background:url("images/norm_left_on.gif") no-repeat left top;
	border-bottom:1px solid #FEFEFE;
	text-decoration:none;
	color:#758E58;
	}
#tabcontent {
	height:360px;
	margin:0;
	padding:10px;
	width:852px;
	overflow:auto;
	background-color:#FEFEFE;
	color:#616161;
}
#tabcontent h4 {
	color:#758E58;
	font-size:12px;
	}
#tabcontent .note {
	font-size:10px;
	}
#tabcontent p {
	font-size:11px;
	}
#tabcontent .nocontent {
	clear:both;
	margin-top:15px;
}
#tabcontent .actions {
	margin:0;
	padding:0;
	list-style:none;
	}
#tabcontent .actions li {
	float:left;
	background:url("images/button-right.gif") no-repeat right top;
	margin:0px 0px 10px 15px;
	}
#tabcontent .actions a {
	display:block;
	background:url("images/button-left.gif") no-repeat left top;
	text-align:center;
	padding:8px 12px 6px 12px;
	color:#797979;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	}
#tabcontent .actions a:hover {
	color:#4A4A4A;
	}
/*******************

Task Details Page 

*******************/
	
#trailimageid

{
	font-size: 0.75em;
	position: absolute;
	display: none;
	left: 0px;
	top: 0px;
	width: 286px;
	height: 0px;
	z-index: 200;
}

.pvimgcontainer {
position:relative;
padding: 0px; 
background-color: #FFF; 
border: 1px solid #B1AEA4;
}

.pvimgcontainer .projtitle{
padding: 5px;
background-color: #6A8453;
color: #FFF;
font-weight:bold;
font-size:12px;
}

.pvimgcontainer .description{
padding: 5px;
font-size:10px;
}

.pvimgcontainer .img {
padding: 5px;
text-align:center;
}

.pvimgcontainer .action {
background-color:#6B6B6B;
color:#fff;
text-align:right;
padding:5px;
}