#filter-container {

	position: relative;
	margin: 10px 0px;
}

#filter-container .data {

	display: inline-block;
	margin: 2px 0px;
}

#filter-container .data:hover {

	background-color: #007AC3;
	cursor: pointer;
}

#filter-container .data:hover .name .fc-inner {

	color: white;
}

#filter-container .data .name {

	display: inline-block;
	vertical-align: middle;
}

#filter-container .data .name .fc-inner {

	padding: 5px 10px 5px 0px;
}

#filter-container .data .input {

	display: inline-block;
	vertical-align: middle;
}

#filter-container .data .input input {

	cursor: pointer;
}

#filter-container .fc-checkbox-hover {

}

#filter-container .fc-inner {

	padding: 5px;
}

#filter-container .fc-checked {

	background-color: #F89C42 !important;
	color: white;
	font-weight: bold;
}

#filter-container .fc-description {
	
	margin: 15px 0px 5px 0px;
	padding-left: 5px;
	
}

#filter-container .fc-name-container {

	position: absolute;
	top: -10px;
	left: 0px;
	width: 100%;
	cursor: pointer;
}

#filter-container .fc-name-container .icon {

	display: inline;
	vertical-align: top;
	background-color: white;
}

#filter-container .fc-name-container .icon img {

	padding: 0px 8px 0px 0px;
}

#filter-container .fc-name-container .name {

	display: inline;
	padding: 5px;
	vertical-align: top;
	background-color: white;
	font-weight: bold;
}

.camera-amount-container {

	text-align: center;
	padding: 5px 0px;
	margin-top: 5px;
}

.camera-amount-container > div {

	display: inline-block;
}

#header-container .search-buttons-container {
	
	text-align: center;
	margin: 1em .5em;
}

#header-container .search-buttons-container button {

	display: inline-block;
	vertical-align: middle;
	margin: .25em;
}

#header-container .search-container {

	margin: 10px 0px;
}

#header-container .search-container .search-text-input-container {

	text-align: center;
}

#header-container .search-container .search-text-input-container input {

	display: inline-block;
	vertical-align: middle;
	width: 85%;
}

#header-container .search-container .search-text-input-container span {

	display: inline-block;
	vertical-align: middle;
}


.filter-accordion {

	width: 100%;
}

.filter-accordion .cda-subtext a {

	color: #007AC3 !important;
}

.filter-accordion > div {

	border: 2px solid #007AC3 !important;
}

.filter-accordion > div a {

	color: #007AC3;
}

.filter-accordion > h3 {

	border: none !important;
	background: none !important;
	font-size: 1.5em !important;	
	outline: 0 !important;
	-webkit-touch-callout: none !important;
    -webkit-user-select: none !important;
    -khtml-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important;
}

.filter-accordion > h3 > span {

	background-image: url("/css/jquery/images/ui-icons_6da8d5_256x240.png") !important;
}

.filter-accordion h3 a {

	color: #007AC3 !important;
	
}

.filter-accordion h3:hover a {

	color: #F89B42 !important;
}

.dl-indented {

	padding: 0px 0px 5px 25px !important;
}

.filter-accordion > div .edge-camera-link:hover {

	color: #BD2030 !important;
}

/**
	MEDIA QUERIES
*/
@media all and (max-width: 1200px) {


}

@media all and (max-width: 1000px) {

}

@media all and (max-width: 850px) {
	
	#header-container .search-container .search-text-input-container input {
	
		width: 75%;
	}
	
	#header-container .search-container .search-text-input-container span {
	
		width: inherit;
	}
}

@media all and (max-width: 768px) {
	
	#header-container .search-container .search-text-input-container {
	
		display: block;
		text-align: center;
		margin-top: 10px;
		width: inherit;
	}
	
	#header-container .search-container .search-text-input-container input {
	
		width: 80%;
	}
	
	#header-container .search-buttons-container {

		display: block;
		text-align: center;
		margin-top: 10px;
		width: inherit;
	}
}

@media all and (max-width: 695px) {

	#filter-container .data {
	
		width: 48%;
		padding: 15px 0px;
	}
	
	#filter-container .ui-accordion-content {
	
		padding: .2em;
	}
}

@media all and (max-width: 450px) {

	#filter-container .data {
	
		width: 100%;
		padding: 15px 0px;
	}
}

@media all and (max-width: 375px) {

	#header-container .search-container input {

	}
}