/* 	
Index of css comment dividers 

	  GENERIC
	  TYPOGRAPHY
	  
[ LAYOUT ]
	  OUTERWRAPPER
	  INNERWRAPPER
	  
[ PAGE HEADERS ]
	  MASTHEAD1
	  MASTHEAD2
	  PRIMARYNAVIGATION
	  BREADCRUMBS
	  
[ PAGE MAIN CONTENT  ]
	  RIGHT panels
	  MAIN-CONTENT
	  MAIN-CONTENT VARIANTS
	  
[ PAGE BOTTOM ] 
	  BOOKMARKS
	  FOOTER
	  MISC

*/

/*
colours:
    #fff200 = yellow
    #008a39 = green
*/

/*  =GENERIC
    ----------------------------------------------------*/

/*  =TYPOGRAPHY
    ----------------------------------------------------*/

/*PANELS TYPOGRAPHY*/


/*Misc typography */



/*  --------------------[ PAGE HEADERS ] ---------------------------------------------------------------------------
    -----------------------------------------------------------------------------------------------------------------*/


/* Primary Navigation */

body.mylocalarea #primaryNavigation ul li.myLocalAreaLink{
	background-position:-496px 0;
}
body.mylocalarea #primaryNavigation ul li.myLocalAreaLink a,
body.mylocalarea #primaryNavigation ul li.linksLink a{
    border-left-color: transparent;
}

/* secondary navigation */


/*  -------------------- [ PAGE MAIN CONTENT  ] ---------------------------------------------------------------------------
    -----------------------------------------------------------------------------------------------------------------*/


/*  =MAIN-CONTENT
    ----------------------------------------------------*/


body.mylocalarea #primaryContent {
    width:626px;
}

body.mylocalarea #searchContainer fieldset legend{
   display: none;
}

body.mylocalarea #searchContainer fieldset label{
   display: inline-block !important;
   padding-right: 1em;
}

body.mylocalarea #searchContainer fieldset input{
   vertical-align: middle;
 
}

body.mylocalarea #searchContainer fieldset select{
   clear: none;
   display: inline-block;
  
}

body.mylocalarea #searchContainer fieldset .submitButton {
   display: inline-block !important;
   padding: 2px 8px;
}

body.mylocalarea #searchContainer{
	padding: 10px;
	border: 1px solid #ddd;
	background-color: #eee;
	float: left; /* needed for ie6 */
	width: 97.2%;
	margin-bottom: 10px;
}

body.mylocalarea #searchContainer p#searchWithinContainer,
body.mylocalarea #searchContainer p#rememberPostcodeContainer,
body.mylocalarea #searchContainer p#findActivitiesContainer{
	display: block;
}

body.mylocalarea #searchContainer p#findActivitiesContainer{
	text-align: right;
}

body.mylocalarea #searchContainer ul{
	margin-left:0;
	font-size: 1em;
}

body.mylocalarea #searchContainer ul li,
body.mylocalarea ul#searchResultsList  li{
	background: none;
	padding-left: 0;
}

body.mylocalarea ul#searchResultsList{
	font-size: 1em;
}

body.mylocalarea #searchContainer ul#activityGroupsList{
	width: 41em;
	display: inline-block;
}

body.mylocalarea #searchContainer ul#activityGroupsList li{
	width: 20em;
	float: left;
}

body.mylocalarea #searchContainer #yourLocalServicesContainer,
body.mylocalarea #searchContainer #refineYourResultsContainer{
	float: left;
}

body.mylocalarea #searchContainer #yourLocalServicesContainer{
	width: 40%;
}

body.mylocalarea #searchContainer #refineYourResultsContainer ul#activityGroupsList,
body.mylocalarea #searchContainer #refineYourResultsContainer ul#activityGroupsList li{
	width: 100%;
}

body.mylocalarea #searchContainer #refineYourResultsContainer{
	width: 60%;
}

body.mylocalarea #searchContainer #refineYourResultsContainer #activityGroupsList label{
	width: 16em;
}
body.mylocalarea #searchContainer #refineYourResultsContainer #activityGroupsList select{
	width: 20em;
	margin-bottom: 5px;
}

body.mylocalarea #searchContainer #yourLocalServicesContainer select
{
	display: inline-block;
}

body.mylocalarea #searchResultsContainer{
	padding-top: 20px;
}

body.mylocalarea #searchResultsContainer p,
body.mylocalarea #searchContainer p{
	vertical-align: top;
}

body.mylocalarea #searchResultsContainer #mapContainer{
	width: 510px;
	float: left;
}

body.mylocalarea #searchResultsContainer #listContainer{
	width:300px;
	float:left;
}

body.mylocalarea #searchResultsContainer #listContainer ul#searchResultsList li{
	border-bottom: 1px solid #ddd;
	padding: 10px 0;
	display: inline-block;
	width: 100%;
}

body.mylocalarea #searchResultsContainer #listContainer ul#searchResultsList li img{
	padding: 0;
}

body.mylocalarea #searchResultsContainer #listContainer ul#searchResultsList li div.resultSummary{
	margin-left: 28px;
}

body.mylocalarea #searchResultsContainer div.resultsPaging{
	text-align: right;
	padding-top: 10px;
}

body.mylocalarea #searchResultsContainer div.resultsPaging input{
	background-color: transparent;
	font-size: 1em;
	cursor: pointer;
	text-decoration: underline;
}

body.mylocalarea ul#myLocalAreaPartnersList li{
	display: inline-block;
	width: 90%;
}

body.mylocalarea  div#myMap{
	border: 4px solid #dcd4c4;
	margin-bottom: 10px;
}




/* --- main-content LINKS */

/* -- */
/* PAGE ELEMENTS/MODULES */

/* Promo boxes - usually in the right hand column */


/* end promo boxes */

/* BREAKOUT BOXES - usually in the central panel including the content header */

/* the yellow curved cornered boxes */


/* content header */

body.mylocalarea #myLocalAreaHeaderBox .divBottom{
    width: 230px;
    height:150px;
    background-position: -1497px bottom;
}


/*-- --*/

/* full width main content */

body.mylocalarea .none_none_none ul li{
    display:inline-block !important;
}

/* half width breakout boxes */

/* end yellow breakout boxes */

/* miscellaneous elements */

/* --- */


/*  =--------------------[ PAGE BOTTOM ] ---------------------------------------------------------------------------
    -----------------------------------------------------------------------------------------------------------------*/
	
/*  =FOOTER
    ----------------------------------------------------*/


/*  =MISCELLANEOUS CLASSES
    ----------------------------------------------------*/