#DemandMap .hide-without-js {
	display: none;
}

#DemandMap :focus {
	border: 1px solid yellow;
}

#DemandMap .dataView {
	/*height: 500px;*/
	margin-right: 280px;
	border: 0;
	padding: 0;
}

#DemandMap .dataViews > ul {
	height: 4em;
}

#DemandMap .dataViews .ui-tabs-hide {
   /* Reposition instead of hide tab to let map container keep its height when hidden to query bounds etc */
	position: absolute;
   left: -10000px; 
	display: block;
	height: 1px;
	overflow: hidden;
}

#DemandMap .dataViews .ui-tabs-panel {
	padding: 0; /* Overriding jQuery UI defaults */
	border: 0; /* Overriding jQuery UI defaults */
	clear: none;
}

#DemandMap .dataViews .ui-tabs-nav {
	border: 0; /* Overriding jQuery UI defaults */
}

#DemandMap #Map {
	clear: left;
	width: 480px;
	height: 500px; /* This is necessary for google maps API to work correctly */
}
#DemandMap #Map.small {
	margin-right: 320px;
}

#DemandMap #DemandPointList {
	overflow: auto;
	margin-right: 0;
}
	#DemandMap.mini #DemandPointList {
		height: auto;
	}

	#DemandMap #DemandPointList table {
		width: 100%;
		padding: .5em;
	}
	
	#DemandMap #DemandPointList table .hidden {
		display: none;
	}

	#DemandMap #DemandPointList td,
	#DemandMap #DemandPointList th {
		font-size: 12px;
	}
	
	#DemandMap #DemandPointList .pagination {
		margin-top: 1em;
	}
	#DemandMap #DemandPointList .pagination li {
		float: left;
		margin-right: .4em;
		font-size: 12px;
	}

#DemandMap #MapSearchForm {
	margin-bottom: 10px;
	padding: 1px;
}
	#DemandMap.mini #MapSearchForm {
		float: left;
		margin-right: 1em;
	}
	#DemandMap #MapSearchForm .required {
		background: white;
		border: 0;
	}
	
	#DemandMap #MapSearchForm #q {
		border:0;
		margin: 0;
		float: left;
	} 
	
	#DemandMap #MapSearchForm #q label {
		display: none;
	}
	
	#DemandMap #MapSearchForm #action_search2 label {
		display: none;
	}

	#DemandMap #MapSearchForm #action_search2 {
		float: left;
	}
	
	#DemandMap #MapSearchForm .divider {
		clear: left;
		margin: 0;
	}
	
	#DemandMap.mini #MapSearchForm .Actions {
		display: none;
	}
	
	#DemandMap #MapSearchForm input.action {
		width: 30px;
		background: #602851;
		color: #fff;
		font-size: 12px;
	}
	#DemandMap #MapSearchForm input.text {
		width: 200px;
		font-size: 12px;
		padding: 2px 0;
		border: 1px solid #A7A7A7;
	}
	
	#DemandMap .loading #MapSearchForm #action_search2 {
		padding-right: 20px;
		background: url(../../cms/images/network-save.gif) top right no-repeat;
	}
	
	#DemandMap .loading #MapSearchForm input.text {
		width: 180px;
	}
	
	#DemandMap #MapSearchForm label.error, 
	#DemandMap #MapSearchForm label.error {
		/* remove the next line when you have trouble in IE6 with labels in list */
		color: red;
		font-style: italic
	}
	#DemandMap #MapSearchForm div.error { display: none; }
	#DemandMap #MapSearchForm input.error { border: 1px dotted red; }
	
	#DemandMap #MapSearchForm .model {
		display: inline;
	}
	#DemandMap #MapSearchForm #RegionID {
		font-size: 16px;
	}

	#DemandMap.mini #MapSearchForm {
		float: left;
	}
	#DemandMap.mini #MapSearchForm small {
		display: none;
	}
	#DemandMap #MapSearchForm select {
		width: 230px;
		font-size: 12px;
		font-weight: normal;
		padding: 0;
	}
	

#DemandMap .resultLocationTitle {
	clear: both;
	margin: 10px 0 5px 0;
}

#DemandMap #Control {
	float: right;
	width: 260px;
	height: 480px;
	margin-bottom: 4em;
	padding: 10px;
	background: #EBEBEB;
	overflow:auto;
	font-size: 12px;
}
#DemandMap.mini #Control {
	height: auto;
	margin-bottom: 0;
}

#DemandMap #Control.large {
	width: 300px;
}
	#DemandMap #Control ul,
	#DemandMap #Control li {
		list-style: none;
	}
	#DemandMap #Control a.ui-accordion-link {
		color: #602851;
		font-size: 14px;
		text-decoration: underline;
		margin-bottom: 5px;
		margin-top: 10px;
	} 
	#DemandMap #Control h3 {
		font-size: 12px;
	}
	#DemandMap #Control h3, 
	#DemandMap #Control h4 {
		color: #602851;
		clear: left;
	}
	#DemandMap #Control .intro h3 {
		font-size: 14px;
	}
	#DemandMap #Control h4 {
		font-size: 12px;
		margin-bottom: 5px;
		margin-top: 10px;
	}

	#DemandMap #Control small {
		font-size: 10px;
	}
	
	#DemandMap #Control input.checkbox,
	#DemandMap #Control .checkbox input {
		margin: 0;
		padding: 0;
	}
	
	#DemandMap #Control .checkboxHolder {
		display: block;
		width: 20px;
		float: left;
	}

	#DemandMap #Control .myPoints {
		width: 100%;
	}


#DemandMap #SupplierControl {
}
	#DemandMap #SupplierControl label {
		font-size: 10px;
		width: 100px;
	}
	#DemandMap #SupplierControl label.supplierGroup {
		font-size: 12px;
	}
	
	#DemandMap #SupplierControl .field label {
		display: inline;
		margin: 0;
		padding: 0;
		line-height: 12px;
	}
		#DemandMap #SupplierControl #LimitToVisible {
			padding-bottom: .5em;
			margin-bottom: .5em;
			border-bottom: 1px solid #ccc;
		}
	
		#DemandMap #SupplierControl #LimitToVisible label {
			width: auto;
			float: none;
		}
		#DemandMap #SupplierControl .supplierList label {
			width: auto;
		}
	#DemandMap #SupplierControl .Actions input {
		float: left;
		margin-left: 16px;
	}
	#DemandMap #SupplierControl fieldset {
		margin-bottom: .5em;
	}
	#DemandMap #SupplierControl .supplierList p.message {
		background: none;
		border: none;
		color: #000;
		padding-left: 0;
	}
	#DemandMap #SupplierControl .supplierList small {
		font-size: 9px;
	}
	#DemandMap #SupplierControl .supplierList ul li ul {
		margin-left: 1.2em;
	}

	#DemandMap #SupplierControl .field {
		clear: left;
	}
	#DemandMap #SupplierControl #UploadSpeed .fieldgroupField,
	#DemandMap #SupplierControl #DownloadSpeed .fieldgroupField {
		float: left;
		margin-right: 5px;
	}
	#DemandMap #SupplierControl small {
		margin-left: 0.1em;
	}
	#DemandMap #SupplierControl select {
		width: 100px;
		font-size: 11px;
		margin-bottom: 3px;
	}
	
	#DemandMap #SupplierControl.loading h3 {
		padding-left: 22px;
        background: url(../../cms/images/network-save.gif) 3px 0px no-repeat;
	}

#DemandMap #MapEdit {
}
	#DemandMap #MapEdit table.myPoints td {
		padding: 2px;
	}
		#DemandMap #MapEdit table.myPoints th.OrganisationHeader, #DemandMap #MapEdit table.myPoints th.AddressHeader {
			width: 100px;
		}
	
	#DemandMap #MapEdit input,
	#DemandMap #MapEdit textarea,
	#DemandMap #MapEdit select {
		width: 200px;
	}
	#DemandMap #MapEdit .optionset li {
		clear: left;
	}
	#DemandMap #MapEdit input.checkbox {
		float: left;
		width: auto;
	}
	#DemandMap #MapEdit .numeric input {
		width: 3em;
	}
	#DemandMap #MapEdit .field {
		margin-bottom: 1em;
	}
	#DemandMap #MapEdit label {
		float: none;
		font-size: 12px;
		padding-bottom: 0;
	}
	#DemandMap #MapEdit #Point label {
		display: none;
	}
	#DemandMap #MapEdit #Point .fieldgroup label {
		display: block;
	}
	#DemandMap #MapEdit #Form_PointEditForm fieldset {
		margin-bottom: 0;
	}
	#DemandMap #MapEdit #Form_PointEditForm {
		padding-bottom: 2em;
	}
	

#DemandMap #Control field.numeric {
	width: 50px;
}
	

#DemandMap fieldset {
	border: 0;
}

#DemandMap .middleColumn {
	background: none;
	clear: none;
	margin: 0;
	padding: 0;
	width: auto;
}

#DemandMap #Control #RegionID label {
	display: none;
}

#DemandMap .accessibilityControlAnchor {
	clear: left;
}
	#DemandMap.mini .accessibilityControlAnchor {
		display: none;
	}
	

/* Enabled by Javascript */
#DemandMap #AccessibilityControls {
	clear: left;
}
	#DemandMap #AccessibilityControls dl {
		clear: left;
	}
	#DemandMap #AccessibilityControls dt {
		clear: left;
		float: left;
		margin-right: .5em;
	}

#DemandMap #Form_AccessibilityForm {
	margin: 10px 0;
}

#DemandMap #Form_AccessibilityForm .CompositeField {
	width: 25%;
	float: left;
}

#DemandMap #Form_AccessibilityForm label {
	display: none;
}

/** DEMAND CATEGORY CONTROL **/

#DemandMap #DemandCategoryControl {
	margin-bottom: 10px;
}
	#DemandMap.mini #DemandCategoryControl {
		display: none;
	}
	#DemandMap #DemandCategoryControl ul {
		margin-top: 5px;
	}
	
		#DemandMap #DemandCategoryControl ul ul {
			margin-top: 0;
		}
	
	#DemandMap #DemandCategoryControl label {
		float: none;
		margin: 0;
		padding: 0;
	}
	
	#DemandMap #DemandCategoryControl li {
		margin-bottom: 5px;
		padding-right: 20px; /* make room for loading indicator */
	}
	
	/* Indent nested bullets only */
	#DemandMap #DemandCategoryControl li li {
		margin-left: 20px;
	}
	#DemandMap #DemandCategoryControl li label {
		font-size: 12px;
		display: inline;
	}
	#DemandMap #DemandCategoryControl li li label {
		font-size: 10px;
	}
	
	#DemandMap #DemandCategoryControl .toggle {
		font-size: 10px;
	}
	
	#DemandMap #DemandCategoryControl.loading h3, #PointDownloadLinksHolder.loading {
        padding-left: 22px;
        background: url(../../cms/images/network-save.gif) 3px 0px no-repeat;
    }
    
	
	#DemandMap #DemandCategoryControl li.loading {
		padding-right: 0;
	}
	
	#DemandMap #DemandCategoryControl .loadingIndicator {
		display: inline;
	}
	
	#DemandMap #DemandCategoryControl li.category img,
	#DemandMap #DemandCategoryControl li.category label,
	#DemandMap #DemandCategoryControl li.category input {
		vertical-align: middle;
	}
	
	#DemandMap li.category small span {
		color: #888;
	}
	
	#DemandMap #DemandCategoryControl #PointCountToggleHolder {
		border-top: 1px solid #ccc;
		padding: 5px 0 0 0;
		margin: 5px 0;
		display: none;
	}
		#DemandMap #DemandCategoryControl #PointCountToggleHolder input {
			padding: 0;
		}
	
		#DemandMap #DemandCategoryControl #PointCountToggleHolder label {
			display: inline;
			font-size: 12px;
		}
	

#DemandMap #SupplierControl {}
	#DemandMap #SupplierControl .supplierList li input {
		float: left;
		margin-right: 3px;
	}
	#DemandMap #SupplierControl .supplierList li {
		clear: left;
	}
	#DemandMap #SupplierControl .supplierList .color {
		display: block;
		float: left;
		width: 10px;
		margin-right: 3px;
		margin-top: 3px;
	}
	#DemandMap.mini #SupplierControl {
		display: none;
	}

#DemandMap ul ul {
	margin-top: 0;
	margin-bottom: 0;
} 

#DemandMap #Control li {
	margin: 0;
	font-size: 1em;
}

#DemandMap .message {
	background: #F8FFBF;
	padding: .5em;
	border: 1px solid #ccc;
}

#DemandMap .infowindow .geo {
	display: none;
}

#DemandMap .infowindow h3 {
	margin: 0;
}

#DemandMap .mapLegend {
	margin-top: 1em;
}
	#DemandMap .mapLegend h4 {
		margin-bottom: 1em;
	}
	#DemandMap .mapLegend li {
		float: left;
		margin-bottom: .5em;
		margin-right: 1em;
		width: 160px;
	}
	#DemandMap .mapLegend img {
		margin-right: 10px;
		vertical-align: middle;
	}
	
#DemandMap .dataViews-links {
	clear: both;
}

#DemandMap .demandPointsDownloadLinks {
	margin-top: 10px;
	margin-bottom: 10px;
}

#DemandMap.popup {}
	#DemandMap.popup .dataViews-bottom,
	#DemandMap.popup .dataViews-links,
	#DemandMap.popup #PointDownloadLinksHolder {
		display: none !important;
	}