/* -----------------------------------------------------------------------------
//
// 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); 
@import url(../atMyPages.css); 
/* 
 * Uncomment to create room for icons in My Nearest
 *

#atLocationBar #atLocationSearch ul {width: 500px;}

#atMyNearest .atPanel .atPanelContent .atIcon {
    position: absolute;
    left: 0;
}


#atMyNearest .atMapInfoResults .atPanelContent {
padding-left: 72px;
}

#atMyNearest .atMapInfoResults .atPanelContent h4 {
    margin-left: -68px;
} 

 *
*/

/* Customer specific styles */


#atMapSpurForm 
{
	border: 0;
	margin-top: 28px;
}

#atMapSpurForm #atTabBar 
{
	border-width: 0 0 1px 0;
	left:0;
	margin-right:0;
	margin-left: 0;
}

#atTabBar input {
	left: 0;
	width: auto;
}

#atTabBar_curTab {
	display: none;
}

#atContent
{
	border: 0;
	background-color: transparent;
	text-align: justify;
}

#atLocationBar {
	padding: 0;
	/*font-size: 12pt;*/
	font-weight: bold;
}
#atLocationBar #atLocationDisplay, 
#atLocationBar #atLocationSelect, 
#atLocationBar #atLocationSearch {
	border-top: 0;
        
	}
#atLocationBar #atLocationBar_btnChangeLocation, 
#atLocationBar #atLocationBar_btnCancelLocation
{ 
	top: 7px;
	right: 4px;
	font-weight: bold;
	/*font-size: 14pt;*/
	
}

#atMapSpurForm .atModule {
	padding: 0;
}


#atMapSpurForm, #atMapSpurForm div, #atMapSpurForm #atContent div, #atTabBar input, #atTabBar input:active, #atMapSpurForm #atLocationBar div, #atMapSpurForm #atMapImageFrame #atMapImage 
{
	border-color: #041764;
		
}

#atMapSpurForm #atMapImageFrame #atMapImage {
    width: 100%!important;
}

#atContent .atPanel h3, #atTabBar input, #atContent .atCollapseButton 
{
	background-color: #191970;
	color: white;
	font-weight: bold;
	/*font-size: 11pt;*/
	
}

#atTabBar input:hover 
{
	background-color: #eee;
	color: #041764;
}


#atButtonBar {
	font-size: 14pt;
	font-weight: bold;
	
}
	

#atMapSpurForm,
#atMapSpurForm #atTabBar,
#atLocationBar, 
#atButtonBar, 
.atModule, 
.atPanel {

	background-color: transparent;
}

#atMapSpurForm #atTabBar input.atTabSelected 
{
	background-color: #fff;
	color: #041764;
}

#atLocationBar #atLocationDisplay, #atLocationBar #atLocationSelect, #atLocationBar #atLocationSearch, #atMyAlertPanelCurrent, #atContentConfig .atPanel 
{
	background-color: #eee;
	}

#atMapSpurForm #atContent .atPanelHeader, #atMapSpurForm #atContent .atPanelFooter, #atMapSpurForm #atMyAlerts .atMyAlertsLocationHeader, #atMapSpurForm #atMyAlerts .atMyAlertsLocationFooter
{
	border-color: #ccc;
	
}


#atMyMaps #atMapWrapper .atPanel 
{
	border: none;
}

#atMyMaps #atPanelMenu .atLayerDiv table tr
{
	background-color: #fff;
}

#atTabBar_lblUserName {
	display: none;
}



.atContentConfigOpen #atContentConfig {
	background-color: #E1ECF2;
}

#atMapSpurForm #atMap {
	background-color:#FFF !important;
}

#atMapSpurForm .atPanel .atPanelContent .atIcon {
 	position: absolute;
 	top: 0px;
 	right: 5px;
 	
 }

#CollectionDay
{
	display: block;
	font-size: 1.5em;
	color: #C76114;
	text-align: center;
}

#OrangeWeek
{
	display: block;
	font-size: 1.3em;
	color: #FF7F00;
	text-align: center;
	font-weight: bold;
}

#BlueWeek
{
	display: block;
	font-size: 1.3em;
	color: #377EB8;
	text-align: center;
	font-weight: bold;
}

#WeekCalendarWebsiteBlue
{
	display: block;
	font-size: 1.6em;
	color: #377EB8;
	text-align: center;
	font-weight: bold;
}

#WeekCalendarWebsiteOrange
{
	display: block;
	font-size: 1.6em;
	color: #FF7F00;
	text-align: center;
	font-weight: bold;
}


#RefuseNext
{
	display: block;
	font-size: 1.3em;
	color: #404753;
	text-align: left;
	font-weight: bold;
}


#MDRNext
{
	display: block;
	font-size: 1.3em;
	color: #0089D1;
	text-align: left;
	font-weight: bold;
}


#FoodNext
{
	display: block;
	font-size: 1.3em;
	color: #00B25A;
	text-align: left;
	font-weight: bold;
}


#GardenNext
{
	display: block;
	font-size: 1.3em;
	color: #18B26A;
	text-align: left;
	font-weight: bold;
}

#WasteCollectionInfo
{
	display: block;
	font-size: 1.2em;
	color: #000000;
	text-align: left;
	font-weight: bold;
}

#YourNextCollection
{
	display: block;
	font-size: 1.2em;
	color: #000000;
	text-align: left;
}

#NextCollectionDate
{
	display: block;
	font-size: 1.2em;
	color: #723A1C;
	text-align: left;
	font-weight: bold;
}

#PDReference
{
	display: block;
	font-size: 1.4em;
	color:  #984EA3;
	text-align: center;
	font-weight: bold;
}


#PDName
{
	display: block;
	font-size: 1.2em;
	color: #984EA3;
	text-align: center;
	font-weight: bold;
}


#PDAddress
{
	display: block;
	font-size: 1.2em;
	color: #A65628;
	text-align: center;
}



#BulkyCollection
{
	display: block;
	font-size: 1.5em;
	color: #C76114;
	text-align: left;
}

#RefuseBin
{
	display: block;
	font-size: 1.5em;
	color: #C76114;
	text-align: center;
}

#RecyclingBin
{
	display: block;
	font-size: 1.5em;
	color: #C76114;
	text-align: center;
}

#LinktoCalendar
{
	display: block;
	font-size: 1.5em;
	text-align: center;
}

#Liability
{
	display: block;
	font-size: 1.3em;
	color: #C76114;
	text-align: center;
	font-weight: bold;
}

#Banding
{
	display: block;
	font-size: 1.3em;
	color: #C76114;
	text-align: center;
	font-weight: bold;
}

#Message
{
	display: block;
	font-size: 1.3em;
	color: #C76114;
	text-align: left;
	font-weight: bold;
}



