/* -----------------------------------------------------------------------------
//
// 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.
//   003    16/12/2008	David Bloomfield	    3	Updated with STC CSS	
//   004    03/11/2009  David Bloomfield        4   Updated info balloon styles
//   005    11/10/2010  David Bloomfield        5   Updated for new CMS templates
//
// -----------------------------------------------------------------------------
*/

@import url(../atMyPages.css); 
/* Customer specific styles */

/* bug-fix - temporary hiding of atTabBar_curTab as this is showing in atTabBar erroneously */

h2{background:none; border:none; font-weight:bold}
#content #atMapSpurForm #atTabBar #atTabBar_curTab
{
	display: none;
}

body {
	margin:0;
	max-width:100%;
	min-width:0;
}

#widthContainer 
{
	margin:0 auto 8px;
	width: 100%;
	max-width:950px;
	min-width:780px;
}

#atMapSpurForm 
{
	border: 0;
	margin: 12px 0;
}


#atMapSpurForm #atTabBar 
{
	border-top : 0;
	border-right : 0;
	border-left : 0;
	background-color: #738AB5;
	padding-left: 8px;
	padding-right: 8px;
	margin: 0 8px;
	color: #fff;
	left: 0;
}


#atTabBar .atTabSelected, #atTabBar input:hover
{
	background: #fff url(../../images/stc/tab-header-selected.png) no-repeat scroll right 0;
}

#atTabBar input, #atTabBar input:active
{
	font-size: 100%;
	width: 130px;
	background: #dadada url(../../images/stc/tab-header.png) no-repeat scroll right 0;
	margin-right: 5px;
	border-width: 0;
	bottom: -1px;
}


#atMapSpurForm .atModule 
{
	padding: 0;
	width: 100% !important;
}

#atMapSpurForm {
	width: auto;;
}


#atContent .atCollapseButton 
{
	background-color: #738AB5;
}

#atMapSpurForm #atTabMyAlerts_atMyAlertsRegister_btnCreateAccount, #atMapSpurForm #atTabMyAlerts_atMyAlertsLogin_btnLogin, #atMapSpurForm #atTabMyAlerts_atMyAlertsForgottenPassword_btnEmail {
	background-color: #FFFFFF;
	background-image: url(http://www.southtyneside.info/images/background_form_element.gif);
	background-position: center center;
	background-repeat: repeat-x;
	border-color: #CCCCCC #999999 #999999 #CCCCCC;
	border-style: double;
	border-width: 3px;
	color: #333333;
	font-size: 11px;
	font-weight: bold;
	height: 2em;
	line-height: 1em;
	padding: 0.1em;
	vertical-align: middle;
}

#atLocationBar #atLocationDisplay, #atLocationBar #atLocationSelect, #atLocationBar #atLocationSearch, #atMyAlerts #atMyAlertPanelCurrent
{
	background-color: #ffffe0;
	border-color: #ffe57f;
	border-style: solid; 
}

#atMyAlerts #atMyAlertsLocationBased .atMyAlertsCurrentLocation h4 {
	background-color: #FFF5CB;
}

#atContent .atPanel, #atMapSpurForm #atContent .atPanelHeader, #atMapSpurForm #atContent .atPanelFooter, #atMyAlerts .atMyAlertsLocation, #atMapSpurForm #atMyAlerts .atMyAlertsLocationHeader, #atMapSpurForm #atMyAlerts .atMyAlertsLocationFooter
{
	border-color: #E5E5E5;
}

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


#atContent .atPanel 
{
	border-top: 0;
}

#atContent .atPanel h3
{
	background-color: #E5E5E5;
	color: #000000;
	margin: 0px -1px -1px 0;
	padding: 6px 8px;
}


#atContent .atPanel h4
{
	background: 0;
	font-size: 100%;
	color: #000;
	background-color: #F5F5F5;
	border-width: 0 0 1px;
	border-color: #E5E5E5;
	border-style: solid;
	margin: 0 0 5px 0;
	padding: 4px 8px;
	height: auto;
}

.atPanelHeader .atClosePanel
{
	top: 9px;
}


#atContentConfig .atPanel 
{
	background-color: #EFF7FE;
	border-color: #83A8CC;
}

#atContentConfig .atPanel h3 {
	background-color: #738AB5;
	color: #fff;
}


#atContent .atPanelContainer  .atPanelContent 
{
	padding: 0;
}

body #atMapSpurForm div.atPanelData a.view-map, body #atMapSpurForm div.atPanelContent a.atShowOnMap {
	background: transparent url(../../images/stc/icon-view.gif) no-repeat scroll 0 4px;
	display: block;
	padding: 2px 4px 2px 18px;
}


body #atMapSpurForm .atPanelData {
	line-height: 1.5em;
	padding: 4px 8px;
}

#atMapSpurForm #atContent div.atPanel p {
	padding: 0;
}

#atMapSpurForm #atMyNearest #atContent #atContentConfig 
{
}

#atMyNearest #atContent .atPanelContainer
{
	margin-right: -1px;
}

#atMyNearest #atContent .atMapInfoResults .atPanelContent h4 {
	border-top-width: 1px;
	margin-left: -72px;
}

#atMyNearest .atMapInfoResults .atPanelContent {
	padding-left: 72px;
	padding-bottom: 1em;
}

#atMyNearest .atMapInfoResults .atPanelContent .atAlt0{
	background-color: transparent;
}

#atMyNearest .atMapInfoResults .atPanelContent .atAlt1 
{
	background-color: #f5f5f5;
	}


#atMyNearest .atPanel .atPanelContent .atIcon {
	left: 0;
	position: absolute;
}


#atMyMaps #atPanelMenu .panel, #atMyMaps .atPanelContainer .atPanel  
{
	border: 0;
}

#atMyMaps #atMapWrapper .atPanelContainer .atPanel  .atPanelContent 
{
	padding: 0;
}

#atMyMaps #atPanelMenu .panel .panelspanheader, #atMyMaps #atMapSourcesPanel 
{
	display: none;
}

#atMyMaps #atPanelMenu .atGroupLayersTick {
top:0.2em;
}


#atMyAlerts .atPanelContainer .atPanel, #atMyAlerts .atPanelContainer .atPanelHeader, #atMyAlerts .atPanelContainer .atPanelFooter 
{
	border-width: 0;
}

#atMyAlerts #atMyAlertsOtherActions .atPanelHeader, #atMyAlerts #atMyAlertsOtherActions .atPanelContent 
{
	display: none;
}



#atMyAlerts #atMyAlertsOtherActions 
{
	margin-top: 0;
}

#atMyAlerts #myAlertsLoginDetails,
#atMyAlerts #myAlertsUserAccount,
#atMyAlerts #myAlertsUnsubscribe {
	background-image: url(../../images/stc/my-alerts-orange-man.gif);
	background-position: left top;
	background-repeat: no-repeat;
	min-height: 165px;
	padding-left: 118px;
}

#atMyAlerts #myAlertsLoginDetails p,
#atMyAlerts #myAlertsUnsubscribe p,
#atMyAlerts #myAlertsLoginDetails h4,
#atMyAlerts #myAlertsUnsubscribe h4 {
margin: 0.5em 0;
width: auto;
text-align: left;
}

#atMyAlerts #myAlertsLoginDetails label,
#atMyAlerts #myAlertsUserAccount label,
#atMyAlerts #myAlertsUnsubscribe label 
{
	width: 12em;
}

#atMyAlerts #myAlertsLoginDetails .atPanelFooter,
#atMyAlerts #myAlertsUserAccount .atPanelFooter,
#atMyAlerts #myAlertsUnsubscribe .atPanelFooter
{
	width: 22.8em;
}

#atMyAlerts .atPanelContainer #atMyAlertsLocationBased 
{
	border-width: 1px;
}

/*Council tax band table*/
#atMapSpurForm .council-tax-band {
background-color:#f60;
color:#fff;
font-weight:bold;
padding:2px 5px;
text-align:center;
}

#ctb-table {
border-collapse:collapse;
margin:7px 0 6px 0;
width:220px
}

#atMapSpurForm #ctb-table th, #atMapSpurForm #ctb-table td {
padding:4px;
text-align:center;
}

#atContent .atPanel th {
background-color:#DADADA}

#ctb-table td{background-color:#f5f5f5}

#ctb-table .taxband {
background-color:#FF6600;
color:#FFFFFF;
font-weight:bold;
}

#ctb-table th.taxband{
	background-color:#666;
	color:#fff}
/* END Council tax band table */

#atMyPage .atPanel .atPanelContent .atIcon {
	position: relative;
	float: right;
	width: 68px;
	clear:both;
}

#atMyPage #councillors-list .icon 
{
	position:relative;
	z-index:100;
	margin:0 4px 0 0;
}

#atContent .atPanel .atPanelFooter, #atContent .atMyAlertsLocationFooter{
	padding:0;
	text-align:left}
	
/*RSS*/
ul.rss-and-more{list-style:none;margin:0;padding:8px 0}	
ul.rss-and-more li{display:inline;padding:8px}
ul.rss-and-more li img{position:relative;top:2px}	
/*END RSS*/

/*Form buttons*/
#atLocationBar #atLocationBar_btnCancelLocation,
#atLocationBar #atLocationBar_btnSelectLocation,
#atLocationBar #atLocationBar_btnPerformSearch,
#atLocationBar #atLocationBar_btnChangeLocation,
#atContent .atPanel .atPanelFooter input,
#atMapSpurForm #atButtonBar #atButtonBar_btnOtherThings,
#atMapSpurForm #atButtonBar #atButtonBar_btnAboutMap,
#atMapSpurForm #atButtonBar #atButtonBar_btnFindNearest,
#atMapSpurForm #atButtonBar #atButtonBar_btnResetPage,
#atContentConfig .atPanelFooter input,
#atContentConfig #atPanelFooter input,
.atMakeDefault,
#atMyAlerts .atMyAlertsPanel .atHeader .atMakeDefault,
#atMyAlerts .atMyAlertsPanel .atPanelFooter input,
#atMyAlerts .atMyAlertsLocationFooter input,
#atMyMaps #aFindNearestSubmit,
#atMyMaps #atSearchSubmit,
#atButtonBar #atButtonBar_btnManageDetails,
#atLocationSearch .resultsBtn {
	background-position: top;
	background-color: #FFFFFF;
	background-image: url(http://www.southtyneside.info/images/background_form_element.gif);
	background-repeat: repeat-x;
	border-color: #CCCCCC #999999 #999999 #CCCCCC;
	border-style: double;
	border-width: 3px;
	color: #333333;
	font-size: 1em;
	font-weight: bold;
	padding: 0.1em;
	height: 2em;
	line-height: 1em;
	vertical-align: middle;
}
/*END Form buttons*/

/*Navigation tabs*/
#atTabBar input, #atTabBar input:active{font-size:1.1em}
/*END Navigation tabs*/

/*Location bar*/
/*#atLocationBar #atLocationDisplay{height:2.5em}*/
#atLocationBar #atLocationBar_txtSearchBox, #atLocationBar select{font-size:1.1em}
/*END Location bar*/

/*Lists*/
div.static ul{
	list-style:none;
	margin:0 0 0 -18px!important;
	padding:0!important}
/*END Lists*/	

body #atMapSpurForm .atPanelData .atPanelData{padding:0}
body #atMapSpurForm .atPanelData .atPanelData img{position:relative; top:-5px}

#atContent .atPanel .atPanelHeader,
#atContent .atPanel .atPanelFooter,
#atMyAlerts .atMyAlertsLocationHeader,
#atMyAlerts .atMyAlertsLocationFooter
{
	border:none
}

span.recycling-day
{
	font-size:1.3em;
	font-weight:bold;
	display:block;
	text-align:center;
	line-height:1.5em;
	margin:10px 8px 20px 8px!important
}

#atMyPage .atPanel,
#atMyNearest .atMapInfoResults,
#atMyAlerts #atMyAlertsLocationBased,
#atMyAlerts #atMyAlertsLocationLess
{
display:block;
}

#atContentConfig
{
	clear: none;
}

#atMapSpurForm #atMyPageConfigure .atPanelFooter
{
	padding-bottom: 3px;
}

#atTabBar h2
{
	font-size:1.1em
}

]#atMapPanel, #atMapImageFrame
{
	width:99%!important
}

#atMyMaps .atPanelContainer .atPanel
{
	width: auto;
}


#atMapSpurForm #atContent #atWelcomePanel
{
	width: 98%;
}


#atMapSpurForm.atContentConfigOpen #atContent #atWelcomePanel
{
	width: 77%;
}

#atMapImageFrame #atMapImage
{
	width: 100%!important;
}

#atMapSpurForm .tooltip
{
	display:block;
	width: 200px;
	text-align:center;
}

#atMapSpurForm .tooltip p
{
	line-height: 1em;
}

#atMapSpurForm .tooltip .middle #atTip strong
{
	padding-left: 10px;
}

#atLocationBar #atLocationSelect
{
	border-top: 0px none;
	border-bottom: 1px solid #FFE57F;
}
.aw_results ol li{
	list-style:circle;
}

	

/*My Alerts login/register specific */
	
	
#atMyAlerts p.errorlabel {
	display: none;
}
	
#atMyAlerts * {
	zoom: 1;
	}
	

#atMyAlerts #myAlertsLoginDetails .atRequired label {
	font-weight: bold;
}

#atMyAlerts #myAlertsLoginDetails .atOptional label {
	font-weight: normal;
}

#atMyAlerts #myAlertsLoginWelcome {
	padding-left:0;
	z-index:100;
}
#atMyAlerts .myalerts-register .atPanelHeader {
	display: none;
}
#atMyAlerts .myalerts-register .atPanelFooter {
	padding-left:163px;
}

#atMyAlerts #myAlertsLoginDetails label, #atMyAlerts #myAlertsUserAccount label, #atMyAlerts #myAlertsUnsubscribe label {
	width:10em;
	font-weight: bold;
}
#atMyAlerts #myAlertsLoginDetails .login-rememberme label {
	font-weight: normal;
} 

#atMyAlerts #myAlertsLoginDetails .atPanelContent {
	margin-top:0px;
	padding-left:150px;
	padding-top: 0;

}
#atMyAlerts #myAlertsLoginDetails .atPanelFooter {
	padding-left: 10.5em;
}
#atMyAlerts #myAlertsLoginDetails, #atMyAlerts #myAlertsUserAccount, #atMyAlerts #myAlertsUnsubscribe {
	background-image:url(../../images/stc/my-alerts-orange-man.gif);
	background-position:left bottom;
	background-repeat:no-repeat;
	padding-left:0;
	min-height: 240px;
}
#atMyAlerts #atContent #myAlertsLoginDetails h4 {
	display: none;
}
#atMyAlerts #atContent #myAlertsLoginDetails .login-rememberme {
	clear:left;
	overflow:hidden;
	padding-left:10.5em;
}
	#atContent .atPanel, #atMapSpurForm #atContent .atPanelHeader, #atMapSpurForm #atContent .atPanelFooter, #atMyAlerts .atMyAlertsLocation, #atMapSpurForm #atMyAlerts .atMyAlertsLocationHeader, #atMapSpurForm #atMyAlerts .atMyAlertsLocationFooter {
	border:medium none;
}

#atMyAlerts #atMyAlertsOtherActions .atPanelFooter input{
	border:0;
	font-weight: normal;
	background: transparent;
	cursor: pointer;
	color: blue;
}


#atMapSpurForm p.myalerts-title {
	margin-left:10px;
}
#atMapSpurForm ul.myalerts-topics {
	float:left;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:20px 0 0 10px;
	padding:0;
	width:100%;
}
#atMapSpurForm ul.myalerts-topics li {
	display:block;
	float:left;
	font-weight:bold;
	margin:0;
	padding:8px 16px 8px 32px;
	width:150px;
}
#atMapSpurForm ul.myalerts-topics li.myalerts-calendar{background:transparent url(../../images/stc/myalerts/myalerts-calendar.gif) no-repeat scroll 0 50%}
#atMapSpurForm ul.myalerts-topics li.myalerts-roadworks{background:transparent url(../../images/stc/myalerts/myalerts-roadworks.gif) no-repeat scroll 0 50%}
#atMapSpurForm ul.myalerts-topics li.myalerts-news{background:transparent url(../../images/stc/myalerts/myalerts-news.gif) no-repeat scroll 0 50%}
#atMapSpurForm ul.myalerts-topics li.myalerts-more{background:transparent url(../../images/stc/myalerts/myalerts-more.gif) no-repeat scroll 0 50%}
#atMapSpurForm ul.myalerts-topics li.myalerts-planning{background:transparent url(../../images/stc/myalerts/myalerts-planning.gif) no-repeat scroll 0 50%}
#atMapSpurForm ul.myalerts-topics li.myalerts-jobs{background:transparent url(../../images/stc/myalerts/myalerts-jobs.gif) no-repeat scroll 0 50%}
#atMapSpurForm #myAlertsLoginDetails {float:left;width:47%;z-index: 100}
#atMapSpurForm #atMyAlertsLoginWelcome,
#atMapSpurForm #atMyAlertsRegisterWelcome,
#atMapSpurForm #atMyAlertsForgottenWelcome{float:right;width:46%;position: relative}
#atMapSpurForm .myalerts-register,#atMapSpurForm #atMyAlertsRegisterWelcome .atPanel{z-index: 100}
#atMapSpurForm p.myalerts-login-submit{margin-left:10em !important}
#atMapSpurForm p.myalerts-register-submit{margin-left:10.8em !important}
#atMapSpurForm p.myalerts-forgotten{margin-left:10.5em !important}
#atMapSpurForm #atContent div.atPanel p{margin:10px 0 0}
#atButtonBar li {
	display:inline;
	list-style-type:none;
	margin-left:0;
	padding-left:10px;
	padding-right:10px;
}
#atButtonBar .first {
	border-right:1px solid #E5E5E5;
}
#helptext li {
	list-style-type:none;
	margin:0;
	padding:10px 0;
	width:60%;
}

.atPopupFeatureInfo div.infoResult{background-color:#ffffff!important;border-bottom:none!important; padding:8px}
.olPopupCloseBox {background: url("../../images/stc/closestc.gif") no-repeat!important;}