body {
	color: black;
	background-color: #F7F4F1;
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 8.5pt;
	margin: 0;
	padding: 0;
}

html > body {
	font-size: 8.5pt;
}

a, a:visited {
	color: blue;
	text-decoration: underline;	
}

a:hover {
	color: #B50027;
	text-decoration: none;	
}

td,div {
	color: #6E6E6C;
	font-size: 8.5pt;
}
p {
	margin: 10px;
	background-color: #ffffff;
	color: #6E6E6C;
}
a:hover {color: #BDB494;}


/* ##### Header ##### */
#header {
	color: inherit;
	border-bottom: 1px solid #000;
}

/* ##### Navigation Bar ##### */
.navlist {
	margin: 0;
	padding: 0;
	padding-bottom: 22px;
	border-bottom: 1px solid #000;
	text-align: center;
	background: #E6DFCF;
}
#subnav {border-bottom: 2px solid #EDE7CF; margin-left: 5px;}
#subnav ul {margin: 0; padding: 5px 0;}
#subnav li {display: inline; margin: 5px 10px;}
#subnav li a{color: #4770B2;}

/* ##### Content ##### */
#content {
	color: black;
	background-color: white;
	text-align: justify;
	line-height: 1.5em;
	margin: 0 0 0 0;
	padding: 0.5ex 1em 1em 1em;
	border-left: 1px solid #D8D2C3;
}

#content h1 {
	font-family: Trebuchet MS, arial, verdana;
	margin-left: 10px;
	color: #A6C550;
	background-color: transparent;
	text-align: left;
	font-size: 150%;
	margin-top: 0;
	border-bottom: thin solid #A6C550;
}

#content h2 {
	color: #A68C53;
	background-color: transparent;
	text-align: left;
	font-size: 110%;
	margin-top: 5px;
	margin-left: 5px;
}

#blue {
	color: blue;
}
form {
	padding: 0;
	margin: 0;
}

input {
	width: expression((this.type=="text" || this.type=="password")?'140px':'');
	border: 1px solid #D1D7DC;
	padding-right: 3px;
	padding-left: 3px;	
}
INPUT[type="text"], INPUT[type="password"] { width: 140px; }
input.error, td.error input {
	background-color: pink;
	border-color: #B50027;
}

td.error {
	color: #000000;
	background-color: pink;
	border: 1px solid #B50027;
	padding: .5em;
	font-size: 90%;
}
select {
	font-family: Verdana, Arial, Arial, Helvetica, sans-serif;
	border: 1px solid #D1D7DC;
	vertical-align : middle;
}

input.radio {
	width: 15px;
}
/*
input.button {
	background-image: url(../images/button_bg.gif);
	background-position: bottom;
	font-weight: normal;
	border: 1px solid #D1D7DC;
	padding-right: 3px;
	padding-left: 3px;
	text-decoration: none;
	font-size: 95%;
}
*/
input.button {
	border: 3px double #999999;
	border-top-color: #CCCCCC;
	border-left-color: #CCCCCC;
	padding: 0.25em;
	background-color: #FFFFFF;
	background-image: url(../images/background_form_element.gif);
	background-repeat: repeat-x;
	color: #333333;
	font-size: 80%;
	font-weight: bold;
	font-family: Verdana, Helvetica, Arial, sans-serif;
}
input.button:active {
	border: 3px double #CCCCCC;
	border-top-color: #999999;
	border-left-color: #999999;
}

textarea {
	line-height: 17px;
	width: 400px;
	border: 1px solid #D1D7DC;
	padding-right: 3px;
	padding-left: 3px;
}

textarea.comments {
	width: 550px;
	border: 1px solid #D1D7DC;
	padding-right: 3px;
	padding-left: 3px;
}

.tborder {
	border: 1px solid #828181;
	background-color: #FFFFFF;
	padding: 2px;
}

table.sortable a.sortheader, table.sortable a.sortheader:hover, table.sortable a.sortheader:active {
    text-decoration: none;
}

.strong {
	font-weight: bolder;
}

td {
	text-align: left;
}

.titlebg, tr.titlebg td, .titlebg a:link, .titlebg a:visited {
	color: #333;
	background: #DDE5DE;
}

.titlebg th {text-transform: capitalize}

.taskbg, tr.taskbg td {
	color: #222222;
	font-style: normal;
	background: #A5C54A;
}

.titlebg a:hover {
	color: #dfdfdf;
}

.title_status, tr.title_status td, .title_status a:link, .title_status a:visited {
	font-style: normal;
	text-align: left;
	letter-spacing: 5px;
	background: #A9A9A9;
	color: #000000;
}

.title_status_2, tr.title_status_2 td, .title_status_2 a:link, .title_status_2 a:visited {
	font-style: normal;
	text-align: center;
	letter-spacing: 2px;
	background: #A9A9A9;
	color: #000000;
}

.title_desc, tr.title_desc td, .title_desc a:link, .title_desc a:visited {
	font-style: normal;
	background: #D2D2D2;
	color: #444444;
}

.windowbg {
	color: #000000;
	background-color: #E1E1E1;
}

tr.commentbg {
	color: #000000;
	background: #F7F7F7;
	border: 1px solid #D3D3D3;
}

tr.commentbg td:hover {
	background: #E1E1E1 url(../images/not_okay.gif) no-repeat 98% 4px;
}

.windowbg2 {
	color: #000000;
	background: #F7F7F7;
	border: 1px solid #D3D3D3;
}

.windowbg3 {
	color: #000000;
	/* #F0F0F0 */
	background: #E8E8E8;
	border: 1px solid #D3D3D3;
}

.windowbg4 {
	background: #EBEBEB;
	color: #000000;
}
a.sortheader, a.sortheader:visited {
	color: #0000A0;
	text-decoration: none;
	font-weight: bold;
}
a.sortheader:hover {
	color: #B50027;
	text-decoration: none;
}
a.sit, a.sit:visited  {
	color: #333333;
	text-decoration: none;
	font-weight: bold;
}
a.sitgo, a.sitgo:visited, a.sitgo:link {
	background: url(../images/bullet_go.gif) -2px no-repeat;
	padding-left: 15px;
	color: #0000A0;
	text-decoration: none;
	font-weight: bold;
}

a.sit:hover, a.sitgo:hover {
	color: #333333;
	text-decoration: underline;
}

.myproject {
	background: #FFFFC0;
}

.hastask {
	background: #E0FFE0;
}

.notcomplete {
	color: #000000;
	background: #F7F7F7;
	border: 1px solid #D3D3D3;
}

.pastdue {
	color: #000000;
	background-color: pink;
	border: 1px solid #B50027;
}

a.comments:link, a.comments:visited, a.comments:active {
	background: url(../images/note_icons/note.gif) -2px no-repeat;
	color: #333333;
	padding-left: 15px;
}

a.comments:hover {
	text-decoration: underline;
}

.taskcomplete {
	color: #000000;
	background: #F7F7F7;
	border: 1px solid #D3D3D3;
}

.windowbg2 a, .windowbg2 a:link, .windowbg2 a:visited, .windowbg2 a:active {
	background: url(../images/0001_arrow.png) -2px no-repeat;
	padding-left: 10px;
	color: #333333;
	text-decoration: none;
}

.arrow {
	background: url(../images/plus.gif) -0px top no-repeat;
	padding-left: 15px;
}

.taskarrow {
	background: url(../images/arrow_down.gif) -0px top no-repeat;
	padding-left: 15px;
}

.windowbg2 a:hover, .taskcomplete a:hover, .notcomplete a:hover {
	color: #000000;
	text-decoration: underline;
}

.windowbg2 a.noarrow:link, .windowbg2 a.noarrow:visited, .windowbg2 a.noarrow:active, .windowbg2 a.noarrow:hover {
	background: transparent;
	padding: 0px;
}

.complete {
	background: #BBE0C4;
	border: 1px solid #88AC88;
	color: #88AC88;
	text-align: center;
	text-transform: uppercase;
}

.incomplete {
	background: #FFE5E5;
	border: 1px solid #FFA0A0;
	color: #FFA0A0;
	text-align: center;
	text-transform: uppercase;
}

.selected {
	background: #FFF8E0;
	border: 1px solid #FFD040;
	color: #FFD040;
	text-align: center;
	text-transform: uppercase;
}

.onhold {
	background: #FFE080;
	border: 1px solid #FF8000;
	color: #FF8000;
	text-align: center;
	text-transform: uppercase;
}


.thisgroup {
	background: #F2EFE7;
	border: 1px solid #B0A897;
	color: #B0A897;
	text-align: center;
	text-transform: uppercase;
}

/* ---------- messages  --------- */
div.responseNone {
	display: none;

}

div.responseBad {
    background: #ffffff url(/images/error-trans.gif) 2px 50% no-repeat;
	margin: 10px 0 0 0;
	border: 2px solid;
	padding: 10px 32px;
    width: 50%;
	border-color: #cc0000;
	font-weight: bold;
	line-height: 34px; /* height of icon */
}

div.responseGood {
    background: #ffffff url(/images/info-note.gif) 2px 50% no-repeat;
	margin: 10px 0 0 0;
	border: 2px solid;
	padding: 10px 32px;
    width: 50%;
	border-color: #009933;
	font-weight: bold;
	line-height: 34px; /* height of icon */
    top: 100px;
}

div.responseWarn {
  background: #ffffff url(/images/warn-trans.gif) 2px 50% no-repeat;
	margin: 10px 0 0 0;
	border: 2px solid;
	padding: 10px 32px;
  width: 50%;
	border-color: #CC9901;
	font-weight: bold;
	line-height: 34px; /* height of icon */
}
.msgInfo {
	margin: 10px 0 0 0;
	border: 2px solid;
	background: #ffffff;
	padding: 10px 32px;
	background-repeat:  no-repeat;
	background-position:  10px 11px;
	border-color: #009933;
	background-image: url(../images/ok.gif);  
}

.msgInfo .title {
	color: #009933;
	font-weight: bold;
}

.msgWarn {
	margin: 10px 0 0 0;
	border: 2px solid;
	background: #ffffff;
	padding: 10px 32px;
	background-repeat:  no-repeat;
	background-position:  10px 11px;
	border-color: #CC9901;
	background-image: url(../images/att.gif);
}

.msgWarn .title {
	color: #CC9901;
	font-weight: bold;
}

.msgError {
	margin: 10px 0 0 0;
	border: 2px solid;
	background: #ffffff;
	padding: 10px 32px;
	background-repeat:  no-repeat;
	background-position:  10px 11px;
	border-color: #cc0000;
	background-image: url(../images/off.gif);
}

.msgError .title {
	color: #cc0000;
	font-weight: bold;
}

/* ##### Spacer ##### */
#spacer {
	background-color: #A8C45E;
	border-bottom: 1px solid #000;
	margin: 0;
	line-height: .60em;
	clear: both;
}

/* ##### Footer ##### */
#footer {
	color: black;
	background-color: #E6DFCF;
	text-align: center;
	line-height: 1.25em;
	margin: 0;
	padding: 1em 4mm 1em 4mm;
	clear: both;
}

#version {
	margin: 0;
	padding: 0;
	padding-bottom: 5px;
	padding-right: 5px;
	text-align: right;
	color: #999999;
}

#version a, a.active, a.visited, a.hover {
	color: #999999;
	text-decoration: none;
}

div.delete {
	margin: 0;
	padding: 0;
	text-align: right;
}

#footer div {
	margin: 0;
	padding: 0 0 1ex 0;
}

/* COMMENTS CSS */
#row1 {
	background: #F7F7F7;
}

#row2 {
	background: #E7E7E7;
}


/* LEAD DISPLAY */
#details {
	margin: 10px;
}
#details a {
	text-decoration: underline;
}
#details a.red {
	color: #C41303;
}
#details ul {
	margin:0; padding:0;
}
#details li {
	margin: 5px;
	padding: 0;
	display: inline;
}
#details h6 {
	background-color: #DDE5DE;
	color: #4E5572;
	text-indent: 10px;
	font-variant: small-caps;
}
#details#contactarea {
	width: 95%;
}
#details input.txt {
	width: 125px;
	color: #00008B;
	border: 1px solid #96A696;
	line-height: 100%;
	text-indent: 5px;
}
#details input.btn {
	color: #00008B;
	border: 1px outset #00008B;
	margin-right: 150px;
}
#details form#contactform {}
#details form#contactform p {
	clear: left;
	margin: 0;
	padding: 0;
	padding-top: 0px;
}
form#contactform p label {
	color: #333;
	float: left;
	width: 250px;
	text-indent: 10px;
}
#details p.submittal {
	text-align: right;
}
.realty {
	background: #F8F4F1;
}
.realtor {
	background: #FFF;
}
.realty form {
	display: inline;
}
.realtor form {
	display: inline;
}
#details textarea#comment {
	margin-left: 20px;
	width: 600px;
	height: 40px;
}
.leads li {
	width: 150px;
}
td.benefit {
	text-decoration: underline;
	text-indent: 15px;
}
.contact input {width: 140px}

/* Tony's Tables */
.tableborder {border: 1px solid #DFD4AC; padding: 2px; margin-bottom: 10px;}
tr.tablerow2, tr.tablerow2 td {margin: 10px; color: #000000; background: #CFCFCF;}
tr.tablerow1, tr.tablerow1 td {margin: 10px; color: #000000; background: #F3F3F3; border: 1px solid #D3D3D3;}

.altbg, tr.altbg td, tr.altbg th {
    color: #000000; background: #F7F4F1; border: 1px solid #D3D3D3;
}
.altbg a, .altbg a:link, .altbg a:visited {
    color: #4670A2; text-decoration: none;
}
.altbg a:hover {
    text-decoration: underline;
}
.altbg li {list-style: none; display: inline;}

/* TESTING STUFF */

h6 {width: 100%; font: bold 11px/150% verdana, helvetica, arial, sans-serif; margin: 0px; color: #fff; text-align: left; text-indent: 5px; background-color: #A5C846}