/* ----------------------------------------------------------------------
-------------------------------------------------------------------------
	
	projects.chicowebdesign.com
	Stylesheet: styles.css
	Author: Jeff Sierra, Brent White
	Version: February 04 2009
	
-------------------------------------------------------------------------
---------------------------------------------------------------------- */


/* ----------------------------------------------------------------------	
GLOBAL
---------------------------------------------------------------------- */
* {
	outline: none;
	}

body, html {
	margin: 0; padding: 0;
	height: 100%;
	min-width: 980px;
	}

a img {
	border: none;
	}
	
code { 
	display: block;
	border: 1px solid #d7d7d7;
	background: #ffffff;
	padding: 10px;
	margin: 15px;
	display: pre;
	font-family: Courier, monospace;
	}
:focus {
	-moz-outline-style: none;
	}

#client-list ol, #client-list ul {
	float: left;
	width: 29.5%;
	margin-left: 0;
	padding-left: 20px;
}

/* ----------------------------------------------------------------------	
GENRAL
---------------------------------------------------------------------- */
.clear {
	clear: both;
	}
	br.clear {
		display: block !important;
		height: 0 !important;
		width: 0 !important;
		font-size: 0 !important;
		line-height: 0 !important;
		}
.hidden {
	display: none !important;
	}




#page #requirements a, #page #tasks a, #page #completed-tasks a {
	color: #13286b;
	}

#bg {
	float: left;
	width: 100%;
	min-height: 100%;
	height: 100%;
	margin-bottom: 250px;
	}
	
#wrapper {
	width: 100%px;
	margin: 0 auto;
	height: 100%;
	}
	
#header {
	position: relative;
	width: 100%; height: 125px;
	border-bottom: 1px solid #ccc;
	background: #f1f1f1;
	}
		
#header h1.logo {
	position: absolute; top: 31px; left: 0px;
	margin: 0 0 0 10px; padding: 0;
	width: 232px; height: 75px;
	background: url(images/logo-2.jpg) no-repeat;
	text-indent: -999em;
	}
	
#header h1.logo a {
	display: block;
	width: 232px; height: 75px;
	}
	
#header .welcome {
	/*position: absolute; top: 42px; left: 457px;*/
	margin: 43px 10px 0 0; padding: 0px;
	width: 551px; height: 27px;
	font: normal 14px/24px "Lucida Grande", Arial, Verdana, sans-serif;
	text-align: right;
	color: #333;
	float: right;
	}
	
#header .welcome a {
	color: #790000;
	font: normal 12px/24px "Lucida Grande", Arial, Verdana, sans-serif;
	}
	
#project-manage a {
	color: #790000;
	}
	
#header .welcome .controls {
	font: bold 18px/24px "Lucida Grande", Arial, Verdana, sans-serif;
	}
	
#header .welcome .controls a {
	color: #666666;
	text-decoration: underline;
	font: bold 18px "Lucida Grande", Arial, Verdana, sans-serif;
	}
	
#header .welcome .controls a:hover {
	text-decoration: none;
	}
	
#page {
	width: 960px;
	margin: 0 auto;
	
	}
	
#page .sort {
	float: left;
	width: 960px;
	
	font: normal 14px/24px "Lucida Grande", Arial, Verdana, sans-serif;

	}
	
#page .sort .sort-left {
	float: left;
	width: 380px;
	height: 50px;
	line-height: 50px;
	padding-left: 100px;
	}
	
#page .sort .sort-right {
	float: left;
	width: 480px;
	height: 50px;
	line-height: 50px;
	text-align: right;
	}
	
#page .sort a {
	color: #7f0d01;
	}

	
#page ul.outer {
	margin: 0 0 0 20px; padding: 0;
	list-style: none;
	}
	
#page ul.outer li {
	float: left;
	width: 940px; height: 63px;
	display: block;
	margin: 0 0 10px 0;
	}
	
#page ul.outer li.new {
	
	}
	
#page ul.outer li a {
	color: #666666;
	text-decoration: none;
	}
	
#page ul.outer li a:hover {
	text-decoration: underline;
	}
	
#page ul.outer li .left {
	float: left;
	width: 62px; 
	height: 62px;
	}
	
#page ul.outer li .right {
	float: left;
	width: 867px; 
	height: 62px;
	margin: 0 0 0 10px;
	background:url(images/projects-bg.gif) no-repeat top left;
	}

	
#page ul.outer li .right .client-name {
	float: left;
	font: bold 18px/62px "Lucida Grande", Arial, Verdana, sans-serif;
	width: 500px;
	padding-left: 20px;
	color: #666666;
	}
	
#page ul.outer li .right .client-name a {
	padding-right: 10px;
	}
	
#page ul.outer li .right .client-name span {
	font: normal 12px/62px "Lucida Grande", Arial, Verdana, sans-serif;
	padding-left: 10px;
	color: #666666;
	background: url(images/details-divide-bg.gif) no-repeat 0% 50%;
	
	}
#page ul.outer li .right .details, #page #tasks .right .details {
	float: right;
	font: normal 11px/24px "Lucida Grande", Arial, Verdana, sans-serif;
	line-height: 62px;
	color: #666666;
	margin: 0 0 0 20px;
	}
	

	

	
#page #requirements, #page #tasks {
	clear: both;
	float: left;
	padding: 10px;
	width: 847px;
	margin: 0 0 0 92px;
	border-bottom: #ccc 1px solid;
	}
	
#page #requirements ul {
	margin-top: 0;
	}
	
#page #requirements ul li {
	font: normal 12px/14px "Lucida Grande", Arial, Verdana, sans-serif;
		color: #333;
	padding: 0; margin: 0;
	}
	
#page #requirements h1,
#page #tasks h1,
#page #completed-tasks h1,
#page #requirements h2,
#page #tasks h2,
#page #completed-tasks h2 {
	margin: 0; padding: 0;
	font: bold 18px/48px "Lucida Grande", Arial, Verdana, sans-serif;
	color: #7f0d01;
	}
#page #tasks h1,
#page #tasks h2 {
	color: #666666;
	}
	
#page #requirements p, #page #tasks p, #page #completed-tasks p {
	margin: 0; padding: 0 0 15px 0;
	font: normal 12px/18px "Lucida Grande", Arial, Verdana, sans-serif;
	color: #333;
	}

#page #requirements ul.attach li a, #page #tasks .task-requirements p.description {
	padding-bottom: 25px !important;
	}
	
#page #requirements ul.attach, #page #tasks .task-requirements ul.attach, #page #completed-tasks ul.attach {
	list-style: disc;
	margin: 0 0 10px 0;
	font: normal 12px/20px "Lucida Grande", Arial, Verdana, sans-serif;
	border: none;
	}
	
#page #requirements ul.attach li a, #page #tasks .task-requirements ul.attach li a, #page #completed-tasks ul.attach li a {
	font: normal 12px/20px "Lucida Grande", Arial, Verdana, sans-serif;
	color: #790000;
	}

#page #requirements ul.attach li a, #page #tasks .task-requirements .manager {
	font-style: italic;
	border-bottom: 1px solid #d7d7d7;
	margin: 0 0 20px 53px;
	padding-left: 0;
	}

	#page #requirements ul.attach li a, #page #tasks .task-requirements .manager span {
		border-bottom:medium none;
		font-weight:bold;
		margin-left:5px;
		text-decoration:none;
		}

		/* ----------------------------------------------------------------------	
		PAGE -- TASKS
		---------------------------------------------------------------------- */
		p.notified {
			border: solid #d7d7d7;
			border-width: 1px;
			background: #fff;
			padding: 3px 20px 5px !important;
			margin: 0 0 10px !important; 
			}
			p.notified span {
				font-weight: bold;
				}
			
			/* ----------------------------------------------------------------------	
			PAGE -- TASKS -- REPLY BUTTON
			---------------------------------------------------------------------- */
			#page #tasks .task-requirements .reply {
				display: block;
				margin: 10px 0;
				text-align: right;
				}
			/* ----------------------------------------------------------------------	
			PAGE -- TASKS -- LEFT
			---------------------------------------------------------------------- */
			#page #tasks .left {
				float: left;
				width: 40px;
				padding-right: 10px;
				font: normal 36px/39px "Lucida Grande", Arial, Verdana, sans-serif;
				color: #666666;
				letter-spacing: -2px;
				text-align: right;
				margin-bottom: 10px;
				}
			/* ----------------------------------------------------------------------	
			PAGE -- TASKS -- RIGHT
			---------------------------------------------------------------------- */
			#page #tasks .right {
				float: right;
				width: 795px;
				height: 39px;
				background: url(images/tasks-bg.gif) no-repeat top left;
				margin-bottom: 10px;
				}
				/* ----------------------------------------------------------------------	
				PAGE -- TASKS -- RIGHT -- TASK NAME
				---------------------------------------------------------------------- */
				#page #tasks .right .task-name {
					float: left;
					padding: 0 0 0 20px;
					font: bold 12px/39px "Lucida Grande", Arial, Verdana, sans-serif;
					color: #666666;
					}
					#page #tasks .right .task-name a {
						color: #7f0d01;
						}
				/* ----------------------------------------------------------------------	
				PAGE -- TASKS -- RIGHT -- TASK DETAILS
				---------------------------------------------------------------------- */
				#page #tasks .right .details  {
					line-height: 39px;
					margin: 0;
					padding: 0;
					}
					#page ul.outer li .right .details dl,
					#page #tasks .right .details dl {
						margin: 0; padding: 0;
						float: right;
						}
						#page ul.outer li .right .details dt,
						#page #tasks .right .details dt {
							float: left;
							display: block;
							margin: 0; 
							padding: 0 10px;
							background: url(images/task-divide-bg.gif) no-repeat 100% 50%;
							}
							#page ul.outer li .right .details dt:last-child,
							#page #tasks .right .details dt:last-child {
								background: none;
								}
							#page ul.outer li .right .details dt.last  {
								padding: 0 10px;
								background: none;
								}
							#page #tasks .right .details dt.last {
								background: none;
								}
			/* ----------------------------------------------------------------------	
			PAGE -- TASKS -- TASK REQUIREMENTS
			---------------------------------------------------------------------- */
			#page #tasks .task-requirements {
				width: 100%;
				}
				#page #tasks .task-requirements h1 {
					clear: both;
					padding: 0 0 0 52px;
					}
				#page #tasks .task-requirements p {
					clear: both;
					padding: 0 0 10px 52px;
					}
				#page #tasks .task-requirements ul,
				#page #tasks .task-requirements ol {
					list-style-position: inside;
					}
					#page #tasks .task-requirements ul li,
					#page #tasks .task-requirements ol li {
						font: normal 12px/16px "Lucida Grande", Arial, Verdana, sans-serif;
						color: #333;
						list-style-position: inside;
						padding: 0 0 10px 35px;
						}
					/* ----------------------------------------------------------------------	
					PAGE -- TASKS -- TASK REQUIREMENTS -- RESPONSE
					---------------------------------------------------------------------- */
					#page #tasks .task-requirements .response-emp {
						width: 795px;
						float: right;
						}
						#page #tasks .task-requirements .response-emp .l {
							float: left;
							width: 718px;
							font: normal 12px/39px "Lucida Grande", Arial, Verdana, sans-serif;
							}
							#page #tasks .task-requirements .response-emp .l .center {
								background: url(images/response-content-c-bg.gif) repeat-y 0 0;
								}
								#page #tasks .task-requirements .response-emp .l .center:before,
								#page #tasks .task-requirements .response-emp .l .center:after {
									content: "";
									display: block;
									height: 12px;
									width: 100%;
									}
									#page #tasks .task-requirements .response-emp .l .center:before {
										background: url(images/response-content-top-bg.gif) no-repeat 0 0;
										}
									#page #tasks .task-requirements .response-emp .l .center:after {
										background: url(images/response-content-bottom-bg.gif) no-repeat 0 0;
										}
						#page #tasks .task-requirements .response-emp .r {
							float: right;
							width: 61px;
							}
						#page #tasks .task-requirements .response-admin {
							width: 795px;
							float: right;
							}
							#page #tasks .task-requirements .response-admin .admin-l {
								float: left;
								width: 61px;
								}
							#page #tasks .task-requirements .response-admin .admin-r {
								float: right;
								width: 718px;
								font: normal 12px/39px "Lucida Grande", Arial, Verdana, sans-serif;
								}
								#page #tasks .task-requirements .response-admin .admin-r .center {
									background: #f1f1f1;
									background: url(images/admin-response-content-c-bg.gif) repeat-y top left;
									}
									#page #tasks .task-requirements .response-admin .admin-r .center:before,
									#page #tasks .task-requirements .response-admin .admin-r .center:after {
										content: "";
										display: block;
										height: 12px;
										width: 100%;
										}
										#page #tasks .task-requirements .response-admin .admin-r .center:before {
											background: url(images/admin-response-content-top-bg.gif) no-repeat 0 0;
											}
										#page #tasks .task-requirements .response-admin .admin-r .center:after {
											background: url(images/admin-response-content-bottom-bg.gif) no-repeat 0 0;
											}
									/* ----------------------------------------------------------------------	
									PAGE -- TASKS -- TASK REQUIREMENTS -- RESPONSE - GENERAL
									---------------------------------------------------------------------- */
									#page #tasks .task-requirements .response-emp .l .center h1,
									#page #tasks .task-requirements .response-admin .admin-r .center h1 {
										padding: 0 20px 0;
										}
									#page #tasks .task-requirements .response-emp .l .center p,
									#page #tasks .task-requirements .response-admin .admin-r .center p {
										margin: 0;
										padding: 5px 20px 10px;
										}
									#page #tasks .task-requirements .response-emp .l .center ul,
									#page #tasks .task-requirements .response-admin .admin-r .center ul {
										margin: 0;
										padding: 0 20px 5px;
										}
									#page #tasks .task-requirements .response-emp .l .center a.edit-reply,
									#page #tasks .task-requirements .response-admin .admin-r .center a.edit-reply {
										padding: 0 20px 5px;
										}
									#page #tasks .task-requirements .response-emp .l .center fieldset div,
									#page #tasks .task-requirements .response-admin .admin-r .center fieldset div {
										padding: 0 20px 0;
										}
									#page #tasks .task-requirements .response-emp .l .center .reply-form,
									#page #tasks .task-requirements .response-admin .admin-r .center .reply-form {
										padding: 5px 20px 0;
										}
									#page #tasks .task-requirements .response-emp .l .center .reply-form input,
									#page #tasks .task-requirements .response-admin .admin-r .center .reply-form input  {
										border: none;
										background: url(/images/submit.gif) no-repeat 0 0;
										width: 72px;
										height: 20px;
										overflow: hidden;
										text-indent: -999px;
										cursor: pointer;
										}
									#page #tasks .task-requirements .response-emp .l .center .reply-form input:last-child,
									#page #tasks .task-requirements .response-admin .admin-r .center .reply-form input:last-child  {
										background-image: url(/images/cancel.gif);
										}
					/* ----------------------------------------------------------------------	
					PAGE -- TASKS -- TASK REQUIREMENTS -- REPLY
					---------------------------------------------------------------------- */
						.reply img { 
							cursor: pointer;
							}
						.reply .reply-form { 
							display: none;
							text-align: left;
							border: 1px solid #ccc;
							background: #f1f1f1;
							}
							.reply .reply-form.no-hide {
								/*display: block !important;*/
								}
							.reply .reply-form div { 
								margin-bottom: 2px;
								}
	
.reply .reply-form div label { 
	font: bold 12px/39px "Lucida Grande", Arial, Verdana, sans-serif;
	cursor: pointer;
	display: block;
	}
	
.reply .reply-form div textarea { 
	width: 100%;
	height: 100px;
	}
	
.reply .reply-form div input { 
	margin-bottom: 2px;
	border: #ccc 1px solid;
	}				
			/* ----------------------------------------------------------------------	
			PAGE -- TASKS -- COMPLETED TASKS
			---------------------------------------------------------------------- */
			#page #tasks #completed-tasks {
				border-top: #ccc 5px solid;
				border-bottom: #ccc 1px solid;
				padding: 10px 0;
				width: 100%;
				}
				#page #tasks #completed-tasks .complete {
					color: #ccc;
					}
	
					
/* ----------------------------------------------------------------------	
LOGIN // LOGOUT
---------------------------------------------------------------------- */
#login {
	position: absolute;
	top: 35%;
	left: 0;
	right: 0;
	margin: 0 auto;
	background: url(/images/login-bg-2.gif) no-repeat 50% 50%;
	/*background: url(images/login.gif) repeat-x 0 0;*/
	width: 100%;
	height: 218px;
	}
	#login fieldset {
		font: normal 12px/39px "Lucida Grande", Arial, Verdana, sans-serif;
		margin: 0 auto;
		padding: 40px 0 0 0;
		width: 400px;
		height: 178px;
		/*background: url(images/login-logo.gif) no-repeat 100% 100%;*/
		}
		#login fieldset div {
			clear: both;
			}
			#login label {
				cursor: pointer;
				float: left;
				width: 30%;
				color: #fff;
				}
			#login fieldset .input {
				float: left;
				border: #ccc 2px solid;
				width: 55%;
				background-color: #fff;
				padding: 5px;
				font: normal 14px/14px "Lucida Grande", Arial, Verdana, sans-serif;
				}
			#login fieldset .submit {
				border: #ccc 2px solid;
				background-color: #fff;
				padding: 5px;
				font: normal 14px/14px "Lucida Grande", Arial, Verdana, sans-serif;
				}
#login p {
	margin: 0; padding: 10px;
	font: normal 12px/14px "Lucida Grande", Arial, Verdana, sans-serif;
	}
	
									


	
#page #tasks .task-requirements .response-admin .admin-r .center .client-said {
	background: url(images/client-said-top.gif) no-repeat top left;
	padding: 25px 0 0 0;
	text-indent: 35px;
	}
	
#page #tasks .task-requirements .response-admin .admin-r .center .client-said p {
	background: url(images/client-said-bottom.gif) no-repeat bottom right;
	}


	/*
#footer {
	position: absolute; bottom: 0;
	width: 100%; height: 250px;
	background: url(images/body-bg.jpg) repeat-x 100% 100%;
	}
	
*/
	

/* SEANS */

fieldset { 
	border: 0;
	font: normal 12px/39px "Lucida Grande", Arial, Verdana, sans-serif;
	}

.required { 
	color: #ff0000;
	}



/* END SEANS */

/* Manage Project */

#project-manage  {
	margin: 0 0 0 100px;
	float: left;
	font: normal 12px/18px "Lucida Grande", Arial, Verdana, sans-serif;
	}
	
#project-manage h2 {
	font: bold 24px/39px "Lucida Grande", Arial, Verdana, sans-serif;
	color: #333;
	}

#project-manage label {
	float: left;
	width: 100px;
	}
	
#project-manage .input {
	padding: 5px;
	width: 450px;
	border: #ccc 1px solid;
	font: normal 18px/39px "Lucida Grande", Arial, Verdana, sans-serif;
	}
	
#project-manage .input.drop {
	padding: 5px;
	width: 250px;
	border: #ccc 1px solid;
	font: normal 18px/39px "Lucida Grande", Arial, Verdana, sans-serif;
	}
	
#project-manage .input.long {
	padding: 5px;
	width: 450px;
	height: 250px;
	border: #ccc 1px solid;
	font: normal 12px/18px "Lucida Grande", Arial, Verdana, sans-serif;
	}

/*login */


#due {
	clear: both;
	margin: 10px auto;
	width: 490px;
	border-bottom: #ccc 1px solid;
	padding: 10px;
	background: #f1f1f1;
	}
	
#due ul.due-items {
	margin: 0; padding: 0;
	list-style: none;
	}
	
#due ul.due-items li {
	font: bold 12px/18px "Lucida Grande", Arial, Verdana, sans-serif;
	color: #333;
	}
	
#due ul.due-items li a {
	font: normal 12px/18px "Lucida Grande", Arial, Verdana, sans-serif;
	color: #333;
	}
	
#due ul.due-items li h2 {
	font: bold 18px/24px "Lucida Grande", Arial, Verdana, sans-serif;
	color: #333;
	margin: 0; padding: 0;
	}
	
.timestamp {
	font: bold 11px/14px "Lucida Grande", Arial, Verdana, sans-serif;
	color: #333;
	text-align: center;
	}
.form-status {
	text-align: center;
	font-weight: bold;
	padding: 15px;
	}
.form-status.fail { 
	border: 2px solid red;
	color: red;
	}
.form-status.pass { 
	border: 2px solid green;
	color: green;
	}
	
#page ul.outer li .right.new {
	float: left;
	width: 867px; 
	height: 62px;
	margin: 0 0 0 10px;
	background:url(images/projects-new-bg.gif) no-repeat top left;
	color: #fff;
	}
	
#page ul.outer li .right.new a { 
	color: #fff;
	}
	
#page ul.outer li .right.new .client-name span,
#page ul.outer li .right.new .details dt  {
	color: #fff;
	}
	
#page ul.outer li .right.new .client-name span {
	background: url(images/task-divide-bg.gif) no-repeat 0% 50%;
	}