#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;
	background-color:#e9eef2;
}

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

#DemandMap #Map {
	clear: left;
	width: 480px;
	height: 500px;
}
#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 #SearchForm {
	margin-bottom: 5px;
}
	#DemandMap.mini #SearchForm {
		float: left;
		margin-right: 1em;
	}
	#DemandMap #SearchForm .required {
		background: white;
		border: 0;
	}

#DemandMap #SearchBar {
	margin-top: 2em;
	margin-bottom: 2em;
	padding: 1px;
}

	#DemandMap #SearchBar fieldset {
		border:0;
		margin: 0;
		float: left;
	} 

	#DemandMap #SearchBar .Actions {
		float: left;
	}
	
	#DemandMap #SearchBar input.action {
		width: 30px;
		background: #ac0d11;
		color: #fff;
		font-size: 12px;
	}
	#DemandMap #SearchBar input.text {
		width: 200px;
		font-size: 12px;
		padding: 2px 0;
		border: 1px solid #A7A7A7;
	}
	
	#DemandMap #SearchBar label.error, 
	#DemandMap #SearchBar label.error {
		/* remove the next line when you have trouble in IE6 with labels in list */
		color: red;
		font-style: italic
	}
	#DemandMap #SearchBar div.error { display: none; }
	#DemandMap #SearchBar input.error { border: 1px dotted red; }
	
	#DemandMap #SearchBar .model {
		display: inline;
	}
	#DemandMap #SearchBar #RegionID {
		font-size: 16px;
	}
	
	#DemandMap #SearchBar small {
		font-size: 10px;
	}

#DemandMap #RegionControl {
}
	#DemandMap.mini #RegionControl {
		float: left;
	}
	#DemandMap.mini #RegionControl small {
		display: none;
	}
	#DemandMap #RegionControl fieldset {
		float: none;
	}
	#DemandMap #RegionControl label {
		display: none;
	}
	#DemandMap #RegionControl 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 {
	float: none;
	width: auto;
	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, 
	#DemandMap #Control h4 {
		color: #602851;
	}
	#DemandMap #Control .intro h3 {
		font-size: 14px;
	}
	#DemandMap #Control h4 {
		font-size: 12px;
		margin-bottom: 5px;
		margin-top: 10px;
	}

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


#DemandMap #Form_SupplierForm {
}
	#DemandMap #Form_SupplierForm label {
		font-size: 11px;
		width: 100px;
	}
	
	#DemandMap #Form_SupplierForm .field label {
		display: inline;
		margin: 0;
		padding: 0;
		line-height: 12px;
	}
	#DemandMap #Form_SupplierForm .supplierList {
		margin-left: 1em;
	}
		#DemandMap #Form_SupplierForm .supplierList label {
			width: auto;
		}
	#DemandMap #Form_SupplierForm .Actions input {
		float: left;
		margin-left: 16px;
		display: none;
	}
	#DemandMap #Form_SupplierForm fieldset {
		margin-bottom: .5em;
	}
	#DemandMap #Form_SupplierForm .supplierList p.message {
		background: none;
		border: none;
		color: #000;
		padding-left: 0;
	}
	#DemandMap #Form_SupplierForm .supplierList small {
		font-size: 9px;
	}
	#DemandMap #Form_SupplierForm .supplierList ul li ul {
		margin-left: .5em;
	}
	#DemandMap #Form_SupplierForm .field {
		clear: left;
	}
	#DemandMap #Form_SupplierForm #UploadSpeed .fieldgroupField,
	#DemandMap #Form_SupplierForm #DownloadSpeed .fieldgroupField {
		float: left;
		margin-right: 5px;
	}
	#DemandMap #Form_SupplierForm small {
		font-size: 10px;
		margin-left: 1em;
	}
	#DemandMap #Form_SupplierForm select {
		width: 100px;
		font-size: 11px;
		margin-bottom: 3px;
	}

#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;
}

/* 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,
#DemandMap .accessibilityControlAnchor {
	display: none;
}

#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 {
}
	#DemandMap.mini #DemandCategoryControl {
		display: none;
	}
	#DemandMap #DemandCategoryControl ul {
		margin-top: 5px;
	}
	
	#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.loading h3 {
        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 h4.selected {
		
	}
	#DemandMap #DemandCategoryControl h4.selected {
		
	}
	
	#DemandMap #DemandCategoryControl li.category img,
	#DemandMap #DemandCategoryControl li.category label,
	#DemandMap #DemandCategoryControl li.category input {
		vertical-align: middle;
	}
	#DemandMap #DemandCategoryControl .checkboxHolder {
		display: block;
		width: 30px;
		float: left;
	}
		
	#DemandMap #DemandCategoryControl li.category input {
		margin: 0;
		padding: 0;
	}

#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 ul ul {
	margin-top: 0;
	margin-bottom: 0;
} 

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

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

#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;
	}