/* Site Navigation */
.cssgradients nav#site-navigation{
	background: -webkit-gradient(linear, left top, left bottom, from(#dddcdc), to(#ffffff));
  	background: -moz-linear-gradient(top, #dddcdc, #ffffff);
}

.boxshadow nav#site-navigation{
	-moz-box-shadow: -10px 0px 10px #b4b4b4;
	-webkit-box-shadow: -10px 0px 10px #b4b4b4;
	box-shadow: -10px 0px 10px #b4b4b4;
}

.no-cssgradients nav#site-navigation{
	background:url(../Images/fallback/site-navigation-bg.gif) top repeat-x;
}

nav#site-navigation ol{
	margin-left:50px;
}

nav#site-navigation ol li{
	float:left;
	padding-top:16px;
	padding-bottom:11px;
}

nav#site-navigation li a{
	border-left:#fff 1px solid;
	border-right:#dcdcdc 1px solid;
	/* Notice: the padding-top here shall be the same as the margin in nav#site-navigation ol */
	padding:16px 17px 16px 17px;
	
}
nav#site-navigation li a#menu_1{
	padding-left:35px;
	padding-right:35px;
}

nav#site-navigation li a.active,
nav#site-navigation li a:hover{
	background:url(../Images/site-navigation-active.gif) center no-repeat;
	
}

/* Submenu */
div.menu ol{
	list-style:none;
	margin:0;
	padding:0;
}

div.menu ol li{
	display:inline-block;	
	margin-bottom:7px;
}

div.menu ol li a{
	padding:7px 10px 7px 10px;
	display:inline-block;
	color:#000;
	text-decoration:none;
	/*height:100%; <- MESSES UP THE HEIGHT*/ 
}

div.menu ol li .icon{
	margin:5px 10px 5px 0;
}

div.menu ol li a:hover{
	color:#009999;
}

div.menu ol li.active a{
	color:#fff;
}

.cssgradients div.menu ol li.active a{
	background: -webkit-gradient(linear, left top, left bottom, from(#55baba), to(#22a6a5));
  	background: -moz-linear-gradient(top, #55baba, #22a6a5);
}

.no-cssgradients div.menu ol li.active a{
	background:url(../Images/fallback/submenu-active-bg.gif) repeat-x top left;
}

/* Submenu items */
div.menu ol ol{
	border-left:3px solid #dbdbdb;
	display:block;
	clear:both;
	margin-top:10px;
	margin-bottom:30px;
	margin-left:12px;
	padding-left:22px;
}

div.menu ol ol li{
	display:block;
	font-size:90%;
}

div.menu ol ol li a{
	padding:7px 10px 7px 10px;
	color:#000;
	text-decoration:none;
	/*height:100%;*/
}

/* TABS */
ol.idTabs:before, ol.tabs:after,
ul.idTabs:before, ul.tabs:after {
  content: "\0020"; display: block; height: 0; visibility: hidden;	
}
ol.idTabs:after, ul.idTabs:after { clear: both; }
ol.idTabs, ul.idTabs {
  list-style-type: none;
  position: relative;
  zoom: 1;
  padding:0;
  clear:both;
  margin-bottom:1px;
}

.ie6 ol.idTabs, ul.idTabs,
.ie7 ol.idTabs, ul.idTabs{
	margin-bottom:0px;
}


ol.idTabs li, ul.idTabs li {
  float: left;
  margin-right: 5px;

}
ol.idTabs a, ul.idTabs a {
  float: left;
  border: 1px solid #ddd;
  border-bottom: none;
  padding: 5px 10px;
  position: relative;
  z-index: 2;
  color: #444;
}
.cssgradients ol.idTabs a,
.cssgradients ul.idTabs a {
  background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#ddd));
  background: -moz-linear-gradient(top,  #f8f8f8,  #ddd);
}
.no-cssgradients ol.idTabs a,
.no-cssgradients ul.idTabs a {
  background: url(../Images/fallback/tabs-horizontal.gif) repeat-x; 
}
ol.idTabs a:hover,
ul.idTabs a:hover {
  text-decoration: none;
}
.cssgradients ol.idTabs a:hover,
.cssgradients ul.idTabs a:hover {
  background: -webkit-gradient(linear, left top, left bottom, from(#e7e7e7), to(#ccc));
  background: -moz-linear-gradient(top,  #e7e7e7,  #ccc);
}
.no-cssgradients ol.idTabs a:hover,
.no-cssgradients ul.idTabs a:hover {
  background-position:0 -30px; 
}
.cssgradients ol.idTabs a.selected,
.cssgradients ol.idTabs a.selected:hover,
.cssgradients ul.idTabs a.selected,
.cssgradients ul.idTabs a.selected:hover {
  background: -webkit-gradient(linear, left top, left bottom, from(#73c4c4), to(#25a6a6));
  background: -moz-linear-gradient(top,  #73c4c4,  #25a6a6);
  cursor: default;
  color: #fff;
  text-decoration: none;
  border-color:#25a6a6;
}
.no-cssgradients ol.idTabs a.selected,
.no-cssgradients ol.idTabs a.selected:hover,
.no-cssgradients ul.idTabs a.selected,
.no-cssgradients ul.idTabs a.selected:hover {
  background:url(../Images/fallback/tab-bg.gif) top repeat-x #30aaaa;
  cursor: default;
  color: #fff;
  text-decoration: none;
  border-color:#25a6a6;
}

/* Accorion */
.semiaccordion>div{
	display:none;
}

.semiaccordion h3{
	margin:0;
	padding: 5px 10px 5px 10px;
	cursor:pointer;
}

.cssgradients .semiaccordion h3{
	background: -webkit-gradient(linear, left top, left bottom, from(#dedddd), to(#fefefe));
	background: -moz-linear-gradient(top,  #dedddd,  #fefefe);
}

.no-cssgradients .semiaccordion h3{
	background:url(../Images/fallback/accordion-activestate-bg.gif) top repeat-x #fdfdfd;
}

.semiaccordion h3:hover a{
	color:#009999 !important;
	padding-left:2px;
}

.cssgradients .semiaccordion h3.ui-state-active{
	background: -webkit-gradient(linear, left top, left bottom, from(#55baba), to(#22a6a5));
  	background: -moz-linear-gradient(top, #55baba, #22a6a5);
	outline:none;
}

.no-cssgradients .semiaccordion h3.ui-state-active{
	background:url(../Images/fallback/submenu-active-bg.gif) top repeat-x #79888f;
}

.semiaccordion h3.ui-state-active:hover a{
	color:#fff !important;
	padding-left:0px;
}

.semiaccordion h3.ui-state-default a{
	color:#474747;
}

.semiaccordion h3.ui-state-default a:hover{
	color:#000;
}


.semiaccordion h3.ui-state-active a{
	color:#fff;
}

.semiaccordion h3.ui-state-active a:hover{
	color:#d7d7d7;
}

/* Prototype specific styles */
header #filters select#dd_turbine,
header #filters select#dd_type{
	display:none;	
}