html *
{
	padding: 0px;
	margin: 0px;
}
body
{
	margin: 10px;
	background-color: white;
	color: #666666;
	
	/* MSIE Hack */
	_height: 100%;
}

/* enforce font size */
body,div,td,p,input,select,textarea
{
	font-size: 11px;
	line-height: 16px;
}
p
{
	margin-bottom: 5px;
}
p.person-wrote
{
	margin-bottom: 0px;
}
blockquote
{
	border-left: 1px solid #CCCCCC;
	padding-left: 10px;
	margin: 0px 0px 10px 10px;
}
body li
{
	margin-left: 15px;
}
input[type=submit]
{
	font-size: 11px;
}
input.msie-submit
{
	font-size: 11px;
}
input[type=button]
{
	font-size: 11px;
}
input.msie-button
{
	font-size: 11px;
}
input[type=reset]
{
	font-size: 11px;
}
input.msie-reset
{
	font-size: 11px;
}
tt
{
	font-family: monospace;
	font-size: 12px;
}
textarea
{
	width: 100%;
	height: 100px;
	margin: 0px;
}
div#outerdiv
{
	margin: auto;
	position: relative;
	background-color: white;
}
div,td,p
{
	padding: 0px;
}
option
{
	padding: 0px 5px 0px 5px;
}
table
{
	width: 100%;
	margin: 0px;
	padding: 0px;
}
h2,h3
{
	font-size: 14px;
}
h4
{
	font-size: 12px;
	border-bottom: 1px solid #333333;
	margin-bottom: 5px;
}
h5
{
	font-size: 12px;
}
a,a:link,a:visited
{
	color: #6666CC;
}
a:link
{
	text-decoration: none;
}
a:visited
{
	text-decoration: none;
}
a:hover
{
	color: red;
}
input[type=submit]
{
	border: 1px solid #666666;
	color: #666666;
	background: #EEEEEE;
	margin: 1px;
}
input.msie-submit
{
	border: 1px solid #666666;
	color: #666666;
	background: #EEEEEE;
	margin: 1px;
	vertical-align: middle;
}

input[type=button]
{
	border: 1px solid #666666;
	color: #666666;
	background: #EEEEEE;
	margin: 1px;
}
input.msie-button
{
	border: 1px solid #666666;
	color: #666666;
	background: #EEEEEE;
	margin: 1px;
	vertical-align: middle;
}

input[type=reset]
{
	border: 1px solid #666666;
	color: #666666;
	background: #EEEEEE;
	margin: 1px;
}
input.msie-reset
{
	border: 1px solid #666666;
	color: #666666;
	background: #EEEEEE;
	margin: 1px;
	vertical-align: middle;
}

input[type=submit]:hover
{
	background: white;
	color: black;
	border-color: black;
}
input[type=button]:hover
{
	background: white;
	color: black;
	border-color: black;
}
input[type=reset]:hover
{
	background: white;
	color: black;
	border-color: black;
}



input[type=text],input[type=password]
{
	border: 1px solid #666666;
	color: #666666;
	background: #FFFFFF;
	margin: 1px;
}
input.msie-text,input.msie-password
{
	border: 1px solid #666666;
	color: #666666;
	background: #FFFFFF;
	margin: 1px;
}


textarea
{
	border: 1px solid #666666;
	color: #666666;
	background: #FFFFFF;
	margin: 1px;
}
input.horizontal
{
	width: 100px;
}
select
{
	border: 1px solid #666666;
	color: #666666;
	background: #FFFFFF;
	margin: 1px;
}
h1,h2,h3
{
	margin: 0px;
}
img
{
	border: none;
}

/* inner div used to simulate padding */
div.pad
{
	margin: 10px;
/*background: #FFFFCC;*/
}

div.box
{
	border: 1px solid #DDDDDD;
	width: 600px;
	padding: 10px;
}
/* Asterisk hack for MSIE */
* html body div.box
{
	width: 600px;
}
div.box-left
{
	border: 1px solid #DDDDDD;
	float: left;
}

div#header
{
	background-color: #666666;
	height: 75px;
	margin: 0px 0px 10px 0px;
	color: white;
	background-image: url(../images/header.gif);
	background-repeat: no-repeat;
}
div#print-header
{
	background-color: #666666;
	height: 55px;
	margin: 0px 0px 0px 0px;
	color: white;
	background-image: url(../images/header.gif);
	background-repeat: no-repeat;
	font-size: 36px; 
	font-weight: bolder; 
	padding: 20px 20px 0px 10px;

	visibility: hidden;
	display: none;
}
* html body div#print-header
{
	height: 75px;
}
div#action-results
{
	background: white;
	border: 1px solid red;
	height: 63px;
	width: 500px;
	position: absolute;
	left: 5px;
	top: 5px;
	overflow: auto;
	z-index: 2; /* Need this for MSIE */
}
div.action-results-show
{
	font-size: 10px;
	font-weight:bold;
	line-height: 10px; 
	margin: 0px 10px 10px 10px;
	position: relative; 
	top: -10px;
}
div.action-results-show a
{
	color: #fcc;
}
div#commandbar
{
	background: #DDD;
}
div#login-outer
{
	height: 100%;
	width:100%;
	display: table;
	overflow: hidden;
	background: #666;

	/* MSIE Hack */
	_position: relative;
}
div#login-middle
{
	display: table-cell;
	vertical-align: middle;
	text-align:center;

	/* MSIE Hack */
	_position: absolute;
	_top: 50%;
	_left: 50%;
}
div#login-inner
{
	width: 400px;
	height: 400px;
	background: #FFF;
	margin:0px auto;

	/* MSIE Hack */
	_position: relative;
	_top: -50%;
	_left: -50%;
}
div#login-graybox
{
	background: #CCCCCC;
	width: 380px;
	height: 380px;
	margin: 10px 10px 10px 10px;
	position: relative;
	top: 10px;
	text-align: left;
	overflow: hidden;
}
* html div#login-graybox
{
	top: 0px;
}
div#login-appname
{
	color: white;
	text-align: left;
	font-size: 36px;
	line-height: 100%;
	font-weight: bolder;
	position: relative;
	top: -18px;
	left: 180px;
	opacity:.60;
	z-index: 100;

	/* MSIE Hack */
	_top: -23px;
	_filter:alpha(opacity=60);
}
form#login-form
{
	margin: 36px 0px 0px 0px;
	height: 94px;
}
table.login
{
	position: relative;
	top: -16px;
	width: 300px;
	margin: 0px 20px 0px 185px;
}
table.login td.label
{
	width: 50px;
	height: 25px;
}
table.login td.data
{
	width: 140px;
	height: 25px;
}
table.login td.data input[type=text]
{
	width: 90px;
}
table.login td.data input.msie-text
{
	width: 90px;
}

table.login td.data input[type=password]
{
	width: 90px;
}
table.login td.data input.msie-password
{
	width: 90px;
}
table.login td.data a
{
	color:#666;
}
table.login td.data a:hover
{
	color:#fff;
}

div.project-list-summary
{
	border: 1px solid #EEEEEE;
	margin-bottom: 10px;
}
td.project-list-colheader
{
	color: #999999;
	border-bottom: 3px solid #DDD;
	font-weight: bold;
}

td.project-list-colheader a
{
	color: #999999;
}

td.project-list-data
{
	padding: 4px 10px 4px 0px;
	color: #333333;
	border-bottom: 1px solid #DDD;
}

span.status-unchanged,span.status-new,span.status-updated
{
	color: black;
	font-weight: bold;
	cursor: help;
}
span.status-unchanged
{
	background: #CCCCFF;
}
span.status-new
{
	background: #99FF99;
}
span.status-updated
{
	background: #FFFF00;
}

span.due-far
{
	padding: 0px 5px 0px 5px;
	cursor: help;
}
span.due-soon
{
	background: #FFFFCC;
	padding: 0px 5px 0px 5px;
	cursor: help;
	font-weight: bold;
}
span.due-late
{
	background: #FFCCCC;
	color: #CC0000;
	padding: 0px 5px 0px 5px;
	cursor: help;
	font-weight: bold;
}
span.budget-ok {
	padding: 0px 5px 0px 5px;
	cursor: help;
}
span.budget-warning {
	background: #FFFFCC;
	color: #000000;
	padding: 0px 5px 0px 5px;
	cursor: help;
	font-weight: bold;
}
span.budget-over {
	background: #FFCCCC;
	color: #CC0000;
	padding: 0px 5px 0px 5px;
	cursor: help;
	font-weight: bold;
}

span.status-none {
	background: #FFCCCC;
	color: #CC0000;
	padding: 0px 5px 0px 5px;
	cursor: help;
	font-weight: bold;
}

span.utilization-ok {
	padding: 0px 5px 0px 5px;
	cursor: help;
}
span.utilization-warning {
	background: #FFFFCC;
	color: #000000;
	padding: 0px 5px 0px 5px;
	cursor: help;
}
span.utilization-high {
	background: #CCFFCC;
	color: #000000;
	padding: 0px 5px 0px 5px;
	cursor: help;
}
span.utilization-error {
	background: #FFCCCC;
	color: #CC0000;
	padding: 0px 5px 0px 5px;
	cursor: help;
}

div#page-wrapper
{
	border-top: 1px solid #DDD;
	border-right: 1px solid #DDD;
	border-left: 1px solid #DDD;
	border-bottom: 20px solid #DDD;
	text-align: left;
	overflow: hidden;
}

div#project-name
{
	border: none;
	margin-bottom: 10px;
}
div#project-name-name
{
	float: left;
	color: black;
	margin-top: 5px;
}
div#project-name-workticket
{
	float: right;
	color: black;
	font-size: 24px;
	line-height: 24px;
	font-weight: bold;
}

table#project-layout
{

}
td#project-left
{
	vertical-align:top; 

	/*width is project mini plus 20 margin and 2 border*/
	width:522px;
}
td#project-middle
{
	width:10px;
}
td#project-right
{
	vertical-align:top;
}
div#project-info
{
	border: 1px solid #CCCCCC;
	margin-bottom: 10px;
}
div#project-time
{
	border: 1px solid #CCCCCC;
	margin-bottom: 10px;
}
div#project-team
{
	border: 1px solid #CCCCCC;
	margin-bottom: 10px;
}
div#project-files
{
	border: 1px solid #CCCCCC;
	margin-bottom: 10px;
}
div#project-comments
{
	border: 1px solid #CCCCCC;
}

table.project-mini
{
	width: 500px;
}
table.project-mini table.project-mini
{
	width: 375px;
	margin: 10px 0  10px 0;
}
table.project-mini td.label
{
	width: 125px;
	border-bottom: 1px solid #DDD;
	padding: 2px 0px 2px 0px;
	vertical-align: top;
}
table.project-mini td.header
{
	border-bottom: 1px solid #DDD;
	padding: 2px 0px 2px 0px;
	vertical-align: bottom;
}
table.project-mini td.box-label
{
	border-bottom: 1px solid #DDD;
	padding: 2px 0px 2px 0px;
	vertical-align: bottom;
	font-weight: bold;
	font-size: 16px;
}
table.project-mini td.data
{
	color: black;
	border-bottom: 1px solid #DDD;
	padding: 2px 0px 2px 0px;
}
table.project-mini td.data p.comments
{
	color: black;
	margin: 5px 0px 5px 0px;
}
table.project-mini td.data div.htmlcomment
{
	margin: 5px 0px 5px 0px;
	overflow: auto;
}
table.project-mini td.data div.htmlcomment ul,ol
{
	margin: 5px 0px 5px 25px;
}
table.project-mini td.data p.info
{
	color: #666;
}

table.comment-mini
{
	width: 100%;

	/* MSIE Hack */
	_width: 88%;
}


table.report
{
	width: 100%;
}
table.report td.header
{
	color: #666;
	border-bottom: 3px solid #DDD;
	padding: 10px 5px 0px 0px;
	vertical-align: bottom;
}
table.report td.label
{
	border-bottom: 1px solid #DDD;
	padding: 2px 10px 2px 0px;
	vertical-align: top;
}
table.report td.data
{
	color: black;
	border-bottom: 1px solid #DDD;
	padding: 2px 5px 2px 0px;
	vertical-align: top;
}
table.report td.title
{
	font-weight: bolder;
	color: #666;
}
table.report td.summary
{
	border: none;
}
table.report td.secondary-header
{
	color: #666;
	vertical-align: top;
	border: none;
}


/* NOTE: .box is 600px, form tables should always be inside, so they are 20px smaller */
table.form
{
	width: 580px;
}
table.form td.header
{
	color: #666;
	border-bottom: 3px solid #DDD;
	padding: 10px 0px 0px 0px;
	vertical-align: bottom;
}
table.form td.label
{
	border-bottom: 1px solid #DDD;
	padding: 2px 10px 2px 0px;
	vertical-align: top;
}
table.form td.problem
{
	border-bottom: 1px solid #DDD;
	padding: 2px 10px 2px 0px;
	vertical-align: top;
	color: red;
}
table.form td.data
{
	color: black;
	border-bottom: 1px solid #DDD;
	padding: 2px 0px 2px 0px;
}
table.form td.title
{
	font-weight: bolder;
	color: #666;
}
table.form td.submit
{
	color: black;
	border: none;
	padding: 20px 0px 0px 0px;
}
table.project-mini td.files {
	background: #DDDDDD;
	color: #666666;
	font-size: 12px;
	padding-left: 10px;
}
table.project-mini td.files-financial {
	background: green;
	color: white
}
table.project-mini td.files-strategy {
	background: blue;
	color: white;
}
table.project-mini td.files-creative {
	background: orange;
	color: white;
}
table.project-mini td.files-tracking {
	background: red;
	color: white;
}
table.project-mini td.files-reporting {
	background: purple;
	color: white;
}
table.project-mini td.files-schedule {
	background: chocolate;
	color: white;
}
table.project-mini td.files-media {
	background: RoyalBlue;
	color: white;
}
table.project-mini td.files-misc {
	background: rosybrown;
	color: white;
}

table#estimate-layout
{

}
td#estimate-left
{
	vertical-align:top; 

	/*width is project mini plus 20 margin and 2 border*/
	width:372px;
}
td#estimate-middle
{
	width:10px;
}
td#estimate-right
{
	vertical-align:top;
}

table#estimate-layout table.project-mini
{
	width: 350px;
}

table.project-mini td.estimate-code {
	width: 50px;
}
table.project-mini td.estimate-category {

}
table.project-mini td.estimate-quantity {
	width: 50px;
}
table.project-mini td.estimate-cost {
	width: 75px;
	text-align:right;
}
table.project-mini td.estimate-contingency {
	width: 100px;
	text-align:right;
}
div.estimate-benchmark
{
	border: 1px solid #CCCCCC;
	margin-bottom: 10px;
}
table.estimate-benchmark {
	width: 100%;

	/* MSIE Hack */
	_width: 88%;

}

div.task-description
{
	height: 100px;
	width: 300px;
	overflow: hidden;
}

div.task-description-more
{
}