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

/* Standard base responsive CSS for iShare */

/* Main container for iShare content */
#atMapSpurForm {
    position:relative;
    text-align:left;
    background-color:#fff;
    font-size:1em; 
}

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

/* tabs */
#atContainer { 
    text-align:center;
}
#atTabBar { 
	border-width: 0;
	border-bottom-width: 3px;
	border-style: solid;
	border-color: #91bec7;
	padding-left: 2%;
}
#atTabBar h2 { 
	display:none;
}
#atTabBar button,
#atTabBar input { 
    background-color:#fff;
    color:#333;
    border-color: #91bec7;
    border-style: solid;
	border-width: 1px;
	border-bottom-width: 0;
	cursor:pointer;
	padding: 1em 2em;
}

#atTabBar button.atTabSelected,
#atTabBar input.atTabSelected {
	background-color:#91bec7;
	color:#fff;
}

#atLocationSearch label {
	width: 98%;
	margin-left: 1%;
}
#atLocationSearch input#atTextSearch,
#atLocationDisplay input#atTextSearch {
	width:79% !important;
	margin-left: 1%;
	margin-right: 0 !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 {
	margin: 0 1% 0 1%;
	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:center; 
}

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

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

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

form#searchForm {
	height: inherit;
}

/* MyHouse panels */

div.atPanelContainer {
    margin-left: 1%;
}

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

div.atPanel {
    border:1px solid #91bec7;
	margin-bottom: 2%;
}

div.atPanel .atPanelHeader {
    background-color:#91bec7;
    color:#fff;
    margin:0 auto;
}

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

div.atPanel .atPanelHeader h3 {
    font-size:100%;
    padding:0.3em 0.5em;
    margin:0;
    border-bottom:1px solid #91bec7; 
}
.atHidden, input#txtAreaId { 
	display:none; 
}
.atPanelContent { 
	padding: 1em;
	overflow:hidden; 
}

.atPanelContent h4 { 
	margin-top: 0; 
}

/* hide all show on map links */
/*.atShowOnMap, 
.view-map { 
	display:none; 
} */

/* MyNearest */
.atPanelContent {
	position: relative;
	border-bottom: 1px solid #91bec7;
}

.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 div.atPanel {
	margin-right: 1%;
}

#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:8px;
	/*border-color:#ccc;
	border-style:dotted;
	border-width:0 0 1px 0;*/
}
div#atPWparent div.atMainLayersGroup ol li a.atLayerLink {
	float:none;
}

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

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

/* 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: 400px) {
	#atTabBar {
		border-bottom-width: 1px;
		padding-left: 0;
	}
	#atTabBar  input{ 
		display: block;
		width: 100%;
	}
}

/* CSS for the wider screen */
@media screen and (min-width: 650px) {
	#atTabBar { 
		text-align:left;
	}
	#atLocationBar #atLocationDisplay .atCurrentLocation {
		text-align:left;
		padding-left: 2%;
	}
}