h1, h2, .brand { font-family: 'Lato', sans-serif; }
h1 { font-weight:800; }
h2 { font-weight:500; }
p {line-height:180%;}
.hero-unit {background:#666 url('../img/bg1.jpg') ; background-size:cover;}
.hero-unit h1 {color:#FFF;   text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.25);}
.hero-unit h1 small {color:#FFF;}

.footer {background:#EEE; padding:15px; -webkit-border-radius: 14px;  moz-border-radius: 14px; border-radius: 14px; margin-top:20px;}

@media (max-width: 480px) {
	.hero-unit {padding:15px;}
	.hero-unit h1 {font-size:220%; line-height:100%;}
	body { 	padding-top: 0 !important; }
}

#dasplan {height:100%; width:100%; border:0; top:60px !important; left:240px; margin-left:0 !important;  -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
#leftContainer {background:#EEE; padding:20px 30px 20px 10px !important; z-index:1000; -webkit-box-shadow:0 0 6px #ccc;-moz-box-shadow:0 0 6px #ccc;box-shadow:0 0 6px #ccc; height:100%; position:fixed; left:0; top:40px; margin:0; padding: 20px; width:180px;}

#leftContainer h2.brand {display:none;}
#leftContainer #projectElements { background: none repeat scroll 0 0 #EEEEEE; bottom: 75px; left: 0; margin: 0; padding: 20px; position: fixed; width: 180px; z-index:1000;}
#availableFrequencies { width: 90%;}

#currentAntennaValues {position:fixed; top:50px; right:20px;}

#mainContainer {margin: 0 0 0 220px; padding:20px;}



.window {

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: #fff;
	-webkit-box-shadow: 3px 4px 10px rgba(0,0,0,.08);
	-moz-box-shadow: 3px 4px 10px rgba(0,0,0,.08);
	box-shadow: 3px 4px 10px rgba(0,0,0,.08);
	border: solid 1px #d0d0d0;
	background-image: -webkit-linear-gradient(top, rgba(0,0,0,.04), rgba(255,255,255,.04));
	background-image: -moz-linear-gradient(top, rgba(0,0,0,.04), rgba(255,255,255,.04));
	background-image: -o-linear-gradient(top, rgba(0,0,0,.04), rgba(255,255,255,.04));
	background-image: -ms-linear-gradient(top, rgba(0,0,0,.04), rgba(255,255,255,.04));
	background-image: linear-gradient(to bottom, rgba(0,0,0,.04), rgba(255,255,255,.04));

}
.window .volume {}
.window .customName {}

.class_tapper .volume {background:url('../img/class_tapper_90.png') 0 0 no-repeat; background-size: 40px 40px;   text-shadow:0 1px 0 #fff; text-align:right;}
/*.class_antenna .volume {background:url('../img/class_antenna_90.png') 0 0 no-repeat; background-size: 40px 40px;    text-shadow:0 1px 0 #fff; text-align:right;}*/
.class_antenna.item_antenna_7 .volume {background:url('../img/class_antenna7_90.png') 0 0 no-repeat; background-size: 40px 40px;    text-shadow:0 1px 0 #fff; text-align:right;}
.class_antenna.item_antenna_2 .volume {background:url('../img/class_antenna2_90.png') 0 0 no-repeat; background-size: 40px 40px;    text-shadow:0 1px 0 #fff; text-align:right;}
.item_splitter_2_3 .volume {background:url('../img/class_splitter2_90.png') 0 0 no-repeat; background-size: 40px 40px;    text-shadow:0 1px 0 #fff; text-align:right;}
.item_splitter_3_3 .volume {background:url('../img/class_splitter3_90.png') 0 0 no-repeat; background-size: 40px 40px;    text-shadow:0 1px 0 #fff; text-align:right;}
.item_splitter_4_3 .volume {background:url('../img/class_splitter4_90.png') 0 0 no-repeat; background-size: 40px 40px;    text-shadow:0 1px 0 #fff; text-align:right;}
.class_amplifier .volume {background:url('../img/class_amplifier_90.png') 0 0 no-repeat; background-size: 40px 40px;    text-shadow:0 1px 0 #fff; text-align:right;}

/* comp colors */
.window.item_kathrein860_10020 {  background-image: -webkit-linear-gradient(top, rgba(0,118,163,.15), rgba(255,255,255,.04)); background-image: -moz-linear-gradient(top, rgba(0,118,163,.15), rgba(255,255,255,.04)); background-image: -o-linear-gradient(top, rgba(0,118,163,.15), rgba(255,255,255,.04)); background-image: -ms-linear-gradient(top, rgba(0,118,163,.15), rgba(255,255,255,.04)); background-image: linear-gradient(to bottom, rgba(0,118,163,.15), rgba(255,255,255,.04)); }
.window.item_kathrein860_10021 {  background-image: -webkit-linear-gradient(top, rgba(0,118,163,.54), rgba(255,255,255,.04)); background-image: -moz-linear-gradient(top, rgba(0,118,163,.54), rgba(255,255,255,.04)); background-image: -o-linear-gradient(top, rgba(0,118,163,.54), rgba(255,255,255,.04)); background-image: -ms-linear-gradient(top, rgba(0,118,163,.54), rgba(255,255,255,.04)); background-image: linear-gradient(to bottom, rgba(0,118,163,.54), rgba(255,255,255,.04)); }
.window.item_kathrein860_10022 {  background-image: -webkit-linear-gradient(top, rgba(0,118,163,.95), rgba(255,255,255,.04)); background-image: -moz-linear-gradient(top, rgba(0,118,163,.95), rgba(255,255,255,.04)); background-image: -o-linear-gradient(top, rgba(0,118,163,.95), rgba(255,255,255,.04)); background-image: -ms-linear-gradient(top, rgba(0,118,163,.95), rgba(255,255,255,.04)); background-image: linear-gradient(to bottom, rgba(0,118,163,.95), rgba(255,255,255,.04)); }

#leftContainer .volume {background-position:center center; background-size: 80px 80px;  }

#saveForm { display: none; z-index:1000; background: none repeat scroll 0 0 #EEEEEE; bottom: 10px; padding: 10px; position: fixed; right: 10px; 	-webkit-box-shadow: 3px 4px 10px rgba(0,0,0,.08); -moz-box-shadow: 3px 4px 10px rgba(0,0,0,.08); box-shadow: 3px 4px 10px rgba(0,0,0,.08); border:1px solid #ccc;}
#saveForm  textarea { height: 75px;  width: 400px; }