@import url(../main.css);
/* logon */
#icont
{
    background-color: #44AACD;
}
#it
{
    width: 370px;
    height: 65px;
    background: #FFF url(images/logon/header.png) no-repeat;
}
#ib
{
    width: 370px;
    height: 18px;
    background: #FFF url(images/logon/foot.png) no-repeat;
}

#upMyStreetLogo
{
    margin: 2px 0px 0px 2px;
    float:left;
}

/* main */
#locality
{
    width:778px;
    padding: 0px;
    margin: 0px;
}
#nav
{
    width: 155px;
    height: 431px;
    margin: 55px  52px 10px 28px;
    padding: 0px;
    float: left;
}
#t
{
    width: 467px;
    height: 80px;
}
#t IMG
{
	border:0px;
	padding:0px;
	margin:0px 0px 0px 0px;
}
#l
{
    background: #FFF url(images/loc_l.gif) no-repeat;
    width: 11px;
    /*height: 450px;*/
    float:left;
}
#m
{
    float:left;
    width: 436px;
    min-height: 440px;
    padding: 5px;
}
#r
{
    background: #FFF url(images/loc_r.gif) no-repeat;
    width: 10px;
    /*height: 450px;*/
    float: left;
}
#locbot
{
    background: #00F url(images/loc_b.gif) no-repeat; 
    width: 467px;
    height: 67px;      
    float:left;
    clear:both;
}

#c
{
    width:467px;
    float:left;
    margin:0px 0px 10px 0px;
    padding: 0px;
    background-image: url(images/loc_rep.gif);
    background-repeat: repeat-y; 
    background-position: -1px 0px;
}
#m TD
{
	margin: 2px;
	padding: 4px;
  /* remove after testing */
}
#m TD.pad 
{
	width: 4px;
}
.expad
{
	padding-left: 20px;
}

#m DIV.sectionBody INPUT, #m DIV.sectionBody SELECT, #m DIV.sectionBody TEXTAREA
{
	border: solid 1px #999;
}
    
/*----------------------------------------------------------------*/
/* AtoZ */
/*----------------------------------------------------------------*/

/*AtoZ letter Unselected*/
.AtoZLetterUnselected
{
    font-weight:normal;
    color:#2B3A8D;
    
}

/*AtoZ letter Selected*/
.AtoZLetterSelected
{
    font-weight:bold;
    color:#2B3A8D;
    
}

/*----------------------------------------------------------------*/
/* Layout
/*----------------------------------------------------------------*/

/*Div Sections on the cards*/
.section
{
    margin-bottom:20px;
    width:445px; /* 365 */
    font-family:Arial, Helvetica, Sans-Serif;
}

/*Div Section Heading*/
.sectionHeading
{
   /* color:#9A9A9A;
    font-weight:bold;
    font-size:1.5em; */
}

#m H1
{
	padding: 5px 0px 5px 30px;
	margin: 0px;
	color:#999;
    font-weight:bold;
    font-size:1.5em;
}

#m P
{
	padding: 5px 5px 5px 30px;
}

#m A
{
	color:#2B3A8D;
    font-size:1.2em;
    text-decoration: underline;
}
#m A:hover
{
	color:#006;
    font-size:1.2em;
    text-decoration: none;
}
/* find my nearest */
.fmn
{
	float:left;
}
DIV.fmn LABEL
{
	margin-top: 0px;
	display: block;
}
DIV.fmn INPUT
{
	margin: 0px 4px 4px 0px;
}
/*Div Section Body*/
.sectionBody
{
    color:#5F5F5F;
    margin-left: 10px;
}

/*Div - copyright*/
DIV.copyRightNotice A 
{
	padding: 0px;
    float:left;
}
DIV.copyRightNotice
{
	width: 390px;
	padding: 5px;
	margin-left: 20px;
	text-align:right;
}

/*----------------------------------------------------------------*/
/* Data Tables
/*----------------------------------------------------------------*/

.cellspacer
{
    margin-left:8px;
}

/* Links in data tables */
A.dataTableLink
{
   /* color:#5F5F5F; */

}

/*Table - basic table layout for all tables to use*/
.dataTableBaseTable
{
    width:400px;
    padding:5px;
}

/*Div - table heading*/
.dataTableHeading
{
    font-weight:bold;
    color:#5F5F5F;
}

.dataTableBaseTable STRONG
{
	font-size: 1.2em;
}

/*Table - Nearest School*/
.nearestSchoolsTable
{
	background-image: url(/DynamicImages/Cache/210-130.gif);
}

/*TD - Nearest School column 1*/
.nearestSchoolsCol1
{
    width:200px;
}

/*TD - Nearest School column 2*/
.nearestSchoolsCol2
{
    width:170px;
    text-align:center;
}

/*Table - School Details*/
.schoolDetailsTable
{
}

/*TD - School Details column 1*/
.schoolDetailsCol1
{
    width:100px;
    font-weight:bold;
    vertical-align:top;
}

/*TD - School Details column 2*/
.schoolDetailsCol2
{
    width:270px;
    vertical-align:top;
}

/*Table - School Details inner data table*/
.schoolDetailsDataTable
{
    padding:5px;
    width:100%;
    vertical-align:top;
}

/*TD - School Details inner data table column 1*/
.schoolDetailsDataCol1
{
   width:25%;
   vertical-align:top;
}

/*TD - School Details inner data table column 2*/
.schoolDetailsDataCol2
{
   width:50%;
   vertical-align:top;
}

/*TD - School Details inner data table column 3*/
.schoolDetailsDataCol3
{
   width:25%;
   vertical-align:top;
}

/*Table - Public Transport Overview*/
.publicTransportOverviewTable
{
	background-image: url(/DynamicImages/Cache/100-140-100.gif);
}

/*TD - Public Transport Overview column 1*/
.publicTransportOverviewCol1
{
    vertical-align:top;
    width:100px;
}

/*TD - Public Transport Overview column 2*/
.publicTransportOverviewCol2
{
    vertical-align:top;

}

/*TD - Public Transport Overview column 3*/
.publicTransportOverviewCol3
{
    vertical-align:top;
    width:100px;
}

/*Table - Public Transport Nearest*/
.publicTransportNearestTable
{
	background-image: url(/DynamicImages/Cache/175-85-90.gif);
}

/*TD - Public Transport Nearest column 1*/
.publicTransportNearestCol1
{
    vertical-align:top;
    width:50%;
}

/*TD - Public Transport Nearest column 2*/
.publicTransportNearestCol2
{
    vertical-align:top;
    width:25%;
}

/*TD - Public Transport Nearest column 3*/
.publicTransportNearestCol3
{
    vertical-align:top;
    width:25%;
}

/*Table - Policing and Crime*/
.policingAndCrimeTable
{
	background-image: url(/DynamicImages/Cache/128-110-110.gif);
}

/*TD - Policing and Crime column 1*/
.policingAndCrimeCol1
{
    vertical-align:top;
    width:122px;
}

/*TD - Policing and Crime column 2*/
.policingAndCrimeCol2
{
    vertical-align:top;
    width:122px;
}

/*TD - Policing and Crime column 3*/
.policingAndCrimeCol3
{
    vertical-align:top;
    width:122px;
}

/*Table - FindMyNearest*/
.findMyNearestTableTable
{
}

/*TD - FindMyNearest column 1*/
.findMyNearestCol1
{
    vertical-align:top;
    width:10%;
}

/*TD - FindMyNearest column 2*/
.findMyNearestCol2
{
    vertical-align:top;
    width:90%;
}

/*Table - Property*/
.propertyTableTable
{
}

/*TD - Property column 1*/
.propertyCol1
{
    vertical-align:top;
    width:33%;
}

/*TD - Property column 2*/
.propertyCol2
{
    vertical-align:top;
    width:33%;
}

/*TD - Property column 3*/
.propertyCol3
{
    vertical-align:top;
    width:34%;
}

/*Table - Member of Parliament*/
.memberOfParliamentTable
{
}

/*TD - Member of Parliament column 1*/
.memberOfParliamentCol1
{
    vertical-align:top;
    width:170px;
}

/*TD - Member of Parliament column 2*/
.memberOfParliamentCol2
{
    vertical-align:top;
    width:200px;
}

/*Table - European Member of Parliament*/
.europeanMemberOfParliamentTable
{
}

/*TD - European Member of Parliament column 1*/
.europeanMemberOfParliamentCol1
{
    vertical-align:top;
    width:33%;
}

/*TD - European Member of Parliament column 2*/
.europeanMemberOfParliamentCol2
{
    vertical-align:top;
    width:33%;
}

/*TD - European Member of Parliament column 3*/
.europeanMemberOfParliamentCol3
{
    vertical-align:top;
    width:34%;
}

/*Table - Council Performance 2 councils*/
.councilPerformanceTable_2
{
	background-image: url(/DynamicImages/Cache/128-110-100.gif);
}

/*Table - Council Performance 3 councils*/
.councilPerformanceTable_3
{
	background-image: url(/DynamicImages/Cache/98-85-85-88.gif);
}

/*TD - Council Performance column 1 - 2 councils*/
.councilPerformanceCol1_2
{
    vertical-align:top;
    width:122px;
}

/*TD - Council Performance column 2 - 2 councils*/
.councilPerformanceCol2_2
{
    vertical-align:top;
    text-align:center;
    width:122px;
}

/*TD - Council Performance column 3 - 2 councils*/
.councilPerformanceCol3_2
{
    vertical-align:top;
    text-align:center;
    width:122px;
}

/*TD - Council Performance column 1 - 3 councils*/
.councilPerformanceCol1_3
{
    vertical-align:top;
    text-align:center;
    width:25%;
}

/*TD - Council Performance column 2 - 3 councils*/
.councilPerformanceCol2_3
{
    vertical-align:top;
    text-align:center;
    width:25%;
}

/*TD - Council Performance column 3 - 3 councils*/
.councilPerformanceCol3_3
{
    vertical-align:top;
    text-align:center;
    width:25%;
}

/*TD - Council Performance column 4 - 3 councils*/
.councilPerformanceCol4_3
{
    vertical-align:top;
    text-align:center;
    width:25%;
}

/*Table - Council Summary*/
.councilSummaryTable
{
}

/*TD - Council Summary column 1*/
.councilSummaryCol1
{
    vertical-align:top;
    width:170px;
}

/*TD - Council Summary column 2*/
.councilSummaryCol2
{
    vertical-align:top;
    width:200px;
}

/*Table - Council Contacts*/
.councilContactsTable
{
	background-image: url(/DynamicImages/Cache/154-110.gif);
}

/*TD - Council Contacts column 1*/
.councilContactsCol1
{
    vertical-align:top;
    width:170px;
}

/*TD - Council Contacts column 2*/
.councilContactsCol2
{
    vertical-align:top;
    width:200px;
}

/*Table - Councillors*/
.councillorsTable
{
	background-image: url(/DynamicImages/Cache/104-110-125.gif);
}

/*TD - Councillors column 1*/
.councillorsCol1
{
    vertical-align:top;
    width:33%;
}

/*TD - Councillors column 2*/
.councillorsCol2
{
    vertical-align:top;
    width:33%;
}

/*TD - Councillors column 3*/
.councillorsCol3
{
    vertical-align:top;
    width:34%;
}

/*Table - Population*/
.populationTable
{
    background-image: url(/DynamicImages/Cache/104-110-125.gif);
}

/*TD - Population column 1*/
.populationCol1{
    vertical-align:top;
    width:33%;
}

/*TD - Population column 2*/
.populationCol2
{
    vertical-align:top;
    width:33%;
}

/*TD - Population column 3*/
.populationCol3
{
    vertical-align:top;
    width:34%;
}

/*Table - Weekly Pay*/
.weeklyPayTable
{
    background-image: url(/DynamicImages/Cache/104-110-125.gif);
}

/*TD - Weekly Pay column 1*/
.weeklyPayCol1{
    vertical-align:top;
    width:33%;
}

/*TD - Weekly Pay column 2*/
.weeklyPayCol2
{
    vertical-align:top;
    width:33%;
}

/*TD - Weekly Pay column 3*/
.weeklyPayCol3
{
    vertical-align:top;
    width:34%;
}

#m .mapZoomDiv
{
    font-size:1.0em;
}

#m .mapZoomDiv A
{
    font-size:1.0em;
}
#m .mapZoomDiv A:hover
{
    font-size:1.0em;
}

/* buttons */

A SPAN
{
	visibility: hidden;
}
A SPAN.v
{
	visibility: visible;
}
A.btnLogin
{
	text-decoration: none;
	margin: 4px 0px 4px 0px;
	width: 72px;
	height: 24px;
	display: block;
	float: left;
	background-image: url(images/login-blue.gif);
}
A:hover.btnLogin
{
	background-image: url(images/login-blue.gif);
	background-position: -73px;
}

A.btnRegister
{
	text-decoration: none;
	margin: 4px 0px 4px 0px;
	width: 72px;
	height: 24px;
	display: block;
	float: left;
	background-image: url(images/register-blue.gif);
}
A:hover.btnRegister
{
	background-image: url(images/register-blue.gif);
	background-position: -73px;
}

A.btnSubmit
{
	text-decoration: none;
	margin: 4px 0px 4px 0px;
	width: 57px;
	height: 24px;
	display: block;
	float: left;
	background-image: url(images/submit-blue.gif);
}
A:hover.btnSubmit
{
	background-image: url(images/submit-blue.gif);
	background-position: -58px;
}
/* form */
INPUT, TEXTAREA, SELECT 
{
	border: 1px solid #000;
	background-color: #FFF;
		
}
.neiFormLab
{
	width: 180px;
	float:left;
}