
/*------------------------------------------------------------------------
# Soapbox Engage -> Style CSS (v1.0.0)
# ------------------------------------------------------------------------
# Copyright (C) 2011 PICNet, Inc. All Rights Reserved.
# Author: Ryan Belisle
# Website:  http://www.picnet.net
-------------------------------------------------------------------------*/

/* ------------------------------------------------------------------------
/* ------------------------------------------------------------------------
/* !LAYOUT */
/* ----------------------------------------------------------------------*/
/* ----------------------------------------------------------------------*/

/* ------------------------------------------------------------------------
/* !LAYOUT: Body */
/* ----------------------------------------------------------------------*/
body						{ color: #444; background: #ddd; }

/* !Printable page & Mailto Page Popups */
body.contentpane			{ color: #444; background: #fff; }

/* !Modal Pane Popups */
body.modalpane				{ color: #444; background-color: #fff; }

/* !Table */
th						{}
td,div					{}


/* ------------------------------------------------------------------------
/* !LAYOUT: Containers */
/* ----------------------------------------------------------------------*/
#wrapper					{}

#main					{ background: #fff; }
#main #content				{ padding: 30px 30px 30px 30px; }


/* ------------------------------------------------------------------------
/* !LAYOUT: Header */
/* ----------------------------------------------------------------------*/
#header					{ background: #555; }
#logo					{ display: block; margin: 0px; }


/* ------------------------------------------------------------------------
/* !LAYOUT: Footer */
/* ----------------------------------------------------------------------*/
#footer					{ color: #666; position: relative; text-align: center; padding: 10px 0px; clear: both; }










/* ------------------------------------------------------------------------
/* ------------------------------------------------------------------------
/* ------------------------------------------------------------------------
/* ------------------------------------------------------------------------
/* ------------------------------------------------------------------------
/* ------------------------------------------------------------------------
/* !QUICK STYLES */
/* ----------------------------------------------------------------------*/
/* ----------------------------------------------------------------------*/
/* !Component Heading */
h1.componentheading,
.item-header h1.title								{ color: #000; border-bottom: 1px solid #000; }
h1.componentheading	span.subheading					{ color: #000; }

/* !Article Heading */
.article-title										{}
.article-title h2.contentheading						{ color: #000; }
.article-title h2.contentheading a,
.article-title h2.contentheading a:active,
.article-title h2.contentheading a:visited				{}
.article-title h2.contentheading a:hover				{}
.article-title h2.contentheading span.subheading			{}
.article-title h2.chBtns-icons						{}
.article-title h2.chBtns-text							{}
.article-title h2.chBtns-none							{}
.article-title .buttonheading 						{}
.article-title .buttonheading img						{}
.article-title .buttonheading span						{}
.article-title .bhBtns-icons span.btn					{}
.article-title .bhBtns-text span.btn					{}

/* !Article Meta */
.article-meta-wrap,
div.metadata,
.dn-meta,
.item-meta										{ color: #888; }

.article-meta-wrap,
div.metadata,
span.small										{}

.article-meta-content								{}
.article-meta-content span							{}

.article-meta-content span strong,
div.metadata span.author-name,
span.title span.count,
span.small strong,
.item-meta strong									{ color: #888; }
.article-meta-content span.title						{}

/* !Article Meta: Setup for just top portion and bottom */
.metaTop											{}
.metaBot											{}

/* !Article Content */
.article-content 									{}
.article-content img								{}

/* !Separators */
span.article_separator								{height: 0em;}
span.afterdisplay_separator							{}

/* !Before and After Wrappers */
.article-beforecontent								{}
.article-aftercontent								{ border-color: #f2f2f2; }

/* !Table of Contents */
table.contenttoc 									{}
table.contenttoc a 									{}
table.contenttoc td 								{}
table.contenttoc th 								{ border-color: #f2f2f2; }
table.contenttoc a.active							{}

/* !Blog Table */
table.blog tr td div.contentpaneopen					{}
table.blog tr td.article_column 						{}
table.blog tr td.column_separator 						{}
table.blog span.article_separator						{}
table.blog h2.contentheading							{}
table.blog h2.contentheading a,
table.blog h2.contentheading a:active,
table.blog h2.contentheading a:visited 					{}
table.blog h2.contentheading a:hover					{}
table.blog .article-title							{}
table.blog .article-title .buttonheading 				{}
table.blog .article-title .buttonheading img				{}
table.blog .article-title .buttonheading span			{}
table.blog .article-content 							{}
table.blog .article-content p							{}
table.blog .article-content img						{}

/* !Blog More */
.compBlogMore-wrap									{ border-color: #f2f2f2; }
.compBlogMore-content								{}

/* !Read On Button */
a.readon,
a.readon:active,
a.readon:visited									{}
a.readon:hover										{}

/* !Back Button */
.back_button a,
.back_button a:active,
.back_button a:visited								{}
.back_button a:hover								{}

/* !Results Table */
table.resultsTBL caption								{ color: #000; border-color: #ddd; }
table.resultsTBL thead th							{ color: #fff; background: #3d3630; }
table.resultsTBL thead th a							{ color: #fff; }
table.resultsTBL thead th a:hover						{}
table.resultsTBL .row1 td,
table.resultsTBL .odd td								{ background: #f6f6f6; border-color: #ddd; }
table.resultsTBL .row2 td,
table.resultsTBL .even td							{ background: #f6f6f6; border-color: #ddd; }
table.resultsTBL tfoot td							{ background: #ddd; }
.resultsTBL-foot									{ background: #f2f2f2; border-bottom: 2px solid #ddd; }
.resultsTBL-foot .foot-total strong					{ color: #000; } 
table.resultsTBL tr.rowTitle1 td						{ background: #f6f6f6; }
table.resultsTBL tr.rowTitle2 td						{ background: #f6f6f6; }

/* !Results Table: Manage Links */
a.mngViewLink										{}
a.mngEditLink										{}
a.mngRemoveLink									{}

/* !Pager: List */
ul.pagination 										{ border-color: #ddd; }
ul.pagination li 									{}
ul.pagination li span								{}
ul.pagination li.prevPage,
ul.pagination li.prevPageOff,
ul.pagination li.nextPage,
ul.pagination li.nextPageOff							{}
ul.pagination a,
ul.pagination a:active,
ul.pagination a:visited								{}
ul.pagination a:hover 								{}

/* !Poll Table Bars */
.polls_color_1 									{}
.polls_color_2 									{}
.polls_color_3 									{}
.polls_color_4 									{}
.polls_color_5 									{}

/* !Section Containers */	
.compSect-wrap										{}
.compSect-title									{}
.compSect-title a,
.compSect-title a:active,
.compSect-title a:visited							{}
.compSect-title a:hover 								{}
.compSect-title h3									{}
.compSect-title h3 span								{}
.compSect-title h3 span.sub							{ color: #999; font-size: .8em; }
.compSect-title-link h3								{}
.compSect-title-link h3 a,							{}
.compSect-title-link h3 a:active,						{}
.compSect-title-link h3 a:visited						{}
.compSect-title-link h3 a:hover						{}
.compSect-contentwrap								{}
.compSect-contentwrap fieldset						{}
.compSect-content									{}
.compSectBtns-wrap									{}
.compSectBtns-contentwrap							{}
.compSectBtns-content								{}

/* !Section Internal Containers */	
.compSectInt-wrap									{}
.compSectInt-title									{}
.compSectInt-title a,
.compSectInt-title a:active,
.compSectInt-title a:visited							{}
.compSectInt-title a:hover 							{}
.compSectInt-title h3								{}
.compSectInt-title h3 span							{}
.compSectInt-title h3 span.sub						{}
.compSectInt-title-link h3							{}
.compSectInt-title-link h3 a,							
.compSectInt-title-link h3 a:active,					
.compSectInt-title-link h3 a:visited					{}
.compSectInt-title-link h3 a:hover						{}
.compSectInt-contentwrap								{}
.compSectInt-contentwrap fieldset						{}
.compSectInt-content								{}

/* !Section Containers Content & Forms */
.compSect-content label.desc							{}
.compSect-content label.descLrg						{}
.compSect-content label.desc span.subLBL				{}
ul.compList label.choice,
ul.compList li div label,
ul.compList li span label,
.compSect-content label.choice,
.compSect-content li div label,
.compSect-content li span label						{ color: #666; }
.compSect-content li.section,
.compSect-content li.sectionInstruct,
.compSect-content li.border-top,
.section-content li.border-top						{ color: #666; border-color: #ccc; }
			
/* !Results Nav */
.compResNav-wrap									{}
.compResNav-content									{}
.compResNavPgr-wrap									{}
.compResNavCtr-wrap									{}

/* !Tool Bar */
.compToolBar-wrap									{ border-color: #000; }
.compToolBar-content								{}
.compToolBar-content ul								{}
.compToolBar-content ul li a,
.compToolBar-content ul li a:active,
.compToolBar-content ul li a:visited					{ background: #555; border-color: #555; color: #fff; }
.compToolBar-content ul li a:hover						{ background: #333; border-color: #333; color: #fff; }
.compToolBar-content ul li							{}
.compToolBar-content ul li.first						{}
.compToolBar-content ul li.last						{}
.compToolBar-content ul li.left						{}
.compToolBar-content ul li.right						{}
.compToolBar-content ul li.active a					{ background: #000; border-color: #000; color: #fff; }
.compToolBar-content ul li.disabled a					{ text-decoration: none; background: #f6f6f6; border-color: #f6f6f6; color: #ddd; }

/* !Nav Bar */
.compNavBar-wrap									{ border-color: #ddd; }
.compNavBar-content									{}
.compNavBar-content ul								{}
.compNavBar-content ul li							{}
.compNavBar-content ul li.first						{}
.compNavBar-content ul li.last a						{}
.compNavBar-content ul li.active a						{ color: #000; text-decoration: underline; }
.compNavBar-content ul li.disabled a					{ color: #ddd; text-decoration: none; }
.compNavBar-content ul li a							{ border-color: #ddd; }
.compNavBar-content ul li.left						{}
.compNavBar-content ul li.right						{}

/* !Sort Bar */
.compSortBar										{ border-color: #ddd; }

/* !Nav Bar: Specific Link Types */
a.nbPubLink										{}
a.nbUnpubLink										{}
a.nbRemoveLink										{}
a.nbBackLink										{}
a.nbEditLink										{}
a.nbNewLink										{}
a.nbViewLink										{}
a.nbExportLink										{}

/* !Title Bar */
.compTitleBar-wrap									{}
.compTitleBar-content								{}
.compTitleBar-content ul								{}
.compTitleBar-content ul li							{}
.compTitleBar-content ul li.first						{}
.compTitleBar-content ul li.last						{}
.compTitleBar-content ul li.last a						{}
.compTitleBar-content ul li.active a					{ color: #000; text-decoration: underline; }
.compTitleBar-content ul li.disabled a					{ color: #ddd; text-decoration: none; }
.compTitleBar-content ul li a							{ border-color: #ddd; }
.compTitleBar-content ul li.left						{}
.compTitleBar-content ul li.right						{}

/* !Title Bar: Specific Link Types */
a.cstPubLink										{}
a.cstUnpubLink										{}
a.cstRemoveLink									{}
a.cstBackLink										{}
a.cstditLink										{}
a.cstNewLink										{}
a.cstViewLink										{}
a.cstExportLink									{}

/* !Stats Box */	
.compBox-wrap										{ border-color: #ddd; }
.compBox-content									{}

/* !Captcha */
.compCaptcha-wrap									{ border-color: #ddd; background: #f6f6f6; }
.compCaptcha-content								{}

/* !Results Filter */	
.compResFilter-wrap									{}
.compResFilter-content								{}
.compResFilter-content label							{}
.compResFilter-content label.desc						{}

/* !Results Page Display Filter */
.compResPDFilter-wrap								{ color: #fff; background: #ddd; }
.compResPDFilter-content								{}
.compResPDFilter-content label.desc					{ color: #fff; }

/* !Content Rating */
.compConRating-wrap									{ color: #888; background: #f6f6f6; }
.compConRating-content								{}

/* !Form: Fields */
input.field.text, 
textarea.field, 
.inputbox,
.input-text, 
td.paramlist_value select {
	color: #000;
	font-family: Tahoma,Arial,Helvetica,sans-serif;
	border-color: #7c7c7c #c3c3c3 #ddd;
}

input.text,
input.field,
input.input-text,
input.textarea,
.btn,
.btn-primary {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

input.inputbox:hover,
input.inputbox:focus,
input.text:hover,
input.text:focus,
textarea.textarea:hover,
textarea.textarea:focus								{}

input.checkbox,
input.radio										{ color: #ddd; }

/* !Form: Main Button */
button.button										{ color: #ccc; background: #333 url(../images/button-bg.gif) repeat-x top; border: 1px solid #333; font-size: .9em; text-transform: uppercase; padding: 3px 5px; line-height: normal; margin-right: 5px; cursor: pointer; overflow: visible; width: auto; }
button.button:hover, 
button.button:focus									{ background: #333 url(none); }

a.buttonLink										{}

/* !Big Link and Options */
a.bigLink											{ text-decoration: none !important; }

span.linkOptions									{}
span.linkOptions a,
span.linkOptions a:visited,			
span.linkOptions a:active							{}
span.linkOptions a:hover								{}

/* !Flickr Album Plugin */
.gallery-flickr ul									{}
.gallery-flickr ul li								{}
.gallery-flickr ul li a								{}
.gallery-flickr ul li a:hover img						{ border-color: #333; }
.gallery-flickr ul li a img							{ border-color: #ddd; }
.gallery-flickr-link								{ font-weight: bold; }

/* !Item Actions */
div.item-actions									{}
div.item-actions div.ia								{}
a.ia-link,
a.ia-link:active,
a.ia-link:visited									{ color: #fff; background-color: #555; text-decoration: none; -moz-border-radius: 6px; -webkit-border-radius: 6px; }
a.ia-link:hover									{ color: #fff; background-color: #333; text-decoration: none; }
a.ia-link.active									{ background-color: #333; color: #ccc; }

/* !Modal Popups */
.modal-hdr										{ background-color: #92744c; }
.modal-title										{}
.modal-title h1.modaltitle							{}
.modal-toolbar										{}
.modal-toolbar button.button							{}
.modal-toolbar span									{}
.modal-content										{}

/* !Calendar Monthly Layout */
.cal-monthTBL th.cal-wdHead							{ color: #fff; border-color: #444; background: #444;  }
.cal-monthTBL tr.cal-weekHead,
.cal-monthTBL tr.cal-weekRow							{}
.cal-monthTBL td.cal-wd,
.cal-monthTBL td.cal-wdEmpty							{ border-color: #ddd; height: 110px; }
.cal-monthTBL td.cal-wd								{ color: #444; background-color: #f6f6f6; }
.cal-monthTBL td.cal-wdEmpty							{ color: #ddd; background-color: #f6f6f6; }
.cal-monthTBL td.cal-wd .cal-wdNum,
.cal-monthTBL td.cal-wdEmpty .cal-wdEmptyName			{}
.cal-monthTBL .cal-wdNum a							{ color: #444; }
.cal-monthTBL .cal-wdNum a:hover						{ color: #444; }
.cal-monthTBL .cal-today								{ background-color: #fff !important; }
.cal-monthTBL .cal-wdPopup							{ border-color: #ddd; background-color: #fff; }
.cal-monthTBL .cal-wdPopup .cal-num					{}
.cal-monthTBL .cal-closeBtn							{}
.cal-monthTBL .cal-event								{}
.cal-monthTBL .cal-eventSingle						{}
.cal-monthTBL .cal-eventTitle							{}
.cal-monthTBL .cal-eventDate							{ color: #999; }
.cal-monthTBL .meta-line								{ color: #444; }
.cal-monthTBL .cal-eventMultiStart,
.cal-monthTBL .cal-eventMultiMiddle,
.cal-monthTBL .cal-eventMultiEnd						{}
.cal-monthTBL .cal-eventMultiStart .cal-eventInfo,
.cal-monthTBL .cal-eventMultiMiddle .cal-eventInfo,
.cal-monthTBL .cal-eventMultiEnd .cal-eventInfo			{ background-color: #f6f6f6; }
.cal-monthTBL .cal-eventMultiStart						{}
.cal-monthTBL .cal-eventMultiEnd						{}

/* !Calendar Monthly Navigation */
.compCalMonthNav-wrap								{ border-color: #ccc; }
.compCalMonthNav-content								{}
.cal-monthNavTBL									{}
.cal-monthNavTBL .cal-year,
.cal-monthNavTBL .cal-month							{}
.cal-monthNavTBL em.arrow							{}
.cal-monthNavTBL a									{ text-decoration: none !important; }
.cal-monthNavTBL td									{}
.cal-monthNavTBL td.cal-navmonthPrev					{}
.cal-monthNavTBL td.cal-navmonthNext					{}
.cal-monthNavTBL td.cal-navthismonth					{}
.cal-monthNavTBL .cal-prevyear,
.cal-monthNavTBL .cal-prevmonth						{}
.cal-monthNavTBL .cal-nextyear,
.cal-monthNavTBL .cal-nextmonth						{}
.cal-monthNavTBL .cal-thismonth						{}

/* !Calendar Module */
.calMod-monthTBL th.cal-wdHead						{ color: #fff; border-color: #444; background: #444;  }
.calMod-monthTBL td.cal-wd,
.calMod-monthTBL td.cal-wdEmpty						{ border-color: #ddd; }
.calMod-monthTBL td.cal-wd							{ color: #444; background-color: #f6f6f6; }
.calMod-monthTBL td.cal-wdEmpty						{ color: #ddd; background-color: #f6f6f6; }
.calMod-monthTBL td.cal-wd .cal-wdNum,
.calMod-monthTBL td.cal-wdEmpty .cal-wdEmptyName			{ height: 30px; }
.calMod-monthTBL .cal-today							{ background-color: #eaeef4 !important; }
.calMod-monthTBL a.cal-wdNumEvent						{}
.calMod-monthTBL a.cal-wdNumEvent:hover					{ background: #fbf7fc; }
.calMod-monthNavTBL a								{ text-decoration: none !important; }
.calMod-monthTBL .cal-wdPopup							{ border-color: #ddd; background-color: #fff; }
.calMod-monthTBL .cal-eventDate						{ color: #999; }
.calMod-monthTBL .meta-line							{ color: #444; }
.calMod-monthTBL .cal-wdPopNum a						{ color: #444; }


/* !Sections */
.section {
	color: inherit;
}

.section-title {
	font-size: 1.4em;
	line-height: 1.1em;
	font-weight: bold;
	text-transform: none;
}









/* ------------------------------------------------------------------------
/* ------------------------------------------------------------------------
/* ------------------------------------------------------------------------
/* ------------------------------------------------------------------------
/* ------------------------------------------------------------------------
/* ------------------------------------------------------------------------
/* !PAGES, COMPONENTS, FORMS, VIEWS & PIECES */
/* ----------------------------------------------------------------------*/
/* ----------------------------------------------------------------------*/

/* ------------------------------------------------------------------------
/* !COMPONENT: SBX Actions */
/* ----------------------------------------------------------------------*/

.section-action-letter {
	border-left-color: #444;
	background: #f6f6f6;
	-webkit-box-shadow: 0px 0px 10px #ddd;
	-moz-box-shadow: 0px 0px 10px #ddd;
	box-shadow: 0px 0px 10px #ddd;
}






/* ------------------------------------------------------------------------
/* !COMPONENT: SBX Petitions */
/* ----------------------------------------------------------------------*/
.section-petition-letter {
	border-left-color: #444;
	background: #f6f6f6;
	-webkit-box-shadow: 0px 0px 10px #ddd;
	-moz-box-shadow: 0px 0px 10px #ddd;
	box-shadow: 0px 0px 10px #ddd;
}

.petition-letter {
	font-size: 14px;
	line-height: 1.5em;
}

.petition-letter-title {
	font-size: 1.6em;
	text-transform: uppercase;
}

.supporter-item {
	font-size: inherit;
	line-height: 1.4em;
}

.supporter-name {
	color: inherit;
}

.supporter-location,
.supporter-time {
	font-size: 11px;
}

.section-socialshare {
	padding-left: 10px;
	padding-right: 10px;
}










/* ------------------------------------------------------------------------
/* !COMPONENT: SBX Shop */
/* ----------------------------------------------------------------------*/
.section-accordion {
	border: none;
	background: #fbf8f4;
}

.section-accordion .section-header {
	background: #3d3630;
	border-color: #fff;
}

.section-accordion .section-header h3 {
	color: #fff;
}


.section h4.subtitle {
	color: #4c3607; 
}

.section p.desc {
	color: inherit;
}

.shop .label {
	font-size: 10px;
	background-color: #c4a67e;
}

.shop .help-block,
.shop .help-inline {
	color: #666;
}

.shop .table th, 
.shop .table td {
	border-color: #f2f2f2;
	background-color: #fff;
}

.shop .cart-table thead th a {
	text-decoration: none !important;
}

.shop .shop-table h4.title {
	color: #2d5798;
}

.shop .shop-table p.desc {
	font-size: .9em;
	line-height: 1.4em;
}

.shop .shop-table td.item-product,
.shop .shop-table p.desc {
	color: inherit;
}

.shop .cart-table th.item-total, 
.shop .cart-table td.item-total {
	width: 70px;
}

.shop .cart-total,
.shop .order-total {
	border-color: #f2f2f2;
}

.shop .order-table td.item-thumb {
	width: 70px;
}

.shop .order-table.table-striped td {
	background-color: transparent;
}

.order-table td.item-qty, 
.order-table td.item-times {
	color: #c4a67e;
}

/* STYLING FOR COURSES AND CLASSES DETAIL */

.class-code {
    font-size: 20px;
}

.sectRepeatDates-range {
    font-size: 24px;
}

.compSect-contentwrap > div > h4 {
    margin-top: 40px;
}

.eventHosted {
    display: none;
}

table.search-result tr td {
    border-top: 1px solid #b2b2b2;
    border-bottom: 1px solid #b2b2b2;
}

table.search-result {
    border: 1px solid #b2b2b2;
}