.clear {clear: both !important;}

/* Search */
.directory-search {border: 0 !important; padding: 0 !important; margin-bottom: 35px !important;}
.directory-search .top {background: #eee !important; padding: 1.25em !important; border-bottom: 1px solid #e5e5e5 !important;}
.directory-search .top select {width: 209px !important; float: left !important;}
.directory-search .top select.last {margin-right: 0 !important;}
.directory-search select.onetwo, .directory-search input[type=text] {border: 1px solid #cccccc !important; box-shadow: inset 0 0 3px #ededed !important; margin-right: 10px  !important;}
.submit-button {/*margin-left: 15px !important;*/ width: 8%}
#content-container .top p.small {margin-bottom: 0 !important;}
#content-container .directory-search select {height: auto  !important; font-size: 14px !important;}
.directory-search .bottom {background: #f9f9f9 !important; padding: 0 1.25em !important; border-bottom: 1px solid #e5e5e5 !important;}
.directory-search .bottom div.left {padding: 6px 0 5px 0 !important;}
.directory-search .bottom label {margin-top: 8px !important; margin-right: 8px !important; float: left !important;}
.directory-search .bottom select {float: left !important; width: 170px !important;}
.directory-search .bottom div.left {border-right: 1px solid #eeeeee !important; padding-right: 10px !important; margin-right: 10px !important;}
.directory-search .bottom div.left.last {border-right: 0 !important;}
#search-directory-reset {padding: .5rem !important; background: #eee !important;display: block !important; border-radius: 5px !important;}
#content-container h2.employeerecords {border-bottom: 1px solid #eee !important; border-top: 1px solid #eee !important; font-size: 20px !important; padding: 4px 0 8px 0 !important; margin-top: 1em !important; font-weight: normal !important; color: #556f21 !important; clear: both !important;}
#one-office-map {height: 275px !important; width: 100% !important; margin-bottom: 25px !important;}


/* Each office page */
#content-container .one-office {padding-left: 25px !important; max-width: 690px !important; clear: both !important; }
#content-container .one-office h1 {color: #444 !important; font-size: 26px !important; margin-bottom: 0 !important;} 
#content-container .one-office h1 a {color: #444 !important;}
#content-container .one-office .address {color: #888888 !important; font-size: 20px !important; line-height: 1.1em !important; border-bottom: 1px solid #eee !important; padding-bottom: 10px !important; margin-bottom: 0 !important; max-width: 530px !important;}
.one-office .fax, .one-office .email, .one-office .tel {float: left !important; padding: 8px 10px 8px 0 !important; border-right: 1px solid #eee !important; margin-right: 10px !important; margin-bottom: 25px !important;}
.one-office .desc {margin-bottom: 30px !important;}

.office-employees {max-width: 690px !important; padding-left: 25px !important;}
.columns.directory-staff {/*padding: 0 !important; border-bottom: 1px solid #eee !important; margin-bottom: 30px !important;*/}
.one-employee.columns {padding: 0 15px 0 0  !important; box-sizing: border-box !important; }
#content-container .one-employee h2 {margin-top: 0 !important; color: #040404 !important; line-height: 1em !important; font-size: 20px !important; margin-bottom: 0 !important;}
#content-container .one-employee h4.position {color: #787878  !important; margin-bottom: 0 !important; font-weight: normal !important; font-size: 14px !important; line-height: 1.2em !important;}
.one-employee .email, .one-employee .office, .one-employee .tel {line-height: 1.2em !important; color: #040404 !important;}
.one-employee .email a {letter-spacing: -.03em !important;}
.one-employee .photo {float: left !important; width: 35% !important; padding-top: 4px !important;}
.one-employee .photo .img {width: 100% !important;}
.one-employee .read-more {margin-top: 1em !important; font-weight: bold !important; display: block !important;}
.one-employee .clear {padding: 15px 0 !important;}
.one-employee hr {border: 0 !important; height: 1px !important; background: #c0c0c0 !important; margin: 0 !important;}
#content-container .directory-manager .one-employee h4.position {font-weight: bold !important;}
#inner-content-container .office-employees [class*="uxb-col"]:last-child {float: left  !important;}
#inner-content-container .employee-results [class*="uxb-col"]:last-child {float: left  !important;}

/* Search Results - These extend the single page styles above */
#content-container .one-office.search-listings {padding-left: 0 !important; margin-left: 25px !important; }
.one-office {margin-bottom: 30px}
.one-office.search-listings {border-bottom: 1px solid #eee !important; }
.one-office .photo {float: left !important; width: 22% !important; margin-bottom: 25px !important;}
.one-office .photo img {width: 100% !important; height: auto !important;}
.one-office .details-wrap {float: left !important; width: 78% !important; box-sizing: border-box !important; padding-left: 17px !important;}
.employee-results {padding-left: 25px !important; max-width: 690px}
.one-employee .details-wrap {width: 65% !important; float: left !important; padding-left: 15px !important; box-sizing: border-box !important;}


/* Pagination */
#pagination {clear: both !important; text-align:center !important; margin: 0 auto !important; min-height: 72px !important; clear !important; both !important;}
#content-container a.pager {display: inline-block !important; padding: 2px 16px !important; font: 'PT Sans' !important; color: #afafb1 !important; line-height: 40px !important;}
#content-container a.pager.current {background-color: #556f21 !important; color: #fff !important;}
#content-container a.pager:hover {color: #333 !important; background: #ddd}
#content-container a.pager.arrow:hover {background: #eee}


/* Management Page */
.pta-team {padding: 1.5rem 0 !important; border-bottom: 1px solid #ccc !important;}
.pta-team .one-employee .clear hr{display: none}
.pta-team .one-employee .read-more {display: none !important;}

@media (min-width: 765px) {
	.one-employee .details-wrap {height: 11em !important;}
}
@media (min-width: 1000px) {
	.one-employee .details-wrap {height: 6em !important;}
}