body
{
	margin:0px;
	padding:0px;
	/*min-width:770px;*/
	min-width:840px;
}
html, body { height:100%; }
/*.orangebutton
{
    padding:3px 10px 3px 22px;
    background-color:#fa941d;
    color:#ffffff;
    cursor:pointer;
    border:0px solid #FFF;
    font-weight:bold;
    width:112px;
    text-align:left;
    background-image: url(Images/Buttons/btn_arrow.gif);
    background-repeat:no-repeat;
    font-family:Arial;
    font-size:13px;
    height:21px;
}
.orangebutton:hover
{
    background-color:#fa941d;
}
input[disabled="disabled"].orangebutton
{
    padding:3px 10px 3px 22px;
    background-color:#eee;
    color:#aaaaaa;
    cursor:pointer;
    border:0px solid #FFF;
    font-weight:bold;
    width:120px;
    cursor:none;
    background-image: url(Images/Buttons/btn_arrow_disabled.gif);
    background-repeat:no-repeat;
}*/

.hidden{
	display: none;
}
.H264hidden{
	display: none;
}
#load_image {
  	left: 40%;
}

a{
	color: #0C499E;
}
p {
	position: relative;
}
p label {
	position: absolute;
	top: 4px;
	left: 283px;
	color:#666;
	cursor:text;
}
p input {
	/*line-height:20px;*/
	padding:2px;
}
span {
	position: relative;
}
span label {
	position: absolute;
	top: 2px;
	left: 20px;
	color:#666;
	cursor:text;
}
span input {
	/*line-height:20px;*/
	padding:2px;
}
.button {
    display: inline-block;
    outline: none;
    cursor: pointer;
    text-align: left;
    text-decoration: none;
    padding: 1px 10px 1px 10px;
    min-width:112px;
    line-height: 18px;
    font-weight:bold;/*
    -webkit-border-radius: .5em; 
    -moz-border-radius: .5em;
    border-radius: .5em;*/
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
    font-style: normal;
    font-variant: normal;
    font-size: 13px;
    font-family: Arial, Helvetica, sans-serif;
}
.button:hover {
    text-decoration: none;
}
.button:active {
    position: relative;
    top: 1px;
}

.button.orange.left{
	margin-right: auto;
    margin-left: 0px;
    float: left;
}

.button.orange.right{
	margin-right: 0px;
    margin-left: auto;
    float: right;
}

a.orange.button {
	padding:  1px 0px 1px 10px;
	min-width: 102px;
}

.info-btn{
	width:24px;
	height:24px;
	/*cursor:pointer;
	background-image: url(images/info.png);*/
}

.auth_description{
	word-wrap: break-word;
	white-space: pre-wrap;
	text-align: center;
	margin-top: 5px;
	padding: 10px;
	border: 1px solid #0C499E;
}
.auth_description.loading{
	padding: 20px;
	background: #ffffff url("/images/load_update.gif") no-repeat center center;
}

.orange {
    /*color: #fef4e9;*/
    /*border: solid 1px #da7c0c;*/
    /*background: #f78d1d;*/
    /*background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));*/
    /*/background: -moz-linear-gradient(top,  #faa51a,  #f47a20);*/
    /*filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');*/

    /* green */
    color: #E2ECCD;
    border: solid 0px #609D73;
    background: #538018;
    background-image: -webkit-linear-gradient(top, #6D9419 50%, #577614 51%, #4A6411);
    background-image: -moz-linear-gradient(center top , #6D9419 50%, #577614 51%, #4A6411);
    background-image: -o-linear-gradient(top, #6D9419 50%, #577614 51%, #4A6411);
    background-image: -ms-linear-gradient(top, #6D9419 50%, #577614 51%, #4A6411);
    background-image: linear-gradient(top, #6D9419 50%, #577614 51%, #4A6411);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#6D9419', endColorstr='#4A6411');
}
.orange:hover {
    /*background: #f47c20;*/
    /*background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));*/
    /*background: -moz-linear-gradient(top,  #f88e11,  #f06015);*/
    /*filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');*/

    /* green */
    color: #ffffff;
    background: #538018;
    background-image: -webkit-linear-gradient(top, #87b81f 50%, #6c9319 51%, #5c7d15);
    background-image: -moz-linear-gradient(center top , #87b81f 50%, #6c9319 51%, #5c7d15);
    background-image: -o-linear-gradient(top, #87b81f 50%, #6c9319 51%, #5c7d15);
    background-image: -ms-linear-gradient(top, #87b81f 50%, #6c9319 51%, #5c7d15);
    background-image: linear-gradient(top, #87b81f 50%, #6c9319 51%, #5c7d15);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#87b81f', endColorstr='#5c7d15');
    
}
.orange:active {
    /*color: #fcd3a5;*/
    /*background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));*/
    /*background: -moz-linear-gradient(top,  #f47a20,  #faa51a);*/
    /*filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');*/

    /* green */
    color: #ffffff;
    background: #538018;
    background-image: -webkit-linear-gradient(top, #87b81f 50%, #6c9319 51%, #5c7d15);
    background-image: -moz-linear-gradient(center top , #87b81f 50%, #6c9319 51%, #5c7d15);
    background-image: -o-linear-gradient(top, #87b81f 50%, #6c9319 51%, #5c7d15);
    background-image: -ms-linear-gradient(top, #87b81f 50%, #6c9319 51%, #5c7d15);
    background-image: linear-gradient(top, #87b81f 50%, #6c9319 51%, #5c7d15);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#87b81f', endColorstr='#5c7d15');
}
input[disabled="disabled"].orange
{
    border: solid 1px #fff;
    background: #fedf96;
    cursor:default;
    color:#ffffff;
    background: -webkit-gradient(linear, left top, left bottom, from(#fedf96), to(#fedf96));
    background: -moz-linear-gradient(top,  #fedf96,  #fedf96);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#eeeeee');
}

.green {
    color: #ffffff;
    border: solid 0px #379956;
    /*background: #538018;
    background: -webkit-gradient(linear, left top, left bottom, from(#18d273), to(#099a50));
    background: -moz-linear-gradient(top,  #18d273,  #099a50);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#18d273', endColorstr='#099a50');*/

    background-color: #28764e;
    background: -moz-linear-gradient(top, #31905f, #28764e);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#31905f), to(#28764e));
    background: -webkit-linear-gradient(top, #31905f, #28764e);
    background: -o-linear-gradient(top, #31905f, #28764e);
    background: linear-gradient(to bottom, #31905f, #28764e);
}

.pink {
    color: #ffffff;
    border: solid 0px #379956;
    /*background: #538018;
    background: -webkit-gradient(linear, left top, left bottom, from(#18d273), to(#099a50));
    background: -moz-linear-gradient(top,  #18d273,  #099a50);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#18d273', endColorstr='#099a50');*/

    background-color: #9a448b;
    background: -moz-linear-gradient(top, #c15aaf, #9a448b);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#c15aaf), to(#9a448b));
    background: -webkit-linear-gradient(top, #c15aaf, #9a448b);
    background: -o-linear-gradient(top, #c15aaf, #9a448b);
    background: linear-gradient(to bottom, #c15aaf, #9a448b);
}

/*.green:hover {
    
    background: #02aa55;
    background: -webkit-gradient(linear, left top, left bottom, from(#0fad54), to(#007d3d));
    background: -moz-linear-gradient(top,  #0fad54,  #007d3d);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0fad54', endColorstr='#007d3d');
}
.green:active {
    color: #4ec271;
    background: -webkit-gradient(linear, left top, left bottom, from(#007d3d), to(#0fad54));
    background: -moz-linear-gradient(top,  #007d3d,  #0fad54);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#007d3d', endColorstr='#0fad54');
}*/

.white {
	color: #606060;
	border: solid 1px #b7b7b7;
	background: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
	background: -moz-linear-gradient(top,  #fff,  #ededed);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
}
.white:hover {
	background: #ededed;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
	background: -moz-linear-gradient(top,  #fff,  #dcdcdc);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc');
}
.white:active {
	color: #999;
	background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));
	background: -moz-linear-gradient(top,  #ededed,  #fff);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff');
}

.center{
	text-align:center;
}

.updatebuttondiv{
	position: relative;
	overflow: hidden;
	direction: ltr;
}
.updatebutton{
	position: absolute;
	right: 0px;
	top: 0px;
	z-index: 1;
	font-size: 460px;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
	opacity: 0;
}


.badfield{
	border: 1px solid #C30;
	padding:1px;
}
.badfieldwarning{
	border: 1px solid #f9941c;
	padding:1px;
}
.messageicon{
	/*position:relative; TOP:5px; LEFT:0px; margin-left:4px;*/
    margin: 3px 0px 0px 0px;
    display: inline-block;
    vertical-align: middle;
}
.messagesicon{
	/*position:relative; TOP:3px; LEFT:0px; margin-left:5px;*/
padding: 2px;
margin: 0px 3px 3px 3px;
display: inline-block;
vertical-align: middle;
}
.tooltipheader{
	background:#FFF0E7; padding: 2px 5px; width:150px; color: #C30;        
	border:1px solid #C30; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 12px; font-weight:bold;
}
.tooltipbody{
	width:150px; color: #C30;
	border-left:1px solid #C30; border-right:1px solid #C30; border-bottom:1px solid #C30;
	background:#FFFFFF; padding:2px 5px; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 12px;
}
.tooltipheaderwarning{
	background:#ffd582/*#FFCC66*/; padding: 2px 5px; width:150px; color: #f9941c;/*#e88b00;#f09000;*/
	border:1px solid #e88b00/*#f9941c*/; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 12px; font-weight:bold;
}
.tooltipbodywarning{
	width:150px; color: #D16721;
	border-left:1px solid #e88b00/*#f9941c*/; border-right:1px solid #e88b00; border-bottom:1px solid #e88b00;
	background:#FFFFFF; padding:2px 5px; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 12px;
}
.vodText {
	color: #e9e9e9; cursor: default; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 12px; text-decoration: none;
}
.vodText.info_pdf {
	FONT-SIZE: 13px;
}
.sidebarmenuitem
{
	/*padding: 0px 16px; border-bottom:1px solid #0080c0; line-height:24px; display:block; CURSOR: pointer; COLOR: #0c499e;  FONT-WEIGHT: bold;  TEXT-DECORATION: none;*/
}
.sidebarmenuitem:hover {
	background-image: url("/images/bluehover.png");
}
 a.sidebarmenuitem{
    /*background: url(/images/mm-arrow.png) no-repeat 24px 9px;
    display: block;
    color: #e2e1e1;
    font-size: 13px;
    padding: 7px 10px 7px 43px;
    border-bottom: 1px solid #303e44;
    cursor: pointer;
    text-decoration: none;*/

    /* background: url(/images/mm-arrow.png) no-repeat 24px 9px; */
    display: block;
    color: #e2e1e1;
    /*font-size: 18px;*/
    font-size: 16px;
    padding: 7px 10px 7px 10px;
    /*border-bottom: 1px solid #303e44;*/
    cursor: pointer;
    text-decoration: none;
    /*display: table-cell;*/
    display: inline-flex;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    /*background: #5495BD;*/
    background: #304B5F;
    margin-left: 3px;
    /*margin-right: 3px;*/
}
 a.sidebarmenuitem.RECUSER{
    /*background: url(/images/mm-arrow.png) no-repeat 24px 9px;
    display: block;
    color: #e2e1e1;
    font-size: 13px;
    padding: 7px 10px 7px 43px;
    border-bottom: 1px solid #303e44;
    cursor: pointer;
    text-decoration: none;*/

    /* background: url(/images/mm-arrow.png) no-repeat 24px 9px; */
    display: block;
    color: #e2e1e1;
    /*font-size: 18px;*/
    font-size: 16px;
    padding: 7px 10px 7px 10px;
    /*border-bottom: 1px solid #303e44;*/
    cursor: pointer;
    text-decoration: none;
    /*display: table-cell;*/
    display: inline-flex;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    /*background: #5495BD;*/
    background: #304B5F;
    margin-left: 50px;
    /*margin-right: 3px;*/
}
a.sidebarmenuitem.active,
a.sidebarmenuitem:hover{
    /*background: url(/images/mm-arrow.png) no-repeat 24px -22px;
    color: #62b1e1;*/

    /* background: url(/images/mm-arrow.png) no-repeat 24px -22px; */
    /*color: #62b1e1;*/
    color: #E4E4E4;
    /*border-bottom: 1px solid #62b1e1;*/
    /* font-weight: bold; */
    /* font-size: 17px; */
    /*background-color: #2D4654;*/
    background-color: #327AA7;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
}
#help{
	height:800px;
}
#main{
	overflow:auto; 
	/*padding: 10px 20px; */
	min-width:550px;
	min-height: 860px;
	/*background: url(/images/content_r_bgr.png) repeat-y top left;*/
	/*border-left: 1px solid #112b3a;*/
	/*border-left: 1px solid #304B5F;*/
	/*border-left: 1px solid #1A3B50;	*/
}

.main{
	display:none;
}
.maincell{
	padding: 0px;
	font-size: 20px;
}
#left_gradient_bg{
  /*background: url(images/content_r_bgr.png) repeat-y top left;*/
  background: #327AA7;
  /*background: #1A3B50;*/
  overflow: auto;
  /*width: 100%;*/
  height: 100%;
}

#left_gradient_bg.dark
{
  background: #1A3B50;
}

#left_gradient_bg.border
{
  border-right: 40px solid #24597B;
}
#left_gradient_bg.border.RECUSER
{
  border-right: 40px solid #24597B;
  border-left: 40px solid #24597B;
}

#top_gradient_bg{
  /*background: url(images/content_top_r_bgr.png) repeat-x top left;*/
  /*width: 100%;
  height: 100%;*/
}
.sidebar{
	/*float:left; width:150px;*/ 
	margin: 5px -1px 0px 0px; border-right:1px solid #303e44; display:none;

}
.unvisible{
	display:none;
}
.visible{
	display:block;
}
.hidden_destination{
	display:none;
}
.topmenuitem{
	/*width:100px; */
	float:left; text-align:center; min-width:60px; margin: 0px 1px; display:block; border:0px solid #0c499e; CURSOR: pointer; COLOR: #0c499e;  FONT-WEIGHT: bold;  TEXT-DECORATION: none;
}

/* border:1px solid #0c499e; border-bottom:0px solid #0c499e;*/
/*.topmenuitem:hover {
	background-image: url("/images/bluehover.png");  margin: 0px 0px; border-right:1px solid #327AA7; border-left:1px solid #327AA7;
}*/

.active {
	COLOR: #f9941c;
}
.topmenubar
{
    position: relative; top:0px; left:0px; margin: 0px; background-color: #f8faf9; border-top: 1px solid #0c499e; border-bottom: 0px solid #0c499e; overflow: auto; padding: 0px 110px 0px 18%; line-height: 18px; 
	background-image: url('/images/topmenubg.png');
}
.vmenubordertop
{
	/*border-top:1px solid #303e44;*/
	/*1px solid #79D6F2;*/
}
.vmenuborderdown
{
	/*border-bottom:1px solid #303e44;*/
	border-bottom:1px solid #79d6f2;
}
.vmenuborderdowndark
{
	border-bottom:1px solid #0c499e;
}
.vodHeader {
	/*color: #0C499E;*/
	color: #e9e9e9;
	cursor: default;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	padding: 5px 10px;
	text-decoration: none;
	border-bottom:1px solid #e9e9e9;
}
.vodDim{
	/*width:50%;*/
	width:53%;
	float:left; padding-left: 5%;
}
.vodDim  div{
	width:49%; float:left; line-height:23px;
}
.vodDim div.Destination_group,
.vodDim div.D_group{
	width:100%;
	border-top:1px solid #0C499E;
	border-bottom:1px solid #0C499E;
	padding: 7px 15%;
	margin-left: -15%;
	position:relative;
	margin-bottom: -1px;
	min-width: 415px;
}
.vodControls div.group_title{
	width:100%;
	/*border-bottom:1px solid #0C499E;*/
	/*border-bottom:1px solid #e9e9e9;*/
	/*padding: 7px 10px;*/
	padding: 7px 0px;
	/*margin-left: -42px;*/
	margin-left: 5px;
	position:relative;
	margin-bottom: -1px;
	min-width: 415px;
	/*color: #0C499E;*/
	font-size: 14px;
	font-weight: bold;
	text-align: left;
}
.vodControls div.Destination_group,
.vodControls div.D_group{
	/*width:100%;*/
	width: 375px;
	/*border-top:1px solid #0C499E;*/
	border-top:1px solid #e9e9e9;
	/*border-bottom:1px solid #0C499E;*/
	border-bottom:1px solid #e9e9e9;
	padding: 7px 15%;
	/*margin-left: -42px;*/
	margin-left: 0px;
	position:relative;
	margin-bottom: -1px;
	/*min-width: 415px;*/
	background: #24597b;
}
.vodControls div.Destination_group.file{
	padding: 10px 162px 10px 50px;
}
.vodControls div.Destination_group.file .size{
	float:right;
}
.vodControls div.Destination_group  span.label{
	font-size: 24px;
	text-align: left;
	position: absolute;
	top: 0px;
	left: 28px;
	padding: 2px 5px;
	font-family: 'Museo Slab 500',serif;
	color: #0A5B93;
}
.group_hover{
	background-image: url("/images/bluehover.png");
	/*background-color: rgba(55, 227, 235, 0.11);*/
}
.stepNumber {
	float: left;
	margin-right: 15px;
	min-height: 35px;
	margin-top: -3px;
	font-size: 28px;
	font-family: 'Museo Slab 500',serif;
	font-style: italic;
	color: #0A5B93;
	position: absolute;
	left: 5%;
	top: 38%;
}
.stepNumber.oneline{
	top:21%;
}
.stepNumber2 {
	float: left;
	margin-right: 15px;
	min-height: 35px;
	margin-top: -3px;
	font-size: 28px;
	font-family: 'Museo Slab 500',serif;
	font-style: italic;
	color: #0A5B93;
	position: absolute;
	left: 5%;
	top: 14px;
}
.closeGroup {
	margin: 0px;
	font-size: 18px;
	min-height: 100%;
	font-family: 'Museo Slab 500',serif;
	color: gray;
	position: absolute;
	right: 0px;
	top: 0px;
	padding: 0px 0px 0px 0px;
	width: 6%;
	text-align: center;
	cursor:pointer;
	background: #ffffff url("/images/cancel.png") no-repeat center center;
}
.closeGroup:hover {
	color:#CA2F2F;
	/*background-image: url("/images/bluehover.png");*/
	background-color: #D7F5F7;
}
.deleteGroup {
	margin: 0px;
	font-size: 18px;
	min-height: 100%;
	font-family: 'Museo Slab 500',serif;
	color: gray;
	position: absolute;
	right: 0px;
	top: 0px;
	padding: 0px 0px 0px 0px;
	width: 6%;
	text-align: center;
	cursor:pointer;
	background: #24597b url("/images/Trash-icon.png") no-repeat center center;
	border-radius: 4px;
}
.deleteGroup:hover {
	color:#CA2F2F;
	/*background-image: url("/images/bluehover.png");*/
	background-color: #D7F5F7;
}

.dest_xplayerlink:hover {
	color:#CA2F2F;
	/*background-image: url("/images/bluehover.png");*/
	background-color: #D7F5F7;
}
.dest_xplayerlink{
	position: absolute;
	right: 7%;
	top: 0px;
	min-height: 100%;
	width: 7%;
	cursor:pointer;
	background: #ffffff url("/images/xplayer_logo.png") no-repeat center center;
}
.downloadGroup:hover {
	color:#CA2F2F;
	/*background-image: url("/images/bluehover.png");*/
	background-color: #D7F5F7;
}
.downloadGroup{
	position: absolute;
	right: 7%;
	top: 0px;
	min-height: 100%;
	width: 7%;
	cursor:pointer;
	background: #24597b url("/images/Button-Down-icon.png") no-repeat center center;
	border-radius: 4px;
}
.downloadGroup_User{
    position: absolute;
    right: 7%;
    top: 0px;
    min-height: 100%;
    width: 7%;
    cursor:pointer;
    background: #24597b url("/images/Button-Down-icon.png") no-repeat center center;
    border-radius: 4px;
    right: 1px;
}
.playGroup:hover {
	color:#CA2F2F;
	/*background-image: url("/images/bluehover.png");*/
	background-color: #D7F5F7;
}
.playGroup{
	position: absolute;
	right: 14%;
	top: 0px;
	min-height: 100%;
	width: 6%;
	cursor:pointer;
	background: #ffffff url("/images/Button-Play-icon.png") no-repeat center center;
}
.updatelistGroup{
    position: absolute;
    right: -33%;
    top: -11px;
    min-height: 100%;
    width: 9%;
    cursor: pointer;
    /* background: #ffffff url("/images/Refresh-icon.png") no-repeat center center; */
    background: #dddfdf url("/images/Refresh-icon.png") no-repeat center center;
    padding: 2px;
    border-radius: 5px;
}
.updatelistGroup:hover {
	color:#CA2F2F;
	background-color: #D7F5F7;
}
.updatelistGroup.loading {
	background: #ffffff url("/images/load_update.gif") no-repeat center center;
}

#encoder_destination form{
	min-width:820px;
}

.mini{
    min-width: 0px;
    padding: 0px 5px;
    text-align: center;
    line-height: 28px;
    font-size: 28px;
    margin: 0px 0px;
}
.vodDim div.Destination_group .add_image{
	text-align: center;
	width:100%;
	margin-left: -5%;
	position:relative;
}
.vodControls div.Destination_group .add_image{
	text-align: center;
	width:100%;
	margin-left: -5%;
	position:relative;
}
.vodDimIn{
	width:450px; margin:0 0 0 auto; overflow:auto;
}
.vodDim2{
	width:30%; float:right; min-width:160px;
}
.vodDim2.LEADER_configsave{
    position: absolute;
    margin-left: 517px;
    margin-top: 17px;
    /* min-width: 100px; */
    width: 150px;
}

.vodDim2 div{
	width:112px; margin: 0 auto; /*float: right;*/
}
.vodDim3 div{
	width:112px; margin: 0 auto; /*float: right;*/
}
.vodWarming{
	padding-left:20px;
}
.vodResponseTitle{
	text-decoration:underline;
}
.clear{
	clear:both;
}
.hide{
	display:none;
}
.hidden{
	display:none;
}

.main {
	min-width: 660px;
	min-height: 480px;
}
.vodControls{
	/*width: 600px;*/
	margin: auto;
	padding-right: 193px;
	/*padding-left: 43px;*/
	padding-left: 5%;
	/*float: left;
	width: 50%;
	padding-left: 20%;*/
}
.vodControls.logo{
	width: 600px;
}
.vodGroup label{
	/*min-width: 210px;*/
    min-width: 190px;
	/*min-width: 189px;*/
	padding: 8px 5px 0px 5px;
	float: left;
}

.vodGroup label.LEADER_mediap{
    padding: 5px 5px 4px 5px;
}

.vodGroup label.rtmp_linkcolor{
	min-width: 30px;
    text-align: right;
    /*color: #c6d7d6;*/
    color: #1a3b50;
    font-weight: bold;	
}

.vodGroup label.pdf{
	/*min-width: 210px;*/
	/*min-width: 190px;*/
	width: 200px;
	padding: 0px 25px 0px 0px;
	float: left;
}

a.pdflink{
	color: #E9E9E9;
}

a.pdflink:hover{
	color: #DEAE3D;
}

.vodGroup label.weblink{
	/*min-width: 210px;*/
	/*min-width: 190px;*/
	width: 200px;
	padding: 0px 25px 0px 0px;
	float: left;
}

a.weblink{
	color: #E9E9E9;
}

a.weblink:hover{
	color: #DEAE3D;
}

.vodGroup.hr {
	height: 4px;
    float: left;
}

.vodGroup label.d_time{
	/*min-width: 210px;*/
	min-width: 190px;
	padding: 0px 5px 0px 5px;
	float: left;
}

.vodControl{
	/*padding: 3px;*/
	min-height:25px;
	min-width: 450px;
}

.hlsnoshade{
    min-height: 5px;
}

.vodControl.web_link{
	min-height:20px;
}

.vodControl input, .vodControl select{
	padding: 2px;
	margin: 3px;
}
.vodControl input .talkback, .vodControl select .talkback{
	padding: 2px;
	/*margin: 3px;*/
	margin-left: 2px;
    margin-bottom: 3px;
    margin-right: 3px;
    margin-top: 3px;
}

.InputBar .vodControl input{
	width: 170px; 
}
.InputBar .vodControl select{
	width: 180px;
}
.vodControl span{
	padding: 2px;
	margin: 3px;
	display: inline-block;
	margin-bottom: 0;
	vertical-align: middle;
	/*min-width:153px;*/
}
.vodControl span.RECUSER{
	padding: 2px;
	margin: 3px;
	margin-right: -15px;
	display: inline-block;
	margin-bottom: 0;
	vertical-align: middle;
	/*min-width:153px;*/
}

.vodControl span.nopadding{
	padding: 0px;
}

select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  display: inline-block;
  /*height: 20px;margin-bottom: 10px;
  padding: 4px 6px;*/
  font-size: 14px;
  line-height: 20px;
  color: #555555;
  vertical-align: middle;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

input,
textarea,
.uneditable-input {
  /*width: 206px;*/
}

textarea {
  height: auto;
}

textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  padding:2px;
  margin:2px;
  /*background-color: #ffffff;*/
  border: 0px solid #cccccc;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
     -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
       -o-transition: border linear 0.2s, box-shadow linear 0.2s;
          transition: border linear 0.2s, box-shadow linear 0.2s;        
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
  border-color: rgba(82, 168, 236, 0.8);
  outline: 0;
  outline: thin dotted \9;
  /* IE6-9 */

  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);

}

.redborder {
    border-color: #ff0000;
    border-style: solid;
    border-width: 3px;
    border-radius: 4px;
    /*border: 3px solid #ff0000;*/
    /*width: 156px;*/
    height: auto;
}

.passborder { 
    border-color: #327aa7;
    border-style: solid;
    border-width: 3px;
    border-radius: 4px;
    /*border: 3px none #327aa7;*/
    /*width: 156px;*/
    height: auto;;
}

.pbe_w{
    width: 161px;
}

#pbe_datetime {
    margin-left: 195px;
    width: 170px;
}

#pbe_update {
    margin-left: 197px;
    width: 170px;
}

#pbe_password {
    margin-left: 197px;
    width: 170px;
    min-width: 0px;
}

#pbe_missmatch {
    margin-left: 197px;
    width: 170px;
    min-width: 0px;
}

#pbe_missmatch2 {
    margin-left: 197px;
    width: 170px;
    min-width: 0px;
}

#pbe_rec {
    margin-left: 197px;
    width: 170px;
    min-width: 0px;
}

#pbe_logopass {
    margin-left: 197px;
    width: 170px;
    min-width: 0px;
}

#pbe_videolosspass {
    margin-left: 197px;
    width: 170px;
    min-width: 0px;
}

#pbe_preset {
    width: 170px;
    margin-left: -3px;
}

#spanrelative{
	position: relative;
    top: -28px;
    left: 375px;
}

.maxh {
	max-height: 36px;
}

.ml {
    margin-left: 6px;
}


input[type="text"].talkback {
	width: 170px;
	margin-top: 2px;
	margin-bottom: 2px;
	margin-right: 3px;
	margin-left: 3px;
	text-indent: 5px;
}

input[type="text"].talkback {
    width: 170px;
    margin-top: 2px;
    margin-bottom: 2px;
    margin-right: 3px;
    margin-left: 2px;
    text-indent: 5px;
}

select {
  /*width: 220px;*/
  background-color: #ffffff;
  border: 1px solid #cccccc;
  padding: 2px;
  margin: 3px;
}

input[disabled] {
	background: #D3D3D3;
}

input[disabled]:hover {
    background: #D3D3D3;
}

select[disabled] {
	background: #D3D3D3;
}

textarea[disabled] {
	background: #D3D3D3;
}


.vodGroup.error > label,
.vodGroup.error .help-block,
.vodGroup.error .help-inline {
  color: #b94a48;
}

.vodGroup.error .checkbox,
.vodGroup.error .radio,
.vodGroup.error input,
.vodGroup.error select,
.vodGroup.error textarea {
  color: #b94a48;
}

.vodGroup.error input,
.vodGroup.error select,
.vodGroup.error textarea {
  border-color: #b94a48;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.vodGroup.error input:focus,
.vodGroup.error select:focus,
.vodGroup.error textarea:focus {
  border-color: #953b39;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
}

.vodGroup.error .input-prepend .add-on,
.vodGroup.error .input-append .add-on {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #b94a48;
}
.vodGroup.warning > label,
.vodGroup.warning .help-block,
.vodGroup.warning .help-inline {
  color: #f9941c;
}

.vodGroup.warning .checkbox,
.vodGroup.warning .radio,
.vodGroup.warning input,
.vodGroup.warning select,
.vodGroup.warning textarea {
  color: #f9941c;
}

.vodGroup.warning input,
.vodGroup.warning select,
.vodGroup.warning textarea {
  border-color: #f9941c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.vodGroup.warning input:focus,
.vodGroup.warning select:focus,
.vodGroup.warning textarea:focus {
  border-color: #a47e3c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e;
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e;
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e;
}

.vodGroup.warning .input-prepend .add-on,
.vodGroup.warning .input-append .add-on {
  color: #f9941c;
  background-color: #fcf8e3;
  border-color: #f9941c;
}

.longtextfield{
	width:300px;
}
.fulllongtextfield{
	width:440px;
}
.warning .fulllongtextfield,
.error .fulllongtextfield {
	width: 410px;
}
.vodGroup label.longtext {
	min-width:100px;
}
.topDestination{
	padding-left:45px;
}


.header{
	background-color:#578bb3;  
	height:54px;
}
.header h1{
	display:none;
	margin:0px; float:left; color:white;
	padding: 11px 20px;
	font-family: arial;
	font-size: 26px;
}
.header .logo{
	
}
.vmenuborderbottom {
	border-bottom: 1px solid #0c499e;
}

.loginTop{
	background-image: url('/images/top_first.gif');
	height:22px;
	width:310px;
	margin:0px;
	padding:0px;
}
.loginBottom{
	position:relative; 
	background-color: #AFCBE0;
	border-left: 1px solid #0080BF;
	border-right: 1px solid #0080BF;
	border-bottom: 1px solid #0080BF;
	height:32px;
	width:308px;
	margin:0px;
	padding:0px;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}

.loginLock{
	background-color:#d9e6ef; border-left:1px solid #0080bf; border-right:1px solid #0080bf; border-bottom:1px solid #0080bf; padding:10px 20px;
}
.loginMain{
	background-color: #AFCBE0;
	border-left: 1px solid #0080BF;
	border-right: 1px solid #0080BF;
	border-bottom: 1px solid #0080BF;
	padding: 15px 20px;
	line-height: 18px;
}
.loginButton{
	border:0px solid black;
	margin:0px;
	padding:0px;
	cursor:pointer;
	height:30px; 
	width:67px;
	background-image: url('/images/buttons/login.gif');
	position:absolute; 
	top:-15px; 
	right:20px;
}
.loginButton:hover{
	background-image: url('/images/buttons/login_on.gif');
}

.pointer,
.LinkOFF{
	cursor:pointer;
}


/* ----- login begin ------------------------------------------- */

.login-wrapper{
    background: url(/images/login_teracue_logo_bg.png) no-repeat center center;

    /* background: url(/images/login.png) no-repeat center center; */
    display: block;
    min-width: 750px;
    /*height: 1080px;*/
    margin: 0 auto;
    text-align: center;
}
.login-box{
    background: url(/images/login_wrap_bg.png) repeat left top;    
    /*background: url(/images/login-box-bgr-single.png) no-repeat center center;*/
    
    /* background-color: rgba(28, 102, 145, 0.6); */
    display: inline-block;
    margin: 10% auto 10% auto;
    /*width: 700px;*/
    /*height: 600px;*/
    padding-bottom:65px;
    text-align: left;
    box-shadow: 0px 0px 160px #000000;
}
.lrow{
    display: block;
    width: 570px;
    /*width: 560px;*/
    /*margin: 0 65px 10px 65px;*/
    margin: 25px 65px 35px 65px;
}
.lrow.sh{
    background: url(/images/login_sh_sepline.png) no-repeat center top;
    text-align: center;
    padding: 59px 0 0 0;
}
.ltitle{
    background: url(/images/enc-300-logo-ins.png) no-repeat left 0px;
    display: inline-block;
    font-size: 48px;
	margin: 50px 0 30px 153px;
    padding: 0 0 0 100px;
    color: #6fc4ff;

    /* enc-300-logo-ins.png IE */
    min-height: 78px;
}
.llab{
    display: inline-block;
    width: 155px;
    font-size: 26px;
    color: #6fc4ff;
    margin: 0 0 10px 0; 
}

input[type="text"].linp,
input[type="password"].linp,
.linp{
    /*background-image: -webkit-linear-gradient(top, #0c2b3e, #154968);
    background-image: -moz-linear-gradient(top, #0c2b3e, #154968);
    background-image: -o-linear-gradient(top, #0c2b3e, #154968);
    background-image: -ms-linear-gradient(top, #0c2b3e, #154968);
    background-image: linear-gradient(top, #0c2b3e, #154968);*/

    background: transparent url(/images/login_input_bg.png) no-repeat right 0px;
    width: 300px;
    height: 60px;
    margin: 0 0 10px 0;
    padding: 0 34px 0 20px;
	font-size: 26px;
	color: #6fc4ff;
}
.linp:hover,
.linp:focus{
    /*background: url(../images/login_input_bg.png) no-repeat left -110px;*/
}
.linp2{
    /*background-image: -webkit-linear-gradient(top, #0c2b3e, #154968);
    background-image: -moz-linear-gradient(top, #0c2b3e, #154968);
    background-image: -o-linear-gradient(top, #0c2b3e, #154968);
    background-image: -ms-linear-gradient(top, #0c2b3e, #154968);
    background-image: linear-gradient(top, #0c2b3e, #154968);*/
    background: transparent  url(/images/input_bg.png) repeat-x left 0px;
    width: 300px;
    height: 60px;
    margin: 0 0 10px 0;
    padding: 0 34px 0 20px;
}
.linp2:hover,
.linp2:focus{
    background: url(/images/input_bg.png)  repeat-x left -110px;
}
span.ltext{
    float: right;
    display: inline-block;
    font-size: 26px;
    color: #c6d7e1;
    vertical-align: bottom;
    margin: 0 0 15px 0;
}
a.lche{
    background: url(/images/checkbox_bg.png) no-repeat 0 0;
    float: right;
    display: inline-block;
    width: 26px;
    height: 27px;
    vertical-align: bottom;
    margin: 8px 2px 0 20px;
}
a.lche:focus{
    background: url(/images/checkbox_bg.png) no-repeat 0 -27px;
}
.btn.lbtn,
a.lbtn{
    /*background: url(../images/login_btn_bg.png) no-repeat 0 0;*/
    background-image: -webkit-linear-gradient(top, #6D9419 50%, #577614 51%, #4A6411);
    background-image: -moz-linear-gradient(top, #6D9419 50%, #577614 51%, #4A6411);
    background-image: -o-linear-gradient(top, #6D9419 50%, #577614 51%, #4A6411);
    background-image: -ms-linear-gradient(top, #6D9419 50%, #577614 51%, #4A6411);
    background-image: linear-gradient(top, #6D9419 50%, #577614 51%, #4A6411);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#6D9419', endColorstr='#4A6411');
    display: inline-block;
    width: 250px;
    height: 60px;
    margin: 0;
    color: #dae4c5;
    font-size: 36px;
    text-align: center;
    line-height: 58px;
	text-decoration: none;
}
.btn.lbtn:hover,
.btn.lbtn:focus,
a.lbtn:hover,
a.lbtn:focus{
    background-image: -webkit-linear-gradient(top, #87b81f 50%, #6c9319 51%, #5c7d15);
    background-image: -moz-linear-gradient(top, #87b81f 50%, #6c9319 51%, #5c7d15);
    background-image: -o-linear-gradient(top, #87b81f 50%, #6c9319 51%, #5c7d15);
    background-image: -ms-linear-gradient(top, #87b81f 50%, #6c9319 51%, #5c7d15);
    background-image: linear-gradient(top, #87b81f 50%, #6c9319 51%, #5c7d15);
    /*background: url(../images/login_btn_bg.png) no-repeat 0 -110px;*/
    color: #ffffff;
}

a{outline:0px solid blue;}


/* ----- login end ------------------------------------------- */


body {
	background: #1a3b50 url(/images/bg.png) repeat-x left top;
	font-family: "SohoGothicStd-Light", Verdana, Arial;
	font-size: 25px;
	color: #c6d7e1;
	overflow: hidden;
	zoom: 1;

	/*max-width: 963px;
	min-width: 963px;*/	
	max-width: 860px;
	min-width: 860px;
    margin-left: auto;
    margin-right: auto;
    min-height: 1100px;
}


@font-face {
    font-family: 'SohoGothicStd-Light';
    src: url('/fonts/SohoGothicStd-Light.eot');
        src: url('/fonts/SohoGothicStd-Light.eot?#iefix') format('embedded-truetype'),
        	   url('/fonts/SohoGothicStd-Light.eot?#iefix') format('embedded-opentype'),
        	   url('/fonts/SohoGothicStd-Light.otf') format('opentype'),
               url('/fonts/SohoGothicStd-Light.woff') format('woff'),
               url('/fonts/SohoGothicStd-Light.ttf') format('truetype'),
               url('/fonts/SohoGothicStd-Light.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*src: url('../font/fontawesome-webfont.eot?#iefix') format('embedded-opentype'),
     url('../font/fontawesome-webfont.woff') format('woff'),
     url('../font/fontawesome-webfont.ttf') format('truetype'),
     url('../font/fontawesome-webfont.svg#FontAwesome') format('svg');*/


/* header styles begin */

.wrap-site{
  background: #3c4e55;
}
#header{
  background: #3c637e url(/images/header-full-bgr.png) repeat-x 0 0;
  width: 100%;
  /*height: 78px;*/
  height: 73px;
  border-top: 1px solid #1b2832;
  border-bottom: 1px solid #000000;
  display: table;
}
.hlogo{
  background: url(/images/enc-300-logo-ins_small.png) no-repeat center left;
  display: table-cell;
  min-width: 60px;
  /*min-height: 78px;*/
  min-height: 40px;
  font-size: 12px;
  color: #5796b9;
  font-weight: bold;
  vertical-align: middle;
  padding: 0 0 0 50px;
}

.hmenu{
  display: table-cell;
  /*min-width: 481px;*/
  max-width: 240px;
  /*min-height: 78px;*/
  /*min-height: 234px;*/
}
#sidebar .hmenu {
  max-width: 80px;
  /*min-height: 234px;*/
  display: block;
}

.hmenu .mshleft{
  background: url(/images/header-sh-left.png) no-repeat center right;
  float: left;
  display: inline-box;
  width: 12px;
  height: 78px;
}
.hmenu .mshright{
  background: url(/images/header-sh-right.png) no-repeat center left;
  float: left;
  display: inline-box;
  width: 12px;
  height: 78px;
}
.hmenu .topmenuitem{
  float: left;
  display: inline-box;
  min-width: 73px;
  height: 29px;
  /*padding: 49px 0 0 0;*/
  padding: 12px 0 0 0;
  color: #e9e9e9;
  font-size: 13px;
  text-decoration: none;
  text-align: center;
  font-weight: normal;
  text-transform: capitalize;
}

.hmenu .topmenuitem.hteracue_small{
  padding: 49px 0 0 0;
}

.hmenu .topmenuitem.active,
.hmenu .topmenuitem:hover{
  color: #5aa6d4;
}
.hmenu .MATRIX{
  /*background: url(/images/mm-icons.png) no-repeat center -72px;*/
}
.hmenu .ENCODER{
  /*background: url(/images/mm-icons.png) no-repeat center 10px;*/
}
.hmenu .NETWORK{
  /*background: url(/images/mm-icons.png) no-repeat center -72px;*/
}
.hmenu .SYSTEM{
  /*background: url(/images/mm-icons.png) no-repeat center -154px;*/
}
.hmenu .HELP{
  /*background: url(/images/mm-icons.png) no-repeat center -236px;*/
}
.hmenu .MATRIX.active,
.hmenu .MATRIX:hover{
  /*background: url(/images/mm-icons.png) no-repeat center -400px;*/
}
.hmenu .ENCODER.active,
.hmenu .ENCODER:hover{
  /*background: url(/images/mm-icons.png) no-repeat center -318px;*/
}
.hmenu .NETWORK.active,
.hmenu .NETWORK:hover{
  /*background: url(/images/mm-icons.png) no-repeat center -400px;*/
}

.hmenu .SYSTEM.active,
.hmenu .SYSTEM:hover{
  /*background: url(/images/mm-icons.png) no-repeat center -482px;*/
}

.hmenu .HELP.active,
.hmenu .HELP:hover{
  /*background: url(/images/mm-icons.png) no-repeat center -564px;*/
}

.hmenu .PRESETS{
  /*background: url(/images/mm-icons.png) no-repeat center 10px;*/
}
.hmenu .PRESETS.active,
.hmenu .PRESETS:hover{
  /*background: url(/images/mm-icons.png) no-repeat center -318px;*/
}
.hmenu .EDID{
  background: url(/images/mm-icons.png) no-repeat center 10px;
}
.hmenu .EDID.active,
.hmenu .EDID:hover{
  background: url(/images/mm-icons.png) no-repeat center -318px;
}
.hmenu .COMPORT{
  /*background: url(/images/mm-icons.png) no-repeat center 10px;*/
}
.hmenu .COMPORT.active,
.hmenu .COMPORT:hover{
  /*background: url(/images/mm-icons.png) no-repeat center -318px;*/
}

.hmenu ul.hmenulist{
    float: left;
    /*background: url(/images/mm-sepline.png) no-repeat right center;*/
    list-style-type: none;
}

#sidebar .hmenu ul.hmenulist{
    position: relative;
    top: -3px;
}

.hmenu ul.hmenulist li{
	/*background-color: #304B5F;*/
	/*background: url(/images/mm-sepline.png) no-repeat left center;*/
    float: left;
    margin: 1px;
    min-width: 78px;
    min-height: 78px;
}

/* harmadik és hatodik mátrix menügombhoz (system, info buttons)*/
.hmenu ul.hmenulist .border_fix {
	margin-right: 0px;
    min-width: 79px;
}

#sidebar .hmenu ul.hmenulist li{
	/*background-color: #304B5F;*/
	/*background-color: #327AA7; 	*/
    /*background: url(/images/mm-sepline.png) no-repeat left center;*/
    float: left;
    margin: 5px;
    min-width: 78px;
    min-height: 78px;
}

.hlogged{
  display: table-cell;
  min-width: 190px;
  /*min-height: 78px;*/
  min-height: 40px;
  vertical-align: middle;
  white-space: nowrap;
}
.hlogged .ltext{
  float: left;
  display: inline-block;
  font-size: 12px;
  color: #5797ba;
  border-right: 1px solid #4d6373;
  line-height: 12px;
  padding: 0 10px 0 0;
  margin: 0 10px 0 0;
  vertical-align: middle;
}
.hlogged .ltext .name{
  color: #b9b9b9;  
}
.hlogged a.hlout{
  float: left;
  background: transparent;
  display: inline-block;
  font-size: 12px;
  color: #b9b9b9;
  line-height: 12px;
  vertical-align: middle;
  cursor: pointer;
}
.hlogged a.hlout:hover{
  color: #5aa6d4;
}
.himg{
  /*background: url(/images/header-bgr-mc-route.png) no-repeat top right;*/
  display: table-cell;
  width: 100%;
  /*min-height: 78px;*/
}
.himg .himgcover{
  /*background: url(/images/header-bgr-cover.png) no-repeat top left;*/
  display: block;
  width: 60px;
  /*height: 78px;*/
}
.hteracue{
  background: url(/images/teracue-logo.png) no-repeat center right;
  display: table-cell;
  min-width: 250px;
  /*min-height: 78px;*/
  min-height: 40px;
}

.hteracue_matrix {
	/*background: url(/images/teracue-logo.png) no-repeat 0px;*/
    background-position-x: 0px;
    background-color: #304B5F;
    /* display: table-cell; */
    /* min-width: 240px; */
    min-height: 78px;
    margin: 1px;
    font-size: 12px;
    font-style: normal;
    font-variant: normal;
    font-family: Arial, Helvetica, sans-serif;
}

/*.hteracue_matrix tr:hover,
.hteracue_matrix td:hover{
    background-color: #304B5F;
    background: -moz-linear-gradient(top, #4ac3e8, #3db2e2);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#4ac3e8), to(#3db2e2));
    background: -webkit-linear-gradient(top, #4ac3e8, #3db2e2);
    background: -o-linear-gradient(top, #4ac3e8, #3db2e2);
    background: linear-gradient(to bottom, #4ac3e8, #3db2e2);
    cursor:default;
}*/

.hteracue_small {
	background: url(/images/teracue-logo_small.png) no-repeat center 0px;
}

/* header styles end */

.wrap-conent{
  /*background: #3c4e55;*/
  background: #24597B;
  overflow: hidden;
  height: 100%;
}

/* MATRIX */

#encoder_matrix{
	position: relative;
	/*top: -10px;*/
  	/*left: -20px;*/
}

#matrix_settings{
	/*position: relative;*/
	/*top: -10px;*/
	/*top: -9px;*/
	top: 0px;
  	/*left: -20px;*/
  	left: 0px;
  	min-height: 836px;
  	/*min-width: 956px;*/
}

#matrix {
	/*min-width: 861px;*/
	min-width: 549px;
    overflow: hidden;
}

.bluedark {
    /*color: #ffffff;
    display: block;
    padding: 2px 4px 2px 4px;*/
    background-color: #355499;
    background: -moz-linear-gradient(top, #4166af, #355499);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#4166af), to(#355499));
    background: -webkit-linear-gradient(top, #4166af, #355499);
    background: -o-linear-gradient(top, #4166af, #355499);
    background: linear-gradient(to bottom, #4166af, #355499);
}

.yellowdark {
    /*color: #ffffff;
    display: block;
    padding: 2px 4px 2px 4px;*/
    background-color: #F7C549;
    background: -moz-linear-gradient(top, #C29A36, #F7C549);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#C29A36), to(#F7C549));
    background: -webkit-linear-gradient(top, #C29A36, #F7C549);
    background: -o-linear-gradient(top, #C29A36, #F7C549);
    background: linear-gradient(to bottom, #C29A36, #F7C549);
}

.yellowlight {
    /*color: #ffffff;
    display: block;
    padding: 2px 4px 2px 4px;*/
    background-color: #D8A93C;
    background: -moz-linear-gradient(top, #DEAE3D, #BF9531);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#DEAE3D), to(#BF9531));
    background: -webkit-linear-gradient(top, #DEAE3D, #BF9531);
    background: -o-linear-gradient(top, #DEAE3D, #BF9531);
    background: linear-gradient(to bottom, #DEAE3D, #BF9531);
}

.rec_red {
    /*color: #ffffff;
    display: block;
    padding: 2px 4px 2px 4px;*/
    background-color: #D22525;
    background: -moz-linear-gradient(top, #D42F82, #D22525);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#D42F82), to(#D22525));
    background: -webkit-linear-gradient(top, #D42F82, #D22525);
    background: -o-linear-gradient(top, #D42F82, #D22525);
        background: linear-gradient(to bottom, #D42F82, #D22525);
}

.srt_red {
    /*color: #ffffff;
    display: block;
    padding: 2px 4px 2px 4px;*/
    background-color: #a22c2c;
    background: -moz-linear-gradient(top, #a22364, #a22c2c);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#a22364), to(#a22c2c));
    background: -webkit-linear-gradient(top, #a22364, #a22c2c);
    background: -o-linear-gradient(top, #a22364, #a22c2c);
        background: linear-gradient(to bottom, #a22364, #a22c2c);
}

.claret {
    /*color: #ffffff;
    display: block;
    padding: 2px 4px 2px 4px;*/
    background-color: #694873;
    /*background: -moz-linear-gradient(top, #4166af, #694873);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#4166af), to(#694873));
    background: -webkit-linear-gradient(top, #4166af, #694873);
    background: -o-linear-gradient(top, #4166af, #694873);
    background: linear-gradient(to bottom, #4166af, #694873);*/
}

.box{
    box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */
    float:left;
}

.RowHeader
{
    border-right:1px solid #79d6f2;
    border-bottom:1px solid #79d6f2;
    /*background-color:#E1EBF3;*/
    /*background-color: #578BB3;*/
    /*COLOR: black; color:#0c499e; */
    color: #ffffff;
    cursor: default;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: normal;
    text-decoration: none; 
    /*padding: 5px 10px;*/
    padding: 0;
    
    background-color: #3db2e2;
	background: -moz-linear-gradient(top, #4ac3e8, #3db2e2);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#4ac3e8), to(#3db2e2));
    background: -webkit-linear-gradient(top, #4ac3e8, #3db2e2);
    background: -o-linear-gradient(top, #4ac3e8, #3db2e2);
    background: linear-gradient(to bottom, #4ac3e8, #3db2e2);
    /*float:left;*/
}


.hover { 
	/*background-color: #c2e8f4;*/ 
	background-color: #e7f6fb;
		}

.hover .gray { 
	/*background-color: #c2e8f4;*/ 
	background-color: #e7f6fb;
		}

/*.hover .pause { 
	background-color: #e7f6fb;
		}*/	

/*.hover.gray { 
	background-color: #e7f6fb;
		}*/			


.Hover2 td{
    /*min-height:36px;*/
}

.nothover.blueback{
    background-color: #3db2e2;    
    cursor:default;
}

.nothover{
    background-color: transparent;    
    cursor:default;
}

.audio .connected{
	background-color: #76ae26;
/*    background: url("/images/icon-connect.png") center center no-repeat;
    background: url("/images/icon-connect.png") center center no-repeat, -moz-linear-gradient(top, #94c230, #76ae26);
    background: url("/images/icon-connect.png") center center no-repeat, -webkit-gradient(linear, 0 0, 0 100%, from(#94c230), to(#76ae26));
    background: url("/images/icon-connect.png") center center no-repeat, -webkit-linear-gradient(top, #94c230, #76ae26);
    background: url("/images/icon-connect.png") center center no-repeat, -o-linear-gradient(top, #94c230, #76ae26);
    background: url("/images/icon-connect.png") center center no-repeat, linear-gradient(to bottom, #94c230, #76ae26);*/

/*    background: -moz-linear-gradient(top, #A16CB1, #80578C);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#A16CB1), to(#80578C));
    background: -webkit-linear-gradient(top, #A16CB1, #80578C);
    background: -o-linear-gradient(top, #A16CB1, #80578C);
    background: linear-gradient(to bottom, #A16CB1, #80578C);*/
    background: -moz-linear-gradient(top, #885C70, #694873);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#885C70), to(#694873));
    background: -webkit-linear-gradient(top, #885C70, #694873);
    background: -o-linear-gradient(top, #885C70, #694873);
    background: linear-gradient(to bottom, #885C70, #694873);  
    color: #DEECFD;
}

.connected{
    min-width:24px;
    min-height:24px;
    background-color: #76ae26;
/*    background: url("/images/icon-connect.png") center center no-repeat;
    background: url("/images/icon-connect.png") center center no-repeat, -moz-linear-gradient(top, #94c230, #76ae26);
    background: url("/images/icon-connect.png") center center no-repeat, -webkit-gradient(linear, 0 0, 0 100%, from(#94c230), to(#76ae26));
    background: url("/images/icon-connect.png") center center no-repeat, -webkit-linear-gradient(top, #94c230, #76ae26);
    background: url("/images/icon-connect.png") center center no-repeat, -o-linear-gradient(top, #94c230, #76ae26);
    background: url("/images/icon-connect.png") center center no-repeat, linear-gradient(to bottom, #94c230, #76ae26);*/

    background: -moz-linear-gradient(top, #94c230, #76ae26);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#94c230), to(#76ae26));
    background: -webkit-linear-gradient(top, #94c230, #76ae26);
    background: -o-linear-gradient(top, #94c230, #76ae26);
    background: linear-gradient(to bottom, #94c230, #76ae26);    

    color: darkgreen;
    /*vertical-align: bottom;*/
}

.pause .connected{
    min-width:24px;
    min-height:24px;
    background-color: #76ae26;
/*    background: url("/images/icon-connect.png") center center no-repeat;
    background: url("/images/icon-connect.png") center center no-repeat, -moz-linear-gradient(top, #4f4c4c, #808080);
    background: url("/images/icon-connect.png") center center no-repeat, -webkit-gradient(linear, 0 0, 0 100%, from(#4f4c4c), to(#808080));
    background: url("/images/icon-connect.png") center center no-repeat, -webkit-linear-gradient(top, #4f4c4c, #808080);
    background: url("/images/icon-connect.png") center center no-repeat, -o-linear-gradient(top, #4f4c4c, #808080);
    background: url("/images/icon-connect.png") center center no-repeat, linear-gradient(to bottom, #4f4c4c, #808080);*/

    background: -moz-linear-gradient(top, #4f4c4c, #808080);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#4f4c4c), to(#808080));
    background: -webkit-linear-gradient(top, #4f4c4c, #808080);
    background: -o-linear-gradient(top, #4f4c4c, #808080);
    background: linear-gradient(to bottom, #4f4c4c, #808080);    
    color: #353434;
}

.gray.connected{
    min-width:24px;
    min-height:24px;
    background-color: #76ae26;
/*    background: url("/images/icon-connect.png") center center no-repeat;
    background: url("/images/icon-connect.png") center center no-repeat, -moz-linear-gradient(top, #4f4c4c, #808080);
    background: url("/images/icon-connect.png") center center no-repeat, -webkit-gradient(linear, 0 0, 0 100%, from(#4f4c4c), to(#808080));
    background: url("/images/icon-connect.png") center center no-repeat, -webkit-linear-gradient(top, #4f4c4c, #808080);
    background: url("/images/icon-connect.png") center center no-repeat, -o-linear-gradient(top, #4f4c4c, #808080);
    background: url("/images/icon-connect.png") center center no-repeat, linear-gradient(to bottom, #4f4c4c, #808080);*/

    background: -moz-linear-gradient(top, #4f4c4c, #808080);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#4f4c4c), to(#808080));
    background: -webkit-linear-gradient(top, #4f4c4c, #808080);
    background: -o-linear-gradient(top, #4f4c4c, #808080);
    background: linear-gradient(to bottom, #4f4c4c, #808080);
    color: #353434;
}

.pause.connected{
    min-width:24px;
    min-height:24px;
    background-color: #76ae26;
/*    background: url("/images/icon-connect.png") center center no-repeat;
    background: url("/images/icon-connect.png") center center no-repeat, -moz-linear-gradient(top, #4f4c4c, #808080);
    background: url("/images/icon-connect.png") center center no-repeat, -webkit-gradient(linear, 0 0, 0 100%, from(#4f4c4c), to(#808080));
    background: url("/images/icon-connect.png") center center no-repeat, -webkit-linear-gradient(top, #4f4c4c, #808080);
    background: url("/images/icon-connect.png") center center no-repeat, -o-linear-gradient(top, #4f4c4c, #808080);
    background: url("/images/icon-connect.png") center center no-repeat, linear-gradient(to bottom, #4f4c4c, #808080);*/

    background: -moz-linear-gradient(top, #4f4c4c, #808080);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#4f4c4c), to(#808080));
    background: -webkit-linear-gradient(top, #4f4c4c, #808080);
    background: -o-linear-gradient(top, #4f4c4c, #808080);
    background: linear-gradient(to bottom, #4f4c4c, #808080);
    color: #353434;
}

.conntable{
    background: #ffffff;
}

.vmenuitem:hover {
	background-image: url("images/bluehover.png");
}
.vmenuborderleft
{
    /*border-left: 1px solid #79d6f2;*/
}
.vmenuborderright
{
    border-right: 1px solid #79d6f2;
}
.vmenuborderdown
{
	/*border-bottom:1px solid #79d6f2; /* #0080c0 */*/
	border-bottom:1px solid #e9e9e9; /* #0080c0 */
}
.vmenuborderdowndark
{
	border-bottom:1px solid #79d6f2;
}
.vmenu
{
	border-right:1px solid #79d6f2;
}

.StreamTitle{
    color: #1c445e;
    font-size: 20px;
    text-align: left;
    position: relative;
    top: 19px;
}

.wrap-kbs{
    color: #376d91;
    font-size: 14px;
    text-align: left;
    position: relative;
    top: 19px;
}
.kbsInput
{
    padding: 5px 10px 5px 0;
}
.kbsOutput
{
    padding: 12px 5px 0 5px;
}
.fb
{
	padding: 12px 5px 0 5px;
}

.inputText{
    height:19px;
    width:125px;
    height: 26px;
    width: 100%;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
    padding: 2px;
}

.inputText.pad{
    padding: 0px;
}

td.InputHeader
{
    cursor:pointer;
    min-width:200px;
    padding:0px;
    position:relative;
    /*height: 118px;*/
}
td.InputHeader.active
{
    background-color:Orange;
}

td.OutputHeader
{
    cursor:pointer;
    width: 102px;
}
td.OutputHeader.active{
    background-color: #e88a10;
}
.conntable td.RowHeader.active{
    background-color: #e88a10;
}

.thleft-wrap{
    display: block;
}
.thtop-wrap{
    display: block;
    min-width: 100px;
}

.yellow {
  background-color: #b4a103;
  background: -moz-linear-gradient(top, #cabd4d, #b4a103);
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#cabd4d), to(#b4a103));
  background: -webkit-linear-gradient(top, #cabd4d, #b4a103);
  background: -o-linear-gradient(top, #cabd4d, #b4a103);
  background: linear-gradient(to bottom, #cabd4d, #b4a103);
}

.absolute-right{
    /*position:absolute;*/
    /*top: 0px;
    right: 0px;*/    
    font-size: 15px;
    margin: 0;
    /*right:auto;
    top:auto;*/
    min-height: 86px;
    float: left;
    color: #ffffff;
    display: block;
    padding: 2px 2px 2px 2px;
    line-height: 16px;
}

.OutputHeader .absolute-top{
    font-size: 9px;
    margin: 0;
    min-height: 11px;
    float: none;
    letter-spacing: 1px;
    color: #ffffff;
    display: block;
    padding: 1px 4px 2px 4px;
}

.OutputHeader .absolute-top-rec{
    font-size: 9px;
    margin: 0;
    min-height: 11px;
    float: none;
    letter-spacing: 1px;
    display: block;
    /*color: #ffffff;*/    
    /*padding: 1px 4px 2px 4px;*/
    /*width: 94px;*/
    /* icon */
    width: 83px;    
}

.InputHeader .btn{
	border-left: 1px solid #79d6f2;
    margin:0px;
    padding:0px;
    width:20px;
    height: 90px;
    display: block;
}
.OutputHeader .btn{
    margin:0px;
    padding:0px;
    /*width:52px;*/
    height: 20px;
    display: block;
}

/*.btn:hover
{
    background-color: rgb(253, 199, 99);
    color: #167A6E;
    margin:4px;
    background-color:#187CAA;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #0c499e;
}*/

.play .InputHeader .btn{
    background: #6e9519;
/*    background-image: url(/images/icon-on.png), -webkit-gradient(linear, left top, right top, from(#8eb421), to(#6e9519));
    background-image: url(/images/icon-on.png), -webkit-linear-gradient(left, #8eb421, #6e9519);
    background-image: url(/images/icon-on.png), -moz-linear-gradient(left, #8eb421, #6e9519);
    background-image: url(/images/icon-on.png), -ms-linear-gradient(left, #8eb421, #6e9519);
    background-image: url(/images/icon-on.png), -o-linear-gradient(left, #8eb421, #6e9519);
    background-image: url(/images/icon-on.png), linear-gradient(to right, #8eb421, #6e9519);*/
    background-image: -webkit-gradient(linear, left top, right top, from(#8eb421), to(#6e9519));
    background-image: -webkit-linear-gradient(left, #8eb421, #6e9519);
    background-image: -moz-linear-gradient(left, #8eb421, #6e9519);
    background-image: -ms-linear-gradient(left, #8eb421, #6e9519);
    background-image: -o-linear-gradient(left, #8eb421, #6e9519);
    background-image: linear-gradient(to right, #8eb421, #6e9519);
    background-repeat: no-repeat;
    background-position: center center;
}

.play.video .InputHeader .btn{
    background: #6e9519;
    background-image: url(/images/icon-on.png), -webkit-gradient(linear, left top, right top, from(#8eb421), to(#6e9519));
    background-image: url(/images/icon-on.png), -webkit-linear-gradient(left, #8eb421, #6e9519);
    background-image: url(/images/icon-on.png), -moz-linear-gradient(left, #8eb421, #6e9519);
    background-image: url(/images/icon-on.png), -ms-linear-gradient(left, #8eb421, #6e9519);
    background-image: url(/images/icon-on.png), -o-linear-gradient(left, #8eb421, #6e9519);
    background-image: url(/images/icon-on.png), linear-gradient(to right, #8eb421, #6e9519);
/*    background-image: -webkit-gradient(linear, left top, right top, from(#8eb421), to(#6e9519));
    background-image: -webkit-linear-gradient(left, #8eb421, #6e9519);
    background-image: -moz-linear-gradient(left, #8eb421, #6e9519);
    background-image: -ms-linear-gradient(left, #8eb421, #6e9519);
    background-image: -o-linear-gradient(left, #8eb421, #6e9519);
    background-image: linear-gradient(to right, #8eb421, #6e9519);*/
    background-repeat: no-repeat;
    background-position: center center;
}

.play .InputHeader .grad{
    background: #3db2e2;
    background-image: -webkit-gradient(linear, left top, right top, from(#276e89), to(#41b5e0));
    background-image: -webkit-linear-gradient(left, #276e89, #41b5e0);
    background-image: -moz-linear-gradient(left, #276e89, #41b5e0);
    background-image: -ms-linear-gradient(left, #276e89, #41b5e0);
    background-image: -o-linear-gradient(left, #276e89, #41b5e0);
    background-image: linear-gradient(to right, #276e89, #41b5e0);
    display: inline-block;
    width: 10px;
    height: 90px;
    border-right: 1px solid #79d6f2;
}
.pause .InputHeader .btn{
    background: #505050;
/*    background-image: url(/images/icon-off.png), -webkit-gradient(linear, left top, right top, from(#676767), to(#505050));
    background-image: url(/images/icon-off.png), -webkit-linear-gradient(left, #676767, #505050);
    background-image: url(/images/icon-off.png), -moz-linear-gradient(left, #676767, #505050);
    background-image: url(/images/icon-off.png), -ms-linear-gradient(left, #676767, #505050);
    background-image: url(/images/icon-off.png), -o-linear-gradient(left, #676767, #505050);
    background-image: url(/images/icon-off.png), linear-gradient(to right, #676767, #505050);*/
    background-image: -webkit-gradient(linear, left top, right top, from(#676767), to(#505050));
    background-image: -webkit-linear-gradient(left, #676767, #505050);
    background-image: -moz-linear-gradient(left, #676767, #505050);
    background-image: -ms-linear-gradient(left, #676767, #505050);
    background-image: -o-linear-gradient(left, #676767, #505050);
    background-image: linear-gradient(to right, #676767, #505050);
    background-repeat: no-repeat;
    background-position: center center;
}

.pause.video .InputHeader .btn{
    background: #505050;
    background-image: url(/images/icon-off.png), -webkit-gradient(linear, left top, right top, from(#676767), to(#505050));
    background-image: url(/images/icon-off.png), -webkit-linear-gradient(left, #676767, #505050);
    background-image: url(/images/icon-off.png), -moz-linear-gradient(left, #676767, #505050);
    background-image: url(/images/icon-off.png), -ms-linear-gradient(left, #676767, #505050);
    background-image: url(/images/icon-off.png), -o-linear-gradient(left, #676767, #505050);
    background-image: url(/images/icon-off.png), linear-gradient(to right, #676767, #505050);
/*    background-image: -webkit-gradient(linear, left top, right top, from(#676767), to(#505050));
    background-image: -webkit-linear-gradient(left, #676767, #505050);
    background-image: -moz-linear-gradient(left, #676767, #505050);
    background-image: -ms-linear-gradient(left, #676767, #505050);
    background-image: -o-linear-gradient(left, #676767, #505050);
    background-image: linear-gradient(to right, #676767, #505050);*/
    background-repeat: no-repeat;
    background-position: center center;
}

.pause .InputHeader .grad{
    background: #bbbbbb;
    background-image: -webkit-gradient(linear, left top, right top, from(#737373), to(#bbbbbb));
    background-image: -webkit-linear-gradient(left, #737373, #bbbbbb);
    background-image: -moz-linear-gradient(left, #737373, #bbbbbb);
    background-image: -ms-linear-gradient(left, #737373, #bbbbbb);
    background-image: -o-linear-gradient(left, #737373, #bbbbbb);
    background-image: linear-gradient(to right, #737373, #bbbbbb);
    display: inline-block;
    width: 10px;
    /*height: 52px;*/
    height: 90px;
    border-right: 1px solid #79d6f2;
}

.OutputHeader .btn{
	border-top: 1px solid #79d6f2;
    background: #6e9519;
    background-image: url(/images/icon-on.png), -webkit-gradient(linear, left top, left bottom, from(#8eb421), to(#6e9519));
    background-image: url(/images/icon-on.png), -webkit-linear-gradient(bottom, #8eb421, #6e9519);
    background-image: url(/images/icon-on.png), -moz-linear-gradient(bottom, #8eb421, #6e9519);
    background-image: url(/images/icon-on.png), -ms-linear-gradient(bottom, #8eb421, #6e9519);
    background-image: url(/images/icon-on.png), -o-linear-gradient(bottom, #8eb421, #6e9519);
    background-image: url(/images/icon-on.png), linear-gradient(to bottom, #8eb421, #6e9519);
    background-repeat: no-repeat;
    background-position: center center;
}

.OutputHeader .grad{
    background: #3db2e2;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#276e89), to(#41b5e0));
    background-image: -webkit-linear-gradient(bottom, #276e89, #41b5e0);
    background-image: -moz-linear-gradient(bottom, #276e89, #41b5e0);
    background-image: -ms-linear-gradient(bottom, #276e89, #41b5e0);
    background-image: -o-linear-gradient(bottom, #276e89, #41b5e0);
    background-image: linear-gradient(to bottom, #276e89, #41b5e0);
    display: block;
    /*width: 52px;*/
    height: 10px;
    border-bottom: 1px solid #79d6f2;
}

.OutputHeader.pause .btn{
    background: #505050;
    background-image: url(/images/icon-off.png), -webkit-gradient(linear, left top, left bottom, from(#676767), to(#505050));
    background-image: url(/images/icon-off.png), -webkit-linear-gradient(bottom, #676767, #505050);
    background-image: url(/images/icon-off.png), -moz-linear-gradient(bottom, #676767, #505050);
    background-image: url(/images/icon-off.png), -ms-linear-gradient(bottom, #676767, #505050);
    background-image: url(/images/icon-off.png), -o-linear-gradient(bottom, #676767, #505050);
    background-image: url(/images/icon-off.png), linear-gradient(to bottom, #676767, #505050);
    background-repeat: no-repeat;
    background-position: center center;
}
.OutputHeader.pause{
    background: #afafaf;
}
.OutputHeader.pause .grad{
    background: #bbbbbb;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#737373), to(#bbbbbb));
    background-image: -webkit-linear-gradient(bottom, #737373, #bbbbbb);
    background-image: -moz-linear-gradient(bottom, #737373, #bbbbbb);
    background-image: -ms-linear-gradient(bottom, #737373, #bbbbbb);
    background-image: -o-linear-gradient(bottom, #737373, #bbbbbb);
    background-image: linear-gradient(to bottom, #737373, #bbbbbb);
    display: block;
    height: 10px;
    border-bottom: 1px solid #79d6f2;
}

.OutputHeader.play:hover,
.OutputHeader.play:hover .grad{
    background-color: #9ed9f1;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#a5e1f4), to(#9ed9f1));
    background-image: -webkit-linear-gradient(bottom, #a5e1f4, #9ed9f1);
    background-image: -moz-linear-gradient(bottom, #a5e1f4, #9ed9f1);
    background-image: -ms-linear-gradient(bottom, #a5e1f4, #9ed9f1);
    background-image: -o-linear-gradient(bottom, #a5e1f4, #9ed9f1);
    background-image: linear-gradient(to bottom, #a5e1f4, #9ed9f1);
}

.play:hover .tdcol.grad,
.play:hover .tdcol2{
    color: #167A6E;
    background-color: #9ed9f1;
    background: -moz-linear-gradient(top, #a5e1f4, #9ed9f1);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#a5e1f4), to(#9ed9f1));
    background: -webkit-linear-gradient(top, #a5e1f4, #9ed9f1);
    background: -o-linear-gradient(top, #a5e1f4, #9ed9f1);
    background: linear-gradient(to bottom, #a5e1f4, #9ed9f1);
}

.OutputHeader
{
    position:relative;
    /*padding-top:50px;*/
}

.RowHover tr:hover td.RowHeader{
    background-color: #3db2e2;
    background: -moz-linear-gradient(top, #4ac3e8, #3db2e2);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#4ac3e8), to(#3db2e2));
    background: -webkit-linear-gradient(top, #4ac3e8, #3db2e2);
    background: -o-linear-gradient(top, #4ac3e8, #3db2e2);
    background: linear-gradient(to bottom, #4ac3e8, #3db2e2);
    cursor:default;
}

.tdcol
{
    float:left;
}

.tdcol2{
    padding: 7px 8px 5px 12px;
    /*min-height: 54px;*/
    min-height: 90px;
    /*min-width: 154px;*/
    /*min-width: 190px;*/
    min-width: 196px;
    /*width:100%;*/
    /*text-align: left;*/
   /*overflow: auto;
    height: 100%;*/
}

.pause .tdcol2
{
    background-color:#afafaf;
}

.tdrow2{
    padding: 12px 5px 8px 7px;
    /*min-height: 149px;
    min-width: 52px;*/
    /*width:100%;*/
    /*text-align: left;*/
   /*overflow: auto;
    height: 100%;*/
    width: 90px;
    height: 144px;
    /*height: 20px;*/

    /*without statustext*/
    /*line-height: 40px;*/
    line-height: 25px;
    min-height: 172px;
    /*position: relative;
    left: 27px;*/
}

colgroup.pause
{
    background-color: #afafaf;
}

.gray{ background-color: #aeaeae;}

.pause td
{
    background-color: #afafaf;
}

.OutputHeader .StreamTitle{
    /*float: left;*/
    font-size: 24px;
    color: #1c445e;
    /*writing-mode: tb-rl;*/
    -webkit-transform:rotate(-90deg);
    -moz-transform:rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    text-align: right;
    width: 144px;
    position: relative;
    /*top: 0;*/
    top: 15px;
    left: 2px;
    width: 144px;
    height: 70px;
    position: relative;
    /*left: -10px;*/
    left: -20px;
    top: 53px;
}
.OutputHeader .wrap-kbs-top{
    font-size: 14px;
    color: #376D91;
    /*writing-mode: tb-rl;*/
    -webkit-transform:rotate(-90deg);
    -moz-transform:rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    text-align: right;
    height: 20px;
    width: 144px;
    position: relative;
	/*top: -82px;*/
	top: 4px;
    /*left: -35px;*/
    /*left: -14px;*/
    left: -24px;
}

.OutputHeader .wrap-kbs-top_dest{
    font-size: 14px;
    color: #304B5F;
    /*writing-mode: tb-rl;*/
    -webkit-transform:rotate(-90deg);
    -moz-transform:rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    text-align: right;
    height: 20px;
    width: 144px;
    position: relative;
	/*top: -82px;*/
	top: -11px;
    /*left: -35px;*/
    /*left: 2px;*/
    left: -5px;
}


.OutputHeader .rec_media_present{
    font-size: 14px;
    color: #304B5F;
    /*writing-mode: tb-rl;*/
    -webkit-transform:rotate(-90deg);
    -moz-transform:rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    text-align: right;
    height: 20px;
    width: 144px;
    position: relative;
	/*top: -82px;*/
	top: -11px;
    /*left: -35px;*/
    /*left: 2px;*/
    left: -5px;
}

.OutputHeader.StreamOut_7 .wrap-kbs-top{
	top: 9px;
 }

.OutputHeader .kbsOutput{
    /*padding: 40px 10px 3px 10px;*/
    /*padding: 0;*/
    /*width: 25px;
    height: 149px;*/
    width: 20px;
    height: 80px;
}

.OutputHeader .fb{
    /*padding: 40px 10px 3px 10px;*/
    /*padding: 0;*/
    /*width: 25px;
    height: 149px;*/
    width: 20px;
    height: 80px;
}

.OutputHeader .mp{
    /*padding: 40px 10px 3px 10px;*/
    /*padding: 0;*/
    /*width: 25px;
    height: 149px;*/
    width: 20px;
    height: 80px;
    font-size: 14px;
    color: #304B5F;
}    

.line45corner{
    float: left;
    background: #74d4f1;
    position: absolute;
    left: -44px;
    top: 105px;
    height: 1px;
    width: 290px;
    transform: rotate(46.5deg);
    -moz-transform: rotate(46.5deg);
    -webkit-transform: rotate(46.5deg);
    -o-transform: rotate(46.5deg);
    -ms-transform: rotate(46.5deg);
}

/*.corner{
    width: 200px;
    display: inline-block;
    position: relative;
}*/
.corner {
	background-color: #2D485C;
}
.ctrplus-wrap-main{
    width: 200px;
    min-height: 140px;
    float: left;
    position: relative;
    top:0;
    left:0;
}
.ctrplus-wrap{
    display: inline-block;
    position: relative;
    top:0;
    right:0;
    width: 70px;
    min-height: 140px;
    float: right;
}
.ctrplus-wrap .ctrplus{
    background: #2677a2 url(/images/ct-btns-plus.png) no-repeat 0 0;
    display: inline-block;
    width: 70px;
    height: 46px;
    border: 0 none;
    cursor: pointer;
}
.ctrplus-wrap .ctrplus:hover{
    background: #0e567c url(/images/ct-btns-plus.png) no-repeat 0 -66px;
}
.ctrplus-wrap span{
    font-size: 15px;
    color: #1c445e;
    -webkit-transform:rotate(-90deg);
    -moz-transform:rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    white-space:nowrap;
    display:inline-block;
    bottom:0;
    width:20px;
    height:20px;
    margin: 53px 0 0 25px;
}
.ctlplus-wrap{
    display: inline-block;
    position: relative;
    top:0;
    left:0;
    min-width: 130px;
    height: 70px;
    /*float: left;*/
}
.ctlplus-wrap .ctlplus{
    background: #2677a2 url(/images/ct-btns-plus.png) no-repeat 0 -132px;
    display: inline-block;
    width: 46px;
    height: 70px;
    border: 0 none;
    cursor: pointer;
    float: left;
}
.ctlplus-wrap .ctlplus:hover{
    background: #0e567c url(/images/ct-btns-plus.png) no-repeat 0 -222px;
}
.ctlplus-wrap span{
    font-size: 15px;
    color: #1c445e;
    white-space:nowrap;
    display: inline-block;
    bottom:0;
    width:20px;
    height:20px;
    margin: 26px 0 0 10px;
}

.absolute-top.white2, .absolute-top.whitewhite, .absolute-right.white2, .absolute-right.whitewhite {
  /*color: #636363;*/
  color: #000000;
}

.green2 {
  background-color: #28764e;
  background: -moz-linear-gradient(top, #31905f, #28764e);
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#31905f), to(#28764e));
  background: -webkit-linear-gradient(top, #31905f, #28764e);
  background: -o-linear-gradient(top, #31905f, #28764e);
  background: linear-gradient(to bottom, #31905f, #28764e);
}

.white2 {
  color: #636363;
  background-color: #e6e6e6;
  background: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background: linear-gradient(to bottom, #ffffff, #e6e6e6);
}

/* INPUTBAR (MATRIX) */


#InputBarContainer{  
    position:fixed;
    bottom:0px;
    /*left:220px;*/
    /*padding:2px;*/
    /*padding-top: 2px;
    padding-left: 2px;
    padding-right: 2px;
    padding-bottom: 0px;*/
    /*background-color:#f4f4f4;*/
    /*background: #2A4045;*/
    background: #304B5F;
    /*width:610px;*/
    width:550px;
    font-family: Arial; font-size: 9pt;
    color: #1c445e;
    z-index: 2;
    /*margin-left: 175px;*/
    /*margin-left: 125px;*/
    margin-left: 0px;
}

#TabMenu{
	position: relative;
	/*width: 600px;*/
	width: 550px;
	height: 50px;
	/*background: #ffffff;*/
	/*background: #2A4045;*/
	background: #304B5F;
	z-index: 2;
/*	padding-left: 5px;
	padding-right: 5px;*/
	padding-top: 0px;
	padding-bottom: 0px;
	text-align: center;
}

.InputBar{  
    position:relative;
/*    bottom:0px;*/
/*    left:220px;*/
    /*padding:5px;*/
    background-color:#4497c3;
    /*width:600px;*/
    width:550px;
    font-family: Arial; font-size: 9pt;
    color: #1c445e;
    z-index: 2;
}

.InputBar.SideBar{
    position:relative;
    bottom:auto;
    left:0px;
    top:0px;
    padding:5px;
    background-color:#4497c3;
    width:600px;
    font-family: Arial; font-size: 9pt;
    color: #1c445e;
}

.InputBarClose{
    position:absolute;
    right:5px;
    top:5px;
    background: url('images/box-header-btns.png') no-repeat -29px 0;
    width:24px;
    height:24px;
    cursor:pointer;
}
.InputBarClose:hover{
    position:absolute;
    right:5px;
    top:5px;
    background: url('images/box-header-btns.png') no-repeat -29px -29px;
    width:24px;
    height:24px;
    cursor:pointer;
}
.InputBarChange{
    position:absolute;
    right:34px;
    top:5px;
    background: url('images/box-header-btns.png') no-repeat 0 0;
    width:24px;
    height:24px;
    cursor:pointer;
}
.InputBarChange:hover{
    position:absolute;
    right:34px;
    top:5px;
    background: url('images/box-header-btns.png') no-repeat 0 -29px;
    width:24px;
    height:24px;
    cursor:pointer;
}
/*.SideBar .InputBarChange{
    background: url('images/box-header-btns.png') no-repeat -58px 0;
}
.SideBar .InputBarChange:hover{
    background: url('images/box-header-btns.png') no-repeat -58px -29px;
}*/

.down_arrow.InputBarChange{
    background: url('images/box-header-btns.png') no-repeat -58px 0px;
}

.down_arrow.InputBarChange:hover{
    background: url('images/box-header-btns.png') no-repeat -58px -29px;
}

.InputBarInForm{
    width: 540px;
    margin:auto;
}

.InputBar select,
.InputBar textarea,
.InputBar input[type="text"]{
  background-color: #306d90;
  background: -moz-linear-gradient(top, #306d90, #3b82ab);
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#306d90), to(#3b82ab));
  background: -webkit-linear-gradient(top, #306d90, #3b82ab);
  background: -o-linear-gradient(top, #306d90, #3b82ab);
  background: linear-gradient(to bottom, #306d90, #3b82ab);
  display: inline-block;
  height: 30px;
  padding: 0 6px 0 6px;
  font-size: 13px;
  color: #c6d7e1;
  border: 0 none;
}

.InputBar input[type="text"].rtmp_servname_right{
	float: right; 
    margin-right: 66px;
    /*margin-left: 0px;*/
}
.InputBar input[type="text"].rtmp_servname_left{
	float: none; 
    margin-left: 162px;
}

.InputBar input[type="text"].hls{
  /*width: 405px;*/
  /*width: 325px;*/
}

#ibar_audioinput_a1_mute{
  background-color: #50AEE4;
  background: -moz-linear-gradient(top, #50AEE4, #58B6ED);
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#50AEE4), to(#58B6ED));
  background: -webkit-linear-gradient(top, #50AEE4, #58B6ED);
  background: -o-linear-gradient(top, #50AEE4, #58B6ED);
  background: linear-gradient(to bottom, #50AEE4, #58B6ED);
  color: #DFE7EC;
}

.InputBar select[disabled],
.InputBar textarea[disabled],
.InputBar input[type="text"][disabled]{
  background-color: #869198;
  background: -moz-linear-gradient(top, #869198, #9DAFBD);
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#869198), to(#9DAFBD));
  background: -webkit-linear-gradient(top, #869198, #9DAFBD);
  background: -o-linear-gradient(top, #869198, #9DAFBD);
  background: linear-gradient(to bottom, #869198, #9DAFBD);
  display: inline-block;
  height: 30px;
  padding: 0 6px 0 6px;
  font-size: 13px;
  color: #c6d7e1;
  border: 0 none;
}

.InputBar .ibar_venc_selector select,
.InputBar .ibar_venc_selector textarea,
.InputBar .ibar_venc_selector input[type="text"]{
  background-color: #E8F2F8;
  background: -moz-linear-gradient(top, #CAE2EE, #E8F2F8);
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#CAE2EE), to(#E8F2F8));
  background: -webkit-linear-gradient(top, #CAE2EE, #E8F2F8);
  background: -o-linear-gradient(top, #CAE2EE, #E8F2F8);
  background: linear-gradient(to bottom, #CAE2EE, #E8F2F8);
  display: inline-block;
  height: 30px;
  padding: 0 6px 0 6px;
  font-size: 13px;
  color: #1c445e;
  border: 0 none;
}

.InputBar .ibar_aenc_selector select,
.InputBar .ibar_aenc_selector textarea,
.InputBar .ibar_aenc_selector input[type="text"]{
  background-color: #E8F2F8;
  background: -moz-linear-gradient(top, #CAE2EE, #E8F2F8);
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#CAE2EE), to(#E8F2F8));
  background: -webkit-linear-gradient(top, #CAE2EE, #E8F2F8);
  background: -o-linear-gradient(top, #CAE2EE, #E8F2F8);
  background: linear-gradient(to bottom, #CAE2EE, #E8F2F8);
  display: inline-block;
  height: 30px;
  padding: 0 6px 0 6px;
  font-size: 13px;
  color: #1c445e;
  border: 0 none;
}

.warning select,
.warning textarea,
.warning input[type="text"]{
  color: #f9941c;
}


.InputBar select{
  padding: 7px 3px 7px 3px;
}


.InputBar .vodHeader{
    color: #1c445e;
    font-size: 15px;
    font-weight: bold;
}
.InputBar .vodHeader.vmenuborderdown{
    border-bottom: 1px solid #367aa0;
}

/* overwrite inputbar ui input element begin */

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    background: url("images/connection-type-p-bgr.png") repeat-x left center;
    border: 0 none;
    color: #4a4a4a;
    font-weight: bold;
    font-size: 13px;
    cursor: pointer;
}
.ui-state-default:hover, .ui-widget-content .ui-state-default:hover, .ui-widget-header .ui-state-default:hover{
    background: url("images/connection-type-p-bgr-over.png") repeat-x left center;
    border: 0 none;
    color: #4a4a4a;
    font-weight: bold;
    font-size: 13px;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active{
    background: url("images/connection-type-p-bgr-over.png") repeat-x left center;
    border: 0 none;
    color: #1c445e;
    font-weight: bold;
    font-size: 13px;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    border-bottom-left-radius: 0;
}
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
    border-top-left-radius: 0;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    border-bottom-right-radius: 0;
}
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
    border-top-right-radius: 0;
}

/* overwrite inputbar ui input element end */

/*.InputBar.Top {
	position: absolute;
  	top: 0px;
  	left: 0px;
  	padding: 5px;
  	background-color: #4497c3;
  	width: 600px;
  	font-family: Arial;
  	font-size: 9pt;
  	color: #1c445e;
  	z-index: 2;
  	min-height: 650px;
}*/

#InputBarContainer.Top {
	/*position: absolute;*/
	position: relative;
  	/*top: 42px;
  	left: 0px;*/
  	/*padding: 5px;*/
  	/*background-color: #4497c3;*/
  	/*width: 610px;*/
  	width: 550px;
  	font-family: Arial;
  	font-size: 9pt;
  	color: #1c445e;
  	z-index: 2;
  	/*min-height: 650px;*/
}

.ibar_venc_selector{
	min-width: 300px;
/*	margin-right: auto;
	margin-left: auto;*/
}

.ibar_aenc_selector{
	min-width: 300px;
/*	margin-right: auto;
	margin-left: auto;*/
}

.floatleft{
	/*width: 465px;*/
	/*width: 496px;*/
	width: 495px;
}

.floatleft .buttonrow{
	float: left;
	min-width: 115px;
	/*min-width: 91px;*/
}

/* OUTPUT */

.buttonrow{
    background: url("images/connection-type-p-bgr.png") repeat-x left center;
  	border: 0px;
  	color: #4a4a4a;
  	font-weight: bold;
  	font-size: 12px;
  	cursor: pointer;
    /*padding: .4em 1em;*/
    padding: .4em 0em;
    margin-left: 0px;
	margin-right: 8px;
	margin-bottom: 6px;
	font-family: Lucida Grande,Lucida Sans,Arial,sans-serif;
}

.buttonrow:hover{
  	background: url("images/connection-type-p-bgr-over.png") repeat-x left center;
	color: #1c445e;
}

.buttonrow:active{
    background: url("images/connection-type-p-bgr-over.png") repeat-x left center;
    color: #1c445e;
}

.InputBar .vodControl input.encoder{
	/*width: 100px;*/
	/*width: 116px;*/
	width: 113px;
	padding: .4em 1em;
	/*margin-left: 0px;
    margin-right: 0px;*/
}

.InputBar .vodControl input.encoder:hover{
	/*width: 100px;*/
	padding: .4em 1em;
	/*margin-left: 0px;
    margin-right: 0px;*/
}

.vodControl input.encoder {
    padding: 2px;
     margin: 3px; 
}

.td_padding {
    padding-right: 5px;

	padding-left: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
}

.td_padding.component {
    padding-right: 5px;

    padding-left: 5px;
    padding-top: 5px;
    padding-bottom: 2px;
}

.td_padding.zero {
    /*padding-right: 5px;*/
    padding-right: 0px;
}

.inputcheckbox {
	margin: 3px 3px 3px 4px;
}

.inputText {
  width: 100%;
}

.buttonrow.active{
  background: url("images/connection-type-p-bgr-over.png") repeat-x left center;
  border: 0 none;
  color: #1c445e;
  font-weight: bold;
  font-size: 12px;
 /* padding: .4em 1em;
  margin-left: 0px;
  margin-right: 0px;*/
  font-family: Lucida Grande,Lucida Sans,Arial,sans-serif;
}

/* Preset */

.buttonrow_preset{
    background: url("images/connection-type-p-bgr.png") repeat-x left center;
  	border: 0px none;
  	color: #4a4a4a;
  	font-weight: bold;
  	font-size: 12px;
  	cursor: pointer;
    padding: .4em .5em;
    margin-left: 0px;
	margin-right: 0px;
	font-family: Lucida Grande,Lucida Sans,Arial,sans-serif;
}

.buttonrow_preset:hover{
  	background: url("images/connection-type-p-bgr-over.png") repeat-x left center;
  	border: 0px none;
	color: #1c445e;
  	font-weight: bold;
  	font-size: 12px;
  	cursor: pointer;
    padding: .4em .5em;
    margin-left: 0px;
	margin-right: 0px;
	font-family: Lucida Grande,Lucida Sans,Arial,sans-serif;
}

.buttonrow_preset:active{
    background: url("images/connection-type-p-bgr-over.png") repeat-x left center;
    border: 0px none;
    color: #1c445e;
  	font-weight: bold;
  	font-size: 12px;
  	cursor: pointer;
    padding: .4em .5em;
    margin-left: 0px;
	margin-right: 0px;
	font-family: Lucida Grande,Lucida Sans,Arial,sans-serif;
}

.buttonrow_preset.active{
  background: url("images/connection-type-p-bgr-over.png") repeat-x left center;
  border: 0 none;
  color: #1c445e;
  font-weight: bold;
  font-size: 12px;
  padding: .4em .5em;
  margin-left: 0px;
  margin-right: 0px;
  font-family: Lucida Grande,Lucida Sans,Arial,sans-serif;
}

/*select:active{
	background-color: #306D91;
}*/

.InputBar option{
	background-color: #306D91;
}

#ibar_venc_selector_sel option{
	background-color: #f2f2f2;
}

#ibar_aenc_selector_sel option{
	background-color: #f2f2f2;
}

/*.btn_disabled:disabled {
	background: #dddddd;
}*/

input[type="button"]:disabled {
    background: #B8B9B7;
    border: 0px solid #B8B9B7;
}

input[type="reset"]:disabled {
    background: #B8B9B7;
    border: 0px solid #B8B9B7;
}

.loadinggif {
	background: url('images/loading.gif') no-repeat center;
	border: 0 none;
}

.transparent_background {
	display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.37);
    z-index: 1010;
    /* overflow: auto; */
    /* display: block; */
    top: 0px;
    left: 0px;
   
}

.tab{
	width: 150px;
	height: 41px; /*up from 40 --> #tab1 #tab2 #tab3 bottom= -1px down 0 --> need at EDGE*/ 
	background: #3FB5E3;
	line-height: 40px;
	border-top-left-radius: 5px; 
	border-top-right-radius: 5px; 
}

#tab1 {
    overflow: hidden;
    position: absolute;
    left: 10px;
    /*bottom: 0px; */
    bottom: -1px; 
}

#tab2 {
    overflow: hidden;
    position: absolute;
    left: 180px;
    /*bottom: 0px;*/
    bottom: -1px;
}

#tab3 {
    overflow: hidden;
    position: absolute;
    /*left: 180px;*/
    left: 350px;
    /*bottom: 0px;*/
    bottom: -1px;
}

.tab.activetab
{
	background: #4497C3;
}


/*.matrix_tilemenu {
	min-width: 234px; 
	min-height: 78px;
}*/

.rec_red {
	background-image: url('images/rec_red.png');
    background-repeat: no-repeat;
    background-position-x: 46px;
    background-position-y: 1px;
}

.rec_off {
    position: absolute;
    top: 50px;
    z-index: 1;
    width: 54px;
    background: #7C7C7C;
    border-top: 1px solid #8A8787;
    /* icon */
   	background-image: url(/images/icon-off_10px.png), linear-gradient(to bottom, #676767, #505050);
    background-repeat: no-repeat;
    background-position: center center;
    text-align: left;
    /*padding-left: 15px;*/
    line-height: 12px;
    color: #AFAFAF;
    padding: 1px 4px 2px 15px;
}

.rec_on {
	position: absolute;
    top: 50px;
    z-index: 1;
    width: 54px;
	background: #CC3652;
	border-top: 1px solid #CAA0A0;
	/* icon */
	background-image: url(/images/icon-on_10px.png), linear-gradient(to bottom, #CC3652, #B02F47);
    background-repeat: no-repeat;
    background-position: center center;
    text-align: left;
    /*padding-left: 15px;*/
    line-height: 12px;
    color: #ffffff;
    padding: 1px 4px 2px 15px;
}

.rec_off.small {
    /*width: 86px;*/
    width: 79px;
    margin-left: 4px;
    padding: 1px 4px 2px 11px;
}

.rec_on.small {
	/*width: 86px;*/
	width: 79px;
    margin-left: 4px;
    padding: 1px 4px 2px 11px;
}


.hteracue_matrix .htm{
	padding: 2px;
	margin-top: 1px;
}

.htmatrix_Header{
	width: 100px;
}

.htmatrix_content{
    left: 100px;
    position: absolute;
}

.celsius{
	position: relative;
    left: 53px;
    top: 0px;
    font-size: 10px;
}

.right_border {	
	border-right: 40px solid #24597B;
}

.color0 {
	background: #128D94;
}

.color1 {
	background: #7F5671;
}

.color2 {
	background: #3F63AB;
}

.color3 {
	background: #43646D;
}

.color4 {
	background: #DEAE3D;
}

.color5 {
	background: #9A448B;
}

.color6 {
	background: #2C8055;
}

.width_height {
	width: 144px;
	height: 70px;
}

.content_container {
	margin-left: 40px;
    margin-right: 40px;
}

.ibar_content{
	margin-left: 13%;
/*	margin-right: auto;
	width: 90%;*/
}

.td_strech {
	width: 100%;
    /* margin-left: auto; */
    /* margin-right: auto; */
    display: inline-block;
}

.graybg {
	background: #566671;
}

#software_version {
	width: 30%;
}

.maincell_border
{
	border: solid 4px #41657F;
}

.input_border
{
	padding: 3px 6px 3px 8px;
    border: solid 4px #41657F;
}

.output_border
{
	/*padding: 8px 1px 5px 3px;*/
	padding: 8px 2px 5px 2px;
    border: solid 4px #41657F;
}

#matrix_buttons{
	/*position: absolute;*/
    /*bottom: 0px;*/
    left: 0px;
}

.frame_scale {
        -ms-zoom: 0.75;
        -moz-transform: scale(0.75);
        -moz-transform-origin: 0 0;
        -o-transform: scale(0.75);
        -o-transform-origin: 0 0;
        -webkit-transform: scale(0.75);
        -webkit-transform-origin: 0 0;
    }

.for_more_info {
    color: #e9e9e9;
    cursor: default;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    FONT-SIZE: 18px;
    text-decoration: none;
    margin: auto;
    padding-left: 5%;
}

.yellow_info {
	color: #DEAE3D;
}

.button_right
{
	margin-right: 0px;
    /* text-align: right; */
    margin-left: auto;
    display: block;
}

#addnewbuttons{
	/*width: 430px;*/
	width: 480px;
}

hr {
	color: #304B5F;
    background-color: #304B5F;
    width: 180px;
    height: 0px;
    border-color: #317094;
    float: left;
}

hr.hrhls{
    /*color: #304B5F;
    background-color: #304B5F;*/
    width: 415px;
    /*height: 0px;
    border-color: #317094;
    float: left;*/
}

.presets_label{
	width: 100px;
	text-align: left;
	vertical-align: middle;
	line-height:20px;
}

.presets_content {
	width: 15px;
	text-align: left;
	vertical-align: middle;	
	line-height:20px;
}

.border_line{
	border-top: solid 1px #fff;	
	width: 100px;
	padding: 10px;
/*	padding-top: 10px;
	padding-bottom: 10px;*/
}

.tdline {
	width: 65px;
}

.preset_table tr {
	margin-top: 5px;
}

#mac_address_uppercase {
    /*margin-left: 3px;*/
	margin-left: 6px;
}

.table_margin {
	margin-left: 35px;
	/*width: 450px;*/
}

.table_margin input{
	width: 180px;
}
input.mleft{
	width: 14px;
	vertical-align: inherit;
}
.table_margin input.hls_url{
	width: 360px;
}


.recorder_red
{
	color: #FC1717;
}

.rec_on_str3_off{
	/*background: #7C7C7C;*/
	background: #707070;
}

#progressbar{
	/*height: 20px;*/
	height: 13px;
	width: 133px;
	/*width: 170px;*/
	background: white;
}

#progressbar div{
	/*background: #ffffff;*/
	background: #5ED216;
}

.vodGroup label.lbl_padding
{
	padding: 4px;
}

.vodControl.lbl_padding
{
	min-height: 22px;
}

#presetsuploadform {
	width: 575px;
}

.vmiddle{
	vertical-align: middle;
}

.mright{
	margin-left: 164px;
}

.mwidth{
	/*width: 224px;*/
	width: 193px;
	padding-left: 35px;
}

.mheight{
	height: 34px;
}

.LEADER_staticon {
    margin-left: -6px;
}

.LEADER_save {
    position: absolute;
}

.logmess {
    width: 135px;
}

.component_height {
    height: 20px;
}

.input802 {
    min-width: 170px;
}

.input_qos {
    min-width: 170px;
}

.clear-both {
    clear: both;
}

/* */

/*.btn.off{
	background: #505050;
    background-image: url(/images/icon-off.png), -webkit-gradient(linear, left top, left bottom, from(#676767), to(#505050));
    background-image: url(/images/icon-off.png), -webkit-linear-gradient(bottom, #676767, #505050);
    background-image: url(/images/icon-off.png), -moz-linear-gradient(bottom, #676767, #505050);
    background-image: url(/images/icon-off.png), -ms-linear-gradient(bottom, #676767, #505050);
    background-image: url(/images/icon-off.png), -o-linear-gradient(bottom, #676767, #505050);
    background-image: url(/images/icon-off.png), linear-gradient(to bottom, #676767, #505050);
    background-repeat: no-repeat;
    background-position: center center;
}

.grad.off{
	background: #bbbbbb;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#737373), to(#bbbbbb));
    background-image: -webkit-linear-gradient(bottom, #737373, #bbbbbb);
    background-image: -moz-linear-gradient(bottom, #737373, #bbbbbb);
    background-image: -ms-linear-gradient(bottom, #737373, #bbbbbb);
    background-image: -o-linear-gradient(bottom, #737373, #bbbbbb);
    background-image: linear-gradient(to bottom, #737373, #bbbbbb);
    display: block;
    height: 10px;
    border-bottom: 1px solid #79d6f2;
}*/