/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
/*ol, ul {
	list-style: none;
}
*/
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

b,strong {font-weight:bold;}

ul li {list-style-type:disc;  list-style-position: outside;}

a, a:visited {text-decoration:none;}

#editAnywhere {display:none;}
a:hover, a:focus {text-decoration:none!important;outline:0;}

/* 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 { 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 */


.photoRight {float:right;margin-left:20px;}
.photoLeft {float:left;margin-right:20px;}




/*STYLES FOR EDITOR*/




body {font-size: 16px;line-height:1.75em;font-family: 'Open Sans';font-weight:300;padding:0;margin:0;overflow-x:hidden; background:#fff;}
#editAnywhere {display:none;}

h1 {font-family:'Quicksand';font-size:55px;font-weight:300;line-height:1.15em;margin-bottom;20px}
h2 {font-family:'Quicksand';font-size:40px;font-weight:300;text-transform:uppercase;line-height:1.15em;margin:20px 0;}
h3 {font-family:'Quicksand';font-size:30px;font-weight:500;text-transform:uppercase;line-height:1.15em;}
h4 {font-size:22px;}

p {margin: 1em 0;}

img {max-width:100%;}

table.barred tr:nth-child(even) {background: #f9f9f9}
table.barred td {padding:4px 10px;}

blockquote {
  background: #f9f9f9;
  border-left: 10px solid #ccc;
  margin: 1.5em 10px;
  padding: 0.5em 10px;
  quotes: "201C""201D""2018""2019";
}
blockquote:before {
  color: #ccc;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}
blockquote p {
  display: inline;
}





/**********************                       *****************************
*********************** GENERAL MODULE STYLES *****************************
***********************                       ****************************/
.moduleDetail {}
.moduleLister {}
div.listerItem { clear: both; margin: 1.0em 0 1.5em 0; padding-bottom: 1.5em; }
div.listerItem:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

    .label { font-weight: bold; margin-right:10px; color:inherit; }
    .description {}
    .blurb {}
    .thumbnail {}
    .date {}
	.time {}
    .filter {float:right;}
    .imageLink {float:left;}
    .tags {}

.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; }
#result { font-weight: bold; color: #f00; display: inline-block; }

/* End General Module Styles */


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

.responsiveForm tr td {
  display: block;
}

fieldset.radio label {
  width: 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 {
    
}
input[type="checkbox"], input[type="radio"], input[type="submit"] {width:auto; box-shadow:none;}
input.button {margin-right:0;margin-top:3px;}

/* end Form Elements */


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

/* 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 {}
.attendeeLister .itemList {
    padding-left: 2em;
    margin-left: -2em;
}
.attendeeLister .itemList[data-ismember="yes"] {
    background: transparent url('graphics/design/cc_logo_status.png') 0 6px no-repeat;
}
.attendeeLister .time {
    padding-bottom: 1em;
}
/* ---------------
Events Detail
----------------- */
.eventsModule.moduleDetail {}
	.eventsModule .date {}
	.eventsModule .label {}
	.eventsModule .time {}
	.eventsModule .location { margin: 1em 0; }
	.eventsModule .map {}
	.eventsModule .address {}
	.eventsModule .directions {}
	.eventsModule .contactInfo {}
	.eventsModule .name {}
	.eventsModule .phone {}
	.eventsModule .email {}
	.eventsModule .rsvp {}
	.eventsModule .ticketsWrapper {}
	.eventsModule .ticket {}
	.eventsModule .description {}
	.eventsModule .utilityLinks {}
    .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 Small Calendar
------------------------ */
#ajx-minical-frame {margin-bottom: 20px;}
#ajx-minical-frame .listerItem {margin:0;float:left;width:100%;clear:none;}
#ajx-minical-frame h2 {margin:5px 0;}
#ajx-minical-frame h1 {display:none;}
#ajx-minical-frame .calendarSmallWrapper { font-size: 12px; background: transparent; }
#ajx-minical-frame .cal { float:left; width:100%; position:relative;text-align: center; margin-left: auto; margin-right: auto; background: rgba(255,255,255,.5);padding: 10px;border-radius:6px;}
#ajx-minical-frame .calPrev { position: absolute; top: 4px; left: 15px;z-index:2; }
#ajx-minical-frame .calNext { position: absolute; top: 4px; right: 15px; }
#ajx-minical-frame .calPrev a:hover, .calNext a:hover {color:#000;}
#ajx-minical-frame .calMonth { position: relative; top: 0; left: 0; text-align: center; font-weight: bold; margin-left: 20px; margin-right: 20px; }
#ajx-minical-frame .calPrev a, .calNext a, .calMonth a { text-decoration: none; }
#ajx-minical-frame .calPrev a:hover, .calNext a:hover, .calMonth a:hover { text-decoration: none; }
#ajx-minical-frame .calGrid { margin-top: 10px; clear: both; width: 100%; text-align: center; margin-left: auto; margin-right: auto; }
#ajx-minical-frame .calGrid td { font-size: 8pt; padding:6px 0; text-align: center;border-bottom: 1px solid #ddd;}
#ajx-minical-frame .calGrid td.haslink:hover, .calGrid td:hover > a {background: #efefef; color: #000;}
#ajx-minical-frame .calWeek td {background: none; border: 0;}
#ajx-minical-frame .calGrid tr.calWeek { font-weight: bold; text-align: center; }
#ajx-minical-frame .calDayOn a { font-weight: bold; text-decoration: none; }
#ajx-minical-frame .calDayOn a:hover { text-decoration: none; }
#ajx-minical-frame .calGrid td.calTodayOff, .calGrid td.calTodayOn { background-color: #00A1B1; color: #000; font-weight: bold; }
#ajx-minical-frame .calGrid td.calTodayOn a { text-decoration: underline; font-weight: bold; color:#fff; }
#ajx-minical-frame .calBottom { text-align: left; margin-top: 10px; }
#ajx-minical-frame .calMonthGlance { padding: 0; float:left;}
#ajx-minical-frame .calBottom a {  }


/*Ajax Event Hover Stuff */
#ajx-minical-frame .thedaysevents { -moz-border-radius:4px; border-radius:8px;-webkit-border-radius:8px;
padding: 10px;width: 350px; height: auto; position:absolute; bottom:24px;left: -90px;
background: url(graphics/design/80perblack.png);background: #000; background: rgba(0, 0, 0, 0.8);z-index:90;
}
#ajx-minical-frame .thedaysevents * {font-size: 11px;font-weight:normal; font-family: 'Droid Sans', sans-serif;color: #fff;text-align:left;line-height: 1.4em;}
#ajx-minical-frame .thedaysevents .blurb {display:none;}
#ajx-minical-frame .thedaysevents h1 {border-bottom: 1px solid #ddd; margin-bottom: 4px; font-size: 13px;font-weight:bold;}
#ajx-minical-frame .thedaysevents .itemList {margin-bottom: 4px;padding-bottom:0!important;}

#ajx-minical-frame .thedaysevents.light {background: #fff; background: url(graphics/design/80perblack.png);
background: rgba(255, 255, 255, 0.9); border: 1px solid #ddd;}
#ajx-minical-frame .thedaysevents.light * {color: #666;}
#ajx-minical-frame .thedaysevents.light h1 {color: #333;}

 
/* ----------------------
Events Month at a Glance
------------------------ */
#calendarDetail {margin-top: 7px; ; padding-bottom: 30px; 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%; }
#calendarDetail .calendarDays td { background:none; border-bottom:1px solid rgba(0,0,0,.05); }
#calendarDetail .calendarDays .title { font-size: medium; font-weight: bold; color: #fff; padding: 10px 0px 10px 0px; background: #333; }
#calendarDetail .calendarDays .prevLink, #calendarDetail .calendarDays .nextLink { background: #333; 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: #E8E8E8; }
#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(0,0,0,.05); 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; }
form.ajaxSubmitted { opacity:0.5; pointerEvents:none; background: no-repeat center url('graphics/design/loading_balls.gif') }
.eventTicketTypeTitle { padding: 15px 10px 0; font-weight:bold; }
tr.repeatSection.first>td { padding-top:15px; }
tr.repeatSection>td { vertical-align:middle; }
input.ticketQtyInput { width:60px; }

/* ModuleEnd::events */


/* ModuleBegin::blog */
/*******************************      ******************************************
******************************** BLOG ******************************************
********************************      *****************************************/
.blogModule {}
.blogModule .info {margin-bottom: 20px; }
.blogModule .author {}
.blogModule .date {}
.blogModule .thumbnail img { width:350px; max-width:100%; }
.blogModule .tags {} 
.blogModule .thumbnail {}

/* ---------------
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 {}
.blogModule.moduleDetail .thumbnail {float: right; margin-left: 10px; margin-bottom: 10px;}

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

/* ---------------
Comments Module
----------------- */

.commentsModule.moduleLister {clear:both;}
.commentsModule.listerItem {}
.commentsModule.moduleLister .private {}
.commentsModule.moduleLister .info {}
.commentsModule.moduleLister .date {}
.commentsModule.moduleLister .author { font-size:smaller; font-style:italic; }
.commentsModule.moduleLister .commentText {}
.commentsWrapper { clear:both; }
/* 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 */
/*******************************      ******************************************
******************************** NEWS ******************************************
********************************      *****************************************/
.newsModule {}
.newsModule .info {}
.newsModule .date {}
.newsModule .author {}
.newsModule .copyright {}

/* ---------------
News Lister
----------------- */
.newsModule.moduleLister {}
.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 { }
.membershipModule .companyInfo .name {}
.membershipModule .companyInfo .jobTitle {}
.membershipModule .address { }
.membershipModule .contactInfo {  }
.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 {}

#shoppingOption1 { display:none; }
.productsModule .price
, .productsModule .cartAddForm { display:inline-block; margin-right:1em; }
.productsModule .cart_add_qty
, .productsModule .cart_add_submit
, .productsModule .cart_add_select { display:inline-block; }

.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;}
.miniCa /* looks like this got truncated, but there is no complete version */



#groups {}
table#group_sales_table { width: 100%; border: 2px solid #0063A8; border-collapse: collapse; border-radius: 2px; border-spacing:0px; padding:0px; margin: 0 0 12px;}
table#group_sales_table tr {}
table#group_sales_table th { background: #0063A8; color: #fff; text-align: left; padding: 4px 6px;}
table#group_sales_table td { border: 1px solid #eee; text-align: left; padding: 4px 6px;}
table#group_sales_table tr:nth-child(odd) td { background: rgba(0,0,0,0.08);}
table#group_sales_table th:last-child, table#group_sales_table th:last-child {text-align: right;}

/* EDC Reporting Data Reports */

/* Absolute Center Spinner */
.loading {
  display: none;
  position: fixed;
  z-index: 999;
  height: 2em;
  width: 2em;
  overflow: show;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

/* Transparent Overlay */
.loading:before {
  content: '';
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,91,181,0.3);
}

/* :not(:required) hides these rules from IE9 and below */
.loading:not(:required) {
  /* hide "loading..." text */
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.loading:not(:required):after {
  content: '';
  display: block;
  font-size: 10px;
  width: 1em;
  height: 1em;
  margin-top: -0.5em;
  -webkit-animation: spinner 1500ms infinite linear;
  -moz-animation: spinner 1500ms infinite linear;
  -ms-animation: spinner 1500ms infinite linear;
  -o-animation: spinner 1500ms infinite linear;
  animation: spinner 1500ms infinite linear;
  border-radius: 0.5em;
  -webkit-box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
  box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) -1.5em 0 0 0, rgba(0, 0, 0, 0.75) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
}

/* Animation */

@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

#data { display: none; } 
#ajax_data_js { display: none !important; }

.debug_message { color: #ff0000; }
.jsondata { border: 1px solid #eee; margin: 5px 0 0 0; padding: 10px; box-sizing: border-box; }

#pie_charts .companies, #pie_charts .jobs_landed, #pie_charts .sq_ft_landed, #pie_charts .capital_investment_landed, #pie_charts .facility_type, #pie_charts .sources, #pie_charts .developers, #pie_charts .countries, #pie_charts .companies { width: 80%; margin: 0 auto; padding: 0; }
#pie_charts .ct-label { fill: rgba(0, 0, 0, 1); font-family: Arial, sans-serif, sans; }
#pie_charts .contianer { position: relative; width: 90%; display: inline-block; margin: 0 auto; padding: 0; }
#pie_charts .row { width: 100%; display: inline-block; position: relative; margin: 40px 0 40px 0; padding: 10px; }
#pie_charts .row:first-child { margin-top: 0; }
#pie_charts .row:after { clear: both; }
#pie_charts .graph { width: 50%; float: left; margin: 0; padding: 0; }
#pie_charts .ct-label { fill: rgba(0, 0, 0, 1); font-family: Arial, sans-serif, sans; }
#pie_charts h1 { font-family: Arial, sans-serif, sans; font-size: 46px; font-weight: normal; color: #333; text-align: center; }
#pie_charts h2 { font-size: 36px; text-align: center; }
#pie_charts #report-generate-js:before { content: ""; clear: both; }
#pie_charts #report-generated-js { display: none; width: 100%; padding: 5px; }
#pie_charts .red { color: #ff0000; }
#pie_charts #build-report-js, #pie_charts #reset-reports-js { display: none; }

@media print {
    #pie_charts .container { width: 60%; }
    #pie_charts .graph { width: 100%; }
    #pie_charts .row { margin: 0 0 100px 0; }
}
.quarter-selector { font-weight: 900; padding: 5px; margin: 0 10px 0 0; }
.quarter-selector label { margin: 0 5px 0 0; padding: 0; }
.quarter-selector label:after { content:':'; }
#companies_legend ul, #jobs_landed_legend ul, #sq_ft_landed_legend ul, #capital_investment_landed_legend ul, #sources_legend ul, #facility_type_legend ul, #developers_legend ul, #countries_legend ul, #companies_legend ul { list-style-type: none; display: flex; flex-direction: column; font-size: 14px; line-height: 1.2em; margin: 30px 0 0 0; padding: 0; }
#companies_legend li, #jobs_landed_legend li, #sq_ft_landed_legend li, #capital_investment_landed_legend li, #sources_legend li, #facility_type_legend li, #developers_legend li, #countries_legend li, #companies_legend li { display: flex; flex-direction: row; margin: 10px 0 0 0; }
#companies_legend li:first-child, #jobs_landed_legend li:first-child, #sq_ft_landed_legend:first-child, #capital_investment_landed_legend li:first-child, #sources_legend:first-child, #facility_type_legend:first-child, #developers_legend:first-child, #countries_legend:first-child, #companies_legend:first-child { margin-top: 0; }
.legend_box { width: 50px; height: 15px; display: block; margin: 0 5px 0 0; padding: 0; }

#chart_builder { display: flex; flex-direction: row; }