﻿#PageContainer, #ReportingToolPageContainer {
  border-color: #0e92c3; }

.menu-button {
  background-color: #0e92c3; }

div#Menu .menu-border {
  border-color: #0e92c3; }

.ui-widget-content a, a {
  text-decoration: none;
  color: #9e0c5b; }

a:visited {
  color: #9e0c5b; }

a:hover {
  text-decoration: underline; }

#Header {
  border-color: #0e92c3;
  background-color: #a6a6a6; }

#Header #CPDLogo {
  background-color: #0e92c3; }

	#Header #HeaderLeft {
		float: left;
		display: flex;
		width: calc(100% - 390px);
	}

		#Header #HeaderLeft #CouncilLogo {
			margin-top: 15px;
			display: inline-block;
			width:auto;
		}

		#Header #HeaderLeft #FalkirkHSCP {
			display:inline-block;
			margin-top: 18px;
			width:100%;
		}

		#Header #HeaderLeft #FalkirkHSCP img {
			display: block;
			margin:0 auto;
		}

#Footer a:hover {
  color: #9e0c5b; }

#Menu {
  border-color: #0e92c3; }

#BottomMenu {
  background-color: #dee57c; }

#MainContentDiv {
  border-color: #0e92c3; }

#TopMenu ul li a:hover {
  color: #9e0c5b; }

#TopMenu ul li.Selected a, #TopMenu ul li.Selected a:visited,
#tabs .ui-state-default a {
  color: #9e0c5b; }

#BottomSecureMenu ul li a:hover {
  background-color: #dee57c;
  color: #9e0c5b; }

#BottomSecureMenu ul li.Selected a, #BottomSecureMenu ul li.Selected a:visited {
  background-color: #dee57c;
  color: #9e0c5b; }

#BottomSecureMenu ul li a, #BottomSecureMenu ul li a:visited {
  color: #9e0c5b; }

.Textbox {
  border-color: #0e92c3; }

#MainContentDiv #Left #LoginBox {
  background-color: #dee57c; }

.Button {
  border-color: #0e92c3;
  background-color: #0e92c3; }

#Footer {
  border-color: #0e92c3; }

#Footer ul li {
  color: #9e0c5b;
  border-right: 1px solid #dee57c; }

#Footer ul li.Last {
  color: #0e92c3; }

.DropDown {
  border: solid 1px #0e92c3;
  font-family: arial,sans-serif; }

#MainContentDiv #CenterForm {
  background-color: #dee57c; }

#MainContentDiv #ProfileLeft {
  background-color: #dee57c; }

#MainContentDiv #VenueLeft {
  background-color: #dee57c; }

.ContainerPanel {
  background-color: #dee57c;
  border-color: #0e92c3; }

.collapsePanelHeader {
  background-color: #dee57c;
  border-color: #0e92c3; }

.ExampleContainerPanel {
  background-color: #0e92c3;
  border-color: #0e92c3; }

.ExamplecollapsePanelHeader {
  background-color: #0e92c3;
  border-color: #0e92c3; }

.CentralContainerPanel {
  background-color: #0e92c3;
  border-color: #0e92c3; }

.CentralcollapsePanelHeader {
  background-color: #0e92c3;
  border-color: #0e92c3; }

.HistoryContainerPanel {
  background-color: #dee57c;
  border-color: #0e92c3; }

.HistorycollapsePanelHeader {
  background-color: #0e92c3;
  border-color: #0e92c3; }

.TableHeaderRow {
  background-color: #0e92c3;
  color: #ffffff; }

#HomePageTopLeft {
  background-color: #dee57c; }

#HomePageTopRight {
  background-color: #f1cb7e; }

#HomePageTopRight h5 a:hover, #HomePageTopRight h5 a:active {
  color: #9e0c5b; }

#HomePageBottomLeft {
  border-color: #0e92c3; }

#HomePageBottomLeftCoord {
  border-color: #0e92c3; }

#HomePageBottomRight {
  border-color: #0e92c3; }

#HomePageBottomRight h5 a:hover, #HomePageBottomRight h5 a:active {
  color: #9e0c5b; }

#dialog a {
  color: #9e0c5b; }

.ms-options-wrap > .ms-options > ul li.selected label {
  background-color: #0e92c3;
  color: #fff; }

@media only screen and (max-width:800px) {
	#Header #HeaderLeft{
		float:left;
		display:flex;
		width:calc(100% - 80px);
		height:80px;
		align-items:center;
		justify-content:space-evenly;
	}

		#Header #HeaderLeft #CouncilLogo {
			float: unset;
			position: unset;
			display: inline-block;
			width:unset;
			height:unset;
			margin: unset;
			flex-shrink:1;
		}

			#Header #HeaderLeft #CouncilLogo img {
				float: unset;
				position: unset;
				display: unset;
				width: unset;
				height: unset;
				margin: unset;
				transform: unset;
				max-height: unset;
				max-width: 100%;
			}

		#Header #HeaderLeft #FalkirkHSCP {
			float: unset;
			position: unset;
			display: inline-block;
			width: 100%;
			height: unset;
			margin: unset;
		}

			#Header #HeaderLeft #FalkirkHSCP img {
				float: unset;
				position: unset;
				display: block;
				width: unset;
				height: unset;
				margin: 0 auto;
				transform: unset;
				max-height: unset;
				max-width: 100%;
			}
}
