html {
	margin:0;
	padding:0;
	
}

body 
{
	margin:0px;
	padding:0px;
	color:black;
	background: white;

	font-family:Verdana, Arial, sans-serif;
	font-size:11px;
}

table
{
	font-family:Verdana, Arial, sans-serif;
	font-size:11px;
	border-collapse:collapse;
}

td
{
	padding: 6px 7px 0 0;
	border-collapse:collapse;
}

form
{
	margin:0;
	padding:0;
	font-family:Verdana, Arial, sans-serif;
	font-size:11px;
}

input, select, textarea
{
	font-family:Verdana, Arial, sans-serif;
	font-size:11px;
	border: 1px solid black;
	border-collapse: collapse;
}

div.pseudo_textarea
{
	background-color: White;
	color: Black;
	border: solid 1px black;
	padding: 1px 2px;
	margin-top: 1px;
	text-align:left;
	line-height:150%;
}

h1, h2, h3, h4
{
	margin: 0 0 4px 0;
	padding:0;
	font-weight:bold;
	font-family:Verdana, Arial, sans-serif;
}

h1
{
	font-size: 18px;
	margin-bottom: 14px;
}

h2
{
	font-size: 15px;
}

h3
{
	font-size: 15px;
}

h4
{
	font-size: 12px;
}

p, ul, ol {
	margin-top:0px;
	margin-bottom:1.4em;
}

a:link, a:visited, a:hover, a:active
{
	color: Olive;
}

label
{
	display:block;
	margin: 10px 0 4px 0;
}

#MenuContainer
{
	display:none;
}



#Main
{
	clear:both;
	margin: 0;
	padding: 0;
}

#Main h2
{
	background: gray;
	color: White;
	padding: 2px 4px;
	width: 500px;
	margin-bottom: 6px;
}



table
{
	margin: 0 0 14px 0;
}

table.grid td
{
	padding: 4px;
}

table.grid tr.header td
{
	background: gray;
	color: White;
	padding: 2px 4px;
	font-size: 14px;
	font-weight: bold;
}

td.fieldlabel
{
	font-weight: bold;
	text-align: right;	
	vertical-align:top;
}


#Calendar
{
	border: 1px solid black;
	font-size: 11px;
}

#Calendar td
{
	padding: 0;
	margin:0;
}

#Calendar table.title
{
	height: 40px;
	border-bottom: 4px solid black;
	padding:0;
	margin:0;
}

#Calendar table.title td
{
	font-weight:bold;
	color: #333399;
	font-size: 16px;
	background:white;
	padding-top: 4px;
	vertical-align:top;
}

#Calendar td.next
{
	font-weight: bold;
}

#Calendar td.next a
{
	padding: 0 4px;
	font-size: 11px;
}

#Calendar td.dayhead
{
	text-align:center;
	
}


#Calendar td.day, td.other
{
	border: 1px solid black;
	background: #f2f2f2;
}

#Calendar td.day a, #Calendar td.other a
{
	display: block;
	width: 36px;
	height: 30px;
	line-height:30px;
	text-decoration: none;
}

#Calendar td.day a:hover
{
	color: White;
	background: #cccccc;
}

#Calendar td.other{
	color:#999999;
	background: white;
}


.module
{
	padding: 0;
	margin: 0;
	border:1px solid black;
}

.module h1 
{
	color:#333;
	background:#eee;
	border-bottom:1px solid black;
	font-size:12px;
	line-height:15px;
	letter-spacing:1px;
	padding: 3px 6px 1px 6px;
	margin:0;
}

.module h1 a {
	background-color:#eee;
	text-decoration:none;
	color:#333;
}

.module h1 a:hover {
	text-decoration:none;
	color:#333;
}

.module .contentContainer
{
	margin:0;
	padding:0;
	overflow:auto;
	height: expression(  this.scrollHeight < (document.body.clientHeight - 130) ? this.scrollHeight + "px" : (document.body.clientHeight - 130) + "px"  );
	voice-family: "\"}\""; 
	voice-family:inherit;
	height: expression(  this.scrollHeight < (document.documentElement.clientHeight - 130) ? this.scrollHeight + "px" : (document.documentElement.clientHeight - 130) + "px"  );
}


img.LetterHead
{
	margin: 0 auto;
}

table.LetterHead
{
	width: 672px;
}

table.LetterHead td
{
	vertical-align:top;
	padding:0;
	margin:0;
}

table.LetterHead td.url
{
	font-size: 18px;
	text-align:center;
	font-weight:bold;
	padding-bottom: 8px;
}

table.LetterHead td.address
{
	text-align:center;	
}

table.LetterHead td.jose
{
	text-align:right;	
}




table.ProjectInfo
{
	width: 100%;
	background: white;
	border: solid 1px black;
	margin-bottom: 8px;
}

table.ProjectInfo td
{
	padding: 0;
	margin:0;
	vertical-align:top;
	font-size: 9px;
}

table.ProjectInfo td table
{
	width: 218px;
	margin: 4px 0 0 4px;
}

table.ProjectInfo td.project
{
	text-align:right;
}

table.ProjectInfo td.project td, table.ProjectInfo td.customer td
{
	padding: 0 0 2px 0;	
	text-align:left;
}

table.ProjectInfo td.customer td.fieldlabel, table.ProjectInfo td.project td.fieldlabel
{
	font-weight: bold;
	text-align:right;
	padding-right: 4px;
	white-space: nowrap;
}

table.ProjectInfo td.one td.fieldlabel
{
	width: 84px;
}



table.ExpenseInfo 
{
	width: 672px;
	background: white;
	border: solid 1px black;
	margin-bottom: 8px;
}

table.ExpenseInfo td
{
	padding: 0 0 2px 0;
	margin: 0;
	vertical-align:top;
	font-size: 9px;
}

table.ExpenseInfo td table
{
	width: 218px;
	margin: 4px 0 0 4px;
}

table.ExpenseInfo td.fieldlabel
{
	font-weight: bold;
	text-align:right;
	padding-right: 4px;
	white-space: nowrap;
}



h3.project
{
	/*
	border: 1px solid black;
	width: 260px;
	text-align: center;
	padding: 4px 0;
	margin-left: 204px;
	background: white;
	margin-bottom: 10px;
	*/
	display:none;
}

h3.subhead
{
	width: 672px;
	text-align: center;
	padding: 0;
	margin: 0 0 4px 0;
	font-size: 12px;
}


table.Signatures
{
	width: 672px;
}

table.Signatures td
{
	font-weight:bold;
	vertical-align:top;
	padding: 0 0 10px 0;
	margin:0;
	text-align:center;
}



table.Expense
{
	margin: 0 0 20px 0;
	border: none;
	border-collapse:collapse;
	background: white;
}

table.Expense td
{
	font-size: 9px;
}

table.Expense td input, table.Expense td select, table.Expense td textarea, table.Expense div.pseudo_textarea
{
	font-size: 9px;
}

table.Expense div.pseudo_textarea 
{
	float: left;
}

table.Expense td
{
	border: none;
	padding: 2px 3px;
	vertical-align:top;
	text-align: center;
}

/* headers */
table.Expense tr.headers td
{
	text-align: center;
	padding: 8px 0 0 0;
	font-weight:bold;
}

/* name */
table.Expense td.name
{
	text-align:left;
}

table.Expense td.name input, table.Expense td.name div.pseudo_textarea {
	width: 130px;
}

/* description */
table.Expense td.description
{
	text-align:left;
}

table.Expense td.description input, table.Expense td.description div.pseudo_textarea {
	width: 250px;
}

/* size */
table.Expense td.size input, table.Expense td.size div.pseudo_textarea {
	width: 62px;
}

/* innerprice */
table.Expense td.innerprice input, table.Expense td.innerprice div.pseudo_textarea {
	width: 53px;
}

/* quantity */
table.Expense td.quantity input, table.Expense td.quantity div.pseudo_textarea {
	width: 36px;
}

/* lineprice */
table.Expense td.price
{

}

table.Expense td.price input, table.Expense td.price div.pseudo_textarea {
	width: 53px;
	text-align:right;
}

table.Expense div.dollar {
	float:left;
	padding-top: 3px;
}

/* options */
table.Expense td.options
{
	background: white;
	padding-left:5px;
}

table.Expense td.total
{
	text-align:right; 
	padding-top:6px; 
	font-weight:bold;
}

table.Expense tr.edit td
{
	padding-top: 10px;
}

table.Expense tr.forms td
{
	padding-top: 10px;
}

table.Expense tr.spacer td
{
	height: 10px;
}

table.Expense tr.total td
{
	padding-bottom: 10px;
}

table.Expense tr.spacer td.options, table.Expense tr.total td.options
{
	border:none;
}

table.Expense input, table.Expense textarea
{
	border: solid 1px #888;	
}

table.Expense .noborder input, table.Expense .noborder textarea
{
	border: none;
}


table.InfoExterior
{
	width: 672px;
	margin: 0;
	padding: 0;
	background: #eee;
}

table.InfoExterior td
{
	border:solid 1px black;	
	border-collapse:collapse;
	padding: 4px 6px;
}

table.InfoExterior tr.headers td
{
	background: white;
	font-weight:bold;
	padding: 4px 3px;
}

table.InfoExterior label
{
	display: inline;
	margin: 0 10px 0 0;
}

table.InfoExterior table.paintnotes, table.InfoExterior table.paintnotes td
{
	margin:0;
	padding:0;
	border: none;
}

table.InfoExterior table.paintnotes textarea
{
	width: 228px;
	height: 26px;
	margin: 4px 10px 4px 4px;
}

#InfoDescription
{
	background: white;
	width: 662px;
	border:solid 1px black;	
	margin: 4px 0 8px 0;
	padding: 4px;
	
}

input.noborder, textarea.noborder, .noborder input, .noborder textarea
{
	border: none;
}