@import url("map-options.css");

button, input[type=submit] { white-space:nowrap; }
button *, input[type=submit] *{ vertical-align:middle; padding-right:3px; position:relative; top:0px; white-space:nowrap;}
a * { vertical-align:middle; }
a img { margin: 0 2px; }

ul { margin:0 10px 0 20px ; padding:0;}
li { margin:0; padding: 0; }

form {
   margin:0;
   padding:0;
}

.errortextbox { text-align:left; }
.error-text, .error, .ERROR{ margin: 5px 0; padding:5px; color: #A00; font-weight: bold; border: 1px solid #a00; }
.info, .INFO{ margin: 5px 0; padding:5px; color: #0A0; font-weight: bold; border: 1px solid #0a0; }

.separator{
   background-color:#cacff3 !important;
   margin:5px 0 10px 0;
   height:1px;
}

.login-container {
   float:left; 
   width:250px; 
   background:url(../images/gg2009/sideNavBg.jpg) repeat-y;
   padding-bottom:10px;
}

.login-container strong {
   color:#09873d;
   font-size:14px;
   padding-right:5px;
}

.login-container input {
   width:142px;
}

.signup-button {
   background:url(../images/sign-upButton.gif);
   height:32px;
   width:78px;
   border:0;
   cursor:pointer;
   cursor:hand;
}

.login-button {
   background:url(../images/log-inButton.gif);
   height:32px;
   width:78px;
   border:0;
   cursor:pointer;
   cursor:hand;
}


button.forgot-password:hover {color:#168f02; text-decoration:underline;}

button.forgot-password {
   color:#2e8242;
   font-weight:bold;
   width: 135px;
}


button.no-button {border:none; background:transparent; margin:0; padding:0; cursor:pointer; cursor:hand;}

.claim-buttons{ float:right; }

html{ font: normal normal normal 78%/normal arial, Helvetica, sans-serif; }

body{
   background:#fff url(../images/gg2009/bodyBG.jpg);
   background-attachment: fixed;
   background-position:bottom;
   background-repeat:no-repeat;
   color:#39393a;
   font-family: Arial, Helvetica, sans-serif;
}

a {text-decoration:none;}

a:link {color:#2e8242;font-weight:bold;}

a:visited {color:#2e8242;font-weight:bold;}

a:active {color:#2e8242;}

a:hover {color:#168f02;	text-decoration:underline;}

a img {border:none;}

hr { background-color: #0B9444; border:none; height:1px;}

p { padding:4px 4px; margin:0px 0px; line-height:1.35em; text-indent:0px;}

h1 {
	color:#42894d;
	font-size:18px;
	font-weight:normal;
	margin:5px 5px;
	padding:0px;
}

h2 {
   background:url(../images/gg2009/footerNavBg.jpg);
	color:#fff;
	font-size:18px;
	font-weight:normal;
	margin:0px 0px 10px 3px;
	padding:2px 0px 2px 15px;
}

h3 {
	color:#343e81;
	font-size:15px;
	font-weight:normal;
	line-height:1.3em;
	margin:0px 0px;
	padding:5px 0px 8px 4px;
}

h4 {
	color:#343e81;
	font-size:16px;
	font-weight:normal;
	margin:10px 0px 4px 0px;
	padding:0px 2px;}

h5 {background:url(../images/gg2009/sideNavHeadingBg.gif) no-repeat;
	color:#fff;
	font-size:15px;
	font-weight:normal;
	margin:0px 0px 4px 0px;
	padding:6px 12px;}


/*--- IDs and Classes -----------------------------------*/


#page{ margin:0px auto; text-align:left; width:765px; position:relative; z-index:10; }

#mainNav{
   color:#65b486;
   font-size:14px;
   margin:0px 0px;
   padding-top:2px;
   text-align:center;
   vertical-align:middle;
}

  #mainNav a{text-decoration:none;}
  #mainNav a:link{color:#fff;font-weight:normal;}
  #mainNav a:visited{color:#fff;font-weight:normal}
  #mainNav a:active{color:#fff;font-weight:normal}
  #mainNav a:hover{color:#24ff00;}

  #mainNav td {border-right: 1px solid #64b486; width:150px;}
  #mainNav td.last {border-right: none;}
  #mainNav table {width:100%; border:none; border-collapse:collapse; }
  #mainNav .menu-link, #mainNav .menu-link a {float:left; width:100%;}

  .sub-menu { float:right; }
  .sub-menu .menu-link{ padding: 2px; margin: 0 3px; border-bottom: 1px dotted; white-space:pre; }
  .sub-menu a:hover {color:#1E4F35; text-decoration:none;}
  .logged-in-menu {background-color:#e6f6ed; }
  .logged-in-menu .menu-link{ padding: 2px; margin: 0 3px; border-bottom: 1px dotted; }
  .logged-in-menu a:hover {color:#1E4F35; text-decoration:none;} 


#contentContainer{
	background-color:#fff;
	border-bottom:solid 2px #0b9444;
	border-left:solid 1px #0b9444;
	border-right:solid 1px #0b9444;
	margin:0px 0px;
	padding:4px 9px;
	width:744px;
	}

#contentBg{
	margin:0px 0px;
	padding:0 6px 0 0;
	}

	#rightContent{
		float:right;
		width:470px;
		}

		.greenBg{
			background:url(../images/gg2009/ourGoalGreenBg.jpg) repeat-y;
			padding:4px 4px;}


	#leftContent{float:left; width:250px; background:url(../images/gg2009/sideNavBg.jpg) repeat-y;}

		#searchHomes{ margin:4px 0px 0px 5px; padding: 0px 6px; width:455px;}

		.padding{padding:0px 6px 5px 8px;}

/* image float classes -------------------------------*/

		.left {
			float:left;
			margin:4px 8px 2px 0px;}

		.right {
			float:right;
			margin:6px 0px 0px 6px;}


#footer{
	clear:both;
	font-size:10px;
	margin:10px 0px 0px 0px;}

	#footerNav{
		background:url(../images/gg2009/footerNavBg.jpg) no-repeat;
		color:#357d53;
		font-size:11px;
		margin:5px 0px 0px 0px;
		padding:5px 5px}

		#footerNav a{text-decoration:none;padding:0px 2px;}
		#footerNav a:link{color:#357d53;font-weight:normal;}
		#footerNav a:visited{color:#357d53;font-weight:normal}
		#footerNav a:active{color:#357d53;font-weight:normal}
		#footerNav a:hover{color:#1E4F35;}
		
		#footerNav td {border-right: 1px solid #64b486;padding: 0px 5px;}

	#footerSponsors{
		float:right;
		margin:5px 0px;
		width:400px;
		}

/*this element is for accesibility and shouldnt be displayed*/
a.home-link h1{ display:none; }
#header{ background: url(../images/gg2009/headerBG.png) no-repeat; padding:0px; }
#header a.home-link{ float:left; height:245px; width:100%;}
#header-slim{ 
   background: url(../images/gg2009/headerBG_content.png) no-repeat; padding:0px;}
#header-slim a.home-link{ float:left; height:93px; width:100%;}

/* use on the faq pages */

.adminLinks a{ color:white; }

/* use on the faq pages */
.faq-entry { padding-bottom:10px; }
.question{  font-weight:bold; }
.answer{ padding-left:10px; padding-top:5px; }

.charts{
   text-align:center;
   position:relative;
}

.charts img {
  background-color:#D0E9FF;
  margin:2px;
  padding:5px;
}


.detail .requiredstar{
   margin-left:5px;
   color:red;
}

.detail td.label{ width:50%;  }
.detail td { border-bottom: 1px solid #B6D8C5; padding: 3px 0; }
.detail .label, .detail label{
   font-size:16px;
   position:relative;
   padding-right:3px;
   max-width:33%;
   text-align:right;
}

.stacked.detail .label, .stacked.detail label{ text-align:left; max-width:100%;}
.small { font-size:.8em; }
.detail .small.note{
   margin-left:5px;
}

.detail .value {
   margin-bottom:10px;
   vertical-align:top;
}

.grid {
  border: 1px solid #6AD;
  padding:0px;
  margin:0px;
  border-spacing:0px;
}
.grid tr td, .grid tr th{
  border: 1px solid #36593D;
  padding:3px;
  margin:0px;
}

.grid tr th{
  color:white;
  background-color:#6AAE7A;
}

.grid .altrow, .grid .row{
  padding:0px;
  margin:0px;
}

.row td
{
  background-color:#FFF;
}
.altrow td
{
  background-color:#EFE;
}

a[href^="#ft"] {
   font-size:.8em;
}

#usagestabs{
   vertical-align:middle;
   display:inline;
   width:100%;
}

#usagestabs .tab{
   vertical-align:middle;
   text-align:center;
   float:left;
   margin:2px;
   padding:2px;
   list-style:none;
   background-color:#6AAE7A ;/*#297E3E;*/
   font-size:.9em;
   border: 3px solid #36593D;
}

.tab-body > * {
   position:relative;
   top: -17px;
}
.tab-body .tab-header{/* for IE6 */
   border-width: 0px 0px 0px 0px;
   border-style: solid;
   border-color: #36593D;
   position:relative;
   top: -34px;
}
.tab-body > .tab-header{
   border-width: 0px 0px 0px 0px;
   border-style: solid;
   border-color: #36593D;
   position:relative;
   top: -34px;
}

.tab-body{
   border-width: 3px 3px 3px 3px;
   border-style: solid;
   border-color: #36593D;
   margin-top:40px;
}


#usagestabs .tab *, #usagestabs .tab span, #usagestabs .tab span *{
   vertical-align:middle;
   text-align:center;
   margin:3px;
}

#usagestabs .tab .first{
   border-left:#FFF777 0px none;
}

#usagestabs a, #usagestabs a:active,  #usagestabs a:visited{
   color:white;
   text-decoration:none;
}

#usagestabs a:hover{
   color:#fff777;
   text-decoration:none;
}
#usagestabs .tab.selected *{
   color:#000;

}
#usagestabs .tab.selected {
   background-color:#FFF;
   color:#000;
   border-bottom: 3px solid #FFF;
}

.usage-cell{
  width:95%;
  overflow: auto;
  height:300px;
}


.killFloat,.killfloat,.kill-float{
   clear:both;
   line-height:0px;
   font-size:0pt;
}

.rankings{
  padding: 10px;
}

.usage-icons img{
   margin:3px;
   vertical-align:middle;
}
.usages-holder {
  width:100%;
  padding:3px;
}

.usages-holder hr {
   margin-right:5px;
}

.usage-header th {
  border-bottom: 1px solid #6A7;
}

.usages-aggregate{
   width:95%;
}
.usages-aggregate tr td.title{
  font-weight:bold;
  text-align:center;
}

.home-info-tiny{ 
  font-size:1em;
  width:300px;
}
.home-info-tiny h3{ 
   font-size:1em;
   font-weight:bold;
   padding-left: 0;
}


/* mapping styles */

.map {
   margin-top: 10px;
   margin-left:-5px;
   margin-right:-10px;
}

.map .footer h5{
   color:#40A265;
   background:none;
   position:relative;
   font-weight:bold;
   padding-bottom: 6px;
}

.map .compare-options .other-compare-label{
   font-style:italic;
   font-weight:bold;
}

.map .compare-options ul{
   margin: 6px 0;
   padding-left:20px;
   list-style-image: url(../images/gg2009/Bullet.jpg);
   list-style-type: circle;
}

.map .legend .holder{
   margin-left:auto;
   margin-right:auto;
   width:717px;
   height:45px;
   padding-top:5px;
   background: url(../images/LegendBg.jpg) no-repeat;
}
.map .legend .holder span{
   color:#40A265;
   font-weight:bold;
   margin-top:2px;
   font-size:1.1em;
}
.map .canvas{
   padding:10px 5px 10px 10px;
   background: url(../images/gg2009/map-control-gradient.jpg) no-repeat;
   background-color: #099647;
}

.map .footer{
   padding: 0 14px 4px 8px;
   margin-left:2px;
   background: url(../images/gg2009/map-control-side-fade.jpg) repeat-y;
   background-position:right;
   background-color: #099647;
}

/*
.map .canvas .map-options{
  padding:10px 5px 10px 10px;
}

.map .canvas .map-options img.usage-type {
   padding: 5px;
}

.map .canvas .map-options img.usage-type:hover{
   border:dotted 1px black;
}

.map .canvas .map-options img.usage-type.selected {
   border:solid 1px black;
}

.map .canvas .map-options span.link {
   text-decoration:underline;
}

.map .canvas .map-options div.link {
   border:1px solid black;
   padding:10px;
   width:300px;
}

.map .canvas .map-options div.link div.close {
   float:right;
   text-decoration:underline;
}

.map .footer{
   background: url(../images/liteBlueGradientBg.gif) repeat-y;
   padding-left:10px;
   padding-bottom:5px;
   padding-top:10px;
}
*/
.hidden{ 
    display:none !important;
}



#welcome{
   padding-top:10px;
}

.home-bar-chart table{
   width:100%;
   margin-top:10px;
}

.home-bar-chart td.summary {
   padding:0 10px;
}

.home-bar-chart .home-bar{
   padding:5px;
   width:16px;
   text-align:center;
}

.home-bar-chart .y-axis{
   border-right: 1px solid black;
   width:16px;
}


.home-bar-chart tr.x-axis td{
   border-top: 1px solid black;
   border-right: 1px solid black;
   font-size:1px;
}

.home-bar-chart tr.x-axis-label td{
   padding-left:2px;
   border-right:1px solid black;
}


.home-report-icons{
   float:right;   
}

.home-report-icons img{
   margin:2px;
}

#contentHeader h1{

}

#contentHeader table{
   width:100%;
}

#contentHeader #subnavigation{

   margin-top:5px;
}

/* icons */

.disk-icon, .print-icon, .map-icon, .community-data-icon {
   padding-left: 20px !important;
   padding-right: 5px ;
   padding-bottom: 10px ;
}

.disk-icon { background: url(../images/icons/disk.png) no-repeat; }
.map-icon { background: url(../images/icons/map.png) no-repeat; }
.print-icon { background: url(../images/icons/printer.png) no-repeat; }
.community-data-icon {background: url(../images/icons/world.png) no-repeat;}

.home-display{ width:720px; }
.home-display table th{ text-align:center; padding-bottom:5px; }

.search-form label input.labelbox{ margin-left:5px; }
.search-form table{ width:100%; }

h2.results-count{ margin-top:10px; margin-left:0; color:#000; }

.search-button{ position:relative; top:8px; padding:0 3px; }

#footerSponsors a{ padding-left:10px; }

td.dsm-compare-cell{ border: 1px solid black; padding:2px; text-align:center; }

.my-homes { border-collapse:collapse; }
.my-homes td { padding:2px 6px; border-bottom: 1px solid #0B9444; }

.my-groups { border-collapse:collapse; }
.my-groups td, .my-groups th { padding:2px 6px; border-bottom: 1px solid #0B9444; }

.my-groups-page .section {float:left; margin:0 10px; border:1px solid #0B9444; padding:5px;}

.tutorial-image { border: 2px blue solid; padding :5px; margin: 5px 15px; }

.dijitTooltipContainer{
   max-width:150px;
}

.boolean-rbl label { border: 1px solid #1E4F35; background-color:#E6F6ED; padding:2px 8px 2px 2px ; margin:1px; }

.url-or-file { border:1px solid #1E4F35; margin-top:2px; padding:3px;}
.url-or-file input.labelbox { width:80%; }
.action-form { width: 600px; }
.action-form .label { width: 120px; }
.prefs { padding:20px; font-size:1.1em; }
.footer-ad-section{ width: 728px; margin: 0 auto;  z-index:0;}
.right-ad-section { float:right; position:absolute; top:90px; right:15px; z-index:0;}

.under-construction{
   text-align:justify;
   border:2px dotted black;
   margin-bottom:10px;
   padding: 5px 30px;
   font-size:1.1em;
   background-color:#CFE5FD;
}
.admin-form-box{ float:left; padding:5px; margin:2px; border:1px solid #EEE;}
.admin-form-section{ border:1px solid #DDD; border-width: 0 0 2px 0; padding:3px; margin: 4px 0;}
.admin-form-section h3 {float:left; padding-right:25px;}
.admin-form-section button {float:left; padding-right:25px;}

.chart-holder {position:relative; height:280px;}
.chart-holder .multi-chart-box{ position:relative; min-height: 250px; width:500px; float:left;}
.chart-holder .multi-chart-box .chart{ position:absolute; top:0; left:0; }
.chart-holder .multi-chart-box div.chart { height:250px ; width:500px; }
/*
.multi-chart-box div.chart {
   background-position:-24px 35px; background-repeat:no-repeat;
   height:215px; left:24px; top:-35px; width:476px;
}
*/
.hide{display:none;}
.strike, .strike * { text-decoration: line-through; }
.chart-holder .legend { float:left; margin-left:5px; width:175px; padding: 0 5px;}
.chart-holder .legend .legend-block{ margin-bottom: 10px; list-style:none; }
.chart-holder .legend .legend-block[onclick] { cursor:pointer; cursor:hand; }
.chart-holder .legend .legend-block .text{ padding:5px; }
.chart-holder .legend .legend-block[onclick] .text:hover { background-color:#B0CFF7; }
.chart-holder .legend .legend-block{ margin-bottom: 10px; list-style:none; position:relative; text-align:left; }
.chart-holder .legend .legend-block td { text-align:left; }
.chart-holder .legend .legend-block .spacer{float:left; height:100%; width:24px;}
.chart-holder .legend .legend-block .silk{ }
.chart-holder .legend .legend-block.home { list-style-image:url(../images/icons/legend_circle_green.png); }
.chart-holder .legend .legend-block.comparison-group { list-style-image:url(../images/icons/legend_square_brown.png); }
.chart-holder .legend .legend-block.city-wide { list-style-image:url(../images/icons/legend_x_blue.png); }

.warning {padding-left:25px; border-bottom:1px solid #CC0; color:#660;
   background: url(../images/icons/warn.png) 2px center no-repeat transparent;}