* {
    /*overflow-x: auto;*/
    
}

table, td {
   border: 1px solid black;
   padding: 7px;
   height: 19px;
   overflow-y: hidden;
   z-index:-1;
}
th{
	border: 2px solid black;
	padding: 6px;
	z-index:-1;
}
table {
	border-collapse: collapse;
	/*table-layout: auto;*/
	width: 100%;
    overflow-y: hidden;
	font-size: 16px;
	z-index:-1;
}
td > img {
    display: block;
	height: 100%;
	float: auto;
	z-index:-1;
    /*margin: -10em;*/
    padding: 0px;
	margin: 0px;
	vertical-align:top;
}
td > div > img {
    display: block;
	height: 30px;
    /*height: auto;
	float: auto;
    padding: 0px;
	margin: 0px;
	vertical-align:top;*/
}
td > select {
    display: block;
	height: 100%;
	float: auto;
	z-index:-1;
    /*margin: -10em;*/
    padding: 0px;
	margin: 0px;
	vertical-align:top;
}
tr:hover{
	background:#8F7F82;
}
tr:first-child:hover {
    background-color: white;
}


#refresh{
	position:fixed;
	bottom:0;
	right:0;
}

#emailtoggle{
	position:fixed;
	top:0;
	right:0;
}
.context-menu-one{
	position:fixed;
	bottom:0;
	right:25%;
}
#menu{
	position:fixed;
	top:0;
	width:100%;
	margin-left:0%;
	font-size: 60px;
}

#test{
	position:fixed;
	bottom:0%;
	width:90%;
	margin-left:0%;
	font-size: 20px;
}

#eventstable, #livetable{
	position:fixed;
	/*height: 100px;*/
	margin-top:100px;
	margin-left:5%;
	width: 90%;
	z-index:-1;
	/*font-size: 20px;*/
	/*resize:both;*/
	/*border: 2px solid black;*/
	overflow-y:auto;
}
#kml{
	position:fixed;
	margin-top:1%;
	z-index:-1;
	/*margin-left:2%;*/
}
#loginpage{
	/*position:fixed;*/
	width: 200px;
	height: 100px;
	position: absolute;
	/*background: blue;*/
    top:0;
    bottom: 0;
    left: 0;
    right: 0;
	margin-left: auto;
	margin-right: auto;
	margin-top: auto;
	margin-bottom: auto;
}

#iphistorytable, #sitehistorytable, #regionhistorytable{
	position:fixed;
	/*height: 100px;*/
	margin-top:100px;
	margin-left:60%;
	width: 35%;
	z-index:-1;
	height: 40px;
}

#all{
	z-index:-1;
}

#eventsContent, #myDiv{
    overflow-y:auto;
	overflow-x:auto;/*hidden*/
	z-index:-1;
    /*height:3px;*/
	/*display: block;*/
}
#sysconrecordtable table, #sysconDiv table{
    overflow-y:auto;
	overflow-x: auto;
	z-index:-1;
    /*height:3px;*/
	/*display: block;*/
}

#tablefoot{
	top:0;
	width:50%;
	font-size: 20px;
	z-index:-1;
}
#ipdetails, #sitedetails, #regiondetails{
	position:fixed;
	height: 100px;
	margin-top:100px;
	margin-left:5%;
	width: 90%;
	z-index:-1;
}
ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
li {
    display: inline;
}
.reportoptions > div > li > input{
    margin-left:2px;
}
/* unvisited link */
a:link {
    color: black;
	text-decoration:none;
}

/* visited link */
a:visited {
    color: black;
	text-decoration:none;
}

/* mouse over*/
a:hover {
    color: black;
	text-decoration:underline;
}

/* ----------------menu--------------------------*/
body {
	z-index:1;
}
 
 
.clearfix:after {
    display:block;
    clear:both;
}
 
/*----- Menu Outline -----*/
.menu-wrap {
    width:100%;
	left:0;
    box-shadow:0px 1px 3px rgba(0,0,0,0.2);
    background:#3e3436;
	
	/*position:relative;*/
	/*overflow: hidden;*/
    min-width: 200px;
}
 
.menuclass {
    width:90%;
    margin:0px auto;
}
 
.menuclass li {
    margin:0px;
    list-style:none;
    font-family:'Ek Mukta';
}
 
.menuclass a, #options li {
    transition:all linear 0.15s;
    color:#919191;
}
 
.menuclass li:hover > a, .menuclass .current-item > a, #options li:hover {
    text-decoration:none;
    color:#be5b70;
	/*z-index:1;*/
}
 
.menuclass .arrow {
    font-size:11px;
    line-height:0%;
}
 
/*----- Top Level -----*/
.menuclass > ul > li {
    float:left;
    display:inline-block;
    position:relative;
    font-size:19px;
}
 
.menuclass > ul > li > a {
    padding:10px 40px;
    display:inline-block;
    text-shadow:0px 1px 0px rgba(0,0,0,0.4);
}

.menuclass > ul > li:hover > a, .menuclass > ul > .current-item > a {
    background:#2e2728;
}
 
/*----- Bottom Level -----*/
.menuclass li:hover .sub-menu, .sub-menu li:hover .sub-sub-menu  {
	visibility: visible;
    z-index:2;
    opacity:1;
}

.menuclass ul li.hover, .menuclass ul li:hover {
    position: relative;
}

 
.sub-menu {
    width:160%;
    padding:5px 0px;
    position:absolute;
    top:100%;
    left:0px;
    z-index:-1;
    opacity:0;
    box-shadow:0px 2px 3px rgba(0,0,0,0.2);
    background:#2e2728;
	transition-delay: 0s;
	visibility: hidden;
	transition: 0.2s 0.15s; /* delay of 1 seconds on hover off */
}

.sub-sub-menu {
    width:100%;
    padding:5px 0px;
    position:absolute;
    right:100%;
    top:0;
    /*left:0px;*/
    z-index:-1;
    opacity:0;
    box-shadow:0px 2px 3px rgba(0,0,0,0.2);
    background:#2e2728;
	transition-delay: 0s;
	visibility: hidden;
	transition: 0.2s 0.15s; /* delay of 1 seconds on hover off */
} 

.sub-menu li, .sub-sub-menu li {
    display:block;
    font-size:16px;
}
 
.sub-menu li a, .sub-sub-menu li a{
    padding:10px 30px;
    display:block;
}
 
.sub-menu li a:hover, .sub-menu .current-item a, .sub-sub-menu li a:hover, .sub-sub-menu .current-item a  {
    background:#3e3436;
    position: relative;
	/* z-index:1;*/
}

.sub-menu #options li {
    padding:10px 30px;
    display:block;
	font-size:16px;
}
.sub-menu #options li:hover, .sub-menu .current-item li, .sub-sub-menu .current-item li {
    background:#3e3436;
	/* z-index:1;*/
}
.menuclass li a img {
    display: block;
	height: 22px;
	float: left;
	padding:0px;
    /*margin: -10em;*/
    /*padding: 1px;*/
}

table td ul li img:hover {
    background:#3e3436;
	z-index:2;
    opacity:1;
    /*margin: -10em;*/
    /*padding: 1px;*/
}

/* Popup on front page*/
#popup{
    width:40%;
    height:50%;
    opacity:.95;
    top:25%;
    left:30%;
    display:none;
    position:fixed;
    border:2px solid black;
    background-color:white;
    /*overflow:auto;    */
}
#close_page{
    position:absolute;
    top:0%;
    right:0%;
    width:20px;
    height:20px;
}
#close_page img{
    width:100%;
    height:100%;
    display:block;
}
#ip_popup{
    width:100%;
    height:100%;
    opacity:.95;
    top:0%;
    left:0%;
    display:none;
    position:relative;
    /*border:2px solid black;
    background-color:white;*/
    overflow:auto;    
}
#sysconsite_popup{
    width:100%;
    height:100%;
    opacity:.95;
    top:0%;
    left:0%;
    display:none;
    position:relative;
    /*border:2px solid black;
    background-color:white;*/
    overflow:auto;    
}
#sysconregion_popup{
    width:100%;
    height:100%;
    opacity:.95;
    top:0%;
    left:0%;
    display:none;
    position:relative;
    /*border:2px solid black;
    background-color:white;*/
    overflow:auto;    
}

#userlist ul{
    display:block;
    list-style-type: square;
}

#userlist li{
    display:block;
}