@font-face {
  font-family: "klmed";
  src:url('../css/klfont_medium.eot');
}

@font-face {
  font-family: "klreg";
  src:url('../css/klfont_regular.eot');
}

@font-face {
  font-family: "klmed";
  src:url('../css/klfont_medium.ttf') format('truetype');
}

@font-face {
  font-family: "klreg";
  src:url('../css/klfont_regular.ttf') format('truetype');
}

.reg {
  font-family: klreg, helvetica, arial, sans-serif;
}

.med {
  font-family: klmed, helvetica, arial, sans-serif;
}


.headline {
  padding-left: 15px;
  color: #ef2a05;
  font-family: klmed, helvetica, arial, sans-serif;
  font-size: 48px;
  line-height: 48px;
  padding-bottom: 30px;
}

.subhead {
  color: #000;
  font-family: klmed, helvetica, arial, sans-serif;
  font-size: 32px;
  line-height: 32px;
  margin-bottom: 10px
}

.subsubhead {
  color: #000;
  font-family: klmed, helvetica, arial, sans-serif;
  font-size: 19px;
  line-height: 19px;
  margin-bottom: 10px;
}

.subcopy {
  color: #000;
  font-family: klreg, helvetica, arial, sans-serif;
  font-size: 13px;
  line-height: 13px;
}



.headcopy {
  color: #999;
  font-family: klreg, helvetica, arial, sans-serif;
  font-size: 18px;
  line-height: 18px;
}

.key {
  color: #000;
  font-family: klmed, helvetica, arial, sans-serif;
  font-size: 18px;
  line-height: 18px
}

.val {
  color: #000;
  font-family: klreg, helvetica, arial, sans-serif;
  font-size: 18px;
  line-height: 18px;
}

.bigcopy {
  color: #000;
  font-family: klmed, helvetica, arial, sans-serif;
  font-size: 24px;
  line-height: 24px;
}

.smalllabel {
  font-family: klmed, helvetica, arial, sans-serif;
  font-size: 11px;
  color: #000;
}

.authnav {
  margin:30px 15px 0 0;
  float:right;
}
.medsize {font-size:12px;}
.gray {color: #aaa !important;}

.section {
  margin: 20px 0 30px 0;
  padding: 0 0 5px 15px;
  font-family: klmed, helvetica, arial, sans-serif;
  font-size: 11px;
  color: #000;
  border-bottom: 1px dotted #e0e0e0;
}

.bm20 {margin-bottom:20px !important;}

.featurebox {
  float: left;
  width: 285px;
  height: 307px;
  padding: 15px;
}

.feature1 {
  margin-left: 15px;
  background: url('../images/feature_bg1.gif') no-repeat;
}

.feature2 {
  background: url('../images/feature_bg2.gif') no-repeat;
}

.feature3 {
  background: url('../images/feature_bg3.gif') no-repeat;
}

.iphone {
  margin-top: 30px;
  background: url('../images/iphone.gif') no-repeat;
  padding-left: 35px;
  font-family: klreg, helvetica, arial, sans-serif;
  font-size: 13px;
  color: #ef2a05;
  line-height: 64px;
}

a {
  color: #000;
  text-decoration: none;
}

a:hover.text { border-bottom: 1px dotted #000;}


#logo {
  padding: 30px 0 25px 15px;
  margin-bottom: 15px;
  border-bottom: 1px dotted #e0e0e0;
}

#smalllogo {
  padding: 30px 0 20px 15px;
  /* width: 279px;
  height: 150px; */
}

/* #logo_roll {
    width: 279px;
    height: 150px;
    overflow: hidden;
    display: block;
    background: url(/static/images/ueslogo.jpg) top left no-repeat;
    background-size: cover; */

#logo_roll {
  width: 279px;
  height: 150px;
  overflow: hidden;
  display: block;
  background: url('../images/ueslogo.jpg') top left no-repeat;
  background-size: cover;


  /* background: url('../images/logo_stacked.gif') top left no-repeat; */
}

/* #logo_roll:hover { background-position: 0px -61px;} */

#nav {
  float: left;
  margin-left: 15px;
  margin-bottom: 20px;
}

#soc {
  float: right;
  margin-right: 15px;
}

body { margin: 0;}

#container {
  width: 960px;
  margin: 0 auto;
}


input[type=text], input[type=password] {
  margin:5px 0 0 0;
  background-color: #eee;
  border:none;
  height:20px;
  border-radius:5px;
  -moz-border-radius:5px;
  padding-left:5px;

}
.boxinput {
  background-color:#fff !important;
  margin-left:5px !important;
  margin-right:10px !important;
}

.locationbar {
  line-height:26px;
  width:905px;
  height:26px;
  margin-bottom:10px;
}
.barleft {
  float:left;
  padding-left:10px;
  background: #f0f0f0 url('../images/loc_bg.gif') top left no-repeat;
  width:750px;
  border-radius:5px;
  -moz-border-radius: 5px;
}

.reportbutton {
  float:right;
  margin-left:3px;
  width:27px;
  height:26px;
  background: #b7b7b7 url('../images/report_icon.gif') center center no-repeat;
  border-radius:5px;
  -moz-border-radius: 5px;
}
.reportbutton:hover {
  background: #ef2a05 url('../images/report_icon.gif') center center no-repeat;
}

.internalreportsbutton {
  float:right;
  text-align:center;
  line-height: 26px;
  color:#fff;
  width:27px;
  height:26px;
  background: #999;
  border-radius:5px;
  -moz-border-radius: 5px;
}
.internalreportsbutton:hover {
  background: #ef2a05;
}

.online_indicator {
  float:right;
  margin:9px 10px 0 0;
  width:8px;
  height:8px;
  background: #008800;
  border-radius:4px;
  -moz-border-radius: 4px;
}
.offline {
  background: #000000;
  margin:4px 6px 0 0;
  width:16px;
  height:16px;
  border-radius:8px;
  -moz-border-radius: 8px;
}


.button_placeholder {
  float:right;
  margin-left:3px;
  width:27px;
  height:26px;
}

.remotebutton {
  float:right;
  margin-left:3px;
  width:27px;
  height:26px;
  background: #000000 url('../images/remote_icon.gif') center center no-repeat;
  border-radius:5px;
  -moz-border-radius: 5px;
}
.remotebutton:hover {
  background: #ef2a05 url('../images/remote_icon.gif') center center no-repeat;
}

.selectionbox {
  background: #f0f0f0;
  width:910px;
  height:50px;
  margin:0 0 0 10px;
  border-radius:5px;
  -moz-border-radius: 5px;
  line-height:50px;
  padding:0 15px 0 15px;
}