
/* @group Emergency Stuff */
#EmergencyAlertBox {
	background: #EFEFEF url(/tools/notdienste/Styles/Doctor_Small.png) no-repeat 5px;
	padding-left: 25px;
	font-weight:bold;
	display:none;
}
#EmergencyAlertBox a {
}
#notdienste h2 {
	background: url(/SysRes/GLOBALSkin/iphoneSkin/Images/header_bg.png) repeat-x 0 0;
	border-bottom: 1px solid #999;
	border-top: 1px solid #DDD;
	height: 30px;
	line-height: 30px;
	margin: 0;
	padding: 2px 10px;
	font-size: 15px;
	font-weight: bold;
	color: black;
}
#notdienste h4, #spritpreise h4, #verkehrsmeldungen h4 {
	line-height: 30px;
	font-size: 15px;
	padding-left: 10px;
	margin: 0px;
	border-bottom: 1px solid #999;
}
ul.DatePicker, ul.FuelPicker, ul.ViewPicker{
	position:relative;
	left:50%;
	margin-left:-152px;
	width:304px;

	background-color: #333;
	list-style-type: none;
	height: 25px;
	padding: 1px;

	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;

	-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .15);
	-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .15);
	box-shadow: 0 1px 0 rgba(255, 255, 255, .15);
}
ul.DatePicker li, ul.FuelPicker li, ul.ViewPicker li {

	background-image: #f6d06f;
	background-image: -webkit-linear-gradient(top, #ffffff 1%, #f4c54d 66%, #efad01 100%);
	background-image: -moz-linear-gradient(top, #ffffff 1%, #f4c54d 66%, #efad01 100%);
	background-image: -o-linear-gradient(top, #ffffff 1%, #f4c54d 66%, #efad01 100%);
	background-image: -ms-linear-gradient(top, #ffffff 1%, #f4c54d 66%, #efad01 100%);
	background-image: linear-gradient(top, #ffffff 1%, #f4c54d 66%, #efad01 100%);

	background-color: #595959;
	float: left;
	margin-left: 1px;

	-webkit-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, .1);
	-moz-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, .1);
	box-shadow: inset 1px 1px 0 rgba(255, 255, 255, .1);


	line-height: 25px;
	font-size: 13px;
	position: relative;
	border-bottom: 0;
	list-style-type: none;
	padding: 0;

}
ul.DatePicker li span, ul.FuelPicker li span, ul.ViewPicker li span{
	color: #262626;
	font-size: 12px;
	font-weight: bold;
	line-height: 24px;
	text-align: center;
	text-decoration: none;
	text-shadow: 0 1px 0 rgba(255, 255, 255, .15);
	display: block;
	width: 60px;
	height: 25px;
}
ul.DatePicker li:active, ul.FuelPicker li:active, ul.ViewPicker li:active {
	background-color: #525252;
	-webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, .15), inset 0 0 5px rgba(0, 0, 0, .1);
	-moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, .15), inset 0 0 5px rgba(0, 0, 0, .1);
	box-shadow: inset 0 1px 4px rgba(0, 0, 0, .15), inset 0 0 5px rgba(0, 0, 0, .1);
}
ul.DatePicker li:active span, ul.FuelPicker li:active span , ul.ViewPicker li:active span{
	text-shadow: 0 1px 0 rgba(255, 255, 255, .1);
	position: relative;
	top: 1px;
}
ul.DatePicker li.Active, ul.FuelPicker li.Active , ul.ViewPicker li.Active{
	background-image: #f1b51a;
	background-image: -webkit-linear-gradient(top, #f4c54d 0%, #efad01 21%, #efad01 100%);
	background-image: -moz-linear-gradient(top, #f4c54d 0%, #efad01 21%, #efad01 100%);
	background-image: -o-linear-gradient(top, #f4c54d 0%, #efad01 21%, #efad01 100%);
	background-image: -ms-linear-gradient(top, #f4c54d 0%, #efad01 21%, #efad01 100%);
	background-image: linear-gradient(top, #f4c54d 0%, #efad01 21%, #efad01 100%);

	-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .1), inset 0 0 5px rgba(0, 0, 0, .15);
	-moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .1), inset 0 0 5px rgba(0, 0, 0, .15);
	box-shadow: inset 0 1px 3px rgba(0, 0, 0, .1), inset 0 0 5px rgba(0, 0, 0, .15);
}
ul.DatePicker li.Active span, ul.FuelPicker li.Active span , ul.ViewPicker li.Active span{
color: #fff; text-shadow: 0 1px 0 #000;
}

ul.DatePicker li:first-child, ul.FuelPicker li:first-child, ul.ViewPicker li:first-child {
	margin-left: 0;

	-webkit-border-top-left-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-bottomleft: 3px;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
}
ul.DatePicker li:last-child, ul.FuelPicker li:last-child, ul.ViewPicker li:last-child {
	-webkit-border-top-right-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-moz-border-radius-topright: 3px;
	-moz-border-radius-bottomright: 3px;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
}

ul.Services {
	width: 100%;
	height: 224px;
	padding: 10px;
	margin: 0;
	box-sizing: border-box;
}
ul.Services li {
	float: left;
	width: 50%;
	box-sizing: border-box;
	border:5px solid white;
}
ul.Services li a {
	display: block;
	background-image:none;
	background-color: #B85553;
	background-image: -webkit-linear-gradient(top, #D87253 0%, #B85553 40%, #B85553 100%);
	-webkit-border-radius: 5px;
	text-align: center;
	color: white;
	font-weight: bold;
	font-size: 35px;
	padding: 20px;
	text-shadow: 0 -1px black;
}
ul.Services li span {
	font-size: 14px;
	line-height: 14px;
	font-weight: normal;
}
#ServicesReceiver {
	min-height:200px;
}
.EmergencyBox, .GasStationBox, .TrafficBox, .SpeedCameraBox {
	margin: 0 0 20px 0;
	padding: 0;
	color:#242424;
	line-height: 1.2em;
	border-radius: 5px;
	list-style: none;
	font-family:Arial,Helvetica,sans-serif;
}
.EmergencyBox li {
	background: none;
	padding-left: 10px;
}
.EmergencyBox li.Separator {
	line-height:0;
	margin: 10px 0;
	border-bottom: 1px solid #C7D7D8;
}
.EmergencyBox li a {
	display:block;
	text-decoration:none;
	color:#000;
}
.EmergencyBox li a:hover h3 {
	text-decoration:underline;
}
.EmergencyBox li h3 {
	line-height:20px;
	font-size:14px;
	font-weight:bold;
	margin:0;
	letter-spacing:normal;
}
.EmergencyBox li h3 small {
	font-weight:normal;
}
.EmergencyBox li h3.Doctor {
	background: url(/tools/notdienste/Styles/Doctor_Small.png) no-repeat 0 0;
	padding-left: 25px;
}
.EmergencyBox li h3.Pharmacy {
	background: url(/tools/notdienste/Styles/Pharmacy_Small.png) no-repeat 0 0;
	padding-left: 25px;
}
.EmergencyBox li em {
	font-style:normal;
	font-weight:bold;
	font-size:12px;
	color:#CA433D;
}
.EmergencyBox li a.More {
	font-size:0.9em;
}
/* @end Emergency Stuff */

/* @group Spritpreise Stuff */
	ul.FuelPicker {
		width:121px;
		margin-left:-65px;
	}

	.GasStationBox li span {
		white-space:nowrap;
		overflow:hidden;
		text-overflow:ellipsis;
		clear:both;
		display:block;		
		line-height:16px;
		font-size:12px;
	}
	.GasStationBox li em {
		font-style: normal;
		font-weight: bold;
		font-size: 20px;
		margin-top: 23px;
		float: right;
		width: 28%;
		white-space: nowrap;
		margin-right: 5px;
		text-align: right;
	}
	.GasStationBox li i {
		text-transform:lowercase;
		font-size:13px;
	}
	.GasStationBox li a {
		padding-left:50px;
	}
	
	.GasStationBox li div.NoPrice {
		width: 28%;
		float: right;
		margin-top: 11px;
	}
		.GasStationBox li div.NoPrice label {
			text-align: center;
			font-size: 12px;
			width: 75px;
			float: right;
			line-height: 15px;			
		}
	.GasStationBox li .StationData {
		float: left;
		width: 69%;
	}
	.GasStationBox li h3 {
		font-size: 14px;
		font-weight: bold;
		letter-spacing: normal;
		line-height: 20px;
		margin: 0;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	
	#suggestions-container {
		background-color:#fff;
		border:1px solid #ccc;
		overflow:hidden;
		position:absolute;
		z-index:1;
	}

	.sg-item {
		cursor:pointer;
		padding:7px 4px;
		white-space:nowrap;
		overflow:hidden;
		text-overflow:ellipsis;
	}

	.sg-item:hover { 
		background-color:#F0F0F0;
	}
	.ChangeButton {
		margin-left: 10px;
		width: 120px;
	}
	#locate {
		background: url("/SysRes/GLOBALSkin/iphoneSkin/Images/locate.png") no-repeat scroll 2px 2px #F0F0F0;
		border: 1px solid #E0E0E0;
		height: 31px;
		margin: 0;
		padding: 0;
		width: 31px;
		visibility:hidden;
	}
	#address {
		margin: 12px 0 0;
		padding: 0;
	}
	
	.Today {
		font-weight: bold;
	}
	
	.Capitalize {
		text-transform:capitalize;
	}
	
	fieldset div.StaticMap {
		text-align: center;
		padding: 10px;
	}
	
	fieldset div.StaticMap div {
		display: block;
		text-align: left;
		width: 65%;
		float: left;
		margin-bottom: 5px;
	}
		fieldset div.StaticMap label {
			display:block;
			font-size:16px;
			font-weight:bold;
		}
				
		fieldset div.StaticMap label.UpdatedOn {
			font-size:10px;
			font-weight:normal;
		}
	
	div.StaticMap span.Price {
		display: block;
		width: 35%;
		float: left;
		text-align: right;
	}
	
	
	.GasCompany {
		position: absolute;
		top: 27px;
	}
	.GasCompany span {
		display:block;
		width:30px;
		height:30px;
		background-size:30px;
	}
		.avanti {
			background:url("http://apps.vol.at/tools/verkehrsinfo/iphone/Styles/avanti.png") no-repeat scroll 0 0 transparent;
		}
		.bp {
			background:url("http://apps.vol.at/tools/verkehrsinfo/iphone/Styles/bp.png") no-repeat scroll 0 0 transparent;
		}
		.eni {
			background:url("http://apps.vol.at/tools/verkehrsinfo/iphone/Styles/eni.png") no-repeat scroll 0 0 transparent;
		}
		.esso {
			background:url("http://apps.vol.at/tools/verkehrsinfo/iphone/Styles/esso.png") no-repeat scroll 0 0 transparent;
		}
		.hofer {
			background:url("http://apps.vol.at/tools/verkehrsinfo/iphone/Styles/hofer.png") no-repeat scroll 0 0 transparent;
		}
		.jet {
			background:url("http://apps.vol.at/tools/verkehrsinfo/iphone/Styles/jet.png") no-repeat scroll 0 0 transparent;
		}
		.loacker {
			background:url("http://apps.vol.at/tools/verkehrsinfo/iphone/Styles/loacker.png") no-repeat scroll 0 0 transparent;
		}
		.oil {
			background:url("http://apps.vol.at/tools/verkehrsinfo/iphone/Styles/oil.png") no-repeat scroll 0 0 transparent;
		}
		.omv {
			background:url("http://apps.vol.at/tools/verkehrsinfo/iphone/Styles/omv.png") no-repeat scroll 0 0 transparent;
		}
		.shell {
			background:url("http://apps.vol.at/tools/verkehrsinfo/iphone/Styles/shell.png") no-repeat scroll 0 0 transparent;
		}
		.default {
			background:url("http://apps.vol.at/tools/verkehrsinfo/iphone/Styles/default.png") no-repeat scroll 0 0 transparent;
		}
	
	h2.StationName {
		height: 56px;
		padding-left: 71px;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		margin-left: 0 !important;
		padding-top:5px;
	}
	
		h2.StationName a {
			text-decoration: none;
		}
	
	.panel label.help {
		text-align: center;
		display: block;
		margin-top: -15px;
		color: #525864;
		text-shadow: rgba(255, 255, 255, 0.75) 1px 1px 0;
		font-size: 11pt;
	}
	
	.panel .Address {
		display: block;
		position: absolute;
		left: 80px;
		top: 35px;
		text-shadow: rgba(255, 255, 255, 0.75) 1px 1px 0;
		font-size: 11pt;
		color: #525864;
	}
		.panel .Address a {
			text-decoration: none;
		}
	
	.panel .Price {
		display: block;
		font-size: 20px;
		text-align: center;
		text-shadow: rgba(255, 255, 255, 0.75) 1px 1px 0;
		height: 38px;
	}
/* @end Spritpreise Stuff */

/* @group Verkehrsmeldungen Stuff */
.TrafficBox li span.Capitalize {
	text-transform:capitalize;
}

.TrafficBox li label {
	padding-left: 45px;
	display: block;
}

.TrafficBox li h3 {
	font-size: 16px;
	font-weight: bold;
	letter-spacing: normal;
	line-height: 20px;
	margin: 0;
	/*
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	*/
}
#TrafficReceiver #updatedOn {
	font-weight:normal;
}

.TrafficBox li label span.IncidentData {
	/*white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;*/
	/*clear: both;*/
	display: block;
	line-height: 16px;
	font-size: 14px;
}

.TrafficBox li .IconBar {
	height:22px;
}
	.TrafficBox li .IconBar div {
		float:left;
		line-height: 14px;
		margin-top: 1px;
	}
.TrafficBox li .IncidentType {
	line-height:4px;
	float:left;
	text-align: center;
}
	
	.TrafficBox li .IncidentType span.Type {
		height: 37px;
		width: 40px;
		background-size: 40px;
		display: block;
		margin-bottom: 3px;
	}
	.TrafficBox li .IncidentType span.Distance {
		font-weight:bold;
		font-size:11px;
	}
	.TrafficBox li span.Length {
		float:left;
	}
	.TrafficBox li span.Delay {
		font-weight:bold;
		font-size:15px;
		float:right;
		padding-right:25px;
	}
	.TrafficBox li span.StreetSign {
		border-top: 1px solid #B5C8E0;
		border-bottom: 1px solid #B5C8E0;
		background-color: #176FC1;
		color: white;
		padding: 1px 3px;
		margin-right: 7px;
		font-size: 11px;
	}
		.TrafficBox li span.CountryD {
			border-top: 1px solid #FFD954;
			border-bottom: 1px solid #FFD954;
			background-color: #FFCC33;
			color: black;
		}
	.TrafficBox li span.Country {
		width: 25px;
		height: 17px;
		display: block;
		float: left;
		background-size: 25px;
	}
		.TrafficBox li span.CountrySignA {
			background-image: url("/services/verkehrsmeldungen/Images/countrysign-a.png");
		}
		.TrafficBox li span.CountrySignD {
			background-image: url("/services/verkehrsmeldungen/Images/countrysign-d.png");
		}
		.TrafficBox li span.CountrySignFL {
			background-image: url("/services/verkehrsmeldungen/Images/countrysign-fl.png");
		}
		.TrafficBox li span.CountrySignCH {
			background-image: url("/services/verkehrsmeldungen/Images/countrysign-ch.png");
		}
		.TrafficBox li span.CountrySignI {
			background-image: url("/services/verkehrsmeldungen/Images/countrysign-i.png");
		}
		.TrafficBox li span.CountrySignCZ {
			background-image: url("/services/verkehrsmeldungen/Images/countrysign-cz.png");
		}
		.TrafficBox li {
			padding-left: 5px;
		}
			.TrafficBox li.ty0, .TrafficBox li.ty4 {
				border-left: 5px solid #FFFFFF;
			}
			.TrafficBox li.ty1 {
				border-left: 5px solid #FFE600;				
			}
			.TrafficBox li.ty2 {
				border-left: 5px solid #FF8F00;
			}
			.TrafficBox li.ty3 {
				border-left: 5px solid #DD0000;
			}

	
		.ti0ty0,.ti2ty0,.ti3ty0,.ti4ty0,.ti5ty0,.ti6ty0,.ti10ty0,.ti11ty0,.ti12ty0,.ti0ty4,.ti2ty4,.ti3ty4,.ti4ty4,.ti5ty4,.ti6ty4,.ti10ty4,.ti11ty4,.ti12ty4 {
			background-image: url("/services/verkehrsmeldungen/Images/traffic-1.png");
		}

		.ti0ty1,.ti2ty1,.ti3ty1,.ti4ty1,.ti5ty1,.ti6ty1,.ti10ty1,.ti11ty1,.ti12ty1 {
			background-image: url("/services/verkehrsmeldungen/Images/traffic-1.png");
		}

		.ti0ty2,.ti2ty2,.ti3ty2,.ti4ty2,.ti5ty2,.ti6ty2,.ti10ty2,.ti11ty2,.ti12ty2 {
			/*background-image: url("/services/verkehrsmeldungen/Images/traffic-2.png");*/
			background-image: url("/services/verkehrsmeldungen/Images/traffic-1.png");
		}

		.ti0ty3,.ti2ty3,.ti3ty3,.ti4ty3,.ti5ty3,.ti6ty3,.ti10ty3,.ti11ty3,.ti12ty3 {
			/*background-image: url("/services/verkehrsmeldungen/Images/traffic-3.png");*/
			background-image: url("/services/verkehrsmeldungen/Images/traffic-1.png");
		}

		.ti1ty0,.ti1ty4 {
			/*background-image: url("/services/verkehrsmeldungen/Images/accident-0.png");*/
			background-image: url("/services/verkehrsmeldungen/Images/accident-1.png");
		}

		.ti1ty1 {
			background-image: url("/services/verkehrsmeldungen/Images/accident-1.png");
		}

		.ti1ty2 {
			/*background-image: url("/services/verkehrsmeldungen/Images/accident-2.png");*/
			background-image: url("/services/verkehrsmeldungen/Images/accident-1.png");
		}

		.ti1ty3 {
			/*background-image: url("/services/verkehrsmeldungen/Images/accident-3.png");*/
			background-image: url("/services/verkehrsmeldungen/Images/accident-1.png");
		}

		.ti7ty0,.ti7ty1,.ti7ty2,.ti7ty3,.ti7ty4 {
			background-image: url("/services/verkehrsmeldungen/Images/closed.png");
		}

		.ti8ty0,.ti8ty1,.ti8ty2,.ti8ty3,.ti8ty4 {
			background-image: url("/services/verkehrsmeldungen/Images/block.png");
		}

		.ti9ty0,.ti9ty1,.ti9ty2,.ti9ty3,.ti9ty4 {			
			background-image: url("/services/verkehrsmeldungen/Images/roadworks.png");
		}
#pwdBy {
	font-size:13px;
	text-align: center;
	display: block;
	padding-bottom: 10px;
	margin-top: -10px;
}
	#pwdBy img {
		width:85px;
		top: 1px;
		position: relative;
	}
/* @end Verkehrsmeldungen Stuff */

/* @group EURO2012 Stuff */
#EURO2012TickerBox {
	padding: 0;
	height: 125px;
	text-align: center;
	background-color: #E3EDF8;
}
	#EURO2012TickerBox iframe {
		border: 0px none;
	}
/* @end EURO2012 Stuff */

/* @group F1/Erste Liga/Bundesliga/Olympia Stuff */
#F1Box, #ELBox, #BLBox, #OlyBox {
	padding: 0;
	height: 70px;
	text-align: center;
}
	#F1Box iframe, #ELBox iframe, #OlyBox iframe {
		border: 0px none;
	}
/* @end F1/Erste Liga/Bundesliga/Olympia Stuff */

/* @group Verkehrscams Stuff */
#ListArea li {
	padding: 5px;
	list-style: none;
	position: relative;
	min-height: 42px;
	border-bottom: 1px solid #E0E0E0;
	-webkit-border-radius: 0;
}


#ListArea ul {
	background: white;
	-webkit-padding-start: 0px;
	border-top: 1px solid #999;
	padding-left: 0px;
}

#ListArea a {
	text-decoration: none;
	color: black;
}

#LivecamView {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

img#CamImage {
	display: block;
}


#MapArea {
	height: 280px;
	width: 280px;
	margin-left: 20px;
}

ul.ViewPicker {
	width: 121px;
	margin-left: -55px;
}

#NavigationLinks {
	width: 88%;
	font-size: 12px;
	margin-left: 20px;
}

#NavigationLinks a {
	color: black;
}

#NavigationLinks .Back {
	width: 49%;
	display: block;
	float: left;
}

#NavigationLinks .Forward {
	width: 49%;
	display: block;
	float: right;
	text-align: right;
}

#NavigationLinks a {
	text-decoration: none;
	
}

#LivecamView {
	min-height: 500px;
	width: 320px;
}

#LivecamView .center, #LivecamView h4 {
	text-align: center;
}


#LivecamView #heading span {
	font-size: 12px;
}

#LivecamView .navBack {
	width: 36px;
	height: 36px;
	background-image: url('http://apps.vol.at/tools/verkehrsinfo/iphone/Styles/nbut.png');
	background-repeat: none;
	position: absolute;
	top: 245px;
}

#LivecamView .navNext {
	width: 36px;
	height: 36px;
	background-image: url('http://apps.vol.at/tools/verkehrsinfo/iphone/Styles/bbut.png');
	background-repeat: none;
	position: absolute;
	top: 245px;
	left: 285px;
}

.iframeWrapper {
	width: 280px;
	height: 300px;
	overflow: hidden;
	margin-bottom: 10px;
	padding-left: 20px;
	
}

#CamImage {
	display: block;
	border: none;
	width: 2000px; 
	height: 2000px;
	zoom: 0.75;
    -moz-transform: scale(0.7);
    -moz-transform-origin: 0 0;
    -o-transform: scale(0.7);
    -o-transform-origin: 0 0;
    -webkit-transform: scale(0.7);
    -webkit-transform-origin: 0 0;
}

#SelectContent li {
	line-height: 16px;
}

.ifrHead {
	font-family: arial,verdana,helvetica;
	font-size: 7pt;
	color: black;
	height: 15px;
}

.ifrFoot {
	padding-bottom: 21px;
	font-family: arial,verdana,helvetica;
	font-size: 8pt;
	color: black;
	height: 39px;
}

#trafficcams .Highway {
	width: 16px;
	height: 16px;
	background-image: url('http://apps.vol.at/tools/verkehrsinfo/iphone/Styles/highway.png');
	background-repeat: none;
	display: block;
	float: left;
	margin-right: 5px;
}

#trafficcams .StreetSign {
	border-top: 1px solid #B5C8E0;
	border-bottom: 1px solid #B5C8E0;
	background-color: #176FC1;
	color: white;
	padding: 1px 3px;
	margin-right: 7px;
	font-size: 11px;
}

#trafficcams li .IconBar {
	height: 22px;
}

#trafficcams li .IconBar div {
	float: left;
	line-height: 14px;
}

#trafficcams li label {
	padding-left: 45px;
	display: block;
}

#trafficcams li .SidePic {
	float: left;
	height: 64px;
	width: 30px;
	background-image: url('http://apps.vol.at/tools/verkehrsinfo/iphone/Styles/pmiddle.png');
	background-repeat: no-repeat;
	position: relative;
	top: -5px;
}

#trafficcams li:first-child .SidePic {
	background-image: url('http://apps.vol.at/tools/verkehrsinfo/iphone/Styles/pdown.png');
}

#trafficcams li:last-child .SidePic {
	background-image: url('http://apps.vol.at/tools/verkehrsinfo/iphone/Styles/pup.png');
}

#trafficcams .CamTitle, #trafficcams .CamDesc {
	display: block;
	height: 16px;
	overflow: hidden;
}

/* @end Verkehrscams Stuff */


/* @group Blitzer Stuff */
.SpeedCameraBox li {
	padding-left: 1px;
}
	.SpeedCameraBox li.WarnLevel0 {
		border-left: 5px solid #FFFFFF;
	}
	.SpeedCameraBox li.WarnLevel1 {
		border-left: 5px solid #FFE600;				
	}
	.SpeedCameraBox li.WarnLevel2 {
		border-left: 5px solid #FF8F00;
	}
	.SpeedCameraBox li.WarnLevel3 {
		border-left: 5px solid #DD0000;
	}
	
.SpeedCameraBox li.communityCamera {
	background-color: #CCCCCC;
}
.SpeedCameraBox li.communityCamera.WarnLevel0 {
	border-left: 5px solid #CCCCCC;
}
	.SpeedCameraBox li div.CameraType {
		line-height: 4px;
		float: left;
		text-align: center;
	}		
		.SpeedCameraBox li span.TrafficSign {
			display: block;
			background-color: transparent;
			background-image: url(http://apps.vol.at/tools/verkehrsinfo/iphone/Styles/blitzer-texture.png);
			background-repeat: no-repeat;
			width: 66px;
			height: 63px;
			text-align: center;
			vertical-align: middle;
		}
		
		.SpeedCameraBox li span.TrafficSign.SignG {
			background-position: 0px 0px;
		}
			.SpeedCameraBox li span.Speed {
				font-size: 30px;
				padding-top: 30px;
				display: block;
				font-weight: bold;
				color: #242424;
			}
			.SpeedCameraBox li span.Speed.HighVelocity {
				font-size: 24px;
			}
		.SpeedCameraBox li span.TrafficSign.SignA {
			background-position: -64px 0px;
		}
		.SpeedCameraBox li span.TrafficSign.SignAT {
			background-position: -1020px 0px;
			
		}
		.SpeedCameraBox li span.TrafficSign.SignUnknown {
			background-position: -768px 0px;
		}
	
		
	.SpeedCameraBox li div.Community {
		float: right;
		margin-right: -18px;
		margin-top: -10px;
		font-size: 12px;
	}
		
	
	.SpeedCameraBox li label {
		padding-left: 69px;
		display: block;
	}
		.SpeedCameraBox li .IconBar {
			height: 30px;
		}
			.SpeedCameraBox li .IconBar span {			
				background-size: auto 25px;
				background-repeat: no-repeat;
				width: 25px;
				height: 25px;
				display: block;
				float: left;
			}
				.SpeedCameraBox li .IconBar span.SignMobile {
					border-color: transparent transparent black transparent;
					border-width: 0px 13px 13px 13px;	
					border-style: solid;
					width: 0;
					height: 0;
				}
				.SpeedCameraBox li .IconBar span.SignFixed {
					height: 10px;
					width: 6px;
					background-color: black;
					border: 1px solid black;
					margin: 0 auto;
				}


				.SpeedCameraBox li .IconBar span.Direction {
					background-image: url(http://apps.vol.at/tools/verkehrsinfo/iphone/Styles/N.png);
				}
				.SpeedCameraBox li .IconBar span.Direction.N { }
				.SpeedCameraBox li .IconBar span.Direction.NE {
					-webkit-transform: rotate(45deg);
					-moz-transform: rotate(45deg);
					-o-transform: rotate(45deg);
					-ms-transform: rotate(45deg);
				}
				.SpeedCameraBox li .IconBar span.Direction.E {
					-webkit-transform: rotate(90deg);
					-moz-transform: rotate(90deg);
					-o-transform: rotate(90deg);
					-ms-transform: rotate(90deg);
				}
				.SpeedCameraBox li .IconBar span.Direction.SE {
					-webkit-transform: rotate(135deg);
					-moz-transform: rotate(135deg);
					-o-transform: rotate(135deg);
					-ms-transform: rotate(135deg);
				}
				.SpeedCameraBox li .IconBar span.Direction.S {
					-webkit-transform: rotate(180deg);
					-moz-transform: rotate(180deg);
					-o-transform: rotate(180deg);
					-ms-transform: rotate(180deg);
				}
				.SpeedCameraBox li .IconBar span.Direction.SW {
					-webkit-transform: rotate(225deg);
					-moz-transform: rotate(225deg);
					-o-transform: rotate(225deg);
					-ms-transform: rotate(225deg);
				}
				.SpeedCameraBox li .IconBar span.Direction.W {
					-webkit-transform: rotate(270deg);
					-moz-transform: rotate(270deg);
					-o-transform: rotate(270deg);
					-ms-transform: rotate(270deg);
				}
				.SpeedCameraBox li .IconBar span.Direction.NW {
					-webkit-transform: rotate(315deg);
					-moz-transform: rotate(315deg);
					-o-transform: rotate(315deg);
					-ms-transform: rotate(315deg);
				}
			
		.SpeedCameraBox li h3 {
			font-size: 16px;
			font-weight: bold;
			letter-spacing: normal;
			line-height: 20px;
			margin: 0;
		}
		.SpeedCameraBox li span.CameraData {
			display: block;
			line-height: 16px;
			font-size: 14px;
			min-height: 32px;
		}

#speedCameraDetails {
	text-align: center;
}
	#cameraDescription {
		margin-top: 10px;
		margin-bottom: 5px;
	}

#reportSpeedCamera select {
	width: 130px;
	font-size: 12px;
	margin-right: 15px;
	margin-top: 10px;
}
#reportSpeedCamera a {
	display: block;
	height: 20px;
	-webkit-border-bottom-left-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	-webkit-border-top-left-radius: 8px;
	border: 1px solid #ABADB0;
	width: 35%;
	margin-bottom: 5px;
	text-align: center;
	float: left;
	-webkit-border-top-right-radius: 8px;
	margin-left: 28px;
	margin-top: 5px;
	padding: 6px 0px 4px 0px;
	text-decoration: none;
}
	#reportSpeedCamera a:active {
		background-image: none !important;
	}

#liveWarning {
	position: absolute;
	top: 1px;
	right: 2px;
}
	#liveWarning a {
		background-image: url(http://apps.vol.at/tools/verkehrsinfo/iphone/Styles/liveWarning.png);
		height: 24px;
		width: 113px;
		display: block;
		background-position-x: -9px;
		background-position-y: -48px;
		margin-top: 1px;
		font-weight: normal;
	}
	#liveWarning a.on {
		background-position-y: -11px;
	}
		#liveWarning a:active {

		}
/* @end Blitzer Stuff */