.container { width:100%; margin:0 auto; }
#div_login { border: 1px solid gray; border-radius: 3px; width: 250px; height: 124px; box-shadow: 0px 2px 2px 0px  gray; margin: 0 auto; }
#div_login h3 { margin-top: 0px; font-weight: normal; padding: 3px; background-color: #003399; color: white; font-family: sans-serif; }
#div_login div { clear: both; margin-top: 2px; padding: 2px; }
#div_login .textbox { width: 100%; padding: 0px; }
#div_login input[type=submit] { padding: 2px; width: 90px; background-color: #003399; border: 0px; color: white; }
#div_logout input[type=submit] { padding: 2px; width: 90px; background-color: #003399; border: 0px; color: white; }
@media screen and (max-width:720px) { .container{ width: 100%; } #div_login{ width: 99%; } }

body
ul#plansymbolmenu { list-style-type: none; }
ul#plansymbolmenu li { display: inline; text-decoration: none; line-height: 360%; font-size: 12px; display:inline-block; border:1px solid black; width: 55px; text-align: center; }
ul#plansymbolmenu li:hover { display: inline; text-decoration: none; line-height: 360%; font-size: 12px; display:inline-block; border:1px solid black; width: 55px; text-align: center; background-color: #03a9f4; }
ul#plansymbolmenu li.selected { display: inline; text-decoration: none; line-height: 360%; font-size: 12px; display:inline-block; border:1px solid black; width: 55px; text-align: center; background-color:#003399; }
ul#plansymbolmenu li.selected:hover { display: inline; text-decoration: none; line-height: 360%; font-size: 12px; display:inline-block; border:1px solid black; width: 55px; text-align: center; background-color:#03a9f4; }
ul#plansymbolmenu li.disabled { display: inline; text-decoration: none; line-height: 360%; font-size: 12px; display:inline-block; border:1px solid black; width: 55px; text-align: center; background-color:#cccccc; }
ul#plansymbolmenu li.disabled:hover { display: inline; text-decoration: none; line-height: 360%; font-size: 12px; display:inline-block; border:1px solid black; width: 55px; text-align: center; background-color:#03a9f4; }
ul#plansymbolmenu li.selecteddisabled { display: inline; text-decoration: none; line-height: 360%; font-size: 12px; display:inline-block; border:1px solid black; width: 55px; text-align: center; background-color:#404040; }
ul#plansymbolmenu li.selecteddisabled:hover { display: inline; text-decoration: none; line-height: 360%; font-size: 12px; display:inline-block; border:1px solid black; width: 55px; text-align: center; background-color:#03a9f4; }
ul#plansymbolmenu li a { color: #202020; background-color: white; margin: 0px 0px 0px 0px; width: 53px; padding: 15px 15px 15px 15px; }
ul#plansymbolmenu li a:hover { color: white; background-color: #03a9f4; }
ul#plansymbolmenu li a.selected { color: white; background-color: #003399; }
ul#plansymbolmenu li a.selected:hover { color: white; background-color: #03a9f4; }
ul#plansymbolmenu li a.disabled { color: white; background-color: #cccccc; }
ul#plansymbolmenu li a.disabled:hover { color: white; background-color: #03a9f4; }
ul#plansymbolmenu li a.selecteddisabled { color: white; background-color: #404040; }
ul#plansymbolmenu li a.selecteddisabled:hover { color: white; background-color: #03a9f4; }
div.tabContent { border: 1px solid #c9c3ba; padding: 0.5em; background-color: #f1f0ee; }
div.tabContent.hide { display: none; }

#zones table, th, td {
    border: 1px solid #003399;
    padding: 2px 5px 2px 5px;
  }
  #zones th {
    background: #003399;
    color: white;
  }
  /*#zones tr:nth-child(odd) {background: #202040}*/