.ymn .field{
	padding: 7px;
}

.ymn .subform{
	padding-right: 0;
	padding-left: 0;
}

.ymn td.lbl, div.field.lbl{
	vertical-align: top;
	background-color: #fcfcfc;
	color: #777;
	font-weight: bold;
	width: 18%;
	text-align: right;
}

.ymn td.lbl2, div.field.lbl2{
	vertical-align: top;
	background-color: #fcfcfc;
	color: #777;
	font-weight: bold;
	text-align: right;
}

.ymn td.lbl-r, div.field.lbl-r, div.lbl-r{
	vertical-align: top;
	background-color: #fcfcfc;
	color: #777;
	font-weight: bold;
}

.ymn td.lbl-left, div.field.lbl-left, .ymn .lbl-left{
	vertical-align: top;
	background-color: #fcfcfc;
	color: #777;
	font-weight: bold;
}

.ymn td.m-lbl, div.field.m-lbl, .m-lbl{
	background-color: #fcfcfc;
	color: #777;
	font-weight: bold;
}

/* mini-fix */
.ymn.admin td.lbl{
	width: 20%;
}

.mbHelpText{
	background-color: #C0FFFF;
	color: #6d6a6a;
	padding: 3px 5px;
	-float: right;
	-min-width: 49%;
	overflow: hidden;
}
/*
background-color: #f5f6fd;
color: #787a82;
*/

.ymn .ico{
	display: inline-block;
	vertical-align: top;
	padding: 2px 5px;
}

.ymn .ico2{
	vertical-align: middle;
	padding: 2px 5px;
}


.ymn .ico img{
	vertical-align: text-bottom; /* middle;*/
	padding-right: 7px;
}

.ymn .ico2 img{
	vertical-align: middle;
	padding-right: 5px;
}

.ymn .zero{
	padding: 0px;
	margin: 0px;
}
.ymn td.bottom{
	vertical-align: bottom;
}

.ymn td.lbl.red, .ymn .red{
	color: #b00;
}
.ymn td.lbl.blue, .ymn .blue{
	color: #004990;
}

.ymn td{
	padding-bottom: 0px;
	padding: 5px;
}

.ymn td.swide{
	width: 25% !important;
}

.ymn td.wide{
	width: 33% !important;
}


.ymn .group{
	vertical-align: top;
	background-color: #fcfcfc;
	color: #777;
	font-weight: bold;
}

.ymn .box{
	border: gainsboro solid 1px;
}

.ymn .tbox{
	padding: 7px;
	border: gainsboro solid 1px;
}
.ymn .cbox{
	padding: 1px;
	background-color: #fcfcfc;
}

.ymn .pre{
	display: block;
	white-space: pre-wrap;
	font-family: monospace, courier;
	font-size: 13px;
	background: #fcfcfc;
	padding: 1em;
	border: 1px solid #d7d7d7;
	width: 100%;
}

.box.red{
	border-color: red;
}

.ymn table{
	border-collapse: separate;
	border-spacing: 1px;
}

.ymn.ex ul{
	margin: 1em 1em 1em 2em;
}

.ymn.ex field{
	padding: 0;
}

.front_title{
	font-weight: bold;
	font-size: 4px;
}

.front_title2{
	font-size: 4px;
}

.front_price_label{
	font-weight: bold;
	font-size: 4px;
}

.front_price_data{
	font-size: 4px;
}


.front_message{
	font-weight: bold;
	font-size: 4px;
}

ul.front_list{
	list-style-type : disc;
	list-style-position : inside;
	margin-left: 10px;
}

.front_list li{
}

.front_thank_you_continue_url{
	text-align: center;
}

.front_powered_by{
	text-align: center;
}

.mbList{
	/* padding-left: 0px; */
	/* margin: 1px; */
	margin: 0px;
}

.dbline{
	border-bottom: 1px dashed #e1e1e1;
}

a.rLink{
	font-weight: normal;
	color: black;
}

.ymn .nowrap{
	white-space: nowrap;
}

fieldset.app { border: 1px solid #ccc; padding: 10px 5px; }
/*
fieldset a { font-weight: bold; }
fieldset.input { padding: 0; }
*/

.ace_editor {
	border: 1px solid lightgray;
	margin: auto;
	width: 100% !important;
}
.scrollmargin {
	height: 80px;
	  text-align: center;
}

.paramlist_value .text_area{
	width: 60%;
}


.ymn .x-card{
	border: 1px solid #C9C9C9;
	background-color: #fdfdfd;
	float: left;
	/* width:29%; use mx! */
	margin: 5px 10px 0px 0px;
	/*margin: 5px;*/
	padding: 5px;
	overflow: hidden;
}

.x-card.bg{
	background: url("../images/grad_rmask3b.png") repeat-x scroll center bottom transparent;
}


.ymn .x-cardtop{
	margin-left: auto;
	margin-right: auto;
	/*width: 80%;*/
	width: 90%;
	min-height: 110px;
}

.ymn .x-cardimg{
	max-width: 98%;
}

.ymn .plate{
	border: 1px solid gainsboro;
	margin: 20px 0;
}

.ymn div.layout{
	background-color: #f9f9f9;
	margin: 5px 0px 0px 0px;
	padding: 7px;
}

.ymn div.cols{
	margin: 5px 0px 0px 0px;
	padding: 7px;
}


.ymn .item div.layout ul strong {
	background-color: #f9f9f9;
	margin: 5px 0px;
	padding: 10px;
}
.ymn div.lbl{
	display: inline-block;
	min-width: 80px;
	color: red;
}

.ymn div.hlp{
	padding: 10px;
	color: black;
	background-color: #cfffff;
}

.ymn div.field{
	display: inline-block;
}

.ymn .bold{
	font-weight: bold;
}
.ymn .space{
	padding: 5px;
}
.ymn .morespace{
	padding: 10px;
}

.ymn .top > a{
	z-index: 999;
}
/* add IE fix in tpl-index or head!
<!--[if lt IE 8]>
<style>
.ymn div.col{ display: inline; zoom:1; }
</style>
<![endif]-->
*/

.ymn div.col{
	display: inline-block;
	vertical-align: top;
}
.ymn div.colx{
	display: inline-block;
	vertical-align: top;
}
.ymn div.row{
	display: block;
	clear: both;
}

.ymn div.row.record{
	padding: 8px 0px 4px 8px;
	/* margin: 0px 0px 8px 16px; */
	background: rgba(50, 103, 230, 0.05);
}

.ymn div.row.record-h{
	background: rgba(204, 204, 204, 0.1);
	border-bottom: 1px dashed blueviolet;
}

.ymn div.row.header{
	border: 1px dashed blueviolet;
	margin: -10px 0px 0px 3px;
	padding: 5px;
}

.ymn .lineup24{
	margin: -8px 0px 8px 0px;
}

.ymn .lineup24x{
	margin: -20px 0px;
	opacity: 0.5;
}

.ymn .lineup24x img{
	max-width: 24px;		
}

.ymn .c2{
	width: 1%;
}
.ymn .c3{
	width: 2%;
}
.ymn .c4{
	width: 3%;
}
.ymn .c5{
	width: 4%;
}
.ymn .c7{
	width: 6%;
}
.ymn .c9{
	width: 8%;
}
.ymn .c10{
	width: 9%;
}
.ymn .c12{
	width: 11%;
}
.ymn .c15{
	width: 14%;
}
.ymn .c20{
	width: 19%;
}
.ymn .c25{
	width: 24%;
}
.ymn .c28{
	width: 27%;
}
.ymn .c30{
	width: 29%;
}
.ymn .c33{
	width: 32%;
}
.ymn .c35{
	width: 34%;
}
.ymn .c40{
	width: 39%;
}
.ymn .c45{
	width: 44%;
}
.ymn .c50{
	width: 49%;
}
.ymn .c55{
	width: 54%;
}
.ymn .c60{
	width: 59%;
}
.ymn .c70{
	width: 69%;
}
.ymn .c75{
	width: 74%;
}
.ymn .c80{
	width: 79%;
}
.ymn .c85{
	width: 84%;
}
.ymn .c90{
	width: 89%;
}
.ymn .cauto{
	width: auto;
}
.ymn .c100{
	width: 99%;
}

.ymn .x10{
	width: 10px;
}
.ymn .x20{
	width: 20px;
}

.ymn .x40{
	width: 40px;
}
.ymn .x60{
	width: 60px;
}
.ymn .x80{
	width: 80px;
}
.ymn .x100{
	width: 100px;
}
.ymn .x120{
	width: 120px;
}

.ymn .x140{
	width: 140px;
}
.ymn .x160{
	width: 160px;
}

.ymn .x180{
	width: 180px;
}

.ymn .x200{
	width: 200px;
}

.ymn .x240{
	width: 240px;
}
.ymn .x280{
	width: 280px;
}
.ymn .x350{
	width: 350px;
}
.ymn .x450{
	width: 450px;
}
.ymn .x550{
	width: 550px;
}
.ymn .x600{
	width: 600px;
}
.ymn .x650{
	width: 650px;
}
.ymn .x750{
	width: 750px;
}


.ymn .mx10{
	max-width: 10px;
}
.ymn .mx20{
	max-width: 20px;
}
.ymn .mx40{
	max-width: 40px;
}
.ymn .mx60{
	max-width: 60px;
}
.ymn .mx80{
	max-width: 80px;
}
.ymn .mx100{
	max-width: 100px;
}
.ymn .mx120{
	max-width: 120px;
}
.ymn .mx140{
	max-width: 140px;
}
.ymn .mx160{
	max-width: 160px;
}
.ymn .mx200{
	max-width: 200px;
}
.ymn .mx240{
	max-width: 240px;
}
.ymn .mx280{
	max-width: 280px;
}
.ymn .mx350{
	max-width: 350px;
}
.ymn .mx450{
	max-width: 450px;
}
.ymn .mx550{
	max-width: 550px;
}
.ymn .mx600{
	max-width: 600px;
}
.ymn .mx650{
	max-width: 650px;
}
.ymn .mx750{
	max-width: 750px;
}

.ymn .center, .center{
	text-align: center
}

.ymn.debug{
	border: dashed 1px #e00;
}

.ymn.list{
	padding: 3px;
	background-color: #f9f9f9;
	margin: 2px 0px;
}
.ymn.view{
	padding: 3px;
	background-color: #f9f9f9;
	margin: 2px 0px;
}

.ymn.searchwrap{
	margin: 5px;
	padding: 0px;
}


.ymn div.mnu{
	padding: 0px 2px;
}

.ymn div.ctls{
	 /*background-color: #F9F9F9;*/
	 background: url("../images/grad_rmask3b.png") repeat-x scroll center bottom transparent;
/*    text-align: right; */
	 /* floated ctls */
	 margin: 0;
	 padding: 7px 7px 33px;

	 /* non-floated:
	 margin: 5px 0 0;
	 padding: 7px;
	 */

	 /*
	 padding: 5px;
	 width: 95%;
	 */

}

.ymn a.ctls{
		text-align: right;
}

/*
.ymn .toolbar{
	margin: 0 5px;
	padding: 3px;
	width: 120px;
}
*/

.ymn select.toolbar{
	/*
	margin: 0 5px;
	padding: 2px;
	width: 120px;
	*/
	padding: 0px 3px;
	border-radius: 3px;
	border: 1px solid #80808033;
	margin: -2px 2px;
}

.ymn .ctls-right .ctl{
	float: left;
}

.ymn .ctls-left{
	float:left;
	margin-left: -5px;
}
.ymn .ctls-right{
	float:right;
}

.ymn .button, .ymn.button{
	 background: none repeat scroll 0 0 #FFFFFF;
	 border: 1px solid #770000;
	 margin-right: 5px;
	 padding: 1px 5px;
	 color: #444;
	 /* font-size: 100%; */
	 text-transform: none;
	 cursor:pointer;
	 outline: 0;
}

.ymn .button:hover, .ymn .button:focus, .ymn .button.on, .ymn .button-rev, .ymn.button:hover{
	background-color: #700;
	color: #fff;
}

.ymn .button-rev:hover, .ymn .button-rev:focus, .ymn .button-rev.on{
	/* background: #fff;
	color: #700; */
	border: 1px solid #e00;
}


div.readon.button:hover{
	background-color: transparent;
}

div.readon.button:focus{
	background-color: transparent;
}

.ymn .button.text{
	border: 0px;
}

.ymn div.button{
	margin: 0px 4px -5px -3px;
	padding: 1px 8px 1px 8px;
	font-weight: normal;
}

.ymn .button.right{
	float:right;
}

.ymn .button.red{
	background-color: #700;
	color: #fff;
}
.ymn .button.red:hover{
	background-color: #b00;
}

.ymn .button.green{
	background-color: #070;
	border-color: #040;
	color: #fff;
}
.ymn .button.green:hover{
	background: #0a0;
}

.ymn .button.side-right{
	 position: absolute;
	 top: 2%;
	 right: 0;
	 height: 96%;
	 border: 0;
	 box-shadow: 2px 2px 5px lightgrey;
	 #background: #c5d8e01a;
	 width: 64px;
	 background: url('../../../images/i48/_rarr2-right.png');
	 background-repeat: no-repeat;
	 background-position: center;
	 background-color: #2137dd33;
	 opacity: 0.15;
}

.ymn .button.side-left{
	 position: absolute;
	 top: 2%;
	 left: 5px;
	 height: 96%;
	 border: 0;
	 box-shadow: 2px 2px 5px lightgrey;
	 #background: #c5d8e01a;
	 width: 64px;
	 background: url('../../../images/i48/_rarr2-left.png');
	 background-repeat: no-repeat;
	 background-position: center;
	 background-color: #2137dd33;
	 opacity: 0.15;
}

.ymn .button.side-right:hover, .ymn .button.side-left:hover{
	background-color: #2137dd33;
	color: #E33030;
	opacity: 0.3;
}

.ymn .nohover{
	pointer-events: none;
}


div.bob {
	background-color: #FF7700;
	border: none;
	padding: 2px;
	/*
	 background: -moz-linear-gradient(center top , #FFCA41 0%, #FD8F19 100%) repeat scroll 0 0 transparent;
	 border-bottom: 1px solid #8E510F;
	 border-top: 1px solid #FFE8AE;
	 box-shadow: 0 1px 0 #608AAE;
	 color: #944004;
	 text-shadow: 0 1px 0 #FECE86;
	 */
}

.ymn hr.loop{
	/* border-color, -style, -width */
	/* disable hr: */
	height: 0;
	/* border-width: 0; */
}

.ymn hr.loop-on{
	border-width: 3px;
	border-color: white;
}

.ymn .accent.inset{
	padding: 7px 14px;	
}

/* ----------------- */

.pager, .pager-rev{
	border: 1px solid #700;
	background: #fff;
	padding: 1px 5px;
	margin-right: 5px;
}

.pager.small{

}
.pager:hover, .pager:focus, .pager.on, .pager-rev{
	background: #700;
	color: #fff;
}
.pager-rev:hover, .pager-rev:focus, .pager-rev.on, pager-btn{
	/* background: #fff;
	color: #700; */
	border: 1px solid #e00;
}

.module-narrow .ja-box-tl{
	padding: 5px 0px;
}

/* pushed to ymn.css
#jc{
	margin-top:70px;
}

.layout.grad{
	background: url("../images/grad1-mask.png") repeat-x scroll center top;  /*#9B1C0B;  #C10000;
}

.layout.red h1{
	color: #700;
}

*/

/* -- accordion (fieldset) -- */
.accordion {
	margin: 1rem 0;
	padding: 0;
	list-style: none;
	border-top: 1px solid #e5e5e5;
}

.accordion-item {
	border-bottom: 1px solid #e5e5e5;
}

/* Thumb */
.accordion-thumb {
	margin: 0;
	padding: .8rem 0;
	cursor: pointer;
	font-weight: normal;
	
	// Chevron
	&::before {
		content: '';
		display: inline-block;
		height: 7px;
		width: 7px;
		margin-right: 1rem;
		margin-left: .5rem;
		vertical-align: middle;
		border-right: 1px solid;
		border-bottom: 1px solid;
		transform: rotate(-45deg);
		transition: transform .2s ease-out;
	}
}

/* Panel */
.accordion-panel {
	margin: 0;
	padding-bottom: .8rem;
	display: none;
}

/* Active */
.accordion-item.is-active {
	.accordion-thumb::before {
		transform: rotate(45deg);
	}
}

/* -- pagination -- */
ul.x-pagination {
	float: left;
	margin: 10px 0; /*width: 75%;*/
	background: aliceblue;
	padding-left: 10px;
}

ul.x-pagination li {
	background: none;
	display: inline;
	margin: 0;
	overflow: hidden;
	padding: 0;
}


ul.x-pagination li span.inactive {
	line-height: 20px;
	padding: 2px 5px;
	border-keft: 1px solid #e7e7e7;
}


ul.x-pagination li span.current{
	line-height: 20px;
	padding: 2px 5px;
	border: 1px solid #e7e7e7;
}


ul.x-pagination a {
	background: #f6f6f6;
	border: 1px solid #ccc;
	color: #000;
	line-height: 20px;
	padding: 2px 5px;
	text-decoration: none;
}

ul.x-pagination a:hover, ul.x-pagination a:active, ul.x-pagination a:focus {
	background: #700;
	border: 1px solid #700;
	color: #fff;
	text-decoration: none;
}

.pagination-wrapper .limit{
	margin: 8px 0px 0px 0px;
}

.pagination-wrapper .limitfield{
	float: left;
}

.sortby { font-size: 92%; margin: 10px 0 5px; }

.sortby .filter, .sortby .display { float: left; width: 40%; }

.sortby .display { float: right; text-align: right; }

.pagenavbar { font-weight: bold; }

.pagenavcounter { margin: 15px 0 !important; text-align: center; }

.counter {
	/*float: right;*/
	line-height: 1;
	margin: 15px 0 !important;
	text-align: right;
	/*width: 24%;*/
	float: left;
	font-size: 0.8em;
	background-color: aliceblue;
}

.counter span {
	background: #700;
	border: 1px solid #700;
	color: #fff;
	padding: 1px 5px;
}

.blog_more {
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
	padding: 15px 0 5px;
}

.blog_more h2 {
	font-size: 115%;
	margin: 0 0 5px;
	text-transform: uppercase;
}

.blog_more ul li {
	background: url(../images/bullet.gif) no-repeat 5px 6px;
	padding-left: 15px;
}

div.back_button a,
div.back_button a:hover,
div.back_button a:active { display: block; margin: 10px 0; }


/* -- directory results -- */

.rrow {
	border: 1px solid #c9c9c9;
	min-height:120px;
	background: url("../images/grad_rmask3b.png") repeat-x scroll center bottom transparent;
	margin-top: 10px;
}

.rrows {
	border: 1px solid #c9c9c9;
	/*min-height:120px;
	background: url("../images/grad_rmask3b.png") repeat-x scroll center top transparent; */
	margin-top: 10px;
}


.rimg{
	border: 1px dashed #c9c9c9;
	margin:10px;
	padding:2px;
	width: 80px;
	height: 62px;
	min-height: 50px;
	float:left;
	background-color: #fff;
	max-width:80px;
}
.rline{
	margin:5px;
	padding:0px;

}
.ri1, .ri2{
	margin: 0px 0 0 10px;
}
.ri2{
	font-weight: bold;
	margin-top: 5px;
}
.ri3{
	margin-left: 10px;
	padding-left: 10px;
	border-left: 2px solid #c9c9c9;
	height:80;
	float:left;
}
.ri3a{
	/* height:70px; */
}
.ri3b{
	margin-top: 10px;
	font-size: x-small;
}

ul.ri{
	margin:0;
	padding:0;
}

.mark{
	/* background: url(../images/marker25.png) repeat-x;
	color: #fff; */
	font-weight: normal;
	font-family: sans-serif;
	font-size: medium;
	width:25px;
	height:25px;
	margin: 2px 2px 0 2px;
	z-index: 5;
	text-align: center;
	float:left;
}

.mark2{

	font-weight: bold;
	width:42px;
	height:25px;
	margin: 0px 10px 5px 10px;
	/*margin: 5px 10px; */
	z-index: 5;
	text-align: center;
	float:right;
}

.nline{
	background: url("../images/grad_rmask3.png") repeat scroll 0 0 transparent;
	clear: both;
	margin-left: 140px;
	margin-top: 0;
	padding-top: 30px;
	height: 70px;
}

.sline{
	background: url("../images/grad_rmask3b.png") repeat scroll 0 0 transparent;
	 height: 60px;
	 margin-left: 140px;
	 padding-bottom:5px;
}

.nspace {
	 background: url("../images/grad_rmask3.png") repeat scroll 0 0 transparent;
	 clear: both;
	 height: 30px;
}

.location{
	background-color: #fff;
	border: 1px solid #c9c9c9;
}

.rline h3, h4{
	background: url("../images/dot2.gif") repeat-x scroll center bottom transparent;
	color: #333333;
	font-size: 115%;
	/* margin: 0 0 8px; */
	margin: 0;
	overflow: hidden;
	padding: 1px 0 8px;
}
/* --- other --- */
.register-field{
	padding: 10px;
}

.register-button{
	padding: 10px;
	margin-left: 160px;
}

.inputbox.btn{
	color: #111;
}

.pager.btn{
	padding: 3px 5px;
}

.inputbox{
	/* 160 (200) */
	font-family: inherit;
}

.form-control.narrow{
	max-width: 30px;
}
.form-control.small{
	max-width: 70px;
}
.form-control.xsmall{
	max-width: 40px;
}
.form-control.wide{
	max-width: 200px;
}
.form-control.mwide{
	max-width: 330px;
}
.form-control.xwide{
	max-width: 550px;
}

.inputbox.small{
	/* 100 (160) */
}

.inputbox.smaller{
	width: 70px;
}
.inputbox.xsmall{
	width: 40px;
}

.inputbox.narrow{
	width: 30px;
}

.inputbox.xnarrow{
	width: 20px;
}

.inputbox.wide{
	width: 200px;
}

.inputbox.mwide{
	width: 330px;
}

.inputbox.xwide{
	width: 550px;
}

.inputbox.aline{
	height: 30px;
}

.inputbox.xline{
	width: 550px;
	height: 30px;
}

.inputbox.smedium{
	width: 330px;
	height: 80px;
}

.inputbox.medium{
	width: 330px;
	height: 150px;
}

.inputbox.xmedium{
	width: 330px;
	height: 350px;
}

.inputbox.large{
	width: 550px;
	height: 150px;
}

.inputbox.xlarge{
	width: 550px;
	height: 500px;
}

.inputbox.off{
	border:none;
}

.style9 {
	 color: #990000;
	 font: bold 10px Arial,Helvetica;
	 padding: 5px 0 0;
	 text-align: left;
}
.style8 {
	 font-size: 10px;
	 text-align: left;
}

.style5, .style8 {
	 color: #000000;
	 text-align: left;
}
.state1{
	margin-top: 15px;
}

.ja-navhelper .register-page{
	text-transform: none;
	padding: 2px 5px;
}


.vspace{
	padding: 10px;
	margin: 15px 0pt;
}
.hspace{
	padding: 10px;
	margin: 0px 15px;
}
.ltspace{
	padding:10px;
	margin: 15px 0 15px 15px;
}
.rtspace{
	padding:10px;
	margin: 15px 15px 15px 0
}
.vispace{
	padding: 20px 0;
}
.hispace{
	padding: 0 20px;
}

.advsearch{
	border: dashed red 1px;
}

.ymn .hide{
	visibility: hidden;
}
.hidden {visibility: hidden;display: none;}

/* tab-like btn */
.ymn div.mnu {
	 margin: 10px 0;
}

.ymn div.mnu a {
	 background-color: WhiteSmoke;
	 /* color: CornflowerBlue; */
	 margin: 0;
	 padding: 7px;
}

.ymn div.mnu a.on, .ymn div.ctls a.on {
	color: black;
}




/* hide hr in loop */
.ymn hr.loop{
	height: 0;
	border-width: 0;
}

/* toolbar */
.ymn .toolbar{
	margin-right: 5px;
	padding: 2px 7px;
	width: 140px;
}

.ymn .s_btn{
	float:right;
	padding: 10px;
}

.ymn .rbtn{
	vertical-align: middle;
}

.ymn .left, .ymn.left{
	float:left;
}

.ymn .right, .ymn.right{
	float:right;
}

.ymn .inline, .ymn.inline{
	float:left;
	margin: 2px 10px;
}

.ymn .iEdit{
	float: left;
	margin: 0 -30px;
}

.ymn .text-right, .ymn.text-right{
	text-align:right;
}


/* --- Tabs --- */
.jwts_tabberlive {margin:0px 0px;padding:0px;} /* margin was 4px */
.jwts_tabberlive .jwts_tabbertab {margin:0px;padding:0px;border:0px;/*border-top:1px solid #bbb;height:300px;overflow:auto;*/}
.jwts_tabberlive .jwts_tabbertab h2,
/* .jwts_tabberlive .jwts_tabbertab h3, */
.jwts_tabberlive .jwts_tabbertabhide {display:none;}
ul.jwts_tabbernav {margin:0px; padding:8px 4px; list-style:none;list-style-image:none;background:none;border-bottom:1px solid #e0e0e0;line-height:normal;height:auto;}
ul.jwts_tabbernav li {margin:0px;padding:0px;list-style:none;list-style-image:none;background:none;display:inline;}
ul.jwts_tabbernav li a,
ul.jwts_tabbernav li a:link {font-size:13px;font-weight:bold;margin:0px 1px;padding: 7px 15px;color:#777;border:1px solid #bbb;border-bottom:none;background:#eee url("../_images/jwts/slide_bg.png") repeat-x top;}
ul.jwts_tabbernav li a:visited {color:#333;}
ul.jwts_tabbernav li a:hover {font-size:13px;font-weight:bold;margin:0px 1px;padding: 7px 15px;color:#c64934;border:1px solid #aaa;border-bottom:none;background:#f2f2f2;text-decoration:none;}

ul.jwts_tabbernav li a:active,ul.jwts_tabbernav li a:focus {outline:0;}
ul.jwts_tabbernav li.jwts_tabberactive a {background:#fff;border-bottom:1px solid #fff; color: #00AAF0;}
ul.jwts_tabbernav li.jwts_tabberactive a:hover {background:#fff;border-bottom:1px solid #fff;text-decoration:none;}
ul.jwts_tabbernav li.jwts_tabberactive,

ul.jwts_tabbernav li.jwts_tabberinactive {background:none;padding:0px;margin:0px;line-height: 15px;}
.jwts_tabberlive .jwts_tabbertab,ul.jwts_tabbernav {text-align:left;} /* force content orientation */

/* --- Slides --- */
.jwts_slider {margin:4px 0px;padding:0px;}
.jwts_slidewrapper {border:none;width:100%;visibility:hidden;height:0px;overflow:hidden;position:relative;margin:0;padding:0;}

/* DEFAULT STYLING */
.jwts_title {margin:0 0 1px 0;padding:0px;overflow:hidden;background:url("../images/jwts/slide_bg_r.png") no-repeat right;cursor:pointer;}
.jwts_title_left {background:url("../images/jwts/slide_bg_l.png") no-repeat left;margin:0 10px 0 0;}
a.jwts_title_text,
a.jwts_title_text:link {display:block;background:url("../images/jwts/star.png") no-repeat;background-position:0px 2px;padding:0 2px 0 20px;margin:0 0 0 8px;line-height:22px;font-size:12px;font-weight:bold;text-decoration:none;color:#444;}
a.jwts_title_text:visited {color:#444;}
a.jwts_title_text:hover {display:block;background:transparent url("../images/jwts/star.png") no-repeat;background-position:0px 2px;padding:0 2px 0 20px;margin:0 0 0 8px;line-height:22px;font-size:12px;font-weight:bold;text-decoration:none;color:#c64934;}
.jwts_slidecontent {padding:4px 12px 8px 12px;margin:0px;position:relative;background:none;border:none;}
.jwts_title_left,.jwts_slidecontent {text-align:left;} /* force content orientation */

.msg{
	padding: 10px;
	font-weight: bold;
	border: 1px solid;
	margin: 15px 0px 20px;
	border-color: #808080;
	color: #808080;
}

.msg.error{
	border-color: coral;
	color: red;
}
.msg.success{
	border-color: lightgreen;
	color: green;
}
.msg.info{
	/*border-color: blue;*/
}

.aximages p{
	margin: 0px;
}
.aximages_s img{
	 /*float: left;*/
	 /* margin: 5px; */
	 margin: 0 5px 5px 0;
	 max-width: 100%;
}
img.tip{
	/*	vertical-align: text-top; */
}

.tm{
	/*vertical-align: super;*/
	font-size: 8px;
}

img.date{
	/*background: url("images/ico32/calendar.png") repeat-x scroll center bottom transparent;*/
	background: none repeat scroll 0 0 whitesmoke;
	height: 18px;
	margin-top: 1px;
	padding: 2px;
	position: relative;
	vertical-align: top;
}

.m20{
	margin: 20px;
}
.m10{
	margin: 10px;
}
.m5{
	margin: 5px;
}
.mh30{
	margin: 0 30px;
}
.mh25{
	margin: 0 25px;
}
.mh20{
	margin: 0 20px;
}
.mh10{
	margin: 0 10px;
}
.mh5{
	margin: 0 5px;
}
.mv30{
	margin: 30px 0;
}
.mv25{
	margin: 25px 0;
}
.mv20{
	margin: 20px 0;
}
.mv10{
	margin: 10px 0;
}
.mv7{
	margin: 7px 0;
}
.mv5{
	margin: 5px 0;
}
.mv4{
	margin: 4px 0;
}
.mv3{
	margin: 3px 0;
}
.mr50{
	margin-right: 50px;
}
.mr48{
	margin-right: 48px;
}
.mr30{
	margin-right: 30px;
}
.mr25{
	margin-right: 25px;
}
.mr20{
	margin-right: 20px;
}
.mr15{
	margin-right: 15px;
}
.mr10{
	margin-right: 10px;
}
.mr5{
	margin-right: 5px;
}
.mr0{
	margin-right: 0px !important;
}

.ml160{
	margin-left: 160px;
}
.ml140{
	margin-left: 140px;
}
.ml120{
	margin-left: 120px;
}
.ml100{
	margin-left: 100px;
}
.ml80{
	margin-left: 80px;
}
.ml60{
	margin-left: 60px;
}
.ml50{
	margin-left: 50px;
}
.ml40{
	margin-left: 40px;
}
.ml30{
	margin-left: 30px;
}
.ml25{
	margin-left: 25px;
}
.ml20{
	margin-left: 20px;
}
.ml15{
	margin-left: 15px;
}
.ml10{
	margin-left: 10px;
}
.ml5{
	margin-left: 5px;
}
.mb80, .ymn .f-dc.mb80{
	margin-bottom: 80px;
}
.mb100, .ymn .f-dc.mb100{
	margin-bottom: 100px;
}
.mb72, .ymn .f-dc.mb72{
	margin-bottom: 72px;
}
.mb70, .ymn .f-dc.mb70{
	margin-bottom: 70px;
}
.mb60, .ymn .f-dc.mb60{
	margin-bottom: 60px;
}
.mb50, .ymn .f-dc.mb50{
	margin-bottom: 50px;
}
.mb48, .ymn .f-dc.mb48{
	margin-bottom: 48px;
}
.mb40, .ymn .f-dc.mb40{
	margin-bottom: 40px;
}
.mb36, .ymn .f-dc.mb36{
	margin-bottom: 36px;
}
.mb35, .ymn .f-dc.mb35{
	margin-bottom: 35px;
}
.mb32, .ymn .f-dc.mb32{
	margin-bottom: 32px;
}
.mb30, .ymn .f-dc.mb30{
	margin-bottom: 30px;
}
.mb28, .ymn .f-dc.mb28{
	margin-bottom: 28px;
}
.mb25, .ymn .f-dc.mb25{
	margin-bottom: 25px;
}
.mb20, .ymn .f-dc.mb20{
	margin-bottom: 20px;
}
.mb15, .ymn .f-dc.mb15{
	margin-bottom: 15px;
}
.mb10, .ymn .f-dc.mb10{
	margin-bottom: 10px;
}
.mb5{
	margin-bottom: 5px;
}
.mb3, .f-dc.mb3{
	margin-bottom: 3px;
}
.mb2, .f-dc.mb2{
	margin-bottom: 2px;
}
.mt48{
	margin-top: 48px;
}
.mt45{
	margin-top: 40px;
}
.mt40{
	margin-top: 40px;
}
.mt30{
	margin-top: 30px;
}
.mt25{
	margin-top: 25px;
}
.mt20{
	margin-top: 20px;
}
.mt10{
	margin-top: 10px;
}
.mt5{
	margin-top: 5px;
}
.mt3{
	margin-top: 3px;
}
.mt2{
	margin-top: 2px;
}

.m-t48{
	margin-top: -48px;
}
.m-t40{
	margin-top: -40px;
}
.m-t30{
	margin-top: -30px;
}
.m-t25{
	margin-top: -25px;
}
.m-t20{
	margin-top: -20px;
}
.m-t10{
	margin-top: -10px;
}
.m-t5{
	margin-top: -5px;
}
.m-t3{
	margin-top: -3px;
}

.max20, .max20 img{
	max-width: 20px;
}
.max16, .max16 img{
	max-width: 16px;
}
.max24, .max24 img{
	max-width: 24px;
}
.max32, .max32 img{
	max-width: 32px;
}
.max48, .max48 img{
	max-width: 48px;
}

.max-h20{
	max-height: 20px;
}
.max-h16{
	max-height: 16px;
}
.max-h24{
	max-height: 24px;
}
.max-h32{
	max-height: 32px;
}
.max-h48{
	max-height: 48px;
}

.h30{
	height: 30px;
}

.h20{
	height: 20px;
}

.h10{
	height: 10px;
}

.h-auto{
	height: auto;
}

.w-auto{
	width: auto;
}

lbl.label-left {display: block;}

.h1{
	font-size:2em;
}

.h2, .hc{
	font-size:1.6em;
}

.h3{
	font-size:1.3em;
}

.ht{
	font-size:0.85em;
}

div.ya-attention, div.ya-alert, div.ya-notice, div.ya-download, div.ya-approved, div.ya-media, div.ya-note, div.ya-cart, div.ya-camera, div.ya-doc {
	 display: block;
	 margin: 15px 0;
}
div.ya-attention .icon, div.ya-alert .icon, div.ya-notice .icon, div.ya-download .icon, div.ya-approved .icon, div.ya-media .icon, div.ya-note .icon, div.ya-cart .icon, div.ya-camera .icon, div.ya-doc .icon {
	 display: block;
	 margin: 15px 0;
	 padding: 8px 10px 8px 36px;
}
div.ya-alert {
	 background: url("../images/typo/alert.png") repeat-x scroll 0 100% rgba(0, 0, 0, 0);
	 border-bottom: 1px solid #f8c9bb;
	 border-right: 1px solid #f8c9bb;
	 color: #d0583f;
}
div.ya-alert .icon {
	 background: url("../images/typo/alert-ico.png") no-repeat scroll 10px 10px rgba(0, 0, 0, 0);
}
div.ya-attention {
	 background: url("../images/typo/attention.png") repeat-x scroll 0 100% rgba(0, 0, 0, 0);
	 border-bottom: 1px solid #e4e4d5;
	 border-right: 1px solid #e4e4d5;
	 color: #e1b42f;
}
div.ya-attention .icon {
	 background: url("../images/typo/attention-ico.png") no-repeat scroll 10px 10px rgba(0, 0, 0, 0);
}
div.ya-notice {
	 background: url("../images/typo/notice.png") repeat-x scroll 0 100% rgba(0, 0, 0, 0);
	 border-bottom: 1px solid #c7cdda;
	 border-right: 1px solid #c7cdda;
	 color: #6187b3;
}
div.ya-notice .icon {
	 background: url("../images/typo/notice-ico.png") no-repeat scroll 10px 10px rgba(0, 0, 0, 0);
}
div.ya-download {
	 background: url("../images/typo/download.png") repeat-x scroll 0 100% rgba(0, 0, 0, 0);
	 border-bottom: 1px solid #d3d3d3;
	 border-right: 1px solid #d3d3d3;
	 color: #666666;
}
div.ya-download .icon {
	 background: url("../images/typo/download-ico.png") no-repeat scroll 10px 10px rgba(0, 0, 0, 0);
}
div.ya-approved {
	 background: url("../images/typo/approved.png") repeat-x scroll 0 100% rgba(0, 0, 0, 0);
	 border-bottom: 1px solid #c1cec1;
	 border-right: 1px solid #c1cec1;
	 color: #6cb656;
}
div.ya-approved .icon {
	 background: url("../images/typo/approved-ico.png") no-repeat scroll 10px 10px rgba(0, 0, 0, 0);
}
div.ya-media {
	 background: url("../images/typo/media.png") repeat-x scroll 0 100% rgba(0, 0, 0, 0);
	 border-bottom: 1px solid #dbe1e6;
	 border-right: 1px solid #dbe1e6;
	 color: #8d79a9;
}
div.ya-media .icon {
	 background: url("../images/typo/media-ico.png") no-repeat scroll 10px 10px rgba(0, 0, 0, 0);
}
div.ya-note {
	 background: url("../images/typo/note.png") repeat-x scroll 0 100% rgba(0, 0, 0, 0);
	 border-bottom: 1px solid #e6dad2;
	 border-right: 1px solid #e6dad2;
	 color: #b76f38;
}
div.ya-note .icon {
	 background: url("../images/typo/note-ico.png") no-repeat scroll 10px 10px rgba(0, 0, 0, 0);
}
div.ya-ya-cart {
	 background: url("../images/typo/cart.png") repeat-x scroll 0 100% rgba(0, 0, 0, 0);
	 border-bottom: 1px solid #d3d3d3;
	 border-right: 1px solid #d3d3d3;
	 color: #559726;
}
div.ya-cart .icon {
	 background: url("../images/typo/cart-ico.png") no-repeat scroll 10px 10px rgba(0, 0, 0, 0);
}
div.ya-camera {
	 background: url("../images/typo/camera.png") repeat-x scroll 0 100% rgba(0, 0, 0, 0);
	 border-bottom: 1px solid #c9d5d8;
	 border-right: 1px solid #c9d5d8;
	 color: #55a0b4;
}
div.ya-camera .icon {
	 background: url("../images/typo/camera-ico.png") no-repeat scroll 10px 10px rgba(0, 0, 0, 0);
}
.ymn div.ya-doc {
	 background: url("../images/typo/doc.png") repeat-x scroll 0 100% rgba(0, 0, 0, 0);
	 border-bottom: 1px solid #e5e5e5;
	 border-right: 1px solid #e5e5e5;
	 color: #666666;
}
.ymn div.ya-doc .icon {
	 background: url("../images/typo/doc-ico.png") no-repeat scroll 10px 10px rgba(0, 0, 0, 0);
}

.ymn .subcontrols{
	float: right;
	margin-top: 10px;
}

.ymn .subcontrols.pr{
	position: relative;
	bottom: 0;
	margin-top: 0;
}

#form-login > fieldset{
	padding-left: 5px;
}

/* general stuff */

#files h3 {
	font-size: 170%;
	margin: 12px 0px 12px 0px;
}

#files h4  {
	font-size: 150%;
	text-decoration: none;
	padding: 0;
	margin: 0 0 15px 0;
}

#files h3 a,
#files h4 a {

	font-weight: bold;
}


#files .rd_thumb {
	float: left;
	width: 100px;
}

#files .rd_thumb img,
#files .rd_thumb div {
	margin: 0 20px;
}

#files .rd_thumb div {
	display: block;
	width: 48px;
	height: 48px;
	border: 1px solid #f00;
}

#files .rd_details {
	margin-left: 100px;
}


#files .nothumb .rd_details {
	margin-left: 15px;
}

#files ul {
	margin: 15px 0;
	padding: 0;
}

#files li.rd_file {
	list-style: none;
	background: url(../images/custom/gradient.png) 0 0 repeat-x;
	padding: 15px 15px 15px 5px;
}

#files dl {
	background: #eee;
	padding: 5px;
	margin: 0 -5px 10px -5px;
}

#files dt {
	float: left;
	width: 100px;
	color: #666;
}

#files dd {
	font-weight: bold;
}

#files .rd_button {
	float: left;
	margin-right: 4px;
	display: block;
	width: 126px;
	height: 27px;
	text-align: center;
	line-height: 27px;
	font-weight: bold;
	background: url(../images/custom/button.png) 0 0 no-repeat;
}

/* folder specific stuff */

#rd_folder {
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom: 5px solid #eee;
	overflow: hidden;
}

#rd_folder .rd_folder_default {
	background: url(../images/custom/folder.png) 0 0 no-repeat;
}

/* subfolder & files stuff */

#rd_subfolders {
	border-bottom: 5px solid #eee;
}


/* file list stuff */

#files .rd_file,
#files #rd_file {
	position: relative;
}

#files .rd_status span {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 83px;
	height: 83px;
}

#files .rd_status span span {
	display: none;
}

#files .rd_status span.rd_hot {
	background: url(../images/custom/hot.png) 100% 0 no-repeat;
}

#files .rd_status span.rd_new {
	background: url(../images/custom/new.png) 100% 0 no-repeat;
}

#files .rd_status span.rd_updated {
	background: url(../images/custom/updated.png) 100% 0 no-repeat;
}

#files .rd_buttons {
	overflow: hidden;
}

/* file specific stuff */

#rd_file {
	background: url(../images/custom/gradient.png) 0 0 repeat-x;
	padding: 15px 15px 35px 0;
}


#files .rd_pagination {
	text-align: center;
	margin: 20px 0 20px 0;
	overflow: hidden;
}

#files .rd_pages {
	float: right;
}

#files .rd_counter {
	float: left;
}

/* breadcrumb stuff */

#files #rd_breadcrumbs {
	padding: 0 0; /* 10px 0 */
}


#files #rd_breadcrumbs span {
	font-weight: bold;
	color: #999;
}

.rokdownloads .lbl{
	font-weight: bold;
	width: 25%;
}

/* mb */

#files .rd_desc li {
	background: none;
	padding: 0;
	list-style: disc;
}


#files .rd_desc ul {
	padding-left: 35px;
}

#files .aximages_s img{
	 float: none;
}

#files .rline{
	padding-left: 50px;
	padding-bottom: 5px;
}

#files .rrow{
	border: 0px;
	border-top: 1px solid rgb(201, 201, 201);
}

#files .mark img{
	max-width: 30px;
	/*border: 1px solid red;*/
	padding: 5px
}

#stepperbar .ui-stepperbar-value {
	background-color: #d50200;
}

.aximage{
	max-width: 100%;
	height: auto;
}

.redactor_box .aximage{
	/*width: 100%;*/
	max-width: 100%;
	height: auto;
}

.mplayer{
	width:100%;
}

.tb-icon{
	margin-left: 10px;
}
.tb-icon.submit{
	cursor: pointer;
}

.ymn .pointer, .ymn .addTag{
	cursor: pointer;
}

.ymn input.off{
	border:none;
}

.start{
	color: #10E50B;
	font-weight: bold;
}

.due{
	color: #FF4800;
}

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

.coverimg{
	max-width: 180px;
	margin: 5px;
	border: 1px solid gainsboro;
}

.coverimg2{
	max-width: 350px;
	margin: 5px;
}


.ui-tooltip{
	 margin-top: 10px;
}

.ymn div.nfield{
	display: inline-block;
	border-bottom: 1px dotted gray;
	margin-bottom: 5px;
	min-width: 80%;
}

.ymn div.nlabel{
	color: red;
	float: left;
	min-width: 80px;
}

.ymn div.ndate{
	font-size: x-small;
	float:right;
}

.ymn div.nbox{
	border: 1px solid red;
	padding: 5px;
}

.user-greeting{
	float:left;
}

.user-logout{
	float:right;
	font-size:smaller;
}

.xtag{
	padding:5px
}

.xtag:hover{
	color: red;
	text-decoration: line-through;
}



.fixed-sb{
	 opacity: 1;
	 position: fixed;
	 top: 188px;
	 right: 60px;
	 max-width: 22%;
}

.sb-title{
	font-size: 2em;
	color: #B40000;
}



.line{
	padding-right: 20px;
}

.pagination-wrapper{
	clear:both;
	float:right;
	margin: 10px 0px -20px;
}

.ctl .pagination-wrapper{
	margin: -8px 0px 0 0px;
}

.ymn div.ctls {
	 /*background: #F8F8F8;*/
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.ymn div.layout{
	width: 99%;
	background-color: #FCFCFC;
	border: 1px solid #D4D4D4;
	float: left;
	margin: 5px 10px 0px -5px;
	min-width: 225px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.ymn div.row{
	 margin: 10px 0; /* 10px */
	 padding: 7px;
}
.ymn .row.compact {
	 margin: 0px;
	 padding: 0px;
}

.ymn .row.line{
	border-top: 1px dashed gainsboro;
}
.ymn .row.line1{
	border-top: 1px dashed maroon;
}
.ymn .row.line2{
	border-top: 1px dashed #0B86E5;
}
.ymn .row.line3{
	border-top: 1px dashed green;
}

.ymn div.row.debug > .col{
 border-right: 1px dashed red;
 min-height: 24px;
}

.ymn .div-dbg div{
	border: 1px dashed grey;	
}

.ymn a.tb-on > img{
	  border-bottom: 1px solid #8d0000;
}
.ymn div.header, div.header-compact{
  margin: 20px 0px 10px;
  font-weight: bold;
}

.ymn div.header-compact > div.row{
	/*padding:2px;*/
	padding-left:10;
}

.ymn div.header-compact > .row > .cols{
	/*margin:0;*/
	padding:0;
	padding-left:5px;
}

.ymn a.header-da{
	border-top: 1px solid;
}

.ymn a.header-dd{
	border-bottom: 1px solid;
}

.ymn div.ctls{
	margin-bottom: 40px;
}

.ymn .row.sam{
	margin: 5px 0;
	padding: 12px 10px 12px 10px;
	border: 1px solid #ddd;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	background: transparent url("../images/grad_rmask3b.png");
	background-size: 100% 100%;
}

.m-x.sam{
	border: 1px solid #ddd;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	background: transparent url("../images/grad_rmask3b.png");
	background-size: 100% 100%;
	padding: 10px 0px;
	margin: 5px 0px 5px 0px;
}

.ymn .altern8-0{
	background-color: #f7f9ff;
}

.ymn div.header-plain > div.row, .header-plain > .row > .cols {
	background: none;
	border: none;
	padding: 0px;
	/* margin: 20px 0 0; */
}

.ymn div.header-plain > div.row {
	padding-left:10px;
	border-bottom:1px dashed maroon;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius:0px;
}

#rt-sidebar-c .field.lbl{
	background-color: transparent;
	color: #3274DB;
}

#rt-sidebar-c div.mnu a{
	border: 1px dotted #0B86E5;
	background-color: transparent;
}
#rt-sidebar-c div.mnu a:hover{
	border: 1px solid #0B86E5;
	background-color: #f0f0f0;
}

.ymn .row.plain{
	border: none;
	margin: 0px;
}

.ymn .card.icons{
	padding: 0;
	width: 18%;
}
.ymn .card.icons:hover{
	background-color: #fff;
	border-color: red;
}

pre{
	tab-size: 2;
	-moz-tab-size: 2;
	-o-tab-size: 2;
	width: 50%;
	margin-left: 10%;
	border: 1px dashed #777;
	padding: 30px;
}

.ymn .rounded img{
	max-width: 95%;
}

.ymn .frame1 img{
	box-shadow: 2px 2px 6px #C0B2AA;
	background: white;
	padding: 2px;
}

.ymn .fielddesc{
	font-size: 0.85em;
	color: #b3b3b3;
	margin-top: 2px;
	margin-left: 2px;
}

.ymn .f-dc{
	display: inline-block;
	white-space: nowrap;
	margin-right: 5px;
	margin-bottom: 5px;
	vertical-align: top;
}

/*
.ymn .f-dc .inputbox{
	width: 100%;	
}
*/

.ymn .f-m{
	display: none;
}

.ymn .f-m.f-on{
	display: inherit;
}

.ymn .fielddesc.block{
	display: inline-block;
	margin-right: 10px;
}

.ymn .image100{
	max-width: 100%;
}

.ymn .image80{
	max-width: 80%;
}

.ymn .image75{
	max-width: 75%;
}

.ymn .image100f{
		width: 100%;
}

.ymn .image75f{
		width: 75%;
}

.ymn .R100{
	border-radius: 100px;
}

.ymn .m-card{
	padding:10px;
	border: 1px solid #e7e7e7;
}

.ymn .s-card, .ymn .sd-card{
	padding:5px;
	border: 1px solid #e7e7e7;
}
.ymn .s-card .noax, .ymn .sd-card .noax{
	margin: 0px;
}
.ymn .s-card .ilink{
	max-width: 32px;
	margin: 0px 5px;
}
.ymn .sx-card .ilink{
	max-width: 24px;
	margin: 0px 5px;
}
.ymn .sd-card .ilink{
	margin: 0px 5px;
}

.ymn .ctls-right #back{
	margin-left: 15px;
}

.ymn .border-left{
	border-left: 1px solid #aeacac;	
}
.ymn .border-right{
	border-right: 1px solid #aeacac;	
}
.ymn .border-top{
	border-top: 1px solid #aeacac;
}
.ymn .border-bottom{
	border-bottom: 1px solid #aeacac;	
}


/* image cards */
.ymn .m-imagecard{
	border: 1px solid #e7e7e7;
}
.ymn .m-imagecard .aximages_s img, .ymn .m-imagecard .aximages img{
	margin: 0 0 10px;
	width: 100%;
}

.ymn .m-headerimage .aximages_s img, .ymn .m-headerimage .aximages img{
	width: 100%;
	margin: 10px 0 0 -5px;
}
.ymn .m-imagecard .m-body{
	padding: 10px;
}

.ymn .m-fill .aximages_s img, .ymn .m-fill .aximages img{
	width: 100%;
	height: 100%
}
.ymn .rad0{
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
}
.ymn .rad3{
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.ymn .rad5{
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.ymn .rad10{
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
.ymn .rad15{
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
}

.ymn .m-fill{
	margin: 0 -5px;
	padding-right: 0;
	padding-left: 5px;
}
.ymn .m-one {
	 margin: 1px 0px -5px 0px;
	 padding-right: 0;
	 padding-left: 1px;
}
.ymn .m-zero {
	 margin: 0px 0px -5px 0px;
	 padding-right: 0;
	 padding-left: 0;
}

.ymn .m-bottom {
	margin: 1px 0px -5px 0px;
	padding-right: 0;
	padding-left: 0;
}

.ymn .m-filled{
	margin: 0 1.5em;
	width: 95.5%
}

.ymn .m-clear{
	margin: 0 1.5em;
}

.w100{
	width: 100%;
}

.overtop{
	width: 100%;
}

.sticky-bottom{
	position: fixed;
	bottom: 0;
	width: 100%;
	z-index: 10;
	opacity:	0.95;
}

.z-1{
	z-index: 1;
}
.z-2{
	z-index: 2;
}
.z-10{
	z-index: 10;
}

blockquote{
	border-left: solid 2px #5e35b1;
	margin-left: 0;
	padding-left: 5px;
	color: #969396;
}

.clearfix{
	clear: both;	
}

.fly-bar-bottom{
	position: fixed;
	bottom: 0px;
	z-index: 10;
	width: 72%;
	max-width: 1200px;
	height: 1px;
	margin-left: 33px;
}

.fullscreen {
	background-position: center top;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	width: 100%;
	min-height: 100%;
}

.fancybox-image {
	border: 2px solid #f0f8ff80;
}

.red-bar{
	background-color: red;
	min-height: 20px;
}
.blue-bar{
	background-color: blue;
	min-height: 20px;
}
.green-bar{
	background-color: green;
	min-height: 20px;
}
.grey-bar{
	background-color: blue;
	min-height: 20px;
}
/*
a:hover{
	color: #FF0202;
}
*/
/* fix defaults */

.ymn .header-da, .ymn .header-dd a:hover{
	text-decoration: none;
}

.wbr{
	word-wrap: break-word;
}

.magic{
	opacity: 0.2;
}

.magic:hover {
	opacity: 0.9;
}

.c-ico{
	width: 3%;
}

hr.attachments{
	border: none;
	border-top: 1px solid #1069bf99;
}

.unset-a a, a.unset-a{
	color: unset;	
}

/**
* M-X Grid: simple matrix (nestable grid)
* 
* m-x: row
* m-y: col
* 
* This allows the combination of ANY OTHER grid that usually uses row and col
* 
* 
**** 
* [width]
* m-50: 50%
* m-25: 25%
*  
* e.g.
* class="m-x m-50" (row width 50%, default is 100%)
* 
* 
* == row 100% + 2-col 2/3:
*  
* <div class="m-x">
* 		<div class="m-y m-67"> 2/3 left</div>
* 		<div class="m-y m-33"> 1/3 right</div>
* </div>
*  
* == 
*
* available m-: 
* [1,2,3,4,5,7,8,9,10,12,15,20, 25,28,29,30,35,40,45, 50,55,60,65,70,72,75, 80,85,88,90,99,100, 33,66]
* 
* [max-width]
* mx-50: 50%
* mx-25: 25% 
* 
* [push-right] (margin-left)
* m-p3: 3%
* m-p10: 10%
* 
* e.g. m-45 m-p5 (5% push, stay within 50%) or m-50 m-p25 (50% width, centered) 
*  
* available m-p:
* [1,2,3,5, 10,15,20,25,30,35,40,45, 50,55,60,65,70,75, 80,90,95, 99,100]
* 
* 
****
* [push-up, self] (- margin-top)
* mt-10: -10px
* mt-48: -48px
* 
* [pull-up, next] (- margin-bottom)
* mb-10: -10px
* mb-48: -48px
*  
* available:
* [5,10,20,24,30,36,40,48] (row correction for character size and icons)
* 
* 
**** 
* [pull-left] (- margin-right)
* mr-10: -10px
* mr-30: -30px
* 
* available:
* [5,10,15,20,25,30]
* 

 m-codes (responsive layouts, 8 break-points by EM)
 
	m-r.., m-s.., m-h..
  
  -r:responsive (100%), -s:show (on), -h:hide (off)
  r-33- (3rd)
  r-50- (half)
  r-25- (quarter)

  -0: 18em: 288px
  -1:	24em:	384px
  -2:	34em:	544px
  -3:	46em:	736px
  -4:	50em:	800px
  -5:	56em:	896px
  -6:	67em:	1072px
  -7:	73em:	1168px
  -8:	82em:	1312px

 e.g.
 
  m-33: 3 col, 33% 
  m-50-6: 50% at 1072px (67em)
  m-r2: 100% at 544px (34em)

  m-h0: hide at 288px (18em)
  
  combine to switch at levels!

*  
**/
.ymn.mx-lg .m-x .m-x { margin:  0 -1.5em; }
.ymn.mx-lg .m-y      { padding: 0  1.5em; }

.m-x .m-x { margin:  0 -0.5em; }
.m-y      { padding: 0  0.5em; }

.m-x:after {
	 content: "";
	 clear: both;
	 display: table;
}

.mx-body{
	margin: 0px 1.5em;
}
.mx-0{
	margin: 0px;
}

@media only screen { .m-y {
	 float: left;
	 width: 100%;
	 box-sizing: border-box;
}}

/* responsive base */

.mx h1, .mx .h1, .x-h1  {
	font-size: 2.2em;
}
.mx .hc{
	font-size: 1.8em;
}
.mx h2, .mx .h2, .x-h2 {
	font-size: 1.4em;
}
.mx h3, .mx .h3, .x-h3 {
	font-size: 1.0em;
}

.mx .ht{
	font-size:0.7em;
}

.mx h2, .mx h3, .mx h4, .mx .h2, .mx .h3, .mx .h4, .x-h2, .x-h3, .x-h4, .mx .hc {
	margin-top: 0;
}
.mx h3, .mx h4, .mx .h3, .mx .h4, .x-h3, .x-h4 {
	margin-bottom: 0.5em;
}

/* MD-x */
.mx p, .mx ul {
	font-size: 1.0em;
	line-height: 1.5;
	margin: 0 0 0.5em;
}


/* responsive mx-container; add other elements to those breakpoints */

.mx.x-container {
	margin: 0 auto;
	max-width: 90em;
	padding: 1em; /* 0; keep border*/
}

.mx .wrap{
	margin: 0 auto;
	max-width: 90em;
}

.mx .footer {
	padding-top: 1.5em;
}
.mx .desc {
	color: #888;
}
.mx .intro {
	border-bottom: 1px dotted #bbb;
	padding-bottom: 1.5em;
}
.mx .social {
	border-top: 1px dotted #bbb;
	padding-top: 1.5em;
}

/* minor responsive adjustments */

.mx .footer {
	border-top: 1px dotted #aaa;
}
.mx .content {
	border-bottom: 1px dotted #aaa;
	margin-bottom: 1.5em;
}

/* blocks */

.m-s0, .m-s1, .m-s2, .m-s3, .m-s4, .m-s4, .m-s5, .m-s6, .m-s7,
.nav .m-s0, .nav .m-s1, .nav .m-s2, .nav .m-s3, .nav .m-s4, .nav .m-s4, .nav .m-s5, .nav .m-s6, .nav .m-s7
{
	display:none;
}
.m-sb0, .m-sb1, .m-sb2, .m-sb3, .m-sb4, .m-sb5, .m-sb6{
	display:none;
}

.m-right-0, .m-right-1, .m-right-2, .m-right-3, .m-right-4, .m-right-5, .m-right-6, .m-right-7, .m-right-8, .m-right-9, .m-right-ws, .m-right-x {
	text-align: right;	
}

.m-1{width: 1%;}
.m-2{width: 2%;}
.m-3{width: 3%;}
.m-4{width: 4%;}
.m-5{width: 5%;}
.m-7{width: 7%;}
.m-8{width: 8%;}
.m-9{width: 9%;}
.m-10{width: 10%;}
.m-12{width: 12%;}
.m-15{width: 15%;}
.m-20{width: 20%;}
.m-25{width: 25%;}
.m-28{width: 28%;}
.m-29{width: 29%;}
.m-30{width: 30%;}
.m-35{width: 35%;}
.m-40{width: 40%;}
.m-45{width: 45%;}
.m-50{width: 50%;}
.m-55{width: 55%;}
.m-60{width: 60%;}
.m-65{width: 65%;}
.m-70{width: 70%;}
.m-75{width: 75%;}
.m-72{width: 72%;}
.m-80{width: 80%;}
.m-85{width: 85%;}
.m-88{width: 88%;}
.m-90{width: 90%;}
.m-95{width: 95%;}
.m-99{width: 99%;}
.m-100{width: 100%;}

.m-33{	width: 33.33%;}
.m-67{ width: 66.66%;}

.mx-1{max-width: 1%;}
.mx-2{max-width: 2%;}
.mx-5{max-width: 5%;}
.mx-10{max-width: 10%;}
.mx-15{max-width: 15%;}
.mx-20{max-width: 20%;}
.mx-25{max-width: 25%;}
.mx-28{max-width: 28%;}
.mx-30{max-width: 30%;}
.mx-35{max-width: 35%;}
.mx-40{max-width: 40%;}
.mx-45{max-width: 45%;}
.mx-50{max-width: 50%;}
.mx-55{max-width: 55%;}
.mx-60{max-width: 60%;}
.mx-65{max-width: 65%;}
.mx-70{max-width: 70%;}
.mx-72{max-width: 72%;}
.mx-75{max-width: 75%;}
.mx-80{max-width: 80%;}
.mx-88{max-width: 88%;}
.mx-85{max-width: 85%;}
.mx-90{max-width: 90%;}
.mx-95{max-width: 95%;}
.mx-99{max-width: 99%;}
.mx-100{max-width: 100%;}

.mx-33{ max-width: 33.33%;}
.mx-67{ max-width: 66.66%;}


.m-p1{margin-left: 1%;}
.m-p2{margin-left: 2%;}
.m-p3{margin-left: 3%;}
.m-p5{margin-left: 5%;}
.m-p10{margin-left: 10%;}
.m-p15{margin-left: 15%;}
.m-p20{margin-left: 20%;}
.m-p25{margin-left: 25%;}
.m-p30{margin-left: 30%;}
.m-p35{margin-left: 35%;}
.m-p40{margin-left: 40%;}
.m-p45{margin-left: 45%;}
.m-p50{margin-left: 50%;}
.m-p55{margin-left: 55%;}
.m-p60{margin-left: 60%;}
.m-p65{margin-left: 65%;}
.m-p70{margin-left: 70%;}
.m-p75{margin-left: 75%;}
.m-p80{margin-left: 80%;}
.m-p85{margin-left: 85%;}
.m-p90{margin-left: 90%;}
.m-p95{margin-left: 95%;}
.m-p99{margin-left: 99%;}
.m-p100{margin-left: 100%;}

.m-p13, .m-p33{margin-left: 33.33%;}
.m-p23, .m-p67{margin-left: 66.66%;}

.mt33{margin-top: 33.33%;}
.mt12, .mt50{margin-top: 50%;}
.mt23, .mt67{margin-top: 66.66%;}

.mt-5{margin-top: -5px;}
.mt-10{margin-top: -10px;}
.mt-20{margin-top: -20px;}
.mt-24{margin-top: -24px;}
.mt-28{margin-top: -28px;}
.mt-30{margin-top: -30px;}
.mt-36{margin-top: -36px;}
.mt-40{margin-top: -40px;}
.mt-48{margin-top: -48px;}

.mb-5{margin-bottom: -5px;}
.mb-10{margin-bottom: -10px;}
.mb-20{margin-bottom: -20px;}
.mb-24{margin-bottom: -24px;}
.mb-28{margin-bottom: -28px;}
.mb-30{margin-bottom: -30px;}
.mb-36{margin-bottom: -36px;}
.mb-40{margin-bottom: -40px;}
.mb-48{margin-bottom: -48px;}

.mr-5{margin-right: -5px;}
.mr-10{margin-right: -10px;}
.mr-15{margin-right: -15px;}
.mr-20{margin-right: -20px;}
.mr-25{margin-right: -25px;}
.mr-30{margin-right: -30px;}

.m-center { text-align: center; }
.m-right { text-align: right; }

.m-pad5 {padding: 5px;}
.m-pad10 {padding: 10px;}
.m-pad15 {padding: 15px;}
.m-pad20 {padding: 20px;}
.m-pad25 {padding: 25px;}
.m-pad30 {padding: 30px;}

.m-l40 {padding-left: 40px;}
.m-l30, .m-l30-4  {
	padding-left: 30px;
}
.m-l20 {padding-left: 20px;}
.m-l15 {padding-left: 15px;}
.m-l10 {padding-left: 10px;}

.m-xtext{height: auto; float: left; margin: 0 15px 15px 0;}

@media only screen and (min-width: 24em) {
	.mx .ht{
		font-size:0.7em;
	}
}

@media only screen and (min-width: 34em) {
	/* MD-x
	.mx p, .mx ul {
		font-size: 1.0em;
	}
	*/
	.mx .feature:first-child,
	.mx .sbinfo:first-child {
		border-right: 1px dotted #aaa;
	}
	.mx.x-container {
		padding: 1em;
	}
	.mx h1, .mx .h1, .x-h1 {
		font-size: 2.6em;
	}
	.mx .hc{
		font-size: 2.0em;
	}
	.mx .ht{
		font-size:0.8em;
	}
	.mx h2, .mx .h2, .x-h2 {
		font-size: 1.4em;
	}
	.mx h3, .mx .h3, .x-h3{
		font-size: 1.2em;
	}
	.mx p {
		font-size: 1.1em;
	}
}

@media only screen and (min-width: 54em) {
	.mx .content {
		border: none;
		border-right: 1px dotted #aaa;
		margin-bottom: 0;
	}
	.mx .sbinfo:first-child {
		border: none;
	}
	.mx h1, .mx .h1, .x-h1 {
		font-size: 3em;
	}
	.mx .hc{
		font-size: 2.2em;
	}
	.mx .ht{
		font-size:0.9em;
	}
	.mx h2, .mx .h2, .x-h2 {
		font-size: 1.6em;
	}
	.mx h3, .mx .h3, .x-h3 {
		font-size: 1.3em;
	}
	.mx p {
		font-size: 1.2em;
	}
}

@media only screen and (min-width: 76em) {
	.mx .sbinfo:first-child {
		border-right: 1px dotted #aaa;
	}
	.mx h1, .mx .h1, .x-h1 {
		font-size: 3.2em;
	}
	.mx .hc{
		font-size: 2.4em;
	}
	.mx .ht{
		font-size:1.0em;
	}

	.mx h2, .mx .h2, .x-h2 {
		font-size: 1.7em;
	}
	.mx h3, .mx .h3, .x-h3 {
		font-size: 1.4em;
	}
	.mx p {
		font-size: 1.3em;
	}
}


/* ========= defaults, override in forms ====== */
/* 34, 54, 76 for pages, 34, 44, 56 for container */

.mx.x-container { max-width: 90em; }

@media only screen and (min-width: 34em) {
	.mx .feature, .mx .sbinfo { width: 50%; }
}

@media only screen and (min-width: 54em) {
	.mx .content { width: 66.66%; }
	.mx .sidebar { width: 33.33%; }
	.mx .sbinfo    { width: 100%;   }
}

@media only screen and (min-width: 76em) {
	.mx .content { width: 58.33%; } /* 7/12 */
	.mx .sidebar { width: 41.66%; } /* 5/12 */
	.mx .sbinfo    { width: 50%;    }
}

/*== container ==*/
/*
$bp-small : 24em;
$bp-small-2 : 29.75em;
$bp-small-3 : 39.8em;
$bp-med : 46.8em;
$bp-med-2 : 48em;
$bp-large : 50em;
$bp-large-2 : 54.5em;
$bp-xl : 60em;
$bp-xl-2 : 67em;
---
$bp-small : 24em;
$bp-med : 46.8em;
$bp-large : 50em;
$bp-xl : 73em;
---
max-width at 90em

http://pxtoem.com/  (use base: 16px/12pt for ymn-resta)
*/

/*
 m-codes
  -r:responsive (100%), -s:show (on), -h:hide (off)
  r-33- (3rd)
  r-50- (half)
  r-25- (quarter)

  -0: 18em: 288px
  -1:	24em:	384px
  -2:	34em:	544px
  -3:	46em:	736px
  -4:	50em:	800px
  -5:	56em:	896px
  -6:	67em:	1072px
		73em:	1168px	/was -7 //78: 1248
  ?
  -7:	80em: 1280px	//-0.5
		82em: 1312px
		85em: 1360px
  -8:	90em: 1440px	//-0.5
		
		100em: 1600
		105em: 1680
  -9:	120em: 1980	//-0.5
		
  -ws	130em: ~2100
  
  m-33: 3 col
  m-50-6: 50% at 1072px
  m-r2: 100% at 544px

  combine to switch at levels!
*/

@media only screen and (min-width: 79em) {
	.m-rx .mxr{max-width: none;}
	.m-rx{margin-left:0; width: 100%;}
	.m-hx, div.col.m-hx {display:none;}
	.m-sx{display:inline-block;}
	.m-sbx{display:block;}
	.m-right-x{text-align: unset;}
	.m-80-x{margin-left:0; width: 80%;}
	.m-75-x{margin-left:0; width: 75%;}
	.m-67-x{margin-left:0; width: 67%;}
	.m-50-x{margin-left:0; width: 50%;}
	.m-33-x{margin-left:0; width: 33%;}
	.m-25-x{margin-left:0; width: 25%;}
	.m-20-x{margin-left:0; width: 20%;}
}

@media only screen and (max-width: 130em) {
	.m-rws .mxr{max-width: none;}
	.m-rws{margin-left:0; width: 100%;}
	.m-hws, div.col.m-hws {display:none;}
	.m-sws{display:inline-block;}
	.m-sbws{display:block;}
	.m-right-ws{text-align: unset;}
	/*
	.m-90-8{margin-left:0; width: 90%;}
	.m-80-8{margin-left:0; width: 80%;}
	.m-75-8{margin-left:0; width: 75%;}
	.m-72-8{margin-left:0; width: 72%;}
	.m-67-8{margin-left:0; width: 67%;}
	.m-60-8{margin-left:0; width: 60%;}
	.m-50-8{margin-left:0; width: 50%;}
	.m-40-8{margin-left:0; width: 40%;}
	.m-33-8{margin-left:0; width: 33%;}
	.m-25-8{margin-left:0; width: 25%;} */
	.m-90-ws{width: 90%;}
	.m-80-ws{width: 80%;}
	.m-75-ws{width: 75%;}
	.m-72-ws{width: 72%;}
	.m-67-ws{width: 67%;}
	.m-60-ws{width: 60%;}
	.m-50-ws{width: 50%;}
	.m-40-ws{width: 40%;}
	.m-33-ws{width: 33%;}
	.m-25-ws{width: 25%;}

	.m-20-ws{margin-left:0; width: 20%;}
	.m-28-ws{margin-left:0; width: 28%;}

	.m-10-ws{margin-left:0; width: 10%;}
	.m-12-ws{margin-left:0; width: 12%;}
}

@media only screen and (max-width: 119.5em) {
	.m-r9 .mxr{max-width: none;}
	.m-r9{margin-left:0; width: 100%;}
	.m-h9, div.col.m-h8 {display:none;}
	.m-s9{display:inline-block;}
	.m-sb9{display:block;}
	.m-right-9{text-align: unset;}
	/*
	.m-90-9{margin-left:0; width: 90%;}
	.m-80-9{margin-left:0; width: 80%;}
	.m-75-9{margin-left:0; width: 75%;}
	.m-72-9{margin-left:0; width: 72%;}
	.m-67-9{margin-left:0; width: 67%;}
	.m-60-9{margin-left:0; width: 60%;}
	.m-50-9{margin-left:0; width: 50%;}
	.m-40-9{margin-left:0; width: 40%;}
	.m-33-9{margin-left:0; width: 33%;}
	.m-25-9{margin-left:0; width: 25%;} */
	.m-90-9{width: 90%;}
	.m-80-9{width: 80%;}
	.m-75-9{width: 75%;}
	.m-72-9{width: 72%;}
	.m-67-9{width: 67%;}
	.m-60-9{width: 60%;}
	.m-50-9{width: 50%;}
	.m-40-9{width: 40%;}
	.m-33-9{width: 33%;}
	.m-25-9{width: 25%;}

	.m-20-9{margin-left:0; width: 20%;}
	.m-28-9{margin-left:0; width: 28%;}

	.m-10-9{margin-left:0; width: 10%;}
	.m-12-9{margin-left:0; width: 12%;}
}

@media only screen and (max-width: 89.5em) {
	.m-r8 .mxr{max-width: none;}
	.m-r8{margin-left:0; width: 100%;}
	.m-h8, div.col.m-h8 {display:none;}
	.m-s8{display:inline-block;}
	.m-sb8{display:block;}
	.m-right-8{text-align: unset;}
	/*
	.m-90-8{margin-left:0; width: 90%;}
	.m-80-8{margin-left:0; width: 80%;}
	.m-75-8{margin-left:0; width: 75%;}
	.m-72-8{margin-left:0; width: 72%;}
	.m-67-8{margin-left:0; width: 67%;}
	.m-60-8{margin-left:0; width: 60%;}
	.m-50-8{margin-left:0; width: 50%;}
	.m-40-8{margin-left:0; width: 40%;}
	.m-33-8{margin-left:0; width: 33%;}
	.m-25-8{margin-left:0; width: 25%;} */
	.m-90-8{width: 90%;}
	.m-80-8{width: 80%;}
	.m-75-8{width: 75%;}
	.m-72-8{width: 72%;}
	.m-67-8{width: 67%;}
	.m-60-8{width: 60%;}
	.m-50-8{width: 50%;}
	.m-40-8{width: 40%;}
	.m-33-8{width: 33%;}
	.m-25-8{width: 25%;}

	.m-20-8{margin-left:0; width: 20%;}
	.m-28-8{margin-left:0; width: 28%;}

	.m-10-8{margin-left:0; width: 10%;}
	.m-12-8{margin-left:0; width: 12%;}
}

@media only screen and (max-width: 79.5em) {
	.m-r7 .mxr{max-width: none;}
	.m-r7{margin-left:0; width: 100%;}
	.m-h7, .nav .m-h7, div.col.m-h7 {display:none;}
	.m-s7, .nav .m-s7{display:inline-block;}
	.m-sb7{display:block;}
	.m-right-7{text-align: unset;}
	/*
	.m-90-7{margin-left:0; width: 90%;}
	.m-80-7{margin-left:0; width: 80%;}
	.m-75-7{margin-left:0; width: 75%;}
	.m-72-7{margin-left:0; width: 72%;}
	.m-67-7{margin-left:0; width: 67%;}
	.m-60-7{margin-left:0; width: 60%;}
	.m-50-7{margin-left:0; width: 50%;}
	.m-40-7{margin-left:0; width: 40%;}
	.m-33-7{margin-left:0; width: 33%;}
	.m-25-7{margin-left:0; width: 25%;} */
	.m-90-7{width: 90%;}
	.m-80-7{width: 80%;}
	.m-75-7{width: 75%;}
	.m-72-7{width: 72%;}
	.m-67-7{width: 67%;}
	.m-60-7{width: 60%;}
	.m-50-7{width: 50%;}
	.m-40-7{width: 40%;}
	.m-33-7{width: 33%;}
	.m-25-7{width: 25%;}

	.m-20-7{margin-left:0; width: 20%;}
	.m-28-7{margin-left:0; width: 28%;}

	.m-10-7{margin-left:0; width: 10%;}
	.m-12-7{margin-left:0; width: 12%;}
}
@media only screen and (max-width: 67em) {
	.m-r6 .mxr{max-width: none;}
	.m-r6{margin-left:0; width: 100%;}
	.m-h6, .nav .m-h6, div.col.m-h6 {display:none;}
	.m-s6, .nav .m-s6{display:inline-block;}
	.m-sb6{display:block;}
	.m-right-6{text-align: unset;}
	.m-80-6{margin-left:0; width: 80%;}
	.m-75-6{margin-left:0; width: 75%;}
	.m-67-6{margin-left:0; width: 67%;}
	.m-60-6{margin-left:0; width: 60%;}
	.m-50-6{margin-left:0; width: 50%;}
	.m-40-6{margin-left:0; width: 40%;}
	.m-33-6{margin-left:0; width: 33%;}
	.m-25-6{margin-left:0; width: 25%;}
	.m-20-6{margin-left:0; width: 20%;}
}
@media only screen and (max-width: 56em) {
	.m-r5 .mxr{max-width: none;}
	.m-r5{margin-left:0; width: 100%;}
	.m-h5, .nav .m-h5, div.col.m-h5 {display:none;}
	.m-s5, .nav .m-s5{display:inline-block;}
	.m-sb5{display:block;}
	.m-right-5{text-align: unset;}
	.m-80-5{margin-left:0; width: 80%;}
	.m-75-5{margin-left:0; width: 75%;}
	.m-67-5{margin-left:0; width: 67%;}
	.m-60-5{margin-left:0; width: 60%;}
	.m-50-5{margin-left:0; width: 50%;}
	.m-40-5{margin-left:0; width: 40%;}
	.m-33-5{margin-left:0; width: 33%;}
	.m-25-5{margin-left:0; width: 25%;}
	.m-20-5{margin-left:0; width: 20%;}
}
@media only screen and (max-width: 50em) {
	.m-r4 .mxr{max-width: none;}
	.m-r4{margin-left:0; width: 100%;}
	.m-h4, .nav .m-h4, div.col.m-h4 {display:none;}
	.m-s4, .nav .m-s4{display:inline-block;}
	.m-sb4{display:block;}
	.m-right-4{text-align: unset;}
		.m-l30-4{padding-left: 5px;}
	.m-80-4{margin-left:0; width: 80%;}
	.m-75-4{margin-left:0; width: 75%;}
	.m-67-4{margin-left:0; width: 67%;}
	.m-60-4{margin-left:0; width: 60%;}
	.m-50-4{margin-left:0; width: 50%;}
	.m-40-4{margin-left:0; width: 40%;}
	.m-33-4{margin-left:0; width: 33%;}
	.m-25-4{margin-left:0; width: 25%;}
	.m-20-4{margin-left:0; width: 20%;}
}
@media only screen and (max-width: 46em) {
	.m-r3 .mxr{max-width: none;}
	.m-r3{margin-left:0; width: 100%;}
	.m-h3, .nav .m-h3, div.col.m-h3 {display:none;}
	.m-s3, .nav .m-s3{display:inline-block;}
	.m-sb3{display:block;}
	.m-right-3{text-align: unset;}
	.m-80-3{margin-left:0; width: 80%;}
	.m-75-3{margin-left:0; width: 75%;}
	.m-67-3{margin-left:0; width: 67%;}
	.m-60-3{margin-left:0; width: 60%;}
	.m-50-3{margin-left:0; width: 50%;}
	.m-40-3{margin-left:0; width: 40%;}
	.m-33-3{margin-left:0; width: 33%;}
	.m-25-3{margin-left:0; width: 25%;}
	.m-20-3{margin-left:0; width: 20%;}
}
@media only screen and (max-width: 34em) {
	.m-r2 .mxr{max-width: none;}
	.m-r2{margin-left:0; width: 100%;}
	.m-h2, .nav .m-h2, div.col.m-h2 {display:none;}
	.m-s2, .nav .m-s2{display:inline-block;}
	.m-sb2{display:block;}
	.m-right-2{text-align: unset;}
	.m-80-2{margin-left:0; width: 80%;}
	.m-75-2{margin-left:0; width: 75%;}
	.m-67-2{margin-left:0; width: 67%;}
	.m-60-2{margin-left:0; width: 60%;}
	.m-50-2{margin-left:0; width: 50%;}
	.m-40-2{margin-left:0; width: 40%;}
	.m-33-2{margin-left:0; width: 33%;}
	.m-25-2{margin-left:0; width: 25%;}
	.m-20-2{margin-left:0; width: 20%;}
}
@media only screen and (max-width: 24em) {
	.m-r1 .mxr{max-width: none;}
	.m-r1{margin-left:0; width: 100%;}
	.m-h1, .nav .m-h1, div.col.m-h1 {display:none;}
	.m-s1, .nav .m-s1{display:inline-block;}
	.m-sb1{display:block;}
	.m-right-1{text-align: unset;}
	.m-90-1{margin-left:0; width: 90%;}
	.m-80-1{margin-left:0; width: 80%;}
	.m-75-1{margin-left:0; width: 75%;}
	.m-67-1{margin-left:0; width: 67%;}
	.m-60-1{margin-left:0; width: 60%;}
	.m-50-1{margin-left:0; width: 50%;}
	.m-40-1{margin-left:0; width: 40%;}
	.m-33-1{margin-left:0; width: 33%;}
	.m-25-1{margin-left:0; width: 25%;}
	.m-20-1{margin-left:0; width: 20%;}
	.m-10-1{margin-left:0; width: 10%;}
}
@media only screen and (max-width: 18em) {
	.m-r0 .mxr{max-width: none;}
	.m-r0{margin-left:0; width: 100%;}
	.m-h0, .nav .m-h0, div.col.m-h0 {display:none;}
	.m-s0, .nav .m-s0{display:inline-block;}
	.m-sb0{display:block;}
	.m-right-0{text-align: unset;}
	.m-80-0{margin-left:0; width: 80%;}
	.m-75-0{margin-left:0; width: 75%;}
	.m-67-0{margin-left:0; width: 67%;}
	.m-60-0{margin-left:0; width: 60%;}
	.m-50-0{margin-left:0; width: 50%;}
	.m-40-0{margin-left:0; width: 40%;}
	.m-33-0{margin-left:0; width: 33%;}
	.m-25-0{margin-left:0; width: 25%;}
	.m-20-0{margin-left:0; width: 20%;}
}

/*hide/show permanently but allow toggle*/

.m-hp{display:none;}
.m-sp{display:inline-block;}
.m-sb{display:block;}

.mx-debug .x-container, .mx-debug.x-container{
	 border: 1px solid #0b49b580; /* dotted #0b49b5; */
	 margin: -10px;
	 padding: 4px;
}

.mx-debug .x-container div, .mx-debug.x-container div{
	border: 1px  dotted #ddd;
	margin: 0px;
	padding: 5px;
}

.mx-debug.ext .x-container div, .mx-debug.ext.x-container div{
	margin: 3px;
}

.mx-debug div.m-x { border-top: 1px solid red; }
.mx-debug div.m-y { border-left: 1px solid red; }

.mx-debug2 div.m-x { border-top: 1px dotted #c0ccfe;; }
.mx-debug2 div.m-y { border-left: 1px dotted #c0ccfe; }

/* quicks */

.row-debug div.col {
	border: 1px dashed lightgrey;	
}

.max-col-7 div.col{
	max-width: 7%;
	overflow: hidden;
}
.mh10x{
	margin: 6px 10px;	
}

.stickyr{
	 position: fixed;
	 background-color: white;
	 opacity: 1;
	 right: 280px;
	 width: 43%;
	 min-width: 874px;
	 z-index: 10; 	
}

.stickyr.s-33{
	width: 29%;
	min-width: 640px;
}
.stickyr.s-40{
	width: 34%;
	min-width: 640px;
}
.stickyr.s-60{
	width: 55%;
	min-width: 640px;
}

.sidebar-mini .stickyr, .sidebar-mini .x-overlay{
	 right: 95px;	
	 width: 45%;
}

/** follow material-dashboard-x setting */
@media (max-width: 1991px) {
	#axside.stickyr, #axside.x-overlay{
		 right: 2.5%;
	}
	
}

.x-overlay{
	 position: fixed;
	 background-color: white;
	 opacity: 1;
	 right: 24%;
	 width: 30%;
	 min-width: 890px; /*680*/
	 z-index: 10;
}

.x-overlay > .ymn, .stickyr > .ymn{
	width: 100%;	
}

.x-overlay > .ymn.debug > .ymn, 
.stickyr > .ymn.debug > .ymn, 
.x-overlay > .debug > .ymn, 
.stickyr > .debug > .ymn{
	width: 100%;	
}