/* CSS Document */
.main_border { /*border only*/
	width:100%;
	padding:0;
	margin: auto;
	border:2px solid #000000;
	background-color:gray;}
h2 { /*Headers*/
	font-family: Verdana, serif;
	background-color: #ffffff;
	color: #000000;
	font-size: 14px;
	text-align: left; 
    border: none;}
h2.header, h2.red, h2.gray, h2.green, h2.darkcyan {
	font-family: Verdana, serif;
	background-color: #000000;
	font-size: 15px;
	color: #ffffff;
	text-align: center;
	margin-top: 4px;
	margin-bottom: 9px;
    border: double lightslategray;
    border-radius: 15px 5px; }
h2.red, h2.gray, h2.green, h2.darkcyan {
	background-color: red;
	border-color: lightgrey;
	margin-left: 8%;
	margin-right: 8%;
	}
h2.gray {
	background-color: gray;
	border-color: lightcyan;
	}
h2.green {
	background-color: green;
	border-color: wheat;
	}
h2.darkcyan {
	background-color: darkcyan;
	border-color: white;
	}
h2.Times { 
	font-family: "Times New Roman", Times, serif; }
/*Page Paragraph*/
p {
    font-family: Verdana, sans-serif;
	font-size:12px; 
	margin: 4px 14px 14px 4px;
	padding:4px; }
.ptitle, .ptitlemin, .ptitlei {
    font-family: Verdana, sans-serif;
	font-size:16px; 
	text-align: center; }
.ptitlei { 
	 font-style:italic; }
.ptitle { 
	margin: 4px 14px 14px 4px;;
	padding:4px; }
.ptitlemin { 
	margin:0;
	padding:0; }
/* Border radius apply part 1 and 2 */
.title, .titleB, .titleC, .titleU, .titleMU, .titleMUM, .titleUM, .atitleA, .titleM, .titleUU, .decor, .decorSort, .titleCateg, .titleA, .titleSearch, .titleEcho, .edit, .editr, .back, .row, .col, .titleL { 
    border-radius: 15px 5px; }
.table, .user_table_y, .user_table_z, .user_table_zd, .user_table_x, .list_table, .m_menu, .coolmenu, .navbar, .navbarb, .btn-group input, .textarea, .textareas, .rating {
	border-radius: 15px 5px; }
.title, .titleB, .titleC, .titleU, .titleMU, .titleMUM, .titleUM, .atitleA, .titleM, .titleUU, .decor,.decorSort, .titleCateg, .titleA, .titleSearch, .titleEcho, .titleL { 
	margin:1px; 
    border: 0;
	color: white;
	font-weight:bold; }
.title, .titleB, .titleC { 
	background-color: #2B809F; }
.titleU, .titleMU, .titleMUM { 
	background-color: lightslategray; }
.titleUM { 
	background-color: darkcyan; }
.atitleA, .titleM { 
	background-color:dodgerblue; }
.titleL { 
	background-color:darkslategray; }
.titleUU, .decor, .decorSort{ 
	background-color:slategray;
	border: solid 1px; }
._cyan {
	color:cyan; }
._darkred {
	color:darkred; }
._red {
	color:red; }
._yellow {
	color:yellow; }
._gray {
	color:lightslategray; }
._green {
	color:greenyellow; }
._black {
	color:black; }
.decor { 
	padding:4px; }
.decorMi { 
	padding:1px; }
.decorSort { 
	padding:3.5px; }
.titleCateg { 
	background-color:lightcyan;
	color: black;
	margin:3px;
    border: 1px; }
.titleA { 
	background-color:lightseagreen;
	margin:2px; }
.titCe {
	text-align: center; }
.titleSearch { 
	background-color: lightslategray;
	margin-bottom: -8px; 
	margin-top: -8px; }
.titleEcho { 
	background-color: lightslategray;
	padding:1px; }
.cursor{ 
	cursor: pointer;}
.edit { 
	background-color: lightyellow;
	color: #000000;
	font-weight:bold;
	margin:5px;
	padding:5px; }
.editr { 
	background-color: lightcyan;
	color: darkred;
	font-weight:bold;
	margin:5px;
	padding:5px; }
.back { 
	background-color: lightblue;
	color: #000000;
	font-weight:bold;
	margin:5px;
	padding:5px; }
.hfoot, .headfoot, .mheadfoot { 
	width:99%;
    font-family: Verdana, sans-serif;
	font-size:12px; 	
	text-align:center;
	padding: 5px;
	margin: 0 auto;
    border: 2px double steelblue;
    border-radius: 20px 5px; }
.mheadfoot{ 
	width:100%;
	padding: 0;
	margin: 0;}
.hfoot {
	min-width: 1024px;
	display: none; }
.headfoot, .mheadfoot { 
	color:white;
	background-color:steelblue;
    border: 2px double black;
}
.hfoot:after, .mheadfoot:after, .headfoot:after, .col:after, .row:after { 
	content: "";
  	display: table;
  	clear: both;}
.row {
	width: 100%;
	background-color: gray;
	display: none;
	align-items: center;
	justify-content:center; }
.col {
	width: 16%;
	min-width: 240px; }
.alert {
	color:red; 
	font-weight:bold;
	text-align:center; }
/* Links and url*/	
a:link {
	color:blueviolet; 
	width:100%; } 
a:visited {	
	color:indigo; }
a:hover { 
	color:red ; 
	text-decoration:none; }
a:active { 
	color:green; 
	text-decoration:none; }
/*yandex*/
a.ya:link {
	color:darkslateblue; 
	text-decoration:none; } 
a.ya:visited {	
	color:darkslateblue;
	text-decoration:none; } 
a.ya:hover { 
	color:crimson; }
a.ya:active { 
	color:green; 
	text-decoration:none; }
a.tip, a.tipt,a.tipr {
	color: #FFC88C;
	text-indent: 0;
	text-shadow: -1.5px 0 Black, 0 1.5px Black, 1.5px 0 Black, 0 -1.5px Black;
	text-decoration:none; }
a.tipt {
	color: black; 
	text-shadow: -1.5px 0 White, 0 1.5px White, 1.5px 0 White, 0 -1.5px White}
a.tipr {
	color:white; 
	text-shadow: -1.5px 0 black, 0 1.5px black, 1.5px 0 black, 0 -1.5px black}
a.tipr:hover {
	color:lightcoral; }
a.tip:hover, a.tipt:hover {
	color:crimson; }
/* transition & scale*/
a:hover, .textarea, .textareas, .scale, .scale-, .scale2 {
	-moz-transition: all 1s;
	-webkit-transition: all 1s;
	-khtml-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s; }
.scale:hover {
	transform: scale(1.1); 
	text-shadow: 1px 2px 1px rgba(0,0,0,0.4); }
.scale-:hover {
	transform: scale(0.98);
	text-shadow: 1px 2px 1px rgba(0,0,0,0.4); }
.scale2:hover {
	transform: scale(1.5);
	text-shadow: 1px 2px 1px rgba(0,0,0,0.4); }
._scale:hover {
    transform: scale(1.1); }
._scale-:hover {
    transform: scale(0.98); }
._scale2:hover {
    transform: scale(1.5); }
/* Tables */
.table { 
	margin: 2px 5px;
	padding-left: 5px;
	padding-right: 5px; }
table {
	border-collapse:collapse;  
	width:100%;
	padding:0;
	margin: auto;
	font-family: Verdana, serif;
	font-size: 12px; 
	text-align: left; }
table,th,td  {      
	border:1px solid lightblue;
	vertical-align: top;
	/*border-collapse:collapse;*/}
table.main_border { /*border only*/
	width:100%;
	border:2px solid #000000;
	background-color:gray;}
table.center_table_border td,th { /*center table with margins*/
	border:2px solid lightseagreen;
	background-color: aliceblue;}
table.center_table { /* center table without margins */
	border:0; }
table.center_table td,th { 
	border:0;
	background-color: aliceblue;
	padding: 2px 1px 1px 5px}
table.category_table td,th { 
	border:0;
	background-color: aliceblue;
	padding: 1px 1px 1px 5px}
table.main_title { 
	background-color: #000000;
	font-size: 14px;
	color: #ffffff;
	text-align: center; }
table.user_table { 
	width:100%;
	font-size: 12px; }
table.user_table td,th { 
	padding: 5px; 
	border: 1px solid #56433D; }
table.user_table_p { 
	width:95%;
	font-size: 12px; }
table.user_table_p td,th { 
	padding: 5px; 
	border: 1px solid lightblue; }
table.user_table_y, table.user_table_z, table.user_table_x, table.user_table_zd { 
	width:99%;
	font-size: 14px; }
table.user_table_y td,th { 
	padding: 5px; 
	border: 3px solid white;
	vertical-align: middle; 
	border-radius: 15px 5px;}
table.user_table_z, table.user_table_zd td,th { 
	padding: 0;
	border: 2px solid white;
	vertical-align: middle; 
	border-radius: 15px 5px;}
table.user_table_zd td,th {
	border: 1px dotted gray;}
table.user_table_x { 
	border-collapse: separate;
	border: 0;
	background-color: gray; 
	color: black; } 
table.user_table_x td,th { 
	border: 1px solid black;
	padding: 0;
	margin: 0;
	vertical-align: middle; 
	border-radius: 15px 5px;}
table.list_table { /* table for many things*/
	border-collapse: separate;
	font-size: 12px; 
	width:98%; 
	background-color: gray; 
	border-color: lightblue; 
	color: black; 
	/*border-collapse:collapse;*/ } 
table.list_table td,th { 
	border:1px solid black;
	padding: 0;
	border-radius: 15px 5px;}
table.publ_table { /* publ table without margins */
	border:0; }
table.publ_table td,th { 
	border:0;
	padding: 2px; 
	background-color: aliceblue;}
* [class="responsive"] {
	width:100%!important;
    border: 0;
    border-radius: 25px 5px; }
/*left menu*/
.coolmenu {
	border: 1px solid gray; /*border style*/
	background-color: #B4F2F5;  /*background color*/
	margin:4px 2px 4px 2px; }
.coolmenu a {
	font: bold 13px Verdana;
    padding: 2px 2px 2px 4px;
    display: block;
	color: #000000;  
	text-decoration: none; /*not underlighting*/
	/* border-bottom: 1px solid gray; */ }
.coolmenu a:hover {
	-moz-transition: color 0.7s;
	-webkit-transition: color 0.7s;
	-khtml-transition: color 0.7s;
	-o-transition: color 0.7s;
	transition: color 0.7s; 
	text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
	color: white; }
.coolmenu a:active { 
	color:red; }
/* extention menu*/
.menu_ext {padding: 5px; 
	background: #066; }
.menu_ext a {
	color: #ffc; /* a color */ }
/*original nice mainmenu*/
.navbar, .navbarb, .m_menu {
	font-size: 115%;
	margin: 4px 2px 0;
	list-style-type: none;
	border: 1px solid gray;
	text-align: center;
	background-color: lightseagreen; }
.navbar a, .navbarb a, .m_menu a {
	color: #fff;
	text-decoration: none;
	padding: 2px 20px;
	font-weight: bold;
	display: inline-block;
	width: 100px; }
.navbar a:hover, .navbarb a:hover, .m_menu a:hover {
	font-size: 95%;
	-moz-transition: color 1s;
	-webkit-transition: color 1s;
	-khtml-transition: color 1s;
	-o-transition: color 1s;
	transition: color 1s;
	text-shadow: -1px 0 lightskyblue, 0 1px lightskyblue, 1px 0 lightskyblue, 0 -1px lightskyblue;
	color: black; }
.navbarb a:hover {
	text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black; }
/*main menu - updated*/
.m_menu a {
	color: #000000;  
	border-radius: 10px 5px;}
.m_menu a:hover{
	font-size: 90%;
	background-color: aliceblue; /* background color when hover */ }
/*buttons group*/
.btn-group input, .btn-group select {
    background-color: #EFECEC; /*background */
    border: 1px solid lightseagreen; /* border color */
    color: black; /* Color text */
    padding: 3px; /* Some padding */
    cursor: pointer; /* Pointer/hand icon */
    width: 90%; /* Set a width if needed */
    display: block; /* Make the buttons appear below each other */ }
.btn-group input:hover, .btn-group select:hover {
	font-size: 115%; }
.delete {  /* button delete */ 
    color: red; }
/* class lesson text output in same forms  */
.less-rating {
	margin :2px;
	color: black; 
	background-color: white; 
	font-weight:bold; 
	text-align:center; 
	vertical-align:center;
	border-radius: 10px 5px;}
.lesson [class^='lesson-'] { 
	text-align:left;
	margin :7px 2px 7px 2px;
	background-color: white; 
	color: black; 
	border-radius: 10px 5px;}
.lesson-std {
	color: black; }
.mlesson-brown {
	font-weight:bold; 
	color: darkblue; 
	font-size: 18px; }
.lesson-left {
	font-weight:bold; 
	text-align:left; }
.lesson-brown {
	font-weight:bold; 
	color: darkblue; }
.lesson-center {
	font-weight:bold; 
	text-align:center; 
	vertical-align:center; }
.lesson-center-brown {
	font-weight:bold; 
	text-align:center; 
	vertical-align:center;
	color: darkblue; }
.lesson-jus {
	font-weight:bold; 
	text-align:justify; }
.lesson-jus-brown {
	font-weight:bold; 
	text-align:justify;
	color: darkblue; }
.lesson-jus-white {
	font-weight:bold; 
	text-align:justify;
	color:white; }
.lesson-center-red {
	font-weight:bold; 
	text-align:center; 
	vertical-align:center;
	color: red; }
/* class ulesson text output in same tables and so on  */
.ulesson [class^='ulesson-'] { 
	text-align:left;
	margin :2px 2px 2px 2px;
	background-color: white; 
	color: black; 
	font-weight:normal; 
	border-radius: 10px 5px;}
.ulesson-std { }
.ulesson-brown {
	color: darkblue; }
.ulesson-center {
	text-align:center; 
	vertical-align:center; }
.ulesson-center-brown {
	text-align:center; 
	vertical-align:center;
	color: darkblue; }
.ulesson-jus {
	text-align:justify; }
.ulesson-jus-brown {
	text-align:justify;
	color: darkblue; }
.ulesson-center-red {
	text-align:center; 
	vertical-align:center;
	color: red; }
/* for checkbox*/
input[type="checkbox"]:checked {
  box-shadow: 0 0 0 3px lightseagreen; }
checkbox {
	color: #424242;
	background-color: #eee; }
checkbox:focus {
	overflow: hidden;
	color: #000000;
	background-color: lightcyan; }
checkbox:hover  {
	background-color: #fff;  
	color: #000000; }
/*for menu select*/
select {
	color: #424242;
	background-color: #eee;
	border-left: 2px solid lightseagreen;
	border-right: 2px solid lightseagreen;
	border-radius: 10px 5px;
	-moz-transition: color 1s, background-color 1s;
	-webkit-transition: color 1s, background-color 1s;
	-khtml-transition: color 1s, background-color 1s;
	-o-transition: color 1s, background-color 1s;
	transition: color 1s, background-color 1s; }
select:focus {
	overflow: hidden;
	color: #000000;
	background-color: lightcyan; }
select:hover  {
	background-color: #fff;  
	color: #000000; }
/*for input fields*/
input,input.delete {
	color: #424242;
	background-color: #eee;
	border-left: 2px solid lightseagreen;
	border-right: 2px solid lightseagreen;
	-moz-transition: color 1s, background-color 1s;
	-webkit-transition: color 1s, background-color 1s;
	-khtml-transition: color 1s, background-color 1s;
	-o-transition: color 1s, background-color 1s;
	transition: color 1s, background-color 1s; }
input:focus, input.delete:focus {
	overflow: hidden;
	color: #000000;
	background-color: lightcyan; }
input:hover  {
	background-color: #fff;
	color: #000000; }
input.delete {
	font-weight:bold; 
	color: black; }
input.delete:hover  {
	background-color: lightyellow;
	color: red; }
.input [class^='input_'] {
	width:30%; 
	font-size:12px; 
	margin: 7px 7px 7px 7px; 
	color:#424242;
	overflow: hidden; }
/*for numeric fields*/
.input_180 {
	width:180px; 
	border-radius: 8px 4px;}
.input_200 {
	width:200px; 
	border-radius: 8px 4px;}
.input_220 {
	width:220px; 
	border-radius: 8px 4px;}
.input_std {
	width:240px; 
	border-radius: 8px 4px;}
.input_num {
	width:55px; 
	border-radius: 8px 4px;}
.input_lbutt {
	width:40px;
	border-radius: 8px 4px;}
.input_longnum {
	width:100px; 
	border-radius: 8px 4px;}
.input_longnumya {
	font-size: 16px;
	width:100px; 
	border-radius: 8px 4px;}
/*for text fields*/
.input_text {
	width:600px; 
	border-radius: 8px 4px;}
/*for text fields type login*/
.input_login {
	width:150px; 
	border-radius: 8px 4px;}
/*for text fields normal length*/
.input_norm {
	width:350px; 
	border-radius: 8px 4px;}
/*for text fields normal length for Yandex*/
.input_normya {
	font-size: 16px;
	width:210px; 
	border-radius: 8px 4px;}
/*for text fields normal length plus*/
.input_normex {
	width:450px; 
	border-radius: 8px 4px;}
/*for text fields alert types*/
.input_alert {
	font-weight:bold; 
	width:96%; 
	color:#FF0004; 
	border-radius: 8px 4px;}
/*textarea all*/
.textarea, .textareas {
	resize: none;
	width: 95.5%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	max-height: 50px;
	overflow: hidden;
	padding: 5px;
	color:#424242;
	background-color: #eee;
	border-left: 2px solid lightseagreen;
	border-right: 2px solid lightseagreen;
	font-size:13px; 
	margin: 7px 7px 7px 0;}
.textarea:focus {
	resize: both;
	overflow: auto;
	max-height: 280px;
	color: #000000;
	background-color: lightcyan; }
.textarea:hover  {
	background-color: #fff;
	color: #000000; }
/*textarea small*/
.textareas:focus {
	max-height: 120px; }
.bigarea {
	max-height: 300px; }
.bigarea:focus {
	max-height: 420px; }
/*other styles*/
.view_title {
	font-size:16px; 
	font-weight:bold; 
	color:#cc0000; 
	text-align:center; }
.view_date {
	font-size:11px; 
	color:#424242; 
	margin-top:7px; 
	margin-bottom:7px; 
	font-weight:bold; }
/* pictures user form */
.image-important-110 { width:98%!important;}
.image-important-100, .image-table { width:90%!important;}
.image-important-80 { width:80%!important;}
.image-important-70 { width:70%!important;}
.image-important-60 { width:60%!important;}
.image-important { width:50%!important;}
.image-important-35 { width:35%!important;}
.image-table{
    border: 0;
    border-radius: 4px 2px; }
.image-main {
    margin: 4px;
	border-radius: 12px 6px;}
.image-ya, .image-ya_h, .image-norm, .image-upload, .image-logos, .image-ava, .image-publ, .image-categ {
    margin: 2px;
	border-radius: 10px 5px;}
.image-ya {
	max-width: 450px;}
.image-ya_h {
	min-width: 200px;}
.image-norm {
    width: 302px; 
    min-height: 10px; 
	border: solid;}
/* pictures upload files */
.image-upload {
    width: 150px; 
    min-height: 10px; 
	border: solid;}
/* pictures for logos */
.image-logos {
    width: 200px; 
    min-height: 10px; 
	border: solid;}
/* pictures for avatars */
.image-ava {
    width: 45px; 
    min-height: 5px; 
    margin: 3px;}
/* avatar in main page */
.image-publ {
    width: 110px; 
    min-height: 5px; 
	border: solid;}
.image-categ {
    width: 94px; 
    min-height: 5px; 
	border: solid;}
/* display ratings in forms */
.rating {
    float:left;
	min-width: 100px; }
.rating:not(:checked) > input {
    position:absolute;
    top:-9999px;
    clip:rect(0,0,0,0); }
.rating:not(:checked) > label {
    float:right;
    width:1em;
    padding: .1em;
    overflow:hidden;
    white-space:nowrap;
    cursor:pointer;
    font-size:135%;
    line-height: 1em;
    color:#ddd;
    text-shadow:1px 1px #bbb, 2px 2px #666, .1em .1em .2em rgba(0,0,0,.5); }
.rating:not(:checked) > label:before {
    content: '★'; }
.rating > input:checked ~ label {
    color: #f70;
    text-shadow:1px 1px #c60, 2px 2px #940, .1em .1em .2em rgba(0,0,0,.5);}
.rating:not(:checked) > label:hover,
.rating:not(:checked) > label:hover ~ label {
    color: gold;
    text-shadow:1px 1px goldenrod, 2px 2px #B57340, .1em .1em .2em rgba(0,0,0,.5); }
.rating > input:checked + label:hover,
.rating > input:checked + label:hover ~ label,
.rating > input:checked ~ label:hover,
.rating > input:checked ~ label:hover ~ label,
.rating > label:hover ~ input:checked ~ label {
    color: #ea0;
    text-shadow:1px 1px goldenrod, 2px 2px #B57340, .1em .1em .2em rgba(0,0,0,.5); }
.rating > label:active {
    position:relative;
    top:2px;
    left:2px; }
.spoiler > input + label:after {
	content: "  +  ";
	float: left;
	font-family: monospace;
	font-size: 125%;
	font-weight: bold; 
	background-color: green;
	border-radius: 5px;}
.spoiler > input:checked + label:after {
	content: "  -  ";
	float: left;
	font-family: monospace;
	font-size: 125%;
	font-weight: bold;
	color: black;
	background-color: lightgreen;
	border-radius: 5px;}
.spoiler > input { 
	/*display:none;*/
	height: 0;
 	opacity:0; }
.spoiler > input + label , .spoiler > .spoiler_body {
	background:lightslategray;
	padding:5px 15px;
	overflow:hidden;
	width:100%;
	box-sizing: border-box;
	height: 100%;
	opacity:1;
	border-radius: 15px 5px; }
.spoiler > input + label + .spoiler_body {
	/*display:none;*/ 
	height: 0;
	opacity:0;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-khtml-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s; }
.spoiler > input:checked + label + .spoiler_body {
	/*display: block;*/ 
	height: 100%;
	opacity:1; }
.spoiler > .spoiler_body {
	background: #FFF;
	border: 3px solid lightslategray ;
	border-top: 1px solid lightslategray;
	border-radius: 15px 5px; }
.spoiler > .spoiler_body:hover {
	height: 120px;
	transition-delay: 1s;
	opacity: 1; }
.spoiler > input:hover + label + .spoiler_body{
	height: 120px;
	transition-delay: 1s;
	opacity: 1;}
/* GoToTheTopOfPage Button*/
#toTop, #sms, #moderator, #events, #events_up, #to_us, #prev {
	border:1px solid #ccc;
	background:#f7f7f7;
	text-align:center;
	position:fixed;
	cursor:pointer;
	display:none;
	color:#333;
    font-family: Verdana, sans-serif;
	font-size:11px;
	border-left: 2px solid lightseagreen;
	border-right: 2px solid lightseagreen;
	border-radius: 15px 5px; }
#toTop {
	width:100px;
	padding:5px;
	bottom:10px;
	right:10px;}
#sms {
	width:60px;
	padding:0;
	bottom:10px; 
	left:10px;}
#moderator {
	width:60px;
	padding:0;
	bottom:10px; 
	left:70px;}
#to_us {
	width:60px;
	padding:0;
	bottom:10px; 
	left:140px;}
#events {
	font-size:12px;
	width:440px;
	padding:8px;
	bottom:10px; 
	left:260px;}
#events_up {
	font-size:12px;
	width:440px;
	padding:8px;
	top:20px; 
	left:20px;}
#prev {
	padding:1px;
	bottom:10px;
	right:180px; }
/*  Modal Window */
#zatemnenie {
	background: rgba(102, 102, 102, 0.5);
	width: 100%;
	height: 100%;
	position: relative;
	top: 0;
	left: 0;
	display: none; 
	border-radius: 15px 5px;}
#okno {
	width: 65%;
	height: 40px;
	color: white;
	font-size: 12pt;
	text-align: center;
	padding: 15px;
	border: 2px solid lightseagreen;
	border-radius: 15px 5px;
  	background-color: lightslategray;
	position: relative;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto; }
.close {
	color: white;
	border: 1px;
	border-radius: 8px 3px;
	padding: 0 12px;
	margin: 10px;
	text-decoration: none;
	background: #f2f2f2;
	font-size: 12pt;
	cursor:pointer; }
.close:hover {background: #e6e6ff; }
.text_in_pic, .text_in_pic_menu, .text_in_pic_game, .text_in_pic_lmenu, .text_in_pic_on {
	font-size: 115%;
	color: #FFC88C;
	position: absolute;
	left: 12%; top: 62%;
	width: 76%;
	text-indent: 0;
	text-shadow: -1.5px 0 Black, 0 1.5px Black, 1.5px 0 Black, 0 -1.5px Black; }
.text_for_sms {
	font-size: 165%;
	color: red;
	position: absolute;
	left: 20%; top: 15%;
	width: 60%;
	text-indent: 0;
	text-shadow: -1px 0 Black, 0 1px Black, 1px 0 Black, 0 -1px Black; }
.mirrorY { transform: scale(1, -1); }
.mirrorX { transform: scale(-1, 1); }
.border, .bordermin, .bordermenu { border: solid;}
.bordermin { border-width: 1px }
.bordermenu { border-width: 2px }
.sample, .sample-color, .wide-select, .wwide-select, .wwwide-select {
	border:solid 1px;
	border-radius:10px 4px; }
.sample-color {
	width:200px;}
.wide-select {
	width:250px; }
.wwide-select {
	width:300px; }
.wwwide-select {
	width:350px; }
.div-center {
	display:inline-block;
	float:none; }
.minwidth {
	min-width: 400px; }
.div-td { overflow: scroll; /* Добавляем полосы прокрутки */ }
.wiXX { width:60%; /* Ширина элемента, в программе можно менять*/ }
.border-radius8-4 {
	border-radius:8px 4px; }
.border-radius10-5 {
	border-radius:10px 5px; }
.border-radius15-5 {
	border-radius:15px 5px; }
table.border0  { 
	border: 0;}
table.border0 td,th { 
	border: 0;}
.valign {
  vertical-align: middle !important; /* Прибегаем к внештатным мерам! */
}
/* Увеличение масштаба текста для парсинга */
.text4pars1 {
	font-size: 115%; }
.text4pars2 {
	font-size: 125%; }
.text4pars3 {
	font-size: 135%; }

/* то что ниже пока не работает */
.scroll-t { /* блок для создания  */
width:100%; /* ширина нашего блока */
background: #fff; /* цвет фона, белый */
border: 1px solid #C1C1C1; /* размер и цвет границы блока */
overflow: auto; /* свойство для прокрутки по горизонтали. Автоматом, если больше блока */
}
.wrap-word {
	white-space:pre-line; 
}
.calendar-item {
	width: 200px;
	display: inline-block;
	vertical-align: top;
	margin: 0 16px 20px;
	font: 14px/1.2 Arial, sans-serif;
}
.calendar-head {
	text-align: center;
	padding: 5px;
	font-weight: 700;
	font-size: 14px;
}
.calendar-item table {
	border-collapse: collapse;
	width: 100%;
}
.calendar-item th {
	font-size: 12px;
	padding: 6px 7px;
	text-align: center;
	color: #888;
	font-weight: normal;
}
.calendar-item td {
	font-size: 13px;
	padding: 6px 5px;
	text-align: center;
	border: 1px solid #ddd;
}
.calendar-item tr th:nth-child(6), .calendar-item tr th:nth-child(7),
.calendar-item tr td:nth-child(6), .calendar-item tr td:nth-child(7)  {
	color: #e65a5a;
}	
.calendar-day.last {
	color: #999 !important;
}	
.calendar-day.today {
	font-weight: bold;
}
.calendar-day.event {
	background: #ffe2ad;
	position: relative;
	cursor: pointer;
}
.calendar-day.event:hover .calendar-popup {
	display: block;
}
.calendar-popup {
	display: none;
	position: absolute;
	top: 40px;
	left: 0;
	min-width: 200px;
	padding: 15px;
	background: #fff;
	text-align: left;
	font-size: 13px;
	z-index: 100;
	box-shadow: 0 0 10px rgba(0,0,0,0.5);
	color: #000;
}
.calendar-popup:before {
	content: "";
    position: absolute;
	left: 8px;    
	bottom: 100%;
    border: 9px solid transparent;
    border-bottom-color: #fff;
    margin-left: 0;
}
/*	-webkit-border-radius: 15px 5px; /* // (Google Chrome)*/
/*	-moz-border-radius: 15px 5px; /* // (FireFox)*/
/*	-khtml-border-radius: 15px 5px; /* // (Safari)*/