body{
	font-size: 17px;
	color: #000000;
}
#header{
	z-index: 9999;
}
#header .fa{
	font-size: 1.50em;
}
#header .glyphicon{
	font-size: 1.25em;
}
a, a:hover{
	outline: 0;
	text-decoration: none;
}
a.fa, a.fa:hover{
	text-decoration: none;
}
#header{
	width: 100%;
	margin: 0 auto;
	padding: 10px;
}
#head{
	padding-top: 15px;
	margin: 0 auto;
	width: 800px;
	max-width: 100%;
}
.media-width-small{
	font-weight: bold;
	line-height: 100%;
	font-size: 20px;
	display: none;
	margin-bottom: 15px;
}
#header a, .help-link a{
	text-decoration: none;
}
.header-link{
	float: right;
	margin-top: 5px;
}
.header-link-left{
	float: left;
	margin-top: 5px;
}
.header-link a, .header-link-left a{
	display: inline-block;
	margin: 0 9px;
}
.nav-select{
	margin: 0 15px;
	text-align: center;
}
.nav-select-group{
	display: inline-block;
}
select.select-menu{
	width: 135px;
}
.nav-links{
	/*margin: 0 15px;*/
	text-align: center;
}
.no-wrap{
	white-space: nowrap;
}
.nav-link, .main-link, .users-link, .page-links, .page-links-bottom, .user-selects{
	display: inline-block;
}
/*.main-nav a, .main-nav label{
	display: inline-block;
	margin-bottom: 15px;
}*/
.nav-wrapper{
	position: relative;
}
 .menu-toggle{
 	position: absolute;
 	left: 15px;
 	top: 4px;
 }
select option{
	padding: 0.10em 0.20em 0.10em 0.35em;
}
.ui-menu .ui-menu-item-wrapper{
	padding:  0.60em 0.25em
}
.content-header{
	width:800px;
	max-width:100%;
	margin:0 auto;
	padding: 0;
	text-align: left;
	white-space: nowrap;
}
label.normal{
	position: relative;
}
/*// clear //*/
.clear{
	clear: both;
}
.clear-right{
	clear: right;
}
.clear-left{
	clear: left;
}
.clear-none{
	clear: none;
}
/*// float //*/
.float-left{
	float: left;
}
.float-right{
	float: right;
}
.float-none{
	float: none;
}
/*// text //*/
.bold{
	font-weight: bold;
}
.italic{
	font-style: italic;
}
.normal{
	font-weight: normal;
}
.strike{
	text-decoration: line-through;
}
.small-caps{
	font-variant: small-caps;
}
.justify{
	text-align: justify;
}
.center{
	text-align: center;

}
/*// position //*/
.relative{
	position: relative;
}
.absolute{
	position: absolute;
}
.static{
	position: static;
}
.fixed{
	position: fixed;
	top: 0;
	left: 0;
}
/*// paragraph //*/
p{
	text-indent:25px;
	line-height:2.00em;
	letter-spacing: 0.08em;
}
.content-print p{
	text-indent:0;
}
div.paragraph-format{
	text-indent:25px;
	line-height:2.00em;
	letter-spacing: 0.105em;
}
li{
	margin-bottom: 15px;
}
.no-indent{
	text-indent:0px;
}
.indent{
	text-indent:15px;
}
/*// margin & padding //*/
.margin-top{
	margin-top:15px;
}
.margin-top-lg{
	margin-top:25px;
}
.margin-top-sm{
	margin-top:5px;
}
.margin-bottom{
	margin-bottom:15px;
}
.margin-bottom-lg{
	margin-bottom:25px;
}
.margin-bottom-sm{
	margin-bottom:5px;
}
.margin-left{
	margin-left:15px;
}
.margin-left-lg{
	margin-left:25px;
}
.margin-left-sm{
	margin-left:5px;
}
.margin-right{
	margin-right:15px;
}
.margin-right-lg{
	margin-right:25px;
}
.margin-right-sm{
	margin-right:5px;
}
.margin-all-lg{
	margin:25px;
}
.margin-all{
	margin:15px;
}
.margin-none{
	margin:0;
}
.margin-auto{
	margin:0 auto;
}
.padding-top{
	padding-top:15px;
}
.padding-top-sm{
	padding-top:5px;
}
.padding-bottom{
	padding-bottom:15px;
}
.padding-bottom-sm{
	padding-bottom:5px;
}
.padding-left{
	padding-left:15px;
}
.padding-right-sm{
	padding-right:5px;
}
.padding-left-sm{
	padding-left:5px;
}
.padding-right{
	padding-right:15px;
}
.padding-none{
	padding:0;
}
.padding-all{
	padding:15px;
}
.padding-all-sm{
	padding:5px;
}
.padding-sm{
	padding:5px 0;
}
.padding-y{
	padding:0 5px;
}
/*// display //*/
.display-inline-block{
	display:inline-block;
	vertical-align: middle;
}
img.display-inline-block{
	display:inline-block;
	vertical-align: middle;
	margin: 0;
	padding: 0;
}
.inline-block-no-align{
	display:inline-block;
}
.inline-block{
	display:inline-block;
	margin:10px;
	vertical-align: middle;
	text-align: center;
}
.inline-block-top{
	display:inline-block;
	margin:10px;
	vertical-align: top;
	text-align: center;
}
.inline-block-bottom{
	display:inline-block;
	margin:10px;
	vertical-align: bottom;
	text-align: center;
}
.display-block{
	display:block;
}
.display-none, .hide{
	display:none;
}
/*// image //*/
img{
	display: block;
	max-width: 100%;
	height: auto;
}
img.center, .image-center{
	text-align: center;
	margin: 0 auto;
}
img.float-left, .image-left{
	margin:0 10px 0 0;
}
img.float-right, .image-right{
	padding:10px 0 0 10px;
}
img.inline-block{
	margin:0;
	padding: 0;
}
p img{
	padding-top: 10px
}
.img-tilt img{
	transform: rotate(-4deg);
}
.img-tilt-l img{
	transform: rotate(7deg);
}
/*.shadow-img img{
	box-shadow: 3px 2px 4px rgba(100, 100, 100, 0.68);
}*/
.icon-border{
	border: 1px solid #8c8c8cff;
	border-radius: 5px;
	padding: 5px;
}
/*// colors //*/
.black{
	color:black;
}
.white{
	color:white;
}
.maroon{
	color:#987673;
}
.gray{
	color:#a0a0a0;
}
.gray-lt{
	color:#ccc;
}
.red, .error, #inner-wrap a.error, .error-input{
	color:red;
}
.green, .success, #inner-wrap a.success{
	color:green;
}
.blue{
	color:blue;
}
.disabled{
	color:#555;
	background: #ccc;
}
.success-input{
	border-color:green;
}
.pending{
	color: #c19b17;
}
.amber{
	color: #ffaa00;
}
.ready{
	color: #aaaaaa;
	font-weight: normal;
}
.error, a.error , .error, #inner-wrap a.error{
	color: red;
}
a.black_link{
	color:#000000;
	font-weight: normal;
}
a:hover.black_link{
	text-decoration: underline;
}
.missing{
	border:1px solid red;
}
input.missing{
	border-color:red;
}
.missing_wrap{
	color:red;
}
.rn{
	color: #e43526;
}
/*///// cursor /////*/
.pointer{
	cursor:pointer;
}
.move{
	cursor:move;
}
/*///// site /////*/
/*///// horizontal lines & borders /////*/
.border-rounded{
	border: 1px solid;
	padding: 15px;
	border-radius: 15px;
}
.border{
	margin: 0 15px 25px 15px;
	padding: 15px;
}
.border{
	border: 1px solid;
	-webkit-border-radius:20px;
	border-radius: 20px;
	padding:25px 25px 10px 25px;
	background: #ffffff;
	-webkit-box-shadow:inset 0 0 7px rgba(0,0,0,0.2);
	box-shadow:inset 0 0 7px rgba(0,0,0,0.2);
}
.border.border-red{
	border: 1px solid red;
}
.site-info{
	background: #ffffff;
}
.embed-links {
	background-color: #ffffff;
	border: 1px solid;
}
.border-bottom{
	border-bottom: 1px solid;
}
hr.dash{
	margin: 0 auto 15px auto;
	border: 0;
	border-bottom: 1px dashed;
}
hr.solid{
	margin: 0 auto 15px auto;
	border: 0;
	border-bottom: 1px solid;
}
.no-border{
	border: none;
	padding: 0;
}
/*///// wrappers /////*/
.wrap{
	display: block;
	text-align: center;
	max-width: 100%;
}
.wrap-full{
	margin: 0 15px 15px 15px;
	max-width: 100%;
}
.smallWrap{
	margin:0 auto;
	width:550px;
	max-width:100%;
}
.smallerWrap{
	margin:0 auto;
	width:480px;
	max-width:100%;
}
.smallestWrap{
	margin:0 auto;
	width:400px;
	max-width:100%;
}
.mediumWrap{
	margin:0 auto;
	width:800px;
	max-width:100%;
}
.width-650{
	margin:0 auto;
	width:650px;
	max-width:100%;
}
.width-600{
	margin:0 auto;
	width:600px;
	max-width:100%;
}
.width-225{
	width:225px;
}
.width-185{
	width:185px;
}
.w-25{
	width:24.333%;
}
.w-33{
	width:33.333333333%;
}
.w-50{
	width:49.333%;
}
.w-66{
	width:66.666666666%;
}
.w-75{
	width:74.333%;
}
.h-100{
	min-height:100%;
}
.width-auto{
	width: auto;
}
.max-1200{
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
}
.user-wrap{
	padding: 0 15px 15px 15px;
	float: left;
	text-align: left;
	/*width: 33.333333%*/
}
/*///// text /////*/
.small-title, .text-large{
	font-size: 1.25em
}
.text-larger{
	font-size: 1.50em
}
.text-extralarge{
	font-size: 2.00em
}
.text-small{
	font-size: 0.85em
}
.text-medium{
	font-size: 1.15em
}
.list-style-none{
	list-style: none;
}
.text-transform{
	text-transform: lowercase;
}
a.text-decoration-none, a.text-decoration-none:hover,
a.no-underline, a.underline:hover{
	text-decoration: none;
}
a.no-underline, a.underline:hover, a.underline:focus, a.underline:active{
	text-decoration: none;
}
.capitalize{
	text-transform: capitalize;
}
.word-break{
	 /*overflow-wrap: break-word;*/
	 word-wrap: break-word;
}
select#galleries{
	/*width: 100%;
	max-width: 100%;*/
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.truncate{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.truncate-print{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	border-radius: 7px;
	border: 1px solid;
	max-width: 75%;
	max-height: 35px;
	margin: 0 5px;
	padding: 0 5px;
}
.no-wrap{
	white-space: nowrap;
}
/*// kickstart grid //*/
.grid{
	max-width:100%;
	margin:0 auto;
}
.grid img{
	max-width: 100%;
	height:auto;
}
.grid.flex{
	width:100%;
	max-width:100%;
	padding:0 2%;
	padding:2em;
}
/*// inline page icons //*/
.icon-page.fa{
	display:inline;
}
/* big earth web link */
.bew{
	position: absolute;
	bottom: 5px;
	right: 9px;
}
/*// blockquote //*/
blockquote{
	border-left: 0;
}
blockquote p{
	text-indent: 0;
}
blockquote p:before, span.blockquote:before{
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	content: "\f10d";
	padding: 0 0.35em 0 0;
	font-size: 20px;
}
blockquote p:after, span.blockquote:after{
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	content: "\f10e";
	padding: 0 0 0 0.35em;
	font-size: 20px;
}
blockquote.small p:before, blockquote.small p:after,
span.blockquote.small:before, span.blockquote.small:after{
	font-size: 13px;
}
.shadow-text {
	text-shadow: 2px 2px 2px rgba(100, 100, 100, 0.68);
}
/*///// messages /////*/
.user-wrap .fa{
	font-size: 1.50em;
}
.message:not(:first-child){
	border-top: 1px dashed;
}
.message{
	padding: 15px 0 0 0;
  }
.reply{
	margin: 15px 0 0 15px;
}
.reply:not(:last-child){
	border-bottom: 1px dashed;
}
.message img, .reply img{
	width: 150px;
	height: 150px;
	max-width:100%;
	max-height:100%;
}
ul.message_list{
	list-style: none;
}
.no-list-indent{
	padding-left: 0;
}
/*// accordian //*/
.hdr-title.messages{
	padding: 5px;
}
.hdr-content{
	padding: 0 5px 5px 15px;
}
li.messages{
	margin-bottom: 0;
}
/*// other stuff //*/
input[type="checkbox"], input[type="radio"], input[type="radio"]:checked, .checkbox + .checkbox, .radio + .radio{
	padding: 0;
	margin: 0;
}
input[type="text"]{
	padding: 0 5px;
}
input[type="text"].input-long, input[type="text"].long-input{
	width:100%;
	max-width:100%;
	margin-bottom: 5px;
}
input[type="text"].input-550{
	width:550px;
	max-width:100%;
	margin-bottom: 5px;
}
input[type="text"].input-400{
	width:400px;
	max-width:100%;
	margin-bottom: 5px;
}
input[type="text"].input-450{
	width:450px;
	max-width:100%;
	margin-bottom: 5px;
}
input[type="text"].input-385{
	width:385px;
	max-width:100%;
	margin-bottom: 5px;
}
input[type="text"].input-300{
	width:300px;
	max-width:100%;
	margin-bottom: 5px;
}
input[type="text"].input-100{
	width:100px;
	margin-bottom: 5px;
}
input[type="text"].input-75{
	width:75px;
	margin-bottom: 5px;
}
input[type="text"].input-50{
	width:50px;
	margin-bottom: 5px;
}
input[type="text"].input-35{
	width:35px;
	margin-bottom: 5px;
}
.users-link{
	margin-bottom: 10px;
}
label{
	margin-bottom: 0;
}
.menu-custom .ui-selectmenu-button.ui-button{
	width: 135px;
	padding: 0 0 0 5px;
}
select.type{
	width: 185px;
}
.ui-selectmenu-button.ui-button{
	width: auto;
	padding: 0 0 0 5px;
}
#gallery-button, #video-button, #audio-button, #uploads-button{
	margin-top:-3px;
}
.gallery-page{
	padding: 10px;
	margin: 10px;
}
.view-content {
	padding: 15px
}
/*.gallery-page .sm-butt{
	padding: 0;
	margin: 0;
}*/
/*.user-content{
	margin-top:5px;
}*/
input[type="checkbox"],
input[type="checkbox"]:checked{
	height: 0.95em;
	width: 0.95em;
	margin-top: 0px;
}
input[type="radio"],
input[type="radio"]:checked{
	height: 0.90em;
	width: 0.90em;
	vertical-align: middle;
	margin-top: -4px;
}
input[type="checkbox"].inline-checkbox,
input[type="checkbox"].inline-checkbox:checked{
	margin: -4px 5px 0 0;
	vertical-align: middle;
}
label{
	font-weight: normal;
	cursor: pointer;
}
label.all{
	display: inline-block;
	margin: 0 5px;
	vertical-align: middle;
}
/*---------------------------------
btn_class
-----------------------------------*/
.toggler{
	cursor: pointer;
}
.btn.btn_class,
button.btn_class,
a.btn.btn_class,
a.button.btn_class,
input[type=submit].btn_class,
input[type=reset].btn_class,
input[type=button].btn_class{
	font-weight: bold;
    border: 1px solid;
    padding: 6px 12px;
    font-size: 14px;
}
.btn.btn_class.btn_sm,
button.btn_class.btn_sm,
a.btn.btn_class.btn_sm,
a.button.btn_class.btn_sm,
input[type=submit].btn_class.btn_sm,
input[type=reset].btn_class.btn_sm,
input[type=button].btn_class.btn_sm{
    padding: 2px 6px;
}
input,
textarea,
button,
a.button,
select,
input[type="text"],
input[type="password"],
input[type="checkbox"],
input[type="radio"]{
    border: 1px solid;
}
button:focus,
.btn:focus,
a.button:focus{
    border: 1px solid;
}
input:focus,
textarea:focus,
select:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="checkbox"]:focus,
input[type="radio"]:focus{
    border: 1px solid;
}
input:focus,
textarea:focus,
select:active,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="checkbox"]:focus,
input[type="radio"]:focus{
    border: 1px solid;
}
label.file_label{
    border: 1px solid;
}
/* bsmodal */
.gallery{
	text-align: center;
}
.modal{
	color: #000000;
	text-align: center;
	padding: 0 !important;
	z-index: 10000;
}
.modal select, .modal input[type="text"], .modal input[type="password"]{
	color: #000000;
	background: #ffffff;
}
.modal-backdrop{
	background-image: url(img/overlay.png);
	opacity:0.85 !important;
	z-index: 9999;
}
.modal:before{
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
	margin-right: -4px;
}
.modal-dialog{
	width: 800px;
	max-width: 95%;
	max-height: 100%;
	height: auto;
	margin: 15px auto;
	padding: 0;
	display: inline-block;
	text-align: left;
	vertical-align: middle;
}
.modal-content{
	padding-top:15px;
	margin-bottom:15px;
	max-height: 95%;
}
.modal-header{
    margin: 0 auto;
    padding: 0;
    border: 0;
}
.modal-header:after{
    content: "";
    display: block;
    margin: 0 auto;
    width: 99%;
    padding: 5px 0;
    border-bottom: 1px solid #e5e5e5;
}
.modal-title, .title{
	padding: 15px 5px 15px 25px;
}
.modal input.disabled,
.modal select.disabled,
.modal input[type="text"].disabled,
.modal input[type="password"].disabled,
.modal input[type="checkbox"].disabled,
.modal input[type="radio"].disabled{
    color:#bbbbbb;
    background:#dddddd;
}
.closeBtn{
	position: absolute;
	float: right;
	top: 10px;
	right: 10px;
	margin: 0;
	padding: 0 5px 0 15px;
	font-size: 2.50em;
	text-decoration: none;
	text-align: right;
	cursor: pointer;
	z-index: 9999;
}
.closeBtnGallery{
	position: absolute;
	float: right;
	top: 10px;
	right: 10px;
	margin: 0;
	padding: 10px 5px 0 15px;
	font-size: 2.50em;
	text-decoration: none;
	text-align: right;
	cursor: pointer;
	z-index: 9999;
}
.loadingGraphic{
	text-align: center;
	top:-5px;
	font-size: 25px;
	overflow: hidden;
}
.loadingGraphic-mail{
	text-align: center;
	top:-5px;
	font-size: 16px;
}
.loadingGraphic-video{
	position: absolute;
	text-align: center;
	top:50%;
	left:50%;
	font-size: 25px;
	overflow: hidden;
	margin: 0 auto;
	vertical-align: middle;
}
.preview_wrap{
	padding:10px;
	display:inline-block;
	vertical-align: middle;
}
.gallery_preview{
	height:65px;
	padding-right: 10px;
	display:inline-block;
}
img.gallery_preview{
	height:60px;
}
div#tipDiv{
	display: block;
	max-width: 400px;
	/*width: 100%;*/
	padding-right: 30px !important;
    padding:4px;
    border:1px solid;
}
.mini-player{
	display: none;
}
.menu-custom a{
	display: inline-block;
}
@media screen and (max-width: 991px){
	.user-wrap{
		/*width: 33.333333%*/
	}
}
@media screen and (max-width: 768px){
	.nav-select{
		display: none;
	}
	select.select-menu{
		width: 135px;
		/*margin-bottom: 15px;*/
	}
	.mini-player{
		display: block;
	}
	#head{
		padding-top: 0;
		text-align: center;
	}
	.media-width-small{
		display: block;
	}
	.header-link{
		float: none;
		display: inline-block;
		margin-top: 5px;
	}
	.header-link-left{
		float: none;
		display: inline-block;
		margin: 5px 10px 0 0;
	}
	#header .fa{
		font-size: 20px;
	}
	select#galleries, #galleries-button, #galleries-menu{
		max-width: 100%;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.preview_wrap{
		display:block;
		padding:10px;
		vertical-align: middle;
		text-align: left;
	}
	.gallery_preview{
		height:35px;
		padding-right: 5px;
		display:inline-block;
	}
	img.gallery_preview {
		height:35px;
	}
	.media-full{
		display: none;
	}
	.page-links{
		display: block;
		margin-bottom: 5px;
	}
	.page-links-bottom{
		display: block;
		margin-bottom: 0;
	}
	.spacer{
		display: none;
	}
	.menu-custom a:not(:last-child){
		padding-bottom: 15px;
	}
}
@media screen and (max-width: 576px){
	.view-content, .gallery-page, .messages, .day{
		font-size: 95%;
	}
	.inline-audio-player{
		font-size: 100% !important;
	}
	#head div{
		float: none;
		text-align: center;
	}
	.header-info{
		float: none;
		margin-top: 15px;
	}
	.header-link{
		float: none;
		margin-top: 15px;
	}
	.content-header{
		width:100%;
		text-align: left;
		font-weight: bold;
		margin: 0 5px;	
	}
	.modal-dialog{
		min-width: 95%;
	}
	.cal-view{
		display: none;
	}
	.menu-custom {
		font-size: 13px;
	}
}
/* responsive columns */
.resp_col, .resp_col_3{
    column-count: 3;
}
.resp_col_2{
    column-count: 2;
}
.resp_col_4{
    column-count: 4;
}
@media screen and (max-width: 1199px){
	.resp_col_4{
	    column-count: 3;
	}
}
@media screen and (max-width: 991px){
	.resp_col, .resp_col_3, .resp_col_4{
	    -webkit-column-count: 2;
	    column-count: 2;
	}
}
@media screen and (max-width: 784px){
	.resp_col, .resp_col_2, .resp_col_3, .resp_col_4{
	    -webkit-column-count: 1;
	    column-count: 1;
	}
}*/
/* non-bootstrap resp col */
@media screen and (max-width: 1168px){
}
@media screen and (max-width: 975px){
}
@media screen and (max-width: 700px){
}
/* responsive
@media  (min-width: 576px){
}
@media (min-width: 768px){
}
@media (min-width: 992px){
}
@media (min-width: 1200px){
} */