hotspot-dashboard-old/dash.css

#container {
    /*max-width: 1200px;*/
    text-align: left;
    margin: auto;
    background : #ffffff;
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px; 
    -khtml-border-radius: 5px 5px 5px 5px;
    -ms-border-radius: 5px 5px 5px 5px;
    box-shadow: 3px 3px 3px #707070;
}

#header {
    background : #2d2d2d;
    text-decoration : none;
    color : #ffffff;
    /*font-family : verdana, arial, sans-serif;*/
    font-family : monospace;
    font-size: 1.1em;   
    text-align : left;
    padding : 5px 5px 5px 5px;
    border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0px 0px;
    -webkit-border-radius: 5px 5px 0px 0px; 
    -khtml-border-radius: 5px 5px 0px 0px;
    -ms-border-radius: 5px 5px 0px 0px;
    overflow-wrap: break-word;
 }

#header h1 {
  font-family: verdana, arial, sans-serif;
  color:  whitesmoke;
}

#content {
    padding : 5px 5px 5px 5px;
    color : #000000;
    background : #ffffff;
    text-align: center;
    font-size: 1.4em;
    /*overflow: hidden;*/
    max-width: 100%;
}

#toptable {
    /*margin-bottom: 0.5em;*/
    width: 100%;
}

#bmtable {
    float: left;
    width: 49%;
    margin-left: 1px;
    margin-right: 1px;
}

#ipsctable {
    float: right;
    width: 49%;
    margin-left: 1px;
    margin-right: 1px;
}

#footer {
    background : #2d2d2d;
    text-decoration : none;
    color : #ffffff;
    font-family : verdana, arial, sans-serif;
    font-size : 9px;
    text-align : center;
    padding : 10px 5px 10px 5px;
    border-radius: 0 0 5px 5px;
    -moz-border-radius: 0px 0px 5px 5px;
    -webkit-border-radius: 0px 0px 5px 5px; 
    -khtml-border-radius: 0px 0px 5px 5px;
    -ms-border-radius: 0px 0px 5px 5px;
    clear : both;
    overflow-wrap: break-word;
}

body, font {
    background: #edf0f5;
    font: 12px verdana,arial,sans-serif;
    /*color: #ffffff;*/
    color: #000000;
}

table {
    /*vertical-align: middle;*/
    text-align: center;
    empty-cells: show;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    border-collapse:collapse;
    border-color: #000000;
    border-style: solid;
    /*border-spacing: 4px;
    border-width: 2px;*/
    text-decoration: none;
    color: #ffffff;
    background: #000000;
    font-family: verdana,arial,sans-serif;
    /*width: 100%;*/
/*    white-space: nowrap;
    overflow-x: scroll; */
}

table th {
    font-family: "Lucidia Console",Monaco,monospace;
    text-shadow: 1px 1px #3d3d3d;
    text-decoration: none;
    background: #2d2d2d;
    /*border: 1px solid #c0c0c0;*/
    border: 1px solid #000000;
}

table tr:nth-child(even) {
    background: #f7f7f7;
}

table tr:nth-child(odd) {
    background: #d0d0d0;
}

table td {
    vertical-align: text-top;
    color: #000000;
    font-family: "Lucidia Console",Monaco,monospace;
    text-decoration: none;
    border: 1px solid #000000;
}

a {
    text-decoration:none;
    
}

a:link, a:visited {
    text-decoration: none;
    color: #0000e0;
    font-weight: normal;
}

ul {
    padding: 5px;
    margin: 10px 0;
    list-style: none;
    float: left;
}

ul li {
    float: left;
    display: inline; /*For ignore double margin in IE6*/
    margin: 0 10px;
}

ul li a {
    text-decoration: none;
    float:left;
    color: #999;
    cursor: pointer;
    font: 900 14px/22px "Arial", Helvetica, sans-serif;
}

ul li a span {
    margin: 0 10px 0 -10px;
    padding: 1px 8px 5px 18px;
    position: relative; /*To fix IE6 problem (not displaying)*/
    float:left;
}

h1 {
    text-shadow: 2px 2px #000000;
    text-align: center;
}

.box {
    margin-top: 1em;
    margin-bottom: 0.5em;
    margin-left: 1px;
    margin-right: 1px;
}

.clear {
    clear: both;
}