@-ms-viewport { width: device-width; }
	    @viewport {
		width: device-width;
		initial-scale: 1;
		minimum-scale: 1;
		maximum-scale: 1;
		zoom: 1;
		min-zoom: 1;
		max-zoom: 1;
		zoom: fixed;
		user-zoom: fixed;
	    }
	    html, body
	    {
		-ms-content-zooming:none;  
		-ms-touch-action: none;
		background-color: black;
		margin: 0;
		padding: 0;
		height: 100%;
	    }
	    a {
	        color: #FFFFFF;
            }
            #navBar
            {
		position: absolut;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 99;
            }
	    #wrapper
	    {
                width: 100%;
                height: 100%;
                overflow: hidden !important;
	    }
            #container
            {
		top: 0;
		margin: 0; 
                width: 100%;
		height: 100%;
                font-family:Verdana,Arial,Helvetica,sans-serif;
                font-size:11px;
		overflow: hidden !important;
                background-color: black;
                color: white;   /* for error messages, etc. */
                position: absolute;
            }
            #PTZControler
            {
		background: rgb(0, 0, 0);
		background: rgba(0, 0, 0, 0.7);
                -webkit-border-radius: 10px;
                -moz-border-radius: 10px;
                -o-border-radius: 10px;
                -khtml-border-radius: 10px;
                -ms-border-radius: 10px;
                border-radius:10px;
                -moz-user-select: none;
                bottom: 30px;
                height: 74px;
                right: 30px;
                position: fixed;
                width: 105px;
                z-index: 1000;
            }
            #logo
            {
                background: url('/img/hirescam.png') no-repeat scroll center center rgba(255, 255, 255, 0.7);
		border-top: 1px solid grey !important;
		border-top-right-radius: 18px !important;
		border-right: 1px solid grey !important;
		height: 55px !important;
		bottom: 0 !important;
		left: 0 !important;
		position: fixed !important;
		width: 205px !important;
		z-index: 1000 !important;
                cursor:help;
            }
            #logo_l
            {
                top: 32px;
                left: 10px;
                position: fixed;
		width: 180px;
		height: 44px;
                z-index: 1000;
		background-image: url('/img/watermark.png');
		background-repeat:no-repeat;
		background-position:top left;
		cursor:help;
            }
            #logo_r
            {
                top: 32px;
                right: 10px;
                position: fixed;
		width: 180px;
		height: 44px;
                z-index: 1000;
		background-image: url('/img/watermark.png');
		background-repeat:no-repeat;
		background-position:top right;
		cursor:help;
            }
	    .control
            {
	        -moz-user-select: none;
 		bottom: 10px;
		height: 40px;
		right: 10px;
		position: absolute;
		height: 100px;
		width: 140px;
		z-index: 1000;
		font-family: helvetica, arial sans-serif;
		text-decoration: none;
		font-size: medium;
            	color: white;
            	font-weight: bold;
		padding: 3px;
            	margin-top: 5px;
            	margin-right: 5px;
            }
            .control:hover
            {
            	color: red;
            }
	    #panDownControl {
		bottom: 8px;
    		left: 28px;
    		position: absolute;
	    }
	    #panUpControl {
    		left: 28px;
    		position: absolute;
    		top: 8px;
	    }
	    #panRightControl {
    		position: absolute;
    		left: 48px;
    		top: 28px;
	    }
	    #panLeftControl {
    		left: 8px;
    		position: absolute;
    		top: 28px;
	    }
	    #ZoomInControl {
    		right: 8px;
    		position: absolute;
    		top: 15px;
	    }
	    #ZoomOutControl {
    		right: 8px;
    		position: absolute;
    		bottom: 15px;
	    }
	    #HomeControl {
    		left: 28px;
    		position: absolute;
    		top: 28px;
	    }
	    #next {
		margin-top: -25px;
                top: 50%;
                right: 10px;
                width: 50px;
                height: 50px;
                background: url('/icons/right_arrow.png') no-repeat scroll center center;
                cursor:pointer;
	    }
	    #next:hover {
                background: url('/icons/right_arrow_a.png') no-repeat scroll center center;
	    }
	    #previous {
		margin-top: -25px;
                top: 50%;
                left: 10px;
                width: 50px;
                height: 50px;
                background: url('/icons/left_arrow.png') no-repeat scroll center center;
                cursor:pointer;
	    }
	    #previous:hover {
                background: url('/icons/left_arrow_a.png') no-repeat scroll center center;
	    }
	    .overlay
	    {
	        border: 1px solid white;
    		-webkit-border-radius: 10px;
    		-moz-border-radius: 10px;
    		-o-border-radius: 10px;
    		-khtml-border-radius: 10px;
    		-ms-border-radius: 10px;
		border-radius:10px;
	    }
            .hotspot
            {
		font-family:Verdana,Arial,Helvetica,sans-serif;
		font-size:11px;
		text-align: justify;
		background: rgb(0, 0, 0);
		background: rgba(0, 0, 0, 0.7);
		color:#FFFFFF;
		padding: 15px;
    		-webkit-border-radius: 10px;
    		-moz-border-radius: 10px;
    		-o-border-radius: 10px;
    		-khtml-border-radius: 10px;
    		-ms-border-radius: 10px;
		border-radius:10px;
            }
            .infobox
            {
		position:absolute;
		width:300px;
		height:300px;
                font-family:Verdana,Arial,Helvetica,sans-serif;
                font-size:11px;
		text-align: justify;
		background: rgb(0, 0, 0);
		background: rgba(0, 0, 0, 0.7);
                color:#FFFFFF;
                padding: 15px;
                -webkit-border-radius: 10px;
                -moz-border-radius: 10px;
                -o-border-radius: 10px;
                -khtml-border-radius: 10px;
                -ms-border-radius: 10px;
                border-radius:10px;
		z-index:200;
		vertical-align: middle;
		margin-left: auto;
		margin-right: auto;
            }
	    .hotspot:img { 
    		float: left; 
    		clear: left;
		margin: 4px; 
	    }
	    .closebutton {
		    z-index: 1000;
		    cursor: pointer;
		    height: 30px;
		    width: 30px;
		    position: absolute;
		    right: -15px;
		    top: -15px;
		    background-image: url('/icons/cross-button.png');
		    background-repeat:no-repeat;
		    background-position:center;
	   }
	   #date {
		    z-index: 1000;
		    position: fixed;
		    bottom: 15px;
                    margin-left:-150px;
		    left:50%;
                    font-family:Verdana,Arial,Helvetica,sans-serif;
                    font-size:11px;
                    text-align: justify;
                    background: rgb(0, 0, 0);
                    background: rgba(0, 0, 0, 0.7);
                    color:#FFFFFF;
                    padding: 4px;
                    -webkit-border-radius: 10px;
                    -moz-border-radius: 10px;
                    -o-border-radius: 10px;
                    -khtml-border-radius: 10px;
                    -ms-border-radius: 10px;
                    border-radius:10px;
	   }
	   #galleria {
		    width:425px;
		    height:350px;
		    display:none;
	   }
	   .galleria-container {
		    width: 425px;
		    height: 350px;
	   }
	   .galleria-exit{position:absolute;top:12px;right:12px;z-index:10;cursor:pointer;
                font-family:Verdana,Arial,Helvetica,sans-serif;
                font-size:11px;
                text-align: justify;
 	   }
	   .pin {
		width:23px;
		height:23px;
		background: #FE642E;
		border-style:solid;
		border-color:#000000;
		border-width:1px;
		border-radius: 12px;
		-webkit-border-radius: 12px;
		-moz-border-radius: 12px;
		box-shadow: inset 0 0px 4px rgba(0, 0, 0, .8);
		-webkit-box-shadow: inset 0 0px 4px rgba(0, 0, 0, .8);
		-moz-box-shadow: inset 0 0px 4px rgba(0, 0, 0, .8);
	   }
	   .imgpin {
		position:absolute;
   		top:3px;
   		left:3px;
	   }
	   *{
  		-webkit-tap-highlight-color: rgba(255, 255, 255, 0); /* mobile webkit */
	   }
	   .noTitle .ui-dialog-titlebar {display:none}
	   .ui-widget { font-family: Lucida Grande, Lucida Sans, Arial, sans-serif; font-size: 0.8em; text-align: justify;}
	   .archive_img {
		position:relative;
		float:left;
		margin-bottom:10px;
		margin-right:10px;
		background:url('/icons/loader_icon.gif') no-repeat center;
	   }
	   .archive_overlay {
		width:100%;
                font-size:12px;
		background: rgb(0, 0, 0);
		background: rgba(0, 0, 0, 0.7);
		position:absolute;
		text-align:center;
		bottom:0;
	   }
	   .video_img {
		position:relative;
		float:left;
		margin-bottom:10px;
		margin-right:10px;
		background:url('/icons/loader_icon.gif') no-repeat center;
	   }
	   .video_overlay {
		width:100%;
                font-size:12px;
		background: rgb(0, 0, 0);
		background: rgba(0, 0, 0, 0.7);
		position:absolute;
		text-align:center;
		bottom:0;
	   }
	   .archive_download {
		width:16px;
		height:16px;
		position:absolute;
		top:0;
	   }
	   a img{
		border:0;
	   }
	   #date_outer {
		bottom: 15px;
    		float: left;
    		left: 50%;
    		position: fixed;
	   }
	   #date_inner {
		background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7);
		border-radius: 10px 10px 10px 10px;
		color: #FFFFFF; 
		font-family: Verdana,Arial,Helvetica,sans-serif;
		font-size: 11px;
		text-align: justify; 
		z-index: 1000;
		float: left;
		left: -50%;
		position: relative;
		padding: 4px;
	   }
	   .merger {
                border: 0px solid white;
                background-size: contain;
		-webkit-background-size: contain; 
		-moz-background-size: contain; 
		-o-background-size: contain; 
                background-position: left top;
                background-repeat:no-repeat;
	   }
	   .ui-widget-content {
		   -webkit-overflow-scrolling: touch;
	   }