body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#atHeader {
  background-color: #531178;
}
#atHeader h1 {
  color: #FFFFFF;
}
#atFooter {
  background-color: #EBEBEB;
}
#atMap .atSimpleSearch form a {
  background-color: #531178;
  color: #FFFFFF;
}
#atMap .atSimpleSearch form a:hover {
  background-color: #7217a5;
}
#atLocationSearch input.atSearchBtn,
#atLocationDisplay input.atSearchBtn,
#atLocationDisplay #atLocationBar_btnChangeLocation,
#atLocationDisplay .cancel-address-search {
  background-color: #531178;
  border-color: #340b4b;
}
#atLocationSearch input.atSearchBtn:hover,
#atLocationDisplay input.atSearchBtn:hover,
#atLocationDisplay .cancel-address-search:hover {
  background-color: #7217a5 !important;
  border-color: #531178 !important;
}
#atTabBar,
#atTabBar input,
#atTabBar button,
#atLocationSearch input#atTextSearch,
#atLocationDisplay input#atTextSearch {
  border-color: #340b4b;
}
#atButtonBar input[type=submit],
#atButtonBar button[type=submit],
#atContentConfig input[type=submit],
#atContentConfig button[type=submit] {
  background-color: #531178;
  background: none;
  color: #000000;
  /* border-color: @medium_brand_colour; */
}
#atButtonBar input[type=submit]:hover,
#atButtonBar button[type=submit]:hover,
#atContentConfig input[type=submit]:hover,
#atContentConfig button[type=submit]:hover {
  background-color: #7217a5;
  background: none;
  color: #000000;
}
#atButtonBar .ui-state-default,
.ui-widget-content .ui-state-default {
  border-color: #340b4b;
}
.ui-state-default,
.ui-widget-content .ui-state-default {
  border-color: #340b4b;
}
.map-panel.ui-dialog.ui-widget-content .ui-dialog-titlebar,
#atPWparent .ui-dialog-titlebar {
  background-color: #531178;
}
div.atPanel .atPanelHeader {
  background-color: #340b4b;
}

/*
.atPanel h3 a {
  color: #FFFFFF;
  font-weight: normal;
}
*/

h3 a {
    text-decoration-line: none;
}
#atTabBar {
  border-color: #340b4b;
}
#atTabBar input[type=submit],
#atTabBar button[type=submit] {
  background-color: #340b4b;
  color: #FFFFFF;
}
#atTabBar input[type=submit].atTabSelected,
#atTabBar button[type=submit].atTabSelected {
  background-color: #531178;
  color: #FFFFFF;
}
#atTabBar input[type=submit]:hover,
#atTabBar button[type=submit]:hover {
  background-color: #7217a5;
  color: #000000;
}
#atTabBar h2,
#atTabBar span,
#atTabBar label,
#atTabBar_curTab {
  display: none;
}
#searchForm input.atSearchBtn,
#atLocationBar_btnPerformSearch {
  background-color: #531178;
  color: #FFFFFF;
}
#atLocationBar input {
  background-color: #7217a5;
  color: #000000;
}
#atLocationSearch input#atTextSearch,
#atLocationDisplay input#atTextSearch {
  border: 2px solid #531178;
}
div.atPanel {
  border: 1px solid #340b4b;
}
.atPanelContent {
  border-bottom:none;
}
div.atPanel .atPanelHeader h3 {
  border-bottom: none;
}
#atMapSpurForm #atMyMaps {
  border: 2px solid #340b4b;
}
/* Add a border between the side panel and the map */
.atOuterWpr.noTB {
  border-right: 2px solid #340b4b !important;
}
.atPopupFeatureInfo .contentDisplay h3 {
  background-color: #531178 !important;
  color: #FFFFFF !important;
}
div.olControlZoom a.olButton {
  background-color: #531178;
  color: #FFFFFF;
}
div.olControlZoom a.olButton:hover {
  background-color: #7217a5;
}
div#atZoomControls a,
div#atPanelToggle a {
  border: 2px solid #F4F4F4;
  background-color: #531178;
  color: #FFFFFF;
}
div#atZoomControls a:hover,
div#atPanelToggle a:hover {
  background-color: #7217a5;
}
.atBaseMapSwitcher a {
  background-color: #340b4b;
  color: #FFFFFF;
}
.atBaseMapSwitcher a:hover {
  background-color: #7217a5;
  color: #FFFFFF;
  text-decoration: none;
}
.atBaseMapSwitcher a:visited {
  color: #FFFFFF;
}
.atBaseMapSwitcher ul li a.atBM-active {
  background-color: #531178;
  color: #FFFFFF;
}
.ui-widget-header,
.ui-state-active,
.ui-widget-content .ui-state-active {
  /* background: @white_92_light !important; */
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus {
  /* background: @white_96_light !important; */
  /*color: #531178;*/
  color: #cccccc;
}
div#atWelcomePanel {
  background-color: #F4F4F4;
}

/*
#atWelcomePanel h3 {
  color: #FFFFFF;
}
*/
#atMyNearest tr.atAlt1 {
  border-top: 1px dashed #340b4b !important;
}
#atMyAlerts .atMyAlertsLocationHeader h4 {
  background-color: #F4F4F4;
}
body.myarea #panel_1 .atPanel tr.atAlt0,
body.myarea #panel_2 .atPanel tr.atAlt0 {
  background-color: transparent;
}
div#ishare-showPermaLink h2 {
  background-color: #340b4b !important;
  border: 1px solid #340b4b !important;
  color: #FFFFFF !important;
}
div#ishare-showPermaLink .ishare-dialog-buttons {
  background-color: #EBEBEB;
  color: #000000;
}
div#ishare-showPermaLink p {
  background-color: #F4F4F4;
  color: #000000;
}
div#ishare-showPermaLink span.label {
  color: #000000;
}
@media (max-width: 740px) {
  #atTabBar input {
    border-color: #EBEBEB;
  }
  .ui-dialog.ui-widget-content .ui-dialog-titlebar {
    background-color: #531178;
    color: #FFFFFF;
  }
  .ui-widget-header {
    background: #cccccc;
	/*#340b4b;*/
  }
}
.ui-corner-all {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 3px;
}
#atHeader h1 {
  padding: 10px;
}
.logo {
  float: right;
  height: 100px;
}
#atTabBar button[type=submit],
#atTabBar input[type=submit] {
  display: inline-block;
  border-width: 0;
}
.clearfix::after {
  content: "";
  clear: both;
  display: table;
}
/* Optional styles dependant on content */
.modern-dot-gov-councillor ul {
  margin-left: 0;
  padding-left: 0;
}
.modern-dot-gov-councillor ul li {
  list-style: none;
}
dd#MiniMap {
  max-width: 400px;
  margin: 0 auto;
  display: block;
}

div#atServerMessages {
    text-align: center;
    height: 0px;
}

div#atPanelToggle, div#atZoomControls {
    position: absolute;
    z-index: 10000;
}