html { height: 100%; } 
body {
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0; 
    font-family: arial;
    font-size: 12px;
}
#pasteArea { height: 100%; }

#cayugaMainLayout{
    height: 100%;
    width: 100%;  
}

.modeShow{
    z-index: 100;
}

#cayugaMainLayout, #cayugaLiveModeArea, #cayugaArchiveModeArea {
    background: #242529;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI0MjUyOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMwJSIgc3RvcC1jb2xvcj0iIzNmNDM0NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzY4Njg2YSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjcwJSIgc3RvcC1jb2xvcj0iIzNmNDM0NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzZjQzNDYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #242529 0%, #3f4346 30%, #68686a 50%, #3f4346 70%, #3f4346 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#242529), color-stop(30%,#3f4346), color-stop(50%,#68686a), color-stop(70%,#3f4346), color-stop(100%,#3f4346));
    background: -webkit-linear-gradient(top,  #242529 0%,#3f4346 30%,#68686a 50%,#3f4346 70%,#3f4346 100%);
    background: -o-linear-gradient(top,  #242529 0%,#3f4346 30%,#68686a 50%,#3f4346 70%,#3f4346 100%);
    background: -ms-linear-gradient(top,  #242529 0%,#3f4346 30%,#68686a 50%,#3f4346 70%,#3f4346 100%);
    background: linear-gradient(to bottom,  #242529 0%,#3f4346 30%,#68686a 50%,#3f4346 70%,#3f4346 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#242529', endColorstr='#3f4346',GradientType=0 );


}

.mapContainer{
    margin: auto;

}
.lagePlan .mapWrap{
    overflow: hidden;

}

#cayugaLiveModeArea, #cayugaArchiveModeArea{ 
    position: absolute;
    top: 45px;
    bottom: 0px;
    left: 0px;
    right: 0px;

}

#cayugaHeaderArea{
    height: 45px;

}


#contentLayout,
#contentLayoutArc{


}



#appLayout, #appLayoutArc {
    height: 100%;
    width: 100%;


}

#logo { display: inline; vertical-align: middle; width: 25px; margin: 10px 21px; }
#menuPanel { height: 45px; position: relative; }
#sidebarPanel { background-color: transparent; height: 100%; }
#modePanel,#modePanelArc { padding: 0px; width: 65px;}

.canvasContainer { background: #e6e6e6; }
.canvasContainer .dijitTabPaneWrapper {  }

.dijitPopup .dijitMenuItemLabel {
    color: #222;
}

.cayuga *
{
    outline: none;
}

*{outline: none;}

.cayuga .dijitMenuItem {
    font-size: 110%;
    color: #9c9d9f;
}
.cayuga .dijitMenuBar .dijitMenuItem { border: 0; padding: 7px 10px 8px; }
.cayuga .dijitMenuItemHover, .cayuga .dijitMenuItemSelected {
    font-size: 110%;
    color: #000;
    background-image: none;
    background:#fff;
}
.cayuga .dijitMenu, .cayuga .dijitMenuBar { background: transparent; border: 0; color: #9d9ea0; }
.cayuga .dijitPopup .dijitMenu, .cayuga .dijitPopup .dijitMenuBar { background: #fff; border: 0; }


.cayuga .dijitSplitterV, .cayuga .dijitGutterV { background: transparent; }
.cayuga .dijitSplitterH, .cayuga .dijitGutterH { background: transparent; height: 7px; }

.ctrlContent { 
	padding: 5px; color: #818181; 
	font-size: 100%; 
	background-color: #3c3f44;
    position: absolute;
    /*top: 0px;
    bottom: 0px;
    left:0px;
    right: 0px;*/
}
#treeViewPaneArc{     background-color: #3c3f44; }

.ctrlTitleBlock { 
    height: 25px;
    background: #5e6669;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzVlNjY2OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1MDU4NWIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #5e6669 0%, #50585b 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5e6669), color-stop(100%,#50585b));
    background: -webkit-linear-gradient(top,  #5e6669 0%,#50585b 100%);
    background: -o-linear-gradient(top,  #5e6669 0%,#50585b 100%);
    background: -ms-linear-gradient(top,  #5e6669 0%,#50585b 100%);
    background: linear-gradient(to bottom,  #5e6669 0%,#50585b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5e6669', endColorstr='#50585b',GradientType=0 );
    border-top: 1px solid #50585b;
}
.ctrlTitle {
    font-size: 90%;
    color: #9c9d9f;
    padding: 5px;
    display: inline-block;
}

.cayuga #listPane .dijitTabPaneWrapper { border-left: 0; border-right: 0; border-color: rgb(94,100,106) }
#listPane { height: 200px; }

#controlPane, #treeViewPane {
    border-width: 0;
    border-color: #50585b;
    border-style: solid;
    background: #3c3f44;
}
.dojoxGridScrollbox { overflow-x: hidden; }

.cayuga .dijitTabContainerTop-tabs .dijitTabChecked { border-bottom-color: #e6e6e6; background: #e6e6e6;}
.cayuga .dijitTabChecked { background-color: #e6e6e6; background: #e6e6e6; }
.cayuga .dijitTabContainer .dijitTabCheckedHover { background-color: #e6e6e6; background: #e6e6e6; }

.cayuga .dijitTab { background: #d5d5d5; }

.cayuga .canvasPane { padding: 0px 14px 14px 14px; }

.cayuga .dijitContentPane { padding: 0; }

#sidebarPanel_splitter { width: 7px; }

.cayuga .dijitSplitterV .dijitSplitterThumb { background: #fff none; left: 3px; }
.cayuga .dijitSplitterH .dijitSplitterThumb { background: #fff none; top: 3px; }

.dojoxGridHeader { background-color: #e6e5ea; }
.dojoxGridHeader .dojoxGridCell { background: #e6e5ea; }
.dojoxGridRowOdd { background: #f2f3f7; }
.dojoxGrid .dojoxGridCell { border-right-color: #d6d5da; border-width: 0 1px 0 0; padding: 7px 15px; }
.dojoxGridRow { border-color: #f2f3f7; }
.dojoxGridColCaption { display: inline-block; }

#appCloseButton, .appCloseButton { position: absolute; right: 10px; top: 5px; }
#appInfoLine, .appInfoLine { 
    position: absolute; 
    right: 260px; 
    top: 15px; 	
    font-size: 110%;
    color: #9c9d9f;
}

.hiddenArea { display: none; }

.cayuga .dijitButton .dijitButtonNode, 
.cayuga .dijitDropDownButton .dijitButtonNode, 
.cayuga .dijitComboButton .dijitButtonNode, 
.cayuga .dijitToggleButton .dijitButtonNode {
    background-color: #c8c8c8;
    border: 1px solid #8d8d8d;
}

.cayuga .dijitButtonHover .dijitButtonNode, 
.cayuga .dijitDropDownButtonHover .dijitButtonNode, 
.cayuga .dijitComboButtonHover .dijitButtonNode, 
.cayuga .dijitToggleButtonHover .dijitButtonNode {
    background-color: #8d8d8d;
    border: 1px solid #8d8d8d;
}


.cayuga .dijitDialog {
    border: 1px solid #000;
}

.cayuga .dijitDialogTitleBar {
    border: 0;
    border-top: none;
    background-image: none;
    background: #52585c;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzUyNTg1YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2MTY3NmQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #52585c 0%, #61676d 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#52585c), color-stop(100%,#61676d));
    background: -webkit-linear-gradient(top, #52585c 0%,#61676d 100%);
    background: -o-linear-gradient(top, #52585c 0%,#61676d 100%);
    background: -ms-linear-gradient(top, #52585c 0%,#61676d 100%);
    background: linear-gradient(to bottom, #52585c 0%,#61676d 100%);
    padding: 5px 7px 5px 7px;
}
.cayuga .dijitDialogTitle { color: #abaeb0; font-size: 100%; }
.cayuga .dijitDialogCloseIcon {
    background: url("img/browser_stop.png");
    background-repeat: no-repeat;
    position: absolute;
    right: 5px;
    height: 15px;
    width: 21px;
}
.cayuga .dijitDialogPaneContent { border-top: 1px solid #000; }


#appCloseButton, .cayugaEmptyButton {  }
.cayuga .appCloseButton .dijitButtonNode {
    border: 0;
    padding: 0;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-shadow: 0;
    -moz-box-shadow: 0;
    box-shadow: 0;
    background-color: transparent;
    background-image: none;
}
.cayuga .appCloseButton .dijitButtonText { padding: 0; }

.cayuga .dijitMenu .dijitMenuItemHover td,
.cayuga .dijitMenu .dijitMenuItemSelected td,
.cayuga .dijitMenuItemHover,
.cayuga .dijitComboBoxMenu .dijitMenuItemHover,
.cayuga .dijitMenuItemSelected {
    border-color: #8d8d8d;
    background-color: #c8c8c8;
    background-image: none;
    background-repeat: repeat-x;
    background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%);
    background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%);
    background-image: -o-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%);
    background-image: linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%);
}

.cayuga .dijitSelectHover {
    background-color: #c8c8c8;
    background-image: -moz-linear-gradient(rgba(127, 127, 127, 0.2) 0%, rgba(127, 127, 127, 0) 2px);
    background-image: -webkit-linear-gradient(rgba(127, 127, 127, 0.2) 0%, rgba(127, 127, 127, 0) 2px);
    background-image: -o-linear-gradient(rgba(127, 127, 127, 0.2) 0%, rgba(127, 127, 127, 0) 2px);
    background-image: linear-gradient(rgba(127, 127, 127, 0.2) 0%, rgba(127, 127, 127, 0) 2px);
    background-repeat: repeat-x;
}

.cayuga .dijitSelectHover .dijitArrowButton {
    background-color: #c8c8c8;
}

.cayuga .dijitSelectFocused .dijitArrowButton {
    background-color: #c8c8c8;
    background-image: none;
    background-repeat: repeat-x;
    background-image: -moz-linear-gradient(rgba(190, 190, 190, 0.98) 0px, rgba(255, 255, 255, 0.65) 3px, rgba(255, 255, 255, 0) 100%);
    background-image: -webkit-linear-gradient(rgba(190, 190, 190, 0.98) 0px, rgba(255, 255, 255, 0.65) 3px, rgba(255, 255, 255, 0) 100%);
    background-image: -o-linear-gradient(rgba(190, 190, 190, 0.98) 0px, rgba(255, 255, 255, 0.65) 3px, rgba(255, 255, 255, 0) 100%);
    background-image: linear-gradient(rgba(190, 190, 190, 0.98) 0px, rgba(255, 255, 255, 0.65) 3px, rgba(255, 255, 255, 0) 100%);
}

.cayuga .dijitSelectHover,
.cayuga .dijitSelectHover .dijitButtonContents,
.cayuga .dijitTextBoxHover,
.cayuga .dijitTextBoxHover .dijitButtonNode {
    border-color: #8d8d8d;
    -webkit-transition-duration: 0.25s;
    -moz-transition-duration: 0.25s;
    transition-duration: 0.25s;
}

.cayuga .dijitSelectFocused,
.cayuga .dijitSelectFocused .dijitButtonContents,
.cayuga .dijitTextBoxFocused,
.cayuga .dijitTextBoxFocused .dijitButtonNode {
    border-color: #8d8d8d;
    -webkit-transition-duration: 0.1s;
    -moz-transition-duration: 0.1s;
    transition-duration: 0.1s;
}



.cayuga .dijitTreeRow, .cayuga .dijitTreeNode .dojoDndItemBefore, .cayuga .dijitTreeNode .dojoDndItemAfter {
    color: #818181;
}


.cayuga .dijitTreeRowHover {
    background-color: #515459;
    background-image: none;
    padding: 3px 0 1px;
    border-color: transparent;
    border-width: 1px 0;
    -webkit-transition-duration: 0.25s;
    -moz-transition-duration: 0.25s;
    transition-duration: 0.25s;
    color: #000;
}

.cayuga .dijitTreeRowSelected {
    background-color: #515459;
    background-image: none;
    padding: 3px 0 1px;
    border-color: transparent;
    border-width: 1px 0;
    color: #000;
}


.ctrlActionBar {
    background: #4b4b4b;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRiNGI0YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzFlMWUxZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzA4MDgwOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMjAyMDIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #4b4b4b 0%, #1e1e1e 50%, #080808 51%, #020202 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4b4b4b), color-stop(50%,#1e1e1e), color-stop(51%,#080808), color-stop(100%,#020202));
    background: -webkit-linear-gradient(top,  #4b4b4b 0%,#1e1e1e 50%,#080808 51%,#020202 100%);
    background: -o-linear-gradient(top,  #4b4b4b 0%,#1e1e1e 50%,#080808 51%,#020202 100%);
    background: -ms-linear-gradient(top,  #4b4b4b 0%,#1e1e1e 50%,#080808 51%,#020202 100%);
    background: linear-gradient(to bottom,  #4b4b4b 0%,#1e1e1e 50%,#080808 51%,#020202 100%);
    color: #fff;
    text-align: center;
    border-top: 1px solid #707070;
}

.cayuga .cayugaEmptyButton .dijitButtonNode, .videoplayerMenuItemButton .dijitButtonNode {
    border: 0;
    padding: 0;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-shadow: 0;
    -moz-box-shadow: 0;
    box-shadow: 0;
    background-color: transparent;
    background-image: none;
    box-shadow:none;
}
.cayuga .cayugaEmptyButton .dijitButtonText { padding: 0; }


.cayuga .ctrlActBtnCtrl { margin-top: 5px; }
.cayuga .ctrlActBtnBtns  { margin-top: 8px; }


.cayuga .ctrlActBtnCtrl .dijitButtonContents {
    width: 34px;
    height: 35px;
    background-image: url('img/stomb.png');
    background-repeat: no-repeat;
    background-position: 0 0;
}
.cayuga .ctrlActBtnCtrl .dijitButtonNode:hover { background-image: url('img/stomb-marked.png'); }
.cayuga .ctrlActBtnCtrl .btnMarked { background-image: url('img/stomb-marked.png'); }

.cayuga .ctrlActBtnBtns .dijitButtonContents {
    width: 45px;
    height: 35px;
    background-image: url('img/ok.png');
    background-repeat: no-repeat;
    background-position: 0 0;
}
.cayuga .ctrlActBtnBtns .dijitButtonNode:hover { background-image: url('img/ok-marked.png'); }
.cayuga .ctrlActBtnBtns .btnMarked { background-image: url('img/ok-marked.png'); }


.ptzZoomSlider {
    float: left;
    width: 35px;
}
.ptzCtrlPanel {
    float: left;
    position: absolute;
    right: 10px;
    height: 152px;
    width: 152px;
}

.ptzCtrlPanelButtons{width:152px; height: 152px; position: relative;}
.camNavButtons{position: absolute;}

.ptzPresetBtns { margin-top: 10px; }
.ptzPresetBtns .dijitButton {
    display: table-cell;
}

.ptzPresetBtns .btnRow { 
    display: table;
    width: 100%;
    margin-bottom: 10px;
}

#canvasWrap { padding: 0 9px 9px 9px; }
.cayuga #canvasWrap .dijitSplitterV, .cayuga #canvasWrap .dijitGutterV { width: 7px; }

.view44 { display: table; width: 100%; }
.view44 .view44_1 { display: table-cell; margin-right: 7px; margin-bottom: 7px; }
.view44 .view44_2 { display: table-cell; margin-bottom: 7px; }
.view44 .view44_3 { display: table-cell; margin-right: 7px; }
.view44 .view44_4 { display: table-cell; }

.cayuga .emptyEntity { 
    background: #bbb url('img/background-eye.png') no-repeat center center;
}
.cayuga .divEntity { height: 100%; width: 100%; margin: 7px; }

#tabCanvas .dijitTabContainerTopChildWrapper .emptyEntity,
#tabCanvasArc .dijitTabContainerTopChildWrapper .emptyEntity{ margin: 7px; }
#tabCanvas .dijitTabContainerTopChildWrapper .dijitBorderContainerNoGutter .emptyEntity,
#tabCanvasArc .dijitTabContainerTopChildWrapper .dijitBorderContainerNoGutter .emptyEntity{ margin: 0px; }

#tabCanvas .dijitTabPaneWrapper,
#tabCanvasArc .dijitTabPaneWrapper{ background: transparent; }
#tabCanvas .dijitTabController,
#tabCanvasArc .dijitTabController
{ display: none; }



.pageOverlay {
    top: 0;
    left: 0;
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 1001;
    display: block;
    background: #242529;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI0MjUyOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMwJSIgc3RvcC1jb2xvcj0iIzNmNDM0NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzY4Njg2YSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjcwJSIgc3RvcC1jb2xvcj0iIzNmNDM0NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzZjQzNDYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #242529 0%, #3f4346 30%, #68686a 50%, #3f4346 70%, #3f4346 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#242529), color-stop(30%,#3f4346), color-stop(50%,#68686a), color-stop(70%,#3f4346), color-stop(100%,#3f4346));
    background: -webkit-linear-gradient(top,  #242529 0%,#3f4346 30%,#68686a 50%,#3f4346 70%,#3f4346 100%);
    background: -o-linear-gradient(top,  #242529 0%,#3f4346 30%,#68686a 50%,#3f4346 70%,#3f4346 100%);
    background: -ms-linear-gradient(top,  #242529 0%,#3f4346 30%,#68686a 50%,#3f4346 70%,#3f4346 100%);
    background: linear-gradient(to bottom,  #242529 0%,#3f4346 30%,#68686a 50%,#3f4346 70%,#3f4346 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#242529', endColorstr='#3f4346',GradientType=0 );
}

#loadingOverlay {

    background: #242529;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI0MjUyOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMwJSIgc3RvcC1jb2xvcj0iIzNmNDM0NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzY4Njg2YSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjcwJSIgc3RvcC1jb2xvcj0iIzNmNDM0NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzZjQzNDYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #242529 0%, #3f4346 30%, #68686a 50%, #3f4346 70%, #3f4346 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#242529), color-stop(30%,#3f4346), color-stop(50%,#68686a), color-stop(70%,#3f4346), color-stop(100%,#3f4346));
    background: -webkit-linear-gradient(top,  #242529 0%,#3f4346 30%,#68686a 50%,#3f4346 70%,#3f4346 100%);
    background: -o-linear-gradient(top,  #242529 0%,#3f4346 30%,#68686a 50%,#3f4346 70%,#3f4346 100%);
    background: -ms-linear-gradient(top,  #242529 0%,#3f4346 30%,#68686a 50%,#3f4346 70%,#3f4346 100%);
    background: linear-gradient(to bottom,  #242529 0%,#3f4346 30%,#68686a 50%,#3f4346 70%,#3f4346 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#242529', endColorstr='#3f4346',GradientType=0 );

}

.loadingMessage {
    padding: 0;
    color: #999;
    position: absolute;
    top: 50%;
    left: 50%;
}









#modePanel > div, #modePanelArc > div { height: 38px; margin-bottom: 20px; width: 56px; float: right; border-radius: 4px 0 0 4px;}
#modePanel > div:hover, #modePanelArc > div:hover { background-color: #e6e6e6; }
#modePanel > div.activeLiveMode, #modePanelArc > div.activeLiveMode { background-color: #e6e6e6; }
#modePanel > div.curModeStyle, #modePanelArc > div.curModeStyle { background-color: #e6e6e6; }
#modePanel button, #modePanelArc button { display: block; width: 56px; height: 40px; border: 0; background-color: transparent; }


.liveModeBtn {
    background: url('img/survailance_off.png');
    background-repeat: no-repeat;
    background-position: 10px 5px;
}

.liveModeBtn:hover, .activeMode .liveModeBtn, .curModeStyle .liveModeBtn {
    background: url('img/survailance_on.png');
    background-repeat: no-repeat;
    background-position: 10px 5px;
}

.archiveModeBtn{
    background: url('img/archive_off.png');
    background-repeat: no-repeat;
    background-position: 7px 2px;
}

.archiveModeBtn:hover, .activeMode .archiveModeBtn, .curModeStyle .archiveModeBtn  {
    background: url('img/archive_on.png');
    background-repeat: no-repeat;
    background-position: 7px 2px;
}

.activeMode{
    background-color: #e6e6e6;
}




.ctrlSearchField {
    text-align: center;
    padding-top: 14px;
}

.ctrlSearchLabel, .ctrlSearchInput {
    display: inline-block;
}



.ctrlSearchLabel {
    font-size: 11px;
    color: #818181;

}
.ctrlSearchInput {
    width: 145px;
    border: 1px solid #434343;
    height: 18px;
    background: #000;
}

.ctrlSearchTextField {
    width: 120px;
    border: 0;
    background: none;
    height: 16px;
    display: inline-block;
    color: #818181;
    padding: 0 2px;
}
.ctrlSearchButton {
    display: inline-block;
    height: 16px;
    width: 16px;
    border: 0;
    background: transparent url('img/searchbutton.png') no-repeat center center;
}


.left{ float: left; }
.right{ float: right; }

.videoPlayer , .lagePlan, .webPage{
    background: url('img/background-eye.png');
    background-repeat: no-repeat;
    background-position: center;
    background-color: #b6b6b6;
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}

.lagePlanBorder{

}

.videoPlayerBorderAdd, .lagePlanBorder, .webPageBorder {
    border-top: 15px solid #464646;
    border-left: 5px solid #464646;
    border-right: 5px solid #464646;
    position: absolute;
    top: 0px;
    bottom: 25px;
    left: 0px;
    right: 0px;
}

#cayugaIsSelectedPlayer .videoPlayerBorderAdd {
    border-top: 15px solid #0076b4;
    border-left: 5px solid #0076b4;
    border-right: 5px solid #0076b4;
    position: absolute;
    top: 0px;
    bottom: 25px;
    left: 0px;
    right: 0px;
}

#appLayoutArc #cayugaIsSelectedPlayer .videoPlayerBorderAdd {
    border-top: 15px solid #96d433;
    border-left: 5px solid #96d433;
    border-right: 5px solid #96d433;
    position: absolute;
    top: 0px;
    bottom: 25px;
    left: 0px;
    right: 0px;
}

.lagePlanContent, .webPageContent{
    background: black;
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    top: 0px;  
    text-align: center;
}

.videoPlayerContent{
    background: black;
    position: absolute;
    left: 5px;
    right: 5px;
    bottom: 24px;
    top: 15px;  
    text-align: center;
}

.videoPlayerButtonBar, .lagePlanButtonBar, .webPageButtonBar{
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    background: url('img/archiveplayer/videoplayer_bottombar.png');
    height: 25px;
}

.videoPlayerSeparator{
    background: url('img/archiveplayer/separator.png');
    width: 2px;
    height: 16px;
    margin-top: 5px;
    margin-right: 2px;
    margin-left: 2px;   
}

.videoPlayerHeader, .lagePlanHeader, .webPageHeader {
    position: absolute;
    z-index: 100;
    color: #fff;
    margin-left: 5px;
}

.videoplayerBottomBar_Zoom span.dijitButtonContents{ background:url('img/archiveplayer/button_digitalzoom_aktiv_off.png'); }
.dijitButtonHover.videoplayerBottomBar_Zoom span.dijitButtonContents{ background:url('img/archiveplayer/button_digitalzoom_aktiv_on.png'); }
.videoplayerBottomBar_Eye .dijitButtonNode span.dijitButtonContents{ background:url('img/archiveplayer/button_vorschau_aktiv_off.png'); }
.dijitButtonHover.videoplayerBottomBar_Eye span.dijitButtonContents{ background:url('img/archiveplayer/button_vorschau_aktiv_on.png'); }
.videoplayerBottomBar_Speaker .dijitButtonNode span.dijitButtonContents{ background:url('img/archiveplayer/button_audio_aktiv_off.png'); }
.dijitButtonHover.videoplayerBottomBar_Speaker span.dijitButtonContents{ background:url('img/archiveplayer/button_audio_aktiv_on.png'); }
.videoplayerBottomBar_Export .dijitButtonNode span.dijitButtonContents{ background:url('img/archiveplayer/button_exportieren_aktiv_off.png'); }
.dijitButtonHover.videoplayerBottomBar_Export span.dijitButtonContents{ background:url('img/archiveplayer/button_exportieren_aktiv_on.png'); }
.videoplayerBottomBar_Fullscreen .dijitButtonNode span.dijitButtonContents{ background:url('img/archiveplayer/button_fenster_1x1_ansicht.png'); }
.dijitButtonHover.videoplayerBottomBar_Fullscreen span.dijitButtonContents{ background:url('img/archiveplayer/button_fenster_1x1_ansicht_on.png'); }

.videoplayerBottomBar_Rec .dijitButtonNode span.dijitButtonContents{ background:url('img/archiveplayer/button_aufnahme_aktiv_off.png'); }
.dijitToggleButtonChecked.videoplayerBottomBar_Rec span.dijitButtonContents{ background:url('img/archiveplayer/button_aufnahme_aktiv_on.png'); }

.videoplayerBottomBar_WebPageReload span.dijitButtonContents{ background:url('img/archiveplayer/archivplayer_aktualisieren_off.png'); }
.dijitButtonHover.videoplayerBottomBar_WebPageReload span.dijitButtonContents{ background:url('img/archiveplayer/archivplayer_aktualisieren_on.png'); }

#contentLayout .webPageButtonBar .dijitButtonNode,
#contentLayout .videoPlayerButtonBar .dijitButtonNode,
#contentLayoutArc .videoPlayerButtonBar .dijitButtonNode{ 
    padding: 0px;
    border-radius: 0px;
    border: none;
    width: 26px;
    height: 16px;
    background-image: none;
    background-color: #2c2e2d;
}



#archivePlayerControls{
    height: 44px;
    background: #515459;
    position: relative;
    border-top: 1px solid rgb(60, 63, 68);
}

.archivePlayerBottomBar{
    background: #515459; 
    height: 30px; 
    position: absolute;
    bottom:0px;
    width: 100%;
}

#archivePlayerControls_FBack{ background: url('img/archiveplayer/archivplayer_schritt_zurueck_off.png'); }
.dijitToggleButtonChecked #archivePlayerControls_FBack{ background: url('img/archiveplayer/archivplayer_schritt_zurueck_on.png'); }
#archivePlayerControls_Back{ background: url('img/archiveplayer/archivplayer_rueckwaerts_abspielen_off.png'); }
.dijitToggleButtonChecked #archivePlayerControls_Back{ background: url('img/archiveplayer/archivplayer_rueckwaerts_abspielen_on.png'); }
#archivePlayerControls_Pause{ background: url('img/archiveplayer/archivplayer_pause_off.png'); }
.dijitToggleButtonChecked #archivePlayerControls_Pause{ background: url('img/archiveplayer/archivplayer_pause_on.png'); }
#archivePlayerControls_Play{ background: url('img/archiveplayer/archivplayer_abspielen_off.png'); }
.dijitToggleButtonChecked #archivePlayerControls_Play{ background: url('img/archiveplayer/archivplayer_abspielen_on.png'); }
#archivePlayerControls_FForward{ background: url('img/archiveplayer/archivplayer_schritt_vorwaerts_off.png'); }
.dijitToggleButtonChecked #archivePlayerControls_FForward{ background: url('img/archiveplayer/archivplayer_schritt_vorwaerts_on.png'); }
#archivePlayerControls_1x1{ background: url('img/archiveplayer/archivplayer_echtzeit_off.png'); }
.dijitToggleButtonChecked #archivePlayerControls_1x1{ background: url('img/archiveplayer/archivplayer_echtzeit_on.png'); }

#archivePlayerControls_Rec{ background: url('img/archiveplayer/archivplayer_alarmaufzeichnung_off.png'); }
.dijitButtonHover #archivePlayerControls_Rec{ background: url('img/archiveplayer/archivplayer_alarmaufzeichnung_on.png'); }

#archivePlayerControls_Jump{ background: url('img/archiveplayer/archivplayer_pause_ueberspringen_off.png'); }
.dijitToggleButtonChecked #archivePlayerControls_Jump{ background: url('img/archiveplayer/archivplayer_pause_ueberspringen_on.png'); }
#archivePlayerControls_Time{ background: url('img/archiveplayer/archivplayer_kalender_direkteingabe_off.png'); }
.dijitToggleButtonChecked #archivePlayerControls_Time{ background: url('img/archiveplayer/archivplayer_kalender_direkteingabe_on.png'); }
#archivePlayerControls_Reload{ background: url('img/archiveplayer/archivplayer_aktualisieren_off.png'); }
.dijitToggleButtonChecked #archivePlayerControls_Change{ background: url('img/archiveplayer/archivplayer_aktualisieren_on.png'); }
#archivePlayerControls_Plus{ background: url('img/archiveplayer/archivplayer_kalender_direkteingabe_off.png'); }
.dijitToggleButtonChecked #archivePlayerControls_Plus{ background: url('img/archiveplayer/archivplayer_kalender_direkteingabe_on.png'); }
#archivePlayerControls_Sync{ background: url('img/archiveplayer/archivplayer_zeitstrahl_synchronisieren_off.png'); }
.dijitToggleButtonChecked #archivePlayerControls_Sync{ background: url('img/archiveplayer/archivplayer_zeitstrahl_synchronisieren_on.png'); }

#appLayoutArc .videoplayerBottomBar_Rec { display: none; }

#archivePlayerControls .dijitButtonNode{
    padding: 0px;
    border-radius: 0px;
    border: none;
    width: 26px;
    height: 16px;
    background-image: none;
    background-color: #2c2e2d;
    margin-right: 11px;
}





#leftbar{
    float: left;
    margin-top: 11px;
    margin-left: 34px;
    position: absolute;
}

#rightbar{
    float: left;
    margin-top: 11px;
    left: 280px;
    position: absolute;
}

#StartTime, #EndTime{
    width: 70px;
    height: 18px;
    position: absolute;
    display: none;
}
#EndTime{
    margin-top: 11px;
    right: 28px;
}
.syncButton{
    margin-top: 11px;
    position: absolute;
    right: 100px;
    left: 610px;
}

#archiveTimeLine{
    overflow-y: auto;
    overflow-x: hidden;
    left:0px; 
    top:64px;
    bottom: 40px;
    right: 0px;
    position: absolute;
    color: #999;
}

#archivePlayerControls_Reload{
    left: 190px;
}

#archiveGauge{
    width:230px; 
    height:150px; 
    left:9px;
    position: absolute;
}

#gridarchivePlayer{
    position: relative;

}

#horizontalSlider, #archivePosSlider{
    margin-top: 13px;
    margin-left: 146px;
    width: 600px;
}

.archivePlayerBottomBar .dijitSliderDecrementIconH, .archivePlayerBottomBar .dijitSliderIncrementIconH{
    display: none;
}

.archivePlayerBottomBar .dijitSliderImageHandleH{

    background: -webkit-linear-gradient(#bababa 0%, #4e4f51 100%); 
    background: -moz-linear-gradient(#bababa 0%, #4e4f51 100%); 
    background: -o-linear-gradient(#bababa 0%, #4e4f51 100%); 
    background: linear-gradient(#bababa 0%, #4e4f51 100%);

    border: 1px solid #6e6f71;
    border-radius: 5px;
    width: 100px;
    height: 12px;
}


.archivePlayerBottomBar .dijitSliderBar{
    background: -webkit-linear-gradient(#1a1b1f 0%, #797979 100%); 
    background: -moz-linear-gradient(#1a1b1f 0%, #797979 100%); 
    background: -o-linear-gradient(#1a1b1f 0%, #797979 100%); 
    background: linear-gradient(#1a1b1f 0%, #797979 100%);
    border-color: transparent !important;
    background-color: transparent !important;
    border: 0px;
}

.archivePlayerBottomBar .dijitSlider .dijitSliderProgressBarH{
    background: -webkit-linear-gradient(#1a1b1f 0%, #797979 100%); 
    background: -moz-linear-gradient(#1a1b1f 0%, #797979 100%); 
    background: -o-linear-gradient(#1a1b1f 0%, #797979 100%); 
    background: linear-gradient(#1a1b1f 0%, #797979 100%);
    border-color: transparent !important;
    background-color: transparent !important;
    border: 0px;

}

.archivePlayerBottomBar .dijitReset .dijitSliderLeftBumper {
    background: -webkit-linear-gradient(#1a1b1f 0%, #797979 100%); 
    background: -moz-linear-gradient(#1a1b1f 0%, #797979 100%); 
    background: -o-linear-gradient(#1a1b1f 0%, #797979 100%); 
    background: linear-gradient(#1a1b1f 0%, #797979 100%);
    -webkit-border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border: 0px;

}

.archivePlayerBottomBar .dijitReset .dijitSliderRightBumper {
    background: -webkit-linear-gradient(#1a1b1f 0%, #797979 100%); 
    background: -moz-linear-gradient(#1a1b1f 0%, #797979 100%); 
    background: -o-linear-gradient(#1a1b1f 0%, #797979 100%); 
    background: linear-gradient(#1a1b1f 0%, #797979 100%);
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border: 0px;
}

.ptzZoomSlider .dijitSlider .dijitSliderProgressBarV{
    background: -webkit-linear-gradient(#797979 0%, #000 100%); 
    background: -moz-linear-gradient(#797979 0%, #000 100%); 
    background: -o-linear-gradient(#797979 0%, #000 100%); 
    background: linear-gradient(#797979 0%, #000 100%);
    border-color: transparent !important;
    background-color: transparent !important;
    border: 0px;

}

.ptzZoomSlider .dijitSlider .dijitSliderRemainingBarV{
    background: -webkit-linear-gradient(#000 0%, #797979 100%); 
    background: -moz-linear-gradient(#000 0%, #797979 100%); 
    background: -o-linear-gradient(#000 0%, #797979 100%); 
    background: linear-gradient(#000 0%, #797979 100%);
    border-color: transparent !important;
    background-color: transparent !important;
    border: 0px;
}


.ptzZoomSlider .dijitSliderBar{
    background: -webkit-linear-gradient(#000 0%, #797979 100%); 
    background: -moz-linear-gradient(#000 0%, #797979 100%); 
    background: -o-linear-gradient(#000 0%, #797979 100%); 
    background: linear-gradient(#000 0%, #797979 100%);
    border-color: transparent !important;
    background-color: transparent !important;
    border: 0;
}

.ptzZoomSlider .dijitReset .dijitSliderTopBumper{
    background: -webkit-linear-gradient(#000 0%, #000s 100%); 
    background: -moz-linear-gradient(#000 0%, #000 100%); 
    background: -o-linear-gradient(#000 0%, #000 100%); 
    background: linear-gradient(#000 0%, #000 100%);
    -webkit-border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-topleft: 5px;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    border: 0px;
}

.ptzZoomSlider .dijitReset .dijitSliderBottomBumper{
    background: -webkit-linear-gradient(#000 0%, #000 100%); 
    background: -moz-linear-gradient(#000 0%, #000 100%); 
    background: -o-linear-gradient(#000 0%, #000 100%); 
    background: linear-gradient(#000 0%, #000 100%);
    -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;
    border: 0px;
}

.ptzZoomSlider .dijitSliderIncrementIconV, 
.ptzZoomSlider .dijitSliderHover .dijitSliderIncrementIconV,
.ptzZoomSlider .dijitSliderActive .dijitSliderIncrementIconV,
.ptzZoomSlider .dijitSliderDisabled .dijitSliderIncrementIconV
{
    border: 0px;
    background-color: transparent;
    background: url('img/zoom-tiny-plus.png');
    width: 13px;
    height: 16px;
}

.ptzZoomSlider .dijitSliderDecrementIconV, 
.ptzZoomSlider .dijitSliderHover .dijitSliderDecrementIconV,
.ptzZoomSlider .dijitSliderActive .dijitSliderDecrementIconV,
.ptzZoomSlider .dijitSliderDisabled .dijitSliderDecrementIconV{
    border: 0px;
    background-color: transparent;
    background: url('img/zoom-tiny-minus.png');
    width: 13px;
    height: 16px;
}

.ptzZoomSlider .dijitSliderImageHandleV, 
.ptzZoomSlider .dijitSliderHover .dijitSliderImageHandleV,
.ptzZoomSlider .dijitFocused .dijitSliderImageHandleV,
.ptzZoomSlider .dijitSliderActive .dijitSliderImageHandleV,
.ptzZoomSlider .dijitSliderDisabled .dijitSliderImageHandleV{
    background: url('img/sliderthumb-vertical.png');
    width:17px;
    height:12px;
    margin-top: 2px;
} 

.ptzZoomSlider .dijitSliderHover .dijitSliderDecrementIconV{

}

#tabMenu .dijitMenuBar, 
#tabMenuArc .dijitMenuBar {
    position: absolute;
    display:block;
    height: 23px;
    left: 0px;
    z-index: 2;
    margin-top: 7px;
    border: 1px solid #8d8d8d;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    width: 43px;
    background-image: -webkit-linear-gradient(#cccccc 0%, #e1e1e1 100%); 
    background-image: -moz-linear-gradient(#cccccc 0%, #e1e1e1 100%); 
    background-image: -o-linear-gradient(#cccccc 0%, #e1e1e1 100%); 
    background-image: linear-gradient(#cccccc 0%, #e1e1e1 100%);
}

#tabMenu .dijitMenuItem, #tabMenuArc .dijitMenuItem{
    padding: 3px;

}

#tabMenu .dijitMenuItemHover,
#tabMenuArc .dijitMenuItemHover,
#tabMenu .dijitMenuItemActive,
#tabMenuArc .dijitMenuItemActive,
#tabMenu .dijitMenuItemFocused,
#tabMenuArc .dijitMenuItemFocused{
    border: 1px solid #8d8d8d;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 2px;
    padding-bottom: 0px;
}


#tabView_tablist,
#tabViewArc_tablist{
    margin-left:60px;
}

#tabMenuItem_text{
    content: url('img/eye.png');
}

.tabContainerBarHeader .dijitTabContainerTop-tabs .dijitTab.dijitTabChecked {
    background-image: -webkit-linear-gradient(#91c0df 0%, #e6e6e6 25%, #e6e6e6 100%); 
    background-image: -moz-linear-gradient(#91c0df 0%, #e6e6e6 25%, #e6e6e6 100%); 
    background-image: -o-linear-gradient(#91c0df 0%, #e6e6e6 25%, #e6e6e6 100%); 
    background-image: linear-gradient(#91c0df 0%, #e6e6e6 25%, #e6e6e6 100%);
    padding-top: 10px;
    padding-bottom: 9px;
}

.tabContainerBarHeader .dijitTabListContainer-top .dijitTabListWrapper{
    height: 37px !important;
}

.tabContainerBarHeader .dijitTabContainerTop-tabs .dijitTab {
    background: #d5d5d5;
    border-bottom: 1px solid #8d8d8d;
    padding-bottom: 8px;
}


.dijitTabContainerTop-tabs{
    border: 0px;
}

.tabContainerBarHeader .dijitTabListContainer-top{
    height: 37px !important;

}

.dijitTabContainerTop .dijitTabPaneWrapper{

}
.tabScroll .dijitTabPaneWrapper { display: none; }

.dijitContentPane.tabScroll{
    margin-top: 0px !important;
}

.cayuga .dijitTab{
    border: 1px solid #8d8d8d;
    background: #cacbcc;
}

.lagePlanWrapper:hover{
    cursor: pointer;
}

#controlPaneButtonList .dijitButton {
    display: block;
    text-align: center;
    margin: 10px 0;
}

#controlPaneButtonList .dijitButton .dijitButtonNode {
    width: auto;
    padding: 3px 4px 3px 4px;
}

.controlPaneButtonList {
    padding: 10px 5px;
    overflow: hidden;
}
.cayuga #controlPaneButtonList .dijitButtonText { padding: 0 0.3em 0 0; }

.cayuga .dijitTreeExpandoClosed{ background: url('img/arrow-right.png'); background-position: 0px !important; background-repeat: no-repeat;}
.cayuga .dijitTreeExpandoOpened{background: url('img/arrow-down.png'); background-position: 0px !important; background-repeat: no-repeat;}

.videoPlayerHeader {width: 100%; margin-left:0px;}
.videoPlayerHeader p{ margin: 0px; margin-left: 10px; }
.videoplayerLabel, .lagePlanLabel, .webPageLabel{float: left;}
.lagePlanLabel, .webPageLabel{margin: 0px;}
.videoPlayerHeader .dijitMenuBar{ float: right; padding:0px; width:30px; }
.videoPlayerHeader .dijitMenuBar .dijitMenuItem{padding:0px; background: transparent; vertical-align: initial; height: 15px; width: 30px; }
.videoPlayerHeader .dijitHover .dijitMenuItem{background-color: transparent;}
.videoplayerImgWrapper{ position: absolute; top: 0px; right: 0px; width: 100px; height: 15px; }
.videoplayerImg{ position: absolute; top: 0px; right: 0px; padding: 5px; }
.viedoplayerMenuBar{display:none;}
.viedoplayerMenuBar:hover{cursor:pointer;}
.viedoplayerMenu{display: none;}
.viedoplayerMenuBar:hover .viedoplayerMenu{display:block;}
.viedoplayerMenu{ position:absolute; min-width:100px; right:5px; top:15px; background: #ccc; color: #000; }
.viedoplayerMenu .videoplayerMenuItem:hover span{color:#fff;}
.videoplayerMenuItem{padding: 5px; }
.videoplayerMenuItem:hover{background:#515459; color:#fff;}

#canvasContainerArc .viedoplayerMenuBar{display: none !important;}

.MediaID_-1{background-image:url('img/views/00002.16.png');}

.MediaID_1{background-image:url('img/views/00001.16.png');}
.MediaID_2{background-image:url('img/views/00002.16.png');}
.MediaID_3{background-image:url('img/views/00003.16.png');}
.MediaID_4{background-image:url('img/views/00004.16.png');}
.MediaID_5{background-image:url('img/views/00005.16.png');}
.MediaID_6{background-image:url('img/views/00006.16.png');}
.MediaID_7{background-image:url('img/views/00007.16.png');}
.MediaID_8{background-image:url('img/views/00008.16.png');}
.MediaID_9{background-image:url('img/views/00009.16.png');}
.MediaID_10{background-image:url('img/views/00010.16.png');}

.MediaID_11{background-image:url('img/views/00011.16.png');}
.MediaID_13{background-image:url('img/views/00013.16.png');}
.MediaID_14{background-image:url('img/views/00014.16.png');}
.MediaID_15{background-image:url('img/views/00015.16.png');}
.MediaID_16{background-image:url('img/views/00016.16.png');}
.MediaID_17{background-image:url('img/views/00017.16.png');}
.MediaID_18{background-image:url('img/views/00018.16.png');}
.MediaID_19{background-image:url('img/views/00019.16.png');}

.MediaID_23{background-image:url('img/views/00023.16.png');}
.MediaID_25{background-image:url('img/views/00025.16.png');}
.MediaID_26{background-image:url('img/views/00026.16.png');}
.MediaID_27{background-image:url('img/views/00027.16.png');}
.MediaID_28{background-image:url('img/views/00028.16.png');}
.MediaID_30{background-image:url('img/views/00030.16.png');}

.MediaID_31{background-image:url('img/views/00031.16.png');}
.MediaID_34{background-image:url('img/views/00034.16.png');}
.MediaID_35{background-image:url('img/views/00035.16.png');}
.MediaID_36{background-image:url('img/views/00036.16.png');}
.MediaID_37{background-image:url('img/views/00037.16.png');}
.MediaID_38{background-image:url('img/views/00038.16.png');}
.MediaID_39{background-image:url('img/views/00039.16.png');}
.MediaID_40{background-image:url('img/views/00040.16.png');}

.MediaID_46{background-image:url('img/views/00046.16.png');}
.MediaID_47{background-image:url('img/views/00047.16.png');}
.MediaID_48{background-image:url('img/views/00048.16.png');}
.MediaID_49{background-image:url('img/views/00049.16.png');}
.MediaID_50{background-image:url('img/views/00050.16.png');}

.MediaID_51{background-image:url('img/views/00051.16.png');}
.MediaID_52{background-image:url('img/views/00052.16.png');}
.MediaID_53{background-image:url('img/views/00053.16.png');}
.MediaID_54{background-image:url('img/views/00054.16.png');}
.MediaID_55{background-image:url('img/views/00055.16.png');}
.MediaID_56{background-image:url('img/views/00056.16.png');}
.MediaID_57{background-image:url('img/views/00057.16.png');}
.MediaID_58{background-image:url('img/views/00058.16.png');}
.MediaID_127{background-image:url('img/views/00127.fix_camera_16.png');}
.MediaID_128{background-image:url('img/views/00128.fix_camera_16.png');}
.MediaID_129{background-image:url('img/views/00129.fix_camera_16.png');}
.MediaID_130{background-image:url('img/views/00130.motor_zoom_camera_16.png');}
.MediaID_131{background-image:url('img/views/00131.ptz_camera_16.png');}
.MediaID_132{background-image:url('img/views/00132.fix_dome_camera_16.png');}
.MediaID_133{background-image:url('img/views/00133.fisheye_camera_16.png');}

.MediaID_70{background-image:url('img/views/00070.16.png');}

.MediaID_71{background-image:url('img/views/00001.16.png');}
.MediaID_72{background-image:url('img/views/00002.16.png');}
.MediaID_73{background-image:url('img/views/00003.16.png');}
.MediaID_74{background-image:url('img/views/00004.16.png');}
.MediaID_75{background-image:url('img/views/00005.16.png');}
.MediaID_76{background-image:url('img/views/00006.16.png');}
.MediaID_77{background-image:url('img/views/00007.16.png');}
.MediaID_78{background-image:url('img/views/00008.16.png');}
.MediaID_79{background-image:url('img/views/00009.16.png');}
.MediaID_80{background-image:url('img/views/00010.16.png');}

.MediaID_81{background-image:url('img/views/00081.16.png');}
.MediaID_82{background-image:url('img/views/00082.16.png');}
.MediaID_83{background-image:url('img/views/00083.16.png');}
.MediaID_84{background-image:url('img/views/00084.16.png');}


.MediaID_101{background-image:url('img/views/00101.16.png');}
.MediaID_105{background-image:url('img/views/00105.16.png');}
.MediaID_108{background-image:url('img/views/00108.16.png');}
.MediaID_111{background-image:url('img/views/00111.16.png');}
.MediaID_112{background-image:url('img/views/00112.16.png');}
.MediaID_1050{background-image:url('img/views/01050.16.png');}
.MediaID_1051{background-image:url('img/views/01051.16.png');}
.MediaID_1053{background-image:url('img/views/01053.16.png');}
.MediaID_3000{background-image:url('img/views/03000.16.png');}
.MediaID_3002{background-image:url('img/views/03002.16.png');}
.MediaID_3003{background-image:url('img/views/03003.16.png');}
.MediaID_3004{background-image:url('img/views/03004.16.png');}
.MediaID_3006{background-image:url('img/views/03006.16.png');}

.MediaID_10001{background-image:url('img/views/10001.16.png');}
.MediaID_10002{background-image:url('img/views/10002.16.png');}
.MediaID_10004{background-image:url('img/views/10004.16.png');}
.MediaID_10005{background-image:url('img/views/10005.16.png');}
.MediaID_10006{background-image:url('img/views/10006.16.png');}
.MediaID_10007{background-image:url('img/views/10007.16.png');}
.MediaID_10008{background-image:url('img/views/10008.16.png');}
.MediaID_10009{background-image:url('img/views/10009.16.png');}
.MediaID_10010{background-image:url('img/views/10010.16.png');}
.MediaID_10011{background-image:url('img/views/10011.16.png');}

.MediaID_10012{background-image:url('img/views/10012.16.png');}
.MediaID_10013{background-image:url('img/views/10013.16.png');}
.MediaID_10014{background-image:url('img/views/10014.16.png');}
.MediaID_10015{background-image:url('img/views/10015.16.png');}
.MediaID_10016{background-image:url('img/views/10016.16.png');}
.MediaID_10017{background-image:url('img/views/10017.16.png');}
.MediaID_10018{background-image:url('img/views/10018.16.png');}
.MediaID_10019{background-image:url('img/views/10019.16.png');}
.MediaID_10020{background-image:url('img/views/10020.16.png');}
.MediaID_10021{background-image:url('img/views/10021.16.png');}

.MediaID_10022{background-image:url('img/views/10022.16.png');}
.MediaID_10023{background-image:url('img/views/10023.16.png');}
.MediaID_10024{background-image:url('img/views/10024.16.png');}
.MediaID_10025{background-image:url('img/views/10025.16.png');}
.MediaID_10026{background-image:url('img/views/10026.16.png');}
.MediaID_10027{background-image:url('img/views/10027.16.png');}
.MediaID_10028{background-image:url('img/views/10028.16.png');}
.MediaID_10029{background-image:url('img/views/10029.16.png');}
.MediaID_10030{background-image:url('img/views/10030.16.png');}
.MediaID_10031{background-image:url('img/views/10031.16.png');}

.MediaID_10032{background-image:url('img/views/10032.16.png');}
.MediaID_10033{background-image:url('img/views/10033.16.png');}
.MediaID_10034{background-image:url('img/views/10034.16.png');}
.MediaID_10035{background-image:url('img/views/10035.16.png');}
.MediaID_10036{background-image:url('img/views/10036.16.png');}
.MediaID_10037{background-image:url('img/views/10037.16.png');}
.MediaID_10038{background-image:url('img/views/10038.16.png');}
.MediaID_10039{background-image:url('img/views/10039.16.png');}
.MediaID_10040{background-image:url('img/views/10040.16.png');}
.MediaID_10041{background-image:url('img/views/10041.16.png');}

.MediaID_10042{background-image:url('img/views/10042.16.png');}
.MediaID_10043{background-image:url('img/views/10043.16.png');}
.MediaID_10045{background-image:url('img/views/10045.16.png');}
.MediaID_10046{background-image:url('img/views/10046.16.png');}
.MediaID_10047{background-image:url('img/views/10047.16.png');}
.MediaID_10048{background-image:url('img/views/10048.16.png');}
.MediaID_10049{background-image:url('img/views/10049.16.png');}
.MediaID_10050{background-image:url('img/views/10050.16.png');}
.MediaID_10051{background-image:url('img/views/10051.16.png');}
.MediaID_10052{background-image:url('img/views/10052.16.png');}

.MediaID_10053{background-image:url('img/views/10053.16.png');}
.MediaID_10054{background-image:url('img/views/10054.16.png');}
.MediaID_10055{background-image:url('img/views/10055.16.png');}
.MediaID_10056{background-image:url('img/views/10056.16.png');}

.MediaID_11005{background-image:url('img/views/11005.16.png');}
.MediaID_11006{background-image:url('img/views/11006.16.png');}
.MediaID_11997{background-image:url('img/views/11997.16.png');}
.MediaID_11998{background-image:url('img/views/11998.16.png');}
.MediaID_11999{background-image:url('img/views/11999.16.png');}
.MediaID_12010{background-image:url('img/views/12010.16.png');}

.MediaID_12030{background-image:url('img/views/12030.16.png');}
.MediaID_12050{background-image:url('img/views/12050.16.png');}
.MediaID_12070{background-image:url('img/views/12070.16.png');}
.MediaID_12090{background-image:url('img/views/12090.16.png');}
.MediaID_12110{background-image:url('img/views/12110.16.png');}
.MediaID_12130{background-image:url('img/views/12130.16.png');}
.MediaID_12150{background-image:url('img/views/12150.16.png');}
.MediaID_12170{background-image:url('img/views/12170.16.png');}
.MediaID_12190{background-image:url('img/views/12190.16.png');}



.errorItem{
    background-image:url('img/views/00052.16.png');
    background-position-x: 0px;
}

.appHelpButton{ top:0px;}

#controlPaneDirektControl{  }

#controlPaneDirekt{
    position: absolute;
    z-index: 10;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    background-size: 190px 143px !important;
}

#direktcontrolVisualBase{
    width: 190px;
    height: 143px;
    position: relative;

    background: #bbb url('img/background-eye.png') no-repeat center center;
    background-size: 190px 143px;
    background-repeat: no-repeat;
    display: block;
}

.direktControlButton{
    background: #4b4b4b;
    background: -moz-linear-gradient(top, #4b4b4b 0%, #1e1e1e 50%, #080808 51%, #020202 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4b4b4b), color-stop(50%,#1e1e1e), color-stop(51%,#080808), color-stop(100%,#020202));
    background: -webkit-linear-gradient(top, #4b4b4b 0%,#1e1e1e 50%,#080808 51%,#020202 100%);
    background: -o-linear-gradient(top, #4b4b4b 0%,#1e1e1e 50%,#080808 51%,#020202 100%);
    background: -ms-linear-gradient(top, #4b4b4b 0%,#1e1e1e 50%,#080808 51%,#020202 100%);
    background: linear-gradient(to bottom, #4b4b4b 0%,#1e1e1e 50%,#080808 51%,#020202 100%);
    width: 55px;
    height: 55px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.direktControlButton img{ 
    width: 35px;
    height: 35px;
    padding: 10px;
}

.direktcontrolButtonWrapper{
    margin-left: 70px;
    margin-top: 40px;
}

.buttonWrapper{
    padding: 1px;
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, transparent 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,transparent)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%,transparent 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%,transparent 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%,transparent 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ffffff 0%,transparent 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='transparent',GradientType=0 ); /* IE6-9 */
    width: 55px;
    height: 56px;
    border-radius: 5px;
}

#controlPanePTZOverlay, #controlPaneDirektOverlay{
    background:url('img/50-prozent-dark.png');
    position: absolute;
    top: 0px;
    left:0px;
    right: 0px;
    bottom: 0px;
    z-index: 10;
}


#exportDialog .dijitDialogCloseIcon, 
#jumpDialog .dijitDialogCloseIcon, 
#infoDialog .dijitDialogCloseIcon { height:20px; }
#exportDialog .dijitDialogTitleBar, 
#jumpDialog .dijitDialogTitleBar,
#infoDialog .dijitDialogTitleBar{ font-size: 18px; }
#exportDialog .dijitDialogPaneContent,
#jumpDialog .dijitDialogPaneContent,
#infoDialog .dijitDialogPaneContent{ background: #323438; color: #818181; }
#exportDialog .exportInner{ background: #5d5e62; width:250px; }
#exportDialog .exportTopComboBoxBar{ height: 30px; }
#exportDialog .exportTopComboBoxBar .dijitDropDownButton, #exportDialog .exportTopComboBoxBar .Typ{ float:left; }
#exportDialog .exportTopComboBoxBar .Typ{ padding: 5px; }
#exportDialog .exportDialogButton{ background: url('img/dialogButtonBG.png'); height: 20px; }
#exportDialog .innerButtonText{ padding: 2px;  color: #b5b5b5;}
#exportDialog .text{color: #a4a4a6; padding: 2px;}
.dijitTimePickerPopup{height: 300px !important;}
#exportDialog .column1{ width: 56%; float: left; padding:2%; }
#exportDialog .column2{ width: 36%; float: left; padding:2%; }
#exportDialog .rowWrapper, #exportDialog .rowWrapperContent{padding: 5px;}

#exportDialog .dijitButtonText{min-width: 100px;}
#exportDialog .right{float:right;}
#exportDialog .wrapper{margin-top:5px; margin-bottom: 5px; min-height: 20px;}

#jumpDialog .okButton{
    float: right;
    margin-right: 12px;
}


.eyeButton{
    display: block;
    background:url('img/archiveplayer/button_vorschau_aktiv_off.png');
    width: 26px;
    height: 25px;
    float: left;
    background-position: center;
    background-repeat: no-repeat;
}

.eyeButton:hover{
    background:url('img/archiveplayer/button_vorschau_aktiv_on.png');
    background-position: center;
    background-repeat: no-repeat;
}

#cayugaIsSelectedPlayer .eyeButton:hover .eyeButtonKontextMenu{
    display: block;
}

.eyeButtonKontextMenu{
    display: none;
}

#cayugaIsSelectedPlayer .eyeButtonKontextMenu{
    display:none;
    position: absolute;
    width: 150px;
    height: auto;
    background: url('img/75-prozent-dark.png');;
    bottom: 25px;
    left: 40px;
}

#cayugaIsSelectedPlayer .eyeButtonKontextMenu:hover{
    display: block;
}

.eyeMenuKontextText{
    padding: 3px;
    color: #fff;
}

.eyeMenuKontextText:hover{
    cursor: pointer;
}

.timelineElement {
    background-color: #494c50;
    min-width: 1200px;
    height: 40px;
    margin: 13px 10px 10px 10px;
    border: 1px solid #494c50;
}

.timeline_selected{
    background-color: #5e5f62 !important;
    border: 1px solid #96d433;
}

.timelineElementLeft {
    width: 136px; 
    float:left;
}

.timelineElementRight {
    display: inline-block;
    vertical-align: top;
    height: 40px;
}
.timelineInfo {
    display: block;
    padding: 4px;
}
.timelineMin {
    display: inline-block;
}
.timelineMax {
    margin-left: 2px;
}
.timelineElementMask {
    display: inline-block;
    width:600px;
    height:34px;
    margin-top:3px;
    overflow: hidden; 
    position:relative;
}

.timelineSlide {
    background-color:rgb(60,63,68);
    width: 2040px;
    height: 35px;
    position: absolute;
    left:-720px;
    top:0;
}
.timelineSlideInner {
    background-color:#000;
    position:absolute;
    left:300px;
    width:1440px;
    height:35px;
    top:0;
    overflow:hidden;
}
.archiveRange {
    position: absolute;
    top: 0;
    height:35px;
}

.timelineIcon {
    height: 16px; 
    width: 16px; 
    display: inline-block;
    margin: 4px 4px 0 4px;
}
.timelineCam {
    display: inline-block;
    margin: 4px 0px 0px 10px; 
    vertical-align: top;
}

#infoDialog{
    width: 300px;


}

#infoDialog .dijitDialogPaneContent{
    height: 100% !important;
}


#archiveMidBar {
    position: absolute;
    width: 11px;
    top: 50px;
    left: 440px;
    bottom: 35px;
    z-index: 10;
}
#archiveMidTime {
    position: absolute;
    top: 48px;
    left: 460px;
    z-index: 10;
    color: #999;
}

.midBarTop {
    width: 11px;
    height: 7px;
    background: url('img/bar_top.png') no-repeat;
    position: absolute;
    top: 0;
    left: 0;
}

.midBarBottom {
    width: 11px;
    height: 7px;
    background: url('img/bar_bottom.png') no-repeat;
    position: absolute;
    bottom: 0px;
    left: 0;
}

.midBar {
    position: absolute;
    top: 0;
    left: 5px;
    bottom: 0;
    width: 1px;
    background-color: rgba(128,128,128,0.5);
}

.videoPlayerContent { text-align: center; }
.videoPlayerContent .streamimage {
    height: auto;
    width: 100%;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    margin: auto;
}


#cayugaIsSelectedPlayer .videoPlayerContent img{


}

#archiveGauge {
    display: none;
}

.box { 
    position: absolute; 
    border: 1px solid #0076b4;
    background:url('img/50-prozent.png');
}
.zommPreviewImage{ width: 190px;
                   height: 143px;}

.cayugaLayer #cayugaIsSelectedPlayer .eyeButtonKontextMenu{ display: none !important;}

#exportDialog .right .dijitDateTextBox {width: 96px;}



#ctrlEntityTree { overflow-x: hidden; }
#ctrlEntityTreeArc { overflow: hidden;) }


#liveButtonDiv{
    position: relative;

}

#alarmSignalCounterLive,
#alarmSignalCounter{
    display: none;
    position: absolute;
    background: #ff0000;
    border-radius: 20px;
    top: 15px;
    right: 10px;
    width: 20px;
    height: 20px;
}

#alarmSignalCounterLive p,
#alarmSignalCounter p {
    text-align: center;
    color: #fff;
    margin: 0px;
    padding: 0px;
    margin-top: 3px;
}