#sfWebDebug {
  position: static;
}
/***********************
 *     Main Style
 ***********************/
.bg-bottom-arrow {
  background: url(../images/borders/arrow-down-bt) center bottom no-repeat transparent;
  padding-bottom: 35px;  
}
.kg-border {
  border: thin solid #D3D3D3;
  margin: 5px 0px;
}
.kg-shadow  {
  box-shadow:0px 0px 4px #AAA;
  -moz-box-shadow:0px 0px 4px #AAA;
}
h1.logo, h1.logo a {
  height:74px;
  width:321px;
  margin:0px;
}
h1.logo a {
  display:block;
  background:transparent url(../images/kiwigrid_logo.png) center no-repeat;
}
h1.logo.en a {
  background-image:url(../images/kiwigrid_logo_en.png);
}
h1.logo a span {
  display:none;
}
.kg-header {
  margin-right:10px;
  padding: 10px 0px 5px 0px;
  background: url(../images/borders/kg-header-line.jpg) no-repeat left bottom;
}
.kg-header:FIRST-CHILD {
  margin-top:0px;
}
.white-overlay {
  background-image: url(../images/white-overlay.png);
  background-repeat: repeat;  
}

h2.consumed {
  padding-top:0px;
}
span.iscost {
  display:block;
  position:relative;
  top: -15px;  
}
.odd {
  background-color: transparent;  
}
.even{
  background-color: #E0FFCC;
}
/************************
 * Ui Fixes
 ************************/
 
.ui-widget { 
  font-family: Verdana; font-size: 1em;
}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { 
  font-family: Verdana; font-size: 1em;
}
 
 
/* Component containers
----------------------------------*/
.ui-datepicker select.ui-datepicker-year {
  width:40%;
}
.ui-datepicker-trigger {
  text-indent: -999999px;
  border:none;
  background: transparent url(../images/icons/cal.jpg) no-repeat center;
  width:26px;
  height:26px;
  margin-left:5px;
}

.ui-widget-header {
  background: #e6e6e6 url(../images/bg/default.png) 50% 50% repeat-x;   
}
/* "Fixes" the header style according to thorsten fentz' design. */
.ui-accordion .ui-accordion-content {
  border: none;  
  margin-top:0px;
  margin-bottom:0px;
}
.ui-widget-content { color: #666666; }
.ui-widget-content a { color: #7fa411; }
.ui-widget-header a { color: #7fa411; }


/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default {
  text-shadow:1px 1px 0 #FFFFFF;
  background: #e6e6e6 url(../images/bg/default.png) 50% 50% repeat-x;   
}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { 
  background: #cccccc url(../images/bg/hover.png) 50% 50% repeat-x; 
}
.kg-background, .ui-widget-content, .ui-state-active, .ui-widget-content .ui-state-active {  
  background: url(../images/grass_background_glas.jpg) fixed left bottom no-repeat #FFF;  
}

/* Interaction Cues
----------------------------------*/

.ui-state-default.ui-priority-primary, .ui-widget-content .ui-state-default.ui-priority-primary,
button.ui-state-default, .ui-widget-content button.ui-state-default {
  background-image: url(../images/bg/default-priority-primary.png);
}
.ui-state-default.ui-priority-primary:ACTIVE, .ui-widget-content .ui-state-default.ui-priority-primary:ACTIVE,
button.ui-state-default:ACTIVE, .ui-widget-content button.ui-state-default:ACTIVE {
  background-image: url(../images/bg/default-priority-primary.png);
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight {
  border: 1px solid #7fa411; 
  background: #cfed78 url(../images/bg/ui-bg_highlight-hard.png) 50% top repeat-x;
  color: #363636;
}
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a { 
  color: #363636;
}
.ui-state-highlight .ui-icon {
  background-image: url(../images/icons/ui-icons.png);
}

a.hoverable:hover {
  text-decoration: none;
}

/************************
 * Module Specific Styles
 ************************/
div.energy-light {
	width:70px;
	height:200px;
	background: transparent url(../../../images/energy-light.png) left center;
} 
div.energy-light.red {
	background-position: -140px 0px; 
}
div.energy-light.yellow {
	background-position: -70px 0px; 
}
div.energy-light.green {
	background-position: 0px 0px; 
}
div.efficiency-chart {
	background: transparent url(../../../images/energy-efficiency.png) left center no-repeat;
	width: 187px;
	height: 153px;
	position: relative;
	overflow: hidden;
}
div.efficiency-chart div.efficiency-indicator {
	background: transparent url(../../../images/energy-efficiency-arrow.png) 0px 0px no-repeat;
	position:absolute;
	top:-129px;
	right:0px;
	width: 187px;
	height: 306px;
	text-indent: -99999px;
	color: #FFF;
	text-align: right;
	padding-top: 139px;
}
div.efficiency-chart.efficiency-1 div.efficiency-indicator {
	top:-129px;
}
div.efficiency-chart.efficiency-2 div.efficiency-indicator {
	top:-102px;
}
div.efficiency-chart.efficiency-3 div.efficiency-indicator {
	top:-77px;
}
div.efficiency-chart.efficiency-4 div.efficiency-indicator {
	top:-52px;
}
div.efficiency-chart.efficiency-5 div.efficiency-indicator {
	top:-25px;
}
div.efficiency-chart span.efficiency-text {
	position:absolute;
	font-size: 11px;
	color: #FFF;
}
div.efficiency-chart span.efficiency-1 {
	top:18px;
	right:124px;
}
div.efficiency-chart span.efficiency-2 {
	top:42px;
	right:112px;
}
div.efficiency-chart span.efficiency-3 {
	top:69px;
	right:96px;
}
div.efficiency-chart span.efficiency-4 {
	top:95px;
	right:87px;
}
div.efficiency-chart span.efficiency-5 {
	top:121px;
	right:73px;
}
div.onoffsensor {
	height:	20px;
	width: 60px;
	background: url(../../../images/onoffsensor.png) transparent no-repeat;
	background-position: 0px -40px;
	vertical-align: middle;
}
div.onoffsensor.off {
	background-position: 0px 0px
}
div.onoffsensor.on {
	background-position: 0px -20px
}
.main-content {
  min-height:300px;  
}
.video-container {
  margin-top:10px;
  height:400px;
  cursor: pointer;
}
.quick-check-container {
  min-height:410px;
}
.quick-check-container select:FIRST-CHILD {
  margin-left: 0px;
}
.features-container {
  border: thin solid #666;
  padding: 5px;
  margin-right: 5px;
  height:180px;
}
h2.features-title {
  font-size:16px;
  margin-bottom: 0px;
  padding-top:13px;
  margin-left:4px;
  z-index:1;
  background-color: #fff;
  top:8px;
  display:-moz-inline-stack;
  display:inline-block;
  *display:inline;  
}
.login-container {
  height:223px;
}
.login-container input {
  width: 210px;
}
.login-container input[type="checkbox"] {
  width: auto;
}
.free-register-big {
  text-align: center;
  margin-top: 20px;
}
.free-register-big a {
  display: inline-block;
  margin:10px 0px 10px 5px;
  text-align: center;
  padding:15px 0px 15px 5px;
  font-weight: normal;
  width: 85%;
}
.free-register-middle {
  text-align: center;
}
.free-register-middle a {
  display: inline-block;
  margin:0px;
  text-align: center;
  padding:15px 0px 15px 5px;
  font-weight: normal;
  width: 65%;
}

.free-register-big a span.icon, .free-register-middle a span.icon{
  margin-left: 3px;
  float:right;
  width:43px;
  height:43px;
  background: no-repeat transparent url(../images/icons/arrow-right-big.png);
}
.quick-check-container .kg-header,
.login-container .kg-header
{
  width:100%;
}
#quick-check-result-container {
}
#state-scale {
  height:100px;
  overflow: hidden;
}
#quickcheck-form {
  width: 100%;
  position: relative;
}
 
.ecoBox {
  background:none !important;
  border-width:0px !important;
  cursor: pointer !important;
}
.ecoBox.ui-state-active.ui-state-hover {
  color: #7fa411;
}
.nav-static ul {
  padding: 0px;
  margin: 0px;
}
.nav-static {
  margin-right:10px;  
  margin-top:20px;  
}
.nav-static li
{
  list-style-type: none;
  list-style-position: outside;
  padding:0px 0px 0px 10px;
}
.nav-static li:FIRST-CHILD > a {
  border-width:0px;
}
.nav-static li a {
  border-width:1px 0px 0px 0px;
  border-style:solid;
  border-color:#AAA;
  padding: 5px;
  display:block;  
  color: #666;
}
.nav-static li a:hover {
  color:#000;
  text-decoration: none;
}
.nav-static li.selected > a {
  font-weight: bold;
  color: #7FA411;
}
.nav-static li.selected > ul {
  border-width:2px 0px 1px 0px;
  border-style: solid;
  border-color: #AAA;
  background-color: #EEE;
}
.text p {
  margin-bottom: 10px;
  line-height: 165%;
}
.news-content {
  border-bottom: thin #666 dotted;  
}
.feedback-trigger {
  background: transparent url(../images/feedback.png) no-repeat center;
  position: fixed;
  right:-2px;
  top: 50%;
  height:110px;
  width: 30px;
  margin-top:-60px;
}
.feedback-trigger a {
  text-indent: -99999px;
  display:block;
  height:100%;
}
.facility-view{
  clear:both;
}
.facility-view > .children{
  height: 420px;
}
.facility-view > .children > div {
}
.kg-devices {
  margin: 0px 5px 5px 5px;
}
.kg-devices h3.facilityItem {
  margin: 5px 0px;
}
.facility-view .ui-accordion-content {
  padding:10px;
}
.facility-view .devices .item-info {
  border-left-width: 0px;
}
.facility-view .item-info.ui-state-active {
  font-weight: bold;  
}
.facility-view .item-info.ui-state-default {
  background-image: none;
  background-color: transparent;
}
.facility-view .rooms > .tree {
  overflow:hidden;  
}
.ui-accordion-content > .tree > .item > .item-content > .tree-item >.item-info,
.ui-accordion-content > .tree > .item > .tree-item >.item-info {
  border-left-width: 0px;
  border-right-width: 0px;
}
.facility-view .tree > .item .item-info {
  margin-top:0px;
}
ul.tree {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
}
.tree.expanded {
  background: left center no-repeat;
}
.tree li.item {
  position:relative;
  margin: 0;
  line-height:1.3em;
}
.tree li.item:hover {
  border-color: #000;
}
.tree li.item .actions {
  position:absolute;
  right: 5px;
  top:50%;
  margin-top:-12px;
  height:24px;
}
.tree li.item .expander {
  margin-top:-2px;
  height:16px;
  float:left;
  margin-right:3px;
}
.tree li.item .actions a {
  float:right;
  margin:3px;
}
.tree li.item .remove-item {
}
.tree li.item .add-item {
}
.tree li.item .rename-item {
}
.tree li.item .item-name {
  margin-left: 5px;
  background: left center no-repeat;
  display:block;
}

.tree .item:FIRST-CHILD .item-info {
}
.manualInputWidget .tree .item .item-info {
  border-width: 0px;
}
.tree .item .item-info {
  border:solid #AAA;
  border-width:0px 0px 1px 1px;
  vertical-align:text-top;
  padding:4px 3px;
  position:relative;
  cursor: pointer;
  margin-top:1px;
}
.tree .item .item-info .location {
  margin:3px;
  padding:2px;
  float:left;
  font-size: 10px;
}
.tree .item .item-info .location div{
  border-width:1px;
  border-style:hidden;
  text-align:right;
  overflow: hidden;
  display:-moz-inline-stack;
  display:inline-block;
  *display:inline;  
}
.tree .item .item-info .location .full-location{
  display:none;
}
.tree .item .device-details{
  padding: 5px;
  text-align: center;
}
.tree .item .device-details table{
  width:80%;
  margin: 0 9%;
  border-width: 1px 0px;
  border-color: #888;
  border-style: solid;
  
}
.tree .item .device-details table tr{
  height:100%;
}

.tree .item .device-details table td{
}
.tree .item .device-name{
  margin-bottom : 10px;
}
.tree-item .sub-content {
  border-width: 0px;
  padding-left:12px;
}
.tree li.item .device-details {
  line-height: 1em;
}
.item form.id-form {
  text-align:center;
}
.item .waiting {
}
.detail-form {
}
.detail-form table {
  text-align: right;
}
.message {
  display:-moz-inline-stack;
  display:inline-block;
  *display:inline;  
}
.kg-dialog p {
  padding-left: 20px;
  position:relative;
}
.kg-dialog p span.ui-icon {
  position:absolute;
  left:0px;
  top:50%;
  margin-top:-8px;
}
.flash-notice {
  margin: 30px;
}
.flash {
  position:fixed;
  left:50%;
  margin-left:-100px;
  width:200px;
  top:5px;
  opacity:0.7;
  filter: alpha(opacity=70);
  z-index:100;
}
.newsfeed {
  padding:0px;
  margin:0px;
}
.newsfeed .newsitem{
  list-style-type: none;
  border-bottom: thin #666 dotted;
  margin-bottom: 5px;
}
.newsitem {
  /* force layout on IE */
  height:1%;  
}
.newsitem .newsdate {
  float: right;
}