html { -webkit-text-size-adjust: 100%; }
body { background-color:#fff;color:#000;margin:0;padding:0;font-family:"Trebuchet MS",Helvetica,Verdana,sans-serif;font-size:13px;font-weight:normal;overflow-x:hidden;box-sizing:border-box }
a,a:link,a:visited { color:#347 }
a:hover, a:focus { color:#a75702 }
div { max-width:100% }
img { max-width:100%;height:auto }
table { border-collapse: collapse;max-width:100% }
form { margin:0;padding:0 }
legend a { text-decoration:none }
#logo { background:url(/img/hcLogo-50.png) no-repeat;display:inline-block;width:150px;height:50px;margin:6px 0 0 0;padding:0 }
#slogan { float:right;letter-spacing:4px;padding:12px;font-size:18px;color:#2b8ce8;border-left:1px solid #666;border-right:1px solid #666;border-radius:12px }

#outerContainer { background:#fff;margin:0 auto 12px auto;padding:0 }
#topNavLinks { padding-top:13px }
#topNavLinks a:hover.w3-button { box-shadow: 0 0 4px #333;border-radius:6px;background-color:#fff }
#trialButton { border-radius:6px }
#mobileMenuButton { display:none;width:40px;padding:2px 2px 0 2px!important;margin:8px 0 8px 12px;border:2px solid #b4b4b4;border-radius:4px;background:#eee }
#mobileMenu { z-index:5;display:none;right:0;width:50%;min-width:200px;max-width:240px;border-radius:16px 0 0 16px;box-shadow:-2px 4px 6px #333 }
#mobileMenu a { border-bottom:1px solid #bbb }
#mobileMenu a:first-child { border-radius:16px 0 0 0 }
#mobileMenu a:first-child { border-radius:16px 0 0 0 }
#mobileMenu a:last-child { border-radius:0 0 0 16px;border-bottom:0 }
.topPanel { margin:85px }
.clear { clear:both }
.clearRight { clear:right }
.clearLeft { clear:left }
.normalText { font-weight:normal!important }
.contentBlock { max-width:1200px;margin:0 auto;padding:12px }
.contentBlockNarrow { max-width:800px;margin:0 auto;padding:12px }
.contentBlockWide { max-width:1500px;width:96%;margin:0 auto;padding:12px }
.contentBlockWideNoPadding { width:96%;margin:0 auto;padding:0 }
.lightBlue { background-color:#d7e2ed }
.lightGray { background-color:#f4f4f4 }
.orangeText { color:#ffa256 }
.orange { background-color:#ff824e }
.brown { color: #4F3D0E; }
a.bigButton,input.bigButton { margin:8px 8px 16px 8px;text-shadow:0 0 4px #000;background-color:#ff824e;border:1px solid #444;text-decoration:none;padding:2px 12px;border-radius:6px;text-align:center;display:inline-block;color:#fff;font-size:1.75em;cursor:pointer }
a.bigButton:hover,a.medButton:hover,input.bigButton:hover,input.medButton:hover,input.smallButton:hover,a.smallButton:hover,input.tinyButton:hover,a.tinyButton:hover,button.smallButton:hover,input.ctaButton:hover { border-color:#333;box-shadow:0 0 4px #333 }
a.medButton,a.ctaButton,input.medButton,a.smallButton,input.smallButton,a.tinyButton,input.tinyButton,input.ctaButton:hover { margin:12px;text-shadow:0 0 2px #000;background-color:#ff824e;border:1px solid #444;text-decoration:none;padding:2px 12px;border-radius:6px;text-align:center;display:inline-block;color:#fff }
a.medButton,input.medButton { font-size:1.1em }
a.ctaButton,input.ctaButton { font-size:1.5em }
a.smallButton,input.smallButton { font-size:1em }
a.tinyButton,input.tinyButton { font-size:.8em }
button.smallButton { font-size:1.1em;background-color:#ccc;border:1px solid #aaa;text-decoration:none;padding:0 6px;border-radius:0px;text-align:center;display:inline-block;color:#444;cursor:pointer }
button.enabled { font-weight: bold;background: #324d92;box-shadow:0 0 3px #000;color:white; }
button.disabled { font-weight: normal;background: #ccc;box-shadow:none;color:black; }
.lightBlueText { color:#70c2fb }
.darkBlueText { color:#324d92 }
.darkBlue { background-color:#324d92;border-top:2px solid #000;border-bottom:2px solid #000 }
#sloganHome { padding:8px 0 3px 0;clear:both;margin:70px 0 24px 0;background:#000;text-align:center }
#sloganHome h1 { display:inline-block;color:#ff824e;font-size:1.3em;font-weight:200!important;letter-spacing:3px;border-radius:8px;border-left:2px solid #ff824e;border-right:2px solid #ff824e;padding:0 12px }
#freeTrialContainer { background: url(/img/freeTrialBg2.jpg) no-repeat;background-size:cover;background-position:center bottom;padding-bottom:24px }
#freeTrialSpacer { width:320px;max-width:100%;height:200px;float:right }
#freeTrialTextBg { border:1px solid #333;width:300px;background:#fff;padding:1px;border-radius:50%;opacity:.80;margin:44px 0 0 12px }
#freeTrialText { text-align:center;font-size:1.1em;padding:12px;line-height:1.25;color:#000 }
#freeTrialText h2 { font-size:1.3em;margin:8px 0 0 0 }
.blist ul { margin:0 6px ; padding:0; list-style-type:none; }
.blist ul li { padding:8px 16px; }
.blist ul li b { color:#ffd07d }
#quotes {
	width:720px;
	max-width:90%;
	margin:0 auto;
}
.quote {
	font-size:15px;
	display:none;
}
.attribution {
	margin:10px 0 30px 0;
	text-align:right;
	font-size:12px;
	color:#333;
}
#customersSection { background:url(/img/people-clouds.jpg) no-repeat black top center;background-size:cover; padding:5% }
.bigWhiteButton {
	display:inline-block;text-align:center;padding:12px 24px;box-shadow:0 0 4px #333;background:#fff;border-radius:5px;text-decoration:none;
}
.bigWhiteButton:hover { box-shadow:0 0 12px #333 }
.whiteBg { background:#fff }
.whiteButton {
	display:inline-block;text-align:center;padding:6px 8px;box-shadow:0 0 4px #333;background:#fff;border-radius:5px;text-decoration:none;
}
.whiteButton:hover { box-shadow:0 0 12px #333 }
.floatRight { float:right }
.floatLeft { float:left }
.floatNone { float:none!important }
#footer { background:#333;background:linear-gradient(#444,#000) }
#textLinks { max-width:720px;margin:0 auto;padding:12px;font-size:1em;line-height:1.2; }
#textLinks a { padding:4px 8px;display:block;color:#eee;text-decoration:none }
#textLinks a:hover { color:#70c2fb }
#copyright { padding:20px 0;text-align:center;color:#eee;font-size:.8em!important }
.sampleImage { display:inline-block;width:500px;margin:0 25px 20px 25px;text-align:center }
.sampleImage img { max-width:100%;margin-bottom:16px;vertical-align:top;display:inline-block;box-shadow:0 0 4px #333 }
#pageHeader { clear:both;padding:16px 0;margin:78px 0 0 0;color:#fff;text-align:center;background:#000 url(/img/darkWaterBg.jpg) center;transition: letter-spacing 3s }
#calPageHeader { padding:10px 0;margin:0;color:#fff;text-align:center;border-top:1px solid #999;border-bottom:1px solid #999;background:#000 url(/img/darkWaterBg.jpg) center;transition: letter-spacing 3s }
ul.itemList { list-style-type: none; margin:0; padding: 0; }
ul.itemList li { margin-bottom: 18px;border-bottom:3px dotted #ccc;padding-bottom:12px }
ul.itemList li h5 { margin-top:0;font-size:1.4em;color:#324d92 }
ul.itemList li h6 { margin-top:0;font-size:1.1em;color:#324d92 }
ul.itemList li img { max-width:50%;height:auto;margin:0 0 12px 12px;float:right }
ul.itemList li div img { max-width:90%;height:auto;margin:0 0 12px 12px;float:right }
.selectListBlue { padding:4px 4px;color:#324d92 }
/*
.selectListBlue option { padding:6px 4px;border-bottom:1px solid #ccc;font-size:1.3em }
.selectListBlue option:last-child { border-bottom:0 }
.selectListBlue option:hover { background: #ddd }
*/
a.arrowLink { background: url(/img/blueArrow.gif) no-repeat 0 2px; padding-left: 9px; font-size: .9em; text-decoration:none; }
a.arrowLink:hover { text-decoration:underline; }
.nowrap { white-space:nowrap!important }
#featuresList { margin-top:0;border-right:1px solid #ccc;padding-right:18px }
.noborder { border:0!important }
.rightColPaddingLeft { padding-left:24px }
.darkGrayBorder { border:1px solid #777 }
.grayBorder,.grayB { border:1px solid #ccc }
.grayBorderTop { border-top:1px solid #ccc }
.grayBorderBottom { border-bottom:1px solid #ccc }
.grayBg { background:#eee }
.medGrayBg { background:#ccc }
#priceTable { border-collapse:collapse;border-spacing:0;width:90%;margin:0 auto 16px auto;padding:0 }
#priceTable td,#priceTable th { padding:6px;margin:0;border-top:1px solid #ccc;border-bottom:1px solid #ccc;text-align:center }
#priceTable tr:last-child  td { border:0 }
#priceTable tr:first-child  th { border:0 }
.photoBoxRight { width:220px;padding:8px;margin:0 0 16px 16px;background:#ddd;border:1px solid #aaa;float:right;color:#324d92 }
#faqListLeft { padding-right: 20px;border-right:1px solid #ccc }
#faqListRight { padding-left: 20px }
#faqListLeft a.question,#faqListRight a.question { display:inline-block;text-decoration:none;cursor:pointer;padding:4px 8px;font-size:1.1em;font-weight:bold;color: #238;background-color:#f5f5f5;border-radius:16px 0 16px 0;margin:12px 0;border:1px solid #ddd }
#faqListLeft div.answer,#faqListRight div.answer { padding-bottom:6px;margin-left:8px }

.sectionHead, .eventTitle { font-weight:bold;font-size:1.4em;color:#324d92 }
.sectionHeadMedium { font-weight:bold;font-size:1.25em;color:#324d92 }
.sectionHeadSmall { font-weight:bold;font-size:1.1em;color:#324d92 }
.huge { font-size:1.8em }
.large { font-size:1.3em }
.bigger,.larger { font-size:1.1em }
.medium { font-size:1em }
.smaller { font-size:.9em }
.small { font-size:.8em }
.tiny { font-size:.7em }
ul.spacedList li,ol.spacedList li { margin-bottom:16px }
img.imageRight { float:right;margin:0 0 16px 16px;max-width:80% }
ul.customerList { list-style-image:url(/img/personIcon-12.png); padding:0;margin:0 16px }
ul.customerList li { font-size:1.1em;color:#324d92;margin-bottom:6px }

.bold { font-weight:bold }
.alignCenter,.centered { text-align:center }
.alignRight { text-align:right!important }
.alignLeft { text-align:left!important }
.valignTop { vertical-align:top }
.valignBottom { vertical-align:bottom }
.valignMiddle { vertical-align:middle }
.margin { margin:12px }
.marginTop { margin-top:12px!important }
.marginTopSmall { margin-top:8px!important }
.marginTopLarge { margin-top:24px!important }
.marginLarge { margin:24px }
.marginMedium { margin:16px }
.marginSmall { margin:8px }
.marginTiny { margin:4px }
.marginBottom { margin-bottom:12px }
.marginBottomSmall { margin-bottom:8px }
.marginBottomLarge { margin-bottom:24px }
.marginLeft { margin-left:12px }
.marginLeftTiny { margin-left:4px }
.marginLeftSmall { margin-left:8px }
.marginLeftLarge { margin-left:24px }
.marginLeftVeryLarge { margin-left:34px }
.marginRight { margin-right:12px }
.marginRightSmall { margin-right:8px }
.marginRighttLarge { margin-right:24px }
.nomargin,.nomargin td { margin:0 }
.pad4 { padding: 4px }
.pad8 { padding: 8px }
.padding,.pad12 { padding:12px }
.paddingLeft { padding-left:12px!important }
.paddingLeftSmall { padding-left:8px }
.paddingLeftLarge { padding-left:24px }
.paddingRight { padding-right:12px }
.paddingRightSmall { padding-right:8px }
.paddingRightLarge { padding-right:24px }
.paddingTop { padding-top:12px }
.paddingTopSmall { padding-top:8px }
.paddingTopLarge { padding-top:24px }
.paddingBottom { padding-bottom:12px }
.paddingBottomSmall { padding-bottom:8px }
.paddingBottomLarge { padding-bottom:24px }
.paddingLarge { padding:24px }
.paddingMedium { padding:16px }
.paddingSmall { padding:8px }
.noPadding { padding:0!important }
.noPaddingTop { padding-top:0!important }
.noPaddingBottom { padding-bottom:0!important }
.noPaddingLeft { padding-left:0!important }
.noPaddingRight { padding-left:0!important }
.border { border:1px solid #ccc }
.borderTop { border-top:1px solid #ccc }
.borderTopDark { border-top:1px solid #666 }
.borderBottom { border-bottom:1px solid #ccc }
.borderBottomDark { border-bottom:1px solid #666 }
.borderRight { border-right:1px solid #ccc }
.borderLeft { border-left:1px solid #ccc }
.noBorder { border: 0!important }
.wideTable { width:99%;margin:0;padding:0;border:0 }
.wide { width:99%!important }
table.alignRightTable { margin:auto }
table.alignRightTable tr td { margin:0;padding:4px;text-align:left }
table.alignRightTable tr th { margin:0;padding:4px;font-weight:bold;text-align:center }
table.alignRightTable tr td:first-child { text-align:right }
table.tablePadded td,table.tablePadded th { padding:5px;margin:0 }
table.borders td,table.borders th { border:1px solid #ccc }
table.noBorders td,table.noBorders th { border:0 }
table.padding0 td,table.padding0 th { padding:0 }
.maxWidth-50 { max-width:50% }
.width5em { width:5em!important }
.width10em { width:10em!important }
.width20em { width:20em!important }
.width30em { width:30em!important }
.width40em { width:40em!important }
.blueBulletList li {
    list-style-image: url(/img/blueBullet.png);
	padding-bottom: 12px;
}
.testimonials p { font-size:1em; background:#eee;margin:0;padding:8px 12px;border-radius:12px 0 0 12px }
.roundedCorners { border-radius: 8px 0 8px 0!important }
.bottomMessage { border-top:1px solid #ccc;border-right:1px solid #ccc;border-left:1px solid #ccc;border-radius:12px 12px 0 0;background:linear-gradient(#eee,#fff); }
.inputFields { background:white;width:620px;max-width:90%;margin:0 auto;padding:12px }
.inputFields input[type=text],.inputFields input[type=password] { display:block;width:600px;max-width:95%;padding:5px }
.inputFields textarea { display:block;width:600px;height:150px;max-width:100%;padding:5px;margin-bottom:12px }
.inputFields input[type=text]:hover,.inputFields input[type=password]:hover,.inputFields textarea:hover { background:#f3f0d8 }
.inputFields input[type=text]:focus,.inputFields input[type=password]:focus,.inputFields textarea:focus { box-shadow: 0 0 8px #333;background:#f3f0d8 }
.inputFields label { padding:0;margin:0 0 4px 0;color:#555 }
.panel { background:#f3f3f3;text-align:center;width:92%;margin:16px auto;border:1px solid #ccc;border-radius:8px 0 8px 0;padding:6px }
.formPanel { background:#f3f3f3;text-align:left;width:80%;margin:2px auto 12px auto;border:1px solid #ccc;border-radius:8px 0 8px 0;padding:6px }
.blueGradientBox { background:#c9dce7; background:linear-gradient(to right,#d7e2ed,#fff);border-radius:20px 0 0 20px; padding:12px }
.errorMsg { background:#f3f1d9;color:#922;padding:12px;border:1px solid #ccc;border-radius:12px;text-align:center;margin:18px auto;font-size:14px;width:80% }
.bigCheck { width:2em;height:2em;vertical-align:middle }
.bigCheckold { width:40px;height:40px;vertical-align:middle }
.notRounded { border-radius:0!important }
.margin12auto { margin: 12px auto }
.displayBlock { display:block!important }
.createCal label, .updateForm label, .calAdminForm label, .groupAdminForm label, .customizeForm label, .embedForm label, .profileForm label, .pymtForm label, .pymtFormContact label { display:inline-block;font-size:15px;font-weight:bold;color:#324d92 }
.pymtFormContact label { width:12em;text-align:right;padding-right:6px;margin-top:6px }
.pymtFormContact input { margin-top:6px }
.updateForm, .calAdminForm, .groupAdminForm, .embedForm, .profileForm, .pymtForm { width:900px }
input[type=radio] + label, input[type=checkbox] + label,.normalLabel { display:inline;font-size:15px!important;font-weight:normal!important}
.inputFields input[type=radio], .inputFields input[type=checkbox] { vertical-align:middle;width:26px;height:26px;margin:0 2px 2px 2px }
.buttonList div { width:120px;height:100px;float:left;display:inline-block;text-align:center;border:1px solid #ccc;padding:4px;margin:5px 5px 0 0 }
.buttonList div input { margin-top:16px!important }
.buttonList div:last-child input { margin-top:0!important }
#miniCalContainer { float:left;clear:both;margin:0;padding:0 12px;max-width:230px }
.miniCalTable { min-width:200px;margin:0;padding:0;border-bottom:3px solid #bbb!important }
.miniCalTable td { margin:0;padding:3px;border:2px solid #ddd;text-align:center!important }
.miniCalTable td:first-child {border-left:1px solid #bbb!important }
.miniCalTable td:last-child {border-right:1px solid #bbb!important }
.miniCalTable td a { display:inline-block;width:100%;text-decoration:none; text-align:center;border-radius:5px;margin:1px }
.miniCalTable td a:hover { background:#ddd; }
.calTable { min-width:400px;margin:0;padding:0;width:100% }
.calTable td.dayEvents { margin:0;padding:0;border:3px solid #999 }
.calTable td.dayEvents:first-child { border-left:2px solid #999 }
.calTable td.dayEvents:last-child { border-right:2px solid #999 }

.calListTable { margin:0;padding:0;width:100% }
.calListTable td { padding:4px;border:1px solid #999 }

#calHead div { box-shadow:0 2px 3px #333;text-align:center;font-size:14px;padding:6px;border-radius:16px 16px 0 0 }
#calListHead div { text-align:center;font-size:15px;font-weight:bold;padding:8px 0;border-radius:16px 16px 0 0;text-shadow: #eee 0px 1px 1px; }
#miniCalHead div { box-shadow:0 2px 3px #666;text-align:center;font-size:14px;padding:8px 0;border-radius:12px 12px 0 0 }
#miniCalHeader div { text-align:center;font-size:14px;padding:8px 0;border-radius:12px 12px 0 0 }
#miniCalHeader { border-bottom:1px solid #999 }
.calHeadDowGrid,.calHeadDowAbbrGrid {
    background: #eee linear-gradient(#eee, #ccc);
	border-left:2px solid #999;
	border-right:2px solid #999;
}
.calHeadDowGrid th,.calHeadDowAbbrGrid th {
    font-size: .8em;
    font-weight: bold;
    padding:6px 2px;
	min-width:104px;
}
.miniCalHeadDowGrid {
    background: #eee linear-gradient(#eee, #aaa);
	border-left:1px solid #bbb;
	border-right:1px solid #bbb;
}
.miniCalHeadDowGrid th {
    font-size: .8em;
    font-weight: bold;
    padding:4px 1px 4px 1px;
}
.miniCalHeadDowGrid th div {
	display:inline-block;width:2em;height:2em;padding:3px 2px 2px 2px;border:1px solid #999;background:#fff;border-radius:50%
}
tr.todayBox,td.todayBox { background: #fbecb5!important; }
.notTodayBox { background: #fff; }
.eventBlock,.eventBlockGrid { margin:2px;padding:2px;width:calc(100% - 4px) }
.eventDivider { border-bottom:2px solid #777!important;margin-bottom:8px }
.eventBullet { width:3px }
.miniCalTable td.dayEvents { font-size:1.1em }
td.dayEvents { background-color:#f8f8f8; vertical-align:top; text-align:left }
td.dayEvents:first-child { border-left-width: 1px }
td.dayEvents:last-child { border-right-width: 1px }
td.flDowBox { background-color:#ddd;background:linear-gradient(135deg,#f8f8f8,#d8d8d8) }
td.eventsExistBg { background-color:#e6e6e6 }
.eventTitleText { padding:2px 3px!important;word-wrap: break-word; }
.eventTime {
	float:left;
    font-family: tahoma,sans-serif;
	color: #3D2D03;
	font-weight:bold;
	font-size: 11px;
}
.calHeadDowAbbrGrid { display:none; }
#monthNavControls { clear:both;width:100%;padding:0 12px 12px 16px;margin:0 }
#monthNavControls input[type=submit] { border-radius:8px;border:1px solid #ccc;background:#eee;padding:1px 8px;color:black }
.gcn,.gflcn {
    background: #ddd;
    padding: 0 5px;
	margin:0;
    border-right:1px solid #aaa;
    border-bottom:1px solid #aaa;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    border-radius: 0 0 4px 0;
	display:inline-block;
}
.gcn:hover,.gflcn:hover {
    border-right-color:#666;
    border-bottom-color:#666;
    box-shadow: 2px 2px 2px #bbb;
    background:#fff;
	color:#b24d92;
}
.gflcn {
    font-size: 15px;
    color: #999;
}
#calContainer { clear:both;margin:0;padding:0 12px 12px 12px;width:100%;overflow-x:auto }
#calContainer .dayViewCal { overflow-x:visible!important }
#calListContainer { float:right;width:calc(100% - 230px);margin:0;padding:0 12px 12px 12px; }
#calNav { float:right; margin:8px 16px 8px 12px; }
#calNav a,a.returnButton { border:1px solid #ccc;display:inline-block;font-size:14px;text-align:center;padding:2px 12px;text-decoration:none;background-color:#ddd;background:linear-gradient(#eee,#ddd) }
#calNav a:first-child { padding-left:18px;border-radius:12px 0 0 0 }
#calNav a:last-child { padding-right:18px;border-radius:0 0 12px 0 }
#calNav a:only-child { padding-right:18px;border-radius:12px 0 12px 0 }
#calNav a:link { color:#222!important }
#calNav a:hover,a.returnButton:hover { color:#257!important;box-shadow:0 0 2px #333 }
#calNav a#returnButton { background:linear-gradient(#eee,#c9dce7);border-radius:8px!important;margin-right:16px  }
a.returnButton { background:linear-gradient(#eee,#c9dce7);border-radius:8px!important }
.eventIcons,.eventIconsList { display:inline-block;float:right;white-space:normal }
.eventIcons a img,.eventIconsList a img { margin:0 0 0 6px;vertical-align:bottom }
.editButton,.deleteButton {
    border:1px solid #bbb;
    border-radius:3px;
    background: #eee linear-gradient(#eee, #d5d5d5);
    text-decoration:none;
    padding:1px 3px;
}
.editButton:hover,.deleteButton:hover,.reminderIcon:hover { background:#fff; box-shadow: #444 0 0 2px; }
.catBox { float:left;margin-right:4px;width:1em;height:1em; vertical-align:middle;border:1px solid #777 }
.catName { float:left;padding-right:2px;color: #4F3D0E;font-weight:bold;font-size:.9em }
.eventLink { font-size:1em;margin-top:8px }
.eventLink i { font-size:17px;padding-right:8px;text-decoration:none }
.spacerBox { height:80px;width:1px }
.titleLink,.titleLinkGrid,.titleLinkGridDay,.titleLinkList { font-size:1em }
.shortTitleLinkGrid,.shortTextLinkGrid,.shortTitleLinkList,.shortTextLinkList { display:none;font-size:.9em }
.shortTitleLinkGridDay,.shortTextLinkGridDay { display:none }
#gotoMonth { border:0;padding:0;margin-top:4px }
#gotoMonth select { font-size:.9em;padding:5px 3px }
#gotoMonth select:hover { box-shadow:0 0 4px #333 }
#gotoMonth input[type=submit] { border:1px solid #aaa;padding:3px 10px;color:black }
#gotoMonth input[type=submit]:hover { box-shadow:0 0 4px #333 }
#viewOptions { font-size:14px;margin:8px 0;border-radius:12px 0 12px 0;border:1px solid #aaa }
#viewOptions button { padding:3px 12px;border-radius:12px 0 12px 0; }
#viewOptions button:hover { box-shadow:0 0 4px #333 }
#viewOptions i { font-size:1.2em;color:#35a }
#viewOptions a { width:15em;border:1px solid #ddd; }
#viewOptions a:last-child { border-radius: 0 0 16px 0 }
.viewOptOn { background:#eee;font-weight:bold }
.grayGradient { background:linear-gradient(#eee,#ddd) }
#catLegend { margin:0 0 12px 10px;padding:0;border:0  }
#catLegend td { text-align:left;font-size:.85em;padding:2px;margin:0;border:0;vertical-align:top  }
#legend { margin-bottom:12px }
#legend div { margin-top:6px }
#legend div img.editButton { vertical-align:middle }
#legend span { font-size:.8em }
#legend .reminderIcon { padding:0 5px 5px 6px }
#nextPrevDay div,#nextPrevWeek div,#nextPrevMonth div { font-size:.7em; letter-spacing:1px; display:none }
#nextPrevDay div { margin-left:18px }
#nextPrevWeek div { margin-left:10px }
#nextPrevMonth div { margin-left:6px }
#nextPrevMonth i,#nextPrevWeek i, #nextPrevDay i { font-size:1.2em }
#nextPrevWeek,#nextPrevDay,#nextPrevMonth { font-size:1.75em }
#nextPrevWeek span, #nextPrevDay span,#nextPrevMonth span { font-size:.8em;margin:0 .5em }
#nextPrevWeek a,#nextPrevDay a,#nextPrevMonth a { display:inline-block;text-decoration:none }
#nextPrevWeek a:hover, #nextPrevDay a:hover,#nextPrevMonth a:hover { color:salmon }
.showNarrow,label.showNarrow { display:none }
.inline { display:inline!important }
.inlineBlock { display:inline-block!important }
#optionalFields { padding-bottom:0;margin:12px 0 4px 0;border-width:2px;border-bottom:0;border-radius:8px 8px 0 0;border-color:#888 }
#optionalFields legend { padding:8px 4px 12px 4px;color:#555;font-weight:bold }
#eventText, #copyMsg { width:98%;max-width:98% }
#dowBoxes { display:none }
.dowBox { text-align:center;float:left;display:inline-block;margin:0 0 8px 8px; }
.dowBox input[type=checkbox] { margin:0 }
.dowBox label { display:block;margin:0;font-size:.9em;font-weight:normal }
fieldset.formFields { border-radius:8px 0 8px 0;margin:12px 0;clear:both;max-width:100% }
fieldset.formFields legend { border-radius:8px 0 8px 0;border:1px solid #aaa;background:#eee;padding:3px 16px;letter-spacing:1.5px;color:#555 }
#adminForm fieldset,.groupAdminForm fieldset,.embedForm fieldset,.pymtForm fieldset { background:#c9dce7; background:linear-gradient(to right, #c9dce7,#fff); }
.timesTable { margin-bottom:8px }
.timesTable td { padding:0 3px }
.noMargin { margin:0!important }
.noMarginLeft { margin-left:0!important }
.noMarginRight { margin-right:0!important }
.noMarginTop { margin-top:0!important }
.noMarginBottom { margin-bottom:0!important }
.updateOptions { display:inline-block;vertical-align:top;margin:6px 0 0 8px }
.showVeryNarrow,.showMediumNarrow { display:none }
#repeatFromBox { margin:12px 0 12px 8px;padding-top:10px;border-top:1px solid #ccc }
.regFontSize { font-size:15px!important;font-weight:normal!important }
.smallTextInput { width:3em!important;display:inline!important;padding:2px!important }
#reminderEmails { width:70%;height:7em;font-size:.9em }
.resp20 { width:20%!important;max-width:20% }
.resp25 { width:25%!important;max-width:25% }
.resp30 { width:30%!important;max-width:30% }
.resp70 { width:70%!important;max-width:70% }
.resp80 { width:80%!important;max-width:80% }
.resp90 { width:90%!important;max-width:90% }
.resp98 { width:98%!important;max-width:98% }
#repeatFields,#reminderFields,#linkFields,#copyFields,#imageUploadFields,#docUploadFields { display:none }
#reminderFields,#linkFields,#copyFields { display:none }
#permFields,#styleFields,#catFields,#elistFields,#conflictFields,#notifyFields,#reminderFields,#editorFields,#displayFields,#csFields,#obgFields,#obFields,#otherFields { display:none }
.noticeBox { margin:12px 15%;padding:12px;border:1px solid #ccc;border-radius:6px;background:#eee }
.updateLegend { width:15em;text-align:left }
#adminForm legend { width:17em;text-align:left }
#adminForm legend i,.updateLegend i { float:right;font-size:1.4em }
.cancelButton { background:#aaa!important;color:#f3f3f3!important;margin-left:30px!important }
.calListDay { text-align:center;font-weight:bold;background:#ddd }
.timeVal,.catVal { font-size:.9em }
.borderBottomEvents { border-bottom-width:4px!important }
.dateVal { font-size:1.2em;font-weight:bold;vertical-align:top }
.dateVal div { font-size:.7em;font-weight:normal }
.urlList > div {
    background:#f4f4f4;
    border:1px solid #aaa;
    margin-bottom:4px;
    padding:4px;
    border-radius: 4px;
}
.urlList span, .urlList a {
    color: #118;
    text-decoration:none;
}
.urlList a:hover { text-decoration:underline; }
.csBoxes th { padding:8px 0;border-bottom:1px solid #ccc;border-right:1px solid #ccc; }
.csBoxes th:first-child { border-left:1px solid #ccc }
.csBoxes th:last-child { border-right:1px solid #ccc }
table#csTable { margin:0;padding:0;border:0 }
tr#csColors td { margin:0;padding:10px 2px 1px 2px }
tr#csColors td label { padding:0;margin:0;vertical-align:bottom!important }
tr#csColors td label div { box-shadow:0 0 1px #666 }
tr#csColors td div { width:52px;height:42px;border-radius:12px 12px 0 0 }
.colorBox { border:1px solid #ccc;width:22px;height:22px;display:inline-block;text-decoration:none }
.width8 { width:8em }
.width10 { width:10em!important }
.width12 { width:12em!important }
.width16 { width:16em!important }
.width20 { width:20em!important }
.width30 { width:30em!important }
.width40 { width:40em!important }
.width50 { width:50em!important }
.width80 { width:80% }
.width100 { width:100%!important }
.stripedRows tr:nth-child(even) { background-color: #f2f2f2 }
.transparentBg { background: transparent!important }
#eviewContainer { text-align:left; padding:16px; }
.noFloat { float:none!important }
.grayGradient {
	background: #f8f8f8;
	background: #f8f8f8 linear-gradient(#f8f8f8, #bbb);
	background: #f8f8f8 -moz-linear-gradient(#f8f8f8, #bbb);
	background: #f8f8f8 -webkit-linear-gradient(#f8f8f8, #bbb);
	/*background: #f8f8f8 -o-linear-gradient(#f8f8f8, #bbb);*/
}
.calAdminForm label + .small { margin-left: 3em }
.red { color: #922; }
.bred { color: #f22; }
a.bred:visited,a.bred:link { color: #f22; }
.blue { color: #009; }
.green { color: #090; }
.white { color: #fff; }
.noul { text-decoration: none; }
.reminderIcon { padding:2px;color:#999;border-radius:3px; }
#customLinks { padding: 10px;margin:12px }
#customLinks a { text-decoration:none;display:inline-block; padding-bottom:8px }
#customLinks a:hover { text-decoration:underline }
#customLinks i { padding-right:4px }
.lineHeight15 { line-height: 1.5 }
.lineHeight2 { line-height: 2 }
.reverse {
    unicode-bidi: bidi-override;
	direction: rtl;
}
#embedDiagram { border:1px solid #fff;box-shadow: 0 0 5px #333 }
.hidden { display:none }
#groupMemberTable { width:98%;border:1px solid #aaa }
#groupMemberTable td input { width:12em }
#groupMemberTable td input.email { width:17em!important }
#adviewContainer { float:right;width:calc(100% - 338px);margin:0;padding:0 12px 12px; }
#adviewControls { clear:left;padding:4px;background:#f4f4f4;border-radius:0 6px 6px 0;border:1px solid #ccc;float:left;max-width:300px;font-size:.8em }
#newSearchButton { display:none;margin:8px 16px 0 16px;padding:0 8px 4px 8px;text-decoration:none;float:left;background:#35b;color:#fff;border-radius:50%; }
#newSearchButton:hover { box-shadow:0 0 3px #333;color:#ffa256 }
#adviewControls .inputFields { background:#f4f4f4;padding:0 }
#adviewControls label { font-size:1.1em!important }
#adviewControls h5 { font-size:13px;margin:16px 0 6px 0;padding:4px 6px 8px 6px;border-radius:8px 8px 0 0;font-weight:bold;background:#ddd;background:linear-gradient(#ccc,#f4f4f4);border-top:1px solid #ccc;border-left:1px solid #ccc;border-right:1px solid #ccc }
.advMonthSeparator { padding-top:24px }
.advMonthHead { background:#f4f4f4;text-align:center;font-size:1.05em;font-weight:bold;letter-spacing:1px }
.helpBox { background-color:#eee;border-left:1px solid #ccc;border-right:1px solid #ccc; }
.ampm { font-size:.8em;white-space:nowrap }
.curWeek td { background-color:#eee;background:linear-gradient(135deg,#eee,#ccc) }
.dayViewDay { background-color:#aaa!important }
.dayViewDay a { color:#000!important }
.helpButton { background:#35b;color:#fff;font-weight:normal;font-size:1.1em;text-align:center;padding:0 10px;display:inline-block;border-radius:50%;text-decoration:none;margin:0 16px 0 0;text-shadow:1px 1px 2px #333;border:0 }
.helpButton:hover { box-shadow:0 0 3px #333;color:#ffa256 }
.pymtForm fieldset,.pymtFormContact fieldset { border:1px solid #999 }
.pymtForm fieldset legend,.pymtFormContact fieldset legend { background:#fff;border:1px solid #999;padding:2px 4px;border-radius:6px 0 6px 0 }
.costTable { display:inline-block;border:1px solid #ccc;background:#eee;background:linear-gradient(#fff,#eee);padding:8px;margin:12px 0 6px 0;border-radius: 8px 0 8px 0 }
.costTable td { padding:2px }
.costTable th { padding:3px 6px }
.costTable tr:first-child th { border-bottom:1px solid #ccc }
a.closeButton, button.closeButton { float:right; text-decoration:none; display:block; padding: 2px 8px; border-radius:10px; border:2px solid #888; background:#fff; margin: 4px 16px 8px 12px; font-size:12px; }
a.closeButton:link,a.closeButton:visited { color: #333; }
a.closeButton:hover,button.closeButton:hover { box-shadow: 0 0 6px #333; background: #fff; color: #900; }
#closeButtonX { color:#922; font-weight:bold }
.subTitle { font-size:.8em;letter-spacing:.2px!important;color:#ffa256 }
#paymentBox {
    background:#fff;
    padding:16px;
    margin:12px auto;
    max-width:600px;
    border-radius:8px;
    box-shadow:0 0 6px #333;
    clear:right;
}
.payButton {
    background:#ff824e;
    margin-top:5px;
    border:1px solid #555;
    border-radius:6px;
    padding:5px;
    font-weight:bold;
    color:#fff;
}
.payButton:hover {
    box-shadow:0 0 5px #333;
}
#deleteEventButton { float:right;background:#eee;border-left:1px solid #ccc;border-bottom:1px solid #ccc;border-radius:0 0 0 8px }
.imgThumbnail { max-width:150px;height:auto }
.imagePos_tc,.imagePos_bc { text-align:center }
.imagePos_tl,.imagePos_bl { text-align:left;padding-right:10px }
.imagePos_tr,.imagePos_br { text-align:right;padding-left:10px }
.imagePos_fr { float:right;padding:0 0 10px 10px }
.imagePos_fl { float:left;padding:0 10px 10px 0 }
.imageBorder { border:1px solid gray }
.imageEventText { font-size: 1em }
.customHeader { margin:0;padding:0;border:0;width:100%;line-height:0 }
.customHeader td { margin:0;padding:0;border:0;line-height:0 }

@media screen and (min-width:980px) {
	#mobileMenu { display: none!important }
	.calTable { table-layout:fixed!important }
}
@media screen and (max-width:1100px) {
	.sampleImage { display:block;width:500px;max-width:100%;margin:0 auto 20px auto; }
}
@media screen and (max-width:980px) {
	.hideNarrow { display:none }
	.showNarrow,label.showNarrow { display:block }
	.expandNarrow { width:100% }
	#sloganHome { margin-top:0 }
	#trialButton { padding:5px 10px;margin-top:8px }
	#mobileMenuButton { display: inline-block }
	#banner { position:relative }
	#pageHeader { margin-top:0 }
	#calNav,a#returnButton { float:left!important;margin-right:0!important  }
	.titleLinkGrid,.eventTextGrid { display:none }
	.shortTitleLinkGrid,.shortTextLinkGrid { display:inline }
	.calHeadDowGrid { display:none; }
	.calHeadDowAbbrGrid { display:table-row; }
}
@media screen and (max-width:786px) {
	#footer div { line-height:1.8 }
	.adminGuy { float:none; display:block;width:150px;margin:10px auto 0 auto; }
	.noFloatNarrow { float:none!important;display:block;margin-bottom:16px }
	.narrowClearRight { clear:right }
	.eventIcons { display:block;clear:both;white-space:nowrap;margin-bottom:6px!important;text-align:right }
	.eventIcons i { margin-left: 0 }
	.errorMsg { margin:8px auto;font-size:14px;width:90% }
}
@media screen and (max-width:736px) {
	#slogan { display:none }
	#faqListRight { padding-left:0 }
	.updateOptions { display:block;padding-left:28px }
	.timeVal,.catVal { font-size:.8em }
	.floatLeftNarrow { float:left }
	.pymtFormContact label { display:block;text-align:left;margin-top:16px }
	.pymtFormContact input { margin-top:0;padding-top:0 }
	#sloganHome h1 { font-size: 1.2em }
	#freeTrialTextBg { display:none }
}
@media screen and (max-width:600px) {
	#homeImageText { font-size:1.5em }
	ul.itemList li img { max-width:100%; }
	#featuresList { border:0 }
	#faqListLeft { border:0 }
	.rightColPaddingLeft { padding-left:0 }
	ul.customerList { padding-left:8px }
	.panel { display:block;float:none;font-size:.9em }
	#reminderEmails { width:100%; }
	.resp20,.resp25,.resp30,.resp70,.resp80,.resp90,.resp98 { display:block!important;float:none;width:98%!important;max-width:98%!important }
	.elistRow div:last-child { width:80%!important;float:right!important }
	#customLinks { float:none; margin-bottom:12px }
	.noticeBox { margin:12px 2% }
	#miniCalContainer { float:none;max-width:100%;margin-bottom:18px }
	#miniCalHeader,.miniCalTable { width:200px;margin:0 auto }
	#calListContainer { float:none;width:100%;margin:0;padding:0 12px 12px 12px; }
	.titleLinkGridDay,.eventTextGridDay { display:none }
	.shortTitleLinkGridDay,.shortTextLinkGridDay { display:inline }
	.showMediumNarrow { display:block }
	.hideMediumNarrow { display:none }
}
@media screen and (max-width:500px) {
	#homeImageText { font-size:1.2em }
	.w3-container { padding:8px }
	.contentBlock { width:96%;padding:2%;margin:12px 0 }
	.contentBlockWide { width:96%;margin:12px auto;padding:2% }
	.bigWhiteButton { display:block;margin:16px auto;max-width:70% }
	#moreTestimonials { float:none }
	#priceTable { width:100% }
	#pageHeader { letter-spacing:0 }
	.inputFields { width:98%;max-width:98%;margin:0;padding:2% }
	.inputFields input[type=text].smallTextInput { width:3em!important }
	.inputFields input[type=text] { width:99%!important;max-width:99%!important }
	.w3-wide { letter-spacing:1px }
	.blueGradientBox { padding:4px 0 4px 6px }
	#nextPrevDay div,#nextPrevWeek div,#nextPrevMonth div { display:block }
	#nextPrevDay span,#nextPrevWeek span,#nextPrevMonth span { display:none }
	#nextPrevDay a,#nextPrevWeek a,#nextPrevMonth a { margin-right:10px }
	#gotoMonth { margin-top:16px }
	.hideVeryNarrow { display:none }
	.showVeryNarrow { display:block }
	fieldset.formFields { padding:4px 4px 8px 4px }
	#reminderSettings { margin-left:0 }
	#calListContainer { padding:4px;overflow-x:auto }
	.csColors div { width: 20px;height:25px }
	#colorPicker,#colorPicker2,#colorPicker3,#colorPicker4,#colorPicker5,#colorPicker6 { float:none }
	a.medButton,input.medButton,a.smallButton,input.smallButton,a.tinyButton,input.tinyButton,a.ctaButton { margin:5px }
	tr#csColors td div { width:35px;height:30px }
	#adviewControls { max-width:100%;width:100%!important }
	#deleteEventButton { float:none; text-align:right; margin-bottom:12px;border-radius:0 }
	.imagePos_fr { margin-left:0 }
	.imagePos_fl { margin-right:4px }
}
@media screen and (max-width:400px) {
	#trialButton { display:none }
}
@media print {
	#textLinks,#topNavLinks,#calNav { display:none }
	body { font-size: 10px }
	#pageHeader { background-image:none;background-color:#fff;border-bottom:1px solid #ccc;color:#333 }
    .eventTextGrid,.titleLink,.titleLinkGrid,.titleLinkList { font-size:.9em }
    .catName { font-size:.8em }
    .catBox { width:.9em;height:.9em }
    .eventTime { font-size:.7em!important }
}