/* -----------------------------------------------------------------------------
//
// Module Name:    atMyPages.css
//
// Description:    Page to either contain or redirect to custom CSS.
// Created by:     Peter Goulborn
// Copyright:      2008 Astun Technology Limited
//
// -----------------------------------------------------------------------------
//
// Modification History:
//
// Version  Date        Modifier			Issue	Description
//   001    26/08/2008  Peter Goulborn		    1	Initial version.
//   002    20/10/2008  Peter Goulborn		    2	Updated with Astun colours.
//
// -----------------------------------------------------------------------------
*/
@import url(../atMyPages.css); 

h4 {
	font-size:1.1em;
	font-weight:bold;
}

#atContent .mcc-revisedreason {
	font-size:1.2em;
	font-weight:bold;
	color:#1D3C3F;
}

.mcc-revisedreason-date {
	font-weight:bold;
	font-size:15px;
	padding:5px 0  !important;
	color:black;
	line-height:18px;
}

#atContent .mcc-nocollection,

#atContent .withExtraText ul {
	overflow: hidden;
/*	margin-top: -2em;*/
}


#atContent .mcc-binimages {
	padding: 0;	
	float: right;
}

#atContent .mcc-binimages .mcc-recyclingbin {
	width: 100px;
} 

#atContent .mcc-binimages img {
	width:70px;
	display: inline-block;
}




/* MWS - April 2011*/
.olFramedCompactPopupContent { width: 250px !important; }  

/* Bug-fix for errant tab */
#atTabBar_curTab { display: none; }

/* Customer specific styles */
a:link, a:visited { font-weight:normal; }

#panels { height: 468px !important; }

.atViewArea {display:none;}

#atMapSpurForm 
{
	border: 0;
}

#atMapSpurForm #atTabBar 
{
	background-color: #fff;
	border-top-color : #fff;
	border-right-color : #fff;
	border-left-color : #fff;
	left:auto !important;
	border-bottom-color:#6BB732 !important;
	margin-right:-1px !important;
}

#atLocationBar { padding:0 !important; }

#atLocationBar #atLocationBar_btnChangeLocation {
	right:8px !important;
	margin-top: -7px !important;
}

#atButtonBar { margin-top:10px; }

#atButtonBar input, #atLocationBar #atLocationBar_btnChangeLocation, .atPanelFooter input
{
	padding:3px 2px !important;
	-moz-border-radius: 5px !important;
	-webkit-border-radius: 5px !important;
	border:1px solid #6BB732 !important;
}

#atContent {
	border: none;
	background-color:#FFF;
}

.atMapContent {
	border: 1px solid #6BB732 !important;
}

#atContent #atContentConfig
{
	border: 0;
	background-color: #fff;
}

.aw_results {
	width: auto !important;
}

.aw_results li {
	background:none !important;
	list-style-type:inherit !important;
	margin-right:0 !important;
	padding: 3px !important;
}

.aw_results ol li {
	margin-left:25px !important;
}

.aw_results ul li {
	top:4px !important;
	padding-left:0 !important;
}

#atTabBar
{
	padding-left: 0px;
	padding-right: 8px;
}

#atMapSpurForm .atModule 
{
	padding: 0;
}

p.atCurrentLocation, #atLocationBar #atLocationDisplay p { padding-bottom:0 !important; }

#atMapSpurForm, #atMapSpurForm #atContent div, #atTabBar input, #atTabBar input:active, #atMapSpurForm #atLocationBar div, #atMapSpurForm #atMapImageFrame #atMapImage 
{
	border-color: #6BB732 !important;
}


#atContent .atPanel {
	margin: 4px !important;
	overflow: hidden !important;

}

#atContent .atPanelContent {
	zoom: 1 !important;
}

.withExtraText ul, .withExtraText ul li, .extraText, .extraText li {
  list-style: none;
}

.extraText .ui-icon-triangle-1-w { left:-11px !important; }

.extraText li {
	margin-top:5px;
}

.withExtraText ul img {
  position:absolute;
  top: -5px;
  right: 5px;
  
}

.withExtraText li {
	margin-left: 0px !important;
	width: 190px;
}

li.extraText div h5 {
	font-weight: bold;
}


#atTabBar input {
	-moz-border-radius-topleft: 5px !important;
	-webkit-border-top-left-radius: 5px !important;
	-moz-border-radius-topright: 5px !important;
	-webkit-border-top-right-radius: 5px !important;
}

#atLocationBar #atLocationBar_lblTextCurrentLocation { margin-right: 3px; }



#atWelcomePanel { width:99.4% !important }

#atWelcomePanel ol { margin-left: 0 }

#atLocationBar #atLocationDisplay, #atLocationBar #atLocationSearch {
	padding: 10px;
	border-top:none;
	-moz-border-radius: 0px !important;
	-webkit-border-radius: 0px !important;
}

#atContent .atPanel h3, #atTabBar input, #atContent .atCollapseButton 
{
	background-color: #6BB732;
	color: #fff;
	font-weight: bold;
}

 #atTabBar input, #atLocationBar #atLocationBar_btnPerformSearch {
 	background-color: #6BB732;
	color: #fff;
	font-weight: bold;
}

/*#atLocationBar input, #atLocationBar #atLocationBar_btnPerformSearch { padding:2px; }*/

#atMapSpurForm #atTabBar input.atTabSelected , #atTabBar input:hover
{
	background-color: #E1EAEF !important;
	color: #6BB732;
}

#atLocationBar #atLocationDisplay, #atLocationBar #atLocationSelect, #atLocationBar #atLocationSearch, #atMyAlertPanelCurrent, #atContentConfig .atPanel 
{
	background-color: #E1EAEF;
}

#atLocationBar #atLocationSelect { border-top:none !important; border-bottom:1px solid  !important; }


#atMapSpurForm #atContent .atPanelHeader, #atMapSpurForm #atContent .atPanelFooter, #atMapSpurForm #atMyAlerts .atMyAlertsLocationHeader, #atMapSpurForm #atMyAlerts .atMyAlertsLocationFooter
{
	border-color: #6BB732;
}

.atPanelHeader .atClosePanel, .atPanelHeader .atClosePanel:hover {
	display:none;
	background-image: url(close.gif) !important;
	top:0.5em !important;
}

#atMyMaps #atMapWrapper .atPanel 
{
	border: none;
}

#atMyNearest h4 { font-weight:bold !important; }

#atMyMaps #atPanelMenu .atLayerDiv table tr
{
	background-color: #fff;
}

.olPopupCloseBox {
height:16px;
position:absolute;
right:1px;
top:-10px;
width:16px;
}
.atJQPopUp {
background:#fff !important;
}
/*panels*/
.atPanel {
	border:none !important;
}

.atPanelContainer .atPanelContent {
	background:#fff !important;
	margin: 0 5px !important;
}

#atMyPageConfigure .atPanelContent, #atMyPageConfigure .atPanelFooter {
	background:#fff !important;
	margin:0 5px !important;
}

#atMyNearest .atPanelContainer img {
	margin-top: -11px !important;
	float:right;
}

#atMap img {
	background:none !important;
	border:none !important;
	padding: 0 !important;
}

.atPanelContainer .atFirst {
	padding-bottom: 0 !important;
}

.atPanelContainer .atLast {
	/*border-bottom: 1px solid #B6C9D7 !important;*/
	margin-bottom: 5px !important;
}

.atPanel {
	background: #E1EAEF;
	border:1px solid #B6C9D7 !important;
}

.atPanel .atPanelHeader {
	margin-bottom: -1px !important;
	border-bottom:none !important;
}

.atPanel .atPanelHeader h3 {
	background-repeat: no-repeat;
	padding: 4px 24px 4px 10px !important;
	line-height: 1.6 !important;
	border: 1px solid #fff;
	border-bottom:none;
}

#atContent .atPanelData {
	margin-top: 5px;
}

#atContentConfig .atPanel li {
	padding:0 !important;
}

.infoResult strong { color: #258DBF; }
.ui-dialog select, .ui-dialog input { color: #000 !important; }
.ui-state-active { font-weight: bold !important; }
.ui-state-active a { cursor: default !important; }

#atContent .atPanel, #atMyAlerts .atMyAlertsLocation {
	border-width: 1px 1px 0;
	padding: 0.2em;
	margin: 0;
}
#atMapSpurForm #atContent .atPanel h4,
#atMyMaps .atPopupFeatureInfo h3{
    background: none;
    border-bottom: 1px dashed #CCCCCC;
    margin: 0;
}
#atMapSpurForm #atContent .atPanel h4:hover {
	background-color: #dcefcf;
}
#atMyAlertPanelCurrent {
	background-color: #dcefcf;
}

#atMyAlertsLocations #atMyAlertWCMessage {
	padding: 0;
}

#atMyAlertsLocations #atMyAlertWCMessage .atPanelContent {
	position: relative;
	zoom: 1;
	overflow: hidden;
	padding: 0.5em;
	margin: 0 !important;
	background-color: #fbec88 !important;
}

#atMyAlertsLocations #atMyAlertWCMessage .atPanelContent p {
	height: 1.58em;
	line-height: 1.7;
	vertical-align: center;
	padding: 0.57em 0;
	margin: 1px !important;
}

#atNewAlertsLabel {
	display: block;
	position: relative;
	float: right;
	background-color: transparent;
	
}

#atMyAlertsLocations #atMyAlertsLocationBased .atMyAlertsLocationFooter input {
	border-color: #900;
	background-color: #c33;
	color: #fff;
	font-weight: bold;
}

#atMyAlerts #atMyAlertWCMessage #atTabMyAlerts_atMyAlertsLocations_btnSaveAll {
	border-width: 2px;
	border-color: #264409;
}

/* Waste */
#atContent .atPanelData .waste {
	padding-top:0;
	margin-top:0;
}

#atContent .atPanel .waste h4 {
	margin-bottom: 0.6em !important;
}

#atContent .atPanel .waste p {
	margin-top: 0;
}

#atContent .atPanel .waste img {
	display: block;
	width: 70px;
	float:right;
	padding-right: 10px;
}

#atContent .atPanel .waste p.usual {
	clear:both;
}

#atContent .atPanel .waste p.download {
    margin: 0;
    padding-bottom: 0;
    padding-right: 10px;
    padding-top: 0;
    text-align: right;
}

#atContent .atPanel .waste strong {
	padding: 5px;
	font-size: 1.1em;
}

#atContent .atPanel .waste strong {
    display: block;
    font-size: 1.1em;
    padding: 10px 10px 0;
}

#atContent .atPanel .waste p.info {
	background-image: url(../../custom/mcc/images/exclamation.png);
	background-repeat: no-repeat;
	background-position: 4px 4px;
	background-color: #FFFACD;
    	padding-left: 24px;
	border: 1px dotted grey;
	font-style: italic;
}

#atPanel-mapsourceswitcher, #atPanel-searchfor, #atPanel-showmapcategories, #atPanel-findnearest {
	position: relative;
}