html {
	margin:0;
	padding:0;
}

body 
{
	margin:0px;
	padding:0px;
	background: white;
	
	scrollbar-arrow-color:#999;
	scrollbar-face-color:#FAFAFA;
	scrollbar-base-color:#DDD;
	scrollbar-3dlight-color:#BBB;
	scrollbar-darkshadow-color:#BBB;
	scrollbar-shadow-color:#E9E9E9;
}

body, table, td, form, div, p, legend, fieldset, input, select, textarea, .pseudo_textarea 
{
	font-family:Verdana, Arial, sans-serif;
	font-size:11px;
	color:#888;
}


table
{
	border-collapse:collapse;
	
}

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

form
{
	margin:0;
	padding:0;
}

input, select, textarea, .pseudo_textarea
{
	border: 1px solid #888;
}

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

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;
}

h3 strong
{
	color: #333399;
}

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;
}

#menuOptions
{
	margin:0;
	padding:0;
	border:1px solid #888;
	background:#888;
	line-height: 24px;
}

#menuOptions ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#menuOptions li {
	margin: 0;
	padding: 0;
	display: inline;
}

#menuOptions li a
{
	margin:0;
	padding: 5px 10px;
	font-size: 12px;	
	font-weight:bold;
	text-decoration:none;
	color: white;
}

#menuOptions li a:hover {
	text-decoration:none;
	background: #ccc;
	color: #888;
}


.menuContainer
{
	visibility: hidden;
}

.menu 
{
	padding:0;
	margin:0;	
	text-align:left;
	background-color: black;
}

.menu ul {
	padding: 0;
	margin: 0;
	list-style:none;
	border: solid 1px #888;
	background-color: #eee;
}

.menu li {
	padding:0;
	margin:0;
	display: inline;
}

.menu li.break a{
	border-top: double 3px #888;
}

.menu li a:link, .menu li a:active, .menu li a:visited
{
	display: block;
	margin: 0;
	padding: 2px 12px;
	font-size: 10px;
	line-height: 160%;
	color: #000;
	text-decoration: none;
	vertical-align: middle;
}

.menu li a:hover {
	background-color: #ccc;
	color: #000;
}


#Main, #ctl00_MainContent_Main, #ctl00_ctl00_MainContent_MainContent_Main
{
	clear:both;
	margin: 6px 0 0 16px;
	padding: 0 0 10px 0;
}

#Main h2, #ctl00_MainContent_Main h2, #ctl00_ctl00_MainContent_MainContent_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;
	border:1px solid #ddd;
}

table.grid tr.header td, table.grid tr.header td a,  table.grid th, table.grid th a
{
	background: gray;
	color: White;
	padding: 2px 4px;
	font-size: 14px;
	font-weight: bold;
	border:1px solid gray;
	text-indent: 1px;
	text-decoration:none;
}

table.grid tr.header td a
{
    text-decoration:underline;
}

table.grid tr.inactive td,
table.grid tr.inactive th
{
    color:#eee;
    background: #ccc;
}

table.grid tr.pager td
{
	padding: 0;
}

table.grid tr.pager td table
{
	padding: 0;
	margin: 0 0 0 4px;
}

table.grid tr.pager td table td
{
	padding: 4px 2px;
	border: none;
}

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


table.SelectCalendar
{
	border: 1px solid #888;
	font-size: 11px;
}

table.SelectCalendar a
{
	text-decoration:none;
}

table.SelectCalendar td
{
	padding: 0;
	margin:0;
}

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

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

table.SelectCalendar td.next
{
	font-weight: bold;
}

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

table.SelectCalendar td.dayhead
{
	text-align:center;
	
}


table.SelectCalendar td.day, td.other
{
	border: 1px solid #888;
	background: #eee;
}

table.SelectCalendar td a
{
	display:block;
	width: 14px;
}

table.SelectCalendar td.day a, table.SelectCalendar td.other a
{
	display: block;
	width: 24px;
	height: 22px;
	line-height:22px;
	text-decoration: none;
}

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

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


table.CalendarTabs
{
	margin:0;
	padding:0;
	font-size:9px;
}

table.CalendarTabs td
{
	margin:0;
	padding:0;	
	vertical-align:bottom;
}

table.CalendarTabs div
{
	text-align:center;
	font-weight:bold;
	background-color: #333399;
	color:White;
	width: 98%;
    margin: 0 0 0 4px;
    padding: 8px 0 5px 0;
    text-transform: uppercase;
}

table.CalendarTabs div a:link, table.CalendarTabs div a:visited, table.CalendarTabs div a:active
{
	color:White;
	text-decoration:none;
}

table.CalendarTabs div a:hover
{
	text-decoration: underline;
}



table.CalendarTable
{
	padding:0;
	margin:0;
	border-collapse:collapse;
}

table.CalendarTable td
{
	padding: 0;
	margin:0;
	border:none;
	height: 32px;
	background: #eee;
	text-align:center;
	vertical-align:top;
}

table.CalendarTable tr.headers td
{
	font-weight:bold;
	background: #333399;
	color:White;
	vertical-align:middle;
}

table.CalendarTable tr.headers a
{
	color:White;
	text-decoration:none;
}

table.CalendarTable tr.headers a:hover
{
	text-decoration:underline;
}

table.CalendarTable td.user
{
	border: solid 1px #ddd;
	vertical-align:middle;
}

table.CalendarTable td.user a
{
	color:#888;
	text-decoration:none;
}

table.CalendarTable td.user a:hover
{
	text-decoration:underline;	
}

table.CalendarTable td.time
{
	text-align:center;
	font-size: 9px;
	border: solid 1px #ddd;
	vertical-align:middle;
}

table.CalendarTable td.alternating
{
	background-color: #ddd;
}

table.CalendarTable div.apt_first, table.CalendarTable div.apt, table.CalendarTable div.apt_last
{
	margin:0;
	padding:0;
	height: 34px;
	line-height: 15px;
    overflow: hidden;
    background-color: #333399;
    width: 94%;
        
    border-right: outset 2px white;
    border-left: outset 2px white;
    border-bottom: none;
    border-top: none;
}

table.CalendarTable div.apt_first
{
	border-top: outset 2px white;
	border-bottom: none;
	height: 32px;
}

table.CalendarTable div.apt_last
{
	border-bottom: outset 2px white;
	border-top: none;
	height: 32px;
}

table.CalendarTable div.complete
{
	/* #6B8E23 = green */
	background-color: #6B8E23;
}

table.CalendarTable div.missed
{
	/* #8B0000 = red */
	background-color: #8B0000;
}

table.CalendarTable div.paid
{
	/* #999999 = dark grey */
	background-color: #888888;
}

table.CalendarTable div.declined
{
	/* #666666 = darker grey */
	background-color: #666666;
}

table.CalendarTable div.free
{
	background-color: black;
}

table.CalendarTable div.apt_first a, table.CalendarTable div.apt_last a
{
	color:white;
	margin: 0 0 0 4px;	
	font-family: Tahoma Sans-Serif;
	font-size: 9px;
	font-weight: normal;
	text-decoration:none;
}

table.CalendarTable div.apt_first a:hover
{
	text-decoration: underline;
}

#ViewApt h2
{
	margin-bottom: 0px;
	font-weight: bold;
}

#ViewApt p
{
	margin: 2px 0 8px 8px;
	padding: 0;
}

#ViewApt td.notes
{
	font-size: 13px;
}


td.AptOptions a
{
	margin: 0 6px;
}


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

.module h1 
{
	color:#333;
	background:#eee;
	border-bottom:1px solid #888;
	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:4px;
	overflow:auto;
	height: expression(  this.scrollHeight < (document.body.clientHeight - 140) ? this.scrollHeight + "px" : (document.body.clientHeight - 140) + "px"  );
	voice-family: "\"}\""; 
	voice-family:inherit;
	height: expression(  this.scrollHeight < (document.documentElement.clientHeight - 140) ? this.scrollHeight + "px" : (document.documentElement.clientHeight - 140) + "px"  );
}

img.LetterHead
{
	display: none;
}

table.LetterHead
{
	display:none;
}



table.ProjectInfo
{
	width: 672px;
	background: #eee;
	border: solid 1px #888;
	margin-bottom: 8px;
}

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

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: #eee;
	border: solid 1px #888;
	margin-bottom: 8px;
}

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

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 #888;
	width: 260px;
	text-align: center;
	padding: 4px 0;
	margin-left: 204px;
	background: #eee;
	margin-bottom: 10px;
}

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


table.Signatures
{
	display:none;
}


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 #888;	
	border-collapse:collapse;
	padding: 4px 6px;
}

table.InfoExterior tr.headers td
{
	background: #eee;
	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: #eee;
	width: 664px;
	border:solid 1px #888;	
	margin: 0 0 8px 0;
	padding: 4px;
	
}

ul.StatisticsMenu li
{
	margin: 4px 0;
}


table.SurveyRadios td
{
	text-align: center;
	padding: 3px 8px;
}

table.SurveyRadios tr.header td
{
	font-size: 14px;
	font-weight: bold;
}

table.SurveyRadios tr.alt td
{
	background: #eee;
}

table.SurveyRadios td.category
{
	text-align: right;
	font-weight: bold;
}

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

td.viewspacer
{
	height: 12px;	
}

input.button
{
	margin: 8px 8px 8px 0;	
}

option.cold
{
	background-color: Blue;
}

option.cool
{
	background-color: Blue;
}

option.neutral
{
	background-color: Gray;
}

option.warm
{
	background-color: red;
}

option.hot
{
	background-color: red;
}


.todo
{
	width: 300px;
	padding: 0;
	margin: 0 0 20px 0;
	border:1px solid #888;
}

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

.todo h1 a {
	background-color:#eee;
	text-decoration:none;
	color:#888;
}

.todo h1 a:hover {
	text-decoration:none;
	color:#888;
}

.todo .contentContainer
{

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

.todo ul
{
	list-style: none;
	margin: 0;
	padding:0;
}

.todo li
{
	margin:0;
	padding:0;
	height: 24px;
	text-indent: 8px;
}

.todo li a
{
	color: #333;
	margin:0;
	display: block;
	text-decoration:none;
	padding: 5px 10px;
	font-size: 11px;
	border-bottom: dashed 1px #888;
	border-collapse:collapse;
	text-indent: 0px;
}

.todo li a, .todo li a:link, .todo li a:visited, .todo li a:active
{
	color: #333;
}

.todo li a:hover
{
	background: #888;
	color: white;
}

.todo li a.selected, .todo li a.selected:link, .todo li a.selected:visited, .todo li a.selected:active
{
	background:#333;
	color:white;
	border-top:solid 1px #333;
	border-bottom:solid 1px #333;
}

.todo .details
{
	border-top: 1px solid #888;
	padding: 10px;
	background: #eee;
}

table.tracking td
{
	padding: 2px 30px 2px 0;
}

.ui-datepicker-trigger
{
    margin: 0 0 0 3px;
}