/*
	@medium_brand_colour: #CC0000
	@text_on_dark_background_hover: #FFFFFF
	@white: #FFFFFF
	@mid_grey: #A9A9A9
	@dark_brand_colour: #b70000
	@light_brand_colour: #e00000
	@text_on_dark_background: #fcfcfc
	@white_96_light: #f4f4f4
	@white_92_light: #eaeaea
	@white_80_light: #cccccc
	@text_on_light_background: #b70000
	@text_on_light_background_hover: #CC0000
*/


body {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#atHeader {
	background-color: #cc0000;
}

#atHeader h1 {
	color: #fcfcfc;
	line-height: 2em;
}

img.logo {
	float: right;
}

#atFooter {
	background-color: #eaeaea;
}

a:focus {
    border: 2px solid #b70000 !important;
	outline: 0px !important;
}

select.select-layer:focus {    
    border: 2px solid #b70000 !important;
}

input.ui-state-default.ui-corner-all.input-searchtext:focus {
    border: 2px solid #b70000 !important;
    outline: 0px solid !important;
}

input#atSearchforBtn:focus {
    border: 2px solid #b70000 !important;
}

select.atFindNearestDD:focus {
	border: 2px solid #b70000 !important;
}

#findnearest input[type="submit"]:focus {
    border: 2px solid #b70000 !important;	
} 

div#atPopupLinks a:focus,
div#atFooter a:focus {
  background-color: #ffffff !important;
  color: #b70000 !important;
  border: 2px solid #b70000 !important;
  outline: none !important;
}

div#atZoomControls a:focus, div#atPanelToggle a:focus, div#atSearch a:focus {
	background-color: #cc0000 !important;
	color: #fcfcfc !important;
	border: 2px solid #b70000 !important;
	outline: none !important;
}

div#atSearch input:focus {
	box-shadow: 0 0 5px #b70000;
}

a.atJqOpenClose.ui-icon.ui-widget-header.ui-corner-br.ui-corner-tr.ui-icon-carat-1-e {
    display: none;
}

a.atJqOpenClose.ui-icon.ui-widget-header.ui-corner-br.ui-corner-tr.ui-icon-carat-1-w {
    display: none;
}

div#id_ac_results {
    left: 20px !important;
}

div.atPanelSearch div#id_ac_results {
    left: 29px !important;
}

.ac_results a {
    text-decoration: none;
	color: #b70000;
}

.ac_results a:hover {
    color: #ffffff;
}

#atMap .atSimpleSearch form a.ui-widget-header.ui-corner-all {
	background-color: #cc0000;
	color: #ffffff;
}

#atMap .atSimpleSearch form a.ui-widget-header.ui-corner-all:hover {
	background-color: #e00000;
	color: #ffffff;
}

#atMap .atSimpleSearch form .ac_results a.ac_links {
	background-color: #cc0000;
	color: #ffffff;
}

#atMap .atSimpleSearch form .ac_results a.ac_links:hover {
	background-color: #e00000;
	color: #ffffff;
}

#atMap .atSimpleSearch form .ac_results a {
    background-color: #ffffff;
	color: #b70000;
}

#atMap .atSimpleSearch form .ac_results a:hover {
    background-color: #cc0000;
	color: #ffffff !important;
}

#atMap .atSimpleSearch form a {
	border-radius: 4px;
}

form#searchForm div.ac_results li.ac_over {
    background-color: #cc0000 !important;
}

form#searchForm div.ac_linksWrapper a.ac_links:hover {
	color: #b70000;
	text-decoration: underline;
}

li.ac_over {
    background: none !important;
}

#atLocationSearch input.atSearchBtn,
#atLocationDisplay input.atSearchBtn,
#atLocationDisplay #atLocationBar_btnChangeLocation,
#atLocationDisplay .cancel-address-search {
	background-color: #cc0000;
	border-color: #b70000;
}

#atLocationSearch input.atSearchBtn:hover,
#atLocationDisplay input.atSearchBtn:hover,
#atLocationDisplay .cancel-address-search:hover {
	background-color: #e00000 !important;
	border-color: #cc0000 !important;
}

#atLocationSearch input.atSearchBtn:focus,
#atLocationDisplay input.atSearchBtn:focus,
#atLocationDisplay .cancel-address-search:focus {
	text-decoration: underline;
}

#atTabBar,
#atTabBar input,
#atTabBar button,
#atLocationSearch input#atTextSearch,
#atLocationDisplay input#atTextSearch,
#atMap #atSearch input {
	border-color: #b70000;
}

#atButtonBar input[type=submit],
#atButtonBar button[type=submit],
#atContentConfig input[type=submit],
#atContentConfig button[type=submit] {
	background: #cc0000;
	background-color: #cc0000;
	color: #fcfcfc;
}

#atButtonBar input[type=submit]:hover,
#atButtonBar button[type=submit]:hover,
#atContentConfig input[type=submit]:hover,
#atContentConfig button[type=submit]:hover {
	background-color: #e00000;
	color: #fcfcfc;
}

#atButtonBar input[type=submit]:focus,
#atButtonBar button[type=submit]:focus,
#atContentConfig input[type=submit]:focus,
#atContentConfig button[type=submit] :focus{
	text-decoration: underline;
}

#atButtonBar .ui-state-default,
.ui-widget-content .ui-state-default {
	border-color: #b70000;
}
.ui-state-default,
.ui-widget-content .ui-state-default {
	border-color: #b70000;
}

.map-panel.ui-dialog.ui-widget-content .ui-dialog-titlebar,
#atPWparent .ui-dialog-titlebar {
	background-color: #cc0000;
	color: #fcfcfc;							 
}

div.atPanel .atPanelHeader {
	background-color: #cc0000;
}

.atPanel h3 a {
	color: #fcfcfc;
	font-weight: normal;
}

#atTabBar {
	border-color: #b70000;
}

#atTabBar input[type=submit],
#atTabBar button[type=submit] {
	background-color: #cc0000;
	color: #fcfcfc;
	font-weight: 700 !important;
	font-size: 14px !important;  
	border-width: 1px 1px 0px 1px !important;    
}

#atTabBar input[type=submit].atTabSelected,
#atTabBar button[type=submit].atTabSelected {
	color: #cc0000;
	background-color: #fcfcfc !important;
}

#atTabBar input[type=submit]:hover,
#atTabBar button[type=submit]:hover {
	color: #fcfcfc;
	background-color: #e00000 !important;
}

#atTabBar input.atTabSelected:hover,
#atTabBar button.atTabSelected:hover {
	color: #cc0000;
	background-color: #fcfcfc !important;
}

#atTabBar input[type=submit]:focus,
#atTabBar button[type=submit]:focus {
	text-decoration: underline;
	outline: none;
}

#atTabBar h2,
#atTabBar span,
#atTabBar label,
#atTabBar_curTab {
	display: none;
}

#searchForm input.atSearchBtn,
#atLocationBar_btnPerformSearch {
	background-color: #cc0000;
	color: #fcfcfc;
}

#atLocationBar input {
	background-color: #e00000;
	color: #b70000;
}

#atLocationSearch input#atTextSearch,
#atLocationDisplay input#atTextSearch,
#atMap #atSearch input {
	border: 2px solid #cc0000;
}

#atLocationSearch input#atTextSearch:focus, 
#atLocationDisplay input#atTextSearch:focus,
#atMap #atSearch input:focus {
	box-shadow: 0 0 5px #b70000;	
	border: 2px solid #cc0000 !important;
	outline: 0px solid !important;
}

input.ui-state-default.ui-corner-all.input-searchtext {
    border: 1px solid #a9a9a9 !important;
}

#searchForm input.atSearchBtn:disabled {
	pointer-events: none;
	#cccccc;
}

#searchForm input.atSearchBtn:focus, input#atSearchforBtn:focus {
	text-decoration: underline;
	outline: 0px solid !important;
}

div.atPanelSearch input#atTextSearch {
    border-color: #a9a9a9;
}

div.atPanelSearch input#atTextSearch:focus {
    border: 1px solid #b70000 !important;
	outline: 0px solid !important;
	background-color: #ffffff !important;
}

div.atTakeMeTo a:focus {
    text-decoration: underline !important;
}

div.atPanel {
	border: 1px solid #b70000;
}

.atPanelContent {
	border-bottom: 1px solid #b70000;
}

div.atPanel .atPanelHeader h3 {
	border-bottom: 1px solid #cc0000;
}

#atMapSpurForm #atMyMaps {
	border: 2px solid #b70000;
}

/* Add a border between the side panel and the map */
.atOuterWpr.noTB {
	border-right: 2px solid #b70000 !important;
}

.atPopupFeatureInfo .contentDisplay h3 {
	background-color: #cc0000 !important;
	color: #fcfcfc !important;
}

div.olControlZoom a.olButton {
	background-color: #cc0000;
	color: #fcfcfc;
}

div.olControlZoom a.olButton:hover {
	background-color: #e00000;
}

div#atZoomControls a,
div#atPanelToggle a {
	border: 2px solid #f4f4f4;
	background-color: #cc0000;
	color: #fcfcfc;
}

div#atZoomControls a:hover,
div#atPanelToggle a:hover {
	background-color: #e00000 !important;
}

#atMap .atBaseMapSwitcher a.ishare-clickable {
	text-decoration: none;
}

#atMap .atBaseMapSwitcher a {
	border: 1px solid white !important;
}

#atMap .atBaseMapSwitcher a:focus {
	color: #fcfcfc !important;
	text-decoration: underline;
	border: 1px solid white !important;
	border-bottom-width: 1px !important;
	outline: none !important;
	background-color: #cc0000 !important;  
}

#atJqBaseMapSwitcher a.atBM-active {
	text-decoration: none;
}

.atBaseMapSwitcher a {
	background-color: #b70000;
	color: #fcfcfc;
}

.atBaseMapSwitcher a:hover {
	background-color: #e00000;
	color: #fcfcfc;
	text-decoration: none;
}

.atBaseMapSwitcher a:visited {
	color: #fcfcfc;
}

.atBaseMapSwitcher ul li a.atBM-active {
	background-color: #cc0000;
	color: #fcfcfc;
}

.ui-state-active, .ui-widget-content .ui-state-active {
	border: 2px solid #b70000 !important;
}

.ui-state-active .ui-icon {
    background-image: url(../../css/jQuery/astun/images/ui-icons_4f4f4f_256x240.png);
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus {
	/* background: #f4f4f4 !important; */
	color: #cc0000;
}

div#atWelcomePanel {
	background-color: #f4f4f4;
}

#atWelcomePanel h3 {
	color: #fcfcfc;
}

#atMyNearest tr.atAlt1 {
	border-top: 1px dashed #b70000 !important;
	border-bottom: 1px dashed #b70000 !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: #b70000 !important;
	border: 1px solid #b70000 !important;
	color: #fcfcfc !important;
}

div#ishare-showPermaLink .ishare-dialog-buttons {
	background-color: #eaeaea;
	color: #b70000;
}

div#ishare-showPermaLink p {
	background-color: #f4f4f4;
	color: #b70000;
}

div#ishare-showPermaLink span.label {
	color: #b70000;
}

#atPWparent input[type="checkbox"]:focus {
    outline: 2px solid #b70000 !important;
	outline-offset: 1px !important;
}

#findnearest input[type="submit"]:focus {
    outline: none !important;
    background-color: #ffffff !important;
    text-decoration: underline;
}

select.atFindNearestDD:focus, select.select-layer:focus {
    border: 1px solid #b70000;
}

#atMyAlerts #myAlertsLoginDetails p input, #atMyAlerts #myAlertsUserAccount p input, #atMyAlerts #myAlertsUnsubscribe p input {
	width: 70% !important;
}

input#atTabMyAlerts_atMyAlertsLogin_txtUserName {
	border-color: #b70000;
	border-width: 1px;
}

input#atTabMyAlerts_atMyAlertsLogin_txtPassword {
	border-color: #b70000;
	border-width: 1px;
}

input#atTabMyAlerts_atMyAlertsForgottenPassword_txtEmail {
	border-color: #b70000;
	border-width: 1px;
}

#atMyAlerts #atTabMyAlerts_atMyAlertsLocations_btnSaveAll {
    background-color: #cc0000;
    color: #fcfcfc;
}

#atMyAlerts #atTabMyAlerts_atMyAlertsLocations_btnSaveAll:hover {
    background-color: #e00000;
    color: #fcfcfc;
}

#myAlertsLoginDetails .ui-state-success {
    background-color: #cc0000;
    border: 1px solid #b70000;
	color: #fcfcfc;
}

#myAlertsLoginDetails .ui-state-success:hover {
    background-color: #e00000 !important;
    border: 1px solid #b70000;
	color: #fcfcfc;
}

#myAlertsLoginDetails .ui-state-success:focus {
    text-decoration: underline;
}

#atTabMyAlerts_atMyAlertsLogin_btnForgottenDetails {
    background-color: #cc0000;
    color: #fcfcfc;	
    background-image: none !important;										
}

#atTabMyAlerts_atMyAlertsLogin_btnForgottenDetails:hover {
    background-color: #e00000;
    color: #fcfcfc;
}

#atTabMyAlerts_atMyAlertsLogin_btnForgottenDetails:focus {
    text-decoration: underline;
}

#atTabMyAlerts_atMyAlertsLogin_btnRegister {
    background-color: #cc0000;
    color: #fcfcfc;	
	background-image: none !important;								
}

#atTabMyAlerts_atMyAlertsLogin_btnRegister:hover {
    background-color: #e00000;
    color: #fcfcfc;
}

#atTabMyAlerts_atMyAlertsLogin_btnRegister:focus {
    text-decoration: underline;
}

#atTabMyAlerts_atMyAlertsForgottenPassword_btnEmail,
#atTabMyAlerts_atMyAlertsForgottenPassword_btnGotoSignIn,
#atTabMyAlerts_atMyAlertsRegister_btnCreateAccount,
#atTabMyAlerts_atMyAlertsRegister_btnCancel,
#atTabMyAlerts_atMyAlertsRegister_btnGotoSignIn,
#atTabMyAlerts_atMyAlertsUserAccount_btnChangePassword,
#atTabMyAlerts_atMyAlertsUserAccount_btnCancel {
    background-color: #cc0000;
    color: #fcfcfc;	
	background-image: none !important;
	border: 1px solid #b70000;	
}

#atTabMyAlerts_atMyAlertsForgottenPassword_btnEmail:hover,
#atTabMyAlerts_atMyAlertsForgottenPassword_btnGotoSignIn:hover,
#atTabMyAlerts_atMyAlertsRegister_btnCreateAccount:hover,
#atTabMyAlerts_atMyAlertsRegister_btnCancel:hover,
#atTabMyAlerts_atMyAlertsRegister_btnGotoSignIn:hover,
#atTabMyAlerts_atMyAlertsUserAccount_btnChangePassword:hover,
#atTabMyAlerts_atMyAlertsUserAccount_btnCancel:hover {
    background-color: #e00000;
    color: #fcfcfc;
	border: 1px solid #b70000;
}

#atTabMyAlerts_atMyAlertsForgottenPassword_btnEmail:focus,
#atTabMyAlerts_atMyAlertsForgottenPassword_btnGotoSignIn:focus,
#atTabMyAlerts_atMyAlertsRegister_btnCreateAccount:focus,
#atTabMyAlerts_atMyAlertsRegister_btnCancel:focus,
#atTabMyAlerts_atMyAlertsRegister_btnGotoSignIn:focus,
#atTabMyAlerts_atMyAlertsUserAccount_btnChangePassword:focus,
#atTabMyAlerts_atMyAlertsUserAccount_btnCancel:focus {
    text-decoration: underline;
}

#atMyAlerts .alternaterow, #atMyAlerts .normalrow {
    float: left;
}

div#atMyAlertsLocationLess div.alternaterow label {
    padding-left:  16px;
}

input#atTabMyAlerts_atMyAlertsLocations_btnSaveAll {
    float: right;
	border: 0px;
}

input#atTabMyAlerts_atMyAlertsLocations_btnSaveAll:focus {
	text-decoration: underline;
}

#btnSaveAlert-locless {
	display: none;
}

div.atMyAlertsLocationFooter input {
	background-color: #e00000;
	font-size: 12px !important;
    color: #fcfcfc;
}

div.atMyAlertsLocationFooter input:focus {
	text-decoration: underline;
}

div.atMyAlertsLocationHeader input.atMakeDefault {
    display: none;
}

span.atMyAlertsDistance {
    float: right;
}

div#myAlertsUserAccount input:focus {
    box-shadow: 0 0 5px #b70000;
}

div#myAlertsUserAccount input {
    border-style: solid;
    border-width: 1px;
    border-color: #cc0000;
}

div#myAlertsUserAccount div.atPanelFooter input {
	background-color: #cc0000;
	font-size: 12px !important;
    color: #fcfcfc;	
}

div#myAlertsUserAccount div.atPanelFooter input:hover {
	background-color: #e00000;
}

div#myAlertsUserAccount div.atPanelFooter input:focus {
	text-decoration: underline;
	box-shadow: none;
}

#atLocationBar_btnSetupAlerts {
    display: table !important;
}

div.atPublisherTemplate a:focus {
	color: #b70000 !important;
	background-color: #fcfcfc !important;
}

div.atPublisherTemplate a:hover {
	color: #fcfcfc !important;
	background-color: #e00000 !important;
}

div.atPublisherTemplate li.ui-state-active a:hover {
	color: #cc0000 !important;
	background-color: #fcfcfc !important;
}

	#atTabBar input {
		border-color: #eaeaea;
	}
  
	.ui-dialog.ui-widget-content .ui-dialog-titlebar {
		background-color: #cc0000;
		color: #fcfcfc;
	}
  
	.ui-widget-header {
		background: #b70000;
	}
}

/* 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#atLicences p {
    padding-left: 15px;
    font-size: 0.8em;
}

.astun-custom-dialog-title {
    background-color: #cc0000;
					 
}
