/* Styles for the Green Infrastructure should be placed into this CSS file. */

/* LIST #4 
#list4 { width:650px; font-family:Georgia, Times, serif; font-size:15px; }
#list4 ul { list-style: none; }
#list4 ul li { }
#list4 ul li a { display:block; text-decoration:none; color:#000000; background-color:#FFFFFF; line-height:30px;
	border-bottom-style:solid; border-bottom-width:1px; border-bottom-color:#CCCCCC; padding-left:10px; cursor:pointer; }
#list4 ul li a:hover { color:#FFFFFF; background-color: green;}
#list4 ul li a strong { margin-right:10px; }
*/

/* reset table property */
table {
	border-collapse:separate;
	border-spacing:5px 5px;
}

.greenRoundedbox {
	background-color: #DEE0CA;
	width: 200px;
	margin: 0 0 0 0;
	padding: 15px;
	border: 1px solid #d7d7d7;

	/*-moz-border-radius: 11px;
	-webkit-border-radius: 11px;
	border-radius: 11px;
	behavior: url(/3rww/sites/all/themes/threerivers/css/border-radius.htc); */
}

.roundedboxwoWidth{
	background-color: #E2DFD3;
	margin: 0 0 0 0;
	padding: 5px;
	border: 1px solid #d7d7d7;

	/*-moz-border-radius: 11px;
	-webkit-border-radius: 11px;
	border-radius: 11px;
	behavior: url(/3rww/sites/all/themes/threerivers/css/border-radius.htc); */
}

.grayRoundedbox {
	background-color: #cccccc;
	width: 255px;
	margin: 0 0 0 0;
	padding: 15px;
	border: 1px solid #d7d7d7;

	/*-moz-border-radius: 11px;
	-webkit-border-radius: 11px;
	border-radius: 11px;
	behavior: url(/3rww/sites/all/themes/threerivers/css/border-radius.htc); */
}

.planRoundedbox {
	background-color: #cccccc;
	margin: 0 0 0 0;
	padding: 5px;
	border: 1px solid #d7d7d7;
/*
	-moz-border-radius: 11px;
	-webkit-border-radius: 11px;
	border-radius: 11px;
	behavior: url(/3rww/sites/all/themes/threerivers/css/border-radius.htc); */
}
.rel {
	margin: 0px 0 0 0px;
	padding: 2px;
	position: relative;
	z-index: inherit;
	zoom: 1; /* For IE6 */
}

.greenmenu {
	color: #FFFFFF;
	font-weight: bold;	
	margin: 0 0 0 0;
	padding: 0px;
}
.greenmenu A:link {text-decoration: none; color: #FFFFFF;}
.greenmenu A:visited {text-decoration: none;}
.greenmenu A:active {text-decoration: none; }
.greenmenu A:hover {text-decoration: underline; color: red;}

.greenmenulink {
	color: #FFFFFF;
	text-decoration: none;
}

.stepcontent{
	border: 3px solid #8CA590;
}

/* TABS */


.node-type-green .ui-tabs {width:100%; float:left; background: none; border:none;  margin-top:0px;}
.node-type-green .ui-tabs ul.ui-tabs-nav li {padding:4px;}
.node-type-green .ui-tabs ul.ui-tabs-nav li a {font-family: "museo-1","museo-2"; padding:0px; font-size:12px; color:white;}
.node-type-green .ui-tabs .ui-tabs-nav {background: none; border:none; margin-left:8px;}
.node-type-green .ui-tabs .ui-widget-content {background: none;  padding-bottom:25px; float:left; border:none;}

.node-type-green .ui-tabs .ui-tabs-panel {font-family:"museo-1","museo-2"; color:#754c24; text-align: left; padding-left:0px; padding-right:0px; padding-top:0px; padding-bottom: 0px;}
.node-type-green .ui-widget-header .ui-state-default {background: #2B547E; border:1px solid #9d8d60;}
.node-type-green .ui-widget-header .ui-state-active {background:#2B60DE;}



/*  SLIDERS */
div.sdemo { padding: 10px !important; }
/*.ui-slider-handle { background-color: #729fcf; }
.ui-slider-range { background: #729fcf; } */
#sliderGR .ui-slider-handle { background-color: #729fcf; }
#sliderGR .ui-slider-range { background: #729fcf; }
#sliderGR  {border:1px solid gray; width: 100%; padding-bottom: 0px;}

#sliderCistern .ui-slider-handle { background-color: #729fcf; }
#sliderCistern .ui-slider-range { background: #729fcf;}
#sliderCistern {border:1px solid gray; width: 100%; padding-bottom: 0px;}

/* Floating panel */
.GIQueryPanel {
	position: absolute;
	top: 150px;
	right: 150px;
	display: none;
	background: #DEE0CA;
	border:1px solid #111111;
	-moz-border-radius-topright: 20px;
	-webkit-border-top-right-radius: 20px;
	-moz-border-radius-bottomright: 20px;
	-webkit-border-bottom-right-radius: 20px;
	width: 150px;
	height: auto;
	padding: 30px 60px 30px 60px;
	filter: alpha(opacity=85);
	opacity: .85;
	z-index: 9000;  /* -1 does not work */
}

/* Floating panel */
.GIMapIconBar {
	position: absolute;
	top: 125px;
	right: 110px;
	background: #DEE0CA;
	width: 350px;
	height: auto;
	opacity: .85;
	z-index: 8000;  /* -1 does not work */
}

/* Styles for map bar icons on engineering tool's map */
#placemark_b {
  display: table-cell;
  width:31px;
  height:31px;
  background-image: url(../images/icon/drawPoint.png);
}
#placemark_b.selected {
  background-image: url(../images/icon/drawPoint_hover.png);
   width:37px;
  height:37px;
}

#line_b {
  display: table-cell;
  width:31px;
  height:31px;
  background-image: url(../images/icon/drawSewershed.png);
}
#line_b.selected {
  background-image: url(../images/icon/drawSewershed_hover.png);
   width:37px;
  height:37px;
}

#hand_b {
  display: table-cell;
  width:31px;
  height:31px;
  background-image: url(../images/icon/hand.png);
}
#hand_b.selected {
  background-image: url(../images/icon/hand_hover.png);
}

#shape_b {
  display: table-cell;
  width:31px;
  height:31px;
  background-image: url(../images/icon/drawPolygon.png);
}
#shape_b.selected {
  background-image: url(../images/icon/drawPolygon_hover.png);
   width:37px;
  height:37px;
}

/* divider line */
.dividerline
{
	margin: 0px auto 18px auto;
	width: 75%;
	border-bottom: 1px solid #ccc;
}

.dividerline100
{
	margin: 0px auto 18px auto;
	width: 80%;
	border-top: 1px solid #ccc;
}

.dividerlineblack
{
	margin: 0px auto 18px auto;
	width: 100%;
	border-top: 1px solid #000000;
}

/* overwrite the style in styles.css */
.node-type-green #secondary-content {
    background-image: url("../images/content-divline.jpg");
    background-position: right top;
    background-repeat: no-repeat;
    float: left;
    margin-bottom: 40px;
    min-height: 580px;
    padding-right: 10px;
    padding-top: 17px;
}

/* overwrite li style so the thin line is right beneath the tab  */
#secondary-content li {
    margin-bottom: 0;
}



/* END NEW BUTTON STYLES */
/* Overwrite login styles */
#greenhome-login {
    float: left;
    margin-left: 0;
    margin-top: 20px;
}


/* overwrite a link style 
body.page-node-93 a, body.node-type-green a, body.node-type-greenwide a {
    color: #E7E3D4;
    text-decoration: none;
}
body.page-node-93 a:hover, body.node-type-green a:hover, body.node-type-greenwide a:hover {
	color: #F3DF96;
}*/

/* retain the default class for a link*/

body.normalALink a {color:#165458; text-decoration: underline;}
body.normalALink a:hover {color:#7c984c;}