a, a:visited {color:#0055AA;text-decoration: none;}
a:hover {color:#4488DD;text-decoration:underline;}

html, body {background: url('/images/whitebackground.png') repeat #F6F6F6;font-family: 'Franklin Gothic Medium', 'Arial Narrow Bold', Arial, sans-serif;font-size:12px;height:100%;}

h1, h2, h3, h4 {text-shadow: 0px 1px 1px #DDD;}
h1 {font-size:30px;}
h2 {font-size:26px;}
h3 {font-size:22px;}
h4 {font-size:20px;}
h5 {font-size:16px;}
h6 {font-size:14px;}

div.error {color:#CC0000;width:100%;padding: 20px;border:1px solid #FDD;background-color:#FEE;text-align:center;}

div.navigationWrap {background-color:#333;height:40px;border-bottom:4px solid #FFCC00;position:relative;width:100%;}
div.navigation {width:960px;margin:auto;height:40px;}
div.navigation h1 {display:inline;float:left;color:#F6F6F6;line-height:40px;text-shadow:0px 1px 1px #000;padding:0 20px 0 0;border-right:1px solid #555;}
div.navigation ul {list-style-type: none;}
div.navigation ul li {float:left;}
div.navigation ul li a{color: #AAA;border-right:1px solid #555;display:block;padding:12px 25px;line-height:16px;font-size:16px;text-shadow: 0px 1px 1px #000;}
div.navigation ul li a:hover {color:#4488DD;text-decoration:none;cursor:pointer;}
div.navigation ul li a:active {color:#0055AA;}
div.navigation ul li a#adminButton {width:102px;}
div.navigation ul li a.current {background-color:#222;}
div.navigation ul li a.current:hover {color:#AAA;}
div.navigation ul li a.current:active {line-height: 16px;}

div.main {min-height:93%;position:relative;z-index:0;}
div.contentWrap {overflow:auto;height:100%;}
div.content {width:960px;margin:auto;padding:24px 0 60px 0;}
div.footerWrap {position:absolute;height:50px;bottom:0;}
div.footer {width:960px;margin:auto;border-top:1px solid #FFCC00;text-align:center;padding:10px;}

/*FORMS*/

input.button {background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.3, rgb(255,204,0)),color-stop(0.65, rgb(255,208,79)));
background-image: -moz-linear-gradient(center bottom,rgb(255,204,0) 30%,rgb(255,208,79) 65%);color:#333;border:1px solid #E9BA00;font-weight:bold;outline:none;padding:6px 8px;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}
input.button:hover {color:#333;text-shadow:1px 0px 4px #FFF;border-color:#FFCC00;cursor:pointer;}
input.green {background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.3, #A4DB00),color-stop(0.65, #B0EB00));background-image: -moz-linear-gradient(center bottom,#A4DB00 30%,#B0EB00 65%);border-color:#99CC00;}
input.green:hover {border-color:#B1E612;}

form {width:400px;margin:auto;}
form p {margin: 10px 0;}
form p label {position:absolute;padding:8px;line-height:22px;color:#DDD;font-size:14px;z-index:-1;}
form p label.focused, form p label.filled {display:none;}
form p input.text {width:376px;padding:8px;font-size:14px;border:1px solid #CCC;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;outline:none;background-color:transparent;z-index:1;}
form p input:focus {border-color:#4488DD;-moz-box-shadow: 0 0 5px 2px #B4CEF4;-webkit-box-shadow: 0 0 5px 2px#B4CEF4;box-shadow: 0 0 5px 2px #B4CEF4;}

/*HEATMAP*/

#heatmapValues {width:320px;padding:20px;border:1px solid #EEE;background-color:#FFF;}
#heatmapValues h1 {text-align:center;}
#heatmapValues .fieldContainer {border:1px solid #EEE;padding:10px;margin-bottom:10px;}
#dbcolorbars {width:180px;padding:14px 0;}
#dbcolorbars div:first-child {color:#EEE;background-color:#333;}
#dbcolorbars div:last-child {color:#EEE;background-color:#333;}
.colourChart {height:12px;width:100px;float: left;margin-right: 20px;}
.colourList {width:100%;margin:auto;color:#EEE;background-color:#666;}
#colorLineBox {color: #666666;float: right;text-align: center;text-transform: uppercase;width: 100px;}
#colorLineBox #line {width:10px;background-color:#666;height:100%;margin:auto;}
#colorLineBox #strongLine {border-bottom:2px solid #666;}
#colorLineBox #weakLine {border-top:2px solid #666;}

/*ADMIN*/

div.navigation ul li ul.adminMenu {list-style-type: none;width: 140px;position: absolute;margin: 4px 0 0;height500px;z-index: 100;display:none;}
div.navigation ul li ul.adminMenu li a {display:block;background-color:#EEE;font-size:12px;text-shadow:none;padding: 6px 26px;color: #333;text-align: left;border-bottom: 1px solid #CCC;float: none;font-size: 12px;text-shadow: none;border-right: none;width: 101px;}
div.navigation ul li ul.adminMenu li a:hover {background-color:#333;color:#FFF;text-decoration:none;cursor:pointer;}
div.navigation ul li ul.adminMenu li a:active {background-color: #666;}


#userInfoStrip {background-color:#f6f6f6;width:300px;height:20px;float:right;text-align:right;padding:10px;border:1px solid #CCC;border-bottom:none;}
#pieChart, #dbAvg {border:1px solid #CFD8FF;background: #F0F6FC;height:300px;width:388px;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;}
#pieChart:hover, #dbAvg:hover {-moz-box-shadow: 0 0 5px 2px #B4CEF4;-webkit-box-shadow: 0 0 5px 2px#B4CEF4;box-shadow: 0 0 5px 2px #B4CEF4;}
#pieChart h4, #dbAvg h4 {margin-top:20px;text-align:center;}
#pieChart #chart, #dbAvg #chartdb {display: block;left: 0;padding:12px 28px;position: absolute;top: 0;height:400px;width:600px;}
#dbAvg #chartdb {top: 340px;}
.dataTable.left {width:400px;margin-bottom:40px;}
.dataTable.right {width:500px;}
.dataTable.table h4 {text-align:center;padding:10px 0 20px;}
.dataTable.table {background:#F0F6FC;border:1px solid #CFD8FF;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;padding:10px;}
.dataTable.table:hover {-moz-box-shadow: 0 0 5px 2px #B4CEF4;-webkit-box-shadow: 0 0 5px 2px#B4CEF4;box-shadow: 0 0 5px 2px #B4CEF4;}
.dataTable.table table {width:460px;margin:auto;}
.dataTable.table table tbody tr {border-bottom:1px solid #eee;font-weight:normal;color:#666;}
.dataTable.table table tbody tr:hover {color:#00AA55;}
.dataTable.table table tbody tr th {color:#333;padding-bottom:2px;text-align:left;}
.dataTable.table table tbody tr td {padding: 4px 0;}

/*mac history*/
div.maphistory {width:100%;background: #FFF;}
div.maphistory h4 {text-align:center;margin:20px 0;}
div.maphistory table{width:560px;margin:auto;}
div.maphistory table tbody tr {border-bottom:1px solid #eee;font-weight:normal;color:#666;}
div.maphistory table tbody tr:hover {color:#333;}
div.maphistory table tbody tr th {color:#333;padding-bottom:2px; text-align:left;}
div.maphistory table tbody tr td {padding: 4px 0;}
div.maphistory table tbody tr td:first-child {padding:0 0 0 4px;}
div.maphistory table tbody tr.histEntry {background-color:transparent;}
div.maphistory table tbody tr.histEntry:hover {cursor:pointer;}
div.maphistory table tbody tr.histEntry.active {background-color:#FEE;color:#c00;border-bottom:none;}
div.maphistory table tbody tr.subMac {display:none;background-color:#FEE;color:#c00;}
div.maphistory table tbody tr.subMac td {padding:10px 4px;}


/*load map*/
fieldset .controlsBar {float: right;margin-right: -10px;margin-top: -16px;padding:0px 10px 4px;width: 220px;}
fieldset .controlsBar input.button {padding: 2px 4px;float: right;margin: 0 2px;color:#ccc;border-color:#333;-webkit-border-radius:0px 0px 10px 10px;-moz-border-radius:0px 0px 10px 10px;border-radius:0px 0px 10px 10px;background:#333;background:-moz-linear-gradient(top, #000000 0%, #494949 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(100%,#494949));filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#494949',GradientType=0 );background: linear-gradient(top, #000000 0%,#494949 100%);}
fieldset .controlsBar input.button:hover {text-shadow:1px 0px 8px #000;color:#eee;}

fieldset {border:1px solid #DDD; padding:10px;background:#FFF;}
fieldset legend {font-size:13px;text-shadow:1px 0px 5px #FFF;}
#genStatus {padding: 6px;border-top: 2px solid #DDD;margin: 10px 0;}
#generateInfo {width:300px;float:right;}
#macAccessPoints {width: 618px;padding: 0 20px;height: auto;margin: 0 0 20px 0;}
.checkBoxList-div {width: 150px;height: 20px;float: left;margin-right: 30px;}
.checkBoxList-check {float:right;}
#progressbar {display:none;margin-bottom:10px;}
.ui-progressbar-value { background-image: url(ui-lightness/images/pbar-ani.gif);}
div#loadObjectsMessage div.error-flash {width:10px;height:10px;background-color: #ea0000;float: left;margin-right: 10px;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;background: -moz-linear-gradient(top, #ea0000 2%, #ed6565 27%, #e01304 30%, #a90329 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,#ea0000), color-stop(27%,#ed6565), color-stop(30%,#e01304), color-stop(100%,#a90329));filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ea0000', endColorstr='#a90329',GradientType=0 );background: linear-gradient(top, #ea0000 2%,#ed6565 27%,#e01304 30%,#a90329 100%);}
div#loadObjectsMessage div.error {color:#CC0000;margin:10px 0;text-transform:uppercase;}