/* CSS DOCUMENT */
/* Color Codes
Default Text:#666, Dark Green:#3B761E, Darkest Green:#305E12, Medium Green:#56A720, Light Green:#DEEAC7
*/
HTML, body {
	margin:0px;
	padding:0px;
	height:101%;
} 
p,body,td,div,{font-size: 11px;font-family: Verdana, Arial, Helvetica, sans-serif;color:#666}  
li, h1, h2, h3, h4 {font-family:Arial, Helvetica, sans-serif}
h1{font-size:16px}
h2 {font-size:14px}
h3 {font-size:12px}
img {}
select, textarea, input {font-size:11px}

A:link, A:visited {font-family:Arial, Helvetica, sans-serif;text-decoration:none}
A:active, A:hover {font-family:Arial, Helvetica, sans-serif;text-decoration:underline}

#outercontainer {position: relative; height: 100%; border-width: 10px 10px 0px 0px} 
#outerbody {background-color: #ffffff;margin: 0px;padding: 0px 20px}
#bodytable {vertical-align: top; padding: 0px; margin: 0px; border: 0px; }
#adminbody {margin:5px -5px;background-color: #eeeeee; padding:10px} 
#adminbody h1 {color: #990000;  font-weight: bold; font-size: 12px; padding: 1px 0px 0px 6px; margin: 0px 0px 0px 0px; }
#wizardbody {width: 400px; margin: 5px 10px 5px 10px; padding: 5px; min-height: 100%; text-align: center; background-color: #eeeeee; } 
#wizardcontent	{background-color: #eeeeee; margin: 0px auto; text-align: left;}
#wizardcontent h1 {color: #990000;  font-weight: bold; font-size: 12px; padding: 1px 0px 0px 6px; margin: 0px 0px 0px 0px; }
#headercontainer {margin: 0px;}

/* Start Header Settings */
/* The headerBG styles the whole header but mainly the top row */
.headerBG{background-color:#274E13;}
/* the td#logo styles the table cell containing your company logo*/
td#logo{height:106px; background-image:url(http://www.sausalitosprings.com/jadworks/sausalitosprings/jwsuite.nsf/wsconfig/wsconfig/$file/homeHeader.jpg)}
td#logo img{margin-bottom:-1px}

.header1BG {background-color:#56A720; border-top:solid 1px #91D35A}
.header1 {color:#fff; padding:2px 20px; text-align:center; width:70px; border-right:solid 1px #88DD50}
.header1 a{font-size:11px;color:#fff;font-weight:bold;text-transform:uppercase}
.header1 a:link, .header1 a:visited{text-decoration:none}
.header1 a:hover, .header1 a:active{text-decoration:underline}

.header2BG {background-color:#eee;border-bottom:solid 1px #ccc;border-top:solid 1px #3B761E}
.header2 {color:#305E12; text-align:center; width:70px; padding:0px 20px; border-right:solid 1px #ccc}
.header2 a{color:#305E12;font-size:11px;}
.header2 a:link, .header2 a:visited{text-decoration:none}
.header2 a:hover, .header2 a:active{text-decoration:underline}
/* End Header Settings */

/* Begin Left Menu Styles */
#leftmenu {position:relative;width:180px;background-color:#fff; margin:0px; padding:0px}
#leftmenuTD {padding:0px;margin:0px;border-right:solid 1px #aaaaaa;width:180px;}
#leftmenu img {padding:0px}
#lhellouser HR {display:none}
#leftmenu DIV{position:relative;padding:0px;margin:0px;height:auto;width:180px;}
#leftmenu DIV h1 {font-size:12px;color:#3B761E;font-weight:bold;margin:8px 0px 0px 10px}
#leftmenu DIV h1 a:link{color:#3B761E}
#leftmenu DIV ul {padding: 2px 0px 6px 4px; margin:0px;}
#leftmenu DIV ul li {color: #444444; font-size: 11px; padding: 0px 4px; margin:0px 6px 4px 14px;list-style: none;}
#leftmenu a:link, #leftmenu a:visited {color: #444444;text-decoration:none}
#leftmenu a:hover, #leftmenu a:active {color: #444444;text-decoration:underline}
#search h1 a:link, #search h1 a:visited{color:#3B761E}
#search ul input.search {font-size:10px;}
/* End Left Menu Styles */

/* START Settings for objects in BODY AREA */
#breadcrumb{position: relative; float:left;font-family:Arial, Helvetica, sans-serif;font-size:10px;width: auto;color: #999999; padding-top: 12px;}
#breadcrumb a {font-size: 10px;color: #999999;} 
#breadcrumb a:link, #breadcrumb a:visited {text-decoration:none} 
#breadcrumb a:hover, #breadcrumb a:active {text-decoration:underline}

#editicons{position:relative;float:right;width:200px;color:#999;padding-top:12px;margin-right:20px; margin-bottom:20px}
#editicons IMG {border:0px}
#editicons ul {margin-top:0px}
#editicons li {display: inline;font-size: 11px;float: right;}

.li_nostyle {list-style: none; display: none;}

#pagebody{font-family:Arial, Helvetica, sans-serif; font-size:11px; clear:both; margin-top:20px}
#pagebody h1 {padding: 10px 0px 0px 0px}
#pagebody a:link, #pagebody a:visited {font-size: 11px; color: #444;text-decoration:underline;}
#pagebody a:hover, #pagebody a:active {font-size: 11px; color: #444;text-decoration:none}
/* END Settings for objects in BODY AREA */

/* Begin Right Menu Styles */
#rightmenu {width:180px;background:#fff}
#rightmenuTD {width:180px;background:#fff}
#rightmenu div {border: dotted 1px #56A720; margin-top:10px}
#rightmenu h1 {border-bottom: dotted 1px #56A720; margin:0px; background-color:#DEEAC7; font-size:11px; color:#3B761E; padding:0px 4px}
#rightmenu ul {padding:0px;margin:0px}
#rightmenu li {margin:4px 10px;list-style:none;font-size:11px;}
#rightmenu select{margin-left:20px;}
#rightmenu li a {color:#666;font-size:11px;}
#rightmenu  a:link, #rightmenu  a:visited{font-size:11px;text-decoration:none}
#rightmenu  a:hover, #rightmenu  a:active{font-size:11px;text-decoration:underline}
/* End Right Menu Styles */

/* Start Admin Styles */
#printReady_adminHelp_content{
	margin-top:10px;
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
	font-size:11px;
	padding:0px 10px;
}
#printReady_adminHelp_content p {font-family:Arial, Helvetica, sans-serif;color:#333;font-size:11px}
#printReady_adminHelp_content ul, #adminHelpContent ol { margin:0px; padding:0px}
#printReady_adminHelp_content li {margin-left:-19px;color:#333;}
#printReady_adminHelp_content h1{font-size:14px; color:#3B761E}
/* style the content inside the adminHelp iFrame*/
#adminHelp iframe{ 
	width:198px; 
	height:500px; 
	border: dotted 1px #56A720; 
	margin-bottom:20px;
	overflow:auto;
}
/* style the iframe box */
#adminHelp h1{border: dotted #56A720; border-width:1px 1px 0px 1px; margin:0px; background-color:#DEEAC7; font-size:11px; color:#3B761E; padding:0px 4px 0px 4px; width:190px}

/* End Admin Styles */

/* Start Calendar settings */
.calendar {width: 90%; margin:10px; font-family:Arial, Helvetica, sans-serif; border-collapse:collapse}
.calendar tr{display: table-row; vertical-align:top; margin:0; padding:0}
.calendar th {border:solid 1px #333; background-color:#999; width: 14%; color:#fff; font-size:12px;}
.calendar td {border: solid #888 1px;}
.calendar table td {border:none; height: 75px; background-color:#fff}
.date td.weekendtop, .date td.weekdaytop {border-bottom: solid #888 1px; background-color:#ddd; padding-left:3px; font-size:11px; height:auto}
/* -------------- style the div tag containing the links in the Calendar ----------------*/
div.cellcontent{ overflow: auto; height:75px;}
div.cellcontent A:LINK, div.cellcontent A, div.cellcontent A:VISITED {background-color:#E0F6D0; display: block; padding:2px; margin:2px 1px; color:#333;}
div.cellcontent A:HOVER {background-color: #56A720; color:#FFF; text-decoration:none}
/* -------------- style the cells with no dates in the Calendar ----------------*/
.calendar table td.spacetop{background-color:#fff; height:auto}
.calendar table td.spacebottom {border:none; height: 75px; background-color:#fff}

/* End Calendar Settings */

/* Begin Footer Settings */
.footercontainer {width:100%; background-color: #fff;}
.footer1 {background-color:#aaa;text-align:center;font-family:Arial, Helvetica, sans-serif;font-size:10px;color:#fff;padding:4px 0px;border-top:solid 1px #777; border-bottom:solid 1px #777} 
.footer1 a {font-family:Arial, Helvetica, sans-serif;font-size:10px;color:#fff; border:none}
.footer2 {font-family:Arial, Helvetica, sans-serif; font-size:10px;color:#515151; border-top:solid 1px #aaa;height:16px;text-align:center} 
/* End Footer Settings */

/* Begin Clearing style */
.clear:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clear {display: inline-block;}
/* Hides from IE-mac \*/
* html .clear {height: 1%;}
.clear {display: block;}
/* End hide from IE-mac */
/* End Clearing style */