/**
* Simplified CSS file for the Responsive Design
*/

/* Standard base responsive CSS for iShare */

/* By default use border-box sizing for all iShare elements */
#atMapSpurForm, #atMapSpurForm * {
	box-sizing: border-box;
}

/* tabs */
#atContainer { 
    text-align:center;
}

#atTabBar h2 { 
	display:none;
}
#atTabBar button,
#atTabBar input { 
	cursor:pointer;
	padding: 1em 2em;
}

#atLocationSearch label {
	width: 98%;
	/*margin-left: 1%;*/
}
#atLocationSearch input#atTextSearch,
#atLocationDisplay input#atTextSearch {
	width:79% !important;
	margin-left: 0;
	margin-right: 5px !important;
	border: 2px solid #91bec7;
}
#atLocationDisplay input#atTextSearch {
	width:60% !important;
}

#atLocationDisplay .cancel-address-search {
	width: 17%;
}

#atLocationSearch input.atSearchBtn,
#atLocationSearch button.atSearchBtn,
#atLocationDisplay input.atSearchBtn,
#atLocationDisplay button.atSearchBtn,
#atLocationDisplay #atLocationBar_btnChangeLocation,
#atLocationDisplay  .cancel-address-search {
	padding: 0.5em;
	background-image: none;
	background-color: #91bec7;
	border-color: #91bec7;
	color: #fff;
}

#atLocationSearch input.atSearchBtn,
#atLocationSearch button.atSearchBtn,
#atLocationDisplay input.atSearchBtn,
#atLocationDisplay button.atSearchBtn {
	width: 18%;
}

#atLocationDisplay #atLocationBar_btnChangeLocation {
	/* Override padding which is otherwise set with an inline style */
	padding: 0.5em !important;
}

#atLocationBar {
	margin-bottom: 1em;
}

/*#atLocationBar_lblTextCurrentLocation { 
	display:none; 
}*/

.atBaseMapSwitcher {
	top:inherit;
	margin-top:4px;
}

#myAlertsLoginDetails .ui-state-success {
	background-color:#fff;
	border: 1px solid #d0d0d0;
}

.atPanel .atPanelFooter {
	text-align: right;
}

.atPanel .atPanelFooter input {
	margin: 4px;
}

#atButtonBar_btnManageDetails {
	margin-left:4px;
}

.atPanel .ui-state-highlight {
	border: 1px solid #d0d0d0;
	background: transparent;
	padding:8px;
}

.ui-icon {
	float:left;
}

div#atServerMessages #atState_error,
#error {
    color: #f00;
    font-weight: bold;
    padding: 4px;
}
div#atServerMessages {
    text-align: center;
}

#atTabBar label,
#atTabBar input#atTabBar_curTab { 
	display:none;
}


/* location bar */
form#searchForm label { 
	display:block; 
}

div.aw_results { 
	margin-top:20px; 
}

div#atLocationBar p.atCurrentLocation { 
	text-align:left; 
}

#atLocationBar_lblCurrentLocation { 
    margin-right: 8px;
    font-size:1.2em; 
}

#atButtonBar_btnOtherThings {
	float:left;
	margin-left: 1%;
	padding: 0.5em;
}

#atButtonBar_btnResetPage {
	float:left;
	padding: 0.5em;
}
#atButtonBar_btnManageDetails {
	display: none;
	float: left;
	margin-left: 1%;
	padding: 0.5em;	
}

form#searchForm {
	height: inherit;
}

/* MyHouse panels */

div.column {
	float:left;   
	margin: 0 auto;
	width:100%;
}

div.atPanel .atPanelHeader input { 
	display:none; 
}

.atHidden, input#txtAreaId { 
	display:none; 
}
/*.atPanelContent { 
	overflow:hidden; 
}*/

/* MyNearest */
/*.atPanelContent {
	position: relative;
}*/

.atPanelContent:last-child {
    border-bottom:0;
}

.atPanelContent table {
	width:100%;
}

.atPanelContent table tr th:nth-child(1),
.atPanelContent table tr td:nth-child(1) {
	width:50%;
    padding: 2px 4px;
}

.atPanelContent table tr td:last-child {
    padding: 2px 4px;
}

#atMyNearest .atIcon {
	display: block;
	position: absolute;
	top: 1em;
	right: 1em;
}

#atMyNearest .atPanelContent table thead {
	display: none;
}

#atMyNearest .atPanelContent table td p {
	margin: 0.25em;
}

#atMyNearest tr.atAlt1 {
    /*border-top: 1px dashed #91bec7;*/
}

/* Footer */
#atPoweredBy {
    clear:both;
    background:url(../../images/astun/poweredbyishare-online.png) no-repeat top left;
    display:block;
    width:200px;
    height:20px; 
}

#atPoweredBy span { 
	display:none; 
}

/* show map categories */

#atPWparent .ui-dialog-titlebar {
    background-image: none;
    background-color: #91bec7;
}

.ui-state-active, .ui-widget-content .ui-state-active {
	color: #333;
}

div#atPWparent div.atMainLayersGroup h3 {
	padding:2px;
	margin:0;
}
div#atPWparent div.atMainLayersGroup h3 span.atMapLayersCounterStatus {
	float:right;
}
div#atPWparent div.atMainLayersGroup h3 span.atMapLayersCounterStatus span.atMapLayersCounter {
	margin-right:4px;
}
div#atPWparent div.atMainLayersGroup h3 span.ui-icon {
	float:left;
}
div#atPWparent div.atMainLayersGroup ol {
	padding:0;
	margin:2px;
}
div#atPWparent div.atMainLayersGroup ol li {
	padding-left:8px;
}
div#atPWparent div.atMainLayersGroup ol li a.atLayerLink {
	float:none;
	margin-left: 0 !important;
}

div#atPWparent div.atMainLayersGroup ol li div.atChkboxOutrWpr {
	float:right;
}

#atMyMaps #atMap,
.atMapBody #atContent { 
    height:480px;
}

.atChkboxOutrWpr {
    padding-right: 3px;
}

.atMainLayersGroup ol li.atLegendImgShown .atLayerLegendImg {
    display: none !important;
}

.atMainLayersGroup ol li .atQueryLink {
    position: relative !important;
    float: left;
    margin-right: 0.35rem;
    left: unset !important;
}

.olPopup.olFramedCompactPopup {
    width: 280px !important;
    height: 360px !important;
    overflow-x: visible !important;
}

.olFramedCompactPopupContent {
    width: 100% !important;
    position: relative !important;
    left: unset !important;
    top: 0 !important;
    padding: 0 2rem 0 0 !important;
    overflow-x: visible !important;
    height: 100% !important;
}

#atMap .atPopupFeatureInfo {
    max-width: 100% !important;
/*    max-height: 100% !important;*/
    overflow-y: auto;
    overflow-x: hidden;
    padding: 0.5rem !important;
    border-radius: 0.5rem;
    box-shadow: 2px 4px 17px 0px rgba(0, 0, 0, 0.4);
    background-color: #ffffff;
}

/* Ensure the close button doesn't overlap the scroll bar */
.olFramedCompactPopupContent {
    padding-right: 10px;
}

.atPopupFeatureInfo p.ui-widget-header strong a, .atPopupFeatureInfo p.ui-widget-header a {
    text-decoration: underline !important;
}

.atPopupFeatureInfo .contentDisplay h3 {
    background-color: #91BEC7;
    font-size: 1em;
    color: white;
    padding: 2px 10px;
    margin-right: 0 !important;
}

.atPanelContent .infoResult p {
    line-height: 1.2em;
    padding: 0 0.25em 0.25em 0.25em;
    margin: 0;
}

#atJqBaseMapSwitcher {
    margin-right:16px;
}

#atPWparent .atJqOpenClose {
	background-image: url(../../css/jquery/images/ui-icons_888888_256x240.png)
}

/* MyAlerts */
#atMyAlerts label {
	display:inline-block;
	width:200px;
	font-weight:bold;
}

#myAlertsLoginDetails .login-rememberme  label {
	margin-left:24px;
}

#atTabMyAlerts_atMyAlertsLogin_txtUserName, 
#atTabMyAlerts_atMyAlertsLogin_txtPassword {
	width:98%;
	padding: 4px 0px 4px 4px;
    margin-top: 4px;
}

div.atMyAlertsLocationLess .normalrow, div.atMyAlertsLocationLess .alternaterow {
	margin-top:4px;
	margin-bottom:4px;
}

div#atMyAlertsLocationLess div.normalrow label, div#atMyAlertsLocationLess div.alternaterow label {
	padding-left:16px;
}

p .errorlabel {
    padding-left: 16px;
    color: #f00;
}

#atTabMyAlerts_atMyAlertsRegister_txtUserName,
#atTabMyAlerts_atMyAlertsRegister_txtEmail,
#atTabMyAlerts_atMyAlertsRegister_txtFirstName,
#atTabMyAlerts_atMyAlertsRegister_txtLastName,
#atTabMyAlerts_atMyAlertsRegister_txtPassword,
#atTabMyAlerts_atMyAlertsRegister_txtConfirmPassword,
#atTabMyAlerts_atMyAlertsRegister_txtTel,
#atTabMyAlerts_atMyAlertsUserAccount_txtUserName,
#atTabMyAlerts_atMyAlertsUserAccount_txtEmail,
#atTabMyAlerts_atMyAlertsUserAccount_txtFirstName,
#atTabMyAlerts_atMyAlertsUserAccount_txtLastName,
#atTabMyAlerts_atMyAlertsUserAccount_txtTel,
#atTabMyAlerts_atMyAlertsUserAccount_txtNickName,
#atTabMyAlerts_atMyAlertsUserAccount_txtPassword,
#atTabMyAlerts_atMyAlertsUserAccount_txtConfirmPassword {
	width:90%;
	padding: 4px 0px 4px 4px;
    margin-top: 4px;	
}

#atTabMyAlerts_atMyAlertsLogin_btnLogin,
#atTabMyAlerts_atMyAlertsRegister_btnGotoSignIn,
#atTabMyAlerts_atMyAlertsLocations_btnSaveAll,
#atMyAlertsLocations input.atMakeDefault,
#atTabMyAlerts_atMyAlertsUserAccount_btnSave {
	background-color:#fff;
	border-color:#d0d0d0;
	color:#4f4f4f;
}

#atMyAlertsLocations input.atMakeDefault {
	border-width:1px;
	border-style:solid;
	border-collapse:collapse;
}

a.atChangeLocationLink {
	display:block;
	margin-top:8px;
	margin-bottom:8px;
}

div.atMyAlertPanelSubHeader {
	margin-top:8px;
	margin-bottom:4px;
}

div.atMyAlertPanelSubHeader span {
	display:block;
	margin-left:8px;
	margin-bottom:4px;
}

#atMyAlerts div.atMyAlertPanelSubHeader span label {
	margin-left:8px;
	width:250px;
	font-weight:normal;
}

div.atMyAlertsLocationContent div.normalrow, div.atMyAlertsLocationContent div.alternaterow {
	margin-top:4px;
	margin-bottom:4px;
}

#atMyAlerts div.atMyAlertsLocationContent div.normalrow label, #atMyAlerts div.atMyAlertsLocationContent div.alternaterow label {
	font-weight:normal;
}

div.atMyAlertsLocationContent div.normalrow input, div.atMyAlertsLocationContent div.alternaterow input {
	margin-left:32px;
	margin-right:8px;
}

div.atMyAlertsLocation {
	border:1px solid #ccc;
	padding:8px;
	margin-bottom:8px;
}

div.atMyAlertsLocation:nth-child(even) {
	background-color:#eee;
}

div.atMyAlertsLocation h4 {
	border:0;
	background-image:none;
	background-color:transparent;
	font-weight:bold;
}

#atLocationBar_btnSetupAlerts {
	display:block;
}

.atMyAlertsLocationContent {
    display: inline-block;
}

/* CSS for the smaller screens */
@media screen and (max-width: 736px) {
	#atTabBar {
		border-bottom-width: 1px;
		padding-left: 0;
	}
	#atTabBar input { 
		display: block;
		width: 100%;
	}
	#atTabBar div {
		flex-direction: column;
	}
	#atTabBar button[type=submit] {
		margin: 0 0 10px 0 !important;
    }
    #atLocationSearch input#atTextSearch, #atLocationDisplay input#atTextSearch, #atMap #atSearch input {
    min-width: 240px !important;
    }
    #atLocationBar_lblCurrentLocation {
        display: block !important;
    }
}

@media screen and (max-width: 343px) {
	#atLocationSearch input.atSearchBtn,
    #atLocationSearch button.atSearchBtn,
    #atLocationDisplay input.atSearchBtn,
    #atLocationDisplay button.atSearchBtn,
    #atLocationDisplay #atLocationBar_btnChangeLocation,
    #atLocationDisplay  .cancel-address-search  .cancel-address-search {
        margin-left: 0;
		margin-top: 5px;
	}
}

/* CONWY FULL.CSS OVERRIDES */

@media screen and (max-width: 1024px) {
    .topheaderinnertabcontainer ul li {
        width: 19% !important;
    }
}

div.column:nth-child(n+2) {
	padding-left: 20px;
}