.resultsTable{
	table-layout : auto;
	display : table;
	width : 60%;
	width/* */:/* */100%;
	border-collapse: collapse;
}

.resultsTable td{
	vertical-align : top;
	padding : 4px;
}

.resultsTable th{
	vertical-align : top;
	padding : 4px;
	text-align : left;
}

@media screen and (-webkit-min-device-pixel-ratio:1.5) {
	.cb-dragblob {
		min-width: 32px;
		min-height: 32px;
		padding: 4px;
	}
}

.cb-proxy-login-logo {
	max-width: 89px;
	max-height: 32px;
	margin-left: 15px;
	border: solid 1px transparent;
	border-radius: 5px;
	padding: 3px;
}

.cb-proxy-login-logo:hover {
	border: solid 1px #888;
}

.cb-login-help-hint {
	color: red;
	margin-top: 10px;
	text-align: right;
	margin-right: 40px;
}

.groupMemberUnselected{
	color : #000;
	background-color : #fff;
	border: none;
	border-top: solid 1px #c0c0c0;
}
.groupMemberSelected{
	color : #000;
	background-color : #DADEEB;
	border: none;
	border-top: solid 1px #c0c0c0;
}

.divTableOdd{
	color : #000;
	background-color : #DADEEB;
	border: solid 1px #DADEEB;
}

.divTableEven{
	color : #000;
	background-color : #fff;
	border: solid 1px #fff;
}

.cb-doc-header-admin {
	border: solid 1px transparent;
}


.cb-doc-header-admin:hover {
	border: solid 1px #e7c367;
}

.cb-doc-header-admin .cb-doc-menu {
	float:right;
	padding: 3px;
	border: solid 1px #c0c0c0;
	border-radius: 5px;
	cursor: pointer;
	opacity:0.5;
	filter: alpha(opacity=50);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	box-sizing: content-box;
}

.cb-doc-header-admin:hover .cb-doc-menu {
	opacity:1;
	filter: alpha(opacity=100);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.cb-doc-indicator {
	width:16px;
	height:8px;
	float:left;
}

.cb-doc-indicator>div {
	position: relative;
	left:2px;
	top:-5px;
	font-size: 10px;
	font-weight: bold;
}

.cb-doc-menu {
	width: 32px;
	height: 8px;
}

.cb-youtube {
	display: block;
	margin: auto;
	width: 420px;
	height: 315px;
}

.cb-youtube-169 {
	width: 560px ! important;
}

.cb-youtube-169 .cb-youtube-preview { padding-left: 70px; }

.cb-youtube-preview {
	position: relative;
}
.cb-youtube-preview>img {
	position: absolute;
	width: 420px;
	height: 315px;
}

.cb-youtube-playbutton {
	position: absolute;
	z-index: 1;
	width: 420px;
	height: 315px;
	background-image: url('/churchbuilder/graphics/youtube-play-grey-64.png');
	background-position: center center;
	background-repeat: no-repeat;
}
.cb-youtube-playbutton:hover {
	background-image: url('/churchbuilder/graphics/youtube-play-64.png');
}

.cb-youtube-player {
	position: relative;
	z-index: 2;
}


.cb-zone-position-admin {
	min-height: 40px;
	border: solid 1px transparent;
}

.cb-zone-position-admin:hover {
	border: solid 1px #c3caff;
}

.cb-zone-dragbutton {
	float:left;
	clear:none;
	padding:3px;
}

.cb-password-instructions {
	max-width: 300px;
}

#calendarTable {
	border : thin solid;
	background-color : #d3d3d3;
	color : #000;
	width: 100%;
	table-layout: fixed;
}

#calendarTable th {
	background-color: white;
	color : #000;
	width: 100px;
}

#calendarTable td {
	background-color: white;
	color : #000;
	vertical-align: top;
	width:14%;
/*	min-height:80px; */
	font-family: Helvetica, Arial, Helvetica, sans-serif;
	font-size: 10px;
	overflow:hidden;
	border: solid #ccc 1px;
	box-sizing: border-box;
}

#calendarTable a {
	box-sizing: border-box;
}

.calendarCell {
	min-height:80px;
}

.calendarButtons {
	display: block;
	border: 1px solid black;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	font-family: arial;
	background:#e0e0e0;
}

.calendarButtons a:hover {
	text-decoration:none;
	background:#f0f0f0;
}

.calendarTime { 
	color: #4D5E99;
	background-color : transparent;
}

.cb-drop-search-results-datetime {
	font-size: 10px;
	line-height: 12px;
	width: 80px;
	text-align: center;
	display: inline-block;
}

.cb-drop-search-results-datetime-body {
	display: inline-block;
	width: 210px;
}

.cb-drop-search-results-icon {
	max-width: 24px;
	max-height: 24px;
}

.cb-search-results-row h2 {
	margin: 0 ! important;
	font-size: 120% ! important;
}

.cb-search-results-row h3 {
	margin: 0 ! important;
	font-size: 110% ! important;
}


.cb-search-results-row-person>div {
	display: inline-block;
	margin-left: 20px;
}

.cb-search-results-row-person>div:first-child {
	min-width: 250px;
}

.cb-search-results-row {
	margin-bottom: 10px;
	background: #eaeaea; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VhZWFlYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #eaeaea 0%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eaeaea), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #eaeaea 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #eaeaea 0%,#ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #eaeaea 0%,#ffffff 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #eaeaea 0%,#ffffff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeaea', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
	padding-top: 10px;
}

.cb-search-results-row-end {
	clear: both;
}

.cb-search-results-icon {
	width: 64px;
	height: 64px;
	float: left;
	margin-right: 20px;
}

.cb-search-results-related {
	font-size: 95%;
	padding: 5px;
}

.cb-search-results-icon>img {
	max-width: 64px;
	max-height: 64px;
}

.cb-drop-search-detail {
	width: 300px;
}

.cb-drop-search-results {
	position: absolute;
	z-index: 100;
	display:none;
	background: #eee;
	border-bottom: 1px solid black;
	border-left: 1px solid black;
	border-right: 1px solid black;
	border-radius: 0 0 15px 15px;
	width: 400px;
	padding: 10px;
	max-height: 400px;
	overflow:auto;
	text-align: left;
}

.cb-drop-search-results td {
	cursor: pointer;
	padding: 4px;
	color: black;
}

.cb-drop-search-results tr:hover td {
	background: #ddd;
}

.cb-drop-search-results .selected td {
	background: #ddd;
}

input[type=text].cb-drop-search {
	background-repeat: no-repeat;
	background-position: 95% center;
}

input[type=text].cb-drop-search-site {
	background-image: url('/churchbuilder/graphics/search-24.png');
	height: 28px;
	border-radius: 15px;
	padding-right: 30px;
	padding-left: 10px;
	color: black;
}

.cb-eventbuilder-config-wrapper { padding: 10px; }

.cb-resource-table td { padding: 4px; }

.cb-resource-entry-title a {}
td.cb-resource-entry-time { padding-left: 10px;}
td.cb-resource-new-link {padding-left: 10px; }

td.cb-resource-new-link-end { display: none; }
@media screen and (max-width: 400px) {
	td.cb-resource-new-link { display: none; }
	td.cb-resource-new-link-end { display: initial; }
}

.cb-calendar-detail-child {
	border-radius: 5px;
	border: solid 1px #ccc;
	background: #f8f8f8;
	margin-top: 4px;
	clear: both;
	cursor: pointer;
	padding: 6px;
}

.cb-calendar-single-child:hover a.cb-calendar-more { background: #ccc; }
.cb-calendar-single-child { cursor: pointer; }

a.cb-calendar-more {
	display: block;
	float:right;
	border: 1px solid black;
	color: black;
	border-radius: 5px;
}

.cb-calendar-detail-child:hover a.cb-calendar-more { background: #ccc; }

.cb-calendar-more img { height: 20px; }

.cb-calendar-detail-child header {
	width: 100%;
}

.cb-calendar-detail legend { font-weight: bold; }


.cb-calendar-term {
	height: 0px;
	width: 100%;
	border-top: solid 2px #a0a0e0;
}

.cb-calendarEntryPopup {
	min-width: 300px;
}

.cb-calendarEntryPopup h3 {
	font-size: 14px;
}

.cb-calendarEntryPopup h4 {
	font-size: 14px;
}

.cb-calendarEntryPopupBody {
	width: 340px;
}

.cb-calendar-popuphelp-wrapper {
	position:relative;
	float:right;
}

.cb-calendar-popuphelp-wrapper > div {
	position:absolute;
	left: -60px;
	top: -16px;
}

.cb-main-calendar {
	height: 100%;
}

.cb-imagemgr_editor-thumbnail {
	cursor: pointer;
	border: solid 1px #ccc;
	border-radius: 5px;
	padding: 5px;
}

.cb-prayer_diary_entry { 
	display: block;
	clear: left;
	width: 96%;
	
}

.cb-prayer_diary_buttons {
	float:right;
}

.cb-prayer_diary_buttons img {
	padding: 5px;
	cursor: pointer;
}


#serviceitemscontainer {
	width:600px;
	left:100px;
}

#serviceitems{
	position:absolute;
	width:700px;
	left:100px;
	border: 1px solid #4d5e99;
}

#serviceitems div {
	position: absolute;
	background: #c5cbe0;
	width: 99%;
	vertical-align: middle;
	margin: 2px;
}

#serviceitems #icon {
	display: block;
	clear: none;
	float: left;
}

#serviceitems #delete {
	display: block;
	clear: none;
	float: right;
	margin-top: 10px;
	margin-right: 5px;
}

#serviceitems #content {
	display: block;
	clear: none;
	margin-left: 50px;
	margin-top: 10px;
}

#serviceitems #right {
	display: block;
	clear: none;
	float: right;
	margin-right: 10px;
	margin-top: 10px;
	font-family: verdana;
	font-size: 9px;
}

#serviceitems #content #text {
	display: block;
	clear: none;
	float: left;
}

.cb-serviceItem-tail-icon { display: inline-block; }

.cb-rating-bad { color: #888 ! important; }
.cb-rating-normal { color: purple ! important; }
.cb-rating-approved { color: green ! important; }

.comboodd {
	width:100%;
	background-color: #DADEEB;
	padding: 2px;
	font-family:arial;
	font-size:12px;
}

.comboodd a {
	color: #000;
	cursor: pointer;
}
.comboodd a:hover {
	color: #444;
	cursor: pointer;
	text-decoration: none;
}
.comboeven {
	width: 100%;
	background-color: #fff;
	padding: 2px;
	font-family:arial;
	font-size:12px;
}
.comboeven a {
	color: #000;
	cursor: pointer;
}
.comboeven a:hover {
	color: #444;
	cursor: pointer;
	text-decoration: none;
}

.addressCard {
	font-family: arial;
	padding: 5px;
	line-height: 16px;
	min-width: 350px;
	min-height: 280px;
}
.addressCardTitle {
	font-size: 16px;
	font-weight: bold;
	padding:5px;
}
.addressCardInfo {
	font-size: 12px;
	padding:2px;
	padding-left: 10px;
}

.bookingformcandidaterow {
	border-top:solid 1px #c0c0c0;
	height:30px;
}

@media screen and (max-width: 640px) {
	.bookingformcandidaterow {
		height:60px;
	}
}

.paymenttable td {
	border-top: solid 1px #e0e0e0;
	padding:2px;
	padding-left:10px;
}

@media screen and (max-width: 640px) {
	.paymenttable, .paymenttable>tbody, .paymenttable>tbody>tr, .paymenttable>tbody>tr>td {
		display: block;
	}
	.paymenttable>tbody>tr {
		margin-top: 5px;
		border-top: 1px solid #888;
	}
}

h1, h2, h3, h4 {
	clear:none;
}

.leftimage, .rightimage, .inlineimage, .fullwidthimage {
	border:none;
	display: block;
}

.leftimage, .rightimage { width: 100%; }

.leftimagecontainer { float: left; margin-right: 20px; max-width: 50%; }
.rightimagecontainer { float: right; margin-left: 20px; max-width: 50%; }
.fullwidthimagecontainer { display:block; width: 100%; }

@media screen and (max-width: 640px) {
	.leftimagecontainer, .rightimagecontainer { float: none; margin: 0; }
}

.leftimagecontainer, .rightimagecontainer {
	display: block;
}

.leftimagecontainer { float: left; margin-right: 10px; }
.rightimagecontainer { float: right; margin-left: 10px; }

@media screen and (max-width: 640px) {
       .leftimagecontainer, .rightimagecontainer { float: none; margin: auto; width: 90%; }
       .leftimagecontainer img, .rightimagecontainer img { width: 100%; }
}

.horizontal_div {
 width:100%;
 height:1px;
 background:black;
}

.activitybookingsearchresults {
	margin:10px;
	margin-left:100px;
	border:solid 1px #c0c0ff;
}

.activitybookingsearchresults td {
	border-top:solid 1px #c0c0c0;
	padding:3px;
	cursor:pointer;
}

.activitybookingsearchresults tr:hover {
	background:#f0f0f0;
}

#activitybooking-totals-table>div {
	background: #dde;
	border-radius: 5px;
	padding: 15px;
	clear: both;
}

.activitybooking-image {
	width: 30%;
	float:right;
	border-radius: 5px;
        box-shadow: 5px 5px 5px #ccc;
	margin: 5px;
}

#activitybooking-totals-table th {
	padding: 4px;
}

.activitybooking-booking-fields {
	background: #dde;
	padding: 5px;
	border-radius: 5px;
	margin-left: 40px;
	border: solid 1px #ccc;
}

.activitybooking-booking-fields td:first-child {
	font-weight: bold;
}

.activitybooking-candidates {
	background: #dde;
	padding: 5px;
	border-radius: 5px;
	margin-left:80px;
	margin-top:20px;
}

@media screen and (max-width: 640px) {
	.activitybooking-candidates, .activitybooking-booking-fields {
		margin-left: 0;
	}
}

.activitybooking-booking-fields td {
	padding: 4px;
}

.activitybooking-button {
	margin: 10px;
}
.activitybooking-existing-bookings {
	margin-right: 30px;
}

.cb-eventbuilder-config-candidates-spec { display: none; }
.cb-eventbuilder-config-needs-candidates .cb-eventbuilder-config-candidates-spec { display: block; }

.cb-eventbuilder-pool-counts { float:right; padding:10px; border: solid 1px #ccc; }

.cb-eventbuilder-pool-counts td, .cb-eventbuilder-pool-counts th { padding-left: 15px; text-align: center;  }

.leftscrollupcontainer, .rightscrollupcontainer {
	border: solid 5px transparent;
}
.rightscrollupcontainer {
	float:right;
	border-left: solid 15px transparent;
	border-right: 0px;
}

.leftscrollupcontainer {
	float:left;
}


.leftscrollup, .rightscrollup {
	position:relative;
	overflow:hidden;
}

.cb-headline {
	position:absolute;
}

.rightscrollup {
}

.leftscrollup {
}

#cb-media-drop-zone.pj-dropping {
	background: #ffd0d0;
	border-radius: 5px;
}

.cb-media-drop-instructions, .cb-drop-instructions {
	color: #888;
	padding-left: 20px;
}

.pj-dropping .cb-media-drop-instructions, .pj-dropping .cb-drop-instructions { color: black; }

.cb-drop-zone.pj-dropping {
	background: #ffd0d0;
	border-radius: 5px;
}

.cb-media-table {
	width: 100%;
}

.cb-media-image {
	float:right;
	width: 33%;
}

.cb-media-icon {
	margin-left: 20px ! important;
	padding: 3px ! important;
}

.cb-media-icon:hover {
	background: #ccc ! important;
}

.cbhelparea {
	float:right;
	position:relative;
}

.cbhelplist {
	padding: 3px;
}

.cbhelplist a {
	display: block;
	text-decoration: none;
	font-family: arial;
	color: black;
}

.cbhelplist a:hover {
	background: #e0e0e0;
	text-decoration: none;
	color: black;
}

.cb-customisations-table {
	width: 100%;
}

.cb-customisations-table th, .cb-customisations-table td{
	border-bottom: solid 1px #e0e0e0;
	max-width: 300px;
}

.cb-customisations-table th {
	text-align:right;
	width: 350px;
	padding-right: 5px;
}

#cb-site-menu-editor {
	width: 100%;
	height: 500px;
}

#cb-site-menu-editor th {
	width: 300px;
	text-align: left;
}

#cb-site-menu-editor td, #cb-site-menu-editor th {
	border: 1px solid #e0e0e0;
	vertical-align: top;
}

#cb-site-menu-editor td>div, #cb-site-menu-editor th>div {
	height: 480px;
	overflow:auto;
}

.cb-profile-upcoming-duties td {
	padding: 10px;
}

.cb-profile-lockout { float: left; background: yellow; }

.cb-profile-other-family-members {
	max-width: 100%;
	overflow-x: auto;
}

.cb-profile-group-membership {
	max-width: 100%;
	overflow-x: auto;
}

span.cb-profile-link-help { font-size: 90%; font-style: italic; }

#cb-people-manager-table>div.cb-people-manager-photo {
	width: 150px;
	float: right;
}

#cb-people-manager-table>div.cb-people-manager-info th {
	padding-right: 4px;
}

#cb-people-manager-table>div.cb-people-manager-info {
	width: calc(100% - 210px);
	display: inline-block;
	vertical-align: top;
}

#cb-people-manager-table>div.cb-people-manager-info>div {
	width: 50%;
	display: inline-block;
	vertical-align: top;
}

#cb-people-manager-table {
	padding-left: 50px;
	padding-right: 50px;
}

@media (max-width: 1000px) {

	#cb-people-manager-table {
		padding: 0;
	}
}


@media (max-width: 800px) {
	#cb-people-manager-table>div.cb-people-manager-photo {
	        width: 100%;
	        float: none;
	}

	.cb-people-manager-photo>div {
		width: 150px;
		margin: auto;
	}

	#cb-people-manager-table>div.cb-people-manager-info {
		width: 100%;
	}

	#cb-people-manager-table>div.cb-people-manager-info>div {
		width: 100%;
	}
}

#cb-people-manager-table table {
	margin: 3px;
	width: 100%;
}

#cb-people-manager-table table th {
	text-align:right;
	width: 120px;
}

#cb-people-manager-table>tbody>tr>td>div {
	width: 350px;
	border: solid 1px #e0e0e0;
	border-radius: 5px;
	margin: 3px;
	margin-left: 50px;
}

#cb-people-manager-table div:hover>.cb-edit-link {
/*	visibility: visible; */
	color: #800;
}

#cb-people-manager-table .cb-edit-link {
	float:right;
/*	visibility: hidden; */
	color: #eee;
	padding-top: 5px;
	padding-right: 5px;
	cursor: pointer;
}

#cb-people-manager-table>tbody>tr>td {
	vertical-align: top;
}

#cb-people-manager-table table td.cb-field-editable {
	background: #f8f8f8;
}

#cb-people-manager-table table td.cb-field-editable:hover .cb-edit-link {
	display: block;
	visibility: visible;
}

#cb-people-manager-table table.cb-field-editable {
	background: #f8f8f8;
}

.cb-profile-gqa-table table {
	margin-top: 10px;
}

.cb-profile-gqa-table td {
	padding: 5px;
	padding-left: 15px;
	border-top: 1px solid #ccc;
}

.cb-profile-gqa-table th {
	padding: 5px;
	padding-left: 15px;
}

.cb-people-manager-annotation {
	padding-left: 30px;
	font-style: italic;
}

.cb-swap-page-wrapper { margin: 50px; }

.cb-duty-swap-table {
	margin-left: 30px;
	width: auto;
}

.cb-duty-swap-table th {
	border-top: 15px solid transparent;
}

.cb-duty-swap-table .cb-duty-warning {
	color: red;
	font-size: 90%;
}

.cb-duty-swap-table td {
	text-align: right;
}

.cb-duty-swap-offered {
	background: yellow;
}

.cb-duty-swap-deleted {
	text-decoration: line-through;
}

.cb-duty-swap-box {
	border: solid 1px #c0c0c0;
	padding: 2px;
	border-radius: 5px;
	max-width: 180px;
}

.cb-report-query-box {
	padding: 5px;
	border-radius: 5px;
}

.cb-report-results-box {
	padding: 5px;
	border-radius: 5px;
}

.cb-report-results-box legend, .cb-report-query-box legend {
	padding: 5px;
	font-size: 16px;
	font-weight: bold;
}

#cb-meeting-builder-container fieldset {
	border:solid 1px #c0c0c0;
	width: 90%;
	padding:20px;
	margin:auto
}

#cb-meeting-builder-container fieldset table {
	width: 90%;
	margin: auto;
}

#cb-meeting-builder-container fieldset table th {
	vertical-align:bottom;
}
#cb-meeting-builder-container fieldset table td, #cb-meeting-builder-container fieldset table th {
	text-align: center;
}

#cb-meeting-builder-container .cb-hover-highlight:hover {
	background: #e0e0e0;
}

.cb-meeting-spacer {
	width: 60px;
}

.cb-vheader {
	height:120px;
	width:20px;
}

.cb-vheader>span {
	position:relative;
	width: 20px;
	height: 0px;
	display:block;
	background: red;
}

.cb-vheader>span>span {
	  /* Must remove span from normal flow in order to keep columns from widening */
  position: absolute;
  left:0px;
  top:0px;
  white-space: nowrap;
  -moz-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -moz-transform-origin: 0% 0%;
  -webkit-transform-origin: 0% 0%;
  -o-transform-origin: 0% 0%;
  -ms-transform-origin: right top;
  filter:  progid:DXImageTransform.Microsoft.BasicImage(rotation=3);  /* IE6,IE7 */
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; /* IE8 */
  width: 120px;
  text-align: left;
}

.cb-warning {
	background: #ffcccc;
}

.cb-strikethrough, .cb-unavailable {
	text-decoration: line-through;
}

.cb-volunteer {
	font-style: italic;
	color: #008000;
}

.cb-volunteer::after {
	content: " (v)";
}

.cb-suggest {
	font-style: italic;
	color: #800080;
}

.cb-suggest::after {
	content: "?";
}

.cb-meeting-result {
	width: 32px;
	margin: auto;
}

.cb-meeting-hard {
	background: #ffdc88;
}
.cb-meeting-attending, .cb-meeting-easy {
	background: #98ffb8;
}

.cb-meeting-not-attending, .cb-meeting-impossible {
	background: #ff9898;
}
.cb-meeting-attachments {
	float: right;
	cursor: pointer;
}

.cb-meeting-attachments>div {
	position: relative;
	float: left;
	font-size: 9px
}
.cb-highlight {
	background: #ffffaf;
}


/* CSS filter for Safari */
@media screen and (-webkit-min-device-pixel-ratio: 0){
  .cb-vheader > span > span {
    top: 0;
  }
.cb-vheader > span > span > span {
  /* Rotate the text back, so it will be easier to read */
/*  -moz-transform: skewX(-25deg); */
  /* Safari 4.0 beta won't skew back, so the next line is actually redundant right now */
/*  -webkit-transform: skewX(-25deg); */
  padding:3px;
}
}

#edit_query_box button {
	margin: 3px;
	min-width: 40px;
}


@media screen and (-webkit-min-device-pixel-ratio:1.5) {
	#edit_query_box button {
		min-height: 40px;
		min-width: 80px;
	}
}

.cb-attendance-export-icons {
	float: right;
}

.cb-attendance-export-icon {
	margin-top: 10px;
	margin-right: 10px;
	cursor: pointer;
}

.donations_form {
	padding-left: 100px;
}

.donations_form>table {
	padding: 20px;
	border: solid 1px #c0c0c0;
	border-radius: 5px;
}

.cbButton1 {
	-moz-box-shadow:inset 0px 1px 0px 0px #f29c93;
	-webkit-box-shadow:inset 0px 1px 0px 0px #f29c93;
	box-shadow:inset 0px 1px 0px 0px #f29c93;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fe1a00), color-stop(1, #ce0100) );
	background:-moz-linear-gradient( center top, #fe1a00 5%, #ce0100 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe1a00', endColorstr='#ce0100');
	background-color:#fe1a00;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #d83526;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:14px;
	font-weight:bold;
	padding:6px 9px;
	text-decoration:none;
	text-shadow:1px 1px 0px #b23e35;
}

.cbButton1:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ce0100), color-stop(1, #fe1a00) );
	background:-moz-linear-gradient( center top, #ce0100 5%, #fe1a00 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ce0100', endColorstr='#fe1a00');
	background-color:#ce0100;
}

.cbButton1:active {
	position:relative;
	top:1px;
}

.cbButton2 {
   border-top: 1px solid #f03939;
   background: #9c9c9c;
   background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#9c9c9c));
   background: -webkit-linear-gradient(top, #ffffff, #9c9c9c);
   background: -moz-linear-gradient(top, #ffffff, #9c9c9c);
   background: -ms-linear-gradient(top, #ffffff, #9c9c9c);
   background: -o-linear-gradient(top, #ffffff, #9c9c9c);
   padding: 5px 10px;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: #c70404;
   font-size: 14px;
   font-family: Helvetica, Arial, Sans-Serif;
   text-decoration: none;
   vertical-align: middle;
   }

.cbButton2:hover {
   border-top-color: #ffffff;
   background: #ffffff;
   color: #ccc;
   }

.cbButton2:active {
   border-top-color: #1b435e;
   background: #1b435e;
   }

.cb-gqEditorButtons button img, .cb-gqEditorFilter button img {
	vertical-align: middle;
	margin-right: 3px;
}
.cb-gqEditorButtons button, .cb-gqEditorFilter button {
	margin: 5px;
	height: 30px;
	padding: 1px 6px;
}

.cb-gqEditorFilter {
	float:right;
}

.cb-gqEditorFilter-Buttons {
	float:right;
}

.cb-gqEditorFilter-Text {
	border: solid 2px red;
	padding: 5px;
	border-radius: 4px;
	clear: right;
}

.cb-gq_editor_table {
	height: -webkit-calc(100% - 90px);
	height: calc(100% - 90px);
}

.cb-gq_editor_table .divtablecontainer {
	height: 100%;
}

.cb-gq_editor_table .divtableheader {
	background: #eee;
}

.cb-gq_editor_table .divtableheader a {
	font-weight: bold;
}


.cb-gq_editor_table .divtable {
	height: -webkit-calc(100% - 20px);
	height: calc(100% - 20px);
	overflow: auto;
	user-select: none;
	-ms-user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
}

.cb-query-editor-query {
	display: block;
	max-height: 100px;
	overflow: auto;
	padding: 0 30px;
	margin: 5px 0;
	font-size: 12px;
}

.cb-gq-drop-zone {
	height: -webkit-calc(100% - 20px);
	height: calc(100% - 20px);
}

.cb-gq-searchbox {
	float:right;
}
.cb-gq-searchbox>div {
	position: relative;
}
.cb-gq-searchbox>div>input {
	border-radius: 8px;
	width: 100px;
}

.cb-gq-search-highlight {
	background: yellow ! important;
}

.cb-clearfix {
	clear:both;
}

.cb-site_config_table {
	border: solid 1px #ccc;
	border-collapse: collapse;
}

.cb-site_config_table td, .cb-site_config_table th {
	border: solid 1px #ccc;
	padding: 5px;
}

.cb-calendar-layer-selection-box {
	padding: 5px;
}
.cb-calendar-layer-selection-box label {
	display: inline;
}


.cb-activity-builder-body {
	padding-left: 5%;
	padding-right: 5%;
}

.cb-activity-fields-container {
	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2;
	padding: 10px;
	background: #eee;
}

.cb-activity-logo {
	float:right;
	max-width: 50%;
	max-height: 200px;
}

@media screen and (max-width:1000px) {
	.cb-activity-builder-body {
		padding-left: 3px;
		padding-right: 3px;
	}

	.cb-activity-fields-container {
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1;
	}
}

.cb-activity-media-container {
	max-width: 100%;
	overflow: auto;
}

.cb-activity-buttons {
	position: relative;
}

.cb-activity-buttons>div {
	position:absolute;
	right: 0;
}

.cb-activity-buttons a { display: block; padding: 3px; border: solid 1px transparent; border-radius: 5px; opacity:0.5; }
.cb-activity-buttons a:hover { background: #eee; border: solid 1px #888; opacity:1 }

.cb-also-happening {
}

.cb-also-happening a {
	display: inline-block;
	background: #ddd;
	border-radius: 5px;
	padding: 5px;
	margin: 3px;
}

.cb-nearby-activity-fieldset {
	width:100%;
	min-width: 0;
}

@-moz-document url-prefix() { /* Only target Gecko. (Breaks layout in IE.) */
    fieldset.cb-nearby-activity-fieldset { display: table-cell; }
}

.cb-nearby-calendar-link {
	font-size: 16px;
}

.cb-nearby-activity-table-container {
	width:100%;
	overflow: auto;
}

.cb-nearby-activity-not-today {
	opacity: 0.5;
}
.cb-nearby-activity-today {
	font-weight: bold;
}

.cb-nearby-activity-table {
	width: 100%;
}

.cb-nearby-activity-table td {
	vertical-align:top;
	padding:5px;
	border-left: solid 1px #888;
}

.cb-nearby-activity-table td>div {
	margin-top: 5px;
	font-size: 10px;
	min-width: 120px;
}


@media screen and (-webkit-min-device-pixel-ratio:1.5) {
	.cb-nearby-activity-table td>div {
		font-size: 14px;
	}

	.cb-field {
		font-size: 18px;
	}
}

.cb-field-link img {
	margin-left: 5px;
	vertical-align: middle;
}

.cb-field-frozen {
	background: #f0f0ff;
	background-image: url('/churchbuilder/graphics/snowflake-blue-16.png');
	background-repeat: no-repeat;
	border-radius: 5px;
}

.cb-field-nolabel.cb-field-frozen {
	background-image: none;
}
.cb-field-nolabel.cb-field-frozen:before {
	content: '';
	display: block;
	float: left;
	width:16px;
	height:16px;
	background-image: url('/churchbuilder/graphics/snowflake-blue-16.png');
	opacity: 0.5;
}

.cb-field {
	max-width: 500px;
}

.cb-field-backup {
	color: #888;
}

.cb-nearby-activity-first {
	border-left: none ! important;
}

.cb-nearby-activity-this {
	background: yellow;
}

.cb-nearby-activity-sunday {
	background: #eee;
}

.divTableOdd, .divTableEven {
background: #eaeaea; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VhZWFlYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #eaeaea 0%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eaeaea), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #eaeaea 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #eaeaea 0%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #eaeaea 0%,#ffffff 100%); /* IE10+ */
background: linear-gradient(to bottom,  #eaeaea 0%,#ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeaea', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
}

@media screen and (-webkit-min-device-pixel-ratio:1.5) {
	.cb-rota-list {
		font-size: 18px;
	}
}


.cb-field .cb-field-label {
	display: inline-block;
	vertical-align: top;
	text-align: right;
	width: 130px;
	font-weight: bold;
	padding-right: 5px;
}

.cb-field .cb-field-body {
	display: inline-block;
	vertical-align: top;
}

.cb-role-guest::before, .cb-role-guest::after {content: '"'}

.cb-rota-entry .cb-field .cb-field-label {
	width: 100px;
	font-size: 11px;
}

.cb-rota-entry {
	border:grey solid 1px;
	width:280px;
	background:white;
	font-size:10px;
	font-family:arial;
	font-weight:normal;
	padding:2px;
	margin:2px;
	border-radius: 5px;
}

.cb-rota-entry .cb-field .cb-field-body, .cb-rota-entry .cb-field .cb-field-body a, .cb-rota-entry .cb-field .cb-field-body a span {
	font-size: 10px;
}

@media screen and (min-width: 1300px) {
	.cb-rota-entry { width: 310px; }
	.cb-rota-entry .cb-field .cb-field-label { width: 150px; }
}
@media screen and (min-width: 1400px) {
	.cb-rota-entry { width: 340px; }
}
@media screen and (min-width: 1500px) {
	.cb-rota-entry { width: 360px; }
}



.cb-rota-row {
	
	font-size:14px;
	font-weight:bold;
	clear:both;
	padding:2px;
	border-top:black solid;
	width:100%;
}

.cb-rota-row-sunday {
background: #acb6de; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2FjYjZkZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjM2M4ZGIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #acb6de 0%, #c3c8db 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#acb6de), color-stop(100%,#c3c8db)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #acb6de 0%,#c3c8db 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #acb6de 0%,#c3c8db 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #acb6de 0%,#c3c8db 100%); /* IE10+ */
background: linear-gradient(to bottom,  #acb6de 0%,#c3c8db 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#acb6de', endColorstr='#c3c8db',GradientType=0 ); /* IE6-8 */

}

.cb-rota-row-weekday {
background: #eaeaea; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VhZWFlYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #eaeaea 0%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eaeaea), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #eaeaea 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #eaeaea 0%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #eaeaea 0%,#ffffff 100%); /* IE10+ */
background: linear-gradient(to bottom,  #eaeaea 0%,#ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeaea', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */

}

.cb-rota-row-mode th { text-align: left; }

th.cb-rota-row-date-header, th.cb-rota-row-date { text-align: right; padding-right: 20px; }

@media (min-width: 1200px) {
	.cb-rota-row-midsize table { table-layout: fixed; }
}

@media (min-width: 1000px) {
	.cb-rota-row-narrow { max-width: 900px; }
}

@media (min-width: 900px) {
	.cb-rota-row-narrow table { table-layout: fixed; }
}

.cb-rota-header-icons {
	margin-top: 10px;
	margin-bottom: 10px;
}

.cb-rota-header-icons a { display: inline-block; text-align: center; vertical-align: top; margin-left: 5px; padding: 5px; border-radius: 5px; border: solid 1px transparent; }
.cb-rota-header-icons a:hover { background: #eee; border: solid 1px #888; }

.cb-search-name {
	padding-top: 5px;
	padding-left: 5px;
}

.cb-search-name a {
	font-size: 120%;
	font-weight: bold;
}

.cb-search-mugshot {
	max-height: 60px;
	max-width: 60px;
}

.cb-search-form {
	clear: both;
	padding-top: 10px;
}

.cb-search-result-label {
	display: inline-block;
	padding-right: 5px;
}

.cb-search-results-page {
	width: 90%;
	margin-left: 5%;
}

.cb-search-col-0, .cb-search-col-1, .cb-search-col-2 {
	vertical-align: top;
}

.cb-search-col-0, .cb-search-col-1, .cb-search-col-2 {
	width: 33%;
	display: inline-block;
}

@media screen and (max-width:800px) {

	.cb-search-results-page {
		width: 100%;
		margin-left: 0;
	}
}


@media screen and (max-width: 600px) {

	.cb-search-col-0 {
		width: 40%;
		overflow: hidden;
	}
	.cb-search-col-1, .cb-search-col-2 {
		width: 60%;
		overflow: hidden;
	}

	.cb-search-col-2 {
		width: 60%;
		margin-left: 40%;
	}
}

.cb-hitcount {
	float:right;
	position:relative;
	width: 38px;
	height: 28px;
	border: 2px solid #eee;
	text-align: center;
	font-size: 16px;
	padding-top: 10px;
	border-radius: 10px;
	margin: 4px;
}
.cb-hitcount:hover {
	text-decoration: none;
}

.cb-hitlog-label {
	position:absolute;
	height:10px;
	font-size: 10px;
	width: 20px;
	text-align: center;
}

.cb-hitlog-bar {
	position:absolute;
	bottom: 25px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	background: #88f;
	cursor: pointer;
}

.cb-hitlog-bar-sunday {
	background: #f88;
}

.cb-hitlog-detail {
	width: 1000px;
	height: 200px;
	overflow: auto;
}

.cb-hitlog-detail td {
	font-size: 12px;
	padding-left: 5px;
	padding-top: 2px;
}


.cb-google-map-wrapper {
	width: 100%;
	display: inline-block;
	position: relative;
}

.cb-google-map-canvas {
	position: absolute;
	top: 0; bottom: 0; right: 0; left: 0;
}

.cb-person-audit { float: right; margin: 10px; }

.cb-person-dedupe-pair {
	width: 800px;
background: #eaeaea; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VhZWFlYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #eaeaea 0%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eaeaea), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #eaeaea 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #eaeaea 0%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #eaeaea 0%,#ffffff 100%); /* IE10+ */
background: linear-gradient(to bottom,  #eaeaea 0%,#ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeaea', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
	color: #000;
}

.cb-dedupe-left {
	text-align:right;
}
.cb-dedupe-label {
	text-align:center;
}

.cb-dedupe-mismatch .cb-dedupe-left, .cb-dedupe-mismatch .cb-dedupe-right, .cb-dedupe-infer .cb-dedupe-right {
	cursor: pointer;
}

.cb-dedupe-match td {
	background-color:rgba(0,255,0,0.2);
}
.cb-dedupe-mismatch td {
	background-color:rgba(255,0,0,0.3);
}
.cb-dedupe-infer td {
	background-color:rgba(255,0,0,0.1);
}


.cb-person-dedupe-pair table {
	width: 80%;
	margin-left: 10%;
	margin-bottom: 10px;
	table-layout: fixed;
}

.cb-person-dedupe-left {
	float:left;
	width: 350px;
	min-height:100px;
}
.cb-person-dedupe-right {
	float:right;
	width: 350px;
	min-height:100px;
}

.cb-person-dedupe-left {
	text-align: right;
}

.cb-person-dedupe-buttons {
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	height: 60px;
}

.cb-person-dedupe-buttons button {
	margin-top: 10px;
	cursor: pointer;
}

.cb-person-dedupe-button-grey {
	-moz-box-shadow:inset 0px 1px 0px 0px #d9d9d9;
	-webkit-box-shadow:inset 0px 1px 0px 0px #d9d9d9;
	box-shadow:inset 0px 1px 0px 0px #d9d9d9;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #d4d4d4), color-stop(1, #575757) );
	background:-moz-linear-gradient( center top, #d4d4d4 5%, #575757 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d4d4d4', endColorstr='#575757');
	background-color:#d4d4d4;
	-webkit-border-top-left-radius:20px;
	-moz-border-radius-topleft:20px;
	border-top-left-radius:20px;
	-webkit-border-top-right-radius:20px;
	-moz-border-radius-topright:20px;
	border-top-right-radius:20px;
	-webkit-border-bottom-right-radius:20px;
	-moz-border-radius-bottomright:20px;
	border-bottom-right-radius:20px;
	-webkit-border-bottom-left-radius:20px;
	-moz-border-radius-bottomleft:20px;
	border-bottom-left-radius:20px;
	text-indent:0px;
	border:1px solid #b6b8b6;
	display:inline-block;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
	height:38px;
	line-height:38px;
	width:74px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #000000;
}
.cb-person-dedupe-button-grey:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #575757), color-stop(1, #d4d4d4) );
	background:-moz-linear-gradient( center top, #575757 5%, #d4d4d4 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#575757', endColorstr='#d4d4d4');
	background-color:#575757;
}.cb-person-dedupe-button-grey:active {
	position:relative;
	top:1px;
}

.cb-person-dedupe-button-red {
	-moz-box-shadow:inset 0px 1px 0px 0px #fac0c0;
	-webkit-box-shadow:inset 0px 1px 0px 0px #fac0c0;
	box-shadow:inset 0px 1px 0px 0px #fac0c0;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ff7878), color-stop(1, #fa2525) );
	background:-moz-linear-gradient( center top, #ff7878 5%, #fa2525 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff7878', endColorstr='#fa2525');
	background-color:#ff7878;
	-webkit-border-top-left-radius:20px;
	-moz-border-radius-topleft:20px;
	border-top-left-radius:20px;
	-webkit-border-top-right-radius:20px;
	-moz-border-radius-topright:20px;
	border-top-right-radius:20px;
	-webkit-border-bottom-right-radius:20px;
	-moz-border-radius-bottomright:20px;
	border-bottom-right-radius:20px;
	-webkit-border-bottom-left-radius:20px;
	-moz-border-radius-bottomleft:20px;
	border-bottom-left-radius:20px;
	text-indent:0px;
	border:1px solid #ed5151;
	display:inline-block;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
	height:38px;
	line-height:38px;
	width:74px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #cc5454;
}

.cb-person-dedupe-button-red:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fa2525), color-stop(1, #ff7878) );
	background:-moz-linear-gradient( center top, #fa2525 5%, #ff7878 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fa2525', endColorstr='#ff7878');
	background-color:#fa2525;
}
.cb-person-dedupe-button-red:active {
	position:relative;
	top:1px;
}

.cb-person-dedupe-button-green {
	-moz-box-shadow:inset 0px 1px 0px 0px #d3fac0;
	-webkit-box-shadow:inset 0px 1px 0px 0px #d3fac0;
	box-shadow:inset 0px 1px 0px 0px #d3fac0;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #81ff7a), color-stop(1, #57b023) );
	background:-moz-linear-gradient( center top, #81ff7a 5%, #57b023 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#81ff7a', endColorstr='#57b023');
	background-color:#81ff7a;
	-webkit-border-top-left-radius:20px;
	-moz-border-radius-topleft:20px;
	border-top-left-radius:20px;
	-webkit-border-top-right-radius:20px;
	-moz-border-radius-topright:20px;
	border-top-right-radius:20px;
	-webkit-border-bottom-right-radius:20px;
	-moz-border-radius-bottomright:20px;
	border-bottom-right-radius:20px;
	-webkit-border-bottom-left-radius:20px;
	-moz-border-radius-bottomleft:20px;
	border-bottom-left-radius:20px;
	text-indent:0px;
	border:1px solid #78eb52;
	display:inline-block;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
	height:38px;
	line-height:38px;
	width:74px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #000000;
}
.cb-person-dedupe-button-green:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #57b023), color-stop(1, #81ff7a) );
	background:-moz-linear-gradient( center top, #57b023 5%, #81ff7a 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#57b023', endColorstr='#81ff7a');
	background-color:#57b023;
}.cb-person-dedupe-button-green:active {
	position:relative;
	top:1px;
}

.cb-person-dedupe-clear {
	clear:both;
	height:20px;
}

.cb-clickable {
	cursor: pointer;
}

.cb-youtube-align-left { float: left; display:block; margin-right: 10px; }
.cb-youtube-align-right { float: right; display:block; margin-left: 10px; }
.cb-youtube-align-centre { margin: auto; display:block; }

.cb-centre-box {

	/* Internet Explorer 10 */
	display:-ms-flexbox;
	-ms-flex-pack:center;
	-ms-flex-align:center;

	/* Firefox */
	display:-moz-box;
	-moz-box-pack:center;
	-moz-box-align:center;

	/* Safari, Chrome, and Opera */
	display:-webkit-box;
	-webkit-box-pack:center;
	-webkit-box-align:center;

	/* W3C */
	display:box;
	box-pack:center;
	box-align:center;
}

.cb-presentation-match {
background: #eaeaea; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VhZWFlYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #eaeaea 0%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eaeaea), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #eaeaea 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #eaeaea 0%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #eaeaea 0%,#ffffff 100%); /* IE10+ */
background: linear-gradient(to bottom,  #eaeaea 0%,#ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeaea', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
}

.cb-presentation-match table {
	width: 90%;
	margin-left: 5%;
	margin-bottom: 10px;
	table-layout: fixed;
}

.cb-presentation-match table td {
	border-left: solid 1px #ccc;
}

.cb-presentation-match-option-new, .cb-presentation-match-option-existing {
	vertical-align: top;
}

.cb-presentation-match-option-new {
	background: rgba(255,210,210,0.5);
}
.cb-presentation-match-option-existing {
	background: rgba(210,255,210,0.5);
}

.cb-presentation-unlink-table td {
	border-top: solid 1px #ccc;
}

.cb-presentation-unlink-table tr:hover div {
	background: #eee;
}

.cb-serviceButtons {
	margin-top: 10px;
	margin-bottom: 10px;
}

.cb-serviceButtons a { display: inline-block; text-align: center; vertical-align: top; margin-left: 5px; padding: 5px; border-radius: 5px; border: solid 1px transparent; }
.cb-serviceButtons a:hover { background: #eee; border: solid 1px #888; }

.cb-serviceButtons div { font-size: 10px; width: 56px; line-height: 12px; overflow-wrap: break-word;}

.cb-thumbnail-drop-shadow {
        -moz-box-shadow:inset 0px 1px 0px 0px #d9d9d9;
        -webkit-box-shadow:inset 0px 1px 0px 0px #d9d9d9;
        box-shadow: 2px 2px 2px #888;
}

.cb-icon-container {
	margin-bottom: 5px;
	height: 40px;
	display: block;
}

.cb-icon-label {
	width: 100%;
	font-size: 12px;
	word-wrap: break-word;
}

.cb-icon-label-container {
	margin-left: 16px;
	margin-top: 16px;
	width: 96px;
	height: 96px;
	text-align:center;
	display:inline-block;
	vertical-align:top;
}

.cb-icon-selected {
	background: #eeeeff;
}

.cb-music-parts-table td {
	padding: 5px;
}

.cb-music-table td {
	padding: 5px;
}

.cb-permtree-editor-heading {
	vertical-align: top;
}

.cb-permtree-editor-heading img {
	padding-top: 10px;
}

.cb-permtree-editor-heading div {
	padding-top: 8px;
	padding-left: 16px;
	display: inline-block;
	vertical-align: top;
}

.cb-filestore-preview {
        -moz-box-shadow:inset 2px 2px 8px 3px #ccc;
        -webkit-box-shadow:inset 2px 2px 8px 3px #ccc;
        box-shadow: 2px 2px 8px 3px #ccc;
	float: right;
	margin-right: 30px;
}

#cb-dc-drop {
	background: #eee;
	width: 100%;
	height: 100px;
	text-align: center;
}

.cb-activityType-properties th {
	text-align: right;
	padding-right: 5px;
}

.cbapp .cb-participant-name a {
	font-size: 12px;
}

.cb-participant-name {
	display: inline-block;
	width: 150px;
	height: 18px;
	line-height: 18px;
	overflow: hidden;
}

.cb-participant-icon {
	display: inline-block;
	margin-left: 5px;
	vertical-align: middle;
}

.cb-participant-info {
	border-bottom: solid 1px #ccc;
	cursor: pointer;
	height: 21px;
	line-height: 21px;
}

.cb-participant-info:hover {
	background: #eeeeff;
}

.cb-participant-info.cb-participant-selected:hover {
	background: #cccccc;
}

.cb-participant-group-0 {}
.cb-participant-group-1 { background: #ccffff; }
.cb-participant-group-2 { background: #ffffcc; }
.cb-participant-group-3 { background: #ffccff; }
.cb-participant-group-4 { background: #ccccff; }
.cb-participant-group-5 { background: #ffcccc; }
.cb-participant-group-6 { background: #ccffcc; }
.cb-participant-group-7 { background: #cccccc; }
.cb-participant-group-header { font-weight: bold; color: #444; font-style:italic  }

.cb-participant-selected {
	background: #ccccee;
}

.cb-participant-column-pair {
	width: 50%;
	float: left;
}

.cb-participant-column {
	width: calc(50% - 5px);
	float: left;
	margin-left: 5px;
}

@media (max-width:800px) {
	.cb-participant-column {
		width: 100%;
		float: left;
	}
}

@media (max-width:500px) {
	.cb-participant-column-pair {
		width: 100%;
	}
}

.cb-participant-button {
	width: 100px;
	margin-left: 5px;
	margin-top: 5px;
}
.cb-gq_annotation {
	min-height: 20px;
}

.cb-gq_annotation>div {
	width: 100%;
	min-height: 20px;
	cursor: pointer;
}

.cb-gq_annotation:hover {
	background: #eee;
}

#cb-site-builder-wrapper {
	height: 100%;
	background: #ffe8e8;
}

.cb-medialibrary-page {
	margin-left: 20px;
	margin-right: 20px;
}

#cb-site-builder-wrapper>h1 {
	margin: 0;
}

.cb-site_customisation_variation_list {
	margin: 5px;
	margin-left: 10px;
	border: solid 1px #ccc;
	border-radius: 5px;
}

@media print {
	.cb-rota-entry {
		width:225px;
		font-size: 8px;
		line-height: 130%;
	}

	.cb-rota-entry .cb-field .cb-field-label {
		width: 60px;
	}
}

.cb-opt-in {
	margin-left: 10px;
	margin-bottom: 10px;
	display: inline-block;
	padding: 5px;
	border: solid 1px #ccc;
	border-radius: 5px;
	font-weight: bold;
	background: #ccc;
}

.cb-opt-in-button {
	background: #8cffaa;
	cursor: pointer;
}

.cb-opt-in-button:hover { border-color: #888; background: #6cef8a; }

.cb-opt-out-button {
	background: #8caaff;
	cursor: pointer;
}

.cb-opt-out-button:hover { border-color: #888; background: #6c8fea; }

.cb-opt-in-all { width: 100px; height: 50px; text-align: center; padding-top:10px; border: solid 2px #aaa; }

.cb-opt-in-section { background: #ddd; margin: 5px; padding: 5px 15px 15px 15px; }

.cb-layer-prio-2 {
	display: none ! important;
}

.cb-layer-label {
	display: inline-block;
	border: solid 1px;
	border-radius: 3px;
	padding-right: 3px;
	margin-left: 4px;
}

.cb-layer-label input[type=checkbox] {
	margin-bottom: 4px;
	-webkit-appearance: checkbox ! important;
}

.cb-site-admin-is-not-engage .cb-site-admin-only-engage { display: none; } 
.cb-site-admin-is-not-essential .cb-site-admin-only-essential { display: none; } 

.cb-site-admin-tabs {
	margin: 0;
	margin-left: 5%;
}

.cb-site-admin-tabs li {
	box-sizing: border-box;
	display: inline-block;
	text-align: center;
	margin-left: 4px;
	padding-top: 6px;
	font-weight: bold;
	width: 120px;
	height: 60px;
	background: #ccc;
	border-radius: 10px 10px 0 0;
	cursor: pointer;
	vertical-align: top;
	background: #ddd; /* Old browsers */
	background: linear-gradient(to bottom,  #ccc 0%,#eee 100%); /* W3C */
	padding-left: 6px;
	padding-right: 6px;
}

.cb-site-admin-tabs li.cb-site-admin-tab-current {
	background: #b0aac2; /* Old browsers */
	background: linear-gradient(to bottom,  #8b8699 0%,#b0aac2 100%); /* W3C */
}

.cb-site-admin-body {
	width: 90%;
	padding: 0;
	padding-left: 2%;
	padding-right: 2%;
	padding-top: 20px;
/*	background: #ccc; */
	background: #b0aac2;
	margin-left: 5%;
	margin-right: 5%;
	overflow: auto;
	height: calc(100% - 80px);
}

.cb-site-admin-group-table .divtable {
	margin: 10px;
}

.cb-site-admin-body h1 {
	margin-top: 15px;
	margin-bottom: 15px;
	width: 32%;
	display: inline-block;
}

.cb-site-admin-body h1, .cb-site-admin-body h2, .cb-site-admin-body h3, .popupdiv h1, .popupdiv h2, .popupdiv h3, .popupdiv h4 {
	color: black;
	text-shadow: none;
}

.cb-site-admin-group, .cb-site-admin-site-settings-section {
/*	background: #99f; */
	background: #dbe9d8;
	padding: 5px;
	border-top: 5px solid #ccc;
	border-radius: 5px;
}

.cb-site-admin-group-description { display: inline-block; margin-left: 30px; font-size: 14px; font-style: italic; }

.cb-site-admin-expand-icon { width: 32px; height: 32px; background-image: url("/churchbuilder/graphics/minus_circle-32.png"); display: inline-block; }
.cb-site-admin-group-collapse .cb-site-admin-expand-icon { background-image: url("/churchbuilder/graphics/plus_circle-32.png"); }

.cb-site-admin-group-field, .cb-site-admin-site-settings-subsection {
	background: #c2d4d8;
	padding: 10px;
	width: 95%;
	border-top: solid 1px #ccc;
	margin-top: 5px;
	margin-bottom: 5px;
	border-radius: 5px;
}

.cb-site-admin-group-field>h3 {
	font-weight: 800;
}

.cb-site-admin-group-field.cb-site-admin-dragging {
	height: 40px;
	overflow: hidden;
}

.cb-site-admin-group-field-description {
	margin: 0;
	font-style: italic;
	display: inline-block;
	width: 200px;
	vertical-align: top;
	margin-right: 20px;
}

.cb-site-admin-labelled-fields {
	margin: 0;
	display: inline-block;
	width: 800px;
	vertical-align: top;
}

.cb-site-admin-labelled-field {
	margin-top: 30px;
}

.cb-site-admin-labelled-field label {
	display: inline-block;
	width: 200px;
	text-align: right;
	vertical-align: top;
/*	height: 32px; */
	padding-top: 4px;
	margin-top: 0px;
	margin-right: 10px;
	font-weight: 700;
}

.cb-site-admin-labelled-field a {
	display: inline-block;
	color: black;
	vertical-align: top;
	padding-top: 4px; 
	font-weight: bold;
}
.cb-site-admin-labelled-field .cb-site-admin-richtext-section a {
	display: inline;
}

.cb-site-admin-richtext-section { font-size: 80%; }

.cb-audit-table { width: 90%; margin-left: 5%; }

.cb-slider-switch {
	display: inline-block;
	border: solid 1px #444;
	width: 64px;
	height: 32px;
	border-radius: 16px;
	vertical-align: middle;
	cursor: pointer;
	background: #888;
	vertical-align: top;
}

.cb-slider-switch>div {
	position: relative;
}

.cb-slider-switch>div>div {
	position: absolute;
	display: block;
	left: 1px;
	top: 1px;
	width: 28px;
	height: 28px;
	background: #bbb;
	border-radius: 14px;
	border: solid 1px #444;
}

.cb-slider-switch.cb-slider-switch-on {
	background: #f2efe8; /* green; */
}

.cb-slider-switch.cb-slider-switch-on>div>div {
	left: 33px;
}

.cb-site-admin-field-string {
	display: inline-block;
	background: white;
	padding: 2px;
	min-width: 200px;
	max-width: calc(100% - 250px);
	min-height: 10px;
	cursor: pointer;
}
/*
.cb-site-admin-field-help-wrapper {
	display: inline-block;
	width: 500px;
}

.cb-site-admin-group-field .cb-site-admin-field-help-wrapper {
	width: 300px;
}
*/

.cb-activityType-section-enable { margin: 5px 0 5px 50px; }
.cb-activityType-section { margin-left: 50px; }

.cb-site-admin-field-help {
	vertical-align: top;
/*	display: inline-block; */
	font-size: 12px;
	line-height: 16px;
	font-style: italic;
	margin-left: 200px;
	margin-top: 5px;
}

@media (max-width: 1024px) {
	.cb-site-admin-labelled-field label {
		display: block;
		text-align: left;
		height: auto;
	}
	.cb-slider-switch, .cb-site-admin-field-string {
		margin-left: 100px;
	}
	.cb-site-admin-field-help {
		margin-left: 100px;
	}
}

.cb-mailunsub textarea { width: 90%; display: block; }

.cb-scrambled { visibility: hidden; }

.cb-site-admin-button {
	width: 32px;
	height: 32px;
	float: right;
	margin-right: 10px;
	margin-top: 10px;
	cursor: pointer;
	margin-bottom: 5px;
}

.cb-site-admin-delete {
	background: url("/churchbuilder/graphics/cancel_circle-32.png");
}

.cb-site-admin-copy {
	background: url("/churchbuilder/graphics/copy-32.png");
}

.cb-site-admin-rename {
	background: url("/churchbuilder/graphics/rename-edit-32.png");
}

.cb-site-admin-reorder {
	background: url("/churchbuilder/graphics/reorder-32.png");
}

.cb-site-admin-add-icon {
	background: url("/churchbuilder/graphics/plus-32.png");
	width: 32px;
	height: 32px;
	display: inline-block;
	vertical-align: middle;
}

.cb-site-admin-add-button {
	cursor: pointer;
	vertical-align: middle;
	background: rgba(255,255,255,0.7);
	border-radius: 20px;
	display: inline-block;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin: 10px;
}

.cb-site-admin-add-button:hover {
	background: white;
}

.cb-site-admin-add-button>span {
	margin-left: 10px;
	font-weight: bold;
	display: inline-block;
	vertical-align: middle;
}

.cb-site-admin-only-activity {
	display: none;
}

.cb-site-admin-group-is_activity .cb-site-admin-only-activity { display: block; }
.cb-site-admin-group-is_activity span.cb-site-admin-only-activity { display: inline; }

.cb-site-admin-group-is_activity .cb-site-admin-only-activity.cb-site-admin-only-field-on_rota { display: none; }

.cb-site-admin-group-is_activity .cb-site-admin-group-field-person.cb-site-admin-field-on_rota .cb-site-admin-only-activity.cb-site-admin-only-field-on_rota { display: block; }

.cb-site-admin-group-field-text, .cb-site-admin-group-field-bibleref, .cb-site-admin-group-field-series { display: none; }
.cb-site-admin-group-is_activity .cb-site-admin-group-field-text, .cb-site-admin-group-is_activity .cb-site-admin-group-field-bibleref, .cb-site-admin-group-is_activity .cb-site-admin-group-field-series { display: block; }

.cb-site-admin-group-field-only-split-gdpr { display: block; }
.cb-site-admin-group-can_process .cb-site-admin-group-field-only-split-gdpr { display: none; }

li.cb-site-admin-menu-col {
	display: inline-block;
	width: 10%;
	vertical-align: top;
	margin: 0;
	margin-right: 10px;
	cursor: pointer;
	min-width: 80px;
}
li.cb-site-admin-menu-col>h2 {
	background: #99f;
}

li.cb-site-admin-menu-col-0>h2 {
	background: #999;
	cursor: default;
}


li.cb-site-admin-menu-col>ul {
	display: block;
	background: #ccc;
	margin: 0;
}

.cb-site-admin-menu-item {
	display: block;
	background: #eee;
	margin: 0;
	margin-top: 5px;
	padding-top: 3px;
	padding: 3px;
	min-height: 36px;
	cursor: pointer;
}

.cb-site-admin-menu-new-page {
	background: transparent;
	background-image: url("/churchbuilder/graphics/plus_circle-32.png");
	background-repeat: no-repeat;
	background-position: center;
	opacity: 0.3;
}

.cb-site-admin-menu-dragging-item .cb-site-admin-menu-item.pj-dragndrop-highlight, .cb-site-admin-menu-dragging-item li.cb-site-admin-menu-col>h2.pj-dragndrop-highlight {
	border: none ! important;
	border-bottom: solid 2px blue ! important;
}

.cb-site-admin-menu-dragging-menu li.cb-site-admin-menu-col.pj-dragndrop-highlight {
	border: none ! important;
	border-right: solid 2px blue ! important;
}


.cb-site-admin-menu-item h4 {
	margin: 0;
	padding: 0;
	font-size: 13px;
}

.cb-site-admin-menu-item p {
	margin: 0;
	padding: 0;
	font-size: 10px;
	font-style: italic;
}

.cb-site-admin-tab-intro {
	width: 64%;
	display: inline-block;
	padding-left: 20px;
	
}

.cb-site-admin-tab-intro p { margin: 0; margin-bottom: 5px; font-size: 12px; line-height: 16px; font-style: italic;}

@media (max-width: 800px) {

	.cb-site-admin-body h1, .cb-site-admin-tab-intro, .cb-site-admin-group-field-description, .cb-site-admin-labelled-fields {
		width: 100%;
		display: block;
	}

	.cb-site-admin-tab-intro { padding: 0; }

	.cb-site-admin-labelled-field { margin-top: 20px; }

	.cb-site-admin-button { margin-top: 3px; }

	.cb-site-admin-group-buttons-after { clear: both; }

	.cb-site-admin-tabs>li {
		font-size: 10px;
		height: 40px;
		width: 80px;
		line-height: 14px;
	}

}

#activitybooking-buttons {
	margin: 10px;
}
#activitybooking-buttons button {
	border: solid 1px #888;
	border-radius: 5px;
	width: 80px;
	height: 80px;
	margin: 4px;
	background: #eee;
	text-shadow: none;
	vertical-align: middle;
	padding: 2px;
}
#activitybooking-buttons button:hover {
	background-color: #fde6bf;
}

#activitybooking-counts {
	clear: both;
	margin: 10px;
}

#activitybooking-counts button {
	border: solid 1px #888;
	border-radius: 5px;
	width: 80px;
	height: 80px;
	margin: 4px;
	background: #ccc;
	text-shadow: none;
	vertical-align: middle;
	text-align: center;
}
#activitybooking-counts button:hover { filter:brightness(110%); }

#activitybooking-counts button.activitybooking-state-notyetsubmitted { background-color: #eabdbd; }
#activitybooking-counts button.activitybooking-state-submitted { background-color: #bfbff0; }
#activitybooking-counts button.activitybooking-state-accepted { background-color: #ffdb59; }
#activitybooking-counts button.activitybooking-state-confirmed { background-color: #a9efa9; }
#activitybooking-counts button.activitybooking-state-reservelist { background-color: #e1a5f5; }


