/**
* Requires jQuery
* Creator: Paul Porthouse
* $Revision: 1.06 $
* $Author: Paul Porthouse $
*
* This is the main CSS file for the Responsive Design
*/

/* Standard base responsive CSS for iShare */

body {
    min-width:400px;
}

#atContainer {
	width:90%;
}

#atTempHeader {
	background-color:#000;
	position:relative;
	height:160px;
	border-bottom:1px solid #b52121;
}

#atTempHeader .astunLogo {
	display:block;
	position:absolute;
	left:25px;
	top:25px;
}

#atTempHeader .astunLogo img {
	border:0;
}

#atTempFooter {
	border-top: 10px solid #dcdcdc;
	background-color:#000;
	height:58px;
	position:relative;
	margin-top:8px;
}

#atTempFooter ul.social {
	float:right;
	position:relative;
	margin-right:1em;
}

#atTempFooter ul.social li {
	float:left;
	font-size:80%;
}

#atTempFooter ul.social li a {
	color:#e0e0e0;
}

#atTempFooter ul.social li a:hover {
	color:#ffffff;
}

/* form */
#atMapSpurForm {
    position:relative;
    text-align:left;
    background-color:#fff;
    font-size:1em;
}

/* tabs */
#atContainer {
    text-align:center;
}
#atTabBar {
    background-color:#fff;
    text-align:center;
}
#atTabBar h2 {
	display:none;
}
#atTabBar input,
#atTabBar button {
    width:99%;
    height:1.5em;
    border-radius: 5px;
    background-color:#b52121;
    color:#fff;
    border-color:#b52121;
    margin: 2px auto;
    font-size:3em;
	cursor:pointer;
}
#atTabBar input.atTabSelected,
#atTabBar button.atTabSelected {
	/* Uncomment to hide the selected tab */
	/*display:none;*/
	background-color:#fff;
	color:#b52121;
}
#atLocationSearch input#atTextSearch {
	width:80% !important;
}
#atLocationDisplay input#atTextSearch {
	width:60% !important;
}
#atLocationDisplay input.atSearchBtn,
#atLocationDisplay input.cancel-address-search {
	background-image:none;
	background-color:#b52121;
	border-color:#b52121;
	color:#fff;
}
div#atLocationBar {
	margin-bottom:0;
}

.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;
}

/*
	These lines change the button height and text size
	depending on the available display width
*/
/*@media (max-width: 400px) {
	#atTabBar input {
		font-size:2.5em;
		height: 1.25em;
	}
}
@media (max-width: 300px) {
	#atTabBar input {
		font-size:2em;
		height: 1em;
	}
}
@media (max-width: 200px) {
	#atTabBar input {
		font-size:1.5em;
		height: 0.75em;
	}
}*/

#atTabBar label,
#atTabBar input#atTabBar_curTab {
	display:none;
}
#atTabBar input#atTabBar_btnTabWorkshop_-_AllMaps {
	/*display:none; */
}


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

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

div#atLocationBar p.atCurrentLocation {
	text-align:center;
}
#atLocationBar_lblTextCurrentLocation {
	display:none;
}
#atLocationBar_lblCurrentLocation {
    margin-right: 8px;
    font-size:1.2em;
}

/* button bar */
#atButtonBar {
	display:block;
	height:40px;
}

#atButtonBar_btnOtherThings {
	float:left;
	margin:8px;
}

#atButtonBar_btnResetPage {
	float:right;
	margin:8px;
}

form#searchForm {
	height:38px;
}

/* MyHouse panels */
div.atPanel {
    width:98%;
    border:1px solid #000;
    margin:8px auto;
}
div.atPanel .atPanelHeader {
    background-color:#b52121;
    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 #000;
}
.atHidden, input#txtAreaId {
	display:none;
}
.atPanelContent {
	padding:8px;
	overflow:hidden;
}
/* hide all show on map links */
/*.atShowOnMap,
.view-map {
	display:none;
} */

/* MyNearest */
.atPanelContent {
    border-bottom:1px dotted #ccc;
}

.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;
}


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

#atPoweredBy span {
	display:none;
}

/* show map categories */
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;
}

#atJqBaseMapSwitcher {
    margin-right:16px;
}

#atPWparent .atJqOpenClose {
	background-image: url(../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 {
	margin-top:4px;
	margin-bottom:4px;
}

div#atMyAlertsLocationLess div.normalrow 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;
	border-radius: 4px;
}

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

#atContent input:focus {
	background-color:#fcffce;
	background-image:none;
}

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 {
	margin-top:4px;
	margin-bottom:4px;
}

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

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

div.atMyAlertsLocation {
	border:1px solid #ccc;
	border-radius:4px;
	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;
}

/* CSS for the wider screen */
@media screen and (min-width: 650px) {
	#atContainer {
		position:relative;
		width:100%;
		margin-top:-42px;
		text-align:left;
	}

	/* tab bar */
	#atTabBar {
		background-color:#000;
		text-align:left;
		padding-left:8px;
	}
	#atMapSpurForm #atTabBar input {
		background-color:#B52121;
		font-weight:bold;
		color:#fff;
		text-align: center;
	}
	#atMapSpurForm #atTabBar input.atTabSelected {
		background-color:#fff;
		color:#B52121;
	}
	#atTabBar input,
	#atTabBar button {
		border:1px solid #B52121;
		border-radius:0px;
		border-top-left-radius:5px;
		border-top-right-radius:5px;
		width:8em;
		font-size:100%;
		margin:10px 4px 0 0;
		height:30px;
		padding-top:7px;
	}
	#atTabBar input#atTabBar_btnTabWorkshop_-_AllMaps,
	#atTabBar button#atTabBar_btnTabWorkshop_-_AllMaps {
		display:inline;
	}

	/* location bar */
	/*form#searchForm label {
		display:inline;
	}*/
	#atLocationBar {
		vertical-align:middle;
		position:relative;
		line-height:1.6;
		zoom:1;
		margin-bottom:20px;
		padding:5px;
	}
	#atLocationBar_lblTextCurrentLocation {
		font-weight:bold;
		padding-right:5px;
		display:inline;
	}
	#atMapSpurForm,
	#atTabBar input,
	#atTabBar input:active,
	#atTabBar button,
	#atTabBar button:active,
	#atMapSpurForm #atLocationBar div,
	#atMapSpurForm #atMapImageFrame #atMapImage { border-color:#b52121 }
	#atLocationBar #atLocationDisplay {
		border:1px solid #B52121;
		padding:8px;
	}
	#atLocationBar #atLocationDisplay #atLocationBar_btnChangeLocation {
		position:absolute;
		right:14px;
	}
	#atLocationBar #atLocationDisplay .atCurrentLocation {
		margin:0;
		text-align:left;
	}

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

	/* panels */
	#atContent .atPanelContainer {
		position:relative;
		float:left;
		width:100%;
		/*margin-left:4px;*/
	}
	#atJqBaseMapSwitcher a {
		font-weight:bold;
		cursor:default;
	}

	div.atPanel {
		border:1px solid #000;
	}

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

	#atPoweredBy {
		display:block;
		clear:both;
		margin-left:16px;
	}

	/* Map */
	#atMyMaps {
		padding:5px;
		padding-top:0;
		overflow:hidden;
		width:auto;
	}
	#atMyMaps #atMap {
		height:480px;
	}
	#atMyMaps #atContent {
		width:100%;
		height:480px;
	}
    #atPWparent {
        margin-left:9px;
    }
    #atPWparent.adjusted {
        margin-left:1px;
    }

	#atTabMyAlerts_atMyAlertsLogin_txtUserName,
	#atTabMyAlerts_atMyAlertsLogin_txtPassword {
		width:250px;
	}

	#atTabMyAlerts_atMyAlertsLogin_chkRememberMe {
		margin-left:200px;
	}

	#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:250px;
	}

	#atLocationBar_btnSetupAlerts {
		display:inline;
	}
}