@font-face{
	font-family:'QlassikMediumRegular';
	src:url('/font/qlassik_medium-webfont.eot');
	src:url('/font/qlassik_medium-webfont.eot?#iefix') format('embedded-opentype'),
		url('/font/qlassik_medium-webfont.woff') format('woff'),
		url('/font/qlassik_medium-webfont.ttf') format('truetype'),
		url('/font/qlassik_medium-webfont.svg#QlassikMediumRegular') format('svg');
	font-weight:normal;
	font-style:normal;
}
*{
	box-sizing:border-box;
	font-family:QlassikMediumRegular;
	line-height:1em;
	font-size: 1em;
}
body{
	margin:0;
	background:url(https://servicebuilder.net/images/backgrounds/bible-on-table.jpg);
	background-attachment:fixed;
	background-size:cover;
	background-position:center;
}
	body.noScroll{
		height: 100%;
		overflow: hidden !important;
	}
	body.loggedOut #adminControl{
		display:none;
	}
	body.loggedOut #adColumnLeft{
		display:none;
	}
	body.loggedOut #header{
		height:57px;
		max-width:1150px;
		min-width:520px;
	}
	body.loggedIn #slides{
		display:none;
	}
	body.loggedIn #headerMenu{
		display:none;
	}
		body.loggedOut #content{
			min-width:520px;
			max-width:1150px;
			width:100%;
			margin:0 auto;
			float:none;
			overflow:hidden;
		}
/*****************************/
#content div.grayed,#content div.grayed a, #content div.grayed a:visited, table tr.grayed{
    color:rgba(128, 128, 128, 0.5);
}
.buttonBox{
	border:1px outset #EFEFEF;
	background:#EFEFEF;
	padding:0 4px;
	margin:2px 0px;
	width:auto;
	display:inline-block;
	line-height:1em;
	border-radius:2px;
}
	.buttonBox a{
		text-decoration:none;
		color:#000;
		font-weight:bold;
		font-size:11px;
		text-transform:lowercase;
		font-family:monospace;
	}
div#accountCompletion {
	background:yellow;
	padding:0px 10px 25px;
	border:1px solid lightseagreen;
	border-radius:5px;
margin:14px 0;
}
#wrapper{
	margin:0 auto;
	text-align:center;
	width:100%;
	position:relative;
	overflow:hidden;
	padding:0;
}
#header{
	height:125px;
	width:100%;
	margin:0 auto;
	padding:0;
	position:relative;
}
	#header h1{
		z-index:1;
		position:absolute;
		background:url("/images/skin-1201/servicebuilder-logo.png") top left no-repeat;
		background-size:contain;
		width:282px;
		height:101px;
		left:7px;
		top:-30px;
	}
		#header h1 a{
			width:100%;
			height:100%;
			display:block;
		}
		#header h1 a span{
			display:none;
		}
		#header #headerMenu{
			position:absolute;
			top:10px;
			width:100%;
			height:2em;
			text-align:right;
			line-height:2em;
			padding-right:36px;
		}
			#header #headerMenu a{
				text-decoration:none;
				display:inline-block;
				background:#0b5dae;
				color:white;
				text-align:center;
				padding:5px 10px;
				border-radius:5px;
				min-width:70px;
			}
				#header #headerMenu a span{
					font-size:.8em;
				}
				#header #headerMenu a:hover{
					color:black;
					background:lightgray;
				}
div#slides{
	z-index:0;
	position:relative;
	width:100%;
	min-height:500px;
	top:10px;
	border-top:6px solid black;
	border-bottom:6px solid black;
	background:url("//servicebuilder.net/images/banners/work-anywhere.jpg") left bottom;
	background-size:cover;
}
	div#slides div{
		position:absolute;
		background-size:cover !important;
		background-repeat:no-repeat !important;
		background-position:left bottom !important;
		width:100%;
		height:100%;
	}
/*---------------------------------*/
#contentWrapper{
	margin:0 auto;
	padding:0;
	position:relative;
	width:100%;
	height:auto;
	min-width:407px;
	overflow:hidden;
	min-height:700px;/* so ads aren't hidden */
	text-align:left;
	border-radius:0px 0px 30px 30px;
}
#content hr{
}
/*---------------------------------*/
#adColumnLeft{
	position:relative;
	top:10px;
	float:left;
	width:190px;
	height:665px;
	text-align:left;
	margin:0 ;
	padding:5px;
	overflow:hidden;
}
	#adColumnLeft.stickyHeader{
		top:63px;
	}
/*---------------------------------*/
#content{
	float:right;
	width:70%;
	width:calc(100% - 190px);
	padding:0 5px;
}
	#content a,#content:visited{
		color:#0b0bae;
	}
	#content #columnLeft{
		float:left;
		top:0px;
		width:20%;
		width:calc(25% - 30px);
		min-height:500px;
		min-width:200px;
		text-align:left;
		margin:0 ;
		padding:0 10px;
	}
		#content #columnLeft img{
			max-width:90%;
		}
		#content #columnLeft ul{
			margin:0 0 0 10px;
			padding:0 0 0 10px;
		}
	#content #columnRight{
		float:right;
		overflow:hidden;
		width:75%;
		max-width:70%;
		max-width:calc(100% - 200px);
		background:rgba(255, 255, 255, 0.5);
		background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 50%);
		padding:5px 5px 30px;
		margin-top: 10px;
		border-radius:10px 0 5px 5px;
	}
		#content #columnRight iframe{
			max-width:100%;
		}
	#content h2{
		color:#0b5dae;
		font-weight:normal;
		font-size:1.5em;
		line-height:1em;
		margin: 5px 0;
	}
	#content h3{
		font-size: 1.4em;
		line-height:1em;
		color:#565656;
	}
		#content h3 a, #content h3 a:visited{
			color:#0b0bae;
		}
		#content h3 span{
			font-size:1.4em;
			color:#A17C31;
			margin-right:20px !important;
		}
			#content #columnRight h3 span.smallText a{
				font-size:.5em !important;
			}
		#content h3 small span{
			color:#A17C31;
		}
	#content h4{
		background:#efefef;
		color:#3D3E31;
		border-top:1px solid white;
		padding:1px 10px 3px 5px;
		font-size:1.1em;
		line-height:1em;
		margin:15px 0 6px 0;
	}
	#content h5{
		/* font-size:.8em; */
		margin:5px 0 2px 0;
		font-weight:bold;
	}
	img.roundedImage{
		border-radius:6px;
	}
	#content blockquote{
		font-size:.9em;
		line-height:1em;
		margin-left:10px;
		margin-right:20px;
		text-align:justify;
		border-left:3px solid gray;
		padding:0 5px 5px 5px;
		min-height:50px;
		height:auto;
	}
	#content ul, #content ol{
		margin:2px 2px 4px 15px;
	}
		#content ul{
			list-style:disc;
			text-align:left;
		}
			#content ul li{
				line-height:1.04em;
			}
			#content ul ul{
				list-style:square;
			}
				#content ul ul ul{
					list-style:circle;
				}
		#content ol li{
			padding-top:5px;
		}
/*---------------------------------*/
div#wrapper div#content.showHelpPane{
	float:left;
	width:60%;
	width:calc(100% - 600px);
	padding-right:10px;
}
	#helpPaneContent > ol > li{
		margin-top:10px;
	}
	#helpPaneContent{
		margin-top:16px;
	}
	#helpPaneContent h2{
		color:navy;
		font-size:1.3em;
	}
	#helpPaneContent h3{
		color:cadetblue;
		font-size:1.1em;
		margin:20px 0 0;
	}
	#helpPaneContent h4{
		font-size:1em;
		margin:0;
		color:rgb(65, 65, 65);
	}
	#helpPaneContent p{
		padding:0;
		margin:0 0 10px;
		color:rgb(74, 74, 74);
	}
	#helpPaneContent iframe{
		width:350px;
		height:200px;
	}
div#wrapper.paid div#content.showHelpPane{
	float:left;
	width:75%;
	width:calc(100% - 400px);
	padding-right:10px;
}
	#content + #helpPane{
		display:none;
		z-index:1;
	}
	#content:not(.showHelpPane) + #helpPane{
		display:none !important;
	}
	#content.showHelpPane + div#helpPane{
		display:block;
		background:#efefef;
		height:auto;
		position:relative;
		width:400px;
		max-width:90%;
		top:0px;
		float:right;
		text-align:left;
		padding:10px;
		border-top:1px solid black;
		box-shadow:-2px 0 15px rgba(0,0,0,.2);
		margin-bottom:-10000px;
		padding-bottom:10000px;
	}
	#adminControl.stickyHeader + #contentWrapper > div#helpPane{
		position:fixed;
		right:0;
		top:64px;
		width:400px;
		height:500px;
		overflow-y:scroll;
	}
/*---------------------------------*/
.largeFBicon{
	width:30%;
	max-width:225px;
	border:2px inset;
	border-radius:5px;
}
.miniProfile{
	z-index:1;
	border:1px solid gray;
	display:inline-block;
	position:absolute;
	top:25px;
	left:0px;
	width:250px;
	min-height:100px;
	height:auto;
	background:#fff;
	padding:5px;
	overflow:hidden;
	box-shadow:0 5px 20px #888;
	border-radius:0 8px 8px;
	text-align:left;
	font-size:.8em;
}
	.miniProfile .icon16{
		margin:0 5px 2px 0 !important;
	}
	.miniProfile img{
		margin:0 5px 0 0;
		float:left
	}
	.miniProfile a,.miniProfile select{
		font-size:.7em
	}
	/*.miniProfile * {
		pointer-events: none;
	}*/
/*---------------------------------*/
.twoThirds{
	width:66%;
	margin:20px 0 0 0;
	min-height:400px;
	float:left;
}
.oneThird{
	float:left;
	width:33%;
	margin:0;
	padding:0 10px;
	text-align:center;
}
.wideBanner {
	margin-top: 10px;
}
/*---------------------------------*/
#footer{
	position:relative;
	margin:125px 5px 5px 5px;
	padding:8px;
	width:100%;
	height:100px;
	clear:both;
	font-size:.8em;
	text-align:center;
	color:black;
	overflow:hidden;
}
	#footer #footerMenu{
		border-top:3px solid #009CDE;
		padding-top:20px;
		z-index:-1;
	}
#bottomFacebook{
	border:none;
	overflow:hidden;
	width:300px;
	height:587px;
	position:absolute;
	display:none;
	z-index:999;
	background:#efefef;
	right:50px;
	top:80px;
}
#feedBack{
	visibility:hidden;
	position:fixed;
	top:2px;
	left:50%;
	width:300px;
	height:25px;
	overflow:hidden;
	background-color:#efefef;
	border:1px solid gray;
	padding:3px;
	text-align:center;
	z-index:10;
}
#response{
	position:relative;
}
#adminControl{
	position:absolute;
	z-index:1;
	top:62px;
	width:100%;
	min-width:467px;
	height:64px;
	line-height:1em;
	padding:0;
	text-align:center;
	margin:0 auto;
}
	#adminControl.stickyHeader{
		position:fixed;
		top:-1px;
	}
	#adminControl #churchName{
		position:absolute;
		top:-28px;
		z-index:2;
		font-weight:bold;
		font-size:1em;
		color:gray;
		width:100%;
		height:30px;
		text-align:right;
		padding:10px 49px;
	}
		#adminControl #churchName img{
			display:none;
			height:34px;
			padding:0;
			margin:0 10px 0 0;
			float:left;
			top:-11px;
			position:relative;
		}
		#adminControl.stickyHeader #churchName img{
			display:block;
			height:34px;
			padding:0;
			margin:0 10px 0 0;
			float:left;
			top:-11px;
			position:relative;
		}
	img.churchLogo{
		position:fixed;
		top:1px;
		right: 45px;
		max-height:60px;
	}
	#adminControl #navmenu{
		position:absolute;
		left:0;
		z-index:1;
		height:63px;
		width:100%;
		text-align:center;
		margin:0 auto;
		padding:5px 0;
		box-shadow:0 2px 5px black;
		border-top:1px solid #efefef;
		border-bottom:2px solid #cccccc;
		background: #fff;
}
		#adminControl #navmenu ul *{
			margin:0;
			list-style-type:none;
			height:auto;
		}
		#adminControl #navmenu a{
			height:32px;
			font-weight:normal;
			color:rgb(78, 78, 78);
		}
		#adminControl #navmenu ul{
			width: calc(100% - 5px);
			height: 50px;
			margin: 0 auto;
			display: table;
			padding-left: 25px;
		}
			/* make menu horizontal */
			#adminControl #navmenu ul li{
				list-style-type:none;
				text-align:center;
				position:relative;
				display:table-cell;
			}
				#adminControl #navmenu ul li:hover a{
					color:blue;
				}
				#adminControl #navmenu ul li a, #navmenu ul li a:visited{
					display:block;
					text-decoration:none;
					outline:0;
					line-height:.8em;
					position: absolute;
					top: 0;
				}
					#adminControl #navmenu ul li a span {
						text-align: center;
						margin-left: -100% !important;
						margin-right: -100% !important;
						overflow: hidden;
					}
				#adminControl #navmenu ul li ul{
					display:none;
					width:200px;
					border-radius:0 13px 13px 0;
					box-shadow:0 3px 15px rgba(0, 0, 0, 0.75);
					min-height:50px;
				}
					#adminControl #navmenu ul li ul li{
						text-align:center;
						position:relative;
						display:block;
						width:200px;
						height:30px;
						border-top:0;
						margin:0;
					}
						#adminControl #navmenu ul li ul li a{
							white-space:nowrap;
							display:block;
							width:100%;
							text-align:left;
							color:blue;
							overflow:hidden;
						}
							#adminControl #navmenu ul li ul li a::before{
								margin-right:5px;
							}
								#adminControl #navmenu ul li ul li a:hover::before{
									text-decoration:none;
									color:rgb(16, 92, 176);
								}
	/* make the drop down menu show and correctly position it */
	#adminControl #navmenu ul li:hover ul, #navmenu ul li a:hover ul{
		display:block;
		position:absolute;
		margin-top:50px;
		left:-5px;
		padding:0;
		width:200px;
		background:#fff;
		height:auto;
		z-index:1;
	}
	/* style the drop down links with no hover */
	#adminControl #navmenu ul li:hover ul li a, #navmenu ul li a:hover ul li a{
		display:block;
		padding:5px;
	}
	/* Style drop downs  with hover */
	#adminControl #navmenu ul li ul li:hover a, #navmenu ul li ul li a:hover{
		text-decoration:underline;
	}
small,.small{
	font-size:8pt;
}
table.small td,table.small th,table.small input, table.small select,table.small a{
	font-size:10pt;
}
table{
	border-collapse:collapse;
}
	table tr:nth-child(2n){
		background:#efefef;
	}
	table tr:first-child{
	}
		table tr td{
			border-top:1px solid black;
			height:25px;
			vertical-align:top;
			padding:0 3px;
		}
	table tr.disabled {
		background:#ddd;
		color:#999;
	}
		table tr.disabled a{
			color:#999;
		}
	a.disabled {
		color:#bbb;
	}
label{
	display:inline-block;
	line-height:2em;
	vertical-align:top;
}
	label[for]{
		width:120px;
	}
	label + input[type='text'],label + select,label + input[type='password'],label + textarea{
		width:80%;
		width:calc(100% - 130px);
		min-width:160px;
	}
	label.longLabel{
		width: 300px;
	}
a img{
	border:0;
}
p.keywords{
	margin:10px 30px;
	padding:0 0 0 5px;
	float:right;
	max-width:100px;
	border-left:1px solid black;
}
/*---------------------------------*/
#spinner{
	display:none;
	width:100%;
	height:8px;
	background-image:linear-gradient(135deg, #6187f2 0%, #6187f2 25%, #5679da 25%, #5679da 50%, #6187f2 50%, #6187f2 75%, #5679da 75%, #5679da 100%);
	background-repeat:repeat;
	background-position:0px 0px;
	background-size:16px 16px;
	background-clip:content-box;
	-webkit-animation:loading 1s linear infinite;
	-moz-animation:loading 1s linear infinite;
	-o-animation:loading 1s linear infinite;
	animation:loading 1s linear infinite;
	position:fixed;
	top:0;
	z-index:2;
}
	#spinner:after{
		position:absolute;
		right:0;
		height:8px;
		background:#fff;
		-webkit-animation:progress 4s ease-in-out infinite;
		-moz-animation:progress 4s ease-in-out infinite;
		-o-animation:progress 4s ease-in-out infinite;
		animation:progress 4s ease-in-out infinite;
		content:'';
	}
@-webkit-keyframes loading{
	from{ background-position:0px 0px; } to{ background-position:-16px 0px; }
}
@-moz-keyframes loading{
	from{ background-position:0px 0px; } to{ background-position:-16px 0px; }
}
@-o-keyframes loading{
	from{ background-position:0px 0px; } to{ background-position:-16px 0px; }
}
@keyframes loading{
	from{ background-position:0px 0px; } to{ background-position:-16px 0px; }
}
@-webkit-keyframes progress{
	0%{ min-width:100%; } 30%{ min-width:80%; } 50%{ min-width:65%; } 69%{ min-width:20%; } 85%{ min-width:0; } 100%{ min-width:0; }
}
@-moz-keyframes progress{
	0%{ min-width:100%; } 30%{ min-width:80%; } 50%{ min-width:65%; } 69%{ min-width:20%; } 85%{ min-width:0; } 100%{ min-width:0; }
}
@-o-keyframes progress{
	0%{ min-width:100%; } 30%{ min-width:80%; } 50%{ min-width:65%; } 69%{ min-width:20%; } 85%{ min-width:0; } 100%{ min-width:0; }
}
@keyframes progress{
	0%{ min-width:100%; } 30%{ min-width:80%; } 50%{ min-width:65%; } 69%{ min-width:20%; } 85%{ min-width:0; } 100%{ min-width:0; }
}
/*---------------------------------*/
#refresh{
	z-index:1;
	position:fixed;
	width:50px;
	height:50px;
	top:8px;
	right:1px;
}
	#refresh span.icon16.icon-refresh:hover{
		color:#8f7272;
		cursor:pointer;
	 }
	 #refresh span.icon16.icon-refresh:active {
		color:red;
	 }
form{
	display:inline;
}
	form#attendanceEstimate input{
		width:50px;
	}
	input[type=checkbox],input[type=radio]{
		margin:7px;
	}
		input[type=checkbox][disabled]:not(:checked)::after{
			content:"";
			width:10px;
			height:10px;
			display:block;
			border:1px solid red;
		}
input::-webkit-input-placeholder{
	color:#c7c7c7;
}
input.hoverEdit{
	background:transparent;
	border:1px solid transparent;
	border-bottom:1px dotted;
	min-width:200px;
}
	input.hoverEdit:hover{
		background:rgba(255,255,255,.4);
		border:1px inset;
	}
.draggable td:hover{
	cursor:move !important;
}
tr.active td{
	background:silver !important;
	color:black !important;
}
table tr.target td{
	border-top:1px dashed red !important;
	background:url("/images/skin-1201/drag-row.png") no-repeat !important;
}
.tabMenu #notepadTab{
	visibility:hidden;
	display:none;
}
#messageBoard{
}
#messageBoard textarea{
	width:80%;
	height:150px;
}
#messagesEditor{
	float:left;
	width:74%;
}
	#messagesEditor #messagesEditorTextarea{
		width:100% !important;
		height:300px;
	}
#messagesList{
	float:left;
	width:25%;
	min-height:500px;
	margin-right:4px;
}
#messagesQueue{
	float:left;
	width:155px;
	min-height:500px;
	font-size:.4em;
	margin-left:5px;
}
	#messagesQueue span,#messagesQueue select{
		font-size:.4em;
		width:100px;
	}
	#messagesQueue input{
		font-size:.4em;
	}
div#peopleResultsWrapper {
	width:100%;
}
	div#peopleResultsWrapper div.peopleRow {
		width:100%;
		white-space:nowrap;
		overflow:hidden;
		cursor:pointer;
	}
		div#peopleResultsWrapper div.peopleRow:nth-child(odd) {
			background-color:#e2e2e2;
		}
		div#peopleResultsWrapper div.peopleRow:hover{
			background:#fff;
			text-decoration:underline;
			color:blue;
		}
	div.peopleColumn {
		width:30%;
		height:24px;
		float:left;
		overflow:hidden;
	}
	div.peopleColumn:first-child{
		width:10%;
		clear:left;
	}
		div.peopleColumn img.icon16:hover {
			position:absolute;
			width:120px;
			height:120px;
			z-index:2
		}
#rolesResults{
	float:right;
	top:225px;
	width:500px;
	float:right;
	top:10px;
}
.inactive{
	color:gray;
}
.warn{
	font-weight:bold;
	color:red;
}
.alert {
    position:fixed;
    bottom:0;
    left:0;
    background:#ae0b0b;
    color:white;
    width:300px;
    min-height:200px;
    padding:10px;
    border-radius:0 10px 0 0;
}
    .alert a{
        color:white;
    }
.tableLikeColumn{
	display:inline-block;
	width:150px;
}
#scheduleHoverDiv{
	visibility:hidden;
	position:absolute;
	right:200px;
	z-index:8;
	background:white;
	border:outset 2px gray;
	margin:10px;
	padding:10px;
	min-height:250px;
}
.selected{
	background:yellow;
}
	a.selected {
		background: #ffffff;
		border: 1px outset;
		border-radius: 5px;
		padding: 0 5px;
		text-decoration: none;
		white-space: nowrap;
	}
		a.selected.icon-volunteer{
			color: #00a9ff !important;
			border: 1px inset;
			border-radius: 3px;
			background: #80808033;
		}
.sendEmail{
	background:#99FF99; /* light green */
}
.sentEmail{
	font-style:italic
}
.failedEmail{
    background: #ff8d8d;
}
.disabledEmail{
	color:gray !important;
}
.unsubbedEmail{
	text-decoration:line-through !important;
}
.popUp{
	position:fixed;
	width:300px;
	height:175px;
	background:#fff;
	z-index:2;
	border:3px outset;
	box-shadow:0 0 10px black;
	overflow:hidden;
}
	.popUp > div{
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:20px;
		background:#5D8DCA;
		display:block;
		cursor:move;
	}
	.popUp object{
		z-index:3;
		position:relative;
		top:20px;
	}
	.popUp .icon16{
		color:white;
	}
#commentsForm input[type="button"]{
	float:right;
}
	#comments{
		width:100%;
		height:100px;
		font-size:.8em;
		font-weight:normal;
	}
.icon{
	padding:1px;
	margin:1px;
	cursor:pointer;
}
	.icon img{
		width:1em;
		height:1em;
	}
	.icon:hover img{
		border:1px outset #efefef;
	}
.icon-conflict{
  color:orange !important;
}
.icon-alert{
  color:red !important;
}
span[data-title].icon-help {
    top: -4px;
    position: relative;
    font-size: .6em;
}
	span[data-title].icon-help:hover:after {
		opacity: 1;
		transition: all 0.1s ease 0.5s;
		visibility: visible;
	}
	span[data-title].icon-help:after {
		content: attr(data-title);
		position: absolute;
		left:-140px;
		line-height:1.2em;
		top:15px;
		width:150px;
		padding: 4px 4px 4px 8px;
		color: #222;
		border-radius: 5px;
		box-shadow: 0px 0px 4px #222;
		background:#d9dbd0;
		opacity: 0;
		z-index: 99999;
		visibility: hidden;
	}
.icon16{
	width:16px;
	height:16px;
	margin:1px !important;
	position:relative;
	white-space:nowrap;
	color:rgb(87,87,87);
}
	a.icon16::before{
		text-decoration:none;
	}
		a.icon16 + a.icon16{
			margin-right:5px !important;
		}
	a.button span.icon16{
		color:white;
	}
img.icon32{
	width:32px;
	height:32px;
}
.icon32::before{
	font-size:2em;
	text-decoration:none !important;
}
	p  a span.icon32::before{
		margin-right:10px
	}
h2 .icon32::before{
}
h3.iconBg:before {
    position:absolute;
    right:0;
    top:30px;
    color:#ababab82;
    font-size:10em;
    z-index:-1;
}
h3 a.icon16::before{
	font-size:.5em;
	text-decoration:none;
}
h3 a.icon32::before{
	font-size:.8em;
	text-decoration:none;
}
img.icon64{
	width:64px;
	height:64px;
}
.icon64{
	font-size:5em;
	color: #2e5da9;
	-webkit-text-stroke: 1px rgb(165, 165, 165);
	color: white;
	text-shadow: 5px 4px 0 rgba(0, 0, 0, 0.15);
}
.inlineDiv{
	position:absolute;
	width:90% !important;
	left:20px;
	display:block;
	background:white;
	border:2px outset #B7B4B4;
	z-index:1;
	padding:3px;
}
#userOnlineNow a{
	text-decoration:none;
	font-size:.4em;
	position:absolute;
	top:6px;
	right:20px;
	font-style:italic;
}
.floatRight{
	float:right;
}
.floatLeft{
	float:left;
}
.nowrap{
	white-space:nowrap;
}
#songSelect{
	position:relative;
}
	#songSelect p{
		padding-left:20px;
		text-indent:-25px;
		line-height:1em;
		margin:0;
	}
		#songSelect p a.icon{
			position:relative;
			top:5px !important;
		}
		#songSelect select{
			max-width:180px;
		}
#facebook{
	border:none;
	overflow:hidden;
	width:300px;
	height:587px;
	position:absolute;
	visibility:hidden;
	z-index:1000;
	background:#efefef;
	right:50px;
	top:80px;
}
#thisWeekOrderOfService{
	width:100%;
}
	#thisWeekOrderOfService *{
		font-size:1em !important;
	}
#serviceOrderWrapper{
	width:100%;
	float:right;
}
	div#serviceOrderWrapper h3 {
		border:0
	}
div#serviceMenu {
    z-index: 0;
    position: absolute;
    right: 0;
    top: 5px;
    max-height: 19px;
    width: 200px;
    overflow: hidden;
    background: #fff;
}
    div#serviceMenu::before{
        display:inline-block;
        width:200px;
        content:"Hover for Menu";
        color:#ccc;
        text-align:center;
    }
    div#serviceMenu:hover{
		z-index:1;
        max-height:500px;
        border:1px outset;
        box-shadow:-1px 3px 23px gray;
    }
        div#serviceMenu:hover::before{
            display:none;
        }
    div#serviceMenu li{
        display:block;
        margin:3px;
    }
#serviceOrder{
	width:100%;
    background: #fff;
}
	#serviceOrder tr:hover{
		background:#bbb;
		color:#fff;
	}
	#serviceOrder tr td{
		background:transparent;
		position:relative;
	}
		#serviceOrder tr td[data-label="Comments"]{
			width:20% !important;
		}
	#serviceOrder .iconWrapper{
		visibility:hidden;
		position:absolute;
		top:0;
		right:0;
		border:0;
		background:transparent;
	}
#blankDivParent{
	margin:10px;
	background:#efefef;
	padding:0 10px 0 10px;
	border-radius:15px;
}
	div#blankDivParent span{
		position:relative;
	}
#elementTypes{
	width:100%;
}
#elementTable{
	width:100%;
	float:right;
	padding:0;
	margin:0;
}
	#elementTable tr,#elementTable tr td{
		padding:0;
		margin:0;
	}
.formRows{
	display:inline-block;
	height:30px;
	overflow:hidden;
	white-space:nowrap;
	width:100%;
}
	.formRows .elementName{
		display:inline-block;
		width:20%;
	}
	.formRows .elementAuthor{
		width:11%;
	}
	.formRows .elementLength{
		width:8%;
	}
	.formRows .elementMainKey{
		width:2%;
	}
	.formRows .elementCopyright{
		width:10% !important;
	}
	.formRows .elementCCLINumber{
		width:6%;
	}
	.formRows .elementHyperlink{
		width:15%;
	}
	.formRows input[type='button']{
		width:10%;
	}
	.formRows a.icon{
		width:5%;
	}
.linkSelected{
	padding:2px 4px;
	border:2px gray outset;
	background:#efefef;
	margin:2px;
	text-align:center;
	text-decoration:none;
}
.highlightBox{
    position:relative;
	background:#efefef;
	padding:5px 20px 20px 20px;
	margin:10px 0;
    border-radius:15px 0 0 15px;
	border:1px solid #bebebe;
	box-shadow:0 0 15px rgba(88,88,88,.5);
}
.slideMenu {
	width:100px;
	height:100%;
	position:absolute;
	right:-65px;
	top:0;
	background:#d8d8d8;
	text-align:left !important;
	transition:all 1s;
	overflow:hidden;
	box-shadow:-2px 0 3px transparent;
	}
	.slideMenu:hover{
		display:block;
		right:0px;
		box-shadow:-2px 0 3px rgba(0, 0, 0, 0.2);
	}
		.slideMenu:hover span{
			padding-left:0;
		}
	.slideMenu span{
		transition:all 2s;
		padding-left:20px;
	}
	.slideMenu .icon16{
		clear:both;
		float:none;
		display:block;
		margin:5px !important;
		text-decoration:none;
	}
		.slideMenu .icon16:hover{
			color:navy;
		}

.indent{
	font-weight:bolder;
	border-top:3px double black;
}
	.indent td{
		font-size:.9em !important;
	}
#content .roundedBox{
	border:2px outset #bfbfbf;
	background:#efefef;
	padding:5px 15px 20px 15px;
	margin-bottom:5px;
	margin-top:15px;
	border-radius:5px;
	max-height:fit-content;
	overflow:hidden;
}
	#content .roundedBox h3{
		font-size:13px;
	}
	#content div.roundedBox h3 a.icon16,
	#content div.roundedBox h3 a.icon16:visited{
		font-size:26px !important;
		margin: 0 !important;
		padding: 0 !important;
	}
	#content div.roundedBox.collapsed {
		max-height: 50px;
		overflow: hidden;
		transition: all .5s ease-in-out;
		padding: 0 15px;
   	}
	#content div.roundedBox.collapsed a.floatRight.icon16.icon-minimize:before {
		content: '\e800';
	}
.tabMenu{
	color:white;
	position:relative;
	border-bottom: 0px solid gray;
	height: 25px;
}
	.tabMenu a{
		background:#E5FAFF;
		position:relative;
		top:4px;
		height:1.35em;
		display:inline-block;
		border:1px solid gray;
		border-bottom:1px solid gray;
		padding:3px 4px;
		margin:0 2px 0 0;
		border-radius:3px 3px 0 0;
		text-decoration:none;
		min-width:30px;
	}
		.tabMenu a::before{
			content:"";
			display:inline-block;
			border-bottom:1px solid gray;
			width:7px;
			position:absolute;
			bottom:-1px;
			left:-7px;
		}
		.tabMenu a::after{
			content:"";
			display:inline-block;
			border-bottom:1px solid gray;
			width:7px;
			position:absolute;
			bottom:-1px;
			right:-7px;
		}
		.tabMenu a:hover{
			background:#efefef;
			top:2px;
			height:1.4em;
			border-bottom:0px;
		}
		.tabMenu a.selected{
			top: 0px;
			border-bottom: 1px solid white;
			background:white;
			height: 1.6em;
		}
	.tabMenu::after {
		content: "";
		width: calc(100% + 9px);
		height: 500px;
		border-left: 1px solid gray;
		display: block;
		z-index: -1;
		position: absolute;
		left:-5px;
		top:26px;
		border-radius:0 5px 0 0;
		background:rgba(255, 255, 255, 0.5);
		background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
	}
.buttonMenu a{
	background:#0b5dae;
	border-radius:3px;
	color:white !important;
	text-decoration:none;
	font-size:.8em;
	padding:1px 4px;
	line-height:1.5em;
	white-space:nowrap;
	margin:0 1px;
}
	.buttonMenu a:hover{
		background:blue;
	}
	.buttonMenu a.selected{
		background:blue;
	}
	.buttonMenu span.icon16::before{
		color:white;
		position:relative;
		top:2px;
		right:-5px;
	}
.calendarCell{
	border:1px solid gray;
	width:14%;
	height:80px;
	text-align:right;
	vertical-align:top;
	padding:5px;
	position:relative;
}
	.calendarCell small{
		font-size:.7em;
	}
	.calendarCell .hoverLink{
		visibility:hidden;
		position:absolute;
		left:4px;
		bottom:4px;
	}
	.calendarCell:hover{
		border:2px gray inset;
	}
		.calendarCell:hover .hoverLink{
			visibility:visible;
			background:white;
			width:auto;
			height:auto;
			line-height:1em;
			text-decoration:none;
			left:0;
			text-align:left;
			border-radius:4px;
			padding:3px;
		}
.calendarCellToday{
	background:yellow;
}
	.calendarCellToday:hover{
		background:yellow;
	}
.calendarCellNone{
	width:14%;
	height:80px;
	background:#efefef;
}
.tabPane{
	z-index:2;
	width:100%;
	min-height:300px;
	margin-top:-18px;
	padding:18px 5px;
}
	.tabPane iframe{
		width:100%;
	}
.tab{
	z-index:0;
	border-radius:2px 10px 0 0;
	text-decoration:none !important;
	padding:5px 10px;
	margin:0;
	position:relative;
}
.attendanceButton{
	box-shadow:inset 0px 17px 6px -1px #f5978e;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f24537), color-stop(1, #c62d1f) );
	background:-moz-linear-gradient( center top, #f24537 5%, #c62d1f 100% );
	background-color:#f24537;
	border-radius:10px;
	border:3px solid #d02718;
	display:inline-block;
	color:#ffffff !important;
	font-family:arial;
	font-size:22px;
	font-weight:bold;
	padding:18px 43px;
	margin:5px;
	min-width:200px;
	text-decoration:none;
	text-shadow:0px 0px 7px #810e05;
}
	.attendanceButton:hover{
		background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #c62d1f), color-stop(1, #f24537) );
		background:-moz-linear-gradient( center top, #c62d1f 5%, #f24537 100% );
		background-color:#c62d1f;
	}
	.attendanceButton:active{
		position:relative;
		top:1px;
	}
#latestAnnouncement{
	border:1px dashed gray;
	padding:6px;
	margin:0 15px 0 0;
	position:relative;
	top:-10px;
	background:#FFFDD0;
	width:65%;
	color:black;
	line-height:1em;
	font-size:.8em;
	float:right;
}
pre{
	white-space:pre-wrap;
	white-space:-moz-pre-wrap;
	white-space:-pre-wrap;
	white-space:-o-pre-wrap;
	word-wrap:break-word;
}
select{
	background:rgba(255, 255, 255, 0.5);
	border:0;
	padding:2px;
	outline:0;
	max-width:95%;
}
	select.lightColor{
		color:#ccc;
	}
		select.lightColor:hover,select.lightColor:focus{
			color:#000;
		}
	select:focus,select:hover{
		background:#efefef;
		box-shadow:0px 5px 5px #888;
		outline-offset:-2px;
		border:1px solid gray;
		border-radius:2px;
		padding:1px;
		outline:0;
	}
	select.dynamicSelect{
		z-index:1;
	}
ul.bulletListThreeColumns{
	-moz-columns:100px auto;
	-webkit-columns:100px auto;
	columns:100px auto;
}
input[type='button'],input[type='submit'],.button,.tinyButton{
	font-family:sans-serif;
	font-weight:normal;
	line-height:1em;
	width:auto;
	max-width:100% !important;
	color:#ffffff !important;
	font-size:.8em;
	padding:5px 8px;
	margin:1px 0;
	text-decoration:none;
	border-radius:3px;
	border:none;
	background-color:#0b5dae;
	text-align:center;
	white-space:nowrap;
}
	a.button{
		line-height:1.8em;
	}
	input[type='button']:hover,input[type='submit']:hover,.button:hover,.tinyButton:hover{
		background:-webkit-gradient(linear, 0 0, 0 100%, from(#668574), to(#1b290e)) !important;
		background:-moz-linear-gradient(top, #668574, #1b290e) !important;
	}
	input[type='button']:active,
		input[type='submit']:active,
		.button:active{
			position:relative;
			top:1px;
	}
	input[type='button'].bigButton,input[type='submit'].bigButton{
		padding:8px 20px;
		height:auto;
		line-height:1em;
		font-size:2.5em;
		white-space:normal;
	}
		input[type="button"][value='Sign Up']{
			font-size: 2em;
			width: 170px;
			padding:10px;
		}
	a.tinyButton{
		font-size:.7em;
		padding:2px;
		border-radius:2px;
	}
	input[type='button'].tinyButton{
		font-size:7pt;
		margin:1px;
	}
.formRows span.button a{
	color:white;
	text-decoration:none;
	display:inline-block;
	margin:0;
	padding:1px;
	max-width:5%;
	font-family:sans-serif;
	font-size:10px;
	font-weight:bold;
}
.fb_iframe_widget iframe{
	width:70px !important;
	height:23px !important;
}
/* Scripture from GospelCom */
.publisher-info-bottom{
	color:gray;
}
.footnotes,.footnote{
	display:none;
}
.versenum{
	display:none;
}
.passage-scroller{
	display:none;
}
.exbib-osis{
	display:none;
}
/* new ajax loading idea */
.loadingAjax{
	background:url("/images/alpha-gray.png");
	width:890px;
	height:97%;
	margin:10px 5px;
	padding:0;
	border-radius:20px;
	position:absolute;
	top:15px;
	z-index:10000;
}
span[contentEditable='true']{
	cursor:text;
	color:inherit !important;
}
	span[contentEditable='true']:hover{
		border-bottom:1px dotted #1F00FF;
	}
#dialogueWrapper{
	width:100%;
	background:rgba(0, 0, 0, 0.7);
	height:100%;
	overflow:hidden;
	position:fixed;
	top:0;
	z-index:99;
	text-align:center;
	margin:0 auto;
	visibility:hidden;
}
	#dialogueWrapper #dialogue{
		display:block;
		min-height:200px;
		width:450px;
		max-width:95%;
		background:rgb(245,246,246); /* Old browsers */
		background:-moz-linear-gradient(top,  rgba(245,246,246,1) 0%, rgba(219,220,226,1) 21%, rgba(184,186,198,1) 49%, rgba(221,223,227,1) 80%, rgba(245,246,246,1) 100%); /* FF3.6+ */
		background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(245,246,246,1)), color-stop(21%,rgba(219,220,226,1)), color-stop(49%,rgba(184,186,198,1)), color-stop(80%,rgba(221,223,227,1)), color-stop(100%,rgba(245,246,246,1))); /* Chrome,Safari4+ */
		background:-webkit-linear-gradient(top,  rgba(245,246,246,1) 0%,rgba(219,220,226,1) 21%,rgba(184,186,198,1) 49%,rgba(221,223,227,1) 80%,rgba(245,246,246,1) 100%); /* Chrome10+,Safari5.1+ */
		background:-o-linear-gradient(top,  rgba(245,246,246,1) 0%,rgba(219,220,226,1) 21%,rgba(184,186,198,1) 49%,rgba(221,223,227,1) 80%,rgba(245,246,246,1) 100%); /* Opera 11.10+ */
		background:-ms-linear-gradient(top,  rgba(245,246,246,1) 0%,rgba(219,220,226,1) 21%,rgba(184,186,198,1) 49%,rgba(221,223,227,1) 80%,rgba(245,246,246,1) 100%); /* IE10+ */
		background:linear-gradient(to bottom,  rgba(245,246,246,1) 0%,rgba(219,220,226,1) 21%,rgba(184,186,198,1) 49%,rgba(221,223,227,1) 80%,rgba(245,246,246,1) 100%); /* W3C */
		z-index:100;
		border:2px outset;
		border-radius:10px;
		position:relative;
		margin:0px auto;
		margin-top:160px;
		box-shadow:rgba(0, 0, 0, 0.760784) 0px 0px 20px;
		text-align:left;
		padding:20px 20px 50px 20px;
		font-size:12pt;
		line-height:1.2em;
	}
	#dialogueWrapper h2{
		font-size:25px;
		margin-bottom:2px;
	}
	#dialogueWrapper input[type="button"]{
		position:absolute;
		bottom:12px;
		right:12px;
		width:111px;
	}
		#dialogueWrapper input[type="button"].prettyAlertButton{
			left:12px;
		}
		#dialogueWrapper input[type="button"].no{
			left: 10px;
		}
	#dialogueWrapper img{
		float:left;
		margin:5px 20px 20px 0;
	}
.loginForm{
	position:fixed;
	left:10%;
	top:15%;
	width:60%;
	height:auto;
	background:#fff;
	padding:0 2em;
	border:2px solid navy;
	border-radius:20px;
	z-index:98;
	box-shadow:0 0 20px black;
	min-width:260px;
	max-width:420px;
}
table#comparisonChart{
	width:100%;
	margin-top:60px;
}
	table#comparisonChart td{
		border-right:1px dotted gray;
		padding:2px 10px;
		text-align:center;
	}
	table#comparisonChart tr:first-child td{
		border-top:0;
	}
	table#comparisonChart td:first-child, table tr:first-child td{
		text-align:left;
	}
	table#comparisonChart input[type=button]{
		margin:0 auto;
	}
span.checkMark{
	color:green;
	font-size:1.5em;
}
#chatContent{
	width:100%;
	height:300px;
	overflow-y:scroll;
}
.chatBubble{
	position:relative;
	max-width:80%;
	min-width:30%;
	border:1px solid gray;
	border-radius:5px;
	margin:5px 15px;
	padding:5px;
	clear:both;
	box-shadow:1px 1px 20px;
}
	.chatBubble.floatLeft{
		background:rgb(255, 244, 161);
	}
		.chatBubble.floatLeft::after{
			content:"";
			display:block;
			position:absolute;
			left:-10px;
			bottom:5px;
			width:0;
			height:0;
			border-top:12px solid transparent;
			border-bottom:6px solid transparent;
			border-right:14px solid rgb(255, 244, 161);
		}
	.chatBubble.floatRight{
		background:rgb(224, 233, 189);
	}
		.chatBubble.floatRight::after{
			content:"";
			display:block;
			position:absolute;
			right:-10px;
			bottom:5px;
			width:0;
			height:0;
			border-top:12px solid transparent;
			border-bottom:6px solid transparent;
			border-left:14px solid rgb(224, 233, 189);
		}
	.chatBubble span.time{
		font-weight:normal;
		font-style:italic;
		font-size:.8em;
		padding-left:23px;
		float:right;
	}
span#newChat{
	display:none;
	position:absolute;
	background:red;
	color:white;
	padding:5px !important;
	border-radius:20px;
	top:-7px;
	left:calc(50% - 20px);
	width:20px;
	height:20px !important;
	line-height:.8em;
	font-size:.8em;
	font-weight:bolder;
	text-align:center;
}
span#newChat.on{
	display:block;
}
/*=================================================================================================*/
div#wrapper.paid #header{
	height:127px;
}
	div#wrapper.paid #header #headerMenu{
		height:100px;
	}
		div#wrapper.paid #header #headerMenu #registerButton{
			display:none;
		}
div#wrapper.paid > #adminControl{
	top:64px
}
div#wrapper.paid > #adminControl iframe{
	display:none;
}
div#wrapper.paid #adminControl.stickyHeader{
	top:0
}
div#wrapper.paid #adColumnLeft{
	display:none;
}
div#wrapper.paid #content{
	width:100%;
}
/*=================================================================================================*/
/* Smartphones (portrait and landscape) */
@media only screen and (max-device-width:480px){
	/* styles for mobile browsers smaller than 480px; (iPhone) */
	*{
		font-size:14px;
	}
	body{
		background:#fff;
		background-image:none;
		color:#222;
		font-family:Helvetica;
		margin:0;
		padding:0;
	}
		body.loggedOut #adminControl{
			display:none;
		}
		body.loggedOut #adColumnLeft{
			display:none;
		}
		body.loggedOut #header{
			height:57px;
			width:100%;
			min-width:100%;
		}
		body.loggedIn #slides{
			display:none;
		}
		body.loggedOut div#slides{
			min-height:150px;
			max-height:150px;
			height:200px;
		}
		body.loggedOut #contentWrapper{
			margin:0;
			width:100%;
			box-shadow:none;
		}
		body.loggedIn #headerMenu{
			display:none;
		}
			body.loggedOut #content{
				min-width:100%;
				float:none;
				padding:10px;
			}
	#header{
		background:#fff;
		position:relative;
		height:60px !important;
	}
		#header h1{
			width: 52px;
			height: 52px;
			top: -15px;
			left:-7px;
			background-size: cover;
		}
		#header #headerMenu{
			padding:0 5px;
		}
		#adminControl{
			height:0;
		}
				#adminControl #navmenu{
					top:10px;
					left:0;
					width:auto;
					box-shadow:none;
					background: transparent;
					border: 0;
				}
					#adminControl #navmenu a{
						overflow:hidden;
						margin:0;
					}
				#adminControl #navmenu ul{
					width:auto;
					padding-left:0;
				}
					#adminControl #navmenu ul li{
						display:list-item;
						margin:0;
						width: 43px;
						height: 43px;
						overflow:hidden;
						text-align: left;
					}
						#adminControl #navmenu ul li:hover{
							box-shadow:none;
							background:initial;
						}
						#adminControl #navmenu ul li#navHelp,#adminControl #navmenu ul li#navSettings{
							visibility:hidden;
							display:none;
						}
						#adminControl #navmenu ul li ul{
							margin-left:40px;
							top:-20px;
						}
	#latestAnnouncement{
		width:100%;
		margin:0 auto;
		float:none;
		max-height: 31px;
		overflow: hidden;
	}
		#latestAnnouncement::after{
			content:"...";
			position:absolute;
			bottom:0px;
			right:3px;
		}
		#latestAnnouncement:active,#latestAnnouncement:hover{
			max-height:200px;
		}
				#latestAnnouncement:active::after,#latestAnnouncement:hover::after{
					content:"";
				}
	#contentWrapper{
		margin:0 0 0 45px;
		box-shadow:0px 10px 20px #888;
		width:90%;
		width:calc(100% - 45px);
		min-width:100px;
	}
		#contentWrapper #adColumnLeft{
			display:none;
		}
		div#wrapper #content{
			width:100%;
			background: #fff;
		}
		div#wrapper #content ul li{
			line-height:1.8em;
		}
		#adminControl.stickyHeader + #contentWrapper > div#helpPane{
			top:32px;
		}
		#content.showHelpPane + div#helpPane{
			max-width: 100%;
		}
		#content #columnLeft{
			overflow:hidden;
			width:100%;
			padding-bottom:10px;
			max-height: 30px;
			min-height:20px;
			transition:all .1s ease-in-out;
		}
		#content #columnLeft *:first-child{
			/* margin-top:50px; */
		}
			#content #columnLeft.maximized{
				max-height:1000px;
			}
			#content #columnLeft:not(.maximized) {
				border-bottom:1px dashed gray;
				position:relative;
			}
				#content #columnLeft:not(.maximized)::after {
					content:"more";
					font-style:italic;
					float:left;
					font-size:12px;
					position:absolute;
					top:17px;
					left:11px;
				}
			#content #columnLeft.maximized *:first-child{
				margin-top:10px;
			}
				#content #columnLeft.maximized::before{
					background: #616161;
					color: #fff;
					border-radius:3px;
					padding: 3px;
					height: 16px;
					line-height: 16px;
				}
			#content #columnLeft::before{
				content: '\e800';
				font-family:"servicebuilder-icons";
				float:right;
				position:relative;
				top:3px;
				font-size: 1em;
				line-height: 22px;
			}
			#content #columnLeft:hover::before{
				padding:1px;
				border-radius:3px;
			}
		#content #columnRight{
			float:left;
			width:100%;
			max-width:100%;
		}
		table#comparisonChart{
			margin-top:0;
		}
	#content div.peopleColumn:first-child{
		display:none;
	}
	#content div.peopleColumn:last-child {
		display: none;
	}
	#content div.peopleColumn {
		width: 50%;
		font-size: .8em;
		line-height: 1.5em;
	}
	#content h3{
		margin-top:0;
	}
	#content p a {
		line-height: 12px;
	}
	#footer iframe{
		display:none;
	}
	.oneThird{
		width:100%;
	}
	.twoThirds{
		display:none;
	}
	img.churchLogo{
		position:fixed;
		top:1px;
		right:25px;
		max-height:60px;
		max-width: calc(100% - 52px);
	}
	/* Force table to not be like tables anymore */
	table tr td, table#serviceOrder tr td[data-label="Comments"]{
		width:auto !important;
		height:auto;
		min-height:32px;
		text-align: right !important;
	}
	table, thead, tbody, th, td, tr{
		display:block;
	}
	/* Hide table headers (but not display:none;, for accessibility) */
	table tr:first-child th{
		position:absolute;
		top:-9999px;
		left:-9999px;
	}
	tr{ border:2px solid black; }
	tr td{
		border:none;
		border-bottom:1px solid #eee;
		position:relative;
		text-align:center;
	}
		tr td:first-child{
			font-weight:bold;
		}
		/* use data-label to label each td:*/
		td:before{
			content:attr(data-label) ":";
			position:absolute;
			left:0;
			font-size:.8em;
			font-weight:normal;
		}
		td a.icon16{
			float:right;
			width: initial;
		}
	.loginForm{
		width:95%;
		left: auto;
	}
		.loginForm input{
			width:100% !important;
		}
	.tabMenu{
		height:auto;

	}
	.tabMenu a{
		display:block;
		line-height:1em;
	}
		.tabMenu a::before{
			border:none;
		}
	#refresh{
		top: 20px;
		right: -8px;
	}
	#feedBack{
		left: calc(50% - 100px);
		width: 220px;
	}
}
@media only screen and (device-width:768px){
	/* default iPad screens */
	body.loggedOut #header{
		width:100%;
	}
	body.loggedOut #content{
		min-width:100%;
	}
}
/** end of smartphones section**/
/*=================================================================================================*/