/**********************************************************************************************

	CSS on Sails
	Title:Website
	Author:XHTMLized
	Date:March 2008 

***********************************************************************************************

		
	1. BASE
			1.1 Reset
			1.2 Default styles
			1.3 Basic styles
	
	2. LAYOUT
			2.1 Header
			2.2 Content
			2.3 Sidebar
			2.4 Footer
		

***********************************************************************************************/


/* 1. BASE
-----------------------------------------------------------------------------------------------
===============================================================================================*/	



/* 1.1	Reset only for Sidebar,Footer & Header
-----------------------------------------------------------------------------------------------*/	

	html,body {margin:0;padding:0;}

	a {outline:0;}

	div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, font, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td {
		margin:0;
		padding:0;
		border:0;
		outline:0;
	}
	
	body {
		line-height:1;
	}
	
	#header ol, #header ul,
	#sidebar ol, #sidebar ul,
	#footer ol, #footer ul {
		list-style:none;margin:0;padding:0;border:0;outline:0;
	}
	
	#header h1,
	#header h2,
	#header h3,
	#header h4,
	#header h5,
	#header p,
	#sidebar h1,
	#sidebar h2,
	#sidebar h3,
	#sidebar h4,
	#sidebar h5,
	#sidebar p,
	#footer h1,
	#footer h2,
	#footer h3,
	#footer h4,
	#footer h5,
	#footer p {margin:0;padding:0;border:none;outline:0;font-weight:normal;}
	:focus {outline:0;}
	


/* 1.2	Default styles
-----------------------------------------------------------------------------------------------*/	

  body {font-family:Georgia,"Times New Roman",Times,serif;}
  #header, #footer {font-family:Verdana,Arial,Helvetica,sans-serif;}

  hr {display:none;}
  #content hr {display:block;margin:20px 0;}
	strong {font-weight:bold;}
	em {font-style:italic;}
	abbr, acronym {border-bottom:1px dotted #999; cursor:help;}
	
	input, textarea, select {
		font:1.2em Arial, Helvetica, sans-serif;
	}

	a {color:#1695a3;text-decoration:none;}
	a:visited {color:#598328;}	
	a:hover, a:active {text-decoration:underline;}
	
	#sidebar a,
	#sidebar a:visited,
	#sidebar a:hover,
	#sidebar a:active {color:#1695a3;text-decoration:none;}

  #footer a,
	#footer a:visited,
	#footer a:hover,
	#footer a:active
  {color:#8e8e8e;text-decoration:none;}
  #footer {color:#8e8e8e;}
	
	#zd-alt-nav a,
	#zd-alt-nav a:visited,
	#zd-alt-nav a:hover,
	#zd-alt-nav a:active {color:#23507a;}
	
	#header div.sizeswitch a,
	#header div.sizeswitch {color:#23507a;}
	
	.zd-breadcrumbs a,
	.zd-breadcrumbs a:visited,
	.zd-breadcrumbs a:hover,
	.zd-breadcrumbs a:active {color:#1695a3;}
	
	#content .cell-label label {display:block;line-height:14px;padding:4px 0;}
	#content #zd-field-join_enews-tr label {display:inline;padding:0;}
	.input-textarea {margin-top:3px;}
	.form-table td {line-height:1.4em;}
  .form-note {display:block;line-height:1.5em;}
  .form-note br {display:none;}


/* 1.3	Basic styles
-----------------------------------------------------------------------------------------------*/	

	.hide {display:none;}
	
	.clearfix:after,
	#wrapper:after,
	#sidebar #zd-nav ul:after,
	#content:after,
	#content ul.info-list:after
	{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
	
	/* To be moved to ie.css when moving to a production environment */
  .clearfix,
  #wrapper,
  #sidebar #zd-nav ul,
  #content,
  #content ul.info-list
  { zoom:1; }

/* 2. LAYOUT
-----------------------------------------------------------------------------------------------
===============================================================================================*/	

	body {text-align:center;}
	.container {width:900px;position:relative;margin:0 auto;text-align:left;}
	#header .container {height:205px;}
	
	/* Default (two column layout) */
	#content {width:615px;float:right;padding-right:30px;}		
	#sidebar {width:205px;float:left;padding-left:30px;}	
	#footer {clear:both;height:180px;}
	#footer .container {padding-top:140px;}
				
	#content #main-content {	width:375px;float:left; }		
	#content #zd-content2 {width:220px;float:right;}
	
	body#homepage #header .container {height:430px;}
	body#homepage #content {padding:0 20px;width:860px;min-height:inherit;}
	* html body#homepage #content {height:0;}
	*+html body#homepage #content {min-height:0;}
		
	/* Main Backgrounds */
	body {background:url(../images/bg_body.jpg) top center no-repeat;}
	#header .container {background:url(../images/bg_header.jpg) 0 40px no-repeat;}
	#wrapper {background:url(../images/bg_container.gif) top center repeat-y #fff;}
	#footer {background:url(../images/bg_footer.png) top center no-repeat;}
	* html #footer {background-image:url(../images/bg_footer.gif);}
	#footer .container {background:url(../images/bg_footer-c.jpg) top center no-repeat;}
	


/* 2.1	Header
-----------------------------------------------------------------------------------------------*/	

	#header .logo {position:absolute;top:60px;right:10px;width:652px;height:130px;background:url(../images/bg_logo.png) no-repeat;}
	#crc-body #header .logo {position:absolute;top:60px;right:10px;width:652px;height:142px;background:url(../images/bg_logo_cc.png) no-repeat;}
	#drc-body #header .logo {position:absolute;top:60px;right:10px;width:652px;height:142px;background:url(../images/bg_logo_dc.png) no-repeat;}
	#header .logo a {position:absolute;top:0;right:14px;width:130px;height:130px;line-height:130px;font-size:10px;text-align:center;color:#000;text-indent:-9999px;}
	#header .logo a span {position:absolute;top:0;left:0;width:130px;height:130px;background:url(../images/logo.png) no-repeat;cursor:pointer;}
	
	#accessibility-links {position:absolute;left:-1000em;text-align:left;}
	
	/* Alt Nav */
	ul#zd-alt-nav {float:right;height:34px;padding:8px 0 0 0;}
	ul#zd-alt-nav li {float:left;}
	ul#zd-alt-nav a {float:left;line-height:32px;font-size:1.2em;padding:0 8px;}
	
	/* Size Switch */
	div.sizeswitch {float:right;line-height:32px;height:34px;padding:4px 6px 0 8px;}
	  div.sizeswitch span {float:left;font-size:1.2em;line-height:32px;padding:4px 4px 0 0;}
  	div.sizeswitch a {text-decoration:none;}
  		div.sizeswitch a:hover, div.sizeswitch a:focus {text-decoration:underline;}
  		div.sizeswitch a.current {text-decoration:underline;cursor:default;}
  		div.sizeswitch a.s {font-size:14px;}
  		div.sizeswitch a.d {font-size:18px;}
  		div.sizeswitch a.l {font-size:23px;}
  		
  /* Date */
  #header p.date {float:left;line-height:32px;padding:8px 0 0 10px;font-size:1.2em;color:#23507a;}
  
  /* Homepage Header */
	body#homepage #header .logo {height:100px;z-index:3;}
	body#homepage .gallery-slideshow-shell {position:absolute;top:143px;right:10px;width:652px;height:276px;}
	body#homepage #zd-nav-container {position:absolute;top:205px;left:31px;width:205px;font-family:Georgia,"Times New Roman",Times,serif;}

/* 2.2	Content
-----------------------------------------------------------------------------------------------*/	

  #content {font-size:1.2em;}

	#content p ol, #content p ul, #content ul p, #content ol p {font-size:1em;}
	ol li {line-height:1.5em;}
	ol {padding-left:30px;}
	ul {list-style-type:disc;list-style-position:outside;padding-left:30px;}
	ul ul {list-style-type:circle;}
	ul ul ul {list-style-type:square;}
	
	#content ul div.body ul {list-style-type:disc;}
	#content ul div.body ul ul {list-style-type:circle;}
	#content ul div.body ul ul ul {list-style-type:square;}
	
	ul {list-style-type:disc;list-style-position:outside;padding-left:30px;}
	ul ul {list-style-type:circle;}
	ul ul ul {list-style-type:square;}
	
	#content #zd-content2 ul, body#homepage #content ul  {list-style-type:none;list-style-position:outside;padding-left:19px;}
	#content #zd-content2 ul li, body#homepage #content ul li {padding-left:10px;background:url(../images/subnav.gif) left 7px no-repeat;;}
	#content #zd-content2 ul ul, body#homepage #content ul ul  {list-style-type:none;}
	#content #zd-content2 ul ul ul, body#homepage #content ul ul ul {list-style-type:none;}
	#content p.important {font-size:1.12em;line-height:1.5em;}
	
	#content .zd-breadcrumbs {display:block;padding-top:4px;color:#066b9d;line-height:18px;margin-bottom:10px;}
	
	#content h1,
	#content h2,
	#content h3,
	#content h4,
	#content h5,
	#content h6 {color:#9d0620;margin:10px 0 0 0;font-weight:normal;color:#23507a;}
	
	#content h1 {font-size:1.66em;line-height:1.1em;}	
	#content h2 {font-size:1.52em;line-height:1.1em;}
	#content h3 {font-size:1.39em;line-height:1.19em;}	
	#content h4 {font-size:1.26em;line-height:1.32em;}	
	#content h5 {font-size:1.13em;line-height:1.47em;}	
	#content h6 {font-size:1em;line-height:1.66em;} 
	
	#content address {margin:5px 0;}
	
	#content #page-title {font-size:1.66em;}
	
	#content p {line-height:1.66em;margin:0 0 20px;text-align:left;}
	#content p.left {text-align:left;}
	#content p.center {text-align:center;}
	#content p.right {text-align:right;}
	#content pre {font-size:12px;}
	
	#content blockquote {padding:10px 10px 0 10px;font-style:italic;}
	
	#content ul, #content ol {margin:10px 0;line-height:1.5em;}
	#content ul ul, #content ol ol {margin:5px 0;} 
	#content ul p {margin:0;}
	#content ul div.body p {margin:0 0 20px 0;}

  #content form input {font-size:1em;}
	
	#content img.right {float:right;margin:10px 0 10px 10px;}
	#content img.left {float:left;margin:10px 10px 10px 0;}
	
	#content img.main {float:right;border:3px solid #23507a;margin:0 0 0 10px;position:relative;top:-25px;}
	#content div.slideshow {float:right;width:212px;height:200px;border:3px solid #23507a;margin:0 0 0 10px;position:relative;top:-25px;}

  /* eNews */

#content .zd-announcements-subscribe-form-table td p {
	margin: 5px 5px 5px 0;
}

  /* Links */
#content ul.link-list p {
	margin: 0 0 20px 0;
}

/* new Personnel */
#content #zd-template-person-browse-532 .people-list {
    padding-left:0px;
}
#content #zd-template-person-browse-532 .person {
    float: left;
    height: 150px;
    list-style-type: none;
    margin: 0 0 0 15px;
    width: 290px;
}
#content #zd-template-person-browse-532 .people-list ul {
    line-height:1.66em;
}
#content #zd-template-person-browse-532 .person .image{
    float:left;
    margin-right:10px;
}
#content #zd-template-person-browse-532 .person img{
    /*width:120px;*/
}
#content #zd-template-person-browse-532 .person-info .name {
    font-weight:bold;
}


/* FAQ */
#zd-template-item-browse-528 .faq-list li .title{
    border-bottom: 1px solid #5883AB;
}
#zd-template-item-browse-528 .faq-list:first {
    border-top: 1px solid #5883AB;
}

#zd-template-item-browse-528 .faq-list {
    border-top: 1px solid #5883AB;
    list-style-type: none;
    line-height:2em;
    padding-left:0;
}
#zd-template-item-browse-528 .faq-list ul{
    list-style-type: none;
    line-height:2em;
    margin-top:0;
    margin-bottom:0;
}

  /* CRC Water Tips */
  /* Content1 full list of water tips */
#content #zd-content1 #zd-template-item-browse-525 li, #content #zd-content1 #zd-template-item-browse-525 ul{
    padding-bottom: 5px;
    padding-top:5px;
    margin-top: 0;
    margin-bottom: 0;
    list-style-type: circle;
    border:none;
}
  /* Content2 sidebar shortlist */
#content #zd-content2 #zd-template-item-browse-525 ul {
	margin-left: 0;
	margin-bottom: 10px;
	padding: 0;
	list-style-type:circle;
	border:none;
}
#content #zd-content2 #zd-template-item-browse-525 li {
	margin-left: 17px;
	margin-bottom: 0;
	padding-left: 10px;
	padding-bottom:3px;
	padding-top:0;
	background: none;
	border:none;
	background:url(../images/subnav.gif) left 7px no-repeat;
}

#content #zd-content2 #zd-template-item-browse-525 li.item div, #content #zd-content2 #zd-template-item-browse-525 li.item p {
	display: inline;
}
/*
#content #zd-content2 #zd-template-item-browse-525 li.item .title a {
	color: #000;
	text-decoration: none;
}*/

#content #zd-content2 #zd-template-item-browse-525 div.info-all-link a {
	padding-left:9px;
	background:url(../images/all.gif) left center no-repeat;
}




  /* Public Info */
  #content #zd-template-item-browse-522 {
	list-style-type: none;
	border: none;
  }
  #content #zd-template-item-browse-522 ul ul {
	padding-left: 20px;
  }
  #content #zd-template-item-browse-522 li, #content #zd-template-item-browse-522 li.item {
	padding: 5px 0;
	list-style-type: none;
	border-bottom: 1px solid #5883AB;
  }
  #content #zd-template-item-browse-522 li.item ul, #content #zd-template-item-browse-522 li.item ol {
	padding-left: 30px;
	margin: 0;
  }
  #content #zd-template-item-browse-522 li.item li {
	list-style-type: square;
	border: none;
  }
  #content #zd-template-item-browse-522 li.item ol li {
	list-style-type: decimal;
  }
  #content #zd-template-item-browse-522 li.item ol ul li {
        list-style-type: square;
  }
  #content #zd-template-item-browse-522 li.item div.revealed {
        margin: 0 0 0 10px;
  }
  
  
  /* Gallery 2 slideshow/header */
  
	/*#header #zd-template-slideshow-538 {
	    position:absolute;
	    left:238px;
	    top:50px;
	    z-index:-1
	    float:right;
	    width:652;
	}
   
	#header .gallery-slideshow img {
	    display:block;
	    display:block;
	}
	*/
	
	
	#zd-template-slideshow-539 .gallery-slideshow {
	    list-style-type:none;
	    padding:0;
	    margin:0;
	}

  /* Homepage */
  body#homepage #content .col1,
	body#homepage #content .col2,
	body#homepage #content .col3,
	body#homepage #content .col4 {width:208px;float:left;margin-right:9px;}
	body#homepage #content .col4 {float:right;margin-right:0;}
	
	body#homepage #content .col1 h2,
	body#homepage #content .col2 h2,
	body#homepage #content .col3 h2,
	body#homepage #content .col4 h2 {height:43px;line-height:43px;text-align:center;font-size:1.66em;text-transform:uppercase;background:#1695a3;color:#fff;font-family:Verdana,Arial,Helvetica,sans-serif;font-weight:normal;margin:0 0 10px 0;}
	body#homepage #content .col1 h2 {background-color:#598328;}
	body#homepage #content .col2 h2 {background-color:#1695a3;}
	body#homepage #content .col3 h2 {background-color:#eb7f00;}
	body#homepage #content .col4 h2 {background-color:#23507b;}
	
	#content div.slide-body ul.info-list, #content div.slide-body ul.news-list {border-top:1px solid #5883ab;padding:0;}
	#content div.slide-body ul.info-list li.item, #content div.slide-body ul.news-list li.item {list-style:none;padding:20px 0;border-bottom:1px solid #5883ab;}
  #content div#zd-template-item-browse-523.slide-body ul.news-list li.item span a,
	#content div#zd-template-item-browse-523.slide-body ul.news-list li.item span a:hover {text-decoration:none;cursor:default;}
	#content div.slide-body ul.info-list li.item div.revealed {margin-bottom:-20px;}
	
	body#homepage #content ul.news-list {padding:0 0 1px 0;margin:0 0 5px 0;border:none;}
	body#homepage #content ul.news-list li {padding:0;margin:0 0 10px 0;background:none;border:none;}
	body#homepage #content ul.news-list li div.title a {color:#000;}
	body#homepage #content ul.news-list li div.intro {display:none;}
	body#homepage #content div.news-all-link a {padding-left:9px;background:url(../images/all.gif) left center no-repeat;}
	
	body#homepage #content #zd-content1,
	body#homepage #content #zd-content2,
	body#homepage #content #zd-content3,
	body#homepage #content #zd-content4 {padding:0 10px;}
	
	

/* 2.3	Sidebar
-----------------------------------------------------------------------------------------------*/	

  #zd-nav {}
  #zd-nav li {float:left;width:100%;}
  #zd-nav li a {float:left;font-size:1.5em;line-height:1.2em;}
  #zd-nav li a:hover {text-decoration:underline !important;}
  #zd-nav a.zd-nav-sub-current {text-decoration:underline;cursor:default;}
  #zd-nav a.zd-nav-active {text-decoration:underline;cursor:default;}
  #zd-nav a.zd-nav-current {text-decoration:underline;/*cursor:default;*/}
  
  /* Level 1 links */
  #zd-nav li a.level-0 {padding:9px 0 9px 9px;text-transform:uppercase;color:#000;}
  #zd-nav li a.level-0:hover {}
  #zd-nav .zd-nav-active a.level-0 {font-weight:bold;text-decoration:none;}
  #zd-nav .zd-nav-first a.level-0 {padding-top:4px;}
  
  /* Sub-levels */
  #zd-nav ul.zd-sub-nav {clear:both;padding-left:10px;margin-bottom:5px;}
  #zd-nav ul.zd-sub-nav ul.zd-sub-nav {padding-left:13px;margin-bottom:0;}
  
  /* Sub-levels Links */
  #zd-nav ul.zd-sub-nav a {font-weight:normal;color:#1695a3;padding:3px 0 3px 12px;background-image:url(../images/subnav.gif);background-position:left center;background-repeat:no-repeat;}
  
  
  /* Level 3 */
  #zd-nav ul.zd-sub-nav ul.zd-sub-nav a {color:#598328;background-image:url(../images/subnav2.gif);}
  
  /* Level 4 */
  #zd-nav ul.zd-sub-nav ul.zd-sub-nav ul.zd-sub-nav a {color:#5883ab;background-image:url(../images/subnav3.gif);}
    

/* 2.4	Footer
-----------------------------------------------------------------------------------------------*/	

#footer p {padding-right:25px;text-align:right;line-height:40px;height:40px;padding-bottom:10px;}

#footer .container {position:relative:;}
#footer .container a.subscribe {position:absolute;top:45px;left:29px;width:150px;height:80px;}
#footer .container a.subscribe span {cursor:pointer;position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(../images/subscribe.jpg);background-position;top left;background-repeat:no-repeat;}
#footer .container a.subscribe:hover span {background-position:bottom left;}

/* Customer Center styles */

#crc-body #footer {
	background: none;
}
#crc-body #footer .container {
	z-index: -1;
}
#crc-body #footer .container a.subscribe {
	display: none;
}
#comodo-shell {
	clear: both;
	padding: 20px 0 20px 20px;
}

.form {
	margin: 1em 0 0 0;
	border: 2px solid #1696a3;
	padding: 20px 10px 10px 10px;
}
.form .cell-label {
	vertical-align: top;
}
.form .cell-submit #submit_button {
	background: #23507a;
	color: #fff;
	border: none;
	padding: 5px 10px;
	cursor: pointer;
	text-transform: uppercase;
}
.form .cell-submit #submit_button:hover {
	background: #43709a;
}
#zd-form-create_step1 {
	background: url(../images/bill_excerpt.gif) 10px 160px no-repeat;
}
#zd-form-create_step1 td.cell-input {
	width: 200px;
}
#zd-form-create_step1 #zd-field-note-tr td.cell-label {
	padding-bottom: 200px;
}
#zd-form-login {
	margin: 20px;
}
.form .form-note {
	display: block;
	color: #666;
	font-size: 80%;
	padding: 0 0 0 5px;
}
.form .form-header, .feedback-form h4.form-heading {
	display: block;
	padding: 5px 2px !important;
	margin: 10px 0 !important;
	background: #eee;
	font-size: 1.2em;
	color: rgb(35, 80, 122);
}
.feedback-form .label-cell {
	line-height: 1.4em;
}
.feedback-form .spam-note {
	margin: 10px 0 0 0;
}
.feedback-form h4 {
	
}
.payment-progress {
	float: right;
	width: 210px;
}
#zd-form-one_time, #zd-form-one_time_verify, #one-time-confirm {
	padding-top: 0;
	width: 375px;
}
#zd-field-amount {
	width: 70px !important;
}
#zd-field-cvv2 {
	width: 50px !important;
}
.form th, .form td {
	padding: 5px;
}
p.error, p.feedback {
	margin: 1em 0 !important;
	background: #fdd;
	font-weight: bold;
	padding: 10px;
	color: #400;
}
p.feedback {
	background: #dfd;
	color: #040;
}
.label-problem {
	color: #c00;
}
#account-overview {
	border: 2px solid #1696a3;
	padding: 10px;
}
.overview-section h5 {
	margin: 0 !important;
	padding: 2px;
	background: #eee;

}
.overview-section th {
	font-weight: normal;
	text-align: left;
	color: #666;
	vertical-align: top;
	padding: 0 15px 0 0;
}
.overview-section th, .overview-section td {
	padding: 5px;
}
.overview-section .owner-details {
	line-height: 1.4em;
}
#zd-form-update .input-text, #zd-form-one_time .input-text {
	width: 200px;
}
.step {
	background: #fff;
	padding: 2px 10px;
	margin: 0 !important;
	border-bottom: 1px solid #ddd;
	color: #888;
}
.step.current {
	background: #fec;
	color: black;
}
.payment-progress h3 {
	margin-bottom: 1em !important;
}
.form-readonly {
	color: #888;
}
#zd-field-amount_due-tr .cell-label {
	color: #888;
}
#zd-form-one_time .cell-label {
	width: 130px;
}
#one-time-verify table, #one-time-confirm table {
	border-collapse: collapse;
	border-spacing: 0;
	margin: 0 0 10px 0;
}
#one-time-verify td, #one-time-confirm td {
	padding: 5px 5px 5px 20px;
	color: #888;
}
#one-time-confirm table {
	border: 2px solid #1696a3;
}
#one-time-verify p {
	margin: 10px 0 0 0;
}
#submit_button.disabled {
	background: #aaa !important;
}
table.bill {
	margin: 20px 0;
	border-spacing: 0;
}
table.bill th {
	padding: 5px 20px 5px 5px;	
	text-align: left;
	background: #eee;
}
table.bill td {
	padding: 5px 20px 5px 5px;
}
p.none {
	margin: 20px 0 !important;
}
table.bill tr.total td {
	border-top: 1px solid #ccc;
}
#usage-report .quantity {
	background: #46a;
	color: #fff;
	padding: 3px;
}
#usage-report table {
	margin: 10px 0;
	border-spacing: 0;
}
#usage-report table td, #usage-report table th {
	padding: 5px;
}
#zd-form-service_call .form-table .cell-label, #zd-form-stop_service .form-table .cell-label {
	width: 250px;
}

#login-disabled {
	font-weight: bold;
	padding: 10px;
	border: 1px solid #dcc;
	margin: 1em 0;
	color: #800;
	background: #fee;
}