/* @override
  http://www.gosnells.wa.gov.au/files/templates/00000000-0000-0000-0000-000000000000/0509650e-6570-4c85-99be-550d423317ed/site.css
  http://gosnells.simple.seamlesscms.com/files/templates/00000000-0000-0000-0000-000000000000/5d8f330f-2089-40cb-a0b8-d9c7777778ee/responsive.css
  http://gosnells.simple.seamlesscms.com/files/templates/55765119-0cf3-4ec5-8ab2-3eafdff9ad3d/6fe18286-03c3-4b54-95a7-4ca46ecd6d07/responsive.css
  http://gosnells.simple.seamlesscms.com/files/templates/00000000-0000-0000-0000-000000000000/0509650e-6570-4c85-99be-550d423317ed/responsive.css */

input {
  -webkit-border-radius: 0 !important;
  border: 1px solid #809db8;
  padding: 5px;
}

textarea {
  border: 1px solid #809db8;
}

.searchboxleft {
  display: none !important;
}

.clear {
  clear: both;
}

html {
  background-color: #eef0f1;
}

.mainbg {
  background-image: url(main_bg-resp2.jpg);
  background-size: 100%;
}

.mainwidth {
  width: 980px;
  padding: 0 10px;
}

.main {
  width: 980px;
}

div.headersearch input.searchbox {
  padding-left: 3px;
}

.todayWeatherIcon {
  background-color: transparent !important;
  width: 28px;
}

.weatherWidget {
  width: 110px;
}

.navigation_holder {
  background: url("main_nav_background.gif") no-repeat scroll 0 0 transparent;
  background-size: cover;
  background: rgba(0, 80, 124, 0.5);
  width: 980px;
}

.dividerSmall {
  display: none;
}

.quickLinks ul li a {
  border-bottom: 1px solid #d2dadf;
  background: url(bullet_icon_orange.png) no-repeat scroll 5px 6px #F1F5F8;
}

.quickLinks ul li a:hover {
  background: url(bullet_icon_over.png) no-repeat scroll 5px 6px #8AAFC9;
  color: #fff;
}

.quickLinks ul li:last-child a {
  border: none;
}

.hotbox_header {
  border: none;
  width: 280px;
  padding: 5px 20px;
  background: none;
  background-color: #00507c;
}

.hotbox {
  width: 320px;
}

.hotbox_content {
  width: 280px;
  padding: 10px 20px 0 20px;
}

.hotbox_content_2 {
  width: 300px;
  padding: 10px 10px 0 10px;
}

.sidemenudiv .quickLinksHeader {
  width: 170px;
}

.slideShowItemText {
  padding: 0px 20px 15px 15px;
  width: 60% !important;
  position: absolute;
  bottom: 0px;
  left: 0px;
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
  /* -webkit-border-radius: 0 20px 0 0;
  border-radius: 0 20px 0 0; */
}

.slideShowItemText h2 {
  color: #fff;
  font-size: 20px;
  font-weight: normal;
  line-height: 1.2;
  margin-bottom: 5px;
}

.slideShowItemText p {
  display: inline;
  font-size: 12px !important;
}

.slideShowItemText .read-more {
  display: inline;
  color: #592d00;
  display: none;
}

ul.slideshowimages {
  width: 715px !important;
  height: auto !important;
}

.slideShowItemImage a.right {
  width: 100%;
}

.slideShowItemImage img {
  width: 100% !important;
  height: auto;
}

ul.slideshowimages .navigator {
  position: absolute;
  z-index: 40;
  top: auto !important;
  bottom: 17px;
  right: 10px !important;
}

ul.slideshowimages .navigator .level {
  padding: 5px !important;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background-color: #009ccf !important;
  color: #fff;
  font-weight: bold;
  padding: 5px 8px !important;
}

.level-highlight {
  padding: 5px 8px !important;
  background-color: #f68b1f !important;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

.feature a.readmore,
div.viewMore a {
  color: r !important;
}

div.feature h1.title a.readmore {
  color: #3274AC !important;
  font-weight: normal;
  font-size: 1em !important;
  line-height: 1.2;
}

div.hotbox div.hotbox_content a.arrow-list {
  background: url("arrow.gif") no-repeat scroll 0px 2px transparent;
}

.arrow-list {
  color: #363636 !important;
  margin-bottom: 8px !important;
}

.footer_content {
  width: 980px;
  padding: 10px;
}

.footer_left {
  padding-left: 0px;
}

div.footer div.footer_content div.footer_left p,
div.footer div.footer_content div.footer_left p a {
  color: #363636;
}

.banner_left {
  width: 715px;
}

.lower {
  width: 980px !important;
}

.feature {
  line-height: 18px;
  margin-right: 20px;
  width: 180px !important;
  min-height: 350px !important;
  position: relative;
}

.feature>a.readmore {
  position: absolute;
  bottom: 0;
}

.exploreGosnells {
  margin-bottom: 40px;
}

.feature a.thumb {
  display: block;
  width: 180px;
  height: 115px;
  background-size: cover !important;
  position: relative;
}

.feature a.thumb:after {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  width: 36px;
  height: 36px;
  background: rgba(246, 139, 31, 0.8) url('explore-arrow.png') no-repeat 50% 50%;
}

.feature a.thumb:hover:after {
  background: rgba(246, 139, 31, 1) url('explore-arrow.png') no-repeat 50% 50%;
}

.feature h1 {
  min-height: 50px;
}

.two-col .content {
  width: 740px !important;
}

.three-col .content {
  width: 520px !important;
}

.landingpageheader,
.landingpageheader .highlight {
  width: 100% !important;
  box-sizing: border-box !important;
  -moz-box-sizing: border-box !important;
  height: 60px !important;
}

.landingpageheader .title {
  width: 708px !important;
}

.landingpagelist .first-col,
.landingpagelist .second-col {
  width: 50%;
  float: left;
  box-sizing: border-box !important;
  -moz-box-sizing: border-box !important;
}

.landingpagelist .first-col {
  padding-right: 10px;
  padding-left: 10px;
}

.general_content .landingpagelist .first-col {
  padding-left: 0px;
}

.landingpagelist .second-col {
  padding-right: 20px;
  padding-left: 10px;
}

.landingpagelist .second-col p,
.landingpagelist .second-col h4 {
  padding-left: 0px !important;
}

.landingpagelist p {}

.landingpagelist h4 {
  padding-top: 15px !important;
}

div#itemMsgContainer.itemMsgContainer.left {
  width: 100%;
}

#divTextBox div.left {
  width: 100%;
}

.rightcontent .quickLinksHeader {
  width: 170px;
}

.itemBodyContainer {
  width: 100%;
}

div.itemMsgContainer div#divTextBox {
  width: 100% !important;
}

.divFeedbackContent {
  width: 100% !important;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  height: 44px;
}

.feedback-message-input {
  width: 100% !important;
  height: 70px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}

/* PAGINATION */

#listinglist #pagingBottom li {
  text-decoration: none !important;
  background: #f1f5f8;
  /* Old browsers */
  background: -moz-linear-gradient(45deg, #f1f5f8 0%, #ffffff 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #f1f5f8), color-stop(100%, #ffffff));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(45deg, #f1f5f8 0%, #ffffff 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(45deg, #f1f5f8 0%, #ffffff 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(45deg, #f1f5f8 0%, #ffffff 100%);
  /* IE10+ */
  background: linear-gradient(45deg, #f1f5f8 0%, #ffffff 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f5f8', endColorstr='#ffffff', GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
  -webkit-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #e9e9e9;
  display: inline-block;
  width: 30px;
  height: 30px;
  line-height: 30px;
}

#pagingBottom li {
  color: #000 !important;
}

#pagingBottom a {
  display: inline-block;
  width: 100%;
  height: 100%;
  text-decoration: none !important;
}

#pagingBottom a:hover {
  text-decoration: underline !important;
}

a#nextBottom,
a#prevBottom {
  text-decoration: none !important;
  background: #f1f5f8;
  /* Old browsers */
  background: -moz-linear-gradient(45deg, #f1f5f8 0%, #ffffff 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #f1f5f8), color-stop(100%, #ffffff));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(45deg, #f1f5f8 0%, #ffffff 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(45deg, #f1f5f8 0%, #ffffff 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(45deg, #f1f5f8 0%, #ffffff 100%);
  /* IE10+ */
  background: linear-gradient(45deg, #f1f5f8 0%, #ffffff 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f5f8', endColorstr='#ffffff', GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
  -webkit-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #e9e9e9;
  line-height: 30px;
  padding: 0 10px;
  height: 30px;
  display: inline-block;
}

.btn_scPagingNonJS_enabled {
  text-decoration: none !important;
  background: #f1f5f8;
  /* Old browsers */
  background: -moz-linear-gradient(45deg, #f1f5f8 0%, #ffffff 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #f1f5f8), color-stop(100%, #ffffff));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(45deg, #f1f5f8 0%, #ffffff 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(45deg, #f1f5f8 0%, #ffffff 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(45deg, #f1f5f8 0%, #ffffff 100%);
  /* IE10+ */
  background: linear-gradient(45deg, #f1f5f8 0%, #ffffff 100%);
  /* W3C */
  -webkit-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #e9e9e9;
  line-height: 30px;
  padding: 0 10px;
  height: 30px;
  display: inline-block;
  color: #146169;
  font-weight: bold;
}

.scSearchInputBox {
  border: 1px solid #809db8;
  line-height: 30px;
  padding: 5px 0 5px 10px;
  display: inline-block;
  color: #146169;
  font-weight: normal;
  margin-right: 5px;
  margin-bottom: 10px;
}

.filter-keyword-wrap-facility .scSearchInputBox {
  padding: 4px 0 4px 10px;
}

.nearmecontrol .nearmedrop {
  height: 30px;
  margin-left: 8px;
}

.agenda-minute-filter .filter-ddl {
  margin-left: 10px;
  margin-right: 10px;
}

.agenda-minute-filter .filter-ddl .scSearchInputBox {
  margin-left: 6px;
}

.agenda-minute-filter .option-trigger {
  padding: 6px;
}

.agenda-minute-filter .option-trigger span.icon-down {
  top: 4px;
}

.agenda-minute-filter .option-trigger .option-wrap {
  top: 27px;
  width: 171px;
}

.facilities-listview .filter-ddl {
  margin-bottom: 20px;
  margin-left: 0;
}

.scSearchInputBox-OldAndroid {
  width: 100% !important;
  line-height: 30px;
  padding: 5px 0 5px 10px;
  display: inline-block;
  color: #146169;
  font-weight: normal;
  margin-right: 5px;
  margin-bottom: 10px;
  min-height: 50px;
}

.search-button input {
  border: 1px solid #666666;
  background-color: #eeeeee;
}

#viewas {
  position: relative !important;
  top: auto !important;
  right: auto !important;
  margin: 20px 0;
}

.listpagecontent table {
  width: 100% !important;
}

.jumpPage {
  float: left;
  width: 50%;
}

.page-x-of-x {
  float: right;
  width: 50%;
  text-align: right;
  line-height: 30px;
  color: #146169;
}

.buttonLeftArrow {
  font-size: 11px;
}

.mapContainer {
  width: 100%;
  box-sizing: border-box !important;
  -moz-box-sizing: border-box !important;
  height: 400px;
}

.googlemaps {
  width: 100%;
  height: 100%;
}

#facilityAbout img {
  width: 340px;
  height: auto;
}

.mainMenu {
  width: 895px;
}

div.breadcrumbs {
  width: 55% !important;
}

span.breadcrumbs {
  padding: 10px 5px 10px 15px !important;
  width: 90% !important;
  display: block;
}

.printandshare {
  width: auto !important;
  text-align: right;
}

.breadcrumbs_actions {
  height: auto !important;
}

p.printandsharetext {
  color: #9c9c9c;
  margin: 8px !important;
}

.printandshare {
  margin: 10px 10px 0 0;
  width: 30% !important;
}

/*** SUPERFISH MENU - ESSENTIAL STYLES ***/

ul.sf-menu>li>a {
  text-transform: uppercase !important;
}

.sf-menu,
.sf-menu * {
  margin: 0;
  padding: 0;
  list-style: none;
}

.sf-menu li {
  position: relative;
}

.sf-menu ul {
  position: absolute;
  display: none;
  top: 100%;
  left: 0;
  z-index: 99;
}

.sf-menu>li {
  /*float: left;*/
  display: inline-block;
}

.sf-menu li:hover>ul,
.sf-menu li.sfHover>ul {
  display: block;
}

.mainMenu ul {
  white-space: nowrap;
}

.sf-menu a {
  display: block;
  position: relative;
  font-size: 1em;
  font-weight: bold;
  height: 35px;
  padding: 18px 28px 0 28px;
  vertical-align: middle;
  color: #373737 !important;
}

.sf-menu>li>a {
  color: #fff !important;
}

.sf-menu a {
  color: #373737;
}

.sf-menu a:hover,
.sf-menu li.sfHover>a.sf-with-ul {
  color: #fff !important;
}

.sf-menu ul ul {
  top: 0;
  left: 100%;
}

/*** DEMO SKIN ***/

.sf-menu {
  float: left;
  margin-bottom: 1em;
}

.sf-menu ul {
  box-shadow: 2px 2px 6px rgba(0, 0, 0, .2);
  min-width: 12em;
  /* allow long menu items to determine submenu width */
  *width: 12em;
  /* no auto sub width for IE7, see white-space comment below */
}

.sf-menu a {
  zoom: 1;
  /* IE7 */
}

.sf-menu a {
  color: #13a;
}

.sf-menu li {
  background: none;
  white-space: nowrap;
  /* no need for Supersubs plugin */
  *white-space: normal;
  /* ...unless you support IE7 (let it wrap) */
  -webkit-transition: background .2s;
  transition: background .2s;
}

.sf-menu ul li {
  background: #f2f5f9;
  border-bottom: 1px solid #d2dadf;
  color: ;
}

.sf-menu ul ul li {
  background: #f2f5f9;
}

.sf-menu li:hover,
.sf-menu li.sfHover {
  /* only transition out, not in */
  -webkit-transition: none;
  transition: none;
  background-color: #f68b1f;
  color: #FFFFFF;
}

/*** arrows (for all except IE7) **/

.sf-arrows .sf-with-ul {
  padding-right: 2.5em;
  *padding-right: 1em;
  /* no CSS arrows for IE7 (lack pseudo-elements) */
}

/* styling for both css and generated arrows */

.sf-arrows .sf-with-ul:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 1em;
  margin-top: -3px;
  height: 0;
  width: 0;
  /* order of following 3 rules important for fallbacks to work */
  border: 5px solid transparent;
  border-top-color: #dFeEFF;
  /* edit this to suit design (no rgba in IE8) */
  border-top-color: rgba(255, 255, 255, .5);
}

.sf-arrows>li>.sf-with-ul:focus:after,
.sf-arrows>li:hover>.sf-with-ul:after,
.sf-arrows>.sfHover>.sf-with-ul:after {
  border-top-color: white;
  /* IE8 fallback colour */
}

/* styling for right-facing arrows */

.sf-arrows ul .sf-with-ul:after {
  margin-top: -5px;
  margin-right: -3px;
  border-color: transparent;
  border-left-color: #dFeEFF;
  /* edit this to suit design (no rgba in IE8) */
  border-left-color: rgba(255, 255, 255, .5);
}

.sf-arrows ul li>.sf-with-ul:focus:after,
.sf-arrows ul li:hover>.sf-with-ul:after,
.sf-arrows ul .sfHover>.sf-with-ul:after {
  border-left-color: white;
}

ul ul .sf-with-ul {
  background: url(menu-arrow-blue.png) no-repeat 100% 50%;
  padding-right: 50px !important;
}

ul ul .sfHover>.sf-with-ul {
  background: url(menu-arrow-white.png) no-repeat 100% 50%;
}

span.quickLinksOpen {
  font-size: 2em !important;
  display: block;
  position: absolute;
  right: 10px;
  top: 0px;
  font-weight: normal;
  text-indent: -999em;
}

.quickLinksHeader {
  position: relative;
}

h2.cdcontentSection {
  display: none;
}

.cd-inner {
  display: block;
}

.sideNavContainer .sectionheader {
  background: none !important;
  background-color: #7c861c !important;
  color: #ffffff;
  font-size: 15px;
  padding: 5px 20px !important;
  font-weight: normal !important;
  margin-bottom: 3px;
  line-height: 33px;
}

.slideShowItemImage {
  width: 100% !important;
  overflow: hidden;
  padding: 0px;
  background-color: #fff;
}

.banner_main {
  height: auto !important;
  padding: 10px;
}

ul.slideshowimages li {
  position: relative !important;
}

.banner_right .quickLinks {
  height: auto !important;
}

.slideShowItemImage {
  float: none;
  width: 100% !important;
  overflow: hidden;
  background-color: #fff;
  box-sizing: border-box !important;
  -moz-box-sizing: border-box !important;
  position: relative !important;
  padding: 0;
  height: 312px;
}

/* IMPOUNDED VEHICLES / ANIMALS */

.show-me p,
.show-me input,
.show-me select {
  float: left;
  margin-top: 10px;
  margin-right: 10px;
}

.show-me select {
  width: 150px;
}

.impounded-item {
  border-bottom: 1px solid #e9e9e9;
  margin-bottom: 20px;
  padding-bottom: 20px;
  clear: both;
}

.impounded-item.last {
  border-bottom: none;
}

.impound-list {
  margin-top: 40px;
}

.impound-list td {
  background: none;
  border: none;
  padding: 0 0 4px 0;
  width: 50%;
}

.impounded-item .item-features {
  width: 60%;
  float: left;
}

.impounded-item .item-image {
  width: 40%;
  float: left;
  text-align: center;
}

p.adopt-me {
  color: #0c6169;
  font-size: 15px !important;
  font-weight: bold;
  margin-top: 0;
}

div.relatedLinks div.relatedLinksHeader {
  background: none !important;
  background-color: #7c861c !important;
  color: #ffffff;
  font-size: 15px;
  padding: 15px 20px !important;
  font-weight: normal !important;
}

div.relatedLinks div.relatedLinksHeader span.spanInfoTitle {
  line-height: 1.2 !important;
}

div.relatedLinks div.relatedLinksList {
  border-color: #ADADAD;
  border-style: none solid solid;
  border-width: 0 1px 1px;
  overflow: hidden;
  padding: 10px;
}

div.relatedLinks div.relatedLinksList a.arrow-list {
  background: url("arrow.gif") no-repeat scroll 4px 2px transparent;
  color: #000000;
  display: block;
  line-height: 21px;
  margin-bottom: 4px;
  padding-left: 24px;
}

span.spanInfoTitle {
  padding-left: 0px;
}

.itemBodyContainer .spanInfoTitle {
  line-height: 1.2;
}

.meetingMinuteMainWidth {
  width: 100% !important;
  padding: 5px;
  margin: 0 auto;
  max-width: 1227px;
}

table th {
  background: #a0ae25;
}

table td,
table th {
  border: 1px solid #fff !important;
}

.hotbox_content table td,
.hotbox_content table th {
  border: 0 !important;
}

/*! fancyBox v2.1.4 fancyapps.com | fancyapps.com/fancybox/#license */

.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp {
  padding: 0;
  margin: 0;
  border: 0;
  outline: none;
  vertical-align: top;
}

.fancybox-wrap {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 8020;
}

.fancybox-skin {
  position: relative;
  background: #f9f9f9;
  color: #444;
  text-shadow: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.fancybox-opened {
  z-index: 8030;
}

.fancybox-opened .fancybox-skin {
  -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer,
.fancybox-inner {
  position: relative;
}

.fancybox-inner {
  overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
  -webkit-overflow-scrolling: touch;
}

.fancybox-error {
  color: #444;
  font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin: 0;
  padding: 15px;
  white-space: nowrap;
}

.fancybox-image,
.fancybox-iframe {
  display: block;
  width: 100%;
  height: 100%;
}

.fancybox-image {
  max-width: 100%;
  max-height: 100%;
}

#fancybox-loading,
.fancybox-close,
.fancybox-prev span,
.fancybox-next span {
  background-image: url('fancybox_sprite.png');
}

#fancybox-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -22px;
  margin-left: -22px;
  background-position: 0 -108px;
  opacity: 0.8;
  cursor: pointer;
  z-index: 8060;
}

#fancybox-loading div {
  width: 44px;
  height: 44px;
  background: url('fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
  position: absolute;
  top: -18px;
  right: -18px;
  width: 36px;
  height: 36px;
  cursor: pointer;
  z-index: 8040;
}

.fancybox-nav {
  position: absolute;
  top: 0;
  width: 40%;
  height: 100%;
  cursor: pointer;
  text-decoration: none;
  background: transparent url('blank.gif');
  /* helps IE */
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  z-index: 8040;
}

.fancybox-prev {
  left: 0;
}

.fancybox-next {
  right: 0;
}

.fancybox-nav span {
  position: absolute;
  top: 50%;
  width: 36px;
  height: 34px;
  margin-top: -18px;
  cursor: pointer;
  z-index: 8040;
  visibility: hidden;
}

.fancybox-prev span {
  left: 10px;
  background-position: 0 -36px;
}

.fancybox-next span {
  right: 10px;
  background-position: 0 -72px;
}

.fancybox-nav:hover span {
  visibility: visible;
}

.fancybox-tmp {
  position: absolute;
  top: -99999px;
  left: -99999px;
  visibility: hidden;
  max-width: 99999px;
  max-height: 99999px;
  overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
  overflow: hidden;
}

.fancybox-overlay {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  display: none;
  z-index: 8010;
  background: url('fancybox_overlay.png');
}

.fancybox-overlay-fixed {
  position: fixed;
  bottom: 0;
  right: 0;
}

.fancybox-lock .fancybox-overlay {
  overflow: auto;
}

/* Title helper */

.fancybox-title {
  visibility: hidden;
  font: normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
  position: relative;
  text-shadow: none;
  z-index: 12050;
}

.fancybox-opened .fancybox-title {
  visibility: visible;
}

.fancybox-title-float-wrap {
  position: absolute;
  bottom: 0;
  right: 50%;
  margin-bottom: -35px;
  z-index: 12050;
  text-align: center;
}

.fancybox-title-float-wrap .child {
  display: inline-block;
  margin-right: -100%;
  padding: 2px 20px;
  background: transparent;
  /* Fallback for web browsers that doesn't support RGBa */
  background: rgba(0, 0, 0, 0.8);
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  text-shadow: 0 1px 2px #222;
  color: #FFF;
  font-weight: bold;
  line-height: 24px;
  white-space: nowrap;
}

.fancybox-title-outside-wrap {
  position: relative;
  margin-top: 10px;
  color: #fff;
}

.fancybox-title-inside-wrap {
  padding-top: 10px;
}

.fancybox-title-over-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  padding: 10px;
  background: #000;
  background: rgba(0, 0, 0, .8);
}

.fancybox-wrap a:hover {
  background-color: transparent;
}

.itemBodyContainer .divFeedbackHeader {
  background: none !important;
  background-color: #7c861c !important;
  color: #ffffff;
  font-size: 15px;
  padding: 15px 20px !important;
  font-weight: normal !important;
}

#content div.listpagecontent td p {
  font-weight: bold;
}

.facilityLabel {
  width: 90px !important;
  float: left !important;
}

.filter-wrap .filter-keyword-wrap-facility {
  width: 50%;
}

.filter-wrap .filter-checkbox-wrap {
  margin-top: 0px;
  margin-left: 0px;
}

.filter-ddl {
  margin-left: 0;
}

/**** Form Elements ****/

.formtable {
  background: #F1F5F8;
  border: 1px solid #ededed;
  width: 100%;
  padding: 4px;
  color: #6e7376;
}

.formtable.standardform {
  padding: 10px;
}

.formtable .formlabel {
  background-image: none;
  background-color: #3588ad;
  line-height: 26px;
  height: auto;
  color: #fff;
  font-weight: bold;
  padding-left: 10px;
}

.formtable .textboxrow+div.formlabel,
.formtable .textarearow+div.formlabel,
.formtable .comboboxrow+div.formlabel,
.formtable .checkboxrow+div.formlabel,
.formtable .radiobuttonrow+div.formlabel,
.formtable .daterow+div.formlabel,
.formtable .fileuploaderrow+div.formlabel,
.formtable .radiomatrixrow+div.formlabel,
.formtable .checkboxmatrixrow+div.formlabel,
.formtable .rankrow+div.formlabel,
.formtable .captcharow+div.formlabel {
  margin-top: 20px;
}

.formtable .rowLabel label,
.formtable .rowLabel span {
  display: block;
  padding-bottom: 5px;
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid #fff;
  font-weight: bold;
}

span.se-form-required-asterisk {
  display: inline !important;
}

span.se-form-required-text {
  text-indent: -999em;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
}

.formtable .submitrow {
  text-align: left;
  margin-top: 20px;
  border-top: 1px solid #fff;
  padding-top: 10px;
  padding-bottom: 5px;
}

.formtable td {
  padding-right: 10px;
  padding-bottom: 5px;
}

.formtable .radiobuttonrow td,
.formtable .checkboxrow td {
  border: none !important;
}

.formtable .labelcol {
  width: 99px;
  padding-left: 10px;
  padding-right: 1px;
  vertical-align: top;
}

.formtable .textboxrow input,
.formtable .textarearow textarea {
  width: 320px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}

.formtable .submitrow input {
  background: url(/files/templates/00000000-0000-0000-0000-000000000000/0509650e-6570-4c85-99be-550d423317ed/formsubmitbg.jpg) no-repeat;
  width: 108px;
  height: 24px;
  cursor: pointer;
  margin: 0px;
  padding: 0px;
  border: 0px;
}

.formtable .submitrowterms input {
  background: url(/files/templates/00000000-0000-0000-0000-000000000000/0509650e-6570-4c85-99be-550d423317ed/button-i-agree.jpg) no-repeat;
  width: 108px;
  height: 24px;
  cursor: pointer;
  margin: 0px;
  padding: 0px;
  border: 0px;
}

.formtable .formerrors {
  padding: 0px;
  list-style: none;
  color: #f00;
}

.formtable .rankrow td input {
  margin-right: 10px;
}

.pickerWrapper_Default {
  height: auto !important;
}

.fileuploaderrow input {
  border: none;
}

.checkboxrow label,
.radiobuttonrow label {
  padding-left: 5px;
}

.formtable table th {
  background: #2386B0;
}

/* ==========================================================================
   REMOVE FROM DESKTOP
   ========================================================================== */

.mobile-only,
.mobile-nav-holder,
.mobile-nav {
  display: none;
}

/* ==========================================================================
   1. Smaller than 950px wide
   ========================================================================== */

@media only screen and (max-width: 1000px) {
  .desktop-only {
    display: none;
  }
  .mobile-only {
    display: block;
  }
  input {
    /* padding: 5px;*/
    border: 1px solid #809db8;
    -webkit-border-radius: 0 !important;
  }
  .scSearchInputBox {
    border: 1px solid #809db8;
    line-height: 30px;
    padding: 5px 0 5px 10px;
    display: inline-block;
    color: #146169;
    font-weight: normal;
    margin-right: 5px;
    margin-bottom: 10px;
    min-height: 50px;
  }
  .mainMenu {
    display: none;
  }
  .mobile-nav-holder {
    display: block;
    cursor: pointer;
  }
  /* MOBILE MENU STYLES */
  nav.mobile-nav {
    display: none;
  }
  span.mobile-nav-title {
    display: block;
    float: left;
  }
  .mobile-nav-holder {
    background: url("main_nav_background.gif") no-repeat scroll 0 0 transparent;
    background: rgba(0, 80, 124, 0.5);
    width: 100%;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    height: 53px !important;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 10000;
    box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    padding: 0 3% 0 15px;
    line-height: 53px;
  }
  .mobile-nav-holder span {
    text-transform: uppercase;
  }
  .mobile-button-open {
    display: block;
    color: #e31e25;
    padding-top: 15px;
    position: absolute;
    right: 21px;
  }
  .mobile-button-open.opened {
    background: url('menu-close.png') no-repeat left top;
    width: 15px;
    height: 15px;
    margin-top: 18px;
    margin-right: 4px;
  }
  .mobile-button-open.opened span {
    display: none;
  }
  .mobile-button-open span {
    width: 26px;
    height: 3px;
    background: #fff;
    border-radius: 0px;
    display: block;
    margin: 0 0 4px 0px;
  }
  .mobile-button-open p,
  .mobile-button-close p {
    display: none;
  }
  .mobile-nav {
    background-color: #fff;
  }
  .mobile-nav ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
  }
  .mobile-nav a {
    display: block;
    background-color: #006794;
    border-bottom: 1px solid #fff;
    color: #fff;
    text-transform: uppercase;
    padding: 0 15px;
    padding-top: 15px;
    padding-bottom: 14px;
    text-decoration: none;
  }
  .mobile-nav .active-page>a {
    background-color: #f68b1e;
    color: #fff;
  }
  .mobile-nav a:hover {
    opacity: 0.8;
  }
  .mobile-nav ul ul a {
    background-color: #f2f5f9;
    color: #373737;
    padding-left: 30px;
    text-transform: none;
    border-bottom: 1px solid #d2dadf;
  }
  .mobile-nav ul ul ul a {
    background-color: #e6e9ec;
    padding-left: 45px;
  }
  .mobile-nav li {
    position: relative;
  }
  .mobile-nav span {
    display: block;
    position: absolute;
    right: 0px;
    top: 0;
    width: 66px;
    height: 42px;
    text-indent: -999em;
    cursor: pointer;
  }
  .mobile-nav .nav-has-children>span,
  .mobile-nav ul li.nav-has-children.open ul li.nav-has-children>span {
    background-image: url('sub-menu-open.png');
    background-repeat: no-repeat;
    background-position: 50%;
  }
  .mobile-nav .nav-has-children.open>span,
  .mobile-nav ul li.nav-has-children.open ul li.nav-has-children.open>span {
    background-image: url('sub-menu-close.png');
  }
  .mobile-nav ul li.nav-has-children.open ul li.nav-has-children.open>span {
    background-image: url('sub-menu-close-blue.png');
  }
  .mobile-nav ul li.nav-has-children.open ul li.nav-has-children.open.active-page>span {
    background-image: url('sub-menu-close.png');
  }
  .mobile-nav ul li.nav-has-children.open ul li.nav-has-children>span {
    background-image: url('sub-menu-open-blue.png');
  }
  .mobile-nav ul li.nav-has-children.open ul li.nav-has-children.active-page>span {
    background-image: url('sub-menu-open.png');
  }
  .mobile-nav ul li.active-path.active-page.nav-has-children ul li.active-path.active-page.nav-has-children.open>span {
    background-image: url('sub-menu-close.png');
  }
  .mobile-nav ul li.active-path.active-page.nav-has-children ul li.active-path.active-page.nav-has-children>span {
    background-image: url('sub-menu-open.png');
  }
  .mobile-nav ul ul,
  .mobile-nav ul ul ul {
    display: none;
  }
  /* END MOBILE MENU STYLES */
  .mainwidth {
    width: 748px;
    padding: 0 10px;
  }
  .main {
    width: 748px;
  }
  .navigation_holder {
    background: url("main_nav_background.gif") no-repeat scroll 0 0 transparent;
    background-size: cover;
    width: 980px;
  }
  .mainMenu ul {
    display: none;
  }
  .navigation_holder {
    width: 748px;
  }
  .banner_right {
    width: 748px;
    color: #484848;
    padding: 0;
    /* margin-top: 20px; */
  }
  .banner_right .quickLinks {
    width: 748px !important;
    margin-left: 10px;
    height: auto;
  }
  .slideShowItemImage {
    height: auto !important;
  }
  .mobile-only .quickLinks {
    margin-bottom: 20px;
  }
  .quickLinksHeader {
    padding-left: 15px;
    width: 100% !important;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  .weatherWidget {
    left: 320px;
  }
  .hotbox {
    width: 364px;
  }
  .hotbox.alt {
    padding-right: 0;
    width: 374px;
  }
  .hotbox_header {
    width: 324px;
  }
  .banner_right .hotbox_header {
    max-width: 100%;
  }
  .alt .hotbox_header {
    width: 334px;
  }
  .hotbox_content {
    width: 324px;
  }
  .alt .hotbox_content {
    width: 334px;
  }
  .hotbox_right {
    float: none;
    clear: both;
  }
  .hotbox_right .hotbox_content {
    min-height: 130px;
    height: auto !important;
  }
  .hotbox_right>div {
    float: left;
    padding-right: 10px;
    height: auto !important;
    margin-bottom: 20px;
  }
  .hotbox_right div.alt {
    padding-right: 0;
  }
  .hotbox_content_2 {
    width: 354px;
    padding: 10px;
    height: auto !important;
  }
  .hotbox_right div.alt img {
    width: 100% !important;
  }
  .exploreGosnells {
    width: 768px;
    overflow: hidden;
  }
  .lower {
    width: 748px !important;
  }
  .feature {
    line-height: 18px;
    margin-right: 20px;
    width: 236px !important;
    margin-bottom: 30px;
  }
  .feature div {
    display: block;
    width: 229px;
    height: 145px;
    background-size: cover !important;
  }
  .footer_content {
    width: 748px;
  }
  .sideNavContainer {
    display: none;
  }
  .sidemenudiv {
    width: 718px !important;
    margin-right: 0px !important;
    margin-bottom: 10px;
  }
  .sidemenudiv .quickLinksHeader {
    width: 100% !important;
  }
  .contentdiv {
    padding: 15px !important;
  }
  .landingpagetext {
    margin: 24px 10px !important;
  }
  .two-col .content {
    width: 100% !important;
    box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
  }
  .three-col .content {
    width: 100% !important;
    float: none;
  }
  .rightcontent .quickLinksHeader {
    width: 195px !important;
  }
  .three-col .sidemenudiv {
    display: none !important;
  }
  .content {
    width: 100% !important;
    box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
  }
  .listitemtext {
    width: 80% !important;
    box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
  }
  span.quickLinksOpen {
    display: block;
    text-indent: -999em;
    width: 17px;
    height: 42px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
  }
  span.quickLinksOpen {
    background-image: url('quicklinks-open.png');
  }
  span.quickLinksOpen.open {
    background-image: url('quicklinks-close.png');
  }
  .header_links.mobile-only {
    display: none;
  }
  .banner_main {
    height: auto;
    padding: 0px 0px 0 0px;
  }
  .banner_left {
    width: 100%;
  }
  ul.slideshowimages {
    width: 100% !important;
  }
  .banner_right .quickLinks {
    margin-left: 0 !important;
  }
  .landingpageheader .title {
    width: 100% !important;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: auto !important;
    position: relative !important;
    background: #9caabb !important;
  }
  .landingpageheader,
  .landingpageheader .highlight {
    width: 100% !important;
    box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    height: auto !important;
  }
  p.printandsharetext {
    width: 100%;
    padding-right: 15px;
    box-sizing: border-box;
  }
  .meetingMinuteMainWidth {
    width: 100% !important;
    padding: 5px;
    margin: 0 auto;
  }
  .primaryContent {
    width: 100% !important;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  .secondaryContent {
    width: 100% !important;
    background-image: none !important;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  .secondaryContentTop,
  .secondaryContentBottom {
    background: none !important;
  }
  .controls-div .prevcontrol,
  .controls-div .nextcontrol {
    margin-top: 15px;
  }
}

/* ==========================================================================
   2. Smaller than 768px wide
   ========================================================================== */

@media only screen and (max-width: 767px) {
  .mainwidth {
    width: 100%;
    padding: 0 10px;
    box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
  }
  .main {
    width: 100%;
    box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
  }
  .navigation_holder {
    width: 100%;
    box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
  }
  .navigation_holder {
    width: 100%;
    box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
  }
  .banner_right {
    width: 100%;
    box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
  }
  .banner_right .quickLinks {
    width: 100% !important;
    margin-left: 0px;
    box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
  }
  .hotbox_header,
  .alt .hotbox_header {
    width: 100%;
    box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
  }
  .slideShowItemText {
    padding: 15px;
    width: 100% !important;
    float: none;
    background-color: #fff;
    box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
  }
  ul.slideshowimages {
    width: 100% !important;
    height: auto !important;
  }
  ul.slideshowimages li {
    position: relative !important;
    list-style: none;
    display: none;
  }
  .slideShowItemImage a.right {
    width: 100%;
  }
  .slideShowItemImage img {
    width: 100% !important;
    height: auto;
  }
  .banner_left {
    width: 100%;
    box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
  }
  ul.slideshowimages .navigator {
    position: absolute;
    z-index: 40;
    top: auto !important;
    bottom: 17px;
    right: 15px !important;
  }
  .hotbox,
  .hotbox.alt {
    width: 100%;
    box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    padding: 0;
  }
  .hotbox_content {
    width: 100% !important;
    box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
  }
  .quickLinks ul {
    padding: 0px 15px;
    margin: 0px;
  }
  .quickLinksHeader {
    padding-right: 20px;
    width: 100% !important;
  }
  .banner_right .hotbox_header {
    max-width: 100%;
  }
  .hotbox_right>div {
    float: none;
    padding-right: 10px;
    height: auto !important;
    margin-bottom: 20px;
  }
  .hotbox_right div.alt {
    padding-right: 0;
  }
  .hotbox_content_2 {
    width: 100%;
    padding: 10px;
    height: auto !important;
    box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
  }
  .lower {
    width: 100% !important;
    box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
  }
  .exploreGosnells {
    width: 100% !important;
    box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
  }
  .feature {
    line-height: 18px;
    margin-right: 3% !important;
    width: 30% !important;
    box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
  }
  .feature div {
    display: block;
    width: 100%;
    height: 160px;
    background-size: cover !important;
    box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
  }
  .footer_content {
    width: 100% !important;
    padding: 10px 15px;
    box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
  }
  .footer_right {
    float: none;
    width: 100%;
    text-align: left;
    padding: 0;
  }
  .footer_left {
    float: none;
    width: 100%;
  }
  .header_right {
    float: none;
    width: 100%;
    margin-right: 0px;
    box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
  }
  .logo {
    float: none;
  }
  .logo img {
    width: 207px;
    height: auto;
  }
  .weatherWidget {
    left: auto;
    right: 0px;
    height: 43px;
    margin-top: 9px;
    width: 76px;
  }
  .todayTemp {
    height: 25px;
    padding-top: 15px;
    font-size: 13px;
    width: 30px;
    padding-left: 6px;
  }
  .todayWeatherIcon {
    height: 35px;
    padding-right: 3px;
    padding-top: 8px;
    text-align: right;
    width: 33px;
    background-color: none !important;
  }
  .header {
    height: auto;
    width: 100%;
    box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
  }
  .header_content {
    width: 100%;
    height: auto !important;
  }
  .header_links {
    text-align: right;
    display: none;
    padding-right: 0px;
  }
  .headersearch {
    float: none;
    width: 100%;
    height: 30px;
  }
  div.headersearch input.searchbox {
    background: none;
    width: 90%;
    box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    background-color: #fff;
    box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    height: 26px;
    padding-left: 10px;
  }
  .searchboxbtn {
    width: 10%;
    background-position: right top;
    background-color: #fff;
  }
  .searchboxleft {
    display: none !important;
  }
  .sidemenudiv {
    width: 100% !important;
    box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
  }
  .sidemenudiv .quickLinksHeader {
    width: 100% !important;
  }
  .footer {
    margin: 0 10px 10px 10px;
    padding-bottom: 20px;
  }
  .three-col .content {
    width: 100% !important;
    float: none;
  }
  .three-col div.rightcontent,
  .rightcontent .quickLinksHeader {
    box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    margin-left: 20px;
    margin-bottom: 20px;
  }
  .general_content h1 {
    margin-top: 20px !important;
  }
  .listitemthumbnail {
    display: none !important;
  }
  .listitemtext {
    width: 100% !important;
  }
  .pageination.JS {
    display: none;
  }
  .contentArea dl {
    width: 100% !important;
    box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
  }
  .contentArea dl dd {
    width: 60% !important;
    box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
  }
  .contentArea dl dt {
    width: 40% !important;
    box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
  }
  /*
#facilityAbout img {
  width: 100% !important;
  height: auto;
}
*/
  #map {
    width: 100% !important;
  }
  #searchTable {
    width: 100% !important;
    box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
  }
  #searchTable .right {
    float: none;
    clear: both;
  }
  .facility-tabs {
    display: none;
  }
  h2.cdcontentSection {
    background-color: #E2EBF4;
    color: #3572AB;
    font-size: 13px;
    font-weight: bold;
    height: 23px;
    padding: 10px 0 3px 12px;
    text-transform: uppercase;
    position: relative;
    margin-bottom: 0;
    display: block;
  }
  span.cdContentOpen {
    font-size: 2em !important;
    display: block;
    line-height: 34px;
    position: absolute;
    right: 10px;
    top: 0px;
    font-weight: normal;
    text-indent: -999em;
    display: block;
    text-indent: -999em;
    width: 17px;
    height: 36px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
  }
  h2.cdcontentSection span.cdContentOpen {
    background-image: url('quicklinks-open.png');
  }
  h2.cdcontentSection.open span.cdContentOpen {
    background-image: url('quicklinks-close.png');
  }
  .cd-inner {
    display: none;
  }
  .header_links.mobile-only {
    display: block;
    text-align: right;
  }
  .slideShowItemText {
    padding: 5px 30px 45px 25px;
    width: 100% !important;
    position: relative;
    bottom: 0px;
    left: 0px;
    background: rgba(246, 139, 31, 1);
    color: #fff;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  ul.slideshowimages .navigator {
    position: absolute;
    z-index: 40;
    top: auto !important;
    bottom: 10px;
    right: 15px !important;
  }
  .banner_main a:hover {
    text-decoration: none !important;
  }
  .gallery-details .image-div {
    padding: 0;
  }
  .gallery-details .image-div img {
    width: 100%;
  }
  .image-details {
    margin-left: 0;
  }
  .image-div.left {
    float: none;
  }
  .image-gallery {
    width: 100%;
  }
  div.searchcontrol div.needJavascript {
    margin-bottom: 10px;
  }
  .contentArea .contentData .activityProgramImage {
    float: none;
    margin: 20px 0 10px 0px;
  }
  .image-gallery .gallery-item {
    min-height: 0px;
  }
  /* Force table to not be like tables anymore */
  .data-table table,
  .data-table thead,
  .data-table tbody,
  .data-table th,
  .data-table td,
  .data-table tr {
    display: block;
  }
  /* Hide table headers (but not display: none;, for accessibility) */
  .data-table thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
  .data-table tr {
    border: 1px solid #ccc;
  }
  .data-table td {
    /* Behave  like a "row" */
    border: none;
    border-bottom: 1px solid #eee;
    position: relative;
    padding-left: 50% !important;
  }
  .data-table td:before {
    /* Now like a table header */
    position: absolute;
    /* Top/left values mimic padding */
    top: 0px;
    left: 0px;
    width: 40%;
    padding-right: 10px;
    white-space: nowrap;
  }
  /*
  Label the data
  */
  .data-table td:before {
    content: attr(data-heading);
  }
  .data-table {
    border: none !important;
  }
  .data-table td {
    border: none;
    margin-bottom: 1px;
    height: 25px;
    padding: 14px 0 2px 0;
  }
  .data-table td:before {
    background-color: #a0ae25;
    color: #fff;
    padding: 12px 0 13px 20px;
    margin-bottom: 1px !important;
  }
  table td,
  table th {
    border: 0 !important;
  }
  .data-table tr {
    margin-bottom: 20px;
    border: none;
  }
  .scSearchInputBox {
    width: 100% !important;
  }
  .filter-wrap .filter-checkbox-wrap {
    margin-right: 12px;
    margin-left: 6px !important;
  }
  .filter-ddl {
    margin-left: 6px;
    width: 95% !important;
    box-sizing: border-box;
  }
  .nearmecontrol .filter-ddl {
    margin-left: 17px;
  }
  .filter-ddl input {
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: b;
  }
  .agenda-minute-filter .filter-keyword-wrap {
    width: 95%;
    margin-left: 6px;
    margin-bottom: 10px;
  }
  .facilityLabel {
    width: 100px !important;
    float: left !important;
  }
  .filter-wrap span {
    font-weight: bold;
    padding-left: 6px;
    padding-bottom: 5px;
    padding-top: 4px;
  }
  .formtable .textboxrow input,
  .formtable .textarearow textarea {
    width: 100%;
  }
  /* CGOS-266 part 1 */
  .filter-wrap select {
    height: 30px;
    line-height: 18px;
    margin-left: 19px;
    margin-top: 8px;
    width: 262px;
  }
  .filter-trigger input {
    margin-left: 20px;
  }
  /* CGOS-266 part 1 end*/
}

/* ==========================================================================
   3. Smaller than 560px wide
   ========================================================================== */

@media only screen and (max-width: 560px) {
  #searchTable .right {
    float: none;
    clear: both;
    padding-top: 10px;
  }
  .rightcontent img {
    display: none;
  }
  .feature {
    line-height: 18px;
    margin-right: 3% !important;
    width: 46% !important;
    box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
  }
  .landingpagelist .first-col,
  .landingpagelist .second-col {
    width: 100%;
    float: none;
  }
  .landingpagelist .first-col {
    padding-right: 0px;
    padding-left: 0px;
  }
  .landingpagelist .second-col {
    padding-right: 0px;
    padding-left: 0px;
  }
  .landingpagelist p {
    display: none;
  }
  .landingpagetext {
    margin: 24px 0px !important;
  }
  .scSearchInputBox {
    width: 100% !important;
  }
  .filter-wrap .filter-checkbox-wrap {
    margin-right: 12px;
    margin-left: 6px !important;
  }
  .jumpPage .scSearchInputBox {
    width: auto !important;
  }
  .search-button input {
    width: 100%;
  }
  .filter-ddl {
    margin-left: 6px;
    width: 95% !important;
    box-sizing: border-box;
  }
  .filter-ddl input {
    width: 100%;
  }
  .filter-wrap .filter-keyword-wrap input {
    float: left;
    line-height: 16px;
    margin: 0;
    height: 18px;
    width: 100% !important;
  }
  .agenda-minute-filter .filter-keyword-wrap {
    width: 95%;
    margin-left: 6px;
    margin-bottom: 10px;
  }
  .filter-wrap span {
    font-weight: bold;
    padding-left: 6px;
    padding-bottom: 5px;
    padding-top: 4px;
  }
  .facilityLabel {
    width: 100px !important;
    float: left !important;
  }
  .filter-wrap .option-trigger {
    display: block;
    width: 160px;
    height: 16px;
    position: relative;
    background: #fff;
    padding: 3px 2px 3px 6px;
    color: #000000;
    margin-left: 6px;
  }
  .impounded-item .item-image,
  .impounded-item .item-features {
    width: 100%;
    float: none;
  }
  .impounded-item .item-image {
    margin-top: 20px;
    text-align: left;
  }
  .bodyArea img {
    margin: 0 0 25px 0px;
    width: 100% !important;
    height: auto !important;
  }
  #facilityAbout img {
    width: 100% !important;
    height: auto !important;
  }
  #searchTable .searchBox {
    margin-bottom: 10px;
    width: 100% !important;
  }
  #searchTable .leftGapMed {
    margin-left: 0px;
  }
  #map_canvas {
    height: 220px !important;
  }
  /* CGOS-266 part 2 */
  .filter-wrap select {
    width: 186px;
  }
  /* CGOS-266 part 2 end */
  /* CGOS-278 */
  .sitemap ul,
  .sitemap ul ul ul {
    padding-left: 10px;
  }
  /* CGOS-278 end */
}

/* ==========================================================================
   3. Smaller than 360px wide
   ========================================================================== */

@media only screen and (max-width: 360px) {
  .feature {
    line-height: 18px;
    margin-right: 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
  }
  .feature div {
    height: 200px;
  }
}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.clear {
  clear: both;
}

/*
 * Image replacement
 */

.ir {
  background-color: transparent;
  border: 0;
  overflow: hidden;
  /* IE 6/7 fallback */
  *text-indent: -9999px;
}

.ir:before {
  content: "";
  display: block;
  width: 0;
  height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
  display: none !important;
  visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
  visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}

.clearfix:after {
  clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
  *zoom: 1;
}

/* Youtube */

.videoWrapper {
  text-align: center;
}

.videoWrapper iframe {
  margin: 10px auto;
  width: 389px;
  height: 230px;
  max-width: 100%;
}