html,body,h1,h2 {
	margin:0;
	padding:0;
}

html {
    overflow-y:scroll;
    font:75% arial,helvetica,sans-serif;
}

a img {
	border:0;
}

.topTable {
    position:relative;
    margin-top:-64px;
} 

#main {
    min-width:760px;
}

.hasNavigation #main {
    float:right;
    width:79%;
}

.overview #main {
    float:none;
    width:auto;
}

#mainPage {
    font-family: Arial, Helvetica, sans-serif;
    margin:1em 0 0;
    padding: 50px 20px 20px;
    border: 1px solid #dedede;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-align: left;
    min-height: 260px;
    position: relative;
}

.tabPage {
    font-family: Arial, Helvetica, sans-serif;
    margin:1em 0 0;
    border: 1px solid #dedede;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-align: left;
    min-height: 260px;
    position: relative;
}

/*
//////////////////////////////////////////////////////////////////////
//
//  Events
//
//////////////////////////////////////////////////////////////////////
*/
 
#event-days {
	height: 270px;
	width: 310px;
	padding: 61px 0 0 4px;
	background: url('../images/calendarborderblank.png') transparent no-repeat 0 0;
}

#eventCalendar {
	border-radius: 3px 3px 3px 3px;
	border-style: solid;
	border-width: 1px;
}

.k-header {
	border-radius: 3px 3px 0 0;
}

#eventCalendar .k-content {
	height: 168px;
}

.performance {
	background: transparent url('../images/performance.png') no-repeat 0 50%;
	display: inline-block;
	width: 16px;
	height: 16px;
	vertical-align: middle;
}

#newEventClearForm {
	float:right;
	font-size: 10px;
}

#eventName {
	height: 24px;
}

#excelDownload {
	float:right;
}

.event-name {
	width: 240px;
}

.alignLeft {
	float: left;
}

.subsequent-label {
	width: 50px !important;
}

div.k-edit-form-container {
	width: 550px;
}

div.k-edit-field {
	padding-top: 5px;
}

.window ul, .k-window-content ul {
	list-style: none;
}

.window li, .k-window-content li {
	margin-top: 5px;
}

.windowRightSpan {
	display: inline-block;
	vertical-align: top;
	padding: 4px;
	padding-top: 8px;
}

@media only screen 
  and (max-width: 1080px) {
	#addEvent {
		float:right;
		height: 26px;
		min-width: 90px;
	}
}

@media only screen 
  and (min-width: 1080px) {
	#addEvent {
		float:right;
		height: 26px;
		min-width: 140px;
	}
}



@media only screen 
  and (max-width: 880px) {
	.groupPanel  {
		text-align: left;
		padding-bottom: 5px;
		padding-left: 20px;
	} 
}

@media only screen 
  and (min-width: 880px) {
	.groupPanel  {
		text-align: center;
	} 
} 

.detailView {
	width: 84%;
	margin: 0 auto 40px;
	text-align: left;
}

.detailView img {
	float: left;
	margin: 0 14px 0 0;
	/*border: 3px solid #dedede;*/
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.detailView h4 {
	font-size: 10px;
	font-weight: normal;
	text-transform: uppercase;
	color: #8d8d8d;
	margin-top: 0;
	border-bottom: 1px solid #dedede;
}

.detailView h4 strong {
	color: #ed662e;
}

.detailView h4 {
	margin-left: 93px;
	vertical-align: text-top;
}

#eventDetails h4 {
	margin-left: 93px;
	vertical-align: text-top;
} 

#eventDetailsAddress {
	color: black;
	font-size: 12px;
	font-weight: bold;
} 

#mainPage li {
	margin: 0.4em 0;
}

#mainPage h3.k-header {
	margin: 1.4em 0 1em;
	padding: .4em 1.4em;
	font-size: 1.4em;
	border-radius: 2px;
}

#myDetails {
	float: right;
	position: relative;
	top: -15px;
	margin: 14px 14px 14px 14px;
	padding: 0px 14px 0px 14px;
	border: 3px solid #dedede;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

/* Needs to be renamed to myDetailsSection */
.demo-section ul {
    list-style: none;
}

/* Needs to be renamed to myDetailsSection */
.demo-section {
	margin: 0px auto;
	padding: 10px;
	-moz-box-shadow: 0 1px 1px rgba(0,0,0,0.45), inset 0 0 30px rgba(0,0,0,0.07);
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.45), inset 0 0 30px rgba(0,0,0,0.07);
	box-shadow: 0 1px 1px rgba(0,0,0,0.45), inner 0 0 30px rgba(0,0,0,0.07);
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
} 
	
#eventMembers {
	float: left;
	position: relative;
	top: 0px;
}

#updateEvent {
	float: right;
	margin-right: 1px;
}

#deleteEvent {
	float: right;
}

#updateMyResponse {
	float: right;
}

#sendReminders {
	float: right;
}

#eventExcelDownload {
	margin-right: 1px;
}

#eventWordDownload {
	margin-right: 1px;
}

.Yes {
	color: green;
	font-weight: bold;
}

.No {
	color: red;
	font-weight: bold;
}

.Maybe {
	color: orange;
	font-weight: bold;
}

.Notnotified {
	color: gray;
}

#myResponseYes {
	border-radius: 0px;
	border-bottom-left-radius: 4px;
	border-top-left-radius: 4px;
	display: inline-block;
	font-size: 14px;
	padding-left: 15px;
	padding-right: 15px;
}
  
#myResponseNo {
	display: inline-block;
	border-radius: 0px;
	font-size: 14px;
	padding-left: 15px;
	padding-right: 15px;
}
  
#myResponseMaybe {
	display: inline-block;
	border-radius: 0px;
	border-bottom-right-radius: 4px;
	border-top-right-radius: 4px;
	font-size: 14px;
	padding-left: 15px;
	padding-right: 15px;
}

.invisible  {
	display:none;
}

.k-grid tbody .k-button {
	min-width: 32px;
	width: 32px;
	background: none;
	border: 0px;
}

@media only screen 
  and (max-width: 880px) {
    #mainPage ul label {
		display: block;
    }

	.my-action {
		margin-left: 39px;
	}

    .window ul label, .k-window-content ul label {
        display: block;
        vertical-align: top;
    }

	.tabEventsDiv {
		min-width: 850px;
	}

	#myDetailsImageDiv {
		margin-left: 230px;
		margin-top: 120px;
	}

	.updateMemberImageDiv {
		margin-left: 350px;
		margin-top: -20px;
	}

	#newSecondarySectionsTable {
		margin-top: -18px;
	}

	#updateSecondarySectionsTable {
		margin-top: -18px;
	}
}

@media (min-width: 880px) {
    #mainPage ul label {
        display: inline-block;
        vertical-align: top;
        width: 110px;
        padding: 0 8px;
        text-align: right;
    }
	.my-action {
		margin-left: 129px;
	}

	.my-action2 {
		margin-left: 29px;
	}

    .window ul label, .k-window-content ul  label {
        display: inline-block;
        vertical-align: top;
        width: 130px;
        padding: 8px 8px;
        text-align: right;
    }

	.tabEventsDiv {
		min-width: 940px;
	}
	
	#myDetailsImageDiv {
		margin-top: -2px;
		margin-left: 400px;
	}

	.updateMemberImageDiv {
		margin-left: 5px;
		margin-top: 10px;
	}

	#newSecondarySectionsTable {
		margin-top: -30px;
	}

	#updateSecondarySectionsTable {
		margin-top: -30px;
	}
} /* end @media (min-width: 880px) */

.tabMembersDiv {
	min-width: 970px;
}

.tabGroupsDiv {
	min-width: 650px;
}

.tabMyDetailsDiv {
	min-width: 430px;
}

.my-action {
	height: 26px;
	width: 140px;
}

.my-action2 {
	height: 26px;
	width: 140px;
}

.status {
	color: red;
	margin-left: 10px;
}

#myDetailsRightPanel {
	float:right;
	height: 26px;
	width: 140px;
}

#mergeAccountsButton {
	margin-top:5px;
}

.k-tooltip {
  padding: 10px 10px 10px 10px;
  font-family: 'Open Sans', Arial, sans-serif;
  font-size: 12px;
  line-height: 15px;
  letter-spacing: -1px;
  background-color: #ffffe1;
  display: none;
  z-index: 10050;
  text-align: left;
}

.mToolTip {
  height:32px; 
  width: 32px;
  background-image: url("../images/help.png");
  background-size: 32px;
  background-repeat: no-repeat;
  float:right;
  margin-top: -5px;
}

.windowLabel {
	text-align: center;
	width: 450px;
	display: inline-block;
}

.m-calendarSelected {
  background-color: lightblue;
  #rgb(0, 184, 255);
}

.m-calendarDiv {
  display: inline-block;
  padding-top: 8px;
}

eventCalendar#ui-datepicker{
	font-size:10px;
}

.address {
	width: 300px
}

.Inactive {
	color: gray;
}

.stripe_checkout_app {
	z-index: 2147483647 !important;
}

/* Google autocomplete */
.pac-container, .pac-item {
	width: inherit !important;
}

.pac-container {
    z-index: 10051 !important;
}

.notification-error {
	background: rgba(100%,0%,0%,.7);
	color: #ffffff;
	padding: 15px 15px 5px 15px;
}

.notification-error img {
	float: left;
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
}

.notification-success {
	background: rgba(0%,60%,0%,.7);
	color: #fff;
	padding: 15px 15px 5px 15px;
}

.notification-success img {
	float: left;
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
}

.notification-warning {
	background: #e27a26;
	color: #ffffff;
	padding: 15px 15px 5px 15px;
}

.notification-warning img {
	float: left;
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
}

.viewAllEventsGridNotes {
	font-style:italic;
	font-size: smaller;
}

.k-confirm {
	max-width: 400px;
}

/*
 INTRO
*/

.ulUpcomingEvents {
	padding: 0 0 0 0;
	list-style: none;
	text-align: left;
	margin: 0 0 0 0;
}

.ulUpcomingEvents .eventDate {
	font: italic bold 12px/20px Georgia, serif;
	margin-top: 10px;
} 

.testimonialBlock {
	width:506px;padding:0px 6px 0 6px;margin:0 auto;
}

.testimonialBlock p.content {
	font-style:italic;line-height:24px;padding-left:15px;margin-left:50px;position:relative;overflow:hidden;
}

@media only screen and ( max-width: 32.5em ) /* 520 */ 
{
	.testimonialBlock {
		width:200px;padding:0px 6px 0 6px;margin:0 auto;
	}
	.testimonialBlock p.content {
		font-style:italic;line-height:24px;padding-left:19px;margin-left:0px;position:relative;overflow:hidden;
	}
}

.testimonialBlock h3 {
	background:url(img/h3.png) no-repeat center;color:#dd3c04;font-size:13px;
	font-weight:normal;text-align:center;text-transform:uppercase;margin-bottom:17px;
}

.testimonialBlock .photo {
	background:url(img/photo-bg.png) no-repeat center;margin-right:6px;position:relative;float:left;
}

.testimonialBlock .photo img {
	max-width:115px;max-height:115px;overflow:hidden;position:absolute;
}

.testimonialBlock .photo img.photo-bg {
	z-index:1;
}

.testimonialBlock .photo img.photo {
	left:0;
}

.testimonialBlock p.content span {
	text-indent;
}

.testimonialBlock p.content span.laquo {
	background:url(img/laquo.png) no-repeat;width:14px;height:11px;position:absolute;left:0;top:4px;display:block;
}

.testimonialBlock p.content span.raquo {
	background:url(img/raquo.png) no-repeat right 4px;width:13px;height:15px;padding-left:4px;display:inline-block;
}

.testimonialBlock .sign {
	text-align:right;
	/*float:right;*/
}

.testimonialBlock .sign .link {
	color:#2C6DA0;font-family:Arial,sans-serif;font-size:13px;text-decoration:underline;
}

.testimonialBlock .sign .link:hover {
	font-weight:bold;
}

.testimonialBlock .sign p {
	color:#5a5a5a;font-size:12px;line-height:15px;margin-top:6px;
} 

div.k-dropzone {
	border: 1px solid #c5c5c5; /* For Default; Different for each theme */
}

div.k-dropzone em {
	display: inline;
}

.k-dropzone-active {
    border: 1px solid yellow;
}
.k-dropzone-active.k-dropzone-hovered {
    border: 1px solid green;
}
/* cropper */
.img-preview {
  background-color: #f7f7f7;
  text-align: center;
  width: 100%;
}

.img-preview {
  margin-bottom: .5rem;
  margin-right: .5rem;
  overflow: hidden;
}

.img-preview > img {
  max-width: 100%;
}

.preview-lg {
  height: 9rem;
  width: 16rem;
  border-radius: 5px;
}

.preview-md {
  height: 55px;
  width: 55px;
  border-radius: 5px;
}

.preview-sm {
  height: 24px;
  width: 24px;
  border-radius: 2px;
}

.preview-xs {
  height: 1.125rem;
  margin-right: 0;
  width: 2rem;
  border-radius: 1px;
}

/*!
 * Cropper.js v1.4.3
 * https://fengyuanchen.github.io/cropperjs
 *
 * Copyright 2015-present Chen Fengyuan
 * Released under the MIT license
 *
 * Date: 2018-10-24T13:07:11.429Z
 */.cropper-container{direction:ltr;font-size:0;line-height:0;position:relative;-ms-touch-action:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
 .cropper-container img{display:block;height:100%;image-orientation:0deg;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;width:100%}
 .cropper-canvas,.cropper-crop-box,.cropper-drag-box,.cropper-modal,.cropper-wrap-box{bottom:0;left:0;position:absolute;right:0;top:0}
 .cropper-canvas,.cropper-wrap-box{overflow:hidden}
 .cropper-drag-box{background-color:#fff;opacity:0}
 .cropper-modal{background-color:#000;opacity:.5}
 .cropper-view-box{display:block;height:100%;outline-color:rgba(51,153,255,.75);outline:1px solid #39f;overflow:hidden;width:100%}
 .cropper-dashed{border:0 dashed #eee;display:block;opacity:.5;position:absolute}
 .cropper-dashed.dashed-h{border-bottom-width:1px;border-top-width:1px;height:33.33333%;left:0;top:33.33333%;width:100%}
 .cropper-dashed.dashed-v{border-left-width:1px;border-right-width:1px;height:100%;left:33.33333%;top:0;width:33.33333%}
 .cropper-center{display:block;height:0;left:50%;opacity:.75;position:absolute;top:50%;width:0}
 .cropper-center:after,.cropper-center:before{background-color:#eee;content:" ";display:block;position:absolute}
 .cropper-center:before{height:1px;left:-3px;top:0;width:7px}
 .cropper-center:after{height:7px;left:0;top:-3px;width:1px}
 .cropper-face,.cropper-line,.cropper-point{display:block;height:100%;opacity:.1;position:absolute;width:100%}
 .cropper-face{background-color:#fff;left:0;top:0}
 .cropper-line{background-color:#39f}
 .cropper-line.line-e{cursor:ew-resize;right:-3px;top:0;width:5px}
 .cropper-line.line-n{cursor:ns-resize;height:5px;left:0;top:-3px}
 .cropper-line.line-w{cursor:ew-resize;left:-3px;top:0;width:5px}
 .cropper-line.line-s{bottom:-3px;cursor:ns-resize;height:5px;left:0}
 .cropper-point{background-color:#39f;height:5px;opacity:.75;width:5px}
 .cropper-point.point-e{cursor:ew-resize;margin-top:-3px;right:-3px;top:50%}
 .cropper-point.point-n{cursor:ns-resize;left:50%;margin-left:-3px;top:-3px}
 .cropper-point.point-w{cursor:ew-resize;left:-3px;margin-top:-3px;top:50%}
 .cropper-point.point-s{bottom:-3px;cursor:s-resize;left:50%;margin-left:-3px}
 .cropper-point.point-ne{cursor:nesw-resize;right:-3px;top:-3px}
 .cropper-point.point-nw{cursor:nwse-resize;left:-3px;top:-3px}
 .cropper-point.point-sw{bottom:-3px;cursor:nesw-resize;left:-3px}
 .cropper-point.point-se{bottom:-3px;cursor:nwse-resize;height:20px;opacity:1;right:-3px;width:20px}
 @media (min-width:768px){.cropper-point.point-se{height:15px;width:15px}}
 @media (min-width:992px){.cropper-point.point-se{height:10px;width:10px}}
 @media (min-width:1200px){.cropper-point.point-se{height:5px;opacity:.75;width:5px}}
 .cropper-point.point-se:before{background-color:#39f;bottom:-50%;content:" ";display:block;height:200%;opacity:0;position:absolute;right:-50%;width:200%}
 .cropper-invisible{opacity:0}
 .cropper-bg{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC")}
 .cropper-hide{display:block;height:0;position:absolute;width:0}
 .cropper-hidden{display:none!important}
 .cropper-move{cursor:move}
 .cropper-crop{cursor:crosshair}
 .cropper-disabled .cropper-drag-box,.cropper-disabled .cropper-face,.cropper-disabled .cropper-line,.cropper-disabled .cropper-point{cursor:not-allowed}