a, a:visited {color:#000000; outline: none;}

.note {
    background-color: #FFFFFF; 
    border: 2px solid #b4c8d3;
    border-radius: 4px; 
    padding: 20px 30px; 
    margin-bottom: 10px;
}

/*table*/
.table-content {border-spacing: 0px; width:100%;
	margin: 10px auto;	
	border:#CEDAE0 1px solid;
	border-radius: 4px;
	box-shadow: 0 1px 2px #d1d1d1;
}
.table-content th:first-child {border-top-left-radius: 4px;}
.table-content th:last-child {border-top-right-radius: 4px;}
.table-content th {
	padding:18px;
	border-bottom:1px solid #CEDAE0;
	background: #f8f8f8;
	vertical-align: middle;
	color: #000000;
}
.table-content tr {text-align: center; padding-left:20px;}
.table-content tr td {background: #FFFFFF; vertical-align: middle; padding:18px; border-bottom: 1px solid #CEDAE0; border-left: 1px solid #CEDAE0; }
.table-content tr td:first-child {border-left: 0 none; padding-left: 20px; text-align: left;}
.table-content tr:last-child > td {border-bottom: 0 none;}
.table-content tr:last-child td:first-child {border-bottom-left-radius: 4px;}
.table-content tr:last-child td:last-child {border-bottom-right-radius: 4px;}
.table-content tr:nth-child(2n) {background: #f9f9f9;} 
.table-content.no_strip tr:nth-child(2n) {background: inherit!important;} 



.mce-content-body .image_gallery_page {border: 1px dashed #CCCCCC; padding: 10px;}
.mce-content-body .image_gallery_page img, .image_gallery_page img {padding-right: 10px; height: 100px; float: left; display: inline-block;}
.mce-content-body .image_gallery_page:after {content: ''; display: block; clear: both;}


/*gallery*/
ul.image_gallery {display: flex; flex-wrap: wrap; justify-content: left; align-items: stretch;}
.image_gallery li {width: 20%; background: none!important; list-style: none!important;
text-align: center;
box-sizing: border-box;
padding: 5px;

}
.image_gallery li > div.img {width: 100%; height: 200px;  line-height: 200px; 
    display: inline-block; vertical-align: middle; 
	box-sizing: border-box;
    -webkit-box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.3);
	-moz-box-shadow:    1px 1px 5px 0px rgba(50, 50, 50, 0.3);
	box-shadow:         1px 1px 5px 0px rgba(50, 50, 50, 0.3);
	border: 1px solid #CCCCCC; 
	position: relative;
	overflow: hidden;
}

.image_gallery li img {max-height: 100%; margin: 0; max-width: 100%; display: inline; vertical-align: middle;}
.image_gallery .descr {padding-top: 10px;}


a.filemanager {text-align: left !important;}
a.filemanager[title*="file"]	{background: url('/pics/file/file.png') no-repeat scroll 0 50%; line-height: 20px; padding: 4px 0 8px 35px; display: block;}
a.filemanager[href$=".doc"]   	{background: url('/pics/file/doc.png') no-repeat scroll 0 50%; line-height: 20px; padding: 4px 0 8px 35px; display: block;}
a.filemanager[href$=".docx"]  	{background: url('/pics/file/doc.png') no-repeat scroll 0 50%; line-height: 20px; padding: 4px 0 8px 35px; display: block;}
a.filemanager[href$=".xls"]   	{background: url('/pics/file/xls.png') no-repeat scroll 0 50%; line-height: 20px; padding: 4px 0 8px 35px; display: block;}
a.filemanager[href$=".xlsx"]   	{background: url('/pics/file/xls.png') no-repeat scroll 0 50%; line-height: 20px; padding: 4px 0 8px 35px; display: block;}
a.filemanager[href$=".ppt"]   	{background: url('/pics/file/ppt.png') no-repeat scroll 0 50%; line-height: 20px; padding: 4px 0 8px 35px; display: block;}
a.filemanager[href$=".pptx"]   	{background: url('/pics/file/ppt.png') no-repeat scroll 0 50%; line-height: 20px; padding: 4px 0 8px 35px; display: block;}
a.filemanager[href$=".pdf"]   	{background: url('/pics/file/pdf.png') no-repeat scroll 0 50%; line-height: 20px; padding: 4px 0 8px 35px; display: block;}
a.filemanager[href$=".rar"]   	{background: url('/pics/file/archive.png') no-repeat scroll 0 50%; line-height: 20px; padding: 4px 0 8px 35px; display: block;}
a.filemanager[href$=".zip"]   	{background: url('/pics/file/archive.png') no-repeat scroll 0 50%; line-height: 20px; padding: 4px 0 8px 35px; display: block;}
a.filemanager[href$=".7z"]   	{background: url('/pics/file/archive.png') no-repeat scroll 0 50%; line-height: 20px; padding: 4px 0 8px 35px; display: block;}


/*ul*/
ul.styled {list-style: none; margin:0; padding: 0; text-align: left;}
ul.styled, ol {margin: 0px;}
ul.styled li {position: relative; padding: 4px 0;}
ul.styled li {padding-top: 5px; line-height: 22px; background: url(/pics/ul.png) 0px 15px no-repeat;  padding-left: 12px; margin-left: 0px;}
ul.styled ul, ul.styled ol{margin: 0px 0px 0px 40px;}
ol.styled {margin: 0px 0px 0px 20px;}
ul.styled li a.active {text-decoration: none; font-weight: bold;}

 
/*checkbox*/
.content_container .styled input[type="checkbox"] + label {
    background: url(/pics/checkbox_big.png) 0 0 no-repeat;
    padding-left: 25px; 
    height: 18px;
    display: inline-block;
    padding-right: 20px;
    cursor: pointer;
}
.content_container .styled input[type="checkbox"] + label span {margin-top: -2px; display: block;}
.content_container .styled input[type="checkbox"]:checked + label {
    background-position: 0 -18px;
}

.content_container .styled input[type="checkbox"] {
    left: -9999px;
    position: absolute;
}
.content_container .styled input[type="radio"], .content_container .styled input[type="checkbox"] {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
}


img.styled {border: 1px solid #999999;    
	-webkit-box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.5);
	-moz-box-shadow:    1px 1px 5px 0px rgba(50, 50, 50, 0.5);
	box-shadow:         1px 1px 5px 0px rgba(50, 50, 50, 0.5);
}