.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;
	padding-right: 10px;
}

.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;
	padding: 0 1px;
}

.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: #dcdcdca3 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;
	font-family: monospace !important;
	font-size: 14px !important;
}
.ace-cloud_editor_dark .ace_print-margin {
	 width: 0px;
	 background: transparent;
}
.ace-cloud_editor_dark_b .ace_indent-guide{
	border-right: 1px solid #383e48;
}

.ace-cloud_editor_dark_mb .ace_print-margin {
	 width: 0px;
	 background: transparent;
}

.ace_text-layer{
	/*margin: 0px 2px !important;*/
	font-family: monospace !important;
	font-size: 14px !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 .x30{
	width: 30px;
}

.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%;*/
	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 .ctl a :not(li){
	 /*background-color: WhiteSmoke;
	 /* color: CornflowerBlue; */
	 margin: 0;
	 padding: 7px;
}

.ymn div.mnu .ctl a.on :not(li), .ymn div.ctls .ctl a.on :not(li){
	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;
}

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;
	/*overflow: auto;*/
}

.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%;
	/*background-color: #dbe7ff1f;*/
}

.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 .ctl a{
	border: 1px dotted #0B86E5;
	background-color: transparent;
}
#rt-sidebar-c div.mnu .ctl 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;
}
*/


/* fix bs */
.mbHelpText pre{
	background-color: transparent;
	border: none;
	margin-top: 10px;
	font-size: 1em;
	white-space: pre-wrap;
}

.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.wrap{
	white-space: unset;
}

/*
.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;
	margin-left: 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;
}
.ymn .border-right{
	border-right: 1px solid;
}
.ymn .border-top{
	border-top: 1px solid;
}
.ymn .border-bottom{
	border-bottom: 1px solid;
}


.ymn .border-left.grey{
	border-left: 1px solid #aeacac;
}
.ymn .border-right.grey{
	border-right: 1px solid #aeacac;
}
.ymn .border-top.grey{
	border-top: 1px solid #aeacac;
}
.ymn .border-bottom.grey{
	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 .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;
}

.mx-lock{
	border-top: 4px dashed red;
}


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;
}

/* 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%;
	}

}

#axside .mnu.topc{
	display: none;
}

.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%;
}

/**
* ff-configs
* ds- .storage (1-4)
* dh- .history (1)
* dt- .dType (d_val/d_text)
**/

.ds-4{
	background-color: #d3d8ef;
}

.dt-d_text{
	border-left: 1px solid;
}
.dt-d_num{
	border-left: 1px solid #999;
}
.dt-d_rid, .dt-d_pid{
	border-left: 1px dashed;
}
.dh-1{
	border-right: 1px solid red;
}

.ls-color-bar{
	width: 5px;
	height: 24px;
	float: left;
	margin: 2px 5px 0px -5px;
}

.ls-color-block10{
	width: 10px;
	height: 10px;
	float: left;
	margin: 2px 5px 0px -5px;
}

.ls-color-block15{
	width: 15px;
	height: 15px;
	float: left;
	margin: 2px 5px 0px -5px;
}

.ls-color-block20{
	width: 20px;
	height: 30px;
	float: left;
	margin: 2px 5px 0px -5px;
}

table .diff{
	/*width: 100%*/
}

.diff td{
	padding:0 0.667em;
	vertical-align:top;
	white-space:pre;
	white-space:pre-wrap;
	font-family:Consolas,'Courier New',Courier,monospace;
	font-size:0.75em;
	line-height:1.333;
	width: 50%
}

.diff span{
	display:block;
	min-height:1.333em;
	margin-top:-1px;
	padding:0 3px;
}

* html .diff span{
	height:1.333em;
}

.diff span:first-child{
	margin-top:0;
}

.diffDeleted span{
	border:1px solid rgb(255,192,192);
	background:rgb(255,224,224);
}

.diffInserted span{
	border:1px solid rgb(192,255,192);
	background:rgb(224,255,224);
}

.diff span.m-100.tag{
  border: 1px solid #ececec;
}

.ymn td.diff{
  padding: 2px 2px;
}