﻿
@font-face { font-family: 'Unit';
             src: url('../../font/unit.eot');
             src: url('../../font/unit.eot?#iefix') format('embedded-opentype'),
             url('../../font/unit.woff') format('woff'),
             url('../../font/unit.ttf') format('truetype'),
             url('../../font/unit.svg#unit') format('svg');
             font-weight: normal;
             font-style: normal; }


@font-face { font-family: 'UnitItalic';
             src: url('../../font/unititalic.eot');
             src: url('../../font/unititalic.eot?#iefix') format('embedded-opentype'),
             url('../../font/unititalic.woff') format('woff'),
             url('../../font/unititalic.ttf') format('truetype');
             font-weight: normal;
             font-style: normal; }
             
             
@font-face { font-family: 'UnitMedium';
             src: url('../../font/unitmedium.eot');
             src: url('../../font/unitmedium.eot?#iefix') format('embedded-opentype'),
             url('../../font/unitmedium.woff') format('woff'),
             url('../../font/unitmedium.ttf') format('truetype'),
             url('../../font/unitmedium.svg#unitmedium') format('svg');
             font-weight: normal;
             font-style: normal; }
             
             
@font-face { font-family: 'UnitMediumItalic';
             src: url('../../font/unitmediumitalic.eot');
             src: url('../../font/unitmediumitalic.eot?#iefix') format('embedded-opentype'),
             url('../../font/unitmediumitalic.woff') format('woff'),
             url('../../font/unitmediumitalic.ttf') format('truetype'),
             url('../../font/unitmediumitalic.svg#unitmediumitalic') format('svg');
             font-weight: normal;
             font-style: normal; }
             
             
             
             @font-face {
    font-family: 'ProximaNovaSemibolds';
    src: url('../font-face/proximanova-semibold-webfont.eot');
    src: url('../font-face/proximanova-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font-face/proximanova-semibold-webfont.woff') format('woff'),
         url('../font-face/proximanova-semibold-webfont.ttf') format('truetype'),
         url('../font-face/proximanova-semibold-webfont.svg#ProximaNovaSemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*
----------------------------------------------------------------------------------------------------------
# NOTE: 
#                   DO NOT use bold font-weight ANYWHERE. 
#                   All bold text should use the UnitMedium font-family with a normal font-weight.
#
#                   DO NOT use italic font-style ANYWHERE.
#                   All italic text should use the UnitItalic or UnitMediumItalic font-family.
#
----------------------------------------------------------------------------------------------------------
*/

/*
RESET (from HTML5 Boilerplate)
--------------------------------------------------------------*/
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
html, button, input, select, textarea { font-family: sans-serif; color: #585449; }
a:focus, a:hover, a:active { outline: 0; }
abbr[title] { border-bottom: 1px dotted; }
blockquote { margin: 20px 80px 19px 20px !important; font-style: italic; }
blockquote p { margin: 0; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font: normal 16px/22px Unit, Helvetica, Arial, sans-serif; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
span { text-decoration: none !important; }
ul, ol { margin: 0 0 10px; padding: 0 0 0 20px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
figure { margin: 0; }
form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }
legend { border: 0; padding: 0; white-space: normal; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; border: none; }
button, input { line-height: normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
button[disabled], input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
input:-webkit-autofill { background-color: red !important; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid { }
input:invalid, textarea:invalid { background-color: #f0dddd; }
table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }

/*
DEFAULTS (from HTML5 Boilerplate)
--------------------------------------------------------------*/
html.hideBodyBackground body { background: none; }
html { background: #C6C3B8 url(/globalassets/GlobalPAC/Home/Tambourine.jpg) no-repeat fixed 0 0; }
body { margin: 0; font: normal 16px/22px Unit, Helvetica, Arial, sans-serif; color: #585449; background: none; }
a img { border: 0; }
#skiptoContent { position: absolute; left: -9999em; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
h1 { margin: 35px 0 25px; text-transform: uppercase; font-size: 25px; }
h2 { font-size: 16px; font-family: UnitMedium; text-transform: uppercase; color: #e34826; margin-bottom: 0; }
h3 { font-size: 14px; margin-bottom: 0; }
h4 { font-size: 13px; text-transform: uppercase; }
table { width: 100%; }
table p { margin: 0; }
p { margin: 0 0 10px 0; }

/*
SET FONT FACE FOR BOLD / ITALICS
--------------------------------------------------------------*/
strong, b { font-weight: normal; font-family: UnitMedium; }
em, i { font-weight: normal; font-style: normal; font-family: UnitItalic; }
strong em, strong i, b em, b i, em strong, em b, i strong, i b { font-style: normal; font-weight: normal; font-family: UnitMediumItalic; }

/*
CLASSES 
--------------------------------------------------------------*/
.cf:before, .cf:after { content: ""; display: table; }
.cf:after { clear: both; }
.bare { margin: 0; padding: 0; list-style: none; }
.ui-tabs-hide { display: none; }
.sectionHeader { clear: both; border-top: 1px solid #695F57; padding-top: 20px; margin: 20px 0 0; font-size: 19px; }
.inlineLink { display: inline !important; border-right: solid 1px #ccc; padding-right: 8px; margin-right: 5px; }
.inlineLinkLast { display: inline !important; border-right: none; }
.noPadding { padding-bottom: 0 !important; }
.disclaimer, .disclaimer * { font-size: 10px !important; line-height: 12px !important; }
.nonItalicized { font-style: normal !important; }
.bold { font-family:UnitMedium;}
table.noBorder, table.noBorder td, .noBorder, table.noBorder table { border:none!important;}
#id_matrix span.validator { color:#E24926;width: auto;display: inline;font-size: 12px;padding-top: 0;padding-right: 2px;}

/*
Links
--------------------------------------------------------------*/
a, a:visited { color: #3562a5; text-decoration: none; outline: none; }
a:hover { text-decoration: underline; }

/*
BUTTONS 
--------------------------------------------------------------*/
a.btn, input.btn, .comment input.btn, .btnEpi a, .btnStyle, .promoctrl-form-container a { border-radius:5px; -webkit-border-radius:5px; display: inline-block; color: #fff; font: normal 13px/22px UnitMedium, arial; height: 22px; padding: 0 20px; width: auto; text-transform: uppercase; border: 0; border-top: 2px solid #5073b1; border-bottom: 2px solid #2f5d9d; background-color: #3263a7; background-image: -webkit-gradient(linear, left top, left bottom, from(#3263a7), to(#2f5d9d)); background-image: -webkit-linear-gradient(top, #3263a7, #2f5d9d); background-image: -moz-linear-gradient(top, #3263a7, #2f5d9d); background-image: -ms-linear-gradient(top, #3263a7, #2f5d9d); background-image: -o-linear-gradient(top, #3263a7, #2f5d9d); background-image: linear-gradient(to bottom, #3263a7, #2f5d9d); }
.btnStyle { height: auto; margin-bottom: 15px; }
a.btn:hover, a.btn:active, input.btn:hover, input.btn:active, .btnStyle:hover, .promoctrl-form-container a:hover, .comment input.btn:hover, .btnEpi a:hover { text-decoration: none; color: #fff; background: #1f59a5; /* Old browsers */ background: -moz-linear-gradient(top, #1f59a5 41%, #144e9b 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(41%,#1f59a5), color-stop(100%,#144e9b)); background: -webkit-linear-gradient(top, #1f59a5 41%,#144e9b 100%); background: -o-linear-gradient(top, #1f59a5 41%,#144e9b 100%); background: -ms-linear-gradient(top, #1f59a5 41%,#144e9b 100%); background: linear-gradient(top, #1f59a5 41%,#144e9b 100%); }
input.btn, .comment input.btn { height: 26px; width: auto; }

a.smallBtn { display: inline-block; border-radius:5px; -webkit-border-radius:5px; color: #fff !important; font: normal 13px/22px UnitMedium, arial; height: 18px; padding: 0 6px; width: auto; text-transform: uppercase; border: 0; border-top: 2px solid #5073b1; border-bottom: 2px solid #2f5d9d; background-color: #3263a7; background-image: -webkit-gradient(linear, left top, left bottom, from(#3263a7), to(#2f5d9d)); background-image: -webkit-linear-gradient(top, #3263a7, #2f5d9d); background-image: -moz-linear-gradient(top, #3263a7, #2f5d9d); background-image: -ms-linear-gradient(top, #3263a7, #2f5d9d); background-image: -o-linear-gradient(top, #3263a7, #2f5d9d); background-image: linear-gradient(to bottom, #3263a7, #2f5d9d); }
a.smallBtn:hover { text-decoration: none; color: #fff; background: #1f59a5; /* Old browsers */ background: -moz-linear-gradient(top, #1f59a5 41%, #144e9b 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(41%,#1f59a5), color-stop(100%,#144e9b)); background: -webkit-linear-gradient(top, #1f59a5 41%,#144e9b 100%); background: -o-linear-gradient(top, #1f59a5 41%,#144e9b 100%); background: -ms-linear-gradient(top, #1f59a5 41%,#144e9b 100%); background: linear-gradient(top, #1f59a5 41%,#144e9b 100%); }

/*
PAGE TOOLS 
--------------------------------------------------------------*/
.pageTools li { float: left; line-height: normal; padding-left: 10px; }
.pageTools li.selected { border: solid 1px #ccc; -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, .4); -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, .4); box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, .4); }
.pageTools li:first-child { padding-left: 0; }
.pageTools li a { display: block; float: left; padding: 4px 0 0 22px; font: normal 10px UnitMedium; text-transform: uppercase; background: url(/img/icons_pageTools.png) no-repeat; }
.pageTools li a:hover { text-decoration: none; color: #3562A5; }
.pageTools .toolAdd a { background-position: 0 0; }
.pageTools .toolShare a { background-position: 0 -20px; }
.pageTools .toolComment a { background-position: 0 -40px; }
.pageTools .toolPrint a { background-position: 0 -60px; }
.fixedPageTools { width: 750px; position: absolute; top: 15px; right: 20px; }
.fixedPageTools ul { float: right; }

.pageTools.stacked { padding-bottom: 10px; position: relative; }
.pageTools.stacked li { padding-left: 22px; }
.pageTools.stacked li:first-child { padding-left: 0; }
.pageTools.stacked li a { display: block; float: left; padding: 20px 0 0; font: normal 10px UnitMedium; text-transform: uppercase; background: url(/img/icons_pageTools_Horiz.png) no-repeat; }
.pageTools.stacked .toolAdd a { background-position: -2px 0; }
.pageTools.stacked .toolShare a { background-position: -53px 0; }
.pageTools.stacked .toolComment a { background-position: -105px 0; }
.pageTools.stacked .toolPrint a { background-position: -176px 0; }

/*
IMAGE ROTATOR ARROW BUTTONS
--------------------------------------------------------------*/
.next, .prev { position: absolute; z-index: 100; display: block; overflow: hidden; cursor: pointer; top: 50%; }
.nextLarge, .prevLarge { height: 50px; width: 25px; margin-top: -25px; }
.nextLarge { background: url(/img/buttons/button_slide-next_50px.png); }
.prevLarge { background: url(/img/buttons/button_slide-prev_50px.png); }
.nextSmall, .prevSmall { height: 32px; width: 16px; }
.nextSmall { background: url(/img/buttons/button_slide-next_30px.png); }
.prevSmall { background: url(/img/buttons/button_slide-prev_30px.png); }

/*
TABLES IN CONTENT AREA
--------------------------------------------------------------*/
.contentTable th { padding: 0 20px; background: #534b44; color: #fff; font: normal 16px UnitMedium; text-transform: uppercase; text-align: left; border-top: 10px solid #534b44; border-bottom: 10px solid #534b44; border-left: 1px solid #fff; }
.contentTable th:first-child { border-left: 0; }
.contentTable td { padding: 20px; background: #c6c3b8; font-size: 13px; line-height: 18px; border-top: 1px solid #695f57; border-left: 1px solid #8f887f; }
.contentTable td:first-child { border-left: 0; }
.contentTable td a { font-size: 12px; text-transform: uppercase; }

/*
FORMS 
--------------------------------------------------------------*/
.xformWrapper { float: left; width: 100%; padding-left: 25px; }
.xformWrapper input[type=checkbox] { float:left; width:18px; margin-left:5px; }
#id_matrix { border:none!important; }
#id_matrix.oneCol { width:460px;}
#id_matrix h2 { clear: both; border-top: #ddd 1px solid; padding: 15px 0 15px; position: relative; }
#id_matrix h2.noBorder { border:0;}
#id_matrix tr td { padding-bottom: 10px; position:relative; }
#id_matrix label, #id_matrix input, #id_matrix textarea, #id_matrix select { float: left; width: auto; clear: both; font-size: 12px; padding: 3px; }
#id_matrix input:focus, #id_matrix textarea:focus, #id_matrix select:focus { outline: solid 1px #d3d3cc; }
#id_matrix input, #id_matrix textarea, #id_matrix select { background: #e3e3dd; border: none; }
#id_matrix input, #id_matrix textarea { width: 450px; }
#id_matrix textarea { height: 60px; }
#id_matrix select { width: 225px; }
#id_matrix label { font-size: 14px; line-height: 1.4; width: 455px;  padding: 0; color: #48433f; }
#id_matrix label.checked { /*background: #cecec5; border: solid 1px #c0c0b9;*/ }
#id_matrix fieldset { background: #e3e3dd; margin-top: 10px; width: 450px; position: relative; padding-left: 5px; }
#id_matrix fieldset br { display: none; }
#id_matrix fieldset legend br, #id_matrix fieldset label br { display:block;}
#id_matrix fieldset legend { display: block; font-size: 14px; line-height: 1.4; padding: 0 5px 2px 0; color: #48433f; margin-left: -5px; width: 100%; background: #fff; }                             
#id_matrix fieldset.checkBoxFieldSet { padding: 0; width: 455px; }
#id_matrix fieldset.checkBoxFieldSet label { width: 75%; padding-left: 9px; }
#id_matrix fieldset.checkBoxFieldSet legend { margin-left: 0px; padding-right: 0; }
#id_matrix fieldset input, #id_matrix fieldset label { clear: none; width: auto; border: solid 1px #E3E3DD; }
#id_matrix fieldset input:focus { outline: none; }
#id_matrix fieldset input { position: relative; top: 3px; clear: both; clear: left; border:none; }
#id_matrix fieldset label { padding-right: 25px;width: 375px;margin-left: 5px; }
#id_matrix fieldset + span.xformvalidator { top: 9px; }
#id_matrix fieldset input[type=radio] + label { padding-left: 5px; max-width: 385px; }
#id_matrix span { color: #e34826; font-size: 16px; text-transform: uppercase; width: 455px; font-family: UnitMedium; padding-top: 15px; display: block; }
#id_matrix span.required { display: inline; position: absolute; }
#id_matrix li span.required { top: -2px; left: -8px; width:8px;}
#id_matrix h2 span.required { top: -7px; left: -8px; width:8px; }
#id_matrix span.xformvalidator { font-size: 10px; padding-top: 0; top:-1px; text-transform: none; position:absolute; left:-5px;  float:left; width:auto; display: inline-block; padding-left: 0; /*position: relative; top: -1px;*/ }
#id_matrix span.xformvalidator.stringValidator { position:relative; float:left; left:auto; width:100%; clear:both;}
#id_matrix input.btn { display: inline-block; color: #fff; font: normal 13px/22px UnitMedium; height: 22px; padding: 0 20px; width: auto; text-transform: uppercase; border: 0; border-top: 2px solid #5073b1; border-bottom: 2px solid #2f5d9d; background-color: #3263a7; background-image: -webkit-gradient(linear, left top, left bottom, from(#3263a7), to(#2f5d9d)); background-image: -webkit-linear-gradient(top, #3263a7, #2f5d9d); background-image: -moz-linear-gradient(top, #3263a7, #2f5d9d); background-image: -ms-linear-gradient(top, #3263a7, #2f5d9d); background-image: -o-linear-gradient(top, #3263a7, #2f5d9d); background-image: linear-gradient(to bottom, #3263a7, #2f5d9d); }
#id_matrix input.btn:hover, #id_matrix input.btn:active { text-decoration: none; color: #fff; background: #1f59a5; /* Old browsers */ background: -moz-linear-gradient(top, #1f59a5 41%, #144e9b 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(41%,#1f59a5), color-stop(100%,#144e9b)); background: -webkit-linear-gradient(top, #1f59a5 41%,#144e9b 100%); background: -o-linear-gradient(top, #1f59a5 41%,#144e9b 100%); background: -ms-linear-gradient(top, #1f59a5 41%,#144e9b 100%); background: linear-gradient(top, #1f59a5 41%,#144e9b 100%); }
#id_matrix input.btn { height: 26px; }
#id_matrix ul, #id_matrix ol { padding: 0 0 0 3px; margin-bottom: 15px; }
#id_matrix ul li, #id_matrix ol li { font-size: 14px; list-style: none; padding-bottom: 15px; clear: left; }
#id_matrix .memberLevel li { padding-bottom: 5px; }
#id_matrix .memberLevelRadios { float: left; width: 68%; }
#id_matrix .memberLevelRadios li { float: left; width: 100%; margin-bottom: 10px; }
#id_matrix .memberLevelRadios input { float: left; width: 18px; }
#id_matrix .memberLevelRadios label { width: 300px; float:left; }
#id_matrix .memberLevelInputs { float: left; width: 30%; }
#id_matrix .memberLevelInputs li { margin-bottom: 10px; }
#id_matrix ul li label { line-height: 16px; }
#id_matrix ul li label, #id_matrix ul li input, #id_matrix ul li select { width: auto; max-width: 470px; display: inline-block; vertical-align: top; float: none; clear: none; }
#id_matrix ul li input[type=radio], #id_matrix ul li input[type=checkbox] { width: auto; background: none; margin-right: 5px; }
#id_matrix ul span { font-size: 14px; text-transform: none; padding: 0; display: inline; }
#id_matrix ul a { font-size: 12px; }
#id_matrix .volunteer li label, #id_matrix .volunteer li input { vertical-align: top; }
#id_matrix ul .blockInput label { margin-bottom: 5px; }
#id_matrix ul .blockInput input[type=text] { width: 250px; display: block; }
#id_matrix .labelWidth label { width: 205px; }

#id_matrix .billingInfo.infoList  { width:700px;}
#id_matrix .billingInfo.infoList li { float:left; display:inline; clear:none; margin-right:15px;}
#id_matrix .billingInfo.infoList li.clearBefore { float:left; clear:left;}
h2.noBorder { border:none;}

#id_matrix .billingInfo.infoList label {width: auto; position: relative; display:block;  }
#id_matrix .billingInfo label { width: 150px; position: relative; display:inline; margin-right:10px;}
#id_matrix .billingInfo input[type=text] { width: 205px; display:block;}
#id_matrix .billingInfo input.shortZip { width: 142px}
#id_matrix .billingInfo .autoWidth, #id_matrix .billingInfo input[type=checkbox] { width: auto; }
#id_matrix .billingInfo li label, #id_matrix .billingInfo li input, #id_matrix .billingInfo li select { vertical-align: middle; }
#id_matrix .memberLevel {float:left;}
#id_matrix .creditCards { margin: 0; }
#id_matrix .creditCards li { text-align: center; float: left; clear: none; }
#id_matrix .creditCards li label { width: 50px; height: 25px; background: url(../../img/credit-cards.jpg) no-repeat; text-indent: -9999px; display: block; margin-bottom: 5px; }
#id_matrix .creditCards .visa label { background-position: 0 -50px; }
#id_matrix .creditCards .masterCard label { background-position: 0 0; }
#id_matrix .creditCards .amex label { background-position: 0 -25px; }
#id_matrix .creditCards .discover label { background-position: 0 -75px; }
#id_matrix .blockInput { overflow: hidden; }
#id_matrix .chooseFund h2 { border: none; margin-top: 0; }
#id_matrix .wheelchair > label { background: url(/img/icon_wheelchair.png) no-repeat; padding-left: 22px; }
#id_matrix .disabledXform { background:#eee!important}
#id_matrix .disabledXform legend {color:#ccc;}
#id_matrix .disabledXformLabel { color:#ccc; border-color:#eee;}
#id_matrix .submitDisabled { opacity:.3;}
#id_matrix .donationForm .expYear { display:none;}
#id_matrix .donationForm .ccExpiration .half { float:left; margin-left:5px; }
#id_matrix .donationForm .ccExpiration { float:left;}

#id_matrix ol { margin:0; padding:0;}
#id_matrix ol li { list-style:none; padding-bottom:12px;float: left;width: 100%;}
#id_matrix ol li .timeSlotFull label { color:#999;  }
#id_matrix .donationTotal { color:#585449; }
.export {position:absolute; top: 15px; right:15px;}

#id_matrix #BlueRibbonAnnualMembershipMessage { padding-bottom:10px; }
#id_matrix .contributionTotal {float: left;width: 500px; }
#id_matrix .contributionTotal h2 { float:left; width: 483px;padding-right: 14px;}
#id_matrix .contributionTotal .donationTotal { float:right; padding:0; width:auto; }
#id_matrix .donationIntro img { width: 159px;float: left;margin-right: 7px;height: auto; }
#id_matrix .genericDonationSelection .otherAmount { margin-top: 10px; margin-bottom: 10px; }
#id_matrix .genericDonationSelection .paymentAmounts { margin-top: 10px; margin-bottom: 10px; }

#id_matrix .eventDates {overflow:hidden;}
#id_matrix .eventDates .date {width:auto; color:#48433f; font-family:Unit; font-size:14px; line-height:1.4; padding:0; display:inline-block; float:left;}
#id_matrix .eventDates input[type=text] {width:50px; margin:-2px 0 0 10px; clear:none; float:left;}
#id_matrix .eventDates .eventItem {border-bottom:#ddd 1px solid; margin-bottom:10px;}
#id_matrix .eventDates .eventItem span {padding:0;}
#id_matrix .eventDates .eventItem span:first-child {margin-bottom:10px;}
#id_matrix .checkBox {font-family:Unit; text-transform:none; padding:5px 0 0; margin-bottom:10px; overflow:hidden; }
#id_matrix .checkBox label {width:auto; margin:-1px 0 0 10px; float:left; clear:none;}
#id_matrix .checkBox input[type=checkbox] {width:auto;}
#id_matrix .eventDates .eventItem .ticketError { display:block; padding:10px 0; text-transform:none; clear:left; font-style:italic;}

#id_matrix .eventBilling {margin-top:10px;}
#id_matrix .eventBilling li {border-bottom:#ddd 1px dotted; padding-bottom:5px; margin-bottom:5px; overflow:hidden;}
#id_matrix .eventBilling li:first-child {border:none;}
#id_matrix .eventBilling li label, #id_matrix .eventBilling li span {width:auto; color:#48433f; font-family:Unit; font-size:14px; line-height:1.4; float:left;}
#id_matrix .eventBilling li:last-child label, #id_matrix .eventBilling li:last-child span {font-family:UnitMedium;}
#id_matrix .eventBilling li span {float:right;}
#id_matrix .eventBilling li .dollarSign:before { content:'$';}

#id_matrix .payOptionWrap {background:#f6f6f6; padding:15px; clear:both; margin-bottom:5px;}
#id_matrix .payOptionWrap span {padding:0; margin:0;}
#id_matrix .payOption {margin:15px 0 0;}
#id_matrix .payOption li {padding:0; margin-bottom:5px;}
#id_matrix .securePaymentBody li {list-style-type:circle; margin-left:15px;}

/*
DONATION FORMS STYLE OVERRIDES 
--------------------------------------------------------------*/
#id_matrix fieldset label { width: 100% !important; border: 0 !important; margin-left: 0 !important;     margin-bottom: 5px; }
.xForm #id_matrix input[type="radio"] { height: 13px !important; margin-right: 5px; }
.xForm #id_matrix input[type="checkbox"] { margin-top: 0 !important; }

.radioWrapper { background: #e3e3dd; }

ul.errors { color: #cc0000;  background: #fde7e7; margin-bottom: 20px; clear: both; float:left; width:435px; }
ul.errors li { padding: 7px 10px; float:left; width:100%; clear:both; margin-left:15px; padding-left:0; }



input, textarea, select { background: #e3e3dd; }
/*input.btn { width:auto;}*/
input:focus, textarea:focus, select:focus { outline: solid 1px #d3d3cc; }
label { float: left; clear: both; width: auto; font-size: 14px; color: #48433F; }
fieldset, fieldset img { float: left; clear: both; width: auto; }
textarea { height: 60px; }
.captcha img { border: solid 1px #ddd; padding: 3px; margin: 5px 0; }

.attachements { display:block;}
.attachements div { display:block; clear:both; font-size:12px; color:#a8a6a5; }
.attachements div:first-child { padding-top:5px;}
.attachements input[type=file] { margin-top:10px; display:inline; float:left; clear:none!important;}
.attachements input[type=submit].btn { float:left; display:inline; clear:none!important; margin:11px 0 0 10px;}

/* cform modal */
.overlayXform { position:fixed; top:0; left:0; width:100%; height:100%; background:#000; opacity:.3; filter: alpha(opacity = 30); z-index:99999;}
.modalOverlay { position:fixed; width:400px; margin-left:-200px; left:50%; top:40%; z-index:99999; background:#fff; padding:20px;-webkit-box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, .3);box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, .3); }
.modalOverlay .close { position:absolute; right:-10px; top:-10px; font-weight:normal; padding: 0px 6px;}
.modal1, .modal2, .modal3 { display:none!important;}

/*
HEADER
--------------------------------------------------------------*/
#siteHeader { background: #fff; float:left; width:100%; -webkit-box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, .3); -moz-box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, .3); box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, .3); position: relative; z-index: 900; }
#siteHeaderContent { height: 140px; width: 940px; padding-left:40px; position: relative; }
#logo { position: absolute; bottom: 22px; left: 40px;  }
#mainNav { position: absolute; bottom: 26px; right: 0; }
#mainNav li.selectedNav a, #mainNav li.selectedNav a:visited { color: #E34826; }
#mainNav > ul > li { float: left; padding: 2px 0 2px 11px; margin-left: 11px; height: 12px; overflow: visible; border-left: 1px solid #585449; }
#mainNav > ul > li:first-child { margin: 0; padding: 2px 0 2px 0; border: 0; }
#mainNav > ul > li > a { font-size: 17px; font-family: UnitMedium, Arial, Verdana; color: #585449; position: relative; top: -4px; }
#mainNav > ul > li > a:hover, #mainNav > ul > li > a:active { color: #e34826; text-decoration: none; }
#userNav { position: absolute; top: 38px; right: 0; }
#userNav li { float: left; margin-left: 14px; }
#userNav a { float: left; text-transform: uppercase; font-size: 13px; color: #585449; }
#userNav a:hover, #userNav a:active { text-decoration: underline; }
#userNav a.smallBtn { font-size:11px;}
#userNav a.smallBtn:hover { text-decoration:none;}
#siteSearch { float: left; overflow: hidden; position: relative; }
#searchBox { width: 46px; height: 22px; background: none; padding: 0 2px; border: 0; font: normal 13px/20px Unit, Arial, sans-serif; text-transform: uppercase; float: left; cursor: pointer; }
#searchBox.expanded { width: 125px; background: #c6c3b8; cursor: text; }
#searchBox:focus { outline: 0; }
#searchBtn { float: left; position: relative; top: 3px; margin-left: 5px; background: none; }

/*
MEGANAV
--------------------------------------------------------------*/
#meganav { clear: both; position: absolute; top: 115px; left: 0; z-index: 990; width: 980px; overflow: hidden; height: 0; background: url(/img/bg_meganav.png) top repeat-x; }
#meganavArrow { display: block; height: 14px; width: 28px; background: url(/img/meganav_arrow.png) no-repeat; position: absolute; top: 11px; left: 0; }
#meganavArrow.megaTickets { left: 285px; }
#meganavArrow.megaVisit { left: 440px; }
#meganavArrow.megaEvents { left: 600px; }
#meganavArrow.megaEducation { left: 738px; }
#meganavArrow.megaSupport { left: 840px; }
#meganavArrow.megaAbout { left: 935px; }
#meganav > div { width: 930px; padding: 45px 10px 40px 40px; position: absolute; top: 0; left: 0; z-index: 0; }
#meganav .navOpen { z-index: 1; }
#meganav .col { float: left; margin-right: 30px; }
#meganav h3 { margin: 20px 0 0; text-transform: uppercase; padding-top: 18px; padding-bottom: 3px; font-size: 14px; line-height: 17px; color: #585449; border-top: 1px solid #585449; font-family: UnitMedium, Arial, Verdana; }
#meganav h3 a, #meganav h3 a:visited { color: #585449; }
#meganav h3 a:hover { color: #3562A5; }
#meganav h3:first-child { margin-top: 0; }
#meganav h3 em { display: block; font-size: 13px; padding-bottom: 5px; text-transform: none; }
#meganav a.btn { display: inline-block !important; }
#meganav ul { margin: 0; padding: 0; list-style: none; }
#meganav li a, #meganav li a:visited { text-decoration: none; line-height: 15px; margin-bottom: 6px; }
#meganav li a, #meganav li a:hover { font-size: 13px; text-decoration: none; color: #433b31; }
#meganav li a:hover { text-decoration: underline; color: #3562A5; }
#meganav p { margin: 0 0 4px; font-size: 13px; line-height: 17px; font-family: UnitItalic; }
#meganav p a { font-size: 12px; text-transform: uppercase; }
#meganav .colNarrow { width: 130px; }
#meganav .col1Third { width: 176px; margin-right: 40px; }
#meganav .col1Third:last-child { margin-right: 0; }
#meganav .col2Thirds { width: 392px; margin-right: 40px; }
#meganav .col2Thirds ul { float: left; width: 46%; padding-right: 4%; }
#meganav .colWider { width: 260px; }
#meganav .colWider > ul > li { padding-top: 10px; }
#meganav .colWider > ul > li:first-child { padding: 0; }
#meganav .colWider ul ul a { font-size: 12px; text-transform: uppercase; color: #3562a5; }
#meganav .colWider ul ul li a { margin-bottom: 0; }
#meganav .colWider ul ul a:hover { text-decoration: underline; }
#meganav .colMessage { width: 252px; font-size: 19px; padding-top: 21px; }
#meganav .colMessage img { margin: -20px 0 15px; }
#meganav .colMessage p { font-size: 18px; margin-bottom: 20px; line-height: 26px; font-family: Unit; }
#meganav .colMessage p a { display: block; padding-top: 5px; }
#meganav #megaEvents a { display: block; }
#meganav #megaAbout .colMessage { padding-top: 0; }
#meganav { -webkit-box-shadow: 21px 20px 14px -17px rgba(0, 0, 0, .2); -moz-box-shadow: 21px 20px 14px -17px rgba(0, 0, 0, .2); box-shadow: 21px 20px 14px -17px rgba(0, 0, 0, .2); }
#meganav #megaAbout .colMessage img { margin-bottom: 0; }
#meganav #megaVisit .colMessage { padding-top: 0; }
#meganav #megaVisit .colMessage img { margin: -20px 0 0; }

#meganav .fullCal { font-size: 12px; text-transform: uppercase; color: #3562A5; padding-top: 17px; display: block; float: left; width: auto; }
#meganav .fullCal:hover { text-decoration: underline; }
#meganav .ui-datepicker-inline { -webkit-box-shadow: 1px 2px 3px 0px rgba(0, 0, 0, .3); box-shadow: 1px 2px 3px 0px rgba(0, 0, 0, .3); float: left; clear: both; width: auto; margin-top: 9px; }
#meganav .ui-datepicker-calendar td { background: #c5c3b8; text-align: center; line-height: 14px; font-size: 7pt; border: solid 1px white; padding: 0px 0px; }
#meganav .ui-datepicker-calendar td:hover { background: #b3b1a6; }
#meganav .ui-datepicker-calendar { width: 131px; }
#meganav .ui-datepicker-calendar td.ui-datepicker-other-month { background: #e2e0db; }
#meganav .ui-datepicker-title { width: 100%; float: left; left: auto; font-family: UnitMedium; text-align: center; position: relative; font-size: 10px; padding: 0; text-transform: uppercase; color: #e24725; }
#meganav .ui-datepicker-prev, #meganav .ui-datepicker-next { left: 0; display: none; cursor: pointer; background: url(../../img/calendarSmallArrows.png) no-repeat 0 0 !important; position: relative; float: left; height: 9px !important; width: 9px !important; text-indent: -9999pc; }
#meganav .ui-datepicker-next { background-position: -20px 0 !important; float: right; }
#meganav .ui-datepicker-header { float: left; clear: both; width: 100%; background: #fff; line-height: 12px; padding-top: 2px; }

#megaCalendar .ui-datepicker-calendar td a, #megaCalendar .ui-datepicker-calendar td a:visited {color:#fff;}

/*
SEARCH
--------------------------------------------------------------*/
#SearchArea { float: left; clear: both; width: 100%; border-bottom: solid 2px #ccc; padding-bottom: 15px; margin-bottom: 15px; }
#SearchArea label { display: block; float: left; width: auto; }
#SearchArea input { float: left; width: auto; clear: both; border: none; width: 400px; margin-bottom: 10px; padding: 4px; }
#SearchArea input.btn { width: 100px; }

#ResultArea { float: left; width: 100%; clear: both; }
#ResultArea ol { margin: 0; padding: 0; }
#ResultArea ol li { padding-bottom: 5px; border-bottom: dotted 1px #eee; list-style: none; }
#ResultArea p { margin-top: 0; font-size: 15px; }
#ResultArea .PagingContainer a { font-size: 11px; }
#ResultArea .PagingContainer a.SelectedPagingItem { color: #E24926; }

/*
MAIN CONTENT AREA STRUCTURE
--------------------------------------------------------------*/
#siteMain { position: relative; z-index: 800; float:left; width:100%; }
#subHeader { width: 940px; padding:3px 0 3px 40px; float:left; position:relative; }
#breadcrumbs { line-height: 55px; color: #fff; font-size: 14px; }
#breadcrumbs { color: #FFFFFF; font-size: 14px; line-height: 55px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 924px; }
#breadcrumbs a, #breadcrumbs a:visited { color: #fff; }
#breadcrumbs .arrow { padding: 0 5px; }
#mainContent { clear: both; width: 980px; padding-bottom: 55px; min-height: 500px; background: #fff; -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .4); -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .4); box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .4); }
#primaryContent { float: right; width: 770px; background: #fff; position: relative; }
#primaryContent.calendar { width: 735px; }
#primaryContent .contentArea { float: left; width: 500px; }
#primaryContent .contentArea table { border:solid 1px #ccc;}
#primaryContent .contentArea table td { padding:3px;}

#primaryContent .introArea { padding: 33px 0; margin-bottom: 20px; }
#primaryContent .introArea .pageTools { float: right; width: auto; }
#primaryContent .introArea.blockElements { padding: 33px 0 8px; }
#primaryContent .introArea.blockElements h1 { display: block; margin-bottom: 18px; }
#primaryContent .introArea.blockElements p { padding-left: 0; }
#primaryContent .introArea h1, #primaryContent .introArea div, #primaryContent .introArea p { display: inline; line-height: 30px; margin: 0; }
#primaryContent .introArea p { font-size: 25px; padding-left: 5px; }
#primaryContent .introArea.multiColor { padding-right: 50px; }
#primaryContent .introArea.multiColor p { color: #695f57; padding-right: 50px; }
.contentArea li { padding-bottom: 10px; }
.calloutArea { float: right; width: 230px; /*padding: 40px;*/ padding: 40px 0 0; }
.calloutArea .callout { padding: 16px 50px 0 0; margin-top: 36px; border-top: 1px solid #585449; }
.calloutArea .calloutFeature { border: none; padding: 0; }
.calloutArea .callout.first-child { /*margin-top: 10px;*/ margin-top: 0; }
.calloutArea .callout ul { padding-top:5px;}
.calloutArea .callout ul li { font-size:13px;}
.calloutArea h2 { color: #585449; }
.calloutArea .pageTools { padding-bottom: 10px; }
.calloutArea ol { margin: 0; padding: 10px 0 0; }
.calloutArea ol li { padding-bottom: 8px; list-style-position: inside; font-size: 13px; }

/*
Cart Ticker
--------------------------------------------------------------*/
.panelTimer { width:295px; position:absolute; padding:4px; right:0; top:8px; background:#bbb8ac; -webkit-border-radius: 5px;border-radius: 5px; -webkit-box-shadow: inset 0px 0px 5px 1px rgba(0, 0, 0, .1);box-shadow: inset 0px 0px 5px 1px rgba(0, 0, 0, .1);}
.ticker { text-transform: none; float: left; width: 100%; color:#fff; font-family:Unit;}
.ticker .label { float: left; width: 55px; font-size: 13px; padding: 5px 5px 3px 5px; line-height: 15px; background:#adaa9f; -webkit-border-radius: 5px;border-radius: 5px; }
.ticker .expirationTime { float: left; width: 220px; padding:5px; font-family:Unit!important; line-height: 14px;font-size: 14px;}
.ticker .expirationTime.highlight { color:#E24926}
.ticker .expirationTime #countDownTimer { float:left; line-height: 28px; font-size:33px; font-family:Unit;width: 90px; padding-left:2px;}


/*
INTERIOR LANDING PAGE STRUCTURE (TEMPLATES 1 & 2)
--------------------------------------------------------------*/
#primaryArea { background: #C3C3BE; }
#primaryArea .introArea { padding: 33px 50px 33px 0; background: #C3C3BE; }
#primaryArea .introArea h1, #primaryContent .introArea div, #primaryContent .introArea p { display: inline; line-height: 27px; margin: 0; }
#primaryContent .introArea div.shareThisWrapper { display:none;}
#primaryArea .introArea p, .introArea p { font-size: 25px; color: #534b44; padding-left: 5px; }
#primaryArea .contentArea { height: 333px; position: relative; }
#primaryArea .contentArea p { margin: 0; }
#secondaryArea { clear: both; padding: 30px 0 0 40px; }
#secondaryArea .contentArea { float: left; width: 660px; padding: 20px 10px 0 0; border-top: 1px solid #585449; }
#secondaryArea .contentArea h2 { margin: 0; /*margin-bottom:15px;*/ color: #e34826; font-family: UnitMedium; line-height: 18px; }
#secondaryArea .calloutArea { padding-top: 0; }
#secondaryArea .calloutArea .pageTools { padding-bottom: 10px; }
.subpageSubHeadline { font-size: 25px; line-height: 30px; }

/*
INTERIOR LANDING LISTING STRUCTURE (TEMPLATE 4)
--------------------------------------------------------------*/
#landingStage .contentArea { height: 333px; position: relative; }
#landingStage .contentArea p { margin: 0; }
#landingStage .contentArea iframe { position: absolute; top: 0; left: 0; }
#landingStage .calloutArea { width: 180px; padding:36px 40px 0 10px; }
#landingStage .calloutArea img { display: block; padding-bottom: 20px; }
#landingStage .calloutArea h3, #landingStage .calloutArea p { font-size: 13px; line-height: 18px; margin: 0; }
#landingStage .calloutArea h3 { color: #e34826; }
#landingListing { margin-top: 30px; padding: 20px 90px 0 0; border-top: 1px solid #695f57; }
#landingListing h1 { margin: 0; }
#landingListing > p { font-size: 25px; line-height: 30px; }
#landingListing + .fixedPageTools { right: auto; left: 539px; top: 319px; }
#landingListing .sectionHeading { font-size: 25px; line-height: 30px; margin-bottom: -5px; }
#landingListing .sectionHeading p { margin: 0; padding: 15px 0 0; }
#landingListing .sectionHeading .pageTools { float: right; width: auto; }

/*
INTERIOR NAVIGATION
--------------------------------------------------------------*/
#secondaryNav { float: left; width: 130px; padding: 31px 0 40px 40px; }
#secondaryNav.calendarNav { width: 165px; padding:0!important; }
#secondaryNav ul { margin: 0; padding: 0; list-style: none; }
#secondaryNav li { padding-bottom: 10px; }
#secondaryNav a { display: block; color: #585449; }
#secondaryNav a:hover, #secondaryNav a.on { color: #e34826; text-decoration: none; }
#secondaryNav li a { font: normal 14px/18px UnitMedium; text-transform: uppercase; }
#secondaryNav li ul { padding-bottom: 10px; }
#secondaryNav li li { padding: 5px 0 0; }
#secondaryNav li li a { font: normal 13px/17px Unit; text-transform: none; }

/*
INTERIOR STAGE ROTATOR
--------------------------------------------------------------*/
.stageRotator, .stageFeatures { width: 500px; height: 333px; position: relative; overflow: hidden; float: left; }
.stageFeature img { height: 333px; width: 500px; }
.stageVideo { position: relative; }
.stageVideo iframe { position: absolute; top: 0; left: 0; }
.stageFeature .callout, .stageVideo .callout { border: 0; padding-top: 0; margin: 0; }
.stageRotator .next { left: 476px; }
.stageRotator .prev { left: 0; }

/*
INTERIOR FLOATED THUMB LAYOUTS & ROTATORS
--------------------------------------------------------------*/
.thumbFloat { list-style: none; margin: 0; padding: 0; }
.thumbFloat li { float: left; width: 100%; padding: 0; padding-bottom: 20px; position: relative; }
.thumbFloat .thumbs { float: left; width: 300px; height: 230px; }
.thumbFloat .thumb, .thumbFloat .thumb:hover { display: block; width: 300px; height: 230px; text-decoration: none; }
.thumbFloat .thumbs .rolloverWrapper { position: relative; }
.thumbFloat .thumbs .rolloverWrapper:hover .rolloverText { display: block; }
.thumbFloat .thumbs .rolloverText { position: absolute; display: none; top: 0; left: 0; z-index: 5; width: 180px; padding: 15px; height: 110px; font-size: 14px; line-height: 18px; color: #1E1E1E; background: url(../../img/rolloverBg.png) repeat 0 0; }
.thumbFloat .thumbBar { width: 270px; padding: 2px 15px 0; background: #c6c3b8; display: block; color: #695f57; font: normal 16px/30px UnitMedium; text-transform: uppercase; }
.thumbFloat .thumbBar span { float: right; color: #3562a5; padding-left: 20px; }
.thumbFloat .thumb:hover .thumbBar span { text-decoration: underline; }
.thumbFloat .content { margin-left: 340px; }
.thumbFloat .content h3 { margin: 0; color: #e34826; font-family: UnitMedium; padding-bottom: 6px; line-height: 12px; }
.thumbFloat .content h2 { margin: 0 !important; line-height: 13px; padding-bottom: 5px; line-height: 18px; }
.thumbFloat .content p { margin-top: 0; }
.thumbFloat .content p a { font-size: 12px; text-transform: uppercase; /*display: block;*/ }
.thumbFloat .content p a.btn { display: inline-block; }
.thumbFloat .next { left: 284px; }
.thumbFloat .prev { left: 0; }

.thumb210 li { min-height: 140px; }
.thumb210 .thumbs { width: 210px; height: 140px; z-index: 0; }
.thumb210 .content { margin: 0; margin-left: 230px; position: relative; z-index: 1; }
.thumb210 img:hover { opacity: .6; }
.thumb210 .content p { margin: 0; }
.thumb210 .next, .thumb210 .prev { margin-top: -7px; }
.thumb210 .next { left: 194px; }

.landingBuckets .thumbs .rolloverText { width: 270px; height: 170px; }

/*
INTERIOR THUMBNAIL GRIDS - BASE
--------------------------------------------------------------*/
.grid { list-style: none; margin: 0; padding: 0; float: left; }
.grid > li { display: inline-block; vertical-align: top; padding: 27px 16px 0 0; line-height: normal; }
.grid > li > a, .grid > li > a:hover { display: block; position: relative; overflow: hidden; text-transform: none; text-decoration: none; }
.grid > li > a .thumbDesc { position: absolute; top: 100%; left: 0; width: 100%; height: 100%; color: #fff; font: normal 13px/18px Unit; background: rgba(53,98,165,.8); }
.no-rgba .grid > li > a .thumbDesc { background: url(/img/fallback/opaque_3562a5_80.png); }
.grid > li > a:hover .thumbDesc { top: 0; }
.grid .thumbBar { padding: 2px 15px 0; background: #c6c3b8; display: block; color: #695f57; font: normal 16px/30px UnitMedium; text-transform: uppercase; }
.grid.contentOnly .thumbBar { text-transform: none; }
.grid .thumbTitle h3 { margin-bottom: 0; text-transform: none; line-height: 20px; }
.grid .thumbTitle p { line-height: 20px; margin-bottom: 0; }
.grid .thumbTitle a { text-transform: uppercase; font-size: 12px; }
.grid .thumbTitle a.playTitle { display: block; font-size: 16px; }

/*
INTERIOR THUMBNAIL GRIDS - 2 COLUMN ( TEMPLATE 3 )
--------------------------------------------------------------*/
.grid2col { width: 796px; }
.grid2col > li { width: 370px; padding-right: 26px; position: relative; }
.grid2col > li .rolloverWrapper { position: relative; width: 370px; height: 247px; }
.grid2col > li .rolloverWrapper:hover .rolloverText { display: block; }
.grid2col > li .rolloverText { position: absolute; line-height: 18px; color: #1e1e1e; display: none; top: 0; left: 0; z-index: 5; font-size: 14px; padding: 15px; width: 340px; height: 217px; background: url(../../img/rolloverBg.png) repeat 0 0; }
.grid2col > li .next, .grid2col > li .prev { top: 124px; height: 50px; width: 25px; }
.grid2col > li .next { left: 346px; background: url(/img/buttons/button_slide-next_50px.png); }
.grid2col > li .prev { background: url(/img/buttons/button_slide-prev_50px.png); }
.grid2col > li .thumbs { background: #E7E8E2; }
.grid2col > li .thumb .img { height: 247px; width: 370px; background: #000; overflow: hidden; }
.grid2col .thumbBar { padding: 15px 30px 7px; font-family: Unit; line-height: 20px; background: #e7e8e2; }
.grid2col .leftWrapperThumbsBar { background: #e7e8e2; }
.grid2col .thumbBottomWrapper { background: #e7e8e2; }
.grid2col .thumbBottomWrapper h2 { color: #585449; margin: 0 0 10px; padding: 15px 30px 7px 0; font: normal 31px/normal UnitMedium; line-height: 31px; }
.grid2col .thumbBottomWrapper h2.slideshowStaticHeader { padding-left: 30px; padding-top: 30px; padding-bottom: 0; margin-bottom: 5px; }
.grid2col .thumbBar h2 { color: #585449; margin: 0 0 10px; padding-bottom: 9px; font: normal 31px/normal UnitMedium; line-height: 31px; }
.grid2col .thumbBar h4 { text-transform: none; margin: 0; font-size: 16px; }
.grid2col .thumbBar div { color: #585449; text-transform: none; }
.grid2col .thumbBar p { margin: 0; padding: 0 0 15px; }
.grid2col .thumbBar a.moreLink { display: inline-block; font-size: 12px; margin-top: 10px; }

.h2Test { position: relative; }
.h2Test h2 { position: absolute; top: 0; left: 0; }

/*
INTERIOR THUMBNAIL GRIDS - 3 COLUMN ( TEMPLATE 2 )
--------------------------------------------------------------*/
.grid3col { width: 686px; }
.grid3col > li { width: 210px; position: relative; }
.grid3col > li .rolloverWrapper { position: relative; width: 210px; height: 140px; }
.grid3col > li .rolloverWrapper:hover .rolloverText { display: block; }
.grid3col > li .rolloverText { position: absolute; line-height: 18px; color: #1e1e1e; display: none; top: 0; left: 0; z-index: 5; font-size: 14px; padding: 15px; width: 180px; height: 110px; background: url(../../img/rolloverBg.png) repeat 0 0; }
.grid3col > li > a, .grid3col > li > a img { height: 140px; width: 210px; }
.grid3col > li > a:hover img { opacity: 0.6; }
.grid3col > li > a .thumbDesc { padding: 20px; height: 100px; width: 170px; }
.grid3col > li > a .thumbDesc p { padding: 0; margin: 0; }
.grid3col > li .thumbTitle a { display: block; }

/*
INTERIOR THUMBNAIL GRIDS - 4 COLUMN ( TEMPLATE 9 )
--------------------------------------------------------------*/
.grid4col { width: 784px; padding-bottom: 20px; }
.grid4col > li { width: 179px; padding-right: 14px; }
.grid4col > li .rolloverWrapper { position: relative; width: 179px; height: 119px; }
.grid4col > li .rolloverWrapper:hover .rolloverText { display: block; }
.grid4col > li .rolloverText { position: absolute; line-height: 18px; color: #1e1e1e; display: none; top: 0; left: 0; z-index: 5; font-size: 14px; padding: 15px; width: 149px; height: 89px; background: url(../../img/rolloverBg.png) repeat 0 0; }
.grid4col > li > a, .grid4col > li > a img { height: 119px; width: 179px; }
.grid4col > li p { margin-top: 10px; }
.grid4col .thumbTitle { padding-top: 5px; }
#seasonGrids { float: left; width: 100%; margin-bottom: -50px; }
#seasonGrids .sectionHeader { margin: 0; padding-top: 18px; }
#seasonGrids .grid { padding-bottom: 50px; }

/*
INTERIOR SIDEBAR CALLOUT BOXES
--------------------------------------------------------------*/
.callout { clear: both; padding: 0 50px 25px 0; line-height: 18px; }
.callout a { text-transform: uppercase; }
.callout h3 { margin: 0; text-transform: uppercase; font-size: 13px; font-family: UnitMedium; }
.callout h3 a { color: #3562a5; letter-spacing: 0.5px; }
.callout p { margin: 0; font-size: 13px; }
/*.callout p a, .callout p a { font-size:12px; }*/
.callout img { display: block; clear: both; margin-top: 10px; }
.callout .btn { margin-top: 20px; }

.callout.slideshowDesc { width: 180px; padding-left: 40px; float: left; clear: none; padding-top: 40px; }

/*
FOOTER
--------------------------------------------------------------*/
#siteFooter { padding-left: 40px; clear: both; color: #fff; font-size: 13px; }
#siteFooterContent { width: 940px; padding: 14px 0 60px; position: relative; }
#siteFooterContent a { color: #fff; }
#siteFooterContent a:hover { text-decoration: underline; }
#footerNav { float: left; }
#footerNav li { float: left; margin-right: 10px; text-transform: uppercase; }
#socialNav { float: right; }
#socialNav li { float: left; margin-left: 10px; text-transform: uppercase; }
#socialNav a { display: block; float: left; background: url(/img/icons_footer_social.png) -9999em no-repeat; padding-left: 25px; }
#socialNav .facebook a { background-position: 0 0; }
#socialNav .twitter a { background-position: 0 -30px; }
#socialNav .youtube a { background-position: 0 -60px; }
.legal { clear: both; padding-top: 6px; }
.legal * { display: inline; margin: 0; }
.legal li { margin-left: 8px; padding-left: 10px; background: url(../../img/smallPipe.png) no-repeat left center; line-height: 13px; }


/*
HOME PAGE 
--------------------------------------------------------------*/
.homePage #mainContent { padding-bottom: 0; }
.homeHeader { padding: 16px 0 16px 210px; min-height: 100px; padding-left: 170px; color: #fff; }
.homeHeader h1 { margin: 0;padding-left: 0;padding-top: 15px;float: left;width: 804px;font-size: 41px;line-height: 40px;text-transform: none; }
.homeHeader h1 span {font-size: 27px;}
.homeHeader a { text-transform: uppercase; color: #fff; font-size: 12px; }
.homeHeader p { float: left; margin: 0; padding-top: 15px; }
.homeHeader p a { display: block; }

#homeFeatures { float: left; width: 600px; height: 535px; position: relative; }
#homeFeatures h2, #homeFeatures ul { background: #fff; padding: 18px 20px 18px 40px; width: 120px; position: relative; z-index: 2; }
#homeFeatures h2 { margin: 0; padding-bottom: 0; font-size: 17px; font-family: UnitMedium; padding-right: 42px; width: 98px; color: #585449; }
#homeFeatures li { padding-bottom: 5px; line-height: 18px; padding-bottom: 10px; }
#homeFeatures li a { font-size: 13px; color: #585449; }
#homeFeatures li a:hover { color: #E34826; text-decoration: none; }
#homeFeatures li.activeSlide a { color: #e34826; }
#featureContent, #featureContent > div { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; }
#featureContent .content { display: none; }
#featureContentBox { position: relative; z-index: 1; background: rgba(255,255,255,.85); padding: 26px 20px 26px 40px; width: 120px; }
.no-rgba #featureContentBox { background: url(/img/fallback/opaque_ffffff_85.png) repeat; }
#featureContentBox p { font-size: 13px; margin: 0 0 3px; line-height: 18px; }
#featureContentBox a { font-size: 12px; font-family: Unit; text-transform: uppercase; }
.homeCallouts { float: right; width: 380px; }
.homeCallouts h2 { padding: 18px 20px 18px 170px; font-size: 17px; margin: 0; font-family: UnitMedium; color: #585449; }
.homeCallouts li { clear: both; float: left; width: 100%; }
.homeCallouts img { float: left; margin-top: 20px; }
.homeCallouts .content { margin-left: 170px; padding: 20px 40px 20px 0; font-size: 13px; border-top: 1px solid #695f57; }
.homeCallouts .content a { font-size: 12px; }
.homeCallouts h3 { font-size: 13px; margin: 0; line-height: 8px; padding-bottom: 6px; line-height: 15px; font-family: unitMedium; }

.homeCallouts p { line-height: 18px; margin: 0; }
.homeCallouts a { text-transform: uppercase; }
#homeDrawers { clear: both; padding: 0; margin-top: 20px; width: 980px; -webkit-box-shadow: 0px 1px 10px 2px rgba(0, 0, 0, .2); -moz-box-shadow: 0px 1px 10px 2px rgba(0, 0, 0, .2); box-shadow: 0px 1px 10px 2px rgba(0, 0, 0, .2); }
#homeDrawers > ul { height: 30px; }
#homeDrawers > ul li { float: left; width: 20%; }
#homeDrawers > ul li a { display: block; font: normal 13px/27px UnitMedium; text-align: center; padding-left: 2px; text-transform: uppercase; color: #fff; border-left: 1px solid #766f64; border-top: 2px solid #766c64; border-bottom: 1px solid #6d675e; background-color: #5b534b; background-image: -webkit-gradient(linear, left top, left bottom, from(#696058), to(#5b534b)); background-image: -webkit-linear-gradient(top, #696058, #5b534b); background-image: -moz-linear-gradient(top, #696058, #5b534b); background-image: -ms-linear-gradient(top, #696058, #5b534b); background-image: -o-linear-gradient(top, #696058, #5b534b); background-image: linear-gradient(to bottom, #696058, #5b534b); }
#homeDrawers > ul li a:hover, #homeDrawers > ul .tabOn a { text-decoration: none; background: #fff; color: #e34826; border-color: #fff; }
#homeDrawers #drawers { clear: both; background: #fff; position: relative; overflow: hidden; height: 0; }
#homeDrawers #drawers > div { padding: 20px 10px; width: 960px; position: absolute; top: 0; left: 0; background: #fff; z-index: 0; }
#homeDrawers #drawers .visible { z-index: 1; }
#homeDrawers #drawers ul { float: left; width: 100%; background: url(/img/drawer_dividers.png) center repeat-y; }
#homeDrawers #drawers li { float: left; width: 260px; padding: 10px 30px 20px; color: #695f57; line-height: 17px; }
#homeDrawers #drawers li:first-child { margin-left: 0; }
#homeDrawers #drawers h3, #homeDrawers #drawers p { display: inline; font-size: 13px; float: left; width: 180px; }
#drawer5 p { width: 100%!important; }
#drawer5 .watch { display:block; }
#homeDrawers #drawers a { text-transform: uppercase; font-size: 12px; }
#homeDrawers #drawers img { float: left; margin: 0 20px 0 0; }
#homeDrawers #drawerFacebook img { width: 50px; }
#homeDrawers #drawerTwitter img { width: 48px; }
#homeDrawers #drawerYoutube img { width: 70px; }

/* Google Maps */
#map_canvas { border: 1px solid #D1D4D3; clear: both; height: 400px; width: 500px; }
#directions { float: left; width: 100%; border-top: solid 2px #ccc; padding-top: 10px; }
#directions .btn { display: block; margin-top: 10px; }
#directions .print { margin-bottom: 8px; float: left; clear: both; width: 100%; }
#directions .from, #directions .to { padding-bottom: 10px; }
#directions .where { display: block; font-size: 13px; }
#directions input.txt { border: none; padding: 5px; width: 489px; }
.iw { font-family: Unit; }

.adp-directions { font-size: 14px; }
.adp-placemark { background: #fbfbfb; border: solid 1px #eee; line-height: 38px; }
.adp-distance { text-align: right; }
#map_panel .errormessage { padding-top: 10px; float: left; clear: both; width: 100%; }

/*
CALENDAR
--------------------------------------------------------------*/
#primaryContent.calendar a { text-transform: uppercase; }
#secondaryNav .calendarFilter h2 { text-transform: none; margin-bottom: 5px; margin-top: 0; font-family: UnitMediumItalic; clear: left; font-size: 14px; color: #585449; text-transform: none; }
#secondaryNav .calendarFilter .toggle { text-transform: uppercase; margin-top: 5px; font-size: 13px; font-family: UnitMedium; color: #585449; float: left; width: auto; line-height: 17px; padding-bottom: 10px; padding-left: 16px; background: url(../../img/filterAccordArrows.jpg) no-repeat 0 -65px; }
#secondaryNav .calendarFilter .toggle:hover { cursor: pointer; }
#secondaryNav .calendarFilter .toggle.selected { background-position: 0 3px; color: #e24926; }
#secondaryNav .calendarFilter .collapse { display: none; float: left; width: auto; }
#secondaryNav .calendarFilter .collapse ul { padding-left: 15px; }
#secondaryNav .calendarFilter .collapse a.btn { display: inline; margin-left: 17px; top: -4px; position: relative; }

#secondaryNav .calendarFilter a.resultsBtn { text-transform: uppercase; font-size: 12px; display: inline; padding-left: 17px; position: relative; top: -3px; }
#secondaryNav .calendarFilter .miniCal a.resultsBtn { padding-left: 0; top: 0; font-family: Unit; }

#secondaryNav .calendarFilter label { font-size: 12px; float: left; width: 94px; line-height: 16px; clear: none; }
#secondaryNav .calendarFilter label.checekdLabel { color: #E34826; }
#secondaryNav .calendarFilter li { padding: 0; float: left; width: 135px; padding-bottom: 5px; }
#secondaryNav .calendarFilter li .checker { float: left; width: 21px; }
#secondaryNav .calendarFilter li .checker, #secondaryNav .calendarFilter li .checker * { outline: none; cursor: pointer; }
#secondaryNav .calendarFilter li .checker span { background: url(../../img/checkboxes.jpg) no-repeat 0 -32px; width: 20px; display: block; }
#secondaryNav .calendarFilter li .checker span.checked { background-position: 0 -4px; }

#secondaryNav .calendarFilter .miniCal { float: left; width: 135px; border-bottom: solid 1px #333; padding-bottom: 10px; padding-top: 5px; margin-bottom: 15px; }
#secondaryNav .calendarFilter .miniCal ul { margin: 0; padding: 0; }
#secondaryNav .calendarFilter .miniCal ul li { margin: 0; padding: 0; padding-bottom: 5px; list-style: none; background: url(../../img/calendarIcon.png) no-repeat right 0; }
#secondaryNav .calendarFilter .miniCal ul li.submitCal { background: none; }
#secondaryNav .calendarFilter .miniCal label { float: left; width: 35px; clear: both; text-transform: uppercase; }
#secondaryNav .calendarFilter .miniCal input { border: none; background: #ebeae8; height: 17px; line-height: 17px; width: 75px; float: left; font-size: 12px; text-align: center; font-family: UnitMedium; }
#secondaryNav .calendarFilter .miniCal input:focus { outline: solid 1px #d3d3cc; }
#secondaryNav .calendarFilter .miniCal .btn { display: inline; }

#secondaryNav .calendarFilter .filter { float: left; width: 150px; position: relative; left: -17px; }

.keywordSearch { float: left; width: 100%; clear: both; border-bottom: solid 1px #ccc; border-top: solid 1px #ccc; padding: 15px 0; }
.keywordSearch input { border: none; background: #e4e3de; text-transform: uppercase; font-size: 10px; font-family: UnitMedium; padding: 2px; }

.calendar h1 { color: #e24926; font-size: 19px; margin-bottom: 0; margin-top:0; }
.calendarUtils { float: left; width: 690px; padding-bottom: 5px; }
.calendarUtils .calendarPager { width: auto; float: right; }
.calendarUtils .calendarPager a, .calendar .calendarPager a:visited, .calendarPager span { font-size: 11px; }
.calendarUtils .calendarPager a.aspNetDisabled, .calendarPager span { color: #695f57; text-decoration: none; }
.calendarPager span { color: #E24926; }
.calendarUtils .pageTools { float: right; width: auto; padding-left: 10px; }

.pageTools li { position: relative; }
.pageTools li:first-child { }
.pageTools li:first-child a { float: right; }
.pageTools li .shareThisWrapper { position: absolute; z-index: 15; display: none; padding: 10px; right: 0; top: 28px; width: 68px; background: #fff; border: #ccc 1px solid; border-radius: 3px; box-shadow: #999 0 0 7px; }
.pageTools li .shareThisWrapper.openedShare { }
.pageTools li .shareThisWrapper span { float: left; margin: 0 1px; }
.pageTools li .shareThisWrapper span span { margin: 0; }
.pageTools li .shareThisWrapper .arrow { position: absolute; top: -10px; right: 18px; }
/*.fixedPageTools li .shareThisWrapper {position:absolute; top:25px; right:20px;}
.fixedPageTools li .shareThisWrapper .arrow {position:absolute; top:-16px; right:48px;}
.introArea {position:relative;}
.introArea li .shareThisWrapper {position:absolute; top:61px; right:20px;}
.introArea li .shareThisWrapper .arrow {position:absolute; top:-18px; right:48px;}
.sectionHeading {position:relative;}
.sectionHeading li .shareThisWrapper {position:absolute; top:26px; right:-41px;}
.sectionHeading li .shareThisWrapper .arrow {position:absolute; top:-23px; right:48px;}*/

.featuredCalendar { float: left; width: 690px; border-top: solid 1px #695f57; position: relative; }
.featuredCalendar h2 { color: #4861a5; text-transform: none; position: relative; padding-bottom: 16px; }
.featuredCalendar .featureImg { float: left; width: 330px; }
.featuredCalendar .featureImg .title { background: #c6c3b8; text-transform: uppercase; float: left; color: #695f57; width: 310px; padding: 5px 10px; }
.featuredCalendar .featureDesc { width: 337px; padding-left: 20px; float: left; }
.featuredCalendar .featureDesc p { margin: 0; }
.featuredCalendar .featureDesc ul { padding: 0; margin: 0; }
.featuredCalendar .featureDesc ul li { list-style: none; padding-bottom: 5px; font-size: 13px; }
.featuredCalendar .featureDesc ul li strong { display: block; font-family: UnitMediumItalic; line-height: 13px; }
.featuredCalendar .featureDesc .utilities { float: left; clear: both; width: 100%; text-align: right; position: absolute; bottom: -8px; right: 0; }
.featuredCalendar .featureDesc .utilities ul { float: right; padding: 11px 0; }
.featuredCalendar .featureDesc .utilities .btn { float: right; text-align: center; clear: both; width: 76px; }

.noResults { float: left; width: 100%; clear: both; padding-top: 10px; }

.ui-datepicker { background: #fff; -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, .4); -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, .4); box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, .4); left: 215px !important; top: 258px !important; }
.ui-datepicker-calendar { width: 200px; float: left; clear: both; }
.ui-datepicker-calendar thead { display: none; }
.ui-datepicker-calendar td { background: #c5c3b7; text-align: center; font-size: 10pt; border: solid 1px #fff; padding: 5px 14px; }
.ui-datepicker-calendar td:hover { background: #b3afa5; cursor: pointer; }
.ui-datepicker-calendar td.ui-datepicker-other-month, .ui-datepicker-calendar td.ui-datepicker-other-month:hover { background: #e1e0db; }
.ui-datepicker-calendar td a, .ui-datepicker-calendar td a:visited { color: #E24826; text-decoration: none; font-family: UnitMedium; }
.ui-datepicker-calendar .ui-datepicker-today { background: #e24826; }
.ui-datepicker-calendar .ui-datepicker-today:hover { background: #cd4223; }
.ui-datepicker-prev, .ui-datepicker-next { top: 6px; background: url(../../img/calendarArrows.png) no-repeat 0 0 !important; position: relative; left: 48px; float: left; height: 19px !important; width: 19px !important; text-indent: -9999pc; display: block; }
.ui-datepicker-next { background-position: -35px 0 !important; float: right; left: -50px; }
.ui-datepicker-title { width: 160px; float: left; position: relative; left: 52px; padding: 4px 0; }
.ui-datepicker-title select { font-size: 12px; width: 75px; border: none; }
.ui-datepicker-title select.ui-datepicker-month { margin-right: 7px; }

.calendarPrefs { width: 690px; clear: both; float: left; padding-top: 30px; }
.calendarPrefs h2 { color: #4861a5; text-transform: none; margin: 0; padding: 10px 0; }
.calendarPrefs ul { padding: 0; margin: 0; }
.calendarPrefs ul li { list-style: none; border-top: solid 1px #695f57; float: left; width: 100%; clear: both; padding-bottom: 30px; }

.calendarPrefs ul li ul li { border: none; }
.calendarPrefs .thumbnail { float: left; width: 210px; }
.calendarPrefs .imageResize img {width: 210px; height:140px;}
.calendarPrefs .thumbnail .title { background: #c6c3b8; float: left; color: #695f57; width: 190px; padding: 5px 10px; text-transform: uppercase; }
.calendarPrefs .preformanceDesc { width: 290px; padding-left: 20px; float: left; }
.calendarPrefs .preformanceDesc ul { padding: 0; margin: 0; }
.calendarPrefs .preformanceDesc ul li { list-style: none; padding-bottom: 5px; font-size: 13px; }
.calendarPrefs .preformanceDesc ul li strong { display: block; font-family: UnitMediumItalic; line-height: 13px; }
.calendarPrefs .utilities { padding: 0 5px 40px 0; position: relative; top: -33px; overflow: hidden; }
.calendarPrefs .utilities ul { float: right; }
.calendarPrefs .utilities li { clear: none; }
.calendarPrefs .utilities a.btn { width: 76px; text-align: center; float: right; }
.calendarPrefs ul.pageTools li { padding-bottom: 17px; }
.imageResize img {width: 210px; height:140px;}
.imageResizeTemplate1 img {width: 300px; height:200px;}
.imageResizeTemplate3 img {width: 370px; height:247px;}
.imageResizeTemplate9 img {width: 179px; height:119px;}

/* 
Calendar Grid View 
-------------------------------------------------------------*/
/* Calendar */
#calendar { padding: 0 30px 30px; /* SAM - THIS BROKE THE VIEW MODE BUTTONS ON CFS CALENDAR - NOT SURE WHY position: relative; z-index: 2; */ }
#calendar h1 { margin-top:25px;}
#calendar #bodycontent { clear:both}
#calendar caption { text-indent: -99999em; height: 0; }
#calendar a { display: block; }
#calendar a:hover { cursor: pointer; }
#calendar .b { border-color: #5C3160; }
#calendar .c { border-color: #4a8ed3; }
#calendar .g { border-color: #404040; }
#calendar .b > a { color: #5C3160; }
#calendar .c > a { color: #4a8ed3; }
#calendar .g > a { color: #404040; }
#calendar table { width: 100%; border-collapse: collapse; }
#calendar table.RadCalendar { margin-top: 20px; }
#calendar th, #calendar td { vertical-align: top; font: normal 10px/normal Arial, sans-serif; }
#calendar th { text-align: center; padding: 4px 0; border-top: 2px solid #e0e0e0; }
#calendar td { height: 70px; color: #636465; position: relative; }
#calendar td.rcOutOfRange, td.rcOtherMonth { /*position:static!important;*/ }
#calendar .rcRow td { padding: 0; }
#calendar .rcTitle { background: #928e7f; color: #fff; text-align: center; font-size: 16px; padding: 10px 0; margin: 0; height: auto; }
#calendar .rcTitlebar { height: auto; border: 1px solid #e0e0e0; border-bottom: 0; }
#calendar .rcTitlebar td { border-color: #C6C3B8; text-align: center; background: #585449; vertical-align: middle; height: 50px; width: 107px; }
#calendar .rcTitlebar .rcTitle { color: #fff; font-family: Unit; width: 430px; vertical-align: middle; font-size: 22px; text-transform: uppercase; }
#calendar .rcTitlebar input { vertical-align: middle; }
#calendar .rcMainTable th, #calendar .rcMainTable td { border: 1px solid #ccc; width: 107px; }
#calendar .rcFastPrev, #calendar .rcFastNext { display: none; }
#calendar .rcPrev, #calendar .rcNext { display: inline-block; width: 24px; height: 25px; position: relative; text-indent: -9999em; }
#calendar .rcPrev { background: url(/img/calendar_prev.png) no-repeat 0 2px; float: right; }
#calendar .rcNext { background: url(/img/calendar_next.png) no-repeat 0 2px; float: left; }
#calendar .rcWeek th { background: #C6C3B8; color: #fff; text-transform: uppercase; }
#calendar .rcOtherMonth, #calendar .rcOutOfRange { background-color: #f5f5f5; }
#calendar td > strong { display:block; background: #FBFBFB; width: 20px; padding: 3px 0; margin-bottom:5px; text-align: center; border: solid #E8E8E8; border-width: 0 1px 1px 0; }
#calendar td.current > strong { background: #3562A5; border-color: #3562A5; color: #fff; }
#calendar td .event { border-left-width: 4px; border-left-style: solid; margin: 6px 0; padding: 0 6px; position: relative; z-index: 1; line-height: 1.3; }
#calendar td .event > a { display: block; font-weight: normal; text-decoration: underline; cursor: pointer; }
#calendar td .viewing { z-index: 2; position: relative; }
#calendar td > div { margin: 5px; border-bottom: dotted 1px #ccc; }
#calendar .RadCalendarMultiView td > div { margin:0; border: none; width:auto; }
#calendar .tooltip { position: absolute; left: 105%; top: -50px; }
#calendar .tooltip.fromLeft { left: -288px; }
#calendar .tooltipWrap img { max-width: 304px; margin-bottom: 10px; }
#calendar .tooltipWrap div { padding: 8px 0 0; }
#calendar .tooltipWrap div p { margin-top: 0; margin-bottom: 10px; }
#calendar .tooltipWrap .btns { display: block; text-align: right; }
#calendar .tooltipWrap .btn { margin-right: 5px; }
#calendar .tooltipWrap .buyTix { float: left; text-align: center; }
#calendarTools {margin-top: -65px;}
#calendarTools #eventKey li { margin-bottom: 5px; }
#viewMode { float: right; width: auto; }
#viewMode span { display: block; font-size: 11px; padding-right: 7px; float: left; clear: both; width: auto; }
#jumpToMonth { float: right; width: auto;  }
#jumpToMonth label { display: block; font-size: 11px; padding:0; float: right; clear: both; width: auto; }
#jumpToMonth select { width: 150px; float: right; clear: both; padding: 3px; font-size: 10px; }
.viewMode { float:right; width:auto; text-align:right; position:relative; top:6px; }
.viewMode span { display:block; font-size:11px;}
.viewMode input {}
#eventKey { float: right; }
#eventKey ul, #eventKey li { margin: 0; padding: 0; list-style: none; text-align: right; }
#eventKey li { color: #636465; font-size: 10px; border-right: solid 6px; margin-bottom: 10px; padding-right: 6px; }
#eventKey li.b { border-color: #5C3160; }
#eventKey li.c { border-color: #4a8ed3; }
#eventKey li.g { border-color: #404040; }

.calWrapper, .calListView { float:left; width:100%; clear:both;}


#venueColorList { font-size: 11.3px; float: right; width: 565px; clear:both; padding:10px 0; }
#venueColorList span { float: left; width: 100%; }
#venueColorList span span { float: right; padding-left: 15px; width: auto; }
#venueColorList span span span { float: none; padding: 0; }
#venueColorList br { display: none; }

.dot { width: 8px; height: 8px; display: block; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; margin: 2px 0 0 5px; clear:left; }
.event0 { background-color: #C50000; }
.event1 { background-color: #ff9900; }
.event2 { background-color: #406BE7; }
.event3 { background-color: #0F2B7C; }
.event4 { background-color: #840202; }
.event5 { background-color: #e7d940; }
.event6 { background-color: #810289; }
.event7 { background-color: #b7ea05; }
.event8 { background-color: #6A1BB8; }
.event9 { background-color: #E7A240; }
.event10 { background-color: #32C729; }
.event11 { background-color: #26C8C2; }
.borderOnly { width: 6px; height: 6px; border-width: 1px; border-style: solid; background-color: #FFF; border-color: #202020; }
 
/*
POPOUTS
--------------------------------------------------------------*/
.tooltip { display: none; position: absolute; z-index: 999; top: 0; left: 100%; }
.tooltipWrap { background: #e7e8e2; color: #433b31; width: 300px!important; position:relative; float: left; padding: 20px 15px; line-height: 17px; margin: 0; font-size: 11px; }
.tooltipWrap:before { content: ''; position: absolute; display: block; height: 20px; width: 10px; top: 50px; left: -10px; background: url(/img/tooltip_arrow.png) no-repeat; }
.tooltipWrap h2 { font-size: 16px; margin-top: 5px; }
.tooltipWrap h3 { margin: 0; font-size: 11px; color: #666; }
.tooltip.fromLeft .tooltipWrap:before { left: auto; right: -9px; background: url(/img/tooltip_arrow_right.png) no-repeat; }
.tooltipWrap .btn { display: inline-block !important; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.close { position: absolute; color: #fff; cursor: pointer; top: -10px; right: -10px; font-weight: bold; font-size: 15px; display: block; text-align: center; padding: 4px 6px; overflow: hidden; background: #696058; -webkit-border-radius: 2px; border-radius: 2px; }
.close:hover { text-decoration: none; background: #57504a; }

/* 
Play Details
--------------------------------------------------------------*/
.playDetails #landingStage .calloutArea p { margin-bottom: 15px; }
.playDetails blockquote { margin: 0; font-size: 25px; line-height: 30px; }
.playDetails h1 { font-size: 25px; margin-bottom: 18px; margin-top:35px; }
.playDetails ul li { padding-bottom: 0; }
.playDetails .contentArea a { text-transform: uppercase; font-size: 12px; }

/* 
Directory
--------------------------------------------------------------*/
.directoryListing { float: left; width: 500px; }
.directoryListing h1 { color: #e24926; text-transform: none; margin-bottom: 20px; }
.directoryListing ul { margin: 0; padding: 0; }
.directoryListing ul li { list-style: none; float: left; width: 100%; clear: both; padding-bottom: 20px; }
.directoryListing ul li p { margin: 0; padding: 0; }

.directoryListing .directoryFilter { border-bottom: solid 1px #333; float: left; clear: both; width: 100%; padding-bottom: 15px; margin-bottom: 20px; }
.directoryListing .directoryFilter h2 { font-size: 16px; text-transform: uppercase; margin: 0; color: #E24926; font-family: UnitMedium; padding-bottom: 10px; }
.directoryListing .directoryFilter select { border: none; font-size: 11px; padding: 2px; width: 190px; }
.directoryListing .directoryFilter .calendarPager { float: right; width: auto; }
.directoryListing .pageTools { float: right; width: auto; }
.directoryListing .pageTools li { padding-bottom: 0; }


/*
Music Player 
--------------------------------------------------------------*/
.musicPlayer, .audioInclude { border: solid 1px #d1cdca; overflow: hidden; }
.audioInclude { background: #fff; height: 27px; width: 93%; overflow: hidden; }
.audioInclude object { display: none; }
.audioInclude a object { display: block; }
.audioInclude a { height: 26px !important; overflow: hidden; }
.musicPlayer a { height: 26px !important; width: 498px !important; overflow: hidden; }

/*
Privacy Policy 
--------------------------------------------------------------*/
.privacyPolicy p strong { text-transform: uppercase; }

/*
Blog
--------------------------------------------------------------*/
.blogWrapper { float: left; clear: both; }
.blogWrapper #primaryContent { float: left; padding-left: 40px; width: 685px; }
.blogWrapper .calloutArea { padding: 40px 0 0 25px; }
.blogWrapper #primaryContent .contentArea { font-size: 13px; width: 100%; line-height: 18px; }

.blogWrapper .calloutArea .rssLink a { padding-left: 21px; display: block; font-size: 15px; padding-top: 1px; background: url(../../img/rss.png) no-repeat 0 2px; }

.blogItem { border-bottom: solid 1px #ccc; padding-bottom: 20px; width: 100%; float: left; clear: both; }
.blogItem h1 { margin-bottom: 6px; font-size: 21px;}
.blogItem h2 { margin: 0; padding: 0; font-weight: normal; font-size: 13px; text-transform: none; color: #767270; padding-bottom: 10px; }
.blogItem h2 span { color: #a8a6a5; }
.blogItem .btn { float: right; }
.blogItem .tags { padding-top: 8px; }
.blogItem .tags h2 { float: left; margin-right: 5px; }
.blogItem .tags ul { float: left; width: auto; margin: 0; padding: 0; }
.blogItem .tags ul li { float: left; padding-right: 5px; border-right: solid 1px #ccc; list-style: none; margin-right: 5px; padding-bottom: 0; }
.blogItem .blogUtil { width: 100%; clear: both; float: left; padding-top: 10px; }
.individualPost .tags { padding-bottom: 5px; float: left; width: 100%; }

.tagCloudWrapper { border-top: 1px solid #585449; }
.tagCloud { float: left; width: 170px; clear: both; height: auto; margin: 0; text-align: left; margin-bottom: 30px; line-height: 15px; padding: 0; }
.tagCloud a { line-height: 36px; }
.tagCloud li { margin: 0; list-style: none; display: inline; text-align: center; zoom: 1; }
.tagCloud li h1, .tagCloud li h2, .tagCloud li h3, .tagCloud li h4, .tagCloud li h5, .tagCloud li h6 { display: inline; text-transform: lowercase; padding: 0 !important; margin: 0; line-height: 19px !important; }
.tagCloud li h1 { font-size: 28px; }
.tagCloud li h2 { font-size: 23px; color: #686868; }
.tagCloud li h3 { font-size: 16px; font-weight: bold; }
.tagCloud li h4 { font-size: 14px; }
.tagCloud li h5 { font-size: 10px; font-weight: bold; }
.tagCloud li h6 { font-size: 8px; color: #888888; }
.tagCloud li a { font-weight: normal; }
.tagCloud * { font-weight: normal; color: #333; }

.recentArticles { border-top: 1px solid #585449; }
.recentArticles ul { padding-left: 10px; background: #fafafa; }
.recentArticles ul li { list-style: none; border-bottom: dotted 1px #ccc; }
.recentArticles ul li a { font-size: 13px; }
.recentArticles h2 { margin-bottom: 5px; margin-top: 15px; }

.archive { border-top: 1px solid #585449; margin-bottom: 15px; }
.archive h2 { margin-bottom: 5px; margin-top: 15px; }
.archive ul { margin: 0; padding: 0; }
.archive ul li { list-style: none; }
.archive ul li ul { display: none; background: #fafafa; padding-left: 10px; font-size: 13px; }
.archive ul li ul li { border-bottom: dotted 1px #ccc; }
.archive a { display: block; }
.archive a.toggleLink { background: url(../../img/accordArrows.png) no-repeat right 5px; border-bottom: solid 1px #ccc; }
.archive a.toggleLink:hover { text-decoration: none; }
.archive a.selected { color: #E34826; background-position: right -19px; border: none; }

.comment { float: left; width: 100%; clear: both; padding-top: 10px; }
.comment ul { margin: 0; padding: 0; float: left; width: 100%; }
.comment ul li { float: left; clear: both; width: 100%; padding-bottom: 10px; list-style: none; }
.comment .validator { float: left !important; color: #E34826; }
.individualPost .blogItem { margin-bottom: 20px; }

.comment input, .comment textarea, .comment select { border: none; float: left; width: auto; background: #e3e3dd; clear: left; font-size: 12px; padding: 3px; width: 450px; }
.comment input:focus, .comment textarea:focus, .comment select:focus { outline: solid 1px #d3d3cc; }
.comment label { float: left; clear: both; width: auto; font-size: 14px; color: #48433F; }
.comment fieldset, .comment fieldset img { float: left; clear: both; width: auto; }
.comment textarea { height: 60px; }
.comment .captcha img { border: solid 1px #ddd; padding: 3px; margin: 5px 0; }

.comments { float: left; width: 100%; clear: both; padding-top: 10px; }
.comments { margin: 0; padding: 0; }
.comments li { list-style: none; padding: 10px 0 0; margin-bottom: 15px; border-bottom: solid 1px #eee; }
.comments li h2 { padding: 0; margin: 0; font-size: 12px; margin-top: 10px; text-transform: none; }
.comments li h2 .titleDesc { color: #a8a6a5; font-weight: normal !important; }

/*Blog landing page*/
.blogLanding .blogItem { padding-bottom:10px; width:700px;}
.blogLanding .blogItem .secondaryTitle{color: #e34826;}
.blogLanding h1 a {color:#585449}

/*
Disqus
--------------------------------------------------------------*/
#disqus_thread { border-top: solid 2px #585449; }
.disqus { padding: 20px 40px 0 0; clear: both; }
.disqus #comment { background: #e3e3dd; }
#disqus_thread #dsq-content .dsq-toolbar-item { background: #585449; }
#disqus_thread #dsq-content .dsq-toolbar-item:hover { background: #4c483f; }
#disqus_thread #dsq-content .dsq-toolbar-item.dsq-toggled { background: #393631; padding: 3px; }
#dsq-content .dsq-like-thread .dsq-toolbar-item.dsq-toggled .dsq-toolbar-icon { background-position: 0 0 !important; }
#dsq-content .dsq-dislike-thread .dsq-toolbar-item.dsq-toggled .dsq-toolbar-icon { background-position: -16px -16px !important; }
#disqus_thread .dsq-textarea-background { background: #E3E3DD; border: none; -webkit-border-radius: 0px; border-radius: 0px; -webkit-box-shadow: none; box-shadow: none; }
#disqus_thread .dsq-textarea-background:focus { border: solid 1px red; }
#disqus_thread .dsq-textarea-background textarea { background: #E3E3DD; }
#disqus_thread .dsq-post-tools { background: #f2f2f2; }
#disqus_thread select { border: none; padding: 2px; font-size: 12px; }
#disqus_thread .dsq-reply { border-bottom: solid 1px #585449; margin-bottom: 20px; }
.dsq-comment { border-bottom: dotted 1px #ccc; padding: 5px 0; }
#dsq-content .dsq-comment-text p { font-size: 13px; line-height: 17px; }
#disqus_thread .dsq-comment-footer a, .dsq-comment-footer a:visited { color: #3562A5 !important; opacity: 1 !important; }
#disqus_thread .dsq-comment-header { background: #F2F2F2; border: 1px solid #DDD; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
#disqus_thread .dsq-post-tools .dsq-post-as .dsq-button { display: inline-block; font-weight: normal; color: #fff !important; text-shadow: none; top: 0; font: normal 12px/22px Unit; height: 32px; padding: 0 20px; text-transform: uppercase; border: 0; border-top: 2px solid #5073b1; border-bottom: 2px solid #2f5d9d; background: #3263a7; background-image: -webkit-gradient(linear, left top, left bottom, from(#3263a7), to(#2f5d9d)); background-image: -webkit-linear-gradient(top, #3263a7, #2f5d9d); background-image: -moz-linear-gradient(top, #3263a7, #2f5d9d); background-image: -ms-linear-gradient(top, #3263a7, #2f5d9d); background-image: -o-linear-gradient(top, #3263a7, #2f5d9d); background-image: linear-gradient(to bottom, #3263a7, #2f5d9d); }
#disqus_thread .dsq-post-tools .dsq-post-as .dsq-button:hover { text-decoration: none; color: #fff; border-top-color: #2f5d9d; border-bottom-color: #2f5d9d; background: #245ca5; /* Old browsers */ background: -moz-linear-gradient(top, #245ca5 1%, #1d4b9b 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#245ca5), color-stop(100%,#1d4b9b)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #245ca5 1%,#1d4b9b 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #245ca5 1%,#1d4b9b 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #245ca5 1%,#1d4b9b 100%); /* IE10+ */ background: linear-gradient(top, #245ca5 1%,#1d4b9b 100%); /* W3C */ }
#disqus_thread .dsq-commenter-name { font-weight: normal; }
#disqus_thread #dsq-content #dsq-messagesx-toolbar-icon.dsq-unread { width: 13px; height: 14px; background: #E34826 !important; border: 1px solid #C03F23 !important; }
#disqus_thread #dsq-content .dsq-inbox a, #disqus_thread #dsq-content .dsq-inbox a:visited, #dsq-content #dsq-toolbar-dropdown a, #dsq-content #dsq-toolbar-dropdown a:visited { text-transform: none; }
#dsq-popup-message { left: 130px !important; }
.dsq-global-toolbar-dropdown-container { display: none; }

/*
Login Page
--------------------------------------------------------------*/
.loginPage ul { margin: 0; padding: 0; }
.loginPage ul li { list-style: none; float: left; width: auto; clear: both; padding-bottom: 15px; }
.loginPage ul li label { display: block; float: left; width: auto; }
.loginPage input { float: left; clear: both; border: none; }

/* Auto Complete */
.autocompleteDropdown { padding: 4px !important; background-color: #fff !important; /*top:24px!important;*/ margin: 0 !important; cursor: pointer !important; width: 506px !important; max-height: 200px; overflow-x: no-display; overflow-y: scroll; border: solid 1px #ccc; border-top: none; }
.autocompleteDropdown li { color: #333 !important; padding: 3px 4px !important; background-color: #fff !important; border-bottom: dotted 1px #ccc; }
.autocompleteDropdown li:hover { background-color: #f6f6f6 !important; color: #333 !important; cursor: pointer !important; }
.autocompleteDropdown .highlightedDropdownAutoComplete { background-color: #f6f6f6 !important; }
.autocompleteDropdown .unhighlightedDropdownAutoComplete { background-color: #fff !important; }

.autocompleteDropdownHeader { padding: 4px !important; background-color: #fff !important; margin: 0 !important; cursor: pointer !important; width: 150px !important; max-height: 200px; overflow-x: no-display; overflow-y: scroll; border: solid 1px #ccc; border-top: none; z-index: 999 !important; }
.autocompleteDropdownHeader li { color: #333 !important; padding: 3px 4px !important; background-color: #fff !important; border-bottom: dotted 1px #ccc; float: left; width: 125px; clear: both; }
.autocompleteDropdownHeader li:hover { background-color: #f6f6f6 !important; color: #333 !important; cursor: pointer !important; }
.autocompleteDropdownHeader .highlightedDropdownAutoComplete { background-color: #f6f6f6 !important; }
.autocompleteDropdownHeader .unhighlightedDropdownAutoComplete { background-color: #fff !important; }

/* TNEW Styling */
#mcLayout .contentArea { width: 90%; font-size: 14px; }
#mcLayout #siteHeader { margin-bottom: 55px; }
#mcLayout b { font-weight: normal !important; font-family: unitMedium; }
#mcLayout label { float: none; }
#mcLayout #primaryContent { padding-top: 10px; }

#mcLayout .tnewNav { text-align: left !important; }
#tnew_box_calendar td { background: #E1E0DB; border: solid 1px #fff; color: #fff; font-size: 12px; font-weight: bold; }
#tnew_box_calendar td.c1 { background: #C5C3B7; }
#tnew_box_calendar td.perfDayOff { background: #B3B1A6; }
#tnew_box_calendar td.perfDayOn { background: #a3a29d; }
#tnew_event_listing, #tnew_event_listing td { font-size: 12px; font-weight: normal !important; }
#tnew_event_listing td { border-bottom: dotted 1px #CCC; padding: 5px 0; }
.caltextctrl-perf-detail-title { font-weight: normal !important; font-family: unitMedium; }
.caltextctrl-day-container { border-bottom: dotted 1px #ccc; }

.bgc3 { font-size: 12px; font-weight: normal; }
.huge.c1 { font-size: 25px; color: #E24926; line-height: 28px; padding-top: 15px; }
.txtBox { padding: 1px 2px 4px; }

#TNEW_Tabs a, TNEW_Tabs a:visited { padding-left: 0; }
#tnew_event_listing td { padding-left: 0 !important; }

#mcLayout.checkout table, #mcLayout.cart table { font-size: 8px !important; }

/* Sitemap */
#siteMap ul { padding: 0; margin: 0; }
#siteMap li { list-style: none; }
#siteMap ul ul li { padding: 0; margin: 0 10px 35px 0; }
#siteMap ul ul li span { font-size: 20px; border-bottom: #ddd 1px solid; display: block; padding-bottom: 1px; margin-bottom: 6px; }
#siteMap ul ul ul { margin-left: 15px; }
#siteMap ul ul ul li { list-style-type: disc; padding: 0; margin: 0 0 20px; }
#siteMap ul ul ul ul { border-bottom: 1px dotted #ddd; padding-bottom: 5px; margin: 3px 0 0 0; }
#siteMap ul ul ul ul li { list-style-type: circle; list-style-position: inside; margin: 0; }
#siteMap ul ul ul ul ul { border: none; margin-left: 15px; }
#siteMap ul ul ul ul ul li { list-style-type: square; }
#siteMap ul ul ul ul ul ul li { list-style-type: disc; }

#siteMap ul li:first-child a { display: inline-block; color: #fff; font: normal 13px/22px UnitMedium, arial; height: 22px; padding: 0 20px; width: auto; text-transform: uppercase; border: 0; border-top: 2px solid #5073b1; border-bottom: 2px solid #2f5d9d; background-color: #3263a7; background-image: -webkit-gradient(linear, left top, left bottom, from(#3263a7), to(#2f5d9d)); background-image: -webkit-linear-gradient(top, #3263a7, #2f5d9d); background-image: -moz-linear-gradient(top, #3263a7, #2f5d9d); background-image: -ms-linear-gradient(top, #3263a7, #2f5d9d); background-image: -o-linear-gradient(top, #3263a7, #2f5d9d); background-image: linear-gradient(to bottom, #3263a7, #2f5d9d); margin-bottom: 20px; }
#siteMap ul li:first-child a:hover { background: #1f59a5; text-decoration: none; }
#siteMap ul ul li a { color: #3562A5 !important; background: none !important; font: 16px/22px Unit,Helvetica,Arial,sans-serif !important; border: none !important; text-transform: none !important; padding: 0 !important; margin: 0 !important; display: inline !important; }
#siteMap ul ul li a:hover { background: none !important; text-decoration: underline !important; }

/* Cart Timer */
.cartTimer { width:100%; /*position:fixed; z-index:9999;*/ background:#e24926;  float:left; color:#fff; text-shadow: 1px 1px 1px #b22a0b; font-size:13px; padding:4px 0; border-bottom:solid 2px #b22a0b; } 
.cartTimer .timer { margin-left:45px; padding-left:20px; float:left; background: url(../../img/alertIcon.png) no-repeat left 4px;}
.cartTimer .closeTimer { float:right; border-radius:3px; margin-top:1px; margin-right:10px; -webkit-border-radius:3px; background:#e7684b; color:#fff; font-size:11px; padding:3px 6px;}
.cartTimer .closeTimer:hover { background:#ca4123;}

/* Social Share */
.socialShareMessage {float: left;background: #F8F8F8;width: 93%;padding: 10px 2%;border: solid 1px #EEE;font-size: 12px;margin: 10px 0 30px;}
.socialShareMessage p { margin:0;}

/* max Quantity Form */
.applicantListWrapper { float:left; width:100%; clear:both; padding:10px 0;}
.applicantListWrapper .applicantList { float:left; width:100%; clear:both; padding:0 0 10px;}

/* Facebook Share */
.facebookCommentWrapper { margin-top:30px;}

/* xforms */

.xForm #id_matrix {
    position: relative;
}

.xForm #id_matrix > div:before, .xForm #id_matrix > div:after {
    content: '';
    display: table;
}

.xForm #id_matrix > div:after {
    clear: both;
}

.xForm #id_matrix > div > span {
    width: auto;
    display: inline-block;
    margin-top: 15px;
}

.xForm #id_matrix > div > span:before {
    display: block;
    width: 100%;
    height: 1px;
    content: '';
    border-top: 1px solid #DDD;
    position: absolute;
    margin-top: -15px;
}

.xForm #id_matrix fieldset {
    background: none;
    margin: 0;
}

.xForm #id_matrix input[type="radio"] {
    height: 2em;
}

.xForm #id_matrix input[type="radio"] + label {
    border: none;
    padding-bottom: 5px;
    height: 2em;
    line-height: 2em;
}

.xForm #id_matrix input[type="text"] {
    display: inline-block;
    width: 250px;
}

.xForm #id_matrix input[type="checkbox"] {
    margin-top: 15px;
}

.xForm #id_matrix input[type="checkbox"] + label {
    border: none;
    padding-right: 0;
    width: 425px;
    margin-top: 15px;
}

.xForm #id_matrix label:first-child {
    margin-top: 15px;
}

/*
IE ALL
--------------------------------------------------------------*/
.ie .thumb210 img:hover { filter: alpha(opacity=60); }
.ie #id_matrix fieldset input { top: 0px; }
.ie .btn, .ie .smallBtn {behavior: url(/pie.htc); position: relative; zoom: 1;}
/*.ie .pageTools li .shareThisWrapper .arrow {top:-12px;}
.ie .calendarPrefs ul li .shareThisWrapper .arrow {top:-13px;}
.ie .sectionHeading li .shareThisWrapper .arrow {top:-21px;}*/

.attachements input[type=submit].btn { float:left; display:inline; clear:none!important; margin:10px 0 0 10px;}


/*
IE 9
--------------------------------------------------------------*/
.ie9 { }

/*
IE 8
--------------------------------------------------------------*/
.ie8 { }
.ie8 .ui-datepicker { border: solid 1px #ccc; }
.ie8 .#meganav .ui-datepicker { border: none; }
.ie8 #id_matrix fieldset input[type=radio] + label { padding-left: 0; }

/*
IE 7
--------------------------------------------------------------*/
.ie7 audio, .ie7 canvas, .ie7 video { display: inline; zoom: 1; }
.ie7 legend { margin-left: -7px; }
.ie7 #id_matrix fieldset legend { margin-left: -12px; }
.ie7 #id_matrix fieldset legend em { display: block; width: 450px; white-space: normal; font-family: Unit; }
.ie7 #id_matrix fieldset.checkBoxFieldSet legend { margin-left: -7px; }
.ie7 button, .ie7 input, .ie7 select, .ie7 textarea { vertical-align: middle; }
.ie7 button, .ie7 input[type="button"], .ie7 input[type="reset"], .ie7 input[type="submit"] { overflow: visible; }
.ie7 input[type="checkbox"], .ie7 input[type="radio"] { width: 13px; height: 13px; margin-top: 4px; }
.ie7 #id_matrix .choice { clear: both; }
.ie7 #id_matrix fieldset input[type=radio] + label { padding-left: 0; }
.ie7 .cf { zoom: 1; }
.ie7 #searchBox { line-height: 22px; }
.ie7 #siteFooterContent div { float: left; width: 100%; }
.ie7 .grid > li { display: inline; zoom: 1; }
.ie7 .grid2col { width: 800px; }
.ie7 .grid2col > li { padding-right: 30px; }
.ie7 .grid3col { width: 690px; }
.ie7 .grid3col > li { padding-right: 20.5px; }
.ie7 .grid4col { width: 788px; }
.ie7 .grid4col > li { padding: 0 18px 25px 0; }
.ie7 .thumbFloat .thumbBar span { margin-top: -30px; }
.ie7 #homeDrawers #drawers h3 { padding-right: 3px; }
.ie7 .thumb210 .content { zoom: 1; }
.ie7 .pageTools li:first-child { width: 160px; }
.ie7 #id_matrix fieldset br { display: block; }
.ie7 ul.errors { padding-bottom:5px;} 

/*
TEMP CSS: USED DURING DEVELOPMENT
--------------------------------------------------------------*/
/*#mainContent { background: #fff url(/img/placeholders/bottom_clearspace.png) bottom center no-repeat; }*/
.checkoutBtn:after {margin-left: 5px;content: '►';}
.inlineBlock {display:inline-block;}

/*
DONATION PAGE UNRESTRICTED
--------------------------------------------------------------*/
.donation .supportUs h2 {margin-bottom: 20px;}    
.donation #paymentOptions {border-bottom: #ccc 1px dotted; padding-bottom: 10px; margin-bottom: 20px;}
.donation #paymentOptions div {margin-bottom: 10px; width: 100px; display:inline-block;}
.donation #paymentOptions div:after {content: "."; visibility: hidden; display: block; height: 0; clear: both;}
.donation #paymentOptions div input {height: 22px;}
.donation #paymentOptions div label {clear: none; margin-left: 10px;}
.donation .donationRadios {list-style: none; margin: 0 0 10px 0 !important; padding: 0 !important;}
.donation .donationRadios li {width: 100%; margin-bottom: 5px; position: relative;}
.donation .donationRadios li:after {content: "."; visibility: hidden; display: block; height: 0; clear: both;}
.donation .donationRadios li input {height: 22px;}
.donation .donationRadios li label {clear: none; margin-left: 10px;}
.donation #donateRadioButtons #MainContent_Content_ucContribute_lblDollarSign {clear: none; margin-left: 10px;}
.donation #donateRadioButtons { width:100%; }
.donation .donationRadios li .messageItem {display:none; position: absolute; top: 0; z-index:50; left: 90px; width: calc(100% - 160px); background: #fff; padding: 10px; border:#ccc 1px dotted;}
.donation .donationRadios li .messageItem.active { display: block; }
.donation .supportUs { margin-bottom: 20px;}
.donation #pnlMonthlyOptions #MainContent_Content_ucContribute_lblMonthlyDollarSign {clear: none; margin-left: 10px;}
.donation #pnlMonthlyOptions #MainContent_Content_ucContribute_lblMonthlyDonationAmt {clear: none; margin-left: 10px;}
.donation #pnlMonthlyOptions #MainContent_Content_ucContribute_rbMonthlyOther {height: 22px;}
.donation #pnlMonthlyOptions .donationPaymentSchedule {list-style: none; margin: 10px 0 10px 20px !important; padding: 0 !important;}
.donation #pnlMonthlyOptions .donationPaymentSchedule li:after {content: "."; visibility: hidden; display: block; height: 0; clear: both;}
.donation #pnlMonthlyOptions .donationPaymentSchedule li input {height: 22px;}
.donation #pnlMonthlyOptions .donationPaymentSchedule li label {clear: none; margin-left: 10px;}
.btn {cursor: pointer;}

#pnlDonationPayment #checkoutOptions .paymentInformation { width:84%!important; }
#popMessages .messageItem {display: none;}
.errorBox {position: fixed; z-index: 110002; min-width: 805px; bottom: 0; left: 0; width: 100%; text-align: center; color: #fff!important; background: rgba(227,72,38,.95); padding: 20px 0; color: #fff; font-weight: bold; font-size: 15px; box-shadow: 0 0 5px #333; text-shadow: 1px 1px 1px rgba(0,0,0,.2);}
.errorBox ul {list-style: none;}
.initialGiftOptions ul:after {content: "."; visibility: hidden; display: block; height: 0; clear: both;}
.initialGiftOptions ul li:after {content: "."; visibility: hidden; display: block; height: 0; clear: both;}
.initialGiftOptions ul li label {clear: none; width: calc(100% - 50px) !important;}
.commemorativeOptions ul {list-style: none; margin: 0 0 10px 20px !important; padding: 0 !important;}
.commemorativeOptions ul li {width: 100%; margin-bottom: 5px; position: relative;}
.commemorativeOptions ul li:after {content: "."; visibility: hidden; display: block; height: 0; clear: both;}
.commemorativeOptions ul li input {height: 22px; float: left;}
.commemorativeOptions ul li label {clear: none; margin-left: 10px;}
.commemorativeFields  ul {list-style: none; margin: 0 0 10px 20px !important; padding: 0 !important;}
.commemorativeGiftContainer .commemorativeFields ul li label {clear: both; margin-left: 0; float:none;}
.commemorativeGiftContainer .commemorativeInstruction {margin:0 0 10px 20px;}
.donorInfo {padding: 10px !important;}
.donorInfo ul {list-style: none; margin: 0 !important; padding: 0 !important;}
.donorInfo ul ul {list-style:disc; margin:0 20px !important;}
.donorBenefits .donorInfo ul li:last-child {border: 0 !important;}
.donorBenefits h3.ui-state-active span {border-top: 0!important;}
#pnlDonationPayment .giftOptions { border-bottom: 0;}
#scrollPoint:after {content: "."; visibility: hidden; display: block; height: 0; clear: both;}
#primaryContent #MainContent_Content_ucContribute_upContributeControl {width: 55%; position: relative; float:  left;}
#primaryContent .side-levels {width: 40%; position: relative; float: right; margin-top: 55px;}
#scrollPoint h3 {color: #e34826; font-weight: bold; margin-bottom:10px; text-transform: uppercase;}
#scrollPoint h3 a {font-weight: normal; text-transform:capitalize;}


/*
DONATION PAGE RESTRICTED
--------------------------------------------------------------*/
.restricted-form #pnlChooseDonationFund { margin-bottom: 20px; border-bottom: #ccc 1px dotted; padding-bottom: 10px; }
.restricted-form #pnlChooseDonationFund > div { position: relative; }
.restricted-form #pnlChooseDonationFund input { float: left; height: 22px; }
.restricted-form #pnlChooseDonationFund div:after {content: "."; visibility: hidden; display: block; height: 0; clear: both;}
.restricted-form #pnlChooseDonationFund label {clear: none; margin-left: 10px; display: flex; width: 90%;}
.restricted-form #pnlChooseDonationFund label div { display: inline-block; margin-left: 5px; text-align: left;}
.restricted-form #pnlCenterDanceAmountSelection {border-bottom: #ccc 1px dotted; padding-bottom: 10px; margin-bottom: 10px;}
.restricted-form #pnlCenterDanceAmountSelection:after {content: "."; visibility: hidden; display: block; height: 0; clear: both;}
.restricted-form #pnlCenterDanceAmountSelection ul {list-style: none; margin: 0 0 10px 20px !important; padding: 0 !important;}
.restricted-form #pnlCenterDanceAmountSelection ul li {width: 100%; margin-bottom: 5px; position: relative;}
.restricted-form #pnlCenterDanceAmountSelection ul li:after {content: "."; visibility: hidden; display: block; height: 0; clear: both;}
.restricted-form #pnlCenterDanceAmountSelection ul li input {height: 22px; float: left;}
.restricted-form #pnlCenterDanceAmountSelection ul li label {clear: none; margin-left: 10px; display: flex; width: 90%;}
.restricted-form #pnlCenterDanceAmountSelection ul li label div { display: inline-block; margin-left: 5px; text-align: left;}

/*.restricted-form #pnlChooseDonationFund { margin-bottom: 20px; border-bottom: #ccc 1px dotted; padding-bottom: 10px; }
.restricted-form #pnlChooseDonationFund > div { position: relative; }
.restricted-form #pnlChooseDonationFund input { float: left; height: 22px; }
.restricted-form #pnlChooseDonationFund div:after {content: "."; visibility: hidden; display: block; height: 0; clear: both;}
.restricted-form #pnlChooseDonationFund label {clear: none; margin-left: 10px; display: flex; width: 90%;}
.restricted-form #pnlChooseDonationFund label div { display: inline-block; margin-left: 5px; text-align: left;}*/
.restricted-form #pnlSpotlightSelection {border-bottom: #ccc 1px dotted; padding-bottom: 10px; margin-bottom: 10px;}
.restricted-form #pnlSpotlightSelection:after {content: "."; visibility: hidden; display: block; height: 0; clear: both;}
.restricted-form #pnlSpotlightSelection ul {list-style: none; margin: 0 0 10px 20px !important; padding: 0 !important;}
.restricted-form #pnlSpotlightSelection ul li {width: 100%; margin-bottom: 5px; position: relative;}
.restricted-form #pnlSpotlightSelection ul li:after {content: "."; visibility: hidden; display: block; height: 0; clear: both;}
.restricted-form #pnlSpotlightSelection ul li input {height: 22px; float: left;}
.restricted-form #pnlSpotlightSelection ul li label {clear: none; margin-left: 10px; display: flex; width: 90%;}
.restricted-form #pnlSpotlightSelection ul li label div { display: inline-block; margin-left: 5px; text-align: left;}

.restricted-form ul li label div p { text-align: left;}
.restricted-form #pnlLeadershipCouncilSelection {border-bottom: #ccc 1px dotted; padding-bottom: 10px; margin-bottom: 10px;}
.restricted-form #pnlLeadershipCouncilSelection:after {content: "."; visibility: hidden; display: block; height: 0; clear: both;}
.restricted-form #pnlLeadershipCouncilSelection ul {list-style: none; margin: 0 0 10px 20px !important; padding: 0 !important;}
.restricted-form #pnlLeadershipCouncilSelection ul li {width: 100%; margin-bottom: 5px; position: relative;}
.restricted-form #pnlLeadershipCouncilSelection ul li:after {content: "."; visibility: hidden; display: block; height: 0; clear: both;}
.restricted-form #pnlLeadershipCouncilSelection ul li input {height: 22px; float: left;}
.restricted-form #pnlLeadershipCouncilSelection ul li label {clear: none; margin-left: 10px; display: flex; width: 90%;}
.restricted-form #pnlLeadershipCouncilSelection ul li label div { display: inline-block; margin-left: 5px; text-align: left;}
.restricted-form #pnlBlueRibbonSelection {border-bottom: #ccc 1px dotted; padding-bottom: 10px; margin-bottom: 10px;}
.restricted-form #pnlBlueRibbonSelection:after {content: "."; visibility: hidden; display: block; height: 0; clear: both;}
.restricted-form #pnlBlueRibbonSelection ul {list-style: none; margin: 0 0 10px 20px !important; padding: 0 !important;}
.restricted-form #pnlBlueRibbonSelection ul li {width: 100%; margin-bottom: 5px; position: relative;}
.restricted-form #pnlBlueRibbonSelection ul li:after {content: "."; visibility: hidden; display: block; height: 0; clear: both;}
.restricted-form #pnlBlueRibbonSelection ul li input {height: 22px; float: left;}
.restricted-form #pnlBlueRibbonSelection ul li label {clear: none; margin-left: 10px; display: flex; width: 90%;}
.restricted-form #pnlBlueRibbonSelection ul li label div { display: inline-block; margin-left: 5px; text-align: left;}
.restricted-form .other-box {margin-left: 20px; margin-bottom:20px;}
.restricted-form .other-box:after {content: "."; visibility: hidden; display: block; height: 0; clear: both;}
.restricted-form .other-box-field:after {content: "."; visibility: hidden; display: block; height: 0; clear: both;}
.restricted-form .other-box-field {margin-left:20px;}
.restricted-form .other-box-checkbox {float: left; margin-right: 10px;}
.restricted-form .other-box-label {float: left; clear: none; width: 350px; }
.restricted-form .other-box div:after {content: "."; visibility: hidden; display: block; height: 0; clear: both;}
.restricted-form .messageItem {display:none; position: absolute; top: 0; z-index:50; left: 90px; width: calc(100% - 160px); background: #fff; padding: 10px; border:#ccc 1px dotted;}
.restricted-form .messageItem.active { display: block; }
.restricted-form input[type="checkbox"] {background: none;}
.restricted-form input[type="radio"] {background: none;}
.restricted-form #pnlSummary h2 {margin-bottom:20px;}
#pnlSecondSummary h2 {margin-bottom:20px;}
.summary-boxes-item {margin-bottom:10px; display: flex; justify-content: flex-start;}
.summary-boxes-item div:first-child {margin-right: 10px; order: 1;}
.summary-boxes-item div:nth-child(2) {font-weight: bold; order: 2;}
.restricted-form #MainContent_Content_ucContribute_pnlTotalSummary {margin-bottom:20px !important;}
#pnlSecondSummary #checkoutOptions .paymentInformation {width: 84%!important;}
.donation-page-wrapper #mainContent .cfsWrapper {display: flex; padding: 0;}
.donation-page-wrapper #mainContent .cfsWrapper p {text-align: left;}
.donation-page-wrapper #mainContent .cfsWrapper #secondaryNav {order: 1; width: 170px; padding: 31px 40px 40px 40px; flex-shrink: 0;}
.donation-page-wrapper #mainContent .cfsWrapper > div:first-child {order: 2; width: 400px;}
.donation-page-wrapper #mainContent .cfsWrapper .calloutGroup.side-levels {order: 3; padding: 31px 40px 40px 40px; width: 250px; flex-shrink: 0;}
.donation-page-wrapper #mainContent .cfsWrapper .calloutGroup.side-levels .callout {padding: 0 !important;}

/*
SITE SEARCH OVERRIDES
--------------------------------------------------------------*/
#MainContent_ContentArea_SearchArea .gsc-results-wrapper-overlay {
    position: relative !important;
    width: auto !important;
    height: auto !important;
    box-shadow: none !important;
    top: 0 !important;
    left: 0 !important;
}
#MainContent_ContentArea_SearchArea .gsc-results-wrapper-overlay:after {
    content: none !important;
}
#MainContent_ContentArea_SearchArea .gsc-modal-background-image-visible {
    display: none !important;
}
.gsc-overflow-hidden {
    overflow: auto !important;
}
