/** Add custom styles here */

.share-icons {
    clear: both;
}
/** alert boxes are prefixed with alert_ */
.alert_info {
    background-color: #d9edf7;
    color: #31708f;
}
.alert_info a{
    color: #31708f;
}
.alert_danger{
     background-color: #ff0000 ;
     color: #ffffff;
     line-height:1.2em;
}

 .alert_danger a {
         color: #ffffff;
}

.alert_warning {
    background-color: #fcf8e3;
	color: #8a6d3b;
}
.alert_warning a {
	color: #8a6d3b;
}
.alert {
	padding: 20px;
}
.alert_dismiss {
	float: right;
	text-decoration: none;
	color: inherit;
	width: 20%;
}

/** some utility stuff */
.util_clearfix:before, .clearfix:after {
  content: " ";
  display: table;
}
.util_clearfix:after {
  clear: both;
}
label.checkbox {
	cursor: pointer;
}

/** calendar stuff is prefixed with calendar_ */
.calendar_form {
    float: right;
    width: 25%;
    min-width: 220px;
	margin-left: 20px;
    margin-top: 120px;
}
.calendar_date-view {
	font-size: .95em;
	border: 1px solid #ebebeb;
	padding: 4px;
}
.calendar_date-week th {
	text-align: center;
	padding: 2px 6px;
}
.calendar_date-view tbody td {
	text-align: center;
}
.calendar_date-view tbody td.calendar_date-today {
	background-color: #ebebeb;
}
.calendar_date-view tbody td.calendar_date-active {
	text-decoration: underline;
}
.calendar_list-view, .miniNavLeft, .miniNavRight, .miniNav
 {
	display: none;
}
#body .text ul.calendar_category-list {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
#body .text ul.calendar_event-list {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.calendar_event-item {
	display: table;
  margin-bottom: 1.25em;
}
#body .text img.calendar_event-image {
	margin: 0;
	padding: 10px 0 0;
}
#body .text .calendar_event-media {
	float: left;
	width: 100px;
}
#body .text .calendar_event-details {
	float: left;
	padding-left: 20px;
	max-width: 345px;
}
#body .text p.calendar_event-detail {
	padding: 0 0 0.2em;
}
@media screen and (min-width: 1220px) {
	#body .text .calendar_event-details {
		max-width: 420px;
	}
}
@media screen and (max-width: 1039px) {
	.calendar_list-view {
		display: block;
		max-width: 220px;
        margin: 1% 0 1%;
	}
    .miniNav{
        display:inline;
    }
    .miniNavLeft{
    margin-right:5% !important;
    font-weight:bold;
    display:inline;
}

.miniNavRight{
    margin-left:5% !important;
     font-weight:bold;
     display:inline;
}

	.calendar_form {
		float: none;
		padding: 20px 0;
		width: auto;
        margin-top: 0;
	}
	.calendar_date-view {
		display: none;
	}
	.calendar_event-item {
		width: 100%;
	}
	#body .text .calendar_event-details {
		min-width: 240px;
		width: 80%;
		max-width: 480px;
        padding-left:0px;
	}
    .calendar_event-image {
	    width: 80%;
    }
}
.calendar_event-item a.button {
     background: #ffffff;
     padding: 5px 10px;
     color: #666;
     border: 1px solid #dbdbdb;
     border-radius: 5px;

       margin-right: 1em;
  min-width: 5em;
  display: inline-block;
  text-align: center;
  margin-bottom: 1em;
}
/** End Calendar Styles **/

#body .text h4.accordionButton, #body .text h5.accordionButton, #body .text h6.accordionButton{
    padding:5px 0px 5px 20px;
    display: inline-flex;
    display: -webkit-inline-flex;
}

.accordionButton {
    width: 100%;
	_float: none;  /* Float works in all browsers but IE6 */
	background:#ebebeb;
	border-bottom: 1px solid #FFFFFF;
	cursor: pointer;
	color:#133a53;
	font-weight:bold;
	padding:5px 0px 5px 20px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #D8DCDF;
	margin:5px 0px;
}

.accordionContent {
	width: 100%;
	_float: none; /* Float works in all browsers but IE6 */
	background: #ffffff;
	padding:0px 0px 0px 40px;
}

.meeting-item {
     background: #ececec;
     border-radius: 10px;
     padding: 10px 20px;
     margin: 10px 0px;
}

.meeting-item h4 {
    margin: 0px;
    padding: 0px;
}

.meeting-item .startTime {

}

.meeting-item .details-left{
    float: left;
    width: 60%;
}
.meeting-item .details-right{
     display: flex;
	 flex-wrap: wrap;
    padding-top: 10px;
    float: right;
    width: 35%;
    padding-left: 10px;
    border-left: 1px solid #dbdbdb;
}
#body .text .meeting-item .details-right ul{
    margin-top: 0px;
    font-size: .8em;
}
#body .text .meeting-item .details-right p{
    padding-bottom: 0px;
}
#body .text .meeting-item .details-right a.button {
    background: #ffffff;
    padding: 5px 10px;
    color: #666;
    border: 1px solid #dbdbdb;
    border-radius: 5px;
    margin-right: 1em;
    margin-bottom: 1em;
}
#body .text .meeting-item .details-right a.button.active {
    background: #4d80a2;
    padding: 5px 10px;
    color: #ffffff;
    border-radius: 5px;
    margin-right: 20px;
}

.bg-image {
  background-image: url('../img/placeholders/secondary-header-bg.jpg');
}

.searchResult {
    font-size: initial;
    line-height:initial;
}

.searchResultTitle {
    font-size: larger;
}
.searchResultLine {
    font-size: smaller;
}

.search-results {
    width: 100% !important;
}

#parcelResults{
     column-width: 15em;
     -moz-column-width: 15em;
    /* Firefox */
     -webkit-column-width: 15em;
                     list-style:none;
                margin-bottom:0;

}
 #addressResults{
     column-width: 15em;
     -moz-column-width: 15em;
    /* Firefox */
     -webkit-column-width: 15em;
                     list-style:none;
                margin-bottom:0;
}

h3.profile-header{
     clear:both;
     padding-top: 30px !important;
}
 li.first{
     clear:left;
}
 li.profile, li.first{
     float:left;
     padding-right: 20px;
     width: 33%;
}
 li.profile img, li.first img{
     max-width:200px;
}
 @media screen and (max-width: 700px){
     li.profile, li.first {
         width: 100%;
         float: none;
    }
}
 @media only screen and (min-width: 480px){
     .mhead-right{
         float: right !important;
    }
}

 @media only screen and (max-width: 480px) {
     .mhead-right{
         clear:both !important;
    }
}

/* sorting by table header */

th.header {
    cursor:pointer;
}

th.headerSortUp {
       background-image: url(../img/asc.gif);
       background-repeat:no-repeat;
       background-position: right center;
}
th.headerSortDown {
       background-image: url(../img/desc.gif);
       background-repeat:no-repeat;
       background-position: right center;
}

/*Hannon Hill News CSS styles */

p.newsItem{
    padding-left:10px !important;
}

p.newsItem a{
    /*
    padding-left:10px !important;
    */
}

.newsListingDate{
    padding: 0.55556em 0 0.33333em !important;
}

.hr_job_spec_entry > a {
font-weight: bold;
}

label.voterReg{
    text-align: right;
    padding-right: 13px;
    float: left;
    display: block;
    /*width:40%;*/
    width:250px;
    margin-right: .05em;
}

form.form p label{
    text-align: right;
    padding-right: 13px;
    float: left;
    display: block;
    /*width:35%;*/
    width:250px;
    margin-right: .05em;
}

@media only screen and (max-width: 480px) {
    form.form p label{
    text-align: left;
    padding-right: 13px;
    float: left;
    display: block;
    /*width:35%;*/
    /*width:250px;*/
    margin-right: .05em;
}
label.voterReg{
    text-align: left;
    padding-right: 13px;
    float: left;
    display: block;
    /*width:35%;*/
    /*width:250px;*/
    margin-right: .05em;
}

}
@media screen and (max-width: 700px){
    form.form p label{
    text-align: left;
    padding-right: 13px;
    float: left;
    display: block;
    /*width:35%;*/
    /*width:200px;*/
    margin-right: .05em;

}
label.voterReg{
    text-align: left;
    padding-right: 13px;
    float: left;
    display: block;
    width:40%;
    /*width:200px;*/
    margin-right: .05em;
}
}

.h6 {
  font-size: 0.94444em;
  font-weight: 600;
  color: #8dadc3;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
/*Redoing spectate forms for health.
Required fields need to have yellow asterisk per Beth's spec.
MBW 6/23/2015 */
.requiredyellow::after {
    color: #F0E68C;
    content: ' *';
    display:inline;

}

.requiredred::after {
    color: red;
    content: ' *';
    display:inline;

}
/**
#body ul.flex-direction-nav  {
    list-style: none;
    margin:0;
}
#body ol.flex-control-nav  {
    list-style: none;
    margin: 0;
}
#body .text ul.slides{
   padding-left: 0;
   margin: 0;
}
*/

/**styles for the datatables filter plugin */
button.btn.abcdaire { overflow:hidden; margin:0 0 10px; background-color:#ffffff;
/*color:#0063DC;*/
color:#333333
}
button.btn.abcdaire { font-size:0.9em; display:block; float:left; padding:2px 6px; border:1px solid silver; border-right:none; text-decoration:none; }
button.btn.abcdaire:last-child { border-right:1px solid silver; }
button.btn.abcdaire:hover,
button.btn.abcdaire.active { background-color:#eaeaea; }
button.btn.abcdaire.disabled { color:#ccc; }

.listtable {
 /*   border: thin gray dotted;
    width: 100%; */
}

.listtable tr {
  /*  border-bottom: thin gray dotted; */
}

.listtable th {
    background-color: #2b7fb4;
    color: #ffffff;
}



/*!
Created by:  Barbara
Date: 01/30/2015

Per Hannon Hill:
IE versions 6, 7, 8 & 9 all have a limit on the number of selectors allowed in a single CSS file.
Once the limit is reached, IE silently fails and just ignores any further CSS in the file leaving
parts of your site totally unstyled.

This style sheet contains the last style that was added to screen, that IE no longer picks up.

http://blogs.msdn.com/b/ieinternals/archive/2011/05/14/10164546.aspx
The maximum number of stylesheets and rules supported by Internet Explorer 6 to 9.
    A sheet may contain up to 4095 rules
    A sheet may @import up to 31 sheets
    @import nesting supports up to 4 levels deep
 */

/* I've removed all of the other styles that are still part of the first style sheet
and only included the NEW styles here.*/


/* Added link info for about-washoe that emulates behavior of main links in site*/

.main-footer .about-washoe a  {
  background: transparent;
  text-decoration:none;
  color:#2b7fb4;
}

.main-footer .about-washoe a:focus {
 color: #20608b;
 outline: thin dotted;

}

.main-footer .about-washoe a:active {
  outline: 0;
  color: #20608b;
}

.main-footer .about-washoe a:hover {
  color: #20608b;
}
#skip-link {
    position: absolute;
    padding: .5em;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    top:-50px;
    left:0px;
    -webkit-transition: top 1s ease-out, background 1s linear;
    transition: top 1s ease-out, background 1s linear;
    background: #ffc;
}

#skip-link:focus{
    position: absolute;
    top:0px;
    left:0px;
    -webkit-transition: top .1s ease-in, background .5s linear;
    transition: top .1s ease-in, background .5s linear;
    z-index:10;
}

.article-nav .dropdown.dropdown-right {
    left: auto;
    right: 0
}
 .department-section-content h3 {
	 margin-block-start: 0em;
	 margin-block-end: 1em;
}
 .department-section-headline{
	 line-height: 1;
}

 details[open] {
	 margin-bottom: 1em;
}
 details > summary {
	 cursor: pointer;
}
 details > summary.accordionButton{
	 list-style:none;
	 color: #1e5f8a;
}
 details > summary.accordionButton:before{
	 content: "+ ";
}
 details[open] > summary.accordionButton:before{
	 content: "-";
}