/*
 * Licensed to the Apache Software Foundation (ASF) under one
 * or more contributor license agreements.  See the NOTICE file
 * distributed with this work for additional information
 * regarding copyright ownership.  The ASF licenses this file
 * to you under the Apache License, Version 2.0 (the
 * "License"); you may not use this file except in compliance
 * with the License.  You may obtain a copy of the License at
 *
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing,
 * software distributed under the License is distributed on an
 * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
 * KIND, either express or implied.  See the License for the
 * specific language governing permissions and limitations
 * under the License.
 */
* {
    -webkit-tap-highlight-color: rgba(0,0,0,0); /* make transparent link selection, adjust last value opacity 0 to 1.0 */
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

body {
    -webkit-touch-callout: none;                /* prevent callout to copy image, etc when tap to hold */
    -webkit-text-size-adjust: none;             /* prevent webkit from resizing text to fit */
    -webkit-user-select: none;                  /* prevent copy paste, to allow, change 'none' to 'text' */
    background-color:#fff;
/*    
    background-color:#E4E4E4;
    background-image:linear-gradient(top, #A7A7A7 0%, #E4E4E4 51%);
    background-image:-webkit-linear-gradient(top, #A7A7A7 0%, #E4E4E4 51%);
    background-image:-ms-linear-gradient(top, #A7A7A7 0%, #E4E4E4 51%);
    background-image:-webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0, #A7A7A7),
        color-stop(0.51, #E4E4E4)
    );
*/    
    background-attachment:fixed;
    font-family:'HelveticaNeue-Light', 'HelveticaNeue', Helvetica, Arial, sans-serif;
    font-size:12px;
    height:100%;
    margin:0px;
    padding:0px;
/*    text-transform:uppercase; */
    width:100%;
}

.ui-body-c, .ui-overlay-c {
/*	background:#f9f9f9; */
    background:none;
}

.app {
	min-height:none !important;
/*    background-color:#fff; */
	visibility:hidden;
}

.ui-enhanced {
	visibility:visible;
}

/* Portrait layout (default) */
.__app {
    background:url(../img/logo.png) no-repeat center top;  /* 170px x 200px */
    position:absolute;             /* position in the center of the screen */
    left:50%;
    top:50%;
    height:50px;                   /* text area height */
    width:225px;                   /* text area width */
    text-align:center;
    padding:180px 0px 0px 0px;     /* image height is 200px (bottom 20px are overlapped with text) */
    margin:-115px 0px 0px -112px;  /* offset vertical: half of image height and text area height */
                                   /* offset horizontal: half of text area width */
}

/* Landscape layout (with min-width) */
@media screen and (min-aspect-ratio: 1/1) and (min-width:400px) {
    .___app {
        background-position:left center;
        padding:75px 0px 75px 170px;  /* padding-top + padding-bottom + text area = image height */
        margin:-90px 0px 0px -198px;  /* offset vertical: half of image height */
                                      /* offset horizontal: half of image width and text area width */
    }
}

h1 {
    font-size:24px;
/*    font-weight:normal; */
    margin:0px;
    overflow:visible;
    padding:0px;
    text-align:center;
}

.event {
    border-radius:4px;
    -webkit-border-radius:4px;
    color:#FFFFFF;
    font-size:12px;
    margin:0px 30px;
    padding:2px 0px;
}

.event.listening {
    background-color:#333333;
    display:block;
}

.event.received {
    background-color:#4B946A;
    display:none;
}

@keyframes fade {
    from { opacity: 1.0; }
    50% { opacity: 0.4; }
    to { opacity: 1.0; }
}
 
@-webkit-keyframes fade {
    from { opacity: 1.0; }
    50% { opacity: 0.4; }
    to { opacity: 1.0; }
}
 
.blink {
    animation:fade 3000ms infinite;
    -webkit-animation:fade 3000ms infinite;
}
h2 { margin:1.2em 0 .4em 0; }
p code { font-size:1.2em; font-weight:bold; } 
h4 code {font-size:1.2em; font-weight:bold; }

dt { font-weight: bold; margin: 2em 0 .5em; }
dt code, dd code { font-size:1.3em; line-height:150%; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
strong { font-weight: bold; }

img { max-width: 100%; }

/* fluid images moved from jquery.mobile.core.css*/
.ui-mobile img {
	max-width: 100%;
}

nav { margin: 0; }

.content-secondary.left .ui-collapsible, .content-third .ui-collapsible {
	padding: 10px 15px;
}
.content-secondary.left .ui-collapsible-inset, .content-third .ui-collapsible-inset {
	margin: 0;
}
.content-secondary.left .ui-collapsible-content, .content-third .ui-collapsible-content {
	padding: 0;
	background: none;
    border-bottom: 0;
}

/* new API additions */

dt {  
	margin: 35px 0 15px 0; 
	background-color:#ddd; 
	font-weight:normal;
}
dt code { 
	display:inline-block; 
	font-weight:bold;
	color:#56A00E; 
	padding:3px 7px; 
	margin-right:10px; 
	background-color:#fff; 
}
dd { 
	margin-bottom:10px; 
}
dd .default { font-weight:bold; }
dd pre { 
	margin:0 0 0 0; 
}
dd code { font-weight: normal; }
dd pre code { 
	margin:0; 
	border:none; 
	font-weight:normal; 
	font-size:100%; 
	background-color:transparent; 
}
dd h4 { margin:15px 0 0 0; }

.clear {
	clear:both;	
}
		
.localnav {
	margin:0 0 20px 0;
}
.ui-mobile-viewport .localnav li {
	float:left;
}
.localnav .ui-btn-inner { 
	padding: .6em 10px; 
	font-size:80%; 
}

/* custom dialog for the photos sharing */
.ui-dialog.dialog-actionsheet .ui-dialog-contain {
	margin-top: 0;
}


/* site layout */
@media all and (min-width: 650px){
	.content-secondary {
		text-align: left;
		float: left;
		width: 25%;
		background: none;
		border-top: none;
		position: relative;		
	}
	.content-secondary::after {
		content: "";
		display: inline-block;
		position: absolute;
		top: 0;
		right: 0;
		height: 1px;
		width: 1px;
		background: #bbb;
	}
	.content-secondary.left .ui-collapsible {
		margin: 0;
		padding: 0;
	}
	.content-secondary.left .ui-collapsible-content {
		border-left: none;
		border-right: none;
	}        
	.content-primary {
		width: 65%;
		float: right;
/*		margin-top: 30px; */
		margin-right: 1%;
		padding-right: 1%;
		padding: 1.5em 6% 3em 0;	
	}
	.content-primary ul:first-child {
		margin-top: 0;
	}
	/* collapsible non-inset example */
	.content-primary .ui-collapsible-content ul:first-child {
		margin-top: -10px;
	}
/*	
	.content-secondary h2 {
		position: absolute;
		left: -9999px;
	}
*/	
	/* fix up the collapsibles - expanded on desktop */
	.content-secondary.left .ui-collapsible-inset {
		margin-bottom: -1px;
	}	
	.content-secondary.left .ui-collapsible-heading {
		display: none;
	}	
	.content-secondary.left .ui-collapsible-contain {
		margin:0;
	}
	.content-secondary.left .ui-collapsible-content {
		display: block;
		margin: 0;
		padding: 0;
	}
	.content-secondary.left .ui-collapsible-content,
	.content-secondary.left .ui-collapsible-content > .ui-listview .ui-li-last {
		border-bottom-left-radius: 0;
		border-bottom-right-radius: 0;
	}
	
}

/*
@media all and (min-width: 750px){
	.content-secondary {
		width: 130px;
	}
	.content-primary {
		width: 60%;
		padding-right: 1%;
	}
}

@media all and (min-width: 1200px){
	.content-secondary {
		width: 130px;
		padding-right:2%;
		margin: 0;
		padding: 0;
	}	    
	.content-primary {
		width: 75%;
		margin-right: 5%;
		padding-right: 3%;
	}
}
*/

.ui-content .ui-content .content-primary {
	padding: 0px;	
}

/*
#database_products .content-secondary {
	width: 350px;	    	
}

#database_products .content-primary {
	width: 60%;
}
*/

/* tables documenting enum-type settings */
.enum-value {
	vertical-align: top;
	white-space: nowrap;
}

/* Navbar examples */
.content-primary > .ui-header,
.content-primary > .ui-footer {
	overflow: hidden;
}

/* list styles */
/* ul { margin:0; padding-left:0; } */
ul li { list-style:none; padding:.7em 0; margin:0; border-bottom:1px solid #e3e3e3; }
ul ul li { border: none;}

dl dd ul { padding-left: 40px; }
dl dd ul li { list-style: disc; }
dl dd ul li li { list-style: circle; }
dl dd ul li li li { list-style: square; }
dl dd ul li { border: none; }


.content-secondary ul.ui-listview, .content-third ul.ui-listview {
	margin: 0;   
}

ul.ui-listview.project_components {
	margin: 0;
/*    border: dashed #ddd 1px; */
/*    min-height:650px;        */
    min-height:1280px;
    text-align:center;
}

.content-secondary ul.ui-listview li, .content-third ul.ui-listview li{
	border-bottom: 0 !important;
    cursor:pointer;
}

.ui-mobile-viewport .localnav li {
	border: none;	
}    
.ui-panel {
	width: 20em;
}
.nav .ui-btn.ui-first-child {
    background: none repeat scroll 0 0 #74b042;
	color: 					#fff;    
    border-top-width: 0;
}

ul.nav li {
	border-bottom:  none;
}

#main_navbar {
	background: #343434;
	margin-bottom: 0px;	
}

#main_navbar .ui-btn.active {
	background: white;
	color: #444 !important;	
}

#main_navbar .ui-btn-up-a.active:visited, .ui-btn-up-a a.ui-link-inherit.active {
	color: #444;	
}

/* Increase Main Navbar height for mobile */
#main_navbar li .ui-btn .ui-btn-inner {
    padding-bottom: 1.6em;
    padding-top: 1.5em;	
}

/*
.ui-navbar li .ui-btn .ui-btn-inner {
    padding-bottom: 1.6em;
    padding-top: 1.5em;	
}
*/

.sidebar-right {
    float: right;    
    position:fixed; 
    right: 0px;        
    height: 100%;
/*    height: 600px;  */       
    overflow-x:hidden;
    overflow-y:auto;  
    z-index: 1500;
    padding:0px;
    margin:0px;
/*	border-left: 1px solid #ddd;                 
    top: 110px; 
*/       	
}

ul.vertical-nav
{
    list-style:none;
    margin-top: -85px; 
    margin-left:-38px;
}

ul.vertical-nav > li
{
/*    font: 12px/18px "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;	*/
	white-space:nowrap;
	outline: 0;
	display: block;
    position:relative;
/*    color : #56A00E;	*/
    color: #fff;
    cursor: pointer;
    
/*    border-bottom-left-radius:5px;
    border-bottom-right-radius:5px; */
    
/*	
	height: 120px
	weight:50px;
*/	
/*	text-shadow: 0px 1px 1px #F2F1F0; */
	font-size: 12.5px;
	text-align: center;	
	margin-top: 50px !important; 
	padding: 1.0em !important; 
	border: none!important;    			 
    
    background: -moz-linear-gradient(top, #444444 0%, #2D2D2D 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #444444), color-stop(100%, #2D2D2D)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #444444 0%, #2D2D2D 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #444444 0%, #2D2D2D 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #444444 0%, #2D2D2D 100%); /* IE10+ */        
    background: linear-gradient(#444444, #2D2D2D) repeat scroll 0 0 #333333;  /* W3C */ 	
    
    -webkit-transform-origin: 100% 100%;  
    -moz-transform-origin: 100% 100%;  
    -ms-transform-origin: 100% 100%; 
    -o-transform-origin: 100% 100%; 
    transform-origin: 100% 100%; 
                
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);  	     
}

ul.vertical-nav > li.current
{
	color : #333;	
/*    color: black; */
/*    border-right: none;
    border-bottom : none; */
/*    z-index: 4000; */
/*    background: #F9F9F9; */

    background: -moz-linear-gradient(top, #99CC00 0%, #6EBC1F 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #99CC00), color-stop(100%, #6EBC1F)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #99CC00 0%, #6EBC1F 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #99CC00 0%, #6EBC1F 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #99CC00 0%, #6EBC1F 100%); /* IE10+ */        
    background: linear-gradient(#99CC00, #6EBC1F) repeat scroll 0 0 #6EBC1F;  /* W3C */    
    background : white;
    position: relative;
    font-weight: bold;
/*    moz-box-shadow: inset 0 0 35px 5px #fafbfd;
    -webkit-box-shadow: inset 0 0 35px 5px #fafbfd;
    box-shadow: inset 0 0 35px 5px #fafbfd; */
}

ul.vertical-nav > li.first.current
{
/*    border-bottom: 1px solid #DDD; */
}

ul.vertical-nav > li.last
{
/*    border-bottom: none; */
}

ul.vertical-nav > li.remove_version {
	display: inline-block;
/*	width: 56px; */	
	width: 44px;
	height: 56px;
/*	background: url("../img/drawable-mdpi/button_remove_small.png") no-repeat 0px 0px !important; */
	background: #3c3c3c url("../img/drawable-mdpi/button_remove_small.png") no-repeat -7px 0px !important;
	text-indent: -9999px;
	margin-top: 0px !important; 
	padding: 0 !important;
	-webkit-transform: none;
	-moz-transform: none;
    -ms-transform: none;
    -o-transform: none;	
	transform: none; 
	top: 84px;
/*	right: -35px; */
	right: -44px;
}

/*
ul.vertical-nav > li.remove_version {
	display: inline-block;	
	width: 56px;
	height: 56px;
	background: url("../img/drawable-mdpi/button_remove_small.png") no-repeat 0px 0px !important;
	text-indent: -9999px;	
	margin-top: 0px !important; 
	padding: 0 !important;	
	-webkit-transform: none;
	top: 100px;
	right: -35px;
}
*/

ul.vertical-nav > li.new_version {
	color: #99CC00;
}
/*
ul.vertical-nav > li > a.ui-link, ul.vertical-nav > li > a.ui-link:visited {  	
	text-decoration : none;
	color : #56A00E;	
}

ul.vertical-nav > li.current > a.ui-link, ul.vertical-nav > li.current > a.ui-link:visited {
	text-decoration : none;
	color : #333;
}
*/

li.project_component.active {
/*	background-color: orange; */
	cursor: crosshair;
}

#file_explorer .ui-body-c, #file_explorer .ui-overlay-c, #file_menu_options .ui-body-c, #file_menu_options .ui-overlay-c, #file_details .ui-body-c, #file_details .ui-overlay-c {
	background: #f9f9f9;
	background-image: -webkit-gradient(linear,left top,left bottom,from(#f9f9f9),to(#eee));
	background-image: -webkit-linear-gradient(#f9f9f9,#eee);
	background-image: -moz-linear-gradient(#f9f9f9,#eee);
	background-image: -ms-linear-gradient(#f9f9f9,#eee);
	background-image: -o-linear-gradient(#f9f9f9,#eee);
	background-image: linear-gradient(#f9f9f9,#eee);
}

.folder, .file{
    font-family:sans;
    font-size:10px;
    cursor:pointer;
}

#file_menu, #get_file_details{
	display: none;
}

.folder{
	background: url('../img/folder.png') no-repeat 50% 0%;
	margin:2px;
	padding-top:25px;
	text-align:center;
}


.file{
	background: url('../img/file.png') no-repeat 50% 0%;
	margin:2px;
	padding-top:25px;
	text-align:center;
}

.arrow_box_left {
	position: relative;
	background: #fff;
	border: 4px solid #74b042;
	min-height:650px;
}
.arrow_box_left:after, .arrow_box_left:before {
	right: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box_left:after {
	border-color: rgba(255, 255, 255, 0);
	border-right-color: #fff;
	border-width: 30px;
	top: 50%;
	margin-top: -30px;
}
.arrow_box_left:before {
	border-color: rgba(116, 176, 66, 0);
	border-right-color: #74b042;
	border-width: 36px;
	top: 50%;
	margin-top: -36px;
}

.selected_component_detail dt {
	background: transparent;
	margin:5px;
}

li.catalog.active {
	background-color: #dedede;
}

.ui-icon-split-new {
	visibility: hidden;
    background-image: url("../img/drawable-xhdpi/split_new_white.png");
}

@media screen and (max-width : 1100px) {
    /*CSS for low-density screens*/
    .ui-icon-split-new {
        background-image: url("../img/drawable-ldpi/split_new_white.png");
    }
}

.ui-icon-split-close {
    background-image: url("../img/18x18/split_close.png");
}

/* Framework start from here */
ul.tree {
  list-style:none;
  margin:0;
  padding:0;
}

ul.tree {
  margin-left:10px; /* indentation */
  position:relative;
}

ul.tree:before {
  content:"";
  display:block;
  width:0;
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  border-left:2px gray dashed;
}

ul.tree li {
  margin:0;
/*  padding:0 12px; */ /* indentation + 2 */
  padding:0px;
  font-size:14px;
  line-height:20px; /* default list item `line-height` */
  color:#369;
  font-weight:bold;
  position:relative;
}

ul.tree li:before {
  content:"";
  display:block;
  width:35px; /* same with indentation */
  height:0;
  border-top:2px gray dashed;
  position:absolute;
  top:30px;
  left:0;
/*  z-index: 9999; */
}

ul.tree li.active:before {
  top:35px;	
}

ul.tree li:last-child:before {
  height:auto;
  bottom:0;
}

li.component a, li.arrow a {
	display: inline-block;
/*		float:left; */
	text-indent: -9999px;
	outline: none;
/*		margin-bottom: 5px;	*/		
}

li.arrow a {
	cursor:default;
}			

li.arrow.left a {
	width: 40px;			
	height: 60px; 
/*	background-image: url("../img/drawable-mdpi/arrow_left.png"); */
	background-position: -15px -15px;	
} 	

li.component a {
	width: 60px;			
	height: 60px; 
	background-image: url("../img/drawable-mdpi/components_select.png");
}
li.project_component a {
	background-image: url("../img/drawable-mdpi/components_inactive.png");		
}
li.project_component.active a {
	width: 75px;			
	height: 75px; 		
	background-image: url("../img/drawable-mdpi/components_active.png");
	box-shadow: none;
}	
li.component.Cylinder a {
	background-position: -15px -15px;	
}
li.project_component.Cylinder.active a {
	background-position: -7px -7px;	
}
li.component.Pipe a {
	background-position: -111px -15px;	
}
li.project_component.Pipe.active a {
	background-position: -104px -7px;	
}		
li.component.Sphere a {
	background-position: -207px -15px;	
}
li.project_component.Sphere.active a {
	background-position: -200px -7px;	
}		
li.component.Cube a {
	background-position: -303px -15px;	
}
li.project_component.Cube.active a {
	background-position: -296px -7px;	
}		
li.component.Duct a {
	background-position: -399px -15px;	
}
li.project_component.Duct.active a {
	background-position: -392px -7px;	
}	
li.component.Wall a {
	background-position: -495px -15px;	
}
li.project_component.Wall.active a {
	background-position: -488px -7px;	
}
.selected_component .ui-block.ui-icon {
	background-position: 0px -5px !important;
	padding-left: 120px !important;
	padding-top : 5px !important;
	height: 80px; 
}

.selected_component .ui-grid-a {
	margin-top: 15px;	
}

.selected_component .ui-block {
	padding-right: 50px;
}

.selected_component .ui-block.length {
	background: url("../img/drawable-mdpi/component_length.png") no-repeat;
}

.selected_component .ui-block.length.active {
	background: url("../img/drawable-mdpi/component_length_active.png") no-repeat;		
}

.selected_component .ui-block.diameter {
	background: url("../img/drawable-mdpi/component_diameter.png") no-repeat;	
}

.selected_component .ui-block.diameter.active {
	background: url("../img/drawable-mdpi/component_diameter_active.png") no-repeat;	
}

.selected_component .ui-block.height {
	background: url("../img/drawable-mdpi/component_height.png") no-repeat;		
}

.selected_component .ui-block.height.active {
	background: url("../img/drawable-mdpi/component_height_active.png") no-repeat;		
}

.selected_component .ui-block.width {
	background: url("../img/drawable-mdpi/component_width.png") no-repeat;		
}

.selected_component .ui-block.width.active {
	background: url("../img/drawable-mdpi/component_width_active.png") no-repeat;		
}

.selected_component .ui-block.area {
	background: url("../img/drawable-mdpi/component_area.png") no-repeat;		
}

.selected_component .ui-block.area.active {
	background: url("../img/drawable-mdpi/component_area_active.png") no-repeat;		
}

.button {
	text-indent: -9999px;
	cursor: pointer;
}
.button:hover {
	opacity: 0.6;
}

.button.back {
	width: 60px;
	height: 60px;
	float: left;
	background: url("../img/drawable-mdpi/button_back.png") no-repeat;	
	position:relative;
	top : 15px;		
}

.button.back.big {
	width: 90px;
	height: 90px;
	background: url("../img/drawable-hdpi/button_back.png") no-repeat;	
}
/*
.button.ok {
	width: 290px;
	height: 90px;
	background: url("../img/drawable-mdpi/button_save.png") no-repeat;	
}
*/
.button.ok {
	width: 60px;
	height: 60px;
	float: left;
	margin-left: 10px;		
	background: url("../img/drawable-mdpi/button_ok.png") no-repeat;
	position:relative;
	top : 15px;			
}

.button.ok.big {
	width: 90px;
	height: 90px;
	background: url("../img/drawable-hdpi/button_ok.png") no-repeat;	
}

.actions .button.ok.big {
	margin-left: -7px;		
	top : 0px;		
}
/*
.button.calculate {
	width: 290px;
	height: 90px;
	float: left;	
	background: url("../img/drawable-mdpi/button_calculate.png") no-repeat;	
}
*/
.button.copy {
	width: 60px;
	height: 60px;
	float: left;
	margin-left: 20px;	
	background: url("../img/drawable-mdpi/button_copy.png") no-repeat;
	position:relative;
	top : 15px;	
}

.button.remove {
	width: 60px;
	height: 60px;
	float: left;
	margin-left: 20px; 
	background: url("../img/drawable-mdpi/button_remove.png") no-repeat;
	position:relative;
	top : 15px;			
}

.state {
	width: 142px;
	height: 96px;
	text-indent: -9999px;		
}

.state.industry {
	background: url("../img/drawable-mdpi/state_industry.png") no-repeat;		
}

.state.havc {
	background: url("../img/drawable-mdpi/state_havc.png") no-repeat;		
}

.state.marine {
	background: url("../img/drawable-mdpi/state_marine.png") no-repeat;		
}

.ui-box {
	font-size: 1.2em;
/*	font-weight: bold; */
/*	
	border: 1px solid #999;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;

	-moz-box-shadow: 2px 2px 3px 3px #ccc;
	-webkit-box-shadow: 2px 2px 3px 3px #ccc;
	box-shadow: 2px 2px 3px 3px #ccc;
*/	
	overflow: hidden;
	width:inherit;
/*	width: 100%;	 */
/*	padding: 0.7em;	*/
/*	background-color: whitesmoke; */
/*	
	background-color: #C9F76F;
	background-color: #E4FFD2;
	background-color: #eee;
*/	
}

.ui-box > .header, .ui-box > .content {
	padding:0.7em;	
}

.ui-box > .header {
/*	background: #99CC00;*/
	background: #74b042;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#99CC00), to(#56A00E));
	background-image: -webkit-linear-gradient(#99CC00, #56A00E);
	background-image: -moz-linear-gradient(#99CC00, #56A00E);
	background-image: -ms-linear-gradient(#99CC00, #56A00E);
	background-image: -o-linear-gradient(#99CC00, #56A00E);
	background-image: linear-gradient(#99CC00, #56A00E);	
	color: whitesmoke;
	font-weight: bold;
}

.ui-box > .header {
	/*	background: #99CC00;*/
		background: #ffce00;
		background-image: -webkit-gradient(linear, left top, left bottom, from(#ffce00), to(#ffce00));
		background-image: -webkit-linear-gradient(#ffce00, #ffce00);
		background-image: -moz-linear-gradient(#ffce00, #ffce00);
		background-image: -ms-linear-gradient(#ffce00, #ffce00);
		background-image: -o-linear-gradient(#ffce00, #ffce00);
		background-image: linear-gradient(#ffce00,#ffce00);
		color: #000;
		font-weight: bold;
	}

.ui-box > .content > div {
	border-top: solid #ccc 1px; 
}

.ui-box > .content > div:first-child {
	border-top: 0px;
}

.ui-box .component-method {
	cursor: pointer;
}

.component-image-container {
	position: relative;	
}

.component-image-container a.zoom-out {
	position: absolute;
	top: 0px;
	right: 0px;	
}

.component-image-container {
/*	border: solid 1px #ccc; */
}

.component-image-container+div {
	border-top: 0px;		
}

.component-image {
	padding-left: 20px;
	padding-right: 10px;
	width: 240px;
	height: 150px;
	text-indent: -9999px;
	cursor: pointer;	
}

.component-image.Cube {
	background: url("../img/drawable-mdpi/overview_cube.png") no-repeat;
}

.component-image.Duct {
	background: url("../img/drawable-mdpi/overview_duct.png") no-repeat;
}

.component-image.Wall {
	background: url("../img/drawable-mdpi/overview_wall.png") no-repeat;
}

.component-image.Pipe {
	background: url("../img/drawable-mdpi/overview_pipe.png") no-repeat;
}

.component-image.Cylinder {
	background: url("../img/drawable-mdpi/overview_cylinder.png") no-repeat;
}

.component-image.Sphere {
	background: url("../img/drawable-mdpi/overview_sphere.png") no-repeat;
}

.info, .warning {
	width: 290px;
	height: 75px;		
/*	padding: 25px 10px 25px 60px;  */
}
.info {
	background: url("../img/drawable-mdpi/box_info.png") no-repeat -10px 0px;	 
} 

.warning {
	background: url("../img/drawable-mdpi/box_warning.png") no-repeat -10px 0px;	       
}

.info .content, .warning .content {	
	display: block;
	position:relative;
  	left:60px;
  	top:30px;
	margin-right: 90px;  	
	vertical-align: middle;
	word-wrap:break-word;
}

.category {
	height: 120px;
	padding: 0 0 0 120px;
	background-position : 0px 50%;	
	cursor: pointer;
}

.category > span, .category > label {
	position:relative;
	top:40%;
	font-weight: bold;
	color: #888;
	cursor: pointer;  		
}
/*
li#method_ins_thick {
	height: auto;	
}

#method_ins_thick > span, #method_ins_thick > .ui-input-text {
	top:0%;	
}

#method_ins_thick > span[W/(m.K)] {
	top:10px;	
}
*/

.category .ui-link, .category .ui-link:hover, .category .ui-link:visited {
	color: #888;
}

.category.active .ui-link {
	color: #2489ce;
}

/*
#method_ins_thick > .ui-collapsible {
	padding-left: 15px;
}

#method_ins_thick .ui-collapsible-content {
	background: white;
	opacity:1;
	z-index: 9999;		
}
*/
.category > span.units, .category > label, .category > span.ui-btn-inner, .category span.label {
	font-size: 1.5em;	
}

.category > label {
	width:65%;		
	float:left;	
}

.category > .ui-input-text {
	width:20%;	
	float:left;
	top: 30%;
}

a.ui-link.plus {
	display:inline-block;
	width: 56px;			
	height: 56px; 	
	background: url("../img/drawable-mdpi/button_plus.png") no-repeat 0px 50% !important;	
	text-indent: -9999px;	
}

a.copy {
	display:inline-block;
	width: 56px;			
	height: 56px; 	
	background: url("../img/drawable-mdpi/button_copy_small.png") no-repeat 0px 50% !important;	
	text-indent: -9999px;	
}

a.remove {
	display:inline-block;
	width: 56px;			
	height: 56px; 	
	background: url("../img/drawable-mdpi/button_remove_small.png") no-repeat 0px 50% !important;	
	text-indent: -9999px;	
}

input[type=number] {	
	text-align: right;
}

.category span.units {
	width:10%;		
	float:right;	
}

.category.more {
/*	background: url("../img/drawable-mdpi/more.png") no-repeat 0px 50% !important; */
	background: url("../img/drawable-mdpi/button_more.png") no-repeat 15px 50% !important; 
}

.category.icon-disable {
    background: none;
    padding: 0;
}

.category.icon-disable > span.icon {
    float: left;
    top: 0px;
    width: 120px;            
    height: 120px;   
    text-indent: -9999px;        
}
       
.category.icon-disable > label.left {
    width: 40%;    
}

.category.icon-disable > span.right {
    width: 20%;    
}

span.icon.more {         
    background: url("../img/drawable-mdpi/button_more.png") no-repeat 15px 50% !important;          
} 

.ui-header .ui-title {
cursor: pointer;
}


.subtitle {
	font-size: 0.7em;
	font-weight: normal;
}

label.page-title {
	font-size: 18px;
	font-weight: bold;
}

label.big {
	font-size: 16px;
	line-height: 1.4;
	font-weight: 400;
	margin: 0 0 .3em;
	display: block;
}

ul.ui-listview li {
	border-bottom: 0px;	
}

div.page-title.ui-field-contain div.ui-input-text {
	width: 75%;	
	margin-left: 50px;
}

.category.active label {
	color: #2489ce;
	color: #FF7800; /* isover sg orange */
}

#method_ins_thick, #method_ins_thick_max_heatflow_rate {
	background: url("../img/drawable-mdpi/method_ins_thick.png") no-repeat 0px 0px;
}

#method_ins_thick > span.icon {
    background: url("../img/drawable-mdpi/method_ins_thick.png") no-repeat 0px 50% !important;
}

#method_ins_thick.active {
	background: url("../img/drawable-mdpi/method_ins_thick_active.png") no-repeat 0px 0px;
}

#method_op_costs, #method_id_2 {
	background: url("../img/drawable-mdpi/method_op_costs.png") no-repeat 0px 50%;
}

#method_op_costs.active, #method_id_2.active {
	background: url("../img/drawable-mdpi/method_op_costs_active.png") no-repeat 0px 50%;
}

#method_heat_loss_gain {
	background: url("../img/drawable-mdpi/method_heat_loss_gain.png") no-repeat 0px 50%;
}

#method_heat_loss_gain.active {
	background: url("../img/drawable-mdpi/method_heat_loss_gain_active.png") no-repeat 0px 50%;
}

#method_axial_temperature_decrease, #method_id_3 {
	background: url("../img/drawable-mdpi/method_axial_temperature_decrease.png") no-repeat 0px 50%;
}
#method_economy, #method_id_9 {
	background: url("../img/drawable-mdpi/method_economy.png") no-repeat 0px 50%;
}
#method_freezing_time, #method_id_8 {
	background: url("../img/drawable-mdpi/method_freezing_time.png") no-repeat 0px 50%;
}
#method_prevention_condensation {
	background: url("../img/drawable-mdpi/method_prevention_condensation.png") no-repeat 0px 50%;
}
#method_prevention_condensation_inside {
	background: url("../img/drawable-mdpi/method_prevention_condensation_inside.png") no-repeat 0px 50%;
}
#method_surface_temperature {
	background: url("../img/drawable-mdpi/method_surface_temperature.png") no-repeat 0px 50%;
}
#method_temperature_decrease_over_time, #method_id_4 {
	background: url("../img/drawable-mdpi/method_temperature_decrease_over_time.png") no-repeat 0px 50%;
}
#method_moisture_accumulation, #method_id_5 {
	background: url("../img/drawable-mdpi/method_moisture_accumulation.png") no-repeat 0px 50%;
}
#method_moisture_accumulation.active, #method_id_5.active {
	background: url("../img/drawable-mdpi/method_moisture_accumulation_active.png") no-repeat 0px 50%;
}
#method_UR, #method_id_6 {
	background: url("../img/drawable-mdpi/method_UR.png") no-repeat 0px 50%;
}
#method_UR.active, #method_id_6.active {
	background: url("../img/drawable-mdpi/method_UR_active.png") no-repeat 0px 50%;
}
#method_underground, #method_id_7 {
	background: url("../img/drawable-mdpi/method_underground.png") no-repeat 0px 50%;
}
#method_underground.active, #method_id_7.active {
	background: url("../img/drawable-mdpi/method_underground.png") no-repeat 0px 50%;
}
#method_id_13 {
	background: url("../img/drawable-mdpi/method_underground_freezing_time.png") no-repeat 0px 50%;
}
#method_id_13.active {
	background: url("../img/drawable-mdpi/method_underground_freezing_time.png") no-repeat 0px 50%;
}
#method_id_14 {
	background: url("../img/drawable-mdpi/method_underground_axial_temperature_change.png") no-repeat 0px 50%;
}
#method_id_14.active {
	background: url("../img/drawable-mdpi/method_underground_axial_temperature_change.png") no-repeat 0px 50%;
}
#method_id_15, #method_id_16 {
	background: url("../img/drawable-mdpi/method_energy_efficiency_class.png") no-repeat 0px 50%;
}
#method_id_15.active, #method_id_16.active {
	background: url("../img/drawable-mdpi/method_energy_efficiency_class_active.png") no-repeat 0px 50%;
}
.medium.density.category {
	background: url("../img/drawable-mdpi/medium_density.png") no-repeat 10px 50%;
}

.medium.density.category.active {
	background: url("../img/drawable-mdpi/medium_density_active.png") no-repeat 10px 50%;
}

.medium.heat_capacity.category {
	background: url("../img/drawable-mdpi/medium_heat_capacity.png") no-repeat 10px 50%;	
}

.medium.heat_capacity.category.active {
	background: url("../img/drawable-mdpi/medium_heat_capacity_active.png") no-repeat 10px 50%;	
}

.medium.velocity.category {
	background: url("../img/drawable-mdpi/medium_velocity.png") no-repeat 10px 50%;
}

.medium.velocity.category.active {
	background: url("../img/drawable-mdpi/medium_velocity_active.png") no-repeat 10px 50%;
}

.medium.temperature.category {
	background: url("../img/drawable-mdpi/medium_temperature.png") no-repeat 10px 50%;
}

.medium.temperature.category.active {
	background: url("../img/drawable-mdpi/medium_temperature_active.png") no-repeat 10px 50%;
}

#medium_rel_humidity_inside {
	background: url("../img/drawable-mdpi/medium_rel_humidity_inside.png") no-repeat 10px 50%;	
}

#medium_rel_humidity_inside.active {
	background: url("../img/drawable-mdpi/medium_rel_humidity_inside_active.png") no-repeat 10px 50%;	
}

.medium.pressure.category {
	background: url("../img/drawable-mdpi/medium_pressure.png") no-repeat 10px 50%;	
}

.medium.pressure.category.active {
	background: url("../img/drawable-mdpi/medium_pressure_active.png") no-repeat 10px 50%;	
}

.medium.conductivity.category {
	background: url("../img/drawable-mdpi/medium_conductivity.png") no-repeat 10px 50%;	
}

.medium.conductivity.category.active {
	background: url("../img/drawable-mdpi/medium_conductivity_active.png") no-repeat 10px 50%;	
}

.medium.kinviscosity.category {
	background: url("../img/drawable-mdpi/medium_kinviscosity.png") no-repeat 10px 50%;	
}

.medium.kinviscosity.category.active {
	background: url("../img/drawable-mdpi/medium_kinviscosity_active.png") no-repeat 10px 50%;	
}

#medium_volume_percentage {
    background: url("../img/drawable-mdpi/medium_volume_percentage.png") no-repeat 10px 50%; 
}

#medium_volume_percentage.active {
    background: url("../img/drawable-mdpi/medium_volume_percentage_active.png") no-repeat 10px 50%;  
}

.medium.mass.category {
	background: url("../img/drawable-mdpi/medium_mass.png") no-repeat 10px 50%;		
}

.medium.mass.category.active {
	background: url("../img/drawable-mdpi/medium_mass_active.png") no-repeat 10px 50%;		
}

#medium_time {
	background: url("../img/drawable-mdpi/medium_downtime.png") no-repeat 10px 50%;		
}

#medium_time.active {
	background: url("../img/drawable-mdpi/medium_downtime_active.png") no-repeat 10px 50%;		
}

#medium_freezing {
	background: url("../img/drawable-mdpi/medium_freezing.png") no-repeat 10px 50%;		
}

#medium_freezing.active {
	background: url("../img/drawable-mdpi/medium_freezing_active.png") no-repeat 10px 50%;		
}

#medium_operationalhours {
	background: url("../img/drawable-mdpi/medium_operationalhours.png") no-repeat 10px 50%;		
}

#medium_operationalhours.active {
	background: url("../img/drawable-mdpi/medium_operationalhours_active.png") no-repeat 10px 50%;		
}

.climate.temperature_outside.category {
	background: url("../img/drawable-mdpi/climate_temperature_outside.png") no-repeat 0px 50%;
}

.climate.temperature_outside.category.active {
	background: url("../img/drawable-mdpi/climate_temperature_outside_active.png") no-repeat 0px 50%;
}

.climate.temperature_ground.category {
	background: url("../img/drawable-mdpi/medium_temperature.png") no-repeat 0px 50%;
}

.climate.temperature_ground.category.active {
	background: url("../img/drawable-mdpi/medium_temperature.png") no-repeat 0px 50%;
}

#climate_rel_humidity_outside{
	background: url("../img/drawable-mdpi/climate_rel_humidity_outside.png") no-repeat 0px 50%;	
}

#climate_rel_humidity_outside.active {
	background: url("../img/drawable-mdpi/climate_rel_humidity_outside_active.png") no-repeat 0px 50%;	
}

.climate.wind.category {
	background: url("../img/drawable-mdpi/climate_wind.png") no-repeat 0px 50%;
}

.climate.wind.category.active {
	background: url("../img/drawable-mdpi/climate_wind_active.png") no-repeat 0px 50%;
}

.climate.direct_heating.category {
	background: url("../img/drawable-mdpi/climate_direct_heating_active.png") no-repeat 0px 50%;
}

.climate.direct_heating.category.active {
	background: url("../img/drawable-mdpi/climate_direct_heating_active.png") no-repeat 0px 50%;
}

.climate.solar_radiation.category {
	background: url("../img/drawable-mdpi/climate_solar_radiation_active.png") no-repeat 0px 50%;
}

.climate.solar_radiation.category.active {
	background: url("../img/drawable-mdpi/climate_solar_radiation_active.png") no-repeat 0px 50%;
}


#climate_database, #medium_database, #cladding_database {
	background: url("../img/drawable-mdpi/climate_database.png") no-repeat 15px 50%;
}

#climate_database.active, #medium_database.active, #cladding_database.active {
	background: url("../img/drawable-mdpi/climate_database.png") no-repeat 15px 50%;
}

#economy_method {
	background: url("../img/drawable-mdpi/economy_method.png") no-repeat 0px 50%;
}

#economy_basic_data {
	background: url("../img/drawable-mdpi/economy.png") no-repeat 0px 50%;
	padding-left: 50px;
	position: relative;
	top:-30px;
	left: 20px;
	height: 80px;
}
/*
#economy_heatpricekWh {
	background: url("../img/drawable-mdpi/economy_basic_data.png") no-repeat 0px 50%;
}
*/
#economy_currency {
	background: url("../img/drawable-mdpi/method_op_costs.png") no-repeat 0px 50%;
}

#insulation_cost {
	background: url("../img/drawable-mdpi/method_op_costs.png") no-repeat 0px 50%;
}

@media screen and (max-width : 1100px) {
    /*CSS for low-density screens*/  
    .content-secondary {
        width: 130px;
    }
    .content-primary {
        width: 55%;
        padding-right: 1%;
        margin-left: 10px;
    }         
}

@media screen and (-webkit-device-pixel-ratio: 0.75) {
    /*CSS for low-density screens*/
   	.ui-icon-split-new {
   		background-image: url("../img/drawable-ldpi/split_new.png");
   	}
    .content-secondary {
        width: 150px;
    }
    .content-third {
        width: 270px;
    }
    .content-primary {
        width: 45%;
        padding-right: 1%;
    }   	
}

@media screen and (-webkit-device-pixel-ratio: 1) {
    /*CSS for medium-density screens*/
   	.ui-icon-split-new {
   		background-image: url("../img/drawable-mdpi/split_new.png");
   	}
   	
	.content-secondary {
		width: 150px;
	}
	.content-third {
		width: 270px;
	}
	.content-primary {
		width: 60%;
		padding-right: 1%;
	}		   	   	
}

@media screen and (-webkit-device-pixel-ratio: 1.5) {
    /*CSS for high-density screens*/
   	.ui-icon-split-new {
   		background-image: url("../img/drawable-hdpi/split_new.png");
   	}
	.ui-navbar li .ui-btn .ui-btn-inner {
	    padding-bottom: 1.6em;
	    padding-top: 1.5em;	
	}
	
	.content-secondary {
		width: 130px;
		padding-right:2%;
		margin: 0;
		padding: 0;
	}	    
	.content-primary {
		width: 75%;
	/*	margin-right: 5%; */
		margin-right: 1%;
	/*	padding-right: 3%; */
		padding-right: 1%;
	}
	
	li.arrow.left a {
		width: 60px;			
		height: 90px; 
/*		background-image: url("../img/drawable-hdpi/arrow_left.png"); */
		background-position: -22.5px -22.5px;	
	} 		
	
	li.component a {
		width: 90px;			
		height: 90px; 
		background-image: url("../img/drawable-hdpi/components_select.png");
	}	
	li.project_component a {
		background-image: url("../img/drawable-hdpi/components_inactive.png");	
	}
/*		
	li.project_component.active a {
		background-image: url("../img/drawable-hdpi/components_active.png");	
	}
*/				
	li.component.Cylinder a {
		background-position: -22.5px -22.5px;	
	}	
	li.component.Pipe a {
		background-position: -165.5px -22.5px	
	}	
	li.component.Sphere a {
		background-position: -310.5px -22.5px;	
	}	
	li.component.Cube a {
		background-position: -454.5px -22.5px;	
	}	
	li.component.Duct a {
		background-position: -598.5px -22.5px;	
	}	
	li.component.Wall a {
		background-position: -742.5px -22.5px;	
	}		   	
}

@media screen and (-webkit-device-pixel-ratio: 2) {
    /*CSS for extra high-density screens*/
   	.ui-icon-split-new {
   		background-image: url("../img/drawable-xhdpi/split_new.png");
   	}
	.ui-navbar li .ui-btn .ui-btn-inner {
	    padding-bottom: 2em;
	    padding-top: 2.1em;	
	}
/*	
	li.component {
		height: 120px; 
		width: 120px;							
	}
*/

	li.arrow.left a {
		width: 80px;			
		height: 120px; 
/*		background-image: url("../img/drawable-xhdpi/arrow_left.png"); */
		background-position: -30px -30px;	
	}
		
	li.component a {
		width: 120px;			
		height: 120px; 
		background-image: url("../img/drawable-xhdpi/components_select.png");
	}	
	li.project_component a {
		background-image: url("../img/drawable-xhdpi/components_inactive.png");	
	}
/*		
	li.project_component.active a {
		background-image: url("../img/drawable-xhdpi/components_active.png");	
	}
*/			
	li.component.Cylinder a {
		background-position: -30px -30px;	
	}	
	li.component.Pipe a {
		background-position: -222px -30px;	
	}	
	li.component.Sphere a {
		background-position: -414px -30px;	
	}	
	li.component.Cube a {
		background-position: -606px -30px;	
	}	
	li.component.Duct a {
		background-position: -798px -30px;	
	}	
	li.component.Wall a {
		background-position: -990px -30px;	
	}
}

.ui-header .logo, .ui-header .menu {
	position: absolute;
	top: 5px;
}

.ui-header .logo {
	left: 0px;
	top: -3px;
	padding: 10px; 
}

.ui-btn-right.menu {
	top:8px;
}

.menu img{
	opacity:0.6;
	filter:alpha(opacity=60); /* For IE8 and earlier */
}

.menu img{
	opacity:0.9;
	filter:alpha(opacity=90); /* For isover */
}

.menu img:hover, .menu .active img{
	opacity:1.0;
	filter:alpha(opacity=100); /* For IE8 and earlier */
}

.ui-content .ui-content {
	padding: 15px 0;
}

#iscroll_wrapper{
    position:relative; 
    z-index:1;
    display:block;
    width: 100%; 
    height:450px;        
/*    overflow:auto;  */
	overflow: hidden;  
}

.scroller {
    position:absolute; 
    z-index:1;
/*  -webkit-touch-callout:none;*/
    -webkit-tap-highlight-color:rgba(0,0,0,0);
	width:100%; 
    padding:0;
}
/*
.myScrollbarV {
    position:absolute;
    z-index:100;
    width:12px;bottom:7px;top:2px;right:1px;
}

.myScrollbarV > div {
    position:absolute;
    z-index:100;
    width:100%;
    height: 80px !important;
    background:-webkit-gradient(linear, 0 0, 100% 0, from(#ccc), to(#eee));
    border:1px solid #ccc;               
    -webkit-background-clip:padding-box;
    -webkit-box-sizing:border-box;
    -webkit-border-radius:6px;
    -webkit-box-shadow:inset 1px 1px 0 rgba(255,255,255,0.5);
}
*/

/* Styled scrollbars */

.iScrollHorizontalScrollbar {
	position: absolute;
	z-index: 100;
	height: 12px;
	left: 2px;
	right: 2px;
	bottom: 2px;
	overflow: hidden;
}

.iScrollHorizontalScrollbar.iScrollBothScrollbars {
	right: 18px;
}

.iScrollVerticalScrollbar {
	position: absolute;
	z-index: 100;
	width: 12px;
	bottom: 7px;
	top: 2px;
	right: 2px;
	overflow: visible !important;
}

.iScrollVerticalScrollbar.iScrollBothScrollbars {
	bottom: 18px;
}

.iScrollIndicator {
	position: absolute;
/*	
	background: #cc3f6e;
*/	
	background:-webkit-gradient(linear, 0 0, 100% 0, from(#ccc), to(#eee));
	border-width: 1px;
	border-style: solid;
	border-color: #ccc;
/*	
	border-color: #EB97B4 #7C2845 #7C2845 #EB97B4;
*/	
	border-radius: 8px;
}

.iScrollHorizontalScrollbar .iScrollIndicator {   
	height: 100%;
	background:-webkit-gradient(linear, 0 0, 100% 0, from(#ccc), to(#eee));
/*	
	background: -moz-linear-gradient(left,  #cc3f6e 0%, #93004e 100%);
	background: -webkit-linear-gradient(left,  #cc3f6e 0%,#93004e 100%);
	background: -o-linear-gradient(left,  #cc3f6e 0%,#93004e 100%);
	background: -ms-linear-gradient(left,  #cc3f6e 0%,#93004e 100%);
	background: linear-gradient(to right,  #cc3f6e 0%,#93004e 100%);
*/	
}

.iScrollVerticalScrollbar .iScrollIndicator {
/*
    position:absolute;
    z-index:100; 
*/ 
	width: 100%;
	background:-webkit-gradient(linear, 0 0, 100% 0, from(#ccc), to(#eee));
	background: linear-gradient(to right,  #ccc 0%,#eee 100%);	
/*	
	background: -moz-linear-gradient(top, #ccc 0%, #eee 100%);
	background: -webkit-linear-gradient(top,  #ccc 0%,#eee 100%);
	background: -o-linear-gradient(top, #ccc 0%,#eee 100%);
	background: -ms-linear-gradient(top, #ccc 0%,#eee 100%);
	background: linear-gradient(to bottom,  #ccc 0%,#eee 100%);		
*/	
}

#iscroll_wrapper .iScrollIndicator {
	height: 80px !important; 
}

.ui-popup { 
/*    background: whitesmoke; */
	background: #FFF;
	border: 0px;
}

.ui-popup.ui-content {
    padding:10px;   
}

.ui-popup > .ui-content {
    padding:20px;
    overflow: auto !important;   
}

.ui-popup > img.component-image-big { 
    border: #ddd solid 1px;    
}

ul.components .component a {
/*	
	-moz-box-shadow: 2px 2px 3px 3px #ccc;
	-webkit-box-shadow: 2px 2px 3px 3px #ccc;
	box-shadow: 2px 2px 3px 3px #ccc;
*/	
	box-shadow: none;
}

ul.components.havc .component.Cylinder a, ul.components.havc .component.Cube a, ul.components.havc .component.Sphere a, ul.components .component.disabled a {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	opacity: .3;
	cursor: not-allowed;
}

ul.components .component a:hover, ul.components .component a:active, ul.components .component a:visited  {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
/*	box-shadow: none;*/
/*	box-shadow: 0px 0px 5px 5px #D40f7D; */
}

#component-temperature {
	position: absolute;
	top:60px;
	right:20px;
}

ul.components {
	height: 80px;
}

#release_information {
    text-align: left;
    padding: 20px;
    color: #666;
}

#footer {
    min-height: 40px;    
}

#release_information .note, #footer .note {
/*    color: #F53D00; */
    font-weight: bold;
   /* font-size: 1.2em; */
}

/*
li.component { 
	position: relative;
	overflow: hidden; 	 
	height: 120px; 
	width: 120px; 	  
}

li.component img {
	position: absolute;	
	top: -30px;
	left: -30px;
	max-width:none !important;	 	 	
}

li.component.Pipe img {
	left: -30px;	
}

li.component.Wall img {
	left: -222px;	
}

li.component.Duct img {
	left: -414px;	
}

li.component.Cylinder img {
	left: -606px;	
}

li.component.Cube img {
	left: -798px;	
}

li.component.Sphere img {
	left: -990px;	
}
*/

.red {
    color: red;
} 

.green {
    color: green;
} 


.positive {
    color: red;
} 
    
.negative {
    color: green;
}

.ui-input-search, div.ui-input-text, textarea.ui-input-text {
    background-color:#EFEFEF;
}

.ui-field-contain label {
    position: relative;
    top: 7px;
    vertical-align: top;
}
.jqplot-target{
    color: #333;
    font-family: Helvetica,Arial,sans-serif;   
}
.jqplot-point-label {
    color: #000;
}

.footer-text{
    text-align: center;
    margin-top:0px;
    margin-bottom:0px;
    vertical-align:middle;
    min-height: 40px;
}

.footer-text img{
    margin-top: 4px;
}

.footer-text-inner {
    position:relative;
/*    top:-15px; with logo   */
	top: 5px; 
}

#footer .footer-flag {
    position:relative;
/*    top:-10px;   with logo     */ 
	top: 10px; 
}

.ui-footer.ui-bar-c {
	background: #E6E6E6;
/*	background-image: linear-gradient(287deg,#505050,#141414); */
	color: #959595;
}

.clearfix::after {
    content: "";
    clear: both;
    display: block;
}

.ui-tolito-progressbar-corner-all {
	border-radius: 0em !important;	
}

.ui-tolito-progressbar-label {
	display: inline-block;
	vertical-align: middle;
	line-height: 2.5em;
}

.ui-header .ui-navbar .ui-grid-c li.ui-block-d .ui-btn, .ui-footer .ui-navbar .ui-grid-c li.ui-block-d .ui-btn, .ui-header .ui-navbar .ui-grid-d li.ui-block-e .ui-btn, .ui-footer .ui-navbar .ui-grid-d li.ui-block-e .ui-btn {
	margin-right: 0px;
}

.ui-btn-active {
	background-image: linear-gradient(#141414,#141414);
}

.ui-checkbox-on .ui-icon, .ui-radio-on .ui-icon {
	background-color: #141414;
}

.ui-body-c .ui-link, .ui-body-c .ui-link:active, .ui-body-c .ui-link:hover, .ui-body-c .ui-link:visited {
/*	color: #141414 !important; */
	color: #000 !important;
}

.footer-text .ui-link, .ui-body-c .footer-text .ui-link:active, .ui-body-c .footer-text .ui-link:hover, .ui-body-c .footer-text .ui-link:visited {
	color: #000 !important;
}
#isover_logo, #ever_logo, #zubsystems_logo {
	background:  white;
	margin-left: 10px;
}
#zubsystems_logo {
	padding: 0px 2px;
}
#kaimann_logo {
	height: 33px;
	width: 85px;
	padding: 2px;
	background:  white;
}
/*
.ui-block-a .ui-btn-active, .ui-btn-up-a, .ui-btn-hover-a {
	border: solid 1px #D40f7D;
	background : #D40f7D;
	background-image: none;
	color: #FFF;
}

.ui-bar-b, .ui-btn-hover-b, .ui-btn-up-b {
	background : #009ACA;
	background-image: none;
	border: 1px solid #009ACA;
}
*/
.ui-btn-corner-all, .ui-corner-all {
	border-radius: 0em !important;
}

.lang a, .dblang a {
	text-decoration: none;
	background: #FFFFFF;
	padding: 2px 5px;
}