﻿/******************************************************************
modules.css
-------------------------------------------------------------------
Stylesheet: Module Output Styles
-------------------------------------------------------------------

Styles for AZ-Index, News, Calendar, etc. styles go here.

******************************************************************/

/*------------------------------------------------------------------
--> News
------------------------------------------------------------------*/

article.news-article {
display: inline-block;
vertical-align: top;
position: relative;
width: 100%;
margin-bottom:15px; 
font-size: 1.4em;
}

article.news-article a,
article.news-article p, 
article.news-article span,
article.news-article font {
font-size: inherit;
}

article.news-article .news-date {
margin-bottom: 15px;
display: inline-block;
width: 100%;
}

/* News article header link */
article.news-article .article-head {
font-size: 2em;
margin-top: 0;
color: #d86018;
margin-bottom: 4px;
line-height: 25px;
}

article.news-article .article-head a {
font-size: inherit;
color: #d86018;
font-weight: normal;
}

article.news-article .article-head:hover {
text-decoration: none;
}

article.news-article .news-summary {
line-height: 20px;
margin: 0;
}

hr.news-sep {
display: inline-block;
vertical-align: top;
position: relative;
width: 100%;
margin: 30px 0;
}

/* News article "read more" link */
article.news-article a.read-more {
float: left;
width: 100%;
display: block;
text-align: left;
padding: 10px 15px;
text-decoration: none;

transition: background-color .3s ease-in-out, padding .3s ease-in-out, box-shadow .6s ease-in-out;
-o-transition: background-color .3s ease-in-out, padding .3s ease-in-out, box-shadow .6s ease-in-out;
-moz-transition: background-color .3s ease-in-out, padding .3s ease-in-out, box-shadow .6s ease-in-out;
-webkit-transition: background-color .3s ease-in-out, padding .3s ease-in-out, box-shadow .6s ease-in-out;
}

/* News article image */
#home-homepage article.news-article img.news-img{
margin: 0 0 10px 0;
float: left;
padding-right: 2%;
width: 100%;
}

/* News article image */
article.news-article img.news-img{
margin: 0 0 10px 0;
float: left;
padding-right: 2%;
width: 100%;
}

.news-info-cont {
float: left;
width: 100%;
}

#widget-content .news-info-cont {width: 100%;}

/* --> Galleria --------------------------------------------------*/

.galleria-theme-classic .galleria-info-text,
.galleria-info-text {
display: block;
padding: 5px 10px 5px 10px;
}

.galleria-info-description {
font-size: inherit;
}

.galleria img{
margin: 0 !important;
}

.galleria-info-description h1,
.galleria-info-description h2,
.galleria-info-description h3,
.galleria-info-description h4,
.galleria-info-description h5,
.galleria-info-description h6 {
color: #fff;
}

.galleria-height-200 #galleria { height: 200px !important; }
.galleria-height-300 #galleria { height: 300px !important; }
.galleria-height-400 #galleria { height: 400px !important; }
.galleria-height-500 #galleria { height: 500px !important; }

.widget-galleria .galleria-container {
background:none;
}

#pageHTML .galleria-stage {
top: 0;
left: 0;
right: 0;
}

#pageHTML .galleria-info {
width: 100%;
bottom: 60px;
top:auto;
left: 0;
}

#pageHTML .galleria-read-more{
display: none;
}

#pageHTML .galleria-info-title {
font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 1.2em;
font-weight: bold;
color: #fff;
}

#pageHTML .galleria-info-link {
display: none;
}

#pageHTML .galleria-info-description {
color: #eee;
font-family: Verdana, sans-serif;
font-style: normal;
line-height: 18px;
font-size: .8em;
}

#pageHTML .galleria-info-text {
background-color: rgba(44, 44, 44, 0.9);
background: rgba(44, 44, 44, 0.9);
color: rgba(44, 44, 44, 0.9);
display: block;
}

#pageHTML .galleria-thumbnails .galleria-image {
border-color: #26364e;
}

#pageHTML .galleria-thumbnails .galleria-image:hover {
border-color: #fff;
}

#pageHTML .galleria-thumbnails .galleria-image.active {
border-color: #ebe4da;
}

/*------------------------------------------------------------------
--> A-Z Index
------------------------------------------------------------------*/


/*------------------------------------------------------------------
--> jQuery Clock
------------------------------------------------------------------*/


/* --> Analog ----------------------------------------------------*/

.analog {
position: relative;
width: 150px;
margin: auto;
background: url('/custom/widgets/clock/images/clockface.jpg');
list-style: none;


}

.analog,.analog .hour,.analog .min,.analog .sec {
height: 150px;
margin: 0;
padding: 0;
}

.analog .hour,.analog .min,.analog .sec {
position: absolute;
width: 8px;
top: 0;
left: 70.5px;
padding: 0;
margin: 0;
padding: 0;
}

.analog .sec {
background: url('/custom/widgets/clock/images/sechand.png');
z-index: 3;
margin: 0;
padding: 0;
}

.analog .min {
background: url('/custom/widgets/clock/images/minhand.png');
z-index: 2;
margin: 0;
padding: 0;
}

.analog .hour {
background: url('/custom/widgets/clock/images/hourhand.png');
z-index: 1;
margin: 0;
padding: 0;
}

.title {
font-size: 11px;
font-weight: bold;
color: #333;
margin: 0;
padding: 0;
}

.analog .meridiem {
position: absolute;
top: 90px;
width: 150px;
font-size: 11px;
font-weight: bold;
color: #333333;
display: inline-block;
padding: 0;
text-align: center;
}

/* --> Digital ---------------------------------------------------*/

.digital li, .digital li {
display:inline;
color:#333333;
font-size:11px;
font-weight:bold;
}

.digital, .digital  {
padding-left: 0;
margin: 5px 0;
}

.title {
color:#333333;
font-size:11px;
font-weight:bold;
margin: 0;
}

/*------------------------------------------------------------------
--> Filebank Layouts
------------------------------------------------------------------*/

#SearchForm .filebankSearchInput {padding: 0 15px;}

#SearchForm input::-webkit-input-placeholder {
color: black !important;
}

#SearchForm input:-moz-placeholder { /* Firefox 18- */
color: black !important;  
}

#SearchForm input::-moz-placeholder {  /* Firefox 19+ */
color: black !important;  
}

#SearchForm input:-ms-input-placeholder {  
color: black !important;  
}

table#filebank-table tr td {padding: 5px 15px 0 0;}
div#filebank-div {padding:0; margin-bottom: 5px;}
div#filebank-div img {margin: 10px 10px 0 0;}

img#GetAcrobat {
display: block;
float: left;
margin-bottom: 50px;
}

img#WWWIcon { margin: 0; }

img.fb-file-icon {
display: inline-block;
margin-top: 2px !important;
}

.fb-cont-wrapper {
display: inline-block;
width: 100%;
position: relative;
padding: 20px;
}

.fb-cont-img {
display: inline-block;
width: 16px;
vertical-align: top;
}

.fb-cont-node {
display: inline-block;
vertical-align: top;
width: 100%;
padding: 10px;
margin:0 0 0 9px;
}

.fb-node-contents {
display: inline-block;
margin-left: 10px;
word-wrap: break-word;
}

.fbFileName {
display: inline-block;
width: 100%;
position: relative;
margin-bottom: 5px;
}

.fbFileInfoEven {
background-color: #EEE;
}

.fbFileInfo {
font-size: 1.4em;
display: inline-block;
width: 100%;
}

h1.fbFolderName {
display: inline-block;
vertical-align: top;
width: 100%;
border-bottom: 1px solid #ccc;
padding-bottom: 10px;
margin: 15px 0 15px;
}

.fbFileSize {
color: #666;
font-size: 0.8em;
margin-left: 10px;
}

.fbNewFile {
color: #307342;
font-size: 1.4em;
margin-left: 10px;
margin-left: 20px \9;
}
#fbSearch {margin-top: 20px}

.fbsearch input {margin-right: 7px;}

.fbFolderDescription {font-size: 1.4em;margin-bottom: 10px;}
.fbFolderDescription p,
.fbFolderDescription a,
.fbFolderDescription span,
.fbFolderDescription font {font-size: inherit;}

ul.ebpCustomWrap {
list-style: none;
display: inline-block;
height: auto;
margin-top: 0;
padding: 0;
width: 100%;
margin-left: 0 !important;
}

ul.ebpCustomWrap a {
font-size: inherit;
}

.fbDivider {
display: inline-block;
background: #ccc;
margin: 30px 0 !important;
height: 1px;
width: 100%;
}

#filebank_wrapper-1  {
display: inline-block;
width: 100%;
position: relative;
margin: 5px 0;
vertical-align: top;
padding: 25px 0;
border-bottom: 1px solid #ccc;
}

#filebank_wrapper-2 {
display: inline-block;
width: 100%;
position: relative;
margin:0;
padding: 5px 10px;
vertical-align: top;
}

#filebank_wrapper-1 a.fbMore {
display: inline-block;
width: 100%;
position: relative;
margin-top: 10px;
margin-left: 28px;
}

#filebank_wrapper-1 a.fbFolderNameNew {
background: #000;
}

#filebank_wrapper-1 img,
.filebank_wrap img,
.filebank_wrapper img {
width: 20px;
margin: 5px 0 0 0 !important;
}

.filebank_icon.icon_margin img {margin: 1px 0 0 0 !important;}

ul.ebpCustomWrap li:first-child a.fbFolderNameBar {
margin-top: 0;
}

a.fbFolderNameBar {
width: 100%;
background: #000;
display: inline-block;
padding: 10px;
opacity: 1;
color: #fff;
margin-top: 50px;
cursor: default;
}

a.fbFolderNameTitle {
width: 100%;
border-bottom: 1px solid #ccc;
padding-bottom: 5px;
margin: 20px 0 10px;
display: inline-block;
font-size: 2.1em !important;
opacity: 1;
color: #000;
margin-top: 20px;
font-weight: 500 !important;
cursor: default;
}

a.fbFolderNameNew {
width: 100%;
color: #000;
padding-bottom: 20px;
padding-top: 30px;
margin-bottom: 20px;
border-bottom: 1px solid #ccc;
display: inline-block;
}

.filebank_wrapper.bFileSpace {
 padding: 15px 0 0 0;
}

.filebank_wrap {
display: inline-block;
width: 100%;
position: relative;
vertical-align: top;
padding: 15px 2% 0 0;
}

.filebank_wrapper {
display: inline-block;
width: 100%;
position: relative;
vertical-align: top;
padding: 15px 2% 0 0;
}

.fbDetailsSml {
display: inline-block;
width: 87%;
position: relative;
vertical-align: top;
}

.fbDetailsSml span {
padding-right: 5px;
}

#filebank_wrapper-2 .filebank_icon img {
margin:4px 0 0 0 !important;
}

.filebank_icon {
width: 29px;
display: inline-block;
position: relative;
vertical-align: top;
}

ul.ebpCustomWrap table,
ul.ebpCustomWrap table table {
font-size: inherit !important;
}

a.fbFolderName.fb-toggle {
font-weight: bold;
cursor: pointer;
}

ul.ebpCustom ul,
ul.ebpCustom ul ul,
ul.ebpCustom ul ul ul,
ul.ebpCustom ul ul ul ul {
margin: 0;
padding: 0;
font-size: 1rem;
margin-left: 0;
list-style: none;
}

ul.fbBucket {list-style: none;}

li.expandable {
padding: 10px 0 0 20px;
margin: 0 !important;
}

a.fbFolderName.fb-toggle {
font-size: 1rem;
margin: 10px 0 0 0;
cursor: pointer;
border-bottom: 1px #ccc solid;
width: 100%;
display: inline-block;
padding-bottom: 10px;
margin-bottom: 5px;
}

.fbFolderDescription {
font-size: 1rem;
margin: 0;
padding: 0;
}

.bucketWrap2,
.fbRevisionDate,
.fbDivider {
font-size: inherit;
margin: 0;
padding: 0;
}

.hallo {
padding: 10px;
display:none;
float: left;
width: 100%;
}

.div-table {
display: table;         
width: 100%;         
background-color: transparent;    
padding:5px 0 5px 0; /* cellspacing:poor IE support for  this */
}

.div-table-row {
display: table-row;
width: auto;
clear: both;
}

.div-table-col.bignumb,
.div-table-col.titleb {
width: 18%;
}

.div-table-col.bigdes,
.div-table-col.draw {
width: 48%;
}

.div-table-col.awardd,
.div-table-col.dates,
.div-table-col.rev,
.div-table-col.closed {
width: 17%;
}

.div-table-row.thbk {
background: #78ae4a;
color: #fff;
font-weight: bold;
}

.div-table-col {
float: left; /* fix for  buggy browsers */
display: table-column;         
width: 25%;      
padding: 10px;   
background-color: transparent;  
}

/*------------------------------------------------------------------
--> Site Search
------------------------------------------------------------------*/

/* --> Search Input ----------------------------------------------*/

input.filebankSearchInput {
margin: 0;
padding: 0 0 0 8px;
font-size: 1.3em;
border: 1px solid #36474f;
border-right: 0;
margin-bottom: 15px;
outline: none;
height: 30px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;

transition: box-shadow .6s ease-in-out; 
-o-transition: box-shadow .6s ease-in-out; 
-moz-transition: box-shadow .6s ease-in-out; 
-webkit-transition: box-shadow .6s ease-in-out;
}

input.filebankSearchInput:hover {
border-color: #1f5c99;
}

input.filebankSearchInput:focus {
border-color: #1f5c99;
}


/* --> Search Button ---------------------------------------------*/
// #frmSearch label{display:none;visibility:visible;}
.filebankSearch a.filebankSearch-btn,
.filebankSearch button.filebankSearch-btn {
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
font-weight: normal;
line-height: 17px;
height: 30px;
position: absolute;
right: 0; 
padding-top: 9px;
font-size:0em;
background: url(/img/00/search.png) no-repeat center center #40ae49;
border: 1px solid #40ae49;
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
-webkit-appearance: none;
border-radius: 0;
}

.filebankSearch a.filebankSearch-btn:hover,
.filebankSearch  button.filebankSearch-btn:hover {
text-decoration: none;
color: #fff;
background-color: #46bd50;
border-color: #348c3b;
}



/*------------------------------------------------------------------
--> Civica Search CSS
------------------------------------------------------------------*/
.civicaSearch{
    margin: 20px;
}

.srchSearchedFor {
    margin-top: 10px;
}

#srchSubHeader {
    margin-top: 10px;
    margin-bottom: 0px;
}

#page_a_nate li a {
    color: #000 ;
    font-weight: bold;
}

#srchCurrentPage{
    color: #fff !important;
    background-color: black;
    border-radius: 5px;
}

.srchSubHeader {
padding: 0px;
margin-top: 30px;
margin-bottom: 10px;
color: #000;
font-size: 2em;
font-weight: bold;
   
}

#noMatch {
    font-size: 1.6em;
    font-style: italic;
    margin-bottom: 15px;
}

.srchSubHeader h4 {
color: #fff;
margin: 0;
}

.results-info {
display: block;
width: 100%;
margin-bottom: 20px;
padding-bottom: 10px;
border-bottom: 1px solid #ccc;
}

.search-nomatches {
font-weight: bold;
}

.srchResultsLabel {
display: inline-block;
font-weight: bold;
margin-top: 10px;
margin-bottom: 15px;
font-size: 1.7em;
}

.srchResultsInfo {
display: inline-block;
font-size: 1.4em;
margin-top: 0px;
margin-left: 0px;
margin-bottom:10px;

}

.srchEventDate {
    margin-left: 20px;
    
}

.srchFileSize {
margin:20px;
font-size: 1.2em;
}

#fileTypeImg {
margin-top:5px;
}

.srchDisplayLink {
display: block;
margin-top: 25px;
margin-left: 0px;
}

.srchDisplaySub {
display: block;
font-size:1.4em;
line-height: 20px;
margin-bottom: 0px;
margin-left: 20px;
word-wrap: break-word;
}

.search-top-info {
font-size: 1.4em;

}

.search-top-info a {
font-size: inherit;
}

.srchDisplayLink {
display: block;
font-size: 1.6em;
font-weight: bold;
margin-bottom: 5px;

}

.srchDisplayUrl {
display: block;
color: #666;
font-size: 1.3em;
font-style: italic;
width: 100%;
margin-left: 20px;
word-wrap: break-word;
/*border-bottom: 1px solid #ccc;*/
}

a.srchResultsAll {
float: right;
font-weight: bold;
/*font-size: 1.2em*/
}

/*------------------------------------------------------------------
--> End Civica Search CSS
------------------------------------------------------------------*/

/*------------------------------------------------------------------
--> Simple Forms
------------------------------------------------------------------*/

#sfmQuestionForm fieldset legend {
font-size: 2.0em !important;
font-weight: normal;
background: none;
color: #333;
}

#sfmQuestionForm fieldset label {
float: left;
color: #333;
/*width: 30%;*/
display: inline-block;
text-align: right;
padding-right: 15px;
margin: 0;
margin-top: 5px;
}

#sfmQuestionForm input {
float: left;
width: 70%;
display: inline-block;
margin: 0;
max-width: 400px;
border-color: #999;
}

#sfmQuestionForm input[type="checkbox"],
#sfmQuestionForm input[type="radio"] {
width: auto;
}

#sfmQuestionForm select {
width: 70%;
max-width: 400px;
padding: 3px !important;
border-color: #999;
border-width: 1px;
}

#sfmQuestionForm h3 {
font-size: 2.0em;
}

#sfmQuestionForm label h3 {
font-size: inherit;
}

#sfmQuestionForm p span {
font-size: inherit;
}

#sfmQuestionForm #geocodetext {
float: left;
margin-top: 10px;
}

#sfmQuestionForm textarea {
float: left;
width: 70%;
display: inline-block;
margin: 0;
max-width: 400px;
border-color: #999;
}

#captchadiv table {
background: #fff;
border: 1px solid #ccc;
}

#captchadiv input {
width: 80%;
margin-left: 10%;
}

.speciallabel {
display: block;
border-bottom: 1px solid #ccc;
margin-top: 20px;
margin-bottom: 10px;
padding-bottom: 10px;
font-size: inherit;
line-height: 20px;
}

#sfmQuestionForm label h5 {
font-size: inherit;
font-weight: normal;
}

.speciallabel h5 {
font-size: inherit;
}

#sfmQuestionForm p {
font-size: inherit;
}

#sfmQuestionForm .button, #sfmQuestionForm button {
color: #fff;
padding: 5px 20px 5px 20px;
text-decoration: none;
background-color: #78af49;
border:0; 
padding: 0 15px;
margin: 0 5px;
height: 45px;

transition: background-color .6s ease-out;
-o-transition: background-color .6s ease-out;
-moz-transition: background-color .6s ease-out;
-webkit-transition: background-color .6s ease-out;
}

#sfmQuestionForm .button:hover, #sfmQuestionForm button:hover,
#sfmQuestionForm .button:active, #sfmQuestionForm button:focus{
background-color: #46bd50; 
border: 0; 
}

font.LinkLetter {padding: 0 1%;}

/*------------------------------------------------------------------
--> FAQs
------------------------------------------------------------------*/

.faq-layout-cont {
margin-bottom: 20px;
padding: 0 0 0 25px;
}

.faq-cat-btn,
.faq-back-btn {
color: #fff !important;
border: 0;
font-size: inherit !important;
-moz-box-shadow:    none;
-webkit-box-shadow: none;
box-shadow:         none;
}

#Form1 .faq-search-btn {position: absolute;}

.faq-search-btn {
color: #fff !important;
margin-left: 5px;
border-radius: 0px 4px 4px 0px;
border: 0;
-moz-box-shadow:    none;
-webkit-box-shadow: none;
box-shadow:         none;
}

.faq-cat-btn {
font-weight: normal;
}

.faq-back-btn {
color: #333 !important;
font-weight: normal;
}

.faq-cat-btn:hover,
.faq-back-btn:hover {
text-decoration: none;
}

#searchstr {
height: 36px;
}

.faq-search-btn:hover {
text-decoration: none;
}

.faq-btns-cont {
margin-top: 20px;
}

.faq-entry-item {
margin-bottom: 30px;
border-bottom: 1px solid #ccc;
padding-bottom: 10px;
}

.faq-search-links {
margin-bottom: 20px;
border-bottom: 1px solid #ccc;
}

p.faq-answer-item {
font-size: .825em !important;
}


.faq-combined-links{
margin: 0 !important;
}

.faq-combined-links .category-header, .faq-combined-links .category-header:hover{
background-image: url('/img/00/toggler.png');
border: 1px solid #d6d6d6;
margin-bottom: 2px;
text-decoration: none;
background-color: #fff;
background-repeat: no-repeat;
background-position: right 10px;
background-origin: content-box;
display: block;
font-size: 16px;
line-height: 28px;
padding: 8px;
width: 100%;
font-weight: bold;
text-indent: 7px;
color: #666;
margin-bottom: 5px;
text-decoration: none;
}

.faq-combined-links .opened, .faq-combined-links .opened:hover{
background-image: url('/img/00/toggler.png');
color: #fff;
background-color: #000;
background-position: right -18px;
text-decoration: none;
}

.faq-combined-links .category-bucket {
position: relative;
width: 100%;
padding: 20px;
height: auto;
margin: 0;
background-color: #fff;
border-left:1px solid #ddd;
border-right:1px solid #ddd;
border-bottom:1px solid #ddd;
margin-top: -5px;
margin-bottom: 5px;
}

.faq-combined-links .bucket .closed,
.faq-combined-links .bucket .open {
background: #fff;
text-decoration: none;
}

.category-bucket .opened
{
    background: #fff;
    color: #D86011;
}
.category-bucket .opened:hover {
    background: #fff;
    color: #000;
}

.answer-bucket p {
    font-size: 14px;
}

/*------------------------------------------------------------------
--> Calendar Layouts
------------------------------------------------------------------*/

#page-content .cvCalendar3 {padding:0 0 15px 0;}

.cvCalendar3 .header-background, 
#cal3hi-bucket .header-background {
background: #716a5c;
}

#smlCal002 table tr.even, #smlCal002 table tr.alt, #smlCal002 table tr:nth-of-type(2n) {
background: none ;
}

#cal3hi-search span.searchCB li.header label {color: #222;}

#cal3hi-ShowEventsPicker ul li, ul.month-pickers li {display: inline-block;vertical-align: top;}
ul.month-pickers {margin-right: 10px !important}

h1.inline-header {padding: 0 10px;}

#cal3hi-bucket .lrgCal002_Table td.noday, 
#cal3hi-bucket .lrgCal002_Table td.EmptyDay, 
#cal3hi-bucket .lrgCal002_Table td.Day, 
#cal3hi-bucket .lrgCal002_Table td.WeekEndDay 
// { border: 1px solid #fbfbfb;}

#cal3hi-picker h3.title, #cal3hi-search h3.title {padding: 7px 10px;font-size: 2em;}

.cvCalendar3 .chunky-nav:hover, 
.cvCalendar3 .month-pickers a.chunky-nav:hover  {
color: #ccc;
}

#cal3hi-picker,
#cal3hi-search {
float: left;
width: 100%;
margin-bottom: 30px;
background-color: #fbfbfb;
box-shadow: none;
padding:0 7px 7px 7px;

transition: padding .3s ease-in-out;
-o-transition: padding .3s ease-in-out;
-moz-transition: padding .3s ease-in-out;
-webkit-transition: padding .3s ease-in-out;
}

#left {
float: left;
margin-bottom: 30px;
background-color: #fbfbfb;
box-shadow: none;
padding: 7px;
transition: padding .3s ease-in-out;
-o-transition: padding .3s ease-in-out;
-moz-transition: padding .3s ease-in-out;
-webkit-transition: padding .3s ease-in-out;
}

/* --> Calendar Wrapper -----------------------------------------------*/

#cal3hi-picker-bucket span.chooser-date {
font-size: 1.6em;
font-weight: bold;
width: 50%;
color: white;
}

#cal-warp{
float: left;
width: 100%;
position: relative;
display: block;
}

#widget-sidebar .smlCal002_Table {
width: 100% !important;
}

#widget-sidebar table tr.even, 
#widget-sidebar table tr.alt, 
#widget-sidebar table tr:nth-of-type(2n){
background: none;
}

/* --> Calendar Header -----------------------------------------------*/

#month {
float: left;
position: relative;
display: block;
width: 100%;
height: 100%;
padding: 18px 0;
margin-bottom: 10px;
background: #716a5c;
}

.cal-top-span{
position: relative;
display: inline-block;
vertical-align: top;
text-align: center;
width: 100%;
height: 100%;
padding: 5px 0;
margin-bottom: 0;
}

#widget-content span.cal-day {
font-size: 1.4em;
}

.cal-top-currdate {
display: inline-block;
width: 50%;
padding: 0 15px;
font-size: 1.5em;
font-weight: bold;
}

#month a,
.cal-top-span a{
font-size: 1.9em;
padding-top: 0;

transition: background .6s ease-in-out; 
-o-transition: background .6s ease-in-out; 
-moz-transition: background .6s ease-in-out; 
-webkit-transition: background .6s ease-in-out;
}

#month a.prev,
.cal-top-span a.prev{
position: absolute;
display: inline-block;
left: 0;
color: white;
text-decoration: none;
padding-top: 6px;
padding-left: 20px;
font-size: 2.5em;
top: 6px;
}

#month a.next,
.cal-top-span a.next{
position: absolute;
display: inline-block;
right: 0;
color: white;
text-decoration: none;
padding-top: 6px;
padding-right: 20px;
font-size: 2.5em;
top: 6px;
}

/* Event Header Day Cell */
#smlCal002_Head td {
background: none;
height: 36px;
line-height: 36px;
text-align: center;
padding: 2px;
width: 14.2%;
font-size: 1.4em;
font-weight: 700;
}

#month #smlCal002_Head,
.cal-top-span #smlCal002_Head {
font-size: 1.2em;
}

span.cal-curr-date{
font-size: 2.5em;
font-family: 'Open Sans', sans-serif;
font-weight: 600;
text-align: center;
margin: 6px 0;
display: inline-block;
width: auto;
padding: 0 10%;
color: #fff;
}
#cal3hi-bucket p, #cal3hi-bucket #weekly p {font-size: 1.4em;} 
#cal3hi-bucket #weekly p a, #cal3hi-bucket #weekly p span, #cal3hi-bucket a,
#cal3hi-bucket #weekly p.cal-entry a {font-size: inherit;}
#cal3hi-bucket h2 {font-size: 1.7em;}
.cvCalendar3 .grey-bottom-divider {padding: 15px 0px; margin:15px 0 !important; }
h2.grey-bottom-divider strong {    color: #77ae49;}

/* --> Calendar Controls -----------------------------------------------*/

#month .cal_controls,
.cal-top-span .cal_controls{
position: relative;
float: right;
display: block;
padding-top: 15px;
}

#month .cal_controls a.prev,
#month .cal_controls a.next,
.cal-top-span .cal_controls a.prev,
.cal-top-span .cal_controls a.next{
background: #b7b9bc;
padding: 8px 10px 0 10px;
margin-bottom: 5px;
height: 35px;
position: relative;
display: block;
color: white;
font-weight: bold;
}

/* --> Calendar Date -----------------------------------------------*/

/* Event Date Links */
.smlCal002_Table a {
color: #1c2129;
display: block;
font-weight: normal;
text-decoration: none;
font-size: 1.2em;
}

/* Event Date Cell */
.smlCal002_Table td {
background: none;
height: 36px;
line-height: 36px;
text-align: center;
padding: 2px;
width: 14.2%;
}

/* Event Date Weeknd/day */
.smlCal002_Table td.WeekEndDay a,
.smlCal002_Table td.Day a {
color: #1c2129;
background-color: #e3e3e3;
border: 1px solid #d1d1d1;
}

/* Event Date Current */ 
.smlCal002_Table td.CurrentDay a,
.smlCal002_Table td.MarkerDay a {
color: #fff;
font-weight: bold;
background-color: #77ae49;
}

/* --> Short Month -----------------------------------------------*/

.long,
.day-long{
display: none;
}

.short,
.day-short{
display: none;
}

/* --> Events List -----------------------------------------------*/

.thumbevent{
height: 100%;
max-width: 100%;
border: none;
max-height: 50px;
margin-top: 5px;
margin-right: 15px;
position: relative;
float: left;
display: block;
}

.featured{display: inline-block; position: relative; width: 73%;}

.cal-monthly {
width: 100%;
}

.cal-monthly .cal-head-span {
color: #333;
}

.cal-monthly img.cal-logo {
float: left;
width: 70px;
margin-bottom: 5px;
}

.cal-monthly h1.cal-header {
float: left;
color: #333;
margin-top: 12px;
margin-left: 20px;
margin-bottom: 0;
cursor: default;
}

.cal-monthly .cal-head-top {
float: left;
width: 100%;
border-bottom: 2px solid #104467;
margin-bottom: 20px;
}

.cal-monthly .cal-form {
float: left;
}

.cal-pick-cycle-cont {
float: right;
width: 50%;
}

.cal-pick-cycle {
width: 100%;
padding: 10px;
}

.cal-print-btn {
float: right;
font-weight: bold;
padding: 8px 12px;
margin-top: 41px;
}

.cal-print-btn .cal-printer-icon {
float: left;
width: 20px;
}

.cal-print-btn .cal-txt {
float: left;
font-size: 1.0em !important;
font-weight: normal;
margin-top: 4px;
margin-left: 10px;
}

.cal-viewby-cont {
float: right;
margin-top: 45px;
}

.cal-viewby-cont .viewby-btn {
font-size: 1.2em;
color: #fff;
background: #104467;
border: 0;
font-weight: normal;
padding: 10px 12px;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
margin-right: 6px;
margin-bottom: 0;
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
}

.cal-viewby-cont .viewby-btn:hover {
background: #186699;
text-decoration: none;
}

.cal-cycle-arr {
float: left;
display: block;
width: 20px;
height: 20px;
margin-top: 3px;
}

.cal-cycle-arr-dbl {
float: left;
display: block;
width: 30px;
height: 20px;
margin-top: 3px;
}

.cal-cycle-left {
background: url('/custom/0000/img/calendar/cal_arrs.png') no-repeat;
}

.cal-cycle-left:hover {
background-position: 0 -20px;
}

.cal-cycle-left-dbl {
background: url('/custom/0000/img/calendar/cal_arrs.png') 0 -40px no-repeat;
}

.cal-cycle-left-dbl:hover {
background-position: 0 -60px;
}

.cal-cycle-right {
background: url('/custom/0000/img/calendar/cal_arrs.png') -25px 0 no-repeat;
}

.cal-cycle-right:hover {
background-position: -25px -20px;
}

.cal-cycle-right-dbl {
background: url('/custom/0000/img/calendar/cal_arrs.png') -30px -40px no-repeat;
}

.cal-cycle-right-dbl:hover {
background-position: -30px -60px;
}

.cal-pick-cycle .calpickMonth-wrap,
.cal-pick-cycle .calpickYear-wrap {
float: left;
width: 50%;
}

.cal-pick-cycle .calpickMonth,
.cal-pick-cycle .calpickYear {
display: block;
font-size: inherit;
margin-left: 10px;
}

.cal-month-daylbl {
width: 14%;
color: #fff;
background: #145580;
text-align: center;
font-size: 1.4em;
padding: 10px;
}

.calpickMonth .cal-month-txt {
float: left;
font-size: 1.4em;
margin: 0 10px;
margin-top: 3px;
}

.calpickYear .cal-year-txt {
float: left;
font-size: 1.4em;
margin: 0 10px;
margin-top: 3px;
}

.caMonthlyViewHeader {
float: left;
width: 50%;
font-size: 2.5em;
}

.cal-grid-cont {
float: left;
width: 100%;
margin-top: 20px;
}

.cal-grid-cont td {
width: 14%;
padding: 8px;
font-size: 1.2em;
border: 1px solid #ccc;
vertical-align: top;
height: 100px;
}

.cal-side-wrap .cal-grid-cont td {
height: 50px;
}

.cal-month-daylbl {
border-color: #0c334d !important;
height: auto !important;
}

.calLargeEntry {
font-size: inherit;
}

.cal-grid-cont .calpickDates {
display: inline-block;
font-size: 1.5em;
padding-right: 10px;
padding-bottom: 10px;
}

.cal-grid-cont .day-active {
background: #cfe8f9;
}

.cal-grid-cont .day-empty {
background: #fff;
}

hr.cal-events-sep {
border-color: #a5bac7;
}

.cal-small-month-cycle .calpickMonth .cal-month-txt,
.cal-small-year-cycle .calpickYear .cal-year-txt {
font-size: 0.8em;
margin-top: 5px;
}

.cal-small-month-cycle {
float: left;
width: 50%;
}

.cal-small-year-cycle {
float: left;
width: 50%;
}

.cal-small-month-cycle .cal-cycle-arr,
.cal-small-year-cycle .cal-cycle-arr,
.cal-small-year-cycle .cal-cycle-arr-dbl {
margin-top: 0;
}

.cal-side-wrap .calpickDates {
font-size: 1.0em;
}

.cal-cycle-cont {
width: 100%;
}

.cal-legend-cont {
width: 100%;
}

.cal-legend-cont .calLegend {
font-weight: bold;
display: block;
margin-bottom: 5px;
}

.cal-legend-cont .calLegend-lbl {
display: block;
margin-bottom: 5px;
}

/*
------------------------------------------------------------------
--> Phone Module

------------------------------------------------------------------  */
#staff-directory-2-wrapper
{
    margin:0;
}
staff-directory-2-wrapper .search-row
{
    padding:0px;
}

ul.staff-directory-2,
ul.staff-directory-2 ul
{
    list-style: none !important;

    margin: 0!important;
    padding: 0!important;

    line-height: 150% !important;
    color: #666;
}


.staff-directory-2 .toggle-bucket a.toggler {
background-image: url('/img/00/toggler.png');
border: 1px solid #d6d6d6;
margin-bottom: 2px;
text-decoration: none;
background-color: #fff;
background-repeat: no-repeat;
background-position: right 10px;
background-origin: content-box;
display: block;
font-size: 16px;
line-height: 28px;
padding: 8px;
width: 100%;
font-weight: bold;
text-indent: 7px;
color: #666;
margin-bottom: 5px;
text-decoration: none;
}  

.staff-directory-2 .toggle-bucket a.opened,
.staff-directory-2 .toggle-bucket a.opened:hover {                                
background-image: url('/img/00/toggler.png');
color: #fff;
background-color: #000;
background-position: right -18px;
text-decoration: none;
}

.staff-directory-2 .contact-bucket a.toggler,
.staff-directory-2 .contact-bucket a.opened,
.staff-directory-2 .contact-bucket a.opened:hover {
background-color: transparent;
background-image: none;
border: 0;
margin: 0 !important;
padding: 0;
font-size: 1em;
}

.staff-directory-2 a
{
    text-decoration: none;
    font-weight: normal;
/*      color: #08518C!important;*/
}

.staff-directory-2 a:hover, .staff-directory-2 a:active
{
/*background: url(/img/00/toggler.png) no-repeat scroll 5px 13px #436f91;*/
}

.staff-directory-2 li.contact-details
{
    margin: .3em auto 1.2em 1em;
    border-bottom: 1px solid #e8e8e8;
}

.staff-directory-2 .contact-details img.main
{
    float:left; 
    margin: .3em 1em 1em 0;
}


.staff-directory-2 .contact-details p
{
    margin: 0px auto .2em 0px !important;
}

.staff-directory-2 .contact-details h4
{
    margin: 0px auto .2em 0px !important;
    border-bottom: solid 1px #888;
}
.staff-directory-2 .contact-details label
{
    display: inline-block!important;
    line-height: 150% !important;
    color: #666;
    font-weight: bold;
    font-size: 1em;
}


/*# staff-directory-3-wrapper */


#page-content .staff-directory-3 {padding: 0; margin: 0;}
#staff-directory-3-wrapper {margin:0;}
#staff-directory-3-wrapper .search-row {padding:0px;}
ul.staff-directory-3 li {list-style: none !important;}

.contact-bucket {
position: relative;
padding: 15px 20px;
height: auto;
margin: -5px 0 5px 0 !important;
background-color: #fff;
border-left: 1px solid #ddd;
border-right: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}

ul.contact-bucket li ul {margin: 0;}

.staff-directory-3 .toggle-bucket a.toggler {
background-image: url('/img/00/toggler.png');
border: 1px solid #d6d6d6;
margin-bottom: 2px;
text-decoration: none;
background-color: #fff;
background-repeat: no-repeat;
background-position: right 10px;
background-origin: content-box;
display: block;
font-size: 16px;
line-height: 28px;
padding: 8px;
width: 100%;
font-weight: bold;
text-indent: 7px;
color: #666;
margin-bottom: 5px;
text-decoration: none;
}    

.staff-directory-3 .toggle-bucket a.opened,
.staff-directory-3 .toggle-bucket a.opened:hover {                       
background-image: url('/img/00/toggler.png');
color: #fff;
background-color: #000;
background-position: right -18px;
text-decoration: none;
}

.staff-directory-3 .contact-bucket a.toggler,
.staff-directory-3 .contact-bucket a.opened,
.staff-directory-3 .contact-bucket a.opened:hover {
background-color: transparent;
background-image: none;
border: 0;
margin: 0 !important;
padding: 0;
font-size: 1em;
}

.staff-directory-3 a {
    text-decoration: none;
    font-weight: normal;
}

.staff-directory-3 a:hover, .staff-directory-3 a:active {                                                       
background-image: url('/img/00/toggler.png');
color: #fff;
background-color: #000;
background-position: right 10px;
text-decoration: none;
}

.staff-directory-3 .contact-details a:hover {
background-color: transparent;
background-image: none;
color: #000;
}

a#phone-search-btn {
background-color: #d86018;
border-color: #d86018;
background-image: url('/img/00/layout/searchicon.png');
background-position: center center;
background-repeat: no-repeat;
font-size: 0 !important;
height: 35px;
font-weight: normal;
padding-top: 9px;
line-height: 17px;
border-radius: 0;
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
-webkit-appearance: none;
}

input#phone-search::-webkit-input-placeholder {
color: #333 !important;
}

input#phone-search:-moz-placeholder { /* Firefox 18- */
color: #333 !important;  
}

input#phone-search::-moz-placeholder {  /* Firefox 19+ */
color: #333 !important;  
}

input#phone-search:-ms-input-placeholder {  
color: #333 !important;  
}

.staff-directory-3 .contact-details{
margin: 0 0 10px 0;
border-bottom: solid 1px #ccc;
padding-bottom: 10px;
}

.staff-directory-3 .contact-details:last-child {
margin:  0 !important;
padding-bottom: 0 !important;
border-bottom: solid 0 #ccc !important;
}

.staff-directory-3 .contact-details h4 {
margin: 0px auto .2em 0px !important;
border-bottom: solid 1px #ccc;
}

.phone-search-row div {padding: 10px 0px 0px 0px !important;}

/*------------------------------------------------------------------
--> Infoguide
------------------------------------------------------------------*/

#infoGuideSelector .letter
{
display: inline-block;
width: 26px;
height: 26px;
border-radius: 5px;
text-align: center;
line-height: 26px;
font-size: 14px!important;
margin: .125em;
background-color: #f5e3e3;

}
#infoGuideSelector .disabledLetter
{
background-color: #f5f5f5;
}


/* --> Contact Code Snippet -----------------------------------------------*/

.htmlbox-contact-us {
display: block;
float: right;
width: 100%;
margin-bottom: 30px;
background-color: #fff;
box-shadow: none;
padding: 0;
border: 4px solid #fff;

-moz-box-shadow: 0 0 5px rgba(0,0,0,0.35);
-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.35);
box-shadow: 0 0 5px rgba(0,0,0,0.35);

transition: padding .3s ease-in-out;
-o-transition: padding .3s ease-in-out;
-moz-transition: padding .3s ease-in-out;
-webkit-transition: padding .3s ease-in-out;
}

.htmlbox-contact-us .edtdiv {
padding:5px;
}

.htmlbox-contact-us p {margin:0 0 15px 0;}
.htmlbox-contact-us p:last-child{margin: 0;}
.htmlbox-inner {padding: 15px;}

h2.htmlbox-header {
color: #ccc;
font-size: 2.3em;
cursor: pointer;
margin:0;
color: white;
background: #716a5c;
font-size: 2.4em;
padding: 7px 10px;

transition: font-size .3s ease-in-out, padding .3s ease-in-out;
-o-transition: font-size .3s ease-in-out, padding .3s ease-in-out;
-moz-transition: font-size .3s ease-in-out, padding .3s ease-in-out;
-webkit-transition: font-size .3s ease-in-out, padding .3s ease-in-out;
}

#ajax-tree {padding: 0 20px;}


/* These styles are applied for viewports 515px and higher */
@media only screen and (min-width: 515px) { 

    .filebank_wrap {
    width: 50%;
    }

}

/* These styles are applied for viewports 768px and higher */
@media only screen and (min-width: 768px) {

    .filebank_wrapper.colm-wrap {
    width: 30%;
    }

    ul.ebpCustomWrap {
    padding: 0 20px;
    }

    #filebank_wrapper-1 a.fbMore { 
    position: absolute;
    right: 0;
    top: 50px;
    width: auto;
    margin-top: 0;
    margin-left: 0;
    }

    hr.news-sep { margin: 20px 0; }

    article.news-article a.read-more {
    position: absolute;
    right: 15px; 
    bottom: 15px;
    text-align: right;
    padding: 0;
    background-color: transparent;
    }

    article.news-article a.read-more:hover {
    background-color: transparent;
    text-decoration: underline;
    box-shadow: none;
    }

    article.news-article a.alt-link { 
        float: none; 
        /* Fix text appearing on top of read more link on homepage */
        bottom: 2.25em;
    }

    .home-news .news-article a.alt-link {
        /* Client decides they want to hid the attachment link on the home page */
        display: none;
    }
    .htmlbox-contact-us {
    width: 30%;
    margin-left: 4%;
    }

    #full-view  #widget-sidebar {
    padding:0 13px 0 13px; 
    width: 30%;
    }

    #full-view {
    padding: 0;
    }

    #full-view  #left {
    width: 70%;
    padding: 0 0 0 20px; 
    }


    /* News article image */
    #home-homepage article.news-article img.news-img{
    max-width: 20%;
    }

    /* News article image */
    article.news-article img.news-img{
    max-width: 23%;
    }

    .news-info-cont {
    width: 76%;
    }


}