body, html {
	width:100%;
	height:100%;
}

body {
	margin:0px;
	padding:0px;
	font-family:arial, verdana, tahoma, sans;
	font-size:12px;
}

.blueHeading {
	color: #4077ca;
	padding:5px;
	font-size:15px;
	
}

.bold{
font-weight:bold;	
}

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

a:hover {
	text-decoration:underline;
}

.clear {
	clear:both;
}

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

p {
	margin:0px;
	padding:0px;
}



a.rolodex:link{
	cursor: default;
	text-decoration:none;
	color:#909090;
}

a.rolodex:visited{
	cursor: default;
	text-decoration:none;
	color:#909090; 
}
a.rolodex:active{
	cursor: default;
	text-decoration:none;
	color:#909090; 
}
a.rolodex:hover{
	cursor: default;
	color:#1E1E1E;
	text-decoration:none;
	/*font-size: 16px;
	font-weight: bold;*/
	cursor:pointer;
	
}
.error {
	/*width:350px;*/
	min-height:20px;
	padding:5px 15px 5px 40px;
	background:url('../images/graphic_error.png') no-repeat 2px 1px #FFF15F;
	border:2px solid red;
	margin-bottom:10px;
}

.success {
	/*width:350px;*/
	min-height:20px;
	vertical-align:middle;
	padding:5px 15px 5px 40px;
	background:url('../images/graphic_success.png') no-repeat 2px 2px #E0EFE1;
	border:2px solid #008F06;
	margin-bottom:10px;
}

#page {
	margin:0 auto;
	width:1000px;
}

	#page #header {
		width:100%;
		height:133px;
		background:url('../images/header_background.png') no-repeat top center;
	}
	
		#page #header #welcome {
			font-weight:bold;
			color:#000EAF;
			padding:110px 0px 0px 5px;
			float:left;
		}
		
		#page #header #right {
			float:right;
			text-align:right;
		}
		
			#page #header #right #my_account {
				padding:5px 5px 0px 0px;
			}
			
				#page #header #right #my_account a, #page #header #right #my_account a:active, #page #header #right #my_account a:visited {
					color:#705B40;
				}
			
			#page #header #right #section_title {
				font-size:25px;
				font-family:tahoma,arial,verdana;
				color:#C5BFB7;
				padding:35px 5px 0px 0px;
				letter-spacing:2px;
			}
					
			#page #header #right #help_logout {
				padding:5px 5px 0px 0px;
			}
		
	#page #navigation {
		width:100%;
		height:27px;
		background:url('../images/navigation_background.png') repeat-x top left;
	}
		#page #navigation a, #page #navigation a:active, #page #navigation a:visited {
			color:#FFFFFF;
			font-variant:small-caps;
		}
		#page #navigation ul {
			list-style:none;
			margin:0px;
			padding:0px;
		}
			#page #navigation ul li {
				float:left;
				padding:6px 15px 0px 15px;
			}
			
			#page #navigation ul li.focus {
				float:left;
				padding:6px 15px 6px 15px;
				background:url('../images/navigation_background_focus.png') repeat-x top left;
			}
	
	#page #content {
		width:997px;
		background:url('../images/body_top_background.png') repeat-x top center;
		padding:40px 0px 0px 3px;
	}
	
		#page #content #content_left {
			width:182px;
			float:left;
		}
		
			#page #content #content_left #head {
				height:54px;
				background:url('../images/content_left_top.png') no-repeat top center;
				text-align:center;
				font-size:18px;
				padding-top:3px;
			}
			
			#page #content #content_left #body {
				min-height:300px;
				background:url('../images/content_left_background.png') repeat-y top center;
				padding:7px;
			}
			
				#page #content #content_left #body #addressContainer {
					margin-bottom:0px;
				}
				
				#page #content #content_left #body hr {
					margin:10px 0px;
				}
		
			#page #content #content_left #foot {
				height:19px;
				background:url('../images/content_left_bottom.png') no-repeat top center;
			}
		
		#page #content #content_right {
			width:815px;
			float:left;
			padding:0px;
		}
			#page #content #content_right #head {
				width:793px;
				height:41px;
				background:url('../images/content_head.png') no-repeat top center;
				color:#FFFFFF;
				text-transform:uppercase;
				padding:4px 0px 0px 15px;
				font-size:18px;
			}
	
			#page #content #content_right #body {
				width:788px;
				min-height:300px;
				background:url('../images/content_body_white.png') repeat-y top center;
				padding:0px 10px 0px 10px;
			}
	
			#page #content #content_right #foot {
				width:808px;
				height:31px;
				background:url('../images/content_foot_white.png') no-repeat top center;
			}
	
	#page #footer {
		width:100%;
		clear:both;
		font-size:10px;
		text-align:center;
		padding-top:15px;
	}
	
	

div.locationController {
	/*cursor:pointer;*/
	padding:5px;
}


html {
	height:100%;
}
body {
	margin:0;
	width:100%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background:url(../images/bg.png) repeat-x #c4b8a1;
	height:100%;
}
h1, h2, h3, h4, h5, h6, p {
	margin:0;
}
a:hover {
	text-decoration:underline;
}

#header {
	width:1000px;
	margin:0 auto;
	background:url(../images/header-bg.png) no-repeat top;
	height:160px;
	position:relative;
}
#header ul {
	list-style:none;
}
#header .date {
	position:absolute;
	top:11px;
	right:234px;
	text-align:center;
}
#header .date .today {
	color:#b6b6b8;
	font-size:10px;
}
#header .date h5 {
	color:black;
	font-size:12px;
}
.top-nav {
	float:right;
	height:84px;
}
ul.menu-top {
	margin:0 35px 0 0;
}
ul.menu-top li {
	margin:0 20px 0 0;
	line-height:26px;
}
ul.menu-top li a {
	font-size:11px;
	color:#2564c2;
	text-decoration:none;
}

.nav {
        align:center;
	clear:both;
	background:url(../images/nav-bg.jpg) repeat-x;
	height:28px;
}
ul.menu li {
	margin:0 30px 0 0;
	text-transform:uppercase;
	line-height:26px;
}
ul.menu li a {
	color:white;
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
}
.user-logout {
	height:31px;
	background:url(../images/welcome-logout-bg.jpg) repeat-x;
	text-align:right;
	line-height:26px;
}
.user-logout .welcome {
	font-size:13px;
	font-weight:bold;
}
.user-logout a.logout {
	font-size:10px;
	margin:0 35px 0 10px;
	color:black;
	text-decoration:none;
}
#main {
	width:1000px;
	margin:0 auto;
}
#left {
	float:left;
	width:185px;
	padding:0 0 0 20px;
}
h2.locations {
	text-indent:-9999em;
	background:url(../images/locations-left.jpg) no-repeat;
	height:12px;
	margin:0 0 2px 0;
}
h3.loc-home, h3.loc-cottage {
	font-size:18px;
	color:white;
	padding:8px 0px 0px 1px;
	margin:0 15px 0 4px;
	text-transform:uppercase;
	border-top:thin solid #5f5f5f;
}
.home-projects img, .cottage-projects img {
	float:left;
	margin:6px 2px 6px 4px;
}
.home-projects h4, .cottage-projects h4 {
	font-size:12px;
	color:#5f5f5f;
}
.loc-project {
	clear:both;
	line-height:42px;
	height:42px;
}

.hover-project { 
        background:url(../images/bg_selected.png) no-repeat #c4b8a1; 
}

.active-project { 
        background:url(../images/bg_selected.png) no-repeat #c4b8a1; 
}

#bigcenter {
width:100%;	

}
#bigcenter1 {

border-bottom:1px solid #666666;
}

#bigcenter tr td {
text-align:center;	
}




.project-content {
	padding:0px 0px;
}
.project-header-left {
	width:183px;
	float:left;
	padding:0 12px 0 0;
}
.project-header-left a {
	text-transform:uppercase;
	color:#2564c2;
	font-size:11px;
	display:block;
	margin:8px 0;
	text-decoration:none;
}
.project-header-right {
	width:505px;
	padding:0 0 0 14px;
	float:right;
	border-left:thin solid #CCC;
}
.project-description {
	padding:8px;
	font-size:10px;
	background:#ececec;
}
.phases {
	margin:15px 0 0 0;
}

.cal_phase {
        background-color:#E3E5EA; 
}

.cal_phase-title { 

	width:9px;
	height:18px;

	font-size:12px;
	text-transform:uppercase;

}

.cal_phase-date {
	font-size:11px;
	color:#5e4719;
	text-transform:uppercase; 

}

.phase {
	border-bottom:thin solid #5e4719;
	padding:4px 0;
}
.phase-date {
	font-size:11px;
	color:#5e4719;
	text-transform:uppercase;
	border-bottom:thin solid #5e4719;
	clear:both;
	padding:1px 0 2px 0;
}
.phase-title {
	float:left;
	width:155px;
	height:36px;
	line-height:36px;
	font-size:12px;
	text-transform:uppercase;
	padding:0 8px;
	margin:2px 8px 0 0;
}
.phase-desc {
	font-size:10px;
	padding:2px 0 4px;
	height:30px;
}
a.view-photos {
	text-decoration:none;
	text-transform:uppercase;
	font-size:11px;
	color:#2564c2;
	float:right;
	line-height:36px;
	height:36px;
	margin:0 0 0 8px;
}
.project-body {
	clear:both;
	padding:0px 0 0;
}
h2.project-body-title {
	font-size:20px;
	color:#5264c2;
	border-bottom:thin solid black;
	padding:0 0 4px;
	margin:0 0 6px;
}
.right-month, .left-month {
	font-size:10px;
	text-decoration:none;
}
.calendar-title {
	font-size:20px;
	font-weight:bold;
	text-align:center;
	padding:4px 0;
	background:#ccc;
	margin:8px 0 0;
	color:#666;
}
table.calendar {
	width:715px;
	border-collapse:collapse;
}
table.calendar th, table.calendar td {
	border:thin solid #ccc;
	width:100px;
	border-spacing:0px;
}
table.calendar th {
	color:white;
	padding:8px 0;
	text-align:center;
	font-size:12px;
	font-weight:bold;
	background:#666;
}
table.calendar td {
	text-align:right;
	font-size:11px;	
	padding:5px 3px;
}
table.calendar td.active {
	background:#afffc1;
	font-weight:bold;
}
.cell-color {
	height:40px;
	margin:3px 0 0;
}
.right-month {
	float:right;
}
.clear {
	clear:both;
}
.skyblue {
	background:#afe3ff;
}
.redorange {
	background:#f16c4d;
}
.grey {
	background:#dfdfdf;
}
#footer {
	clear:both;
}
.calendar_cell_hover{background-color:lightgreen;
 }
 
 /* test */
 
 th {
	text-align:left;
}

th.addr {
	/*background:#C2CAEF;*/
	padding:5px;
	font-size:15px;
}

td {
	vertical-align:top;
}

td.addr_invs {
	padding:0px 0px 0px 0px;
	border:1px solid #DFDFDF;
}

table.inv_table {
	border-left:10px solid #DFDFDF;
}

table.inv_table th, table.inv_table td {
	padding:5px;
	border-right:1px solid #DFDFDF;
}

table.inv_table th {
	background:#DFDFDF;
	/*border-bottom:1px solid #000000;
	border-right:1px solid #000000;*/
}
 
 /* end test */

/* input styling */
 
	#inputArea
	{
	    font-family: Arial, Sans-Serif;
	    font-size: 13px;
	    background-color: #d6e5f4;
	    padding: 10px;
	    width:310px;
	}
	#inputArea input, #inputArea textarea
	{
	    font-family: Arial, Sans-Serif;
	    font-size: 13px;
	    margin-bottom: 5px;
	    display: block;
	    padding: 4px;
	    width: 300px;
	}

        /*.activeField
        {
            background-image: none;
            background-color: #ffffff;
            border: solid 1px #33677F;
        }
        .idle
        {
	    border: solid 1px #85b1de;
	    background-image: url( '../images/blue_bg.png' );
	    background-repeat: repeat-x;
	    background-position: top;
        }*/

/* drop down menu styling */










  
  
 #jsddm
 {	margin: 0;
	padding: 0;
        font-weight:bold}
	
	#jsddm li
	{	float: left;
		list-style: none;
	        color:white;
	        text-decoration:none;
	        font-size:12px;
	        font-weight:bold;
	        font-family:Arial, Helvetica, sans-serif;
	        text-transform:uppercase;}

	#jsddm li a
	{	display: block;
		
		padding: 6px 12px;
		text-decoration: none;
		font-weight:bold;
		width: 150px;
		color: #EAFFED;
		white-space: nowrap}

	#jsddm li a:hover
	{	}
		
		#jsddm li ul
		{	margin: 0;
			padding: 0;
			position: absolute;
			visibility: hidden;
			border-top: 1px solid white}
		
		#jsddm li ul li
		{	float: none;
			display: inline}
		
		#jsddm li ul li a
		{	width: auto;
			background: #081d4c}
		
		#jsddm li ul li a:hover
		{	background: #536c90}

#tooltip{
	position:absolute;
        width:150px;
        height:175px;
	border:1px solid #333;
	background:#f7f5d1;
	color:#333;
	display:none;
        z-index:100000;
	}

.tool_top
{
padding:0px 5px;
color:black;
font-weight:bold;
min-height:15px;
width:139px;
background-color:lightblue;

}

.tool_content
{
display:block;
font-size:10px;
padding:2px 5px;
}

.dataTable { border-collapse: collapse; }
.dataTable .tableHeader{ background-color: #666666; font-weight:bold; }
.dataTable .tableHeader2 th{ background-color: #cccccc; font-weight:bold; color:#000000 }
.dataTable .altcolor1 { background-color:#FFFFCC; }
.dataTable .altcolor2 { background-color:#ffffff; }
.dataTable th { padding: 2px; color:#FFFFFF; text-align:left; }
.dataTable th.right { text-align:right; }
.dataTable th.center { text-align:center; }
.dataTable td { padding: 2px;}
.dataTable tr.data:hover { background-color:#FFFF99; }
.dataTable .dash { border-bottom:1px dashed #cccccc; }
.dataTable .solid { border-bottom:2px solid #cccccc; }


table.tablemargin {
padding: 10px 25px
}

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

table.main td, table.main th {
	padding:5px;
}

select {
width:150px;	
}

.address {
color:#5F5F5F;	
}