@media print {
  a[href]:after {
    content: none !important;
  }
}

#editAnywhere {display:none;}

.sm-buttons-mobile {display:none;}

/* Pagination */
.pagination { clear: both; display: block; }
.pagination a, .pagination a:link, .pagination a:visited { text-decoration:none; }
.pagination .prevnextCurrent, .pagination .prevnextWindow, .pagination .prevnextWindowArrow { border:solid 1px #ccc; margin:0; padding:4px 6px; font-size:11px; margin-right:2px; display:inline; display:inline-block; }
.pagination a.prevnextWindow:hover, .pagination a.prevnextLink:hover, .pagination .prevnextWindowArrow:hover { border:solid 1px #000; color:#000; }
.pagination .prevnextCurrent {background:#ccc; color:#000; font-weight:bold; padding:4px 6px; }
.pagination a.prevnextLink { border:1px solid #ccc; padding:4px 6px 4px; margin-right:2px; font-size:11px; display:block; }
/* End Pagination */

/* Send Page Styles */
.sendpage { clear:both; }
.sendpageBody div, .sendpageBody td { padding: 2px 0px; }
/* End Send Page Styles */


/**********************                       *****************************
*********************** GENERAL MODULE STYLES *****************************
***********************                       ****************************/
.moduleDetail {}
.moduleLister {}
div.listerItem { clear: both; margin: 1.0em 0 1.5em 0;border-bottom: 2px solid rgba(0, 0, 0, 0.1);padding-bottom: 12px;}
div.listerItem:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

    .label { font-weight: bold; margin-right:10px; }
    .description {}
    .blurb {}
    .thumbnail {}
    .date {}
	.time {}
    .filter {float:right;}
    .imageLink {float:left;}
    .tags {background: #eee; display:block;margin-bottom:10px;text-indent:8px;}

.moduleLister .thumbnail { width: 200px;
float: left;
margin-right: 20px;
}

ul.grid:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
ul.grid li.gridItem {
       width: 200px;
    display: inline-block;
    vertical-align: top;
}

.errorMessage{ font-weight:bold; color:#f00; }
/* End General Module Styles */


/****************************               ***********************************
***************************** FORM ELEMENTS ***********************************
*****************************               ***********************************/

fieldset.radio label {
  width: auto;
}

table.images-fixer img {
    width: 900px;
    height: auto;
}

fieldset fieldset label {
  width: auto;
  line-height: inherit;
}

.radio {
  background: none;
}

input, textarea, select {    
  outline: none;
  padding: 8px;
  margin:6px 0 6px 0px;
  border: 0;
  font-size: 14px;
  border: 1px solid #ccc;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -webkit-background-clip: padding-box;

}
input:not([type=submit]), textarea {
   width: 100%;   
}
.isub.page input:not([type=submit]), textarea {
   width: auto!important;   
}

input[type="checkbox"], input[type="radio"], input[type="submit"] {width:auto; box-shadow:none;}
input.button {margin-right:0;}

/* end Form Elements */


/* ModuleBegin::search */
.searchModule.moduleLister {}
.searchModule .searchTopMatches {}
.searchModule .module {}
.searchModule .title {}
.searchModule .blurb {}
/* ---- search input form ---- */
#search_box_form {}

/* ---- Ajax - Search Box ---- */
input.searchBoxInput { display: inline; font-size: 14px; line-height: 36px; margin-right: 10px; padding: 0 10px; text-align: right; width: 180px; height: 36px;}
/*design*/
input.searchBoxInput { background: #444; border: 0; color: #bbb; }
button.searchButton { background: none; border: none; color: #999; cursor: pointer; font-size: 1.5em; padding: 0; vertical-align: middle; width: 25px; }
	button.searchButton span {display: none;}
	button.searchButton:hover {color: #ccc;}

/*results div that slides down*/
.ajaxSearch .ajaxResults { background: #eee; border: 1px solid #ccc; color: #666; display: none; height: 250px; overflow: scroll; padding: 10px; position: absolute; width: 250px; z-index: 100; }
.ajxclose { color: #ddd; cursor: pointer; display: none; left: 6px; padding: 4px; position: absolute; top: 10px; z-index: 5000; }
.ajaxSearch .searchResultsLister ul { margin-bottom: 10px; margin-left: 10px; }
	.ajaxSearch .searchResultsLister ul li { list-style: none; width: 100%; }
.ajaxSearch .searchResultsLister .module {font-style: italic;}
.ajaxSearch .searchResultsLister .title a { border-bottom: 1px dotted #333; font-size: 12px; }
.ajaxSearch .searchResultsLister .searchTopMatches { font-size: 14px; margin-bottom: 5px; padding: 5px; }
.newssearch {
  float: right;
  margin-right: 4%;
  padding-right: 10px;
  padding-left: 20px;
  margin-top: -60px;
}
 
 /*TODO move to custom or theme*/
 /*search frame is location specific so only position stuff*/
#search_frame { height: 35px; position: absolute; right: 30px; top: 11px; z-index: 4; }
 
/* ---- end ajax search ---- */

/* ModuleEnd::search */

/* ModuleBegin::directory-products */
.productModule.commerce-item .main-image-frame {
    float: left;
    background: #fff;
    padding-right: 20px;
    width: 320px;
    min-height: 250px;
}

/* ModuleEnd::directory-products */

/* ModuleBegin::events */
/*******************************        ******************************************
******************************** EVENTS ******************************************
********************************        *****************************************/
/* ---------------
Events Lister
----------------- */

.eventsModule.moduleLister {}

/* ---------------
Events Detail
----------------- */
.eventsModule.moduleDetail {}
	.eventsModule .date {}
	.eventsModule .label {0.2em 0 0.3em}
	.eventsModule .time {}
	.eventsModule .location { margin: 1em 0; }
	.eventsModule .map {}
	.eventsModule .address {padding-left:8px;}
	.eventsModule .directions {}
	.eventsModule .contactInfo {}
	.eventsModule .name {}
	.eventsModule .phone {}
	.eventsModule .email {}
	.eventsModule .rsvp {}
	.eventsModule .ticketsWrapper {}
	.eventsModule .ticket {}
	.eventsModule .description {padding-left:8px;}
	.eventsModule .utilityLinks {padding-left:8px;}
    .eventsModule.moduleDetail .thumbnail {width:300px; float:right; margin-left: 20px;}
    


/* Events Box */
.eventsModule.moduleLister.box .title {font-size:20px;font-weight:bold;}

/* ----------------------
Events Small Calendar
------------------------ */
body.calendarSmallWrapper {font-size: 12px; }
.calendarSmallWrapper { background: transparent; position: relative; }
.cal { padding: 5px; text-align: center; margin-left: auto; margin-right: auto; background: transparent; position: relative; }
.calPrev { position: absolute; top: 4px; left: 45px; }
.calNext { position: absolute; top: 4px; right: 45px; }
.calPrev a:hover, .calNext a:hover {color:#000;}
.calMonth { position: relative; top: 0; left: 0; text-align: center; font-weight: bold; margin-left: 20px; margin-right: 20px; }
.calPrev a, .calNext a, .calMonth a, .calPrev a:hover, .calNext a:hover,  { text-decoration: none; }
.calMonth a:hover { text-decoration: underline; }
.calGrid { margin-top: 10px; clear: both; width: 100%; text-align: center; margin-left: auto; margin-right: auto; }
.calGrid td { font-size: 8pt; padding-bottom: 2px; text-align: center; /* customize*/ border-bottom: 1px solid #ddd; }
.calGrid td.calDayOn:hover, .calGrid td:hover > a {background: #efefef; color: #000;}
.calWeek td {background: none; border: 0;}
.calGrid tr.calWeek { font-weight: bold; text-align: center; }
.calDayOn a { font-weight: bold; /*customize */ text-decoration: none; }
.calDayOn a:hover { text-decoration: none; }
.calGrid td.calTodayOff, .calGrid td.calTodayOn { background-color: #eee; color: #000; font-weight: bold; }
.calGrid td.calTodayOn a { text-decoration: underline; color: #333; font-weight: bold; }
.calBottom { text-align: left;  margin-top: 10px;}
.calMonthGlance { padding: 5px 0px 3px 0px; }
.calBottom a {  }


/******************                             *********************
******************* Ajax - Events Mini Calendar *********************
*******************                             ********************/

#ajx-minical-frame {margin-bottom: 20px;}

/*Ajax Event Hover Stuff */
.cal .thedaysevents { background: #000; background: rgba(0, 0, 0, 0.8); background: url(graphics/design/80perblack.png); border-radius: 8px;  -moz-border-radius: 4px; -webkit-border-radius: 8px; bottom: 24px; height: auto; left: -90px; padding: 10px; position: absolute; width: 200px; z-index: 5; }
.cal .thedaysevents * { color: #fff; font-family: 'Droid Sans', sans-serif; font-size: 11px; font-weight: normal; line-height: 1.4em; text-align: left; }
.cal .thedaysevents h1 { border-bottom: 1px solid #ddd; font-size: 13px; font-weight: bold; margin-bottom: 4px; }
.cal .thedaysevents .itemList { margin-bottom: 4px; padding-bottom: 0!important; }
.cal .thedaysevents.light { background: #fff; background: rgba(255, 255, 255, 0.9); background: url(graphics/design/80perblack.png); border: 1px solid #ddd; }
.cal .thedaysevents.light * {color: #666;}
.cal .thedaysevents.light h1 {color: #333;}
 
/* ----------------------
Events Month at a Glance
------------------------ */
#calendarDetail {margin-top: 0px; ; padding-bottom: 110px; width:100%;}
#calendarDetail table { width: 100%; table-layout: fixed;  text-align: center; }
#calendarDetail .calendarMonths { vertical-align: middle; padding-top: 3px; padding-left: 12px; width:100%; }
#calendarDetail a { text-decoration: none; }
#calendarDetail a:hover { text-decoration: underline; }
#calendarDetail .calendarMonths a { display: block; font-weight: bold; font-size: small; padding: 5px 0px 5px 0px; }
#calendarDetail .calendarMonths a:hover { color: #000; }
#calendarDetail .calendarDays { table-layout: fixed; background: #fff; width:100%; border:1px solid #E2E6FF; }
#calendarDetail .calendarDays td { background:none; border:1px solid rgba(0,0,0,.1); }
#calendarDetail .calendarDays .title { font-size: medium; font-weight: bold; color: #fff; padding: 10px 0px 10px 0px; background: #5569DA; }
#calendarDetail .calendarDays .prevLink, #calendarDetail .calendarDays .nextLink { background: #5569DA; color:#fff; }
#calendarDetail .title a { font-size: small; }
#calendarDetail .calendarDays .prevLink a, #calendarDetail .calendarDays .nextLink a{ font-size: small; color: #fff; }
#calendarDetail .calendarDays td { font-size:small; line-height:  1.1em; }
#calendarDetail .calendarDays .weekdays { height: 30px; line-height: 30px;background-color: #e2e6ff; }
#calendarDetail .calendarDays .emptyDay { height: 100px; text-align: left; vertical-align: top; background-color: #eee; background-color: rgba(0,0,0,.02); }
#calendarDetail .calendarDays .eventToday { height: 100px; text-align: left; vertical-align: top;background-color:#eee; background-color: rgba(140, 157, 252, 0.25); padding-left: 5px; padding:5px;}
#calendarDetail .calendarDays .eventOff { height: 100px; text-align: left; vertical-align: top; padding-left: 5px;  padding:5px;}
#calendarDetail .calendarDays .eventOn { height: 100px; text-align: left; vertical-align: top; padding-left: 5px; padding:5px; }


/* ---------------
Events Box
----------------- */
.eventsModule.moduleLister.box { }


/* ---------------
Events Registration
----------------- */
#registrationSummary td { padding:1px 10px; }

/* ModuleEnd::events */


/* ModuleBegin::blog */
.blogModule {}
.blogModule .info {margin-bottom: 20px; }
.blogModule .author {}
.blogModule .date {}
.blogModule .thumbnail img { width:350px; max-width:100%; }
.blogModule .tags {} 
.blogModule .comment { padding: 10px; background: #f4f4f4; margin-bottom: 15px; border: 1px solid #ccc; }
.blogModule .comment .info { color: #333; font-weight: 600; margin-bottom: 10px; }

/* ---- Blog Lister ----- */
.blogModule.moduleLister {}
.blogModule.moduleLister h2 { margin-bottom:5px; }
.blogModule .listerItem {}
.blogModule .blurb {}

/* ---- Blog Detail ------- */
.blogModule.moduleDetail {}
.blogModule.moduleDetail h1 { margin-bottom: 5px; }
.blogModule.moduleDetail .fullText {}

/* ---- Blog Archives ------ */
.blogModule.archive .month { padding-left:10px; }
.blogModule.archive .year { font-weight: bold; }
/* ModuleEnd::blog */

/* ModuleBegin::blog */
#addcomment_section {}
#comment_control.commentsModule { position: relative; max-width: 550px;}
#comment_control.commentsModule input , #comment_control.commentsModule textarea { width: 100%; display: block;}
.commentsModule .comment { padding: 10px; background: #f4f4f4; margin-bottom: 15px; border: 1px solid #ccc; }
.commentsModule .comment .info { color: #333; font-weight: 600; margin-bottom: 10px; }
/* ModuleEnd:: blog */


/* ModuleBegin::*/
/*******************************      ******************************************
******************************** NEWS ******************************************
********************************      *****************************************/
.newsModule {

}

.isub.page .newsModule{
    background-color:#fff;
    padding:20px;
    padding-bottom:80px;
}

.isub.page .eventsModule{
    background-color:#fff;
    padding:20px;
    padding-bottom:80px;
}


.newsModule .info {}
.newsModule .date {}
.newsModule .author {}
.newsModule .copyright {}

/* ---------------
News Lister
----------------- */
.newsModule.moduleLister {}
.newsModule.moduleLister {padding-top:20px;}
.newsModule.moduleLister .blurb {}

/* ---------------
News Detail
----------------- */
.newsModule.moduleDetail {}
.newsModule.moduleDetail .fullText {}

/* ---------------
News Archives
----------------- */
.newsModule .archiveMonth { padding-left: 10px; }
.newsModule .archiveYear { font-weight: bold; }

/* ModuleEnd::news */


/* ModuleBegin::faq */
/*******************************     ******************************************
******************************** FAQ ******************************************
********************************     *****************************************/
.faqModule {}

.faqModule .questions {}
.faqModule .questions li p { margin: 0; display: inline; }

.faqModule.moduleLister {}
.faqModule.moduleLister .question {}
.faqModule.moduleLister .answer {}
.faqModule .top { font-size: smaller; }
/* ModuleEnd::faq */

/* ModuleBegin::gendocs */
/******************************         *****************************************
******************************* WEBPAGE *****************************************
*******************************         ****************************************/
.webpageModule.moduleDetail { }
/* ModuleEnd::gendocs */


/* ModuleBegin::photo */
/*******************************       ******************************************
******************************** PHOTO ******************************************
********************************       *****************************************/
/* Photo Lister */
/* Photo Lister */
.photoModule.moduleLister {}
.photoModule.moduleLister .gridItem {border:1px solid #ccc; text-align:center; width: 200px; display:inline-block; vertical-align:top; margin-bottom:5px; padding-bottom: 15px}
.photoModule.moduleLister .gridItem:hover {border:1px solid #5E5E5E;}
.photoModule.moduleLister .gridItem span {display:block;}
.photoModule.moduleLister .gridItem .image {width:160px;height:150px;overflow:hidden; margin: 10px auto;}
.photoModule.moduleLister .gridItem .name {height:20px;overflow:hidden;}
.photoModule.moduleLister .gridItem .description {height:55px;overflow:hidden;}

/* Photo Thumbnails */
.photoModule .description  {}
.photoModule .thumbnailItem {float:left; margin:0 10px 10px 0; position:relative; height: 100px; width: 150px; overflow: hidden;}
.photoModule .thumbnailItem img.activeImage {border:1px solid #333;}
.photoModule .thumbnailItem img {border:1px solid #ccc; min-height: 100%; min-width: 100%;}
.photoModule .thumbnailItem a:hover img {border:1px solid #5E5E5E;}

/* Photo Detail */
.photoModule.moduleDetail{margin:10px 0;}
.photoModule .photoRemote {width:400px;height:20px;margin:0 auto;}
.photoModule .photoRemote span{width:80px;height:20px;background-color:#fff;text-align:center;float:left;}
.photoModule .photoRemote span a{display:block;margin:0 1px;background-color:#fff;color:#888;border:1px solid #ccc;text-decoration:none;}
.photoModule .photoRemote span a:hover,div.photoRemote span a:active{border:1px solid #e5e5e5;color:#000;}
.photoModule .imageDetail {margin:10px; }
.photoModule .imageDetail div {margin:0 auto;}
.photoModule .imageDetail img {border:1px solid #ccc;}
.photoModule.moduleDetail .imageDetail, .photoModule.moduleDetail .info{text-align:center;color:#888;}
/* ModuleEnd::photo */


/* ModuleBegin::membership */

/*****************************            ****************************************
****************************** MEMBERSHIP ****************************************
******************************            ***************************************/
.membershipModule .search {}
.membershipModule .companyInfo { margin: 1em 0; }
.membershipModule .companyInfo .name {}
.membershipModule .companyInfo .jobTitle {}
.membershipModule .address { margin: 1em 0; }
.membershipModule .contactInfo { margin: 1em 0; }
.membershipModule .contactInfo .phone {}
.membershipModule .contactInfo .email {}
.membershipModule .contactInfo .website {}
.membershipModule .thumbnail { float:left; margin-right: 20px;}
    
/* ---------------
Membership Lister
----------------- */
.membershipModule.moduleLister {}

/* ---------------
Membership Detail
----------------- */
.membershipModule.moduleDetail {}

/* ---------------
My Account
----------------- */
.membershipModule.myAccount {}
.membershipModule.myAccount:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.membershipModule.myAccount .block { padding: 10px; float: left; width: 250px; height: 150px; }
.membershipModule.myAccount .block.membership { float: none; width: auto; height: auto; background-color: #eee; }
.membershipModule.myAccount .block.membership ul { list-style: none; padding: 0; }

@media (min-width: 45em) {
    .membershipModule.myAccount .block.membership li { display: inline; margin: 0 .5em; }
}

/* ModuleEnd::membership */


/* ModuleBegin::commerce */
/******************************          ******************************************
******************************* COMMERCE ******************************************
*******************************          *****************************************/
.commerceModule {}
.commerceModule small{ font:10px; }
.shoppingCart tr.cartItem td{ }
.shoppingCart .cartItem {}
.shoppingCart .shoppingAlert { color: red; /* font-size: 8pt; */}
.shoppingCart .shoppingBody {/* font-size: 8pt;*/ }
.shoppingCart.primaryCart {}
.shoppingCart.miniCart { }
.shoppingCart.menuCart {}



.shoppingCart th, .shoppingCart .shoppingCartTableHeader  { background-color: #777; color: #fff; font-size: 14px;  padding: 10px; margin: 10px 0; }
.shoppingCart td { vertical-align: middle ; }
.shoppingCart .inventoryStatus i.fa{ font-size:20px;}
.shoppingCart .cartItem td,.shoppingCart .even td  .shoppingCart .odd td {padding:10px;}
/* this doesnt always work properly due to hidden discounts rows
.shoppingCart tr.even { background-color: #ffffff; color:#002d62; }
.shoppingCart tr.odd { background-color: #ebebeb; color:#002d62;}
*/
.shoppingCart .cartItem:nth(odd) {  background-color: #ebebeb; color:#002d62; }
.shoppingCart .cartItem:nth(even)  {background-color: #ffffff; color:#002d62;}
.shoppingCart tr.subtotalRow {font-weight:bold; text-align:right; }
.shoppingCart .inStock, .shoppingOutOfStock{ }
.shoppingCart .outOfStock, .shoppingOutOfStock {}
.shoppingCart .lowStock, .shoppingOutOfStock { }



.shoppingFormQuantity { background-color: #ffffff; text-align:center;text-indent:0;padding:6px; }
/*checkout*/
.shoppingFormRequired { font-size: 8pt; font-weight: bold; color:#002d62; }
.shoppingFormRequired input, .shoppingFormRequired select { font-weight: normal; color:#000; }
.shoppingFormRequired { width: 1%; }

.shoppingTable { background-color: #e8e8e8; color:#002d62; }
.shoppingTableBorder { background-color: #ffffff; }

/* Primary cart*/
.shoppingCart.primaryCart td { font-size: 0.85em;}

/* ----------------------
Menu Cart
------------------------ */

.shoppingCart.menuCart  { min-width: 350px; border:1px solid #ddd; background:#fff;padding: 10px;}
.shoppingCart.menuCart * {font-size:11px!important;color: #333;width:auto!important;line-height:16px!important;text-indent:0!important;}
.shoppingCart.menuCart table {width: 100%!important;}
.shoppingCart.menuCart tr {background: transparent; color: #333;}
.shoppingCart.menuCart tr:hover {background: rgba(0,0,0,.02);}
.shoppingCart.menuCart .cartItem {border-bottom:1px solid rgba(0,0,0,.05);}
.shoppingCart.menuCart td {padding: 4px 6px; background: transparent; color: #333;}
.shoppingCart.menuCart  a {height:auto!important; color: #333!important;}
.shoppingCart.menuCart .gotoCartButton,.menuCart .checkOutButton {float:left;padding:0!important;margin:0!important;height:auto!important; text-indent:0!important; border-bottom:1px solid transparent;}
.shoppingCart.menuCart .gotoCartButton:hover,.menuCart .checkOutButton:hover {border-bottom:1px dashed; }
.shoppingCart.menuCart .checkOutButton {margin-left:20px!important;}
.shoppingCart.menuCart .subTotal {font-weight:bold;}

/* Mini Cart in Sidebar*/
.shoppingCart.miniCart {font-size:12px; }

.miniCart input.shoppingFormQuantity {width: 30px;}
.miniCart select {padding: 6px 0;}
.miniCart {position:relative;}
.miniCart .fixed-cart {position:fixed;top:90px;}
.miniCart .cartbutton.orig {
text-align: center;
width: 100%;
margin-top: 10px;
}


form.cart_add span {font-size: .7em;}
form.cart_add input {width:auto;}

.addtoCart {padding:1px;}
.cartbutton, .updateCartbutton, .addtoCartbutton, .gotoCartbutton {cursor:pointer;  height:auto; }
.addtoCartbutton {margin-top: 10px;}
.gotoCartbutton {float:right;margin-right:0;}

/* find */
.commerce_vote {display:inline-block;}

.cartloader {position:absolute;top:0;left:0;width:100%;height:100%;background: rgba(0,0,0,.5);display:none;}
.cartloader i {font-size: 30px;color:#fff;left: 46%;top:46%;position:absolute;}



/*Checkout*/
table#commerce_checkoutTable {border:none;width:100%;}
.co-spacer {display:block;height:20px; margin-bottom:20px; border-bottom: 1px solid #ddd;}
#co-steps {display:block;width:100%;color: #999;}
.co-active {font-weight:bold;color:#333;}
.checkout-left {float:left;width:48%;margin-right:2%;}
.checkout-right {float:right;width:48%;padding-left:2%; border-left:1px solid #ddd;}
.co-button {margin:10px 0; cursor:pointer; line-height: 1em; height:auto; padding:10px;}

/* ModuleEnd::commerce */


.container div > h3, .container form > h3 {
height: auto;
color: #fff;
line-height: 35px;
padding-bottom:20px;
}

/* ----------------------
Back to Top Button
------------------------ */

#toTop {
background: url(graphics/design/80perblack.png);
background: rgba(0,0,0,.8);

  text-align: center;
  padding: 5px 10px;
  z-index: 10000;
  position: fixed;
  bottom: 10px;
  right: 10px;
  cursor: pointer;
  color: #fff;
  text-decoration: none;
  font-size: 10px;
}
#toTop i {font-size: 14px;}



/**********************                 *****************************
*********************** Responsive Tabs *****************************
***********************                 ****************************/

/* -----------------------------------------------
Responsive Tabs ( Tabs, Tabs-vertical, Accordion )
These apply to the Display Style of Module Layouts
or Widgets in a Container (position)
-------------------------------------------------*/

ul.resp-tabs-list{
   /* display:none; shown via js */
    margin: 0px;
    padding: 0px;
    border-bottom: 5px solid #fff;
    float:left;
    width:100%;
    background: #fefefe;
    background: rgba(0,0,0,.05);
}

.resp-tabs-list li {
    display: inline-block;
    padding: 13px 15px;
    margin: 0;
    list-style: none;
    cursor: pointer;
    float: left;
    /*border-right:1px solid rgba(0,0,0,.2);*/
}
.resp-tabs-list li:hover {/*background: url(graphics/design/20perblack.png);background: rgba(0,0,0,0.3);*/ background: #000; color:#fff;}

.resp-tabs-container {
    padding: 0px;
    clear: left;
}
.resp-tabs-container .inner-pad {border-right:0;}

h2.resp-accordion {
    cursor: pointer;
    padding: 5px;
    display: none;
}

.resp-tab-content {
    display: none;
    padding: 10px 0px;
}

.resp-tab-active {
    border-bottom: none;
    color: #fff;
}


.resp-tab-active {
    border-bottom: none;
    background-color: #fff;
}

.resp-content-active, .resp-accordion-active {
    display: block;
}

.resp-tab-content {
}

h2.resp-accordion {
    font-size:16px;
    border: 1px solid #c1c1c1;
    border-top: 0px solid #c1c1c1;
    margin: 0px;
    padding: 10px 15px!important;
}

h2.resp-tab-active {
    border-bottom: 0px solid #c1c1c1 !important;
    margin-bottom: 0px !important;
    padding: 0px 15px;
}
.dark h2.resp-tab-active {color:#000;}

h2.resp-tab-title:last-child {
    border-bottom: 12px solid #c1c1c1 !important;
    background: blue;
}

/* ----------------------
Vertical Tabs
------------------------ */

.resp-vtabs ul.resp-tabs-list {
    float: left;
    width: 30%;
}

.resp-vtabs .resp-tabs-list li {
    display: block;
    padding: 15px 15px !important;
    margin: 0;
    cursor: pointer;
    float: none;
}

.resp-vtabs .resp-tabs-container {
    padding: 0px;
    float: left;
    width: 69.6%;
    min-height: 250px;
    border-radius: 4px;
    clear: none;
}

.resp-vtabs .resp-tab-content {
    border: none;
}

.resp-vtabs li.resp-tab-active {
    border-right: none;
    background-color: #fff;
    position: relative;
    z-index: 1;
    /*margin-right: -1px !important;
    margin-left:1px;*/
    padding: 14px 15px 15px 15px !important;
}

.resp-arrow {
    width: 0;
    height: 0;
    float: right;
    margin-top: 3px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 12px solid #c1c1c1;
}

h2.resp-tab-active span.resp-arrow {
    border: none;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 12px solid #9B9797;
}


/* ----------------------
Accordion Display
------------------------ */

h2.resp-tab-active {
    background: #DBDBDB !important;
    color: #333;
}
.resp-easy-accordion  h2.resp-accordion {
        display: block;
}
.resp-easy-accordion .resp-tab-content {
    border: 1px solid #c1c1c1;
}

.resp-easy-accordion .resp-tab-content:last-child {
    border-bottom: 1px solid #c1c1c1 !important;
}

.resp-jfit {
    width: 100%;
    margin: 0px;
}

.resp-tab-content-active {
   /* display: block; */
   transition: all .25s ease-in;  
}

h2.resp-accordion:first-child {
    border-top: 1px solid #c1c1c1 !important;
}

/*Here your can change the breakpoint to set the accordion, when screen resolution changed*/
@media only screen and (max-width: 768px) {
    ul.resp-tabs-list {
        display: none;
    }

    h2.resp-accordion {
        display: block;
    }

    .resp-vtabs .resp-tab-content {
        border: 1px solid #C1C1C1;
    }

    .resp-vtabs .resp-tabs-container {
        border: none;
        float: none;
        width: 100%;
        min-height: initial;
        clear: none;
    }
    .resp-accordion-closed {
        display:none !important;
    }
    .resp-vtabs .resp-tab-content:last-child {
        border-bottom: 1px solid #c1c1c1 !important;
    }
    
    .col-md-7.col-md-offset-2 {clear: both;}
}

@media only screen and (max-width: 991px) {
        .col-md-7.col-md-offset-2 {clear: both;}
        .float-fixer {clear: both;}
}

/* End Responsive Tabs */


/**********************************************
*** dfib - Dynamic Featured Items Boxes Slider 
*** styles for the jquery.dfib-slider.js plugin
*** 2014 Brian Stich - brian.stich@accrinet.com
***********************************************/

.dfib-wrapper {position:relative;z-index:0;}
.dfib-slider {height:350px;/*MAIN HEIGHT*/margin:40px;overflow:hidden;}
#mobile .dfib-slider .dfib-item-wrap,#mobile .dfib-slider .side-item-50 {width:100%!important;max-width:100%!important;}
.dfib-slider .main-item1 {width:50%;max-width:50%;float:left;}
.dfib-slider .side-item-50 {width:50%;max-width:50%;float:right;height:100%;}
.dfib-slider .side-item-top, .dfib-slider .side-item-bottom {height:50%;}
.dfib-slider .side-item-100 {width:100%;max-width:100%;float:left;}

.dfib-item-wrap {border:4px solid #fff;}
.dark .dfib-item-wrap {border-color:transparent;}

.dfib-slider .dfib-item-a {height:100%;position:relative;}
.dfib-slider .dfib-item-b {position:relative;height:50%;}
.dfib-slider .dfib-item-c, .dfib-item-d {float:left;height:100%;position:relative;}
.dfib-slide {height:100%;width:100%;}
.dfib-item {height:100%;background-position: 50% 50%!important;}

/* navigation dots */
.dfib-nav {position:absolute;bottom:-40px;width:100%;text-align:center;}
.dfib-nav a{width: 10px; height:10px; background: #555; border-radius: 5px;display:inline-block;margin: 5px;text-indent:-10000px;}
.dfib-nav a.activeSlide {background: #999;}

/* arrows - prev/next */
.dfib-arrow-nav {position:absolute; width:100%; top: 45%;display:none;}
.dfib-arrow-nav a{width: 30px; height:30px;position:absolute;font-size: 50px; font-weight:500;}
 a.dfib-prev {left:15px;}
 a.dfib-next {right:0;}

/*caption and caption elements */
.dfib-caption {height:100%;width:100%;position:absolute;
background: url(graphics/design/80perblack.png);
background: rgba(0,0,0,.5);
display:none;
overflow:hidden;
color:#ddd;
z-index:2;
}
.dfib-caption-left {padding: 20px 90px 20px 20px;}
.dfib-item-a .dfib-item-title {font-size: 22px;}
span.dfib-item-title {position:absolute;bottom:0;font-size: 18px; color:#fff!important; font-weight:900; text-shadow: 2px 2px black;padding:0px 10px 10px 10px;}
a.dfib-item-title2 {font-size: 18px; color:#fff!important; font-weight:900; text-shadow: 2px 2px black;padding:0px 0px 10px 0px;}
.dfib-item-wrap >div {height:100%;}
.dfib-item {box-shadow: inset 0 0 10px #000;position:absolute;z-index:1}
.dfib-item-a .dfib-item-title {font-size: 22px;}

/* loading indicator */
.dfib-loading {width:100%;height:100%;position:absolute;z-index:0;}
.dfib-loading i {position:absolute;top:45%;left:45%;font-size: 30px; color: rgba(255,255,255,.4);}

/* date element */
.dfib-date-box {width:auto;text-align:center;position:absolute;top:0px;right:8px;border-bottom: inset 6px rgba(255,255,255,.4);z-index:4;
-webkit-box-shadow: 0 10px 6px -6px rgba(0,0,0,0.2);
-moz-box-shadow: 0 10px 6px -6px rgba(0,0,0,0.2);
box-shadow: 0 10px 6px -6px rgba(0,0,0,0.2);}
.dfib-date-box div {padding:10px;width:100%;position:relative;}
.dfib-month {display:block;font-size: 14px;color:#fff;font-weight:bold;;}
.dfib-day {display:block;font-size: 22px;font-weight:900;color:#fff;}

/*events specific*/
#events-featured .dfib-icon-link {font-size: 20px; color: rgba(255,255,255,.6)!important;position:absolute; bottom: 10px; left: 20px;}
#events-featured .dfib-icon-link:hover {color:#fff!important;}
#events-featured .dfib-item-a .dfib-icon-link {font-size:35px; bottom: 20px;}

/*blog specific*/
#blog-featured .dfib-icon-link {display:none;font-size: 25px; color:#fff!important;}
#blog-featured .dfib-icon-count {color: #fff!important;background: #000;padding:0 6px;}

/*news specific*/
#news-featured .dfib-icon-link  {font-size: 20px; color: rgba(255,255,255,.6)!important;position:absolute; bottom: 10px; left: 20px;}
#news-featured .dfib-icon-link:hover {color:#fff!important;}

/*------- end dfib Slider --------*/



/* --------------------------------
Blog Page Header with Image & Title
--------------------------------- */
/* Requires custom javascript found in detail layout, as well as fullwidth header div */
.blogHead-frame {height:400px; position:relative;overflow:hidden;}
#mobile .blogHead-frame {height: 200px;}
.blogHead {position:relative; width:110%; height:110%;}
.blogHeadTitle {height:400px;}
#mobile .blogHeadTitle {height:200px;}
.blogHeadTitle .title {display:none;position:absolute;bottom:0;font-size: 55px; color:#fff;background: rgba(0,0,0,.5); padding:8px 20px; margin:0;}
#mobile .blogHeadTitle .title {font-size: 25px; }
/*************************************/

span.strong {font-weight: bold;}
.bucks-container {max-width: 1000px;width: 100%;}
.zbucks-bar {position: relative;text-align: center;width: 100%;background: #8d208a;}
.bucks-container {max-width: 1000px;width: 100%;display: inline-block;text-align: right;}
.bucks-container p {margin: 4px;color:white;}
.bucks-container a {color:white!important;text-decoration:underline;}


/**************************************
*       SOCIAL MEDIA ICONS
**************************************/


#social-icon-wrapper {
position: fixed;
right: 0px;
top: 99px;
z-index: 1000;
width: 50px;
padding: 10px;
}

#mobile #social-icon-wrapper {
bottom: 0px;
top: auto;
z-index: 1000;
width: 100%;
background: #eee;
height: 45px;
}

#mobile #social-icon-wrapper img {
    height: 30px;
    margin: 0 5px;
}

/* ModuleBegin::broadcastemail */
.enewsWrapper div { }
.enewsWrapper span { display: block; }
.enewsText { }
.enewsEmail { }
/* ModuleEnd::broadcastemail */

.zoombox_container {overflow: visible !important;}


.percent-100-wrapper {
  background: none repeat scroll 0 0 #233195;
  height: 124px;
  border-bottom: solid 4px #5569ef;
  box-shadow: 0px 7px 12px -8px #222;
}

.percent-100-wrapper .container{
    width:100%;
    background: none repeat scroll 0 0 #233195;
}

.nav-container{
    width:1170px;
    margin-left:auto;
    margin-right:auto;
}

.container {
    padding-left:0px!important;
    padding-right: 0px !important;
}

.footer_wrapper .container {
    padding-left:15px!important;
}

.cal_container {
    padding-right:50px;
    padding-left:20px;
}

.home_events_lister{
    padding-left:30px;
    padding-right:50px;
}

.ifooter{
    color:#ffffff;
    letter-spacing:2px;
}

.ifooter-menu{
    margin-top:6px;
}

.ifooter-right{
    background-color:#4a5bd5;
    height:160px;
    border-radius:10px;
    -webkit-box-shadow:inset 0 0 24px 1px #283793;
    box-shadow:inset 0 0 24px 1px #283793;
    margin-left:20px;
}

.iprefootertext{
    float:left;
    width:75%;
    padding-top:10px;
    color:#849ef3;
    line-height:30px;
}

.newsimage{
    float:left;
    width:240px;
    height:auto;
    margin-top:20px;
}

.section{
    padding-top:30px;
    padding-bottom:30px;
}

.section .no1{
}

.section.no2{
    background-color:#141a50;
    -webkit-box-shadow:inset 0 0 30px 2px #040937;
    box-shadow:inset 0 0 30px 2px #040937;
}

.section.no2 .container{
    width:860px;
}

.section.no3{
    background-color:#212c97;
    -webkit-box-shadow:inset 0 0 30px 2px #131851;
    box-shadow:inset 0 0 30px 2px #131851;
}
.section.no3 a{
    color:#ffffff;
}
.section.no3 .hb_item_description{
    color:#9aa3e8;
}

/* Home Testimonials Lister */
.section.no4{background-color:#ffffff;}
.testimonials-heading {text-align: center; color: #10133c !important;}
.testimonial-single {background: #fff; padding: 7px; margin-bottom: 22px;}
@media (min-width: 768px) {
     .testimonial-single {margin-right: 2%; width: 48%; height: 173px;}
}
.testimonials-img {height: 159px; overflow: hidden; padding-left: 0px; text-align: center; position: relative;}
.testimonials-img img {max-width: none; max-height: 100%; position: absolute; top:-100%; left: -100%; right: -100%; bottom:-100%; margin: auto;}
.testimonial-text {padding: 10px 15px; position: relative;}
.testimonial-text h2 {margin-bottom: 6px; color: #810578;}
.testimonial-text a {position: absolute; top: 129px; color: #8D208A;}
.testimonial-text a:hover {color: #253593;}
.testimonials-view-all {text-align: center; display: block; font-size: 20px;}
.testimonial-editor-text {overflow: hidden; height: 81px;}
.testimonial-editor-text p {font-size: 14px; line-height: 1.2; color: #151c4f;}

/* Testimonials Lister */
.testimonials-heading-lister {text-align: center; color: #10133c !important; font-size: 40px; margin-bottom: 35px;}
.staff_testimonialsModuleLister {background: #fff; overflow: hidden; padding-top: 20px;}
.staff_testimonialsModuleLister hr {clear: both;}
.testimonials-lister-container {width: 100%;}
.testimonial-single-lister {margin-bottom: 20px;}
.testimonial-text-lister {padding: 35px 15px; position: relative;}
.testimonial-text-lister h2 {margin-bottom: 14px; color: #810578;}
.testimonial-text-lister a {position: absolute; top: 189px; color: #8D208A; font-size: 18px;}
.testimonial-text-lister a:hover {color: #253593;}
.testimonial-editor-text-lister {overflow: hidden; height: 96px;}

/* Testimonials Detail Page */
.staff_testimonialsModule.moduleDetail {background:#fff; overflow:hidden; padding-top: 20px;}
.testimonial-editor-text-detail {overflow: visible;}


.section.no5 .container{
    width:860px;
}
.section.no5 h3{
   text-align:center;
}

.section.no5{
    background-color:#212b98;
        -webkit-box-shadow:inset 0 0 30px 2px #131851;
    box-shadow:inset 0 0 30px 2px #131851;
}

.section.no6 h3{
    color:#ffffff;
    text-align:center;
}

.section.no6 .listerItem{
    clear:none;
    color:#99a2d3;
    text-align:center;
}

.section.no8{
    background-color:#122073;
    margin-top:90px;
}

.section.no9{
    background-color:#5569da;
    -webkit-box-shadow:inset 0 0 25px 1px #4859c4;
box-shadow:inset 0 0 25px 1px #4859c4;
}

.ihome.page h1.title {
    display:none;
}


.isub.page h1.title {
    display:none;
}

.isub.page .main_content_container{
    padding-right:24px;
}

.isub.page .webpagesModule{
    background-color:#fff;
    padding:20px;
    padding-bottom:120px;
}

.isub.page #middle.row{
    margin-right:0px;
    margin-top:24px;
}

.isub.page .ifooter{
    background-color:#5569DA;
    padding-top:30px;
    padding-bottom:10px;
}
.isub.page .iprefooter{
    padding-left:5%;
    padding-right:5%;
}
.isub.page .iprefootertext{
    padding-top:15px;
    padding-bottom:15px;
}

.outer_bottom.col-xs-12{
    padding-right:0px!important;
}

.outer_bottom.col-xs-12.num1of2{
    background-color:#122073;
}

.servicesGraphics{
    width:100%;
    clear:both;
}

.services_image{
}

.services_description{
    
}

.servicesModule{
    background-color:#fff;
    padding:20px;
    padding-bottom:80px;
}

.locationscontainer{
    background-color:#fff;
    padding:20px;
    padding-bottom:60px;
}

.locationscontainer .row{
    margin-right:none!important;
    padding-left:20px;
    padding-right:20px;
}

.locationscontainer .child{
    font-size:.8em;
    line-height:1em;
    margin-bottom:20px;
}

.location-item{
    margin-bottom:30px;
}

.testimonialscontainer{
    background-color:#fff;
    padding:20px;
}

.eventscontainer{
    background-color:#fff;
}

.socialmediaintranet_container{
    padding:20px;
    background-color:#fff;
}

.commonquestionscontainer{
    background-color:#fff;
    padding:20px;
    line-height:24px;
}

.commonquestionscontainer .answer{
    padding-left:30px;
    margin-bottom:20px;
}

.employeedirectorycontainer{
    background-color:#fff;
    padding:20px;
    line-height:14px;
    padding-bottom:80px;
}

.employeedirectorycontainer h2{
    margin-bottom:2px;
}

.employeedirectorycontainer h4{
    font-size:1em;
    color:#999;
}

.employeedirectorycontainer .listerItem{
    padding-bottom:6px;
}

.isub.page .testimonialscontainer .listerItem{
    clear:none;
    border:none;
    text-align:center;
    margin-bottom:45px;
    height:80%;
}

.isub.page .membershipModule{
    background-color:#ffffff;
    padding:20px;
}

.bloglister{
    margin:auto;
    padding-bottom:80px;
}

.bloglister .thumbnail{
    width:100%!important;
    background-color:transparent!important;
    border:none!important;
}

.jen{
    background-image: url("graphics/intranet/bg_jen.png"); background-repeat: no-repeat; background-position: 140px 12px;
}

.jen .col-md-7{
    padding-left:46px;
}

.ileftnav-accordion-menu ul a.first{
    background-color:#8D208A;
    color:#ffffff;
}

.znet-banner img{
    height:auto!important;
}

.znet-banner .col-xs-6 img{
    margin-bottom:20px;
}

.testimonialscontainer img{
    width:155px;
    height:auto;
}

.testimonialshome img{
    width:155px;
    height:auto;
}

.fb-like-box{
    background:#fff;
}

.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {
min-width: 100% !important;
width: 100% !important;
}

#branding ul li {display:inline-block;min-width: 30%;max-width: 45%;}
#branding ul {margin-left:0; text-align:center;}

@media only screen and (min-width: 40.063em) {
    .mvv-border {border-right:1px solid #ccc; min-height: 120px; padding-bottom: 15px;}
    .mvv {min-height: 120px; padding-bottom: 15px;}
}

@media screen and (max-width: 1300px) {
    .ileftnav-accordion-menu ul  {
        width:100%!important;
    }
}

@media screen and (max-width: 1187px) {
    .jen {
        background-position:100px 12px;
    }
}

@media screen and (max-width: 1070px) {
    .jen{
        background-image:none;
    }
    .navbar-nav {
        float:none!important;
        margin-left:200px;
    }
}

@media screen and (max-width: 1060px) {
    .jen{
        background-image:none;
    }
    .section.no5 .container {
        width:90%!important;
    }
    .section.no3 .hb_item_description{
        display:none;
    }
}

@media screen and (max-width: 970px) {
    .isub .ileftnav-accordion-menu ul  {
        width:105%!important;
        margin-top:20px;
    }
    .navbar-nav {
        font-size:12px!important;
    }
    .navbar-nav > li{
        padding-left:3px!important;
        padding-right:3px!important;
    }
    .section.no2 .container{
    width:90%!important;
    }
    .calcontainer{
        padding-left:20px;
        padding-right:20px;
    }
    #employee-directory-titles{
        display:none;
    }
}

@media screen and (max-width:1000px){
    .isub .ileftnav-accordion-menu ul > li > a{
        font-size:12px!important;
    }
}