@media screen {

html, body, #wrapper, #maincontext, .wrapper, #content {
	height: 100%;
	box-sizing: border-box;
}

div {
	box-sizing: border-box;
}

html, body, #wrapper {
	overflow: hidden;
	margin: 0;
}

#webapp_maindiv {
	margin-top: 5px;
	height:-webkit-calc(100% - 70px);
	height: calc(100% - 70px);
	box-sizing: border-box;
	overflow: auto;
}

.pj-tree-editor-table {
	height: -webkit-calc(100% - 60px);
	height: calc(100% - 60px);
}

.pj-tree-editor-table tbody {
	height: 100%;
}

.pj-treepane, .pj-tree-docpane {
	height: 100%;
}

.newheader {
	width: 100%;
	height: 80px;
	background: #78a0d8;
}

.newtoplogo {
	float:right;
	padding-right: 30px;
	margin-top: 0px;
}

.newtoplogo p {
	margin: 0;
	font-family: helvetica, sans;
	font-size: 36px;
	color: white;
}

.toplogo-heavy {
	font-weight: bold;
}

.newtopnav {
	float: right;
	clear: right;
	padding-right: 30px;
}

.newcssmenu {
	position: relative;
	z-index: 80;
}

.newcssmenu ul li ul li img {
	margin-right: 5px;
}

.newtopnav .newcssmenu {
	margin-top: 8px;
}

.newtopchurch {
	float: left;
}

.newtopchurch img {
	height: 80px;
	padding-left: 50px;
}

.newtopchurch .newcssmenu {
	margin-left: 30px;
}

#webapp_search_box_if_appropriate {
	display: inline-block;
}

#webapp_search_box_if_appropriate .submenu {
	position: relative;
	top: -8px;
}

.cb-people-search-box-label {
	display: none;
}

.pjCalendarFrameTableWrapper {
        height:-webkit-calc(100% - 100px);
        height:calc(100% - 100px);
	overflow: auto;
}

.pjCalendarTable {
	height:-webkit-calc(100% - 10px);
	height:calc(100% - 10px);
}

.pjCalendarFrameTableCell {
	height: 18%;
}

.pjCalendarFrameTableCellBox {
	height: 100%;
}

.pjCalendarFrameTableWrapper table {
	height: 100%;
}


#calendar-frame-drop-zone, #calendar-frame-drop-zone>div {
	height: 100%;
}

#newlayouttext {
	padding-top: 10px;
	margin-left: 230px;
	margin-right: 430px;
}

#newlayouttext>div {
	border: solid 1px white;
	border-radius: 5px;
	padding: 5px;
	font-family: arial;
	font-size: 12px;
	color: #eee;
}

#content ul li {
	margin: 0 ! important;
}

#content ul {
	margin: 0 0 0 15px ! important;
}
.pj-treepane img {
	border: none ! important;
}

.affix.menu-fix {
	padding-top: 25px;
}

#content { padding: 0 ! important; }
#content h1 { margin: 0 ! important; }

}

@media (min-width: 768px) and (max-width: 990px) {

	.wrapper>header {
		height: 120px;
	}

}

@media (max-width:767px) {

	.affix.menu-fix {
		padding-top: 0;
	}

	.affix .logo, .affix.logo {
		margin-top: 0;
	}

	.affix .logo a {
		width: 100px ! important;
		overflow: hidden;
		margin: 0 ! important;
	}

	.logo a img {
		position: relative;
		z-index: 80;
	}

	.login-bg {
		right: 75px ! important;
	}

	#membersearchbox>form:before {
		content: 'search' ! important;
	}

	#cb-people-search-box {
		width: 80px ! important;
	}

	.cb-calendar-popuphelp-wrapper >div {
		left: -50px;
		top: 0px;
	}

	.cb-main-calendar .pjCalendarFrameTitle {
		display: none;
	}

	.fix-menu-block {
		height: 50px ! important;
	}

	.pjCalendarDayHeader h3 {
		margin-top: 5px ! important;
	}

	.cb-calendar-layer-selection-box {
		clear: both;
	}

	.pjCalendarHeaderDate {
		clear: both;
	}

	.pjCalendarHeaderNav img {
		margin-right: 10px;
	}
}