body {
  margin: 0;
  padding: 0;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #444;
}
 
/*
 * Create dark grey header with a white logo
 */
  
header {
  background-color: #2B2B2B;
  height: 35px;
  width: 99%;
  opacity: .9;
  margin-bottom: 10px;
  padding-left: 10px;
}
 
header h1.logo {
  margin: 0;
  font-size: 1.7em;
  color: #fff;
  text-transform: uppercase;
  float: left;
}
 
header h1.logo:hover {
  color: #fff;
  text-decoration: none;
}
 
header a.logo:link {
  margin: 0;
  font-size: 1.0em;
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
  cursor: default;
}

header a.logo:visited {
  margin: 0;
  font-size: 1.0em;
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
  cursor: default;
}

.version {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #bfc9ca;
	font-size: 0.8em;
	padding-right: 3px;
}

.ui-dialog .ui-state-error {
  padding: .3em; 
}

/* standard display options */
.hidden {
    display: none;
}

.inline {
    display: inline;
}

.fl-left {
	float: left;
}

.fl-right {
	float: right;
}

.fl-clear {
	clear: both;
}

.hidlink a:link {
  cursor: default;
}

.hidlink a:visited {
  cursor: default;
}

.w5pc {
	width: 5%;
}

.w10pc {
	width: 10%;
}

.h20px {
	height: 25px;
}

.cm2000quote {
  float: left;
  font-size: 1.2em;
  font-family: "Comic Sans MS", cursive, sans-serif;
  width: 45%;
  padding: 10px;
}


div.footer {
   position:fixed;
   bottom:0px;
   width:100%;
   height:40px;
   background:#a4a4a4;
   clear: both;
}

div.footer-text {
  padding-left: 50px;
  font-size: 0.9em;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #fff;
}


div.rec-list-head{
  width: 1150px;
  height: 27px;
  border: 1px solid;
}

div.rl-head {
  padding-left: 10px;
  font-size: 0.9em;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
}

div.rec-list {
  width: 1150px;
  height: 520px;
  border: 1px solid;
  overflow: scroll;
}
div.rl-line, .el-line {
  padding-left: 10px;
  font-size: 0.7em;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  clear: both;
  cursor: pointer;
}

.rl-entry, .rlh-entry {
  width: 100px;
  height: 20px;
  float: left;
}

.rl-entry-wide, .rlh-entry-wide {
	width: 160px;
	height: 20px;
	float: left;
}

.rl-entry-small, .rlh-entry-small {
	width: 60px;
	height: 20px;
	float: left;
}

div.satsched_entryform {
  display: inline;
  padding-left: 5px;
  font-size: 0.6em;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin: 0 0 0 0;
}

div.sched-button {
  font-size: 0.7em;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

div.IRDInfo {
  width: 1150px;
  height: 250px;
  border: 1px solid;
  overflow: scroll;
  font-size: 1.2em;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
div.IRDI {
  padding-left: 5px;
  clear: both;
}

div.IRDID {
  padding-left: 15px;
  clear: both;
  font-size: 0.7em;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

}

div.IRDI-chname {
  float: left;
  width: 150px;
}

div.IRDI-freq {
  float: left;
  width: 150px;
}

div.IRDI-mcaddr {
  float: left;
  width: 100px;
}

div.cm2kv {
  float: right;
  font-size: 0.7em;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.bg_grey {
	background: lightgray;
}

.bg_white {
	background: white;
}

.bg_green {
	background: lightgreen;
}

.tx_green {
	color: green;
}

.tx_red {
	color: red;
}

.tx_em7 {
	font-size: 0.7em;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.input_entry {
	width: 100%;
	height: 60px;
	border: 1px solid black;
	border-radius: 5px;
	font-size: 0.7em;         
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	padding: 2px 2px 2px 2px;
}

.inpname, .inptype {
	width: 5%;
	height: 20px;
}

.inpdet {
	width: 89%;
	height: 20px;
}

.mcaddr, .mc_intf {
	width: 15%;
	height: 20px;
}

.mc_chans {
	width: 69%;
	height: 20px;
}

.channel_entry {
	width: 100%;
	height: 19px;
}

.channelname {
	width: 30%;
	height: 18px;
}

.sid, .vid, .aud1, .aud2 {
	width: 11%;
	height: 18px;
}

.im_ip_pid_list, .im_ip_chan_pids_label {
	padding: 1px 3px 1px 1px;
}
.pid_sel {
	width: 100px;
	height: 24px;
	overflow: hidden;
	border: 1px solid black;
	border-radius: 3px;
	border-collapse: collapse;
}

.im_ip_pid_id {
	font-size: 0.7em;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.im_ip_pid_desc {
	font-size: 0.4em;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.border1 {
	border: 1px solid black;
	border-radius: 3px;
	border-collapse: collapse;
}

.video_rec {
	width: 60%;
	aspect-ratio: 16 / 9;
}

.rec_control {
	width: 39%;
	border: 2px solid darkblue;
	border-radius: 5px;
	background: lightgray;
	padding: 2px 2px 2px 2px;
}

.rec_event_div {
	width: 100%;
	margin: auto;
	text-align: center;
}

.rt_head {
	align: center;
	font-size: 1.6em;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: red;
	margin: auto;
	text-align: center;
}

.record_timer {
	align: center;
	font-size: 1.6em;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: red;
	margin: auto;
	text-align: center;
}




.pad1 {
	padding: 1px 2px 1px 1px;
}


/* disable videojs play/pause when clicking video */
.video-js .vjs-tech {
	pointer-events: none;
}

p, h1, form, button{border:0; margin:0; padding:0;}