.dalidisplay {
}

.dalidisplay .symbol {
	height: 100%;
	background: url("img/EmergenyLightUndef.png") no-repeat center;
	background-size: contain;
}

.dalidisplay .symbol.ExitSign {
	background-image: url("img/ExitSignUndef.png");
}

.dalidisplay .symbol.ExitSign.Good {
	background-image: url("img/ExitSignGood.png");
}

.dalidisplay .symbol.ExitSign.Bad {
	background-image: url("img/ExitSignBad.png");
}

.dalidisplay .symbol.EmergencyLuminaire {
	background-image: url("img/EmergenyLightUndef.png");
}

.dalidisplay .symbol.EmergencyLuminaire.Good {
	background-image: url("img/EmergenyLight.png");
}

.dalidisplay .symbol.EmergencyLuminaire.Bad {
	background-image: url("img/EmergenyLightRed.png");
}

.dalidisplay .symbol.EmergencyLightConverter {
	background-image: url("img/EmergencyConverterUndef.png");
}

.dalidisplay .symbol.EmergencyLightConverter.Good {
	background-image: url("img/EmergencyConverter.png");
}

.dalidisplay .symbol.EmergencyLightConverter.Bad {
	background-image: url("img/EmergencyConverterBad.png");
}

.dalidialog {
	position: absolute;
	width: 280px;
	height: 400px;
	background: #a9a9a9;
	border: 2px solid #696969;
	border-radius: 5px;
	z-index: 10000;
	overflow: hidden;
}

.dalidialog .header {
	color: white;
	height: 33px;
	line-height: 33px;
	font-weight: bold;
	padding: 0 10px;
	
	background: #8a8a8a;
	background: -moz-linear-gradient(top,  #8a8a8a 0%, #888888 50%, #696969 51%, #696969 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8a8a8a), color-stop(50%,#888888), color-stop(51%,#696969), color-stop(100%,#696969));
	background: -webkit-linear-gradient(top,  #8a8a8a 0%,#888888 50%,#696969 51%,#696969 100%);
	background: -o-linear-gradient(top,  #8a8a8a 0%,#888888 50%,#696969 51%,#696969 100%);
	background: -ms-linear-gradient(top,  #8a8a8a 0%,#888888 50%,#696969 51%,#696969 100%);
	background: linear-gradient(to bottom,  #8a8a8a 0%,#888888 50%,#696969 51%,#696969 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8a8a8a', endColorstr='#696969',GradientType=0 )
}

.dalidialog .right {
	float: right;
}

.dalidialog .left {
	float: left;
}

.dalidialog .clear {
	clear: both;
	height: 15px;
}

.dalidialog .clear:last-child {
	height: 0;
}

.dalidialog .datapane {
	padding: 5px;
	border-bottom: 4px double #898989;
}

.dalidialog .header select {
	margin-left: 5px;
	width: 55px;
	height: 23px;
	border: 1px solid #515151;
	background: black;
	color: white;
}

.dalidialog .test {
	padding: 5px;
	padding-right: 10px;
}

.dalidialog .test + .test {
	/*padding-top: 10px;*/
	border-top: 1px solid #898989;
}

.dalidialog .date {
	background: #dcdcdc;
	border: 1px solid #c7c7c7;
	height: 15px;
	width: 126px;
	text-align: center;
}

.dalidialog .leds {
	padding-top: 5px;
	padding-left: 12px;
}

.dalidialog .led {
	background: url("img/bullet_ball_glass_grey.png") no-repeat right center;
	background-size: 16px 16px;
	padding-right: 16px;
	width: 80px;
	line-height: 20px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.dalidialog .led.green {
	background-image: url("img/bullet_ball_glass_green.png");
}

.dalidialog .led.red {
	background-image: url("img/bullet_ball_glass_red.png");
}

.dalidialog .test .leds + .right {
	position: relative;
	margin-top: 3px;
    width: 142px;
}

.dalidialog .test .button {
	position: absolute;
	right: 0;
	bottom: 10px;
	width: 35px;
	height: 35px;
	background: url("img/DaliDisplay-FT.png") no-repeat center;
	background-size: contain;
}

.dalidialog .test .button.active {
	background-image: url("img/DaliDisplay-FT-grey.png");
}

.dalidialog .test.duration .button {
	background-image: url("img/DaliDisplay-90.png");
}

.dalidialog .test.duration .button.active {
	background-image: url("img/DaliDisplay-90-grey.png");
}

.dalidialog .bottom {
	position: relative;
	height: 79px;
	border-top: 4px double #898989;
}

.dalidialog .bottom .button {
	width: 35px;
	height: 35px;
	background: url("img/PowerShutDown.png") no-repeat center;
	background-size: contain;
	margin-top: 5px;
}

.dalidialog .bottom .button.active {
	background-image: url("img/PowerShutDownGrey.png");
}

.dalidialog .bottom .stop {
	position: absolute;
	bottom: 15px;
	left: 30px;
	text-align: center;
}

.dalidialog .bottom .battery {
	position: absolute;
	bottom: 15px;
	left: 85px;
	text-align: center;
}

.dalidialog .bottom .report {
	position: absolute;
	bottom: 15px;
	left: 160px;
	text-align: center;
}

.dalidialog .bottom .battery .button {
	background-image: url("img/DaliDisplay-Battery.png");
}

.dalidialog .bottom .battery .button.active {
	background-image: url("img/DaliDisplay-Battery-grey.png");
}

.dalidialog .bottom .report .button {
	background: #333;
	width: 88px;
	height: 18px;
	line-height: 18px;
	border: 1px solid #4c4c4c;
	color: white;
}

.dalidialog .scroller {
	padding-top: 2px;
	height: 28px;
}

.dalidialog .running {
	display: inline-block;
	position: relative;
}