html, body, div, span, applet, object, iframe, code, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, del, dfn, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	font-weight:normal;
	font-style:normal;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
}
body {
	background-color:#434242;
}
#bg_layer
{
    position: absolute;
    z-index: 1031;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.5;
}
.hidden
{
	display:none;
}

.hideNow
{
	display:none !important;
}


/* BUTTON */
button {
	/* background:rgb(130,129,129); */ /* Old browsers */
	background:-moz-linear-gradient(top, rgba(130, 129, 129, 1) 1%, rgba(67, 66, 66, 1) 66%, rgba(67, 66, 66, 1) 92%, rgba(73, 94, 118, 1) 92%); /* FF3.6+ */
	/* background:-webkit-gradient(linear, left top, left bottom, color-stop(1%, rgba(130, 129, 129, 1)), color-stop(66%, rgba(67, 66, 66, 1)), color-stop(92%, rgba(67, 66, 66, 1)), color-stop(92%, rgba(73, 94, 118, 1))); */ /* Chrome,Safari4+ */
	background:-webkit-linear-gradient(top, rgba(130, 129, 129, 1) 1%, rgba(67, 66, 66, 1) 66%, rgba(67, 66, 66, 1) 92%, rgba(73, 94, 118, 1) 92%); /* Chrome10+,Safari5.1+ */
	background:-o-linear-gradient(top, rgba(130, 129, 129, 1) 1%, rgba(67, 66, 66, 1) 66%, rgba(67, 66, 66, 1) 92%, rgba(73, 94, 118, 1) 92%); /* Opera11.10+ */
	background:-ms-linear-gradient(top, rgba(130, 129, 129, 1) 1%, rgba(67, 66, 66, 1) 66%, rgba(67, 66, 66, 1) 92%, rgba(73, 94, 118, 1) 92%); /* IE10+ */
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#828181', endColorstr='#495e76', GradientType=0 ); /* IE6-9 */
	background:linear-gradient(top, rgba(130, 129, 129, 1) 1%, rgba(67, 66, 66, 1) 66%, rgba(67, 66, 66, 1) 92%, rgba(73, 94, 118, 1) 92%); /* W3C */
	border:1px solid #333;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	-moz-box-shadow:inset 0px 0px 0px 1px rgba(155, 155, 155, 0.4), 0 1px 3px #333;
	-webkit-box-shadow:inset 0px 0px 0px 1px rgba(155, 155, 155, 0.4), 0 1px 3px #333;
	box-shadow:inset 0px 0px 0px 1px rgba(155, 155, 155, 0.4), 0 1px 3px #333;
	color:#fff;
	font-family:"helvetica neue", helvetica, arial, sans-serif;
	font-size:12px;
	line-height:1;
	padding:5px 0 6px 0;
	text-align:center;
	text-shadow:0px -1px 1px rgba(0, 0, 0, .8);
	padding-left:15px;
	padding-right:15px;
}

button:hover {
	background:rgb(157,156,156); /* Old browsers */
	background:-moz-linear-gradient(top, rgba(157, 156, 156, 1) 0%, rgba(114, 113, 113, 1) 66%, rgba(67, 66, 66, 1) 92%, rgba(73, 94, 118, 1) 92%); /* FF3.6+ */
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(157, 156, 156, 1)), color-stop(66%, rgba(114, 113, 113, 1)), color-stop(92%, rgba(67, 66, 66, 1)), color-stop(92%, rgba(73, 94, 118, 1))); /* Chrome,Safari4+ */
	background:-webkit-linear-gradient(top, rgba(157, 156, 156, 1) 0%, rgba(114, 113, 113, 1) 66%, rgba(67, 66, 66, 1) 92%, rgba(73, 94, 118, 1) 92%); /* Chrome10+,Safari5.1+ */
	background:-o-linear-gradient(top, rgba(157, 156, 156, 1) 0%, rgba(114, 113, 113, 1) 66%, rgba(67, 66, 66, 1) 92%, rgba(73, 94, 118, 1) 92%); /* Opera11.10+ */
	background:-ms-linear-gradient(top, rgba(157, 156, 156, 1) 4%, rgba(114, 113, 113, 1) 74%, rgba(76, 76, 76, 1) 79%); /* IE10+ */
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#9d9c9c', endColorstr='#495e76', GradientType=0 ); /* IE6-9 */
	background:linear-gradient(top, rgba(157, 156, 156, 1) 4%, rgba(114, 113, 113, 1) 74%, rgba(76, 76, 76, 1) 79%); /* W3C */
	cursor:pointer;
}

button:active {
	background:rgb(76,76,76); /* Old browsers */
	background:-moz-linear-gradient(top, rgba(76, 76, 76, 1) 5%, rgba(114, 113, 113, 1) 66%, rgba(157, 156, 156, 1) 92%, rgba(79, 122, 170, 1) 92%); /* FF3.6+ */
	background:-webkit-gradient(linear, left top, left bottom, color-stop(5%, rgba(76, 76, 76, 1)), color-stop(66%, rgba(114, 113, 113, 1)), color-stop(92%, rgba(157, 156, 156, 1)), color-stop(92%, rgba(79, 122, 170, 1))); /* Chrome,Safari4+ */
	background:-webkit-linear-gradient(top, rgba(76, 76, 76, 1) 5%, rgba(114, 113, 113, 1) 66%, rgba(157, 156, 156, 1) 92%, rgba(79, 122, 170, 1) 92%); /* Chrome10+,Safari5.1+ */
	background:-o-linear-gradient(top, rgba(76, 76, 76, 1) 5%, rgba(114, 113, 113, 1) 66%, rgba(157, 156, 156, 1) 92%, rgba(79, 122, 170, 1) 92%); /* Opera11.10+ */
	background:-ms-linear-gradient(top, rgba(76, 76, 76, 1) 5%, rgba(114, 113, 113, 1) 66%, rgba(157, 156, 156, 1) 92%, rgba(79, 122, 170, 1) 92%); /* IE10+ */
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#4f7aaa', GradientType=0 ); /* IE6-9 */
	background:linear-gradient(top, rgba(76, 76, 76, 1) 5%, rgba(114, 113, 113, 1) 66%, rgba(157, 156, 156, 1) 92%, rgba(79, 122, 170, 1) 92%); /* W3C */
}

/* ACTION BUTTON */
button.action {
	background:#c63929;
	background:-moz-linear-gradient(top, #ee432e 0%, #c63929 50%, #b51700 50%, #891100 100%);
	background:-webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #ee432e), color-stop(0.5, #c63929), color-stop(0.5, #b51700), color-stop(1, #891100));
	border:1px solid #951100;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	-moz-box-shadow:inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4), 0 1px 3px #333;
	-webkit-box-shadow:inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4), 0 1px 3px #333;
	box-shadow:inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4), 0 1px 3px #333;
	color:#fff;
	font-family:"helvetica neue", helvetica, arial, sans-serif;
	font-size:17px;
	font-weight:bold;
	line-height:1;
	padding:8px 0 10px 0;
	text-align:center;
	text-shadow:0px -1px 1px rgba(0, 0, 0, .8);
	padding-left:15px;
	padding-right:15px;
}

button.action:hover {
	background:#cb0500;
	background:-moz-linear-gradient(top, #f37873 0%, #db504d 50%, #cb0500 50%, #a20601 100%);
	background:-webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #f37873), color-stop(0.5, #db504d), color-stop(0.5, #cb0500), color-stop(1, #a20601));
	cursor:pointer;
}

button.action:active {
	background:#b30300;
	background:-moz-linear-gradient(top, #d43c28 0%, #ad3224 50%, #9c1500 50%, #700d00 100%);
	background:-webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #d43c28), color-stop(0.5, #ad3224), color-stop(0.5, #9c1500), color-stop(1, #700d00));
	-moz-box-shadow:inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4);
	-webkit-box-shadow:inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4);
	box-shadow:inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4);
}

button.disabled
{
	background: #434242;
	color: #A0A0A0 !Important;
}

.btnImage
{
    margin-right: 20px;
    float:left;
}

/* ACTION DIALOG TAB */

#tabContainer input {
	height: 2.5em;
	visibility: hidden;
}

#tabContainer label {
	background: -webkit-linear-gradient(top, rgba(130, 129, 129, 1) 1%, rgba(67, 66, 66, 1) 66%, rgba(67, 66, 66, 1) 92%);
	border-radius: 5px 5px 0 0;
	color: #fff;
	cursor: pointer;
	display: block;
	float: right;
	font-size: 12px;
	height: 30px;
	line-height: 34px;
	margin-left: 4px;
	padding: 0 1.5em;
	text-align: center;
	border: 1px solid #333;
}

#tabContainer input:hover + label {
	background: -webkit-linear-gradient(top, rgba(157, 156, 156, 1) 0%, rgba(114, 113, 113, 1) 66%, rgba(67, 66, 66, 1) 92%);
	color: #fff;
}

#tabContainer input:checked + label {
	background: -webkit-linear-gradient(top, rgba(157, 156, 156, 1) 0%, rgba(114, 113, 113, 1) 66%, rgba(67, 66, 66, 1) 92%);
	color: #252525;
	font-weight: bolder;
}

#tabContent {
    margin-top: -6px;
/*	background: #5e5e5e;*/
	border-radius: 0 0 15px 15px;
	min-height: 350px;
	position: relative;
	width: 100%;
	z-index: 5;
}

#tabContent div {
/*	opacity: 0;
	padding: 1.5em;
	position: absolute;
	z-index: -100;*/
	/*
	transition: all linear 0.1s;
	*/
}

#tabContainer input#tab-1:checked ~ #tabContent #tabContent-1,
#tabContainer input#tab-2:checked ~ #tabContent #tabContent-2,
#tabContainer input#tab-3:checked ~ #tabContent #tabContent-3,
#tabContainer input#tab-4:checked ~ #tabContent #tabContent-4,
#tabContainer input#tab-5:checked ~ #tabContent #tabContent-5,
#tabContainer input#tab-6:checked ~ #tabContent #tabContent-6,
#tabContainer input#tab-7:checked ~ #tabContent #tabContent-7,
#tabContainer input#tab-8:checked ~ #tabContent #tabContent-8,
#tabContainer input#tab-9:checked ~ #tabContent #tabContent-9,
#tabContainer input#tab-10:checked ~ #tabContent #tabContent-10 { /*can handle 10 tabs*/
    opacity: 1;
    z-index: 100;
}

input.visible {
  visibility: visible !important;
}


/*Draggable*/

.drag-element{
   margin-left: 70px;
  height: 488px;
  width: 820px;
  cursor: move;
  background: #2a2a2a;
  border-radius: 14px;
  border: 1px dotted #A0A0A0;
/*  z-index: -1;*/
  padding: 10px;
  position: absolute;
}

.not-drag-element{
  cursor: default;
}

.chan-element-head{
	width: 845px;
	margin-top: 2px;
    color: #EEEEEE;
    font-family: Arial,Helvetica;
    font-size: 16px;
    font-weight: bold;
    text-shadow: 0 1px 3px #222222;
}

.chan-element-body{
  margin-top: 24px;
}

.left-chan-content{
  height: 185px;
  width: 220px;
  background: #4B4B4B;
  border-top: 1px solid #3874d9;
  border-radius: 0px 0px 6px 6px;
  position: absolute
}

.right-chan-content{
  margin-left: 220px;
  height: 185px;
  width: 590px;
  position: absolute;
  overflow: auto;
}

.right-chan-content-background{
    margin-left: 250px;
    height: 185px;
    width: 560px;
    background: #4B4B4B;
    border-top: 1px solid #3874d9;
    border-radius: 0px 0px 6px 6px;
    position: absolute;
}


/*label*/
.infoPanel label{
	width: 140px;
	float: left;
	color: #D4D4D4;
	font-size: 12px;
	padding-top: 6px;
}

#strMonitoringTabContent label{
    width: 160px;
}

#AccountEdtDialog label{
	width: 180px;
}

.infoPanel input, select{
	float: left;
	font-size: 12px;
	margin: 2px 0 3px 0px;
}

.infoPanel input[type="text"],.infoPanel input[type="password"]{
	width: 160px;
	border: 1px solid RGB(192, 192, 192);
	background:#434242;
	color: #FFF;
	height: 22px;
	box-shadow: inset 2px 2px 3px #222222;
	outline: 1px solid #555;
	padding-left: 5px;
	font-size: 12px;
	font-weight: bold;
	float: initial;
}

.infoPanel select{
    background: url(/images/arrow_down.png) no-repeat scroll right center #404040;
    border: 1px solid #A0A0A0;
    padding-left: 5px;
    height: 28px;
    font-size: 12px;
    color: #FFFFFF;
    width: 167px;
    -webkit-appearance: none;
    background-position-x: 145px;
    padding-right: 20px;
}

.infoPanel h3{
	color: #EEE;
	text-shadow: 0px 1px 3px #222;
	font-family: Arial, Helvetica;
	font-weight: bold;
	font-size: 16px;
	float: none;
/*	margin: 15px 0px; */
}

.ellipsis {
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
   -o-text-overflow: ellipsis;
}

.topLine{
	border-top: 2px solid #666;
}

.bottomLine{
	border-bottom: 2px solid #666;
}

.fullWidth{
	width:100%;
	clear:both;
}

.halfWidth{
	width:50%;
	clear:both;
}

.padTop {
    padding-top: 15px;
}

.padTop2 {
    padding-top: 5px;
}

.padBottom {
    padding-bottom: 15px;
}

.wrapper_custom
{
	float:left;
	position:relative;
}

.chan_info
{
	top: 60px;
	left: 10px;
	height: 110px;
}

.stream_info
{
    position: absolute;
    top: 60px;
    left: 10px;
    width: 120px;
    height: 110px;
    margin: 0px;
    padding-top: 5px;
    background-color: #404040;
    border-radius: 6px 6px 6px 6px;
}

.stream_info_chan_label {
    text-align: center;
    color: white;
    font: 14px Arial,Helvetica,sans-serif;
}
/*Channel info*/
.channelBox{
    cursor: pointer;
    position: absolute;
    top: 50px;
    left: 140px;
    bottom: 0px;
    width: 63px;
    margin: 10px 0 10px 0;
    padding: 5px 3px;
    border: solid #A0A0A0 1px;
    background-color: #202020;
    text-align: center;
    color: white;
    font-size: 14px;
}

.chanInfo{
    font-style:italic;
    font-size:80%;
}

.chanHeader{
    height: 32px;
    position: relative;
    color: #EEEEEE;
    font-family: Arial,Helvetica;
    font-size: 18px;
    font-weight: bold;
    text-shadow: 0 1px 3px #222222;
}

.chanIn{
    position: absolute;
    padding: 5px;
    background: #3c3c3c;
    height: 212px;
    width: 810px;
    border-radius: 9px;
}

.chanOut{
    position: absolute;
    margin-top: 234px;
    padding: 5px;
    background: #3c3c3c;
    height: 212px;
    width: 810px;
    border-radius: 9px;
}

.btnGroup{
    position: absolute;
    margin-left: 762px;
}

.btnGroup div{
    float: left;
    margin-left: 25px;
}

.ChanName{
    position: absolute;
    margin-left: 350px;
    width: 176px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.imgBtn img{
    cursor: pointer;
    border: 1px solid #A0A0A0;
    border-radius: 10px;
}

.imgBtn :hover{
    border: 1px solid #ffffff;
    border-radius: 10px;
}

.addStream{
    position: absolute;
    cursor: pointer;
    margin-left: 763px;
}

.deviceSetting {
    position: absolute;
    margin-left: 786px;
    cursor: pointer;
}

.deleteDevice {
    position: absolute;
    margin-left: 790px;
    cursor: pointer;
}

.clickable{
	cursor:pointer;
}

.contextMenu
{
	background: #898A89;
	border: solid 1pt #C0C0C0;
	position:absolute;
	font-family: 	Arial, Helvetica;
	font-size: 		12px;
	padding: 5px;
	color: white;
	border-radius: 4px;

	-moz-box-shadow: 3px 3px 4px #000;
	-webkit-box-shadow: 3px 3px 4px #000;
	.box-shadow: 3px 3px 4px #000;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
	/* For IE 5.5 - 7 */
	.filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
}

.contextMenu div
{
	vertical-align:center;
	padding: 4px;
	cursor: pointer;
}

.contextMenu div:hover
{
	background: #4F7AAA;
	border-radius: 6px;
}

.contextMenu .disabled
{
	color:#B0B0B0;
	font-style:italic;
}

.contextMenu div.disabled:hover
{
	background: inherit;
}

.streamTopMenu, .channelTopMenu, .networkingTopMenu, .alarmTopMenu, .accountsTopMenu, .contactsTopMenu, .alarmDefTopMenu{
    float: right;
    color: #EEEEEE;
    font-family: Arial,Helvetica;
    font-size: 16px;
    font-weight: bold;
    text-shadow: 0 1px 3px #222222;
}

#StreamList{
    height: 580px;
    width: 190px;
    background: #4B4B4B;
    border-top: 1px solid #3874d9;
    border-left: 1px solid white;
    border-bottom: 1px solid white;
    border-right: 1px solid #3874d9;
    position: absolute;
}

#InterfaceList{
    height: 630px;
    width: 190px;
    background: #4B4B4B;
    border-top: 1px solid #3874d9;
    border-left: 1px solid white;
    border-bottom: 1px solid white;
    border-right: 1px solid #3874d9;
    position: absolute;
}

#SchedulerList{
    height: 430px;
    width: 190px;
    background: #4B4B4B;
    border-top: 1px solid #3874d9;
    border-left: 1px solid white;
    border-bottom: 1px solid white;
    border-right: 1px solid #3874d9;
    position: absolute;
}

#StreamDetail{
    margin-left: 192px;
    height: 580px;
    width: 620px;
    background: #5d5d5d;
    border-top: 1px solid #3874d9;
    border-left: 1px solid #3874d9;
    border-radius: 0px 0px 6px 6px;
    position: absolute;
}

#InterfaceDetail{
    margin-left: 192px;
    height: 630px;
    width: 540px;
    background: #5d5d5d;
    border-top: 1px solid #3874d9;
    border-left: 1px solid #3874d9;
    border-radius: 0px 0px 6px 6px;
    position: absolute;
}

#SchedulerTaskDetail{
    margin-left: 192px;
    height: 425px;
    width: 435px;
    background: #5d5d5d;
    border-top: 1px solid #3874d9;
    border-left: 1px solid #3874d9;
    border-radius: 0px 0px 6px 6px;
    position: absolute;
}

#FileTree{
    height: 350px;
    width: 218px;
    background: #4B4B4B;
    border-top: 1px solid #3874d9;
    border-left: 1px solid white;
    border-bottom: 1px solid white;
    border-right: 1px solid #3874d9;
    position: absolute;
}
#FileList{
    margin-left: 218px;
    height: 350px;
    width: 474px;
    background: #5d5d5d;
    border-top: 1px solid #3874d9;
    border-left: 1px solid #3874d9;
    border-radius: 0px 0px 6px 6px;
    position: absolute;
}

.interfaces_table{
    height: 592px;
    border: 0px;
    overflow: auto;
}

.scheduler_tasks_table{
    height: 350px;
    border: 0px;
    overflow: auto;
	overflow-x: hidden;
}

.access_table{
    height: 480px;
    border: 0px;
	background: #3E3E3E;
    overflow: auto;
	overflow-x: hidden;
}

.access_table_label{
    width: 254px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
	text-align: center;
}

.forwarding_table{
    height: 394px;
    border: 0px;
    overflow: auto;
	overflow-x: hidden;
}

.igmp_table{
    height: 394px;
    border: 0px;
    overflow: auto;
	overflow-x: hidden;
}

.arp_table{
    height: 394px;
    border: 0px;
    overflow: auto;
	overflow-x: hidden;
}

.file_manager{
    height: 312px;
    border: 0px;
    overflow: auto;
	overflow-x: hidden;
}

.folders_tree{
    height: 312px;
    border: 0px;
    overflow: auto;
	overflow-x: hidden;
}

.forwarding_table_label{
    width: 138px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
	text-align: center;
}

.arp_table_label{
    width: 140px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
	text-align: center;
}

.file_manager_name{
    width: 200px;
	height: 22px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
	text-align: left;
}
.folder_tree_name{
    width: 182px;
	height: 18px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
	text-align: left;
}
.file_manager_label{
    width: 53px;
	height: 22px;
	font-size: 85%;
    overflow: hidden;
    white-space: pre-line;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
	word-break: break-all;
	text-align: left;
}

.restoreSFTPCfg_table{
    height: 300px;
    border: 0px;
    overflow: auto;
	overflow-x: hidden;
}

.accounts_table_label{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: center;
}

.interface_table_label{
    width: 80px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}

.scheduler_table_label{
    width: 75px;
    overflow: hidden;
	overflow-y: hidden;
	overflow-x: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}

.interface_table_link_label{
    width: 36px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}

.interface_table_btn{
    width: 55px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}

.streams_table{
    height: 507px;
    border: 0px;
    overflow: auto;
}

.stream_table_label{
    width: 115px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}

.accessTabContent{
	height: 500px;
    background: #5d5d5d;
    border-top: 1px solid #3874d9;
	margin-bottom: 30px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
}
.forwardingTabContent{
	height: 430px;
    background: #5d5d5d;
    border-top: 1px solid #3874d9;
	margin-bottom: 30px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
}
.igmpTabContent{
	height: 430px;
    background: #5d5d5d;
    border-top: 1px solid #3874d9;
	margin-bottom: 30px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
}
.arpTabContent{
	height: 430px;
    background: #5d5d5d;
    border-top: 1px solid #3874d9;
	margin-bottom: 30px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
}
.fileTabContent{
	height: 350px;
    background: #5d5d5d;
    border-top: 1px solid #3874d9;
	margin-bottom: 0px;
	margin-top: 35px;
	margin-right: 0px;
	margin-left: 0px;
}
.fileManagerInfoContent{
	height: 30px;
	margin-bottom: 5px;
	margin-top: 5px;
	margin-right: 0px;
	margin-left: 0px;
}

.accountsTabContent td{
    border-right: solid 1px #878787;
    border-bottom: solid 1px #878787;
    border-left: solid 1px #878787;
    padding-right: 3px;

}

.networkTabContent{
    margin-top: 30px;
	height: 630px;
	margin-bottom: 10px;
    background: #5d5d5d;
    border-top: 1px solid #3874d9;
    border-radius: 0px 0px 6px 6px;
}

.schedulerTabContent{
    margin-top: 5px;
	height: 430px;
	margin-bottom: 10px;
    background: #5d5d5d;
    border-top: 1px solid #3874d9;
    border-radius: 0px 0px 6px 6px;
}

.tabContent{
    margin-top: 30px;
	height: 520px;
	margin-bottom: 10px;
    background: #5d5d5d;
    border-top: 1px solid #3874d9;
    border-radius: 0px 0px 6px 6px;
}

.SecurityPageContent{
    margin-top: 30px;
    /*height: 220px;*/
    overflow:auto;
    margin-bottom: 10px;
    background: #5d5d5d;
    border-top: 1px solid #3874d9;
    border-radius: 0px 0px 6px 6px;
}

.manualTopMenu{
    float: right;
    color: #EEEEEE;
    font-family: Arial,Helvetica;
    font-size: 16px;
    font-weight: bold;
}

.ManualPageContent{
    margin-top: 30px;
    /*height: 220px;*/
    overflow:auto;
    margin-bottom: 10px;
    background: #E8E8E8;
    border-top: 1px solid #3874d9;
    border-radius: 0px 0px 6px 6px;
}

.modeTabButton
{
    background: #505050;
    vertical-align: middle;
    font-style: italic;
    font-size: 80%;
    padding: 3px 4px 5px 4px;
    cursor: pointer;
    border: 2px solid #485C73;
    border-bottom: 0px;
    border-radius: 6px 6px 0px 0px;
    text-align: center;
    display: inline-block;
    width: 80px;
    height: 20px;
    font-weight: bold;
}

.modeTabButton.hidden
{
    display: none;
}

span.modeTabButton:hover, span.modeTabButton.selected
{
	background: #5E87B5;
	border-color: #4F7AAA;
}

.modeTabButton img
{
	margin-right:10px;
	vertical-align:middle;
}

.modeManualTabButton
{
    background: lightgray;
    vertical-align: middle;
    font-style: italic;
    font-size: 80%;
    padding: 3px 4px 5px 4px;
    cursor: pointer;
    border: 2px solid #bababa;
    border-bottom: 0px;
    border-radius: 6px 6px 0px 0px;
    text-align: center;
    display: inline-block;
    width: 100px;
    height: 20px;
    font-weight: bold;
		color: black;
}

span.modeManualTabButton:hover, span.modeManualTabButton.selected
{
	background: #5E87B5;
	border-color: #4F7AAA;
}

.modeManualTabButton img
{
	margin-right:10px;
	vertical-align:middle;
}

.stream_table_head
{
	border-bottom: 1px solid white;
	background: #3D3D3D; /* Old browsers */
	background: -moz-linear-gradient(bottom, #363636 10%, #454545 60%); /* FF3.6+ */
	background: -webkit-gradient(linear, right bottom,	right top, color-stop(10%,#363636), color-stop(60%,#454545)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(bottom, #363636 10%,#454545 60%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(bottom, #363636 10%,#454545 60%); /* Opera11.10+ */
	background: -ms-linear-gradient(bottom, #363636 10%,#454545 60%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#363636', endColorstr='#4a4a4a',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(bottom, #363636 10%,#454545 60%); /* W3C */
}

.access_table_head
{
	border-bottom: 1px solid white;
	background: #3D3D3D; /* Old browsers */
	background: -moz-linear-gradient(bottom, #363636 10%, #454545 60%); /* FF3.6+ */
	background: -webkit-gradient(linear, right bottom,	right top, color-stop(10%,#363636), color-stop(60%,#454545)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(bottom, #363636 10%,#454545 60%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(bottom, #363636 10%,#454545 60%); /* Opera11.10+ */
	background: -ms-linear-gradient(bottom, #363636 10%,#454545 60%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#363636', endColorstr='#4a4a4a',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(bottom, #363636 10%,#454545 60%); /* W3C */
}

/* Tables */

table {
	border-collapse:collapse;
	border-spacing:0;
	border:1px solid #878787;
}

th {
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#fff;
	height:24px;
	background:rgb(50,50,50); /* Old browsers */
	background:-moz-linear-gradient(top, rgba(73, 73, 73, 1) 0%, rgba(47, 47, 47, 1) 100%); /* FF3.6+ */
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(73, 73, 73, 1)), color-stop(100%, rgba(47, 47, 47, 1))); /* Chrome,Safari4+ */
	background:-webkit-linear-gradient(top, rgba(73, 73, 73, 1) 0%, rgba(47, 47, 47, 1) 100%); /* Chrome10+,Safari5.1+ */
	background:-o-linear-gradient(top, rgba(73, 73, 73, 1) 0%, rgba(47, 47, 47, 1) 100%); /* Opera11.10+ */
	background:-ms-linear-gradient(top, rgba(73, 73, 73, 1) 0%, rgba(47, 47, 47, 1) 100%); /* IE10+ */
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#494949', endColorstr='#2f2f2f', GradientType=0 ); /* IE6-9 */
	background:linear-gradient(top, rgba(73, 73, 73, 1) 0%, rgba(47, 47, 47, 1) 100%); /* W3C */
	border-right:1px solid #878787;
	border-bottom:1px solid #878787;
	border-top:1px solid #878787;
	letter-spacing:0;
	text-transform:uppercase;
	text-align:center;
	padding:6px 3px 6px 4px;
}

td {
	font:12px Arial, Helvetica, sans-serif;
	color:#fff;
	height:28px;
	padding:4px 0px 0px 4px;
}
tr:nth-child(even) {
	background-color:#474747
}

tr:nth-child(odd) {
	background-color:#505050
}

.destTableHeader th{
    border-right: 1px solid white;
    border-left: 1px solid #878787;
    text-align: center;
    height: auto;
    text-transform: none;
    padding: 3px;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(73, 73, 73, 1)), color-stop(100%, rgba(47, 47, 47, 1)))
}

.DestAddrTblCell td{
    border-right: 1px solid white;
    text-align: center;
    text-transform: none;
    padding: 0px;
}

.DestAddrTblCell{
    border-bottom: solid 1px white;
    border-top: solid 1px white;
    border-left: 1px solid #878787;
    border-right: 1px solid #878787;
}

.grouplist{
    margin-top: -15px;
    margin-left: 5px;
    border: 1px solid #A0A0A0;
    border-radius: 15px;
    width: 17px;
    height: 17px;
    opacity: 0.7;
    background-image: url('../images/arrow_down.png');
}

.grouplist:hover{
    border: 1px solid white;
    opacity: 1;
}

.interface_table_element:hover{
	background: #5E87B5;
	color: white;
	cursor: pointer;
    border-right: 1px solid #5E87B5;
}

.scheduler_table_element:hover{
	background: #5E87B5;
	color: white;
	cursor: pointer;
    border-right: 1px solid #5E87B5;
}

.stream_table_element:hover{
	background: #5E87B5;
	color: white;
	cursor: pointer;
    border-right: 1px solid #5E87B5;
}

.forwarding_table_element:hover{
	background: #5E87B5;
	color: white;
	cursor: pointer;
    border-right: 1px solid #5E87B5;
}
.igmp_table_element:hover{
	background: #5E87B5;
	color: white;
	cursor: pointer;
    border-right: 1px solid #5E87B5;
}
.arp_table_element:hover{
	background: #5E87B5;
	color: white;
	cursor: pointer;
    border-right: 1px solid #5E87B5;
}
.file_manager_element:hover{
	background: #5E87B5;
	height: 20px;
	color: white;
	cursor: pointer;
    border-right: 1px solid #5E87B5;
}

.access_table_element:hover{
	background: #5E87B5;
	color: white;
	cursor: pointer;
    border-right: 1px solid #5E87B5;
}

.selected_interface{
	font-size: 17px;
	background: #4F7AAA !important;
    border-right: 1px solid #4F7AAA;
}

.selected_task{
	font-size: 17px;
	background: #4F7AAA !important;
    border-right: 1px solid #4F7AAA;
}

.selected_stream{
	font-size: 17px;
	background: #4F7AAA !important;
    border-right: 1px solid #4F7AAA;
}

.selected_forwarding_element{
	font-size: 17px;
	background: #4F7AAA !important;
    border-right: 1px solid #4F7AAA;
}

.selected_arp_element{
	font-size: 17px;
	background: #4F7AAA !important;
    border-right: 1px solid #4F7AAA;
}

.selected_file_manager_element{
	font-size: 17px;
	background: #4F7AAA !important;
    border-right: 1px solid #4F7AAA;
}

.selected_access_element{
	font-size: 17px;
	background: #4F7AAA !important;
    border-right: 1px solid #4F7AAA;
}

.headInfoPanel
{
	position: absolute;
	width: 910px;
    color: #EEEEEE;
    font-family: Arial,Helvetica;
    font-size: 16px;
    font-weight: bold;
    margin-top: 20px;
    text-shadow: 0 1px 3px #222222;
}

#interfaceTitle{
    margin-top: 0px;
    margin-left: 10px;
    float: left;
    width: 270px;
    font-weight: bold;
    text-shadow: 0 3px 3px #222222;
}

#schedulerTitle{
    margin-top: 0px;
    margin-left: 10px;
    float: left;
    width: 270px;
    font-weight: bold;
    text-shadow: 0 3px 3px #222222;
}

#streamTitle{
    margin-top: 0px;
    margin-left: 60px;
    float: left;
    width: 270px;
    font-weight: bold;
    text-shadow: 0 3px 3px #222222;
}

#previousButton{
    position: absolute;
    left: 10px;
    top: 15px;
}

#nextButton{
    left: 36px;
    top: 15px;
    position: absolute;
}

#b_connect{
    float: right;
}

#ConnectionState{
    text-shadow: 0px 1px 3px #222;
    font-family: Arial, Helvetica;
    font-size: 13px;
    font-style: italic;
    font-weight: normal;
    margin-right: 5px;
}

.chanLeftColumn{
    float: left;
    width: 320px;
}

.chanRightColumn{
    float: left;
    margin-left: 40px;
    width: 320px;
}

.leftColumn{
    float: left;
    width: 235px;
}

 #StreamDetailWraper .leftColumn{
    float: left;
    width: 285px;
}

 #StreamDetailWraper .rightColumn{
    float: left;
    margin-left: 30px;
    width: 262px;
}

.rightColumn{
    float: left;
    margin-left: 30px;
    width: 235px;
}

.cfgLeftColumn{
    float: left;
    width: 380px;
}

.cfgRightColumn{
    float: left;
    margin-left: 40px;
    width: 380px;
}
label.checkboxLabel{
    margin-left: 5px;
    padding-top: 0px;
    font-size: 12px;
}

#StreamDetail .rightColumn .checkboxLabel{
    margin-left: 5px;
    padding-top: 7px;
    font-size: 12px;
    width: 155px;
}

.cfgLeftColumn label,
.cfgRightColumn label{
    display: block;
    width: 190px;
    float: left;
    color: #D4D4D4;
    font-size: 14px;
    padding-top: 6px;
}

.fullWidth textarea,
.fullWidth textarea,
.leftColumn input[type="date"],
.rightColumn input[type="date"],
.leftColumn input[type="time"],
.rightColumn input[type="time"],
.leftColumn input[type="text"],
.rightColumn input[type="text"],
.leftColumn input[type="password"],
.rightColumn input[type="password"]{
	width: 135px;
	border: 1px solid RGB(192, 192, 192);
	background:#434242;
	color: #FFF;
	height: 22px;
	box-shadow: inset 2px 2px 3px #222222;
	outline: 1px solid #555;
	padding-left: 5px;
	font-size: 12px;
	font-weight: bold;
}

.leftColumn label,
.rightColumn label{
	display: block;
	width: 90px;
	float: left;
	color: #D4D4D4;
	font-size: 12px;
	padding-top: 6px;
}

#StreamDetailWraper .leftColumn label{
	display: block;
	width: 125px;
	float: left;
	color: #D4D4D4;
	font-size: 12px;
	padding-top: 6px;
}

#StreamDetailWraper .rightColumn label{
	width: 118px;
}

.leftColumn select,
.rightColumn select{
    background: url(/images/arrow_down.png) no-repeat scroll right center #404040;
    border: 1px solid #A0A0A0;
    padding-left: 5px;
    height: 28px;
    font-size: 12px;
    color: #FFFFFF;
    width: 142px;
    -webkit-appearance: none;
    background-position-x: 120px;
    padding-right: 20px;
}

.disabled {
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";

    /* IE 5-7 */
    filter: alpha(opacity=60);

    /* Netscape */
    -moz-opacity: 0.6;

    /* Safari 1.x */
    -khtml-opacity: 0.6;

    /* Good browsers */
	opacity: 0.6;
	color:#fff;
}

/* test tone icon*/

.iconOff
{
	background-color:#434242;
	font-weight: bold;
	border:1px inset;
	color:#666666;
}

.iconOn
{
	background-color: #4F7AAA;
	font-weight:bold;
	border:1px outset;
	color:white;
}

.offIcon
{
	font: bold 12px Arial, Helvetica;
	display: inline-block;
	width: 30px;
	text-align: center;
	position: absolute;
	margin-top: 7px;
	-webkit-border-top-right-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	-moz-border-top-right-radius: 8px;
	-moz-border-bottom-right-radius: 8px;
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
}

.onIcon
{
	font:bold 12px Arial, Helvetica;
	display:inline-block;
	width:30px;
	text-align:center;
	margin-top: 7px;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-moz-border-top-left-radius: 8px;
	-moz-border-bottom-left-radius: 8px;
	border-top-left-radius: 8px;
	border-bottom-left-radius: 8px;
}

.OnOff
{
	cursor: pointer;
}

#Tone
{
	display: block;
	width: 140px;
	float: left;
	color: #D4D4D4;
	font-size: 14px;
	padding-top: 6px;
}

.gradient-circle
{
	border-radius: 50%;
	width: 10px;
	height:10px;
	float:right;
	margin-top: 2px;
	background-image: none;
}

.streamBox.rxGroup1
{
    height:43px;
    border: dotted  #A0A0A0 1px;
}

.streamBox.rxGroup3
{
    height:43px;
    border: dotted  #A0A0A0 1px;
}

.streamBox.rxGroup2
{
    height:38px;
    border: dotted  #A0A0A0 1px;
}

.arrow
{
    position:absolute;
    top:22px;
    left:0;
    vertical-align: center;
}

.arrow_group_2
{
   top:51px;
}

.arrow_group_3
{
    top:78px;
}

.arrow_group_4
{
    top:105px;
}


.iconOnNetwork {
    background-color: rgb(146,208,80);
    font-weight: bold;
    border: 1px outset;
    color: white;
}

.onIconNetwork {
    font: bold 12px Arial, Helvetica;
    display: inline-block;
    width: 25px;
    text-align: center;
    margin-top: 0px;
    -webkit-border-top-left-radius: 8px;
    -webkit-border-bottom-left-radius: 8px;
    -moz-border-top-left-radius: 8px;
    -moz-border-bottom-left-radius: 8px;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}

.iconOffNetwork {
    background-color: #434242 !important;
    font-weight: bold;
    border: 1px inset;
    color: #666666;
}

.offIconNetwork {
    background: rgb(192, 0, 0);
    font: bold 12px Arial, Helvetica;
    display: inline-block;
    width: 25px;
    text-align: center;
    position: absolute;
    left: 161px;
    margin-top: 0px;
    -webkit-border-top-right-radius: 8px;
    -webkit-border-bottom-right-radius: 8px;
    -moz-border-top-right-radius: 8px;
    -moz-border-bottom-right-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}
#file_content
{
    height: 350px;
    width: 99%;
    border: 0px;
    overflow: auto;
    overflow-x: hidden;
    resize: none;
    readonly: true;
    disabled: true;
    color: black;
}
.progressImg
{
	position: absolute;
	top: 20%;
	left: 45%;
}
.progressText
{
    position: absolute;
    top: 55%;
    left: 40%;
}

.pinnedButton
{
	background:rgb(76,76,76); /* Old browsers */
	background:-moz-linear-gradient(top, rgba(76, 76, 76, 1) 5%, rgba(114, 113, 113, 1) 66%, rgba(157, 156, 156, 1) 92%, rgba(79, 122, 170, 1) 92%); /* FF3.6+ */
	background:-webkit-gradient(linear, left top, left bottom, color-stop(5%, rgba(76, 76, 76, 1)), color-stop(66%, rgba(114, 113, 113, 1)), color-stop(92%, rgba(157, 156, 156, 1)), color-stop(92%, rgba(79, 122, 170, 1))); /* Chrome,Safari4+ */
	background:-webkit-linear-gradient(top, rgba(76, 76, 76, 1) 5%, rgba(114, 113, 113, 1) 66%, rgba(157, 156, 156, 1) 92%, rgba(79, 122, 170, 1) 92%); /* Chrome10+,Safari5.1+ */
	background:-o-linear-gradient(top, rgba(76, 76, 76, 1) 5%, rgba(114, 113, 113, 1) 66%, rgba(157, 156, 156, 1) 92%, rgba(79, 122, 170, 1) 92%); /* Opera11.10+ */
	background:-ms-linear-gradient(top, rgba(76, 76, 76, 1) 5%, rgba(114, 113, 113, 1) 66%, rgba(157, 156, 156, 1) 92%, rgba(79, 122, 170, 1) 92%); /* IE10+ */
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#4f7aaa', GradientType=0 ); /* IE6-9 */
	background:linear-gradient(top, rgba(76, 76, 76, 1) 5%, rgba(114, 113, 113, 1) 66%, rgba(157, 156, 156, 1) 92%, rgba(79, 122, 170, 1) 92%); /* W3C */

}

.contacts_table_label {
    text-align: center;
}

.b_deleteRmt {
    height: 25px;
    margin-right: 5px;
}

/*
input:required:invalid, input:focus:invalid {
  border-color: red;
}
*/

#BasicConfiguration .tabContent{
	margin-top:  0px;
	padding-left:  10px;
}

#BasicConfiguration .contactLabelText {
    font-style: italic;
    font-size: 7pt;
    margin-left: 5px;
    margin-right: 5px;
    padding-left: 2px;
    padding-right: 2px;
}
#BasicConfiguration input[type=number]{
	background: #434242;
	border: 1px solid RGB(192, 192, 192);
}

#BasicConfiguration .virtualInterface{
	width: 90px;
	margin-left: 20px;
    padding-bottom: 10px;
    padding-top: 0px;
}

#StandbyInterfaces input[type=checkbox]{
	margin-right: 17px;
	margin-left: 14px;
}



#knownActives select{
    width:90px;
    background-position-x:67px;
    margin-left:10px;
}


.knownActivesTable_label{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-align: center;
}

#redundancySysCfg .leftColumn label{
    width:125px;
}

#redundancySysCfg button{
    width:140px;
    margin-left:5px;
    margin-top:10px;
}

#MonitoringPage input[type="text"]
{
    width: 210px;
    margin-bottom:4px;
}
#MonitoringPage select
{
    width: 220px;
    background-position-x: 195px;
}

.strMonitoringHead
{
    font: bold 10px Arial, Helvetica, sans-serif;
    height: 22px;
}

.monitoring_table_label{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
	text-align: center;
	width:  162px;
}

#EdtStrMonitoringEntry label
{
    width:130px;
}

#EdtStrMonitoringEntry input
{
    width:200px;
    margin-bottom: 4px;
}

#EdtStrMonitoringEntry select
{
    width:210px;
    background-position-x:185px;
}

#EdtStrMonitoringEntry .leftColumn
{
    width:350px;
}

.LongTextLabel {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }