#header {
	height: 41px;
	font-weight: normal;
	color: black;
}


#version, #proc {
	position: absolute;
	float: left;
	font-size: 10px;
	left: 4px;
}

#helpdlg {
	background: #efefef;
}

.ui-loader-background {
	width: 100%;
	height: 100%;
	top:0;
	margin: 0;
	background: rgba(0, 0, 0, 0.3);
	display: none;
	position: fixed;
	z-index: 100;
}

.ui-loading .ui-loader-background {
    display:block;
}

#version {
	top: 5px;
}

#proc {
	top: 20px;
}

.ui-li-static {
	min-height: 27px;
	padding: 5px 0px 5px 0px;
}

.dimmer {
	height: 70px;
}

.pendingsw .ui-btn {
	position: absolute;
	top: 0px;
	right: 0px;
	height: 15px;
	padding-top: 6px;
}

.pendingsw .ui-btn *, .pendingsw .ui-btn *:hover {
	color: black;
}

.pendingsw .ui-btn-icon-left:after, .ui-btn-icon-right:after, .ui-btn-icon-top:after, .ui-btn-icon-bottom:after, .ui-btn-icon-notext:after {
	background-color: transparent !important;
}

.pendingsw .ui-icon-loader {
	background: transparent url('smallloader.gif') no-repeat 10px 7px;
}

.pendingsw .ui-icon-off {
	background: transparent url('off.png') no-repeat 10px 6px;
}

.pendingsw .ui-icon-on {
	background: transparent url('on.png') no-repeat 10px 6px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	.pendingsw .ui-icon-loader {
		background-position: 10px 6px;
	}

	.pendingsw .ui-icon-off {
		background-position: 10px 4px;
	}

	.pendingsw .ui-icon-on {
		background-position: 10px 4px;
	}
}

.pendingsw .ui-icon-loader.ui-btn-icon-left:after {
	background-color: transparent !important;
}

.pendingsw .ui-icon-on.ui-btn-icon-left:after {
	background-color: transparent !important;
}

.pendingsw .ui-icon-off.ui-btn-icon-left:after {
	background-color: transparent !important;
}

.pendingsw  a {
	text-decoration: none;
	color: black;
}

.ui-btn-right {
	position: absolute;
	top: 2px;
}

.ui-slider {
	position: relative;
	top: 25px;
	width: 100%;
}

.slider-value {
	position: absolute;
	float: left;
	left: 10px;
}

div.ui-slider-switch, div.screen {
	position: absolute;
	right: 10px;
}

li.label .text {
	position: relative;
	right: 0px;
	margin: 2px 5px 0px 5px;
	color: black;
}

li.label .marquee {
	right: 15px;
	position: relative;
	float: right;
	overflow: hidden;
	font-weight: normal;
	text-align: right;
	max-width: 95%;
	padding: 4px 5px 0px 5px;
	white-space: normal;
	min-height: 25px;
	-moz-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
}

div.screen {
	right: -20px;
	top: -10px;
	width: 205px;
}

.ui-li .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li {
	display: block;
}

div.name {
	padding-top: 4px;
  position: relative;
	float: left;
}

div.humidity, div.temperature, div.pressure, div.illuminance,
div.rain, div.windavg, div.windgust, div.winddir,
div.temperature_icon, div.humidity_icon, div.pressure_icon,
div.rain_icon, div.windavg_icon, div.illuminance_icon,
div.windgust_icon, div.winddir_icon,
div.update_active, div.update_inactive,
div.sunrise, div.sunset, div.sunset_icon.gray,
div.sunrise_icon.gray, div.sunset_icon.blue,
div.sunrise_icon.yellow, div.media_icon, div.action_icon,
div.battery.red, div.battery.green,
div.datetime {
	position: relative;
	float: right;
	padding: 6px 0px 0px 0px;
}

div.battery.red, div.battery.green {
	margin: 6px 0px 0px 0px;
}


div.sunset_icon.gray, div.sunrise_icon.gray,
div.sunset_icon.blue, div.sunrise_icon.yellow  {
	width: 19px;
	height: 16px;
	margin-right: 4px;
}

div.temperature_icon, div.humidity_icon, div.pressure_icon,
div.rain_icon, div.windavg_icon, div.illuminance_icon,
div.windgust_icon {
	width: 16px;
	height: 16px;
	margin-right: 4px;
}

div.winddir_icon {
	width: 10px;
	height: 10px;
	margin-right: 4px;
}

div.windgust_icon {
	margin-right: 0px;
	margin-left: -16px;
}

div.winddir_icon {
	margin-top: 14px;
	margin-left: 2px;
}

div.update_active, div.update_inactive,
div.media_icon, div.action_icon {
	width: 20px;
	height: 20px;
}

div.update_active, div.update_inactive {
	margin: 7px 0px 0px 4px;
}

div.media_icon, div.action_icon {
	margin: 5px 10px 0px 4px;
}

div.battery.red, div.battery.green {
	width: 10px;
	height: 16px;
}

div.webcam_image {
	position: absolute;
	float: right;
	right: 10px;
	top: 14px;
}

div.battery.red {
	background: url('battery_red.png') 0px 0px no-repeat;
}

div.battery.green {
	background: url('battery_green.png') 0px 0px no-repeat;
}

div.sunrise_icon.gray {
	background: url('sunrise_gray.png') 0px 0px no-repeat;
}

div.sunrise_icon.yellow {
	background: url('sunrise_yellow.png') 0px 0px no-repeat;
}

div.sunset_icon.gray {
	background: url('sunset_gray.png') 0px 0px no-repeat;
}

div.sunset_icon.blue {
	background: url('sunset_blue.png') 0px 0px no-repeat;
}

div.temperature_icon {
	background: url('temp.png') 0px 0px no-repeat;
}

div.humidity_icon {
	background: url('humi.png') 0px 0px no-repeat;
}

div.pressure_icon {
	background: url('pressure.png') 0px 0px no-repeat;
}

div.rain_icon {
	background: url('rain.png') 0px 0px no-repeat;
}

div.windavg_icon {
	background: url('windavg.png') 0px 0px no-repeat;
}

div.winddir_icon {
	background: url('winddir.png') 0px 0px no-repeat;
}

div.windgust_icon {
	background: url('windgust.png') 0px 0px no-repeat;
}

div.illuminance_icon {
	background: url('illuminance.png') 0px 0px no-repeat;
}

div.update_active {
	background: url('update_active.png') 0px 0px no-repeat;
}

div.update_inactive {
	background: url('update_inactive.png') 0px 0px no-repeat;
}

div.action_icon.play {
	background: url('play.png') 0px 0px no-repeat;
}

div.action_icon.stop {
	background: url('stop.png') 0px 0px no-repeat;
}

div.action_icon.pause {
	background: url('pause.png') 0px 0px no-repeat;
}

div.action_icon.screen_active {
	background: url('screen_active.png') 0px 0px no-repeat;
}

div.action_icon.screen_inactive {
	background: url('screen_inactive.png') 0px 0px no-repeat;
}

div.action_icon.shutdown {
	background: url('shutdown.png') 0px 0px no-repeat;
}

div.action_icon.home {
	background: url('home.png') 0px 0px no-repeat;
}

div.media_icon.movie {
	background: url('movie.png') 0px 0px no-repeat;
}

div.media_icon.episode {
	background: url('episode.png') 0px 0px no-repeat;
}

div.media_icon.song {
	background: url('song.png') 0px 0px no-repeat;
}

ul.ui-listview li.switch div.name {
        padding-right: 95px;
        white-space: normal;
}

.weather_values {
	overflow: auto;
	float: right;
}