/* ex:tabstop=2:expandtab:shiftwidth=2
 */
body {
  background-color: #eee;
}
a:link, a:visited {
  color: #c00;
  text-decoration: underline;
}
img { border: 0; }
form { display: inline; }
.input_correct { color: black; }
.input_error { color: red; }

div#content {
  /* margin: auto; */
  width: 750px;
  border: 3px solid black;
}
div#top_panel {
  background-color: white;
  height: 59px;
  width: 750px;
}
div#top_panel_left {
  float: left;
  width: 685px;
}
div#top_panel_right {
  float: left;
}
div#red_bar {
  background-color: red;
  height: 5px;
  width: 750px;
  border-top: 4px solid black;
}
div#menu_panel {
  background-color: black;
  width: 750px;
  height: 32px;
  color: white;
}
div#menu_panel div.menu_item {
  float: left;
  padding-left: 35px;
  padding-top: 4px;
  padding-bottom: 4px;
  text-align: center;
  font-size: 1.2em;
  font-weight: bold;
}
div#wrapper {
  width: 750px;
  background-color: white;
  overflow: hidden;
  display: block;
}
div#wrapper:after {
  display: block;
  height: 0;
  clear: both;
}
div#submenu_panel {
  clear: both;
  width: 750px;
  height: 30px;
  background-color: #ccc;
  border-bottom: 1px solid black;
}
div#submenu_panel div.submenu_item {
  float: left;
  margin-top: 5px;
  padding-left: 35px;
  font-size: 1.1em;
  text-align: center;
}
div#main_panel {
  /* taken from:
   *  http://www.positioniseverything.net/articles/onetruelayout/equalheight
   * allows equal height columns 
   */
  /* not needed anymore since we're not using side by side columns
  padding-bottom: 32767px;
  margin-bottom: -32765px;
  */
}
div#main_contents {
  width: 730px;
  padding: 10px;
}
div#bottom_panel {
  clear: both;
  background-color: black;
  height: 25px;
  color: white;
  width: 750px;
  text-align: center;
}
div#bottom_panel div {
  padding-top: 5px;
}
div.clear {
  clear: both;
  float: none;
  display: block;
  height: 0;
}
div.action_header, div.error_header {
  font-weight: bold;
  font-size: 1.1em;
}
div.error_header, div.error_message { color: red }

h1.content_header {
  margin-top: 0px;
  margin-bottom: 10px;
  font-size: 1.3em;
}

div#warning_box, div#status_box {
  margin-top: 2px;
  margin-bottom: 20px;
  width: 500px;
  border: 1px solid black;
  background-color: #f0f0f0;
  padding: 5px;
}
div#survey_box { }

div#radiocheck_failure,
div#radiocheck_success {
  border: 1px solid black;
  background-color: #f0f0f0;
  padding: 2px;
  width: 500px;
}

.italic { font-style: italic; }

input.choose_button {
  color: #111;
  font-size: 90%;
  background-color: #eee;
  border: 1px solid #222;
  height: 19px;
}

/* 
 * styles for tables
 */
/* base tables */
table.config {
  margin-bottom: 10px;
  border: 1px solid black;
  background-color: #f0f0f0;
}
table.config td, table.config th { padding: 3px; }

table.lined {
  border: 1px solid #666;
  border-spacing: 0px;
  border-collapse: collapse;
  margin-bottom: 18px;
  padding: 2px;
  background-color: #f0f0f0;
}
table.lined th,
table.lined td {
  border-top: 1px solid #666;
  border-spacing: 0px;
  padding: 3px 2px 3px 2px;
  vertical-align: top;
}
table.lined th {
  font-size: 1.1em;
  background-color: #eee;
  text-align: left;
}

table.test { border: 1px solid gray; } 
table.test td,
table.test th { border: 1px solid gray; }

div.login_status {
  text-align: center;
  padding: 7px;
}
div.login { text-align: center; }
table.login {
  margin: auto;
  border: 1px solid #888;
}
table.login td, th {
  padding-left: 3px;
  padding-right: 3px;
}
table.login th {
  text-align: left;
  font-weight: bold;
  font-size: 1.2em;
}
table.login td { font-weight: bold; }
table.login td.ldap_message {
  text-align: center;
  font-size: 80%;
}

table.radio_config th { text-align: left; }

table.problems th { background-color: #b99; }

/* table instances */
table.radio_config { width: 400px; }
table.mode_select { width: 650px; }
table.user_admin { width: 310px; }
table.reboot { width: 280px; }
table.update { width: 400px; }
table.tunnelstatus { width: 400px; }
table.ipstatus { width: 400px; }
table.status { width: 500px; }
table.interfacestatus { width: 700px; }
table.stations { width: 700px; }
table.stationssurvey { width: 650px; }
table.spectrumanalyzer { width: 730px; }
table.changechannel { width: 650px; }
table.radiocheck { width: 650px; }
table.reset_configuration { width: 300px; }
table.preview_config { width: 330px; }
table.problems { width: 400px; }
table.dhcpleases { width: 480px; }

table.settings_survey {
  width: 600px;
  border: 1px solid black;
}
table.settings_survey th { text-align: center; }
table.settings_survey td.no_results {
  text-align: center;
  font-weight: bold;
}
table.settings_survey .mac,
table.settings_survey .ip,
table.settings_survey .ssid {
  text-align: left;
}
table.settings_survey .channel,
table.settings_survey .signal,
table.settings_survey .noise {
  text-align: right;
}
table.settings_survey .associate {
  text-align: center;
}

table.services { width: 570px; }
table.services td.service_name { font-weight: bold; }
table.services tr.disabled { background-color: #e5d7d7; }
table.services td.disabled, td.stopped, td.protected, td.boot { font-style: italic; }
table.services tr:hover { background-color: #ccc; }

table.stations td.signal,
table.stations th.signal,
table.stations td.noise,
table.stations th.noise { text-align: right; }

table.port_forward td,
table.port_forward th {
  text-align: center;
  border-right: 1px solid #ccc;
  padding: 4px;
}
table.port_forward th,
table.port_forward td.right {
  /* needs to match the border for lined table */
  border-right: 1px solid #666;
}
table.port_forward td.submit { text-align: left; }

/*
 * styles for configure.php 
 */
div.align_line {
  padding-top: 5px;
  padding-bottom: 5px;
  clear: both;
}
div.align_mac {
  width: 140px;
}
div.align_bar {
  border: 1px solid black;
  height: 18px;
}
div.align_signal {
  background-color: green;
  height: 18px;
}
div.align_noise {
  background-color: red;
  height: 18px;
}
div.align_readout {
  padding-left: 7px;
}
div.align_mac, div.align_bar, div.align_signal,
div.align_noise, div.align_readout
{
  float: left;
}

div.survey_xml_status {
  width: 294px;
  background-color: #f0f0f0;
  padding: 3px;
  border: 1px solid black;
/*
  font-size: 1.1em; 
  font-weight: bold;
*/
  margin-bottom: 10px;
}

/*
 * styles for stations.php
 */
#stationAccordion { width: 730px; }
.accordion {
  display: block;
  clear: both;
  margin-top:       6px;
  border-top-width: 1px;
  border-top-style: solid;
}
.accordionTabTitleBar {
  font-size           : 1em;
  padding             : 4px 6px 4px 6px;
  border-style        : solid none solid none;
  border-top-color    : #bdc7e7;
  border-bottom-color : #182052;
  border-width        : 1px 0px 1px 0px;
}
.accordionTabTitleBarHover {
  font-size        : 1em;
  background-color : #1f669b;
  color            : #000000;
}
.accordionTabContentBox {
   font-size        : 1em;
   border           : 1px solid #1f669b;
   border-top-width : 0px;
}
.accordionContent {
  margin: 6px;
}

/*
 * styles for spectrum_analyzer.php
 */
div.spectrumbar_container {
   margin-bottom: 10px;
}
div.analyzer_line {
  height: 24px;
  padding-top: 5px;
  padding-bottom: 5px;
  clear: both;
}
div.analyzer_channel {
  width: 45px;
}
div.analyzer_bar {
  border: 1px solid black;
  height: 18px;
}
div.analyzer_signal {
  background-color: green;
  height: 18px;
}
div.analyzer_noise {
  /* background-color: red; */
  height: 18px;
}
div.analyzer_readout {
  padding-left: 7px;
}
div.analysis_complete {
  font-weight: bold;
  padding-top: 5px;
}
div.analyzer_channel, div.analyzer_bar,
div.analyzer_signal, div.analyzer_noise, div.analyzer_readout
{
  float: left;
}