/** Add custom styles here */
/** 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{
    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: 20px;
}
#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: 10em;
     -moz-column-width: 10em;
    /* Firefox */
     -webkit-column-width: 10em;
                     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;

}

#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: #054c70;
    color: #ffffff;
} 

a.button50{
display:inline-block;
padding:0.3em 1.2em;
margin:0 0.3em 0.3em 0;
border-radius:2em;
box-sizing: border-box;
text-decoration:none;
font-family: Arial, sans-serif;
font-weight:600;
font-size:16pt;
color:#FFFFFF;
background-color:#0065a9;
text-align:center;
transition: all 0.2s;
}
a.button3:hover{
background-color:#0a3049;
}
@media all and (max-width:30em){
a.button3{
display:block;
margin:0.2em auto;
}
}

#skip-link {
    position: absolute;
    padding: .5em;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    top:-40px;
    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;
}