/* Окно */
#modal_form {
	width: 600px; 
	height: 600px; /* Размеры должны быть фиксированы */
	border-radius: 5px;
	border: 3px #000 solid;
	background: #fff;
	position: fixed; /* чтобы окно было в видимой зоне в любом месте */
	top: 45%; /* отступаем сверху 45%, остальные 5% подвинет скрипт */
	left: 50%; /* половина экрана слева */
	margin-top: -150px;
	margin-left: -150px; /* тут вся магия центровки css, отступаем влево и вверх минус половину ширины и высоты соответственно =) */
	display: none; /* в обычном состоянии окна не должно быть */
	opacity: 0; /* полностью прозрачно для анимирования */
	z-index: 5; /* окно должно быть наиболее большем слое */
	padding: 20px 10px;
}
/* Кнопка закрыть для тех кто в танке) */
#modal_form #modal_close {
	width: 21px;
	height: 21px;
	position: absolute;
	top: 10px;
	right: 10px;
	cursor: pointer;
	display: block;
}
/* Подложка */
#overlay {
	z-index: 3; /* подложка должна быть выше слоев элементов сайта, но ниже слоя модального окна */
	position: fixed; /* всегда перекрывает весь сайт */
	background-color: #000; /* черная */
	opacity: 0.8; /* но немного прозрачна */
	width: 100%; 
	height: 100%; /* размером во весь экран */
	top: 0; 
	left: 0; /* сверху и слева 0, обязательные свойства! */
	cursor: pointer;
	display: none; /* в обычном состоянии её нет) */
}
#show_from_v{
	width:500px;
	height: 500px;
	margin:0 auto;
	padding:5px;
	overflow-y: scroll;
}
#show_from_v td {border:1px solid gray; padding:5px;}
  .highcharts-credits{display: none;}
  
.highcharts-data-label text {
    fill: #333333;
    font-size: 12px !important;
}
.ervote{width:90%; margin:0 auto;
	padding: 10px 3px 10px 3px;
    color: red;
    border-radius: 3px;
    border: 1px solid red;
    text-align: center;
    font-weight: bold;


}
.poskazka{padding: 10px;
    border-radius: 5px;
    background-color: #f1e88b;
    margin-top: 5px;
	display:none;
	text-align: center;
	}
#like_button{height:25px;}


.circle {width:30px; height:30px; border-radius:30px; margin:0 auto;  background-color: #507e9e; text-align:center; cursor:pointer;}
.circle img{margin-top:8px; width: 15px;}
.rotate-v11 img{margin-top:8px; width: 15px;}
.backvote{   padding: 5px;    border-radius: 5px;    background-color: #e7e7e7;    width: 120px;
   text-align: center;    margin: 0 auto;    border: 1px solid #c5c5c5;    cursor: pointer;}
.v-result{text-align: center;    background-color: #507e9e;;    padding: 5px;    border-radius: 3px;    color:white;
    font-size: 15px;}
.res-title{padding:0px 0px 2px 0px; border-bottom:1px solid #b7b7b7; }
.res-title-1{margin:20px 0 20px 0; padding:3px 3px 0 3px; cursor:pointer;}
.res-title-1 a{color:black;}
.res-title-1 a:hover{color:#9c9fa5;}
.period{color: #3c5a9a;}
.period a{color: #3c5a9a;}
.main-res-v{width: 200px;   overflow: hidden;    padding-bottom: 5px;
    border-bottom: 2px solid #507e9e; padding-left: 5px;  height: 200px; background-color: #ececec; }
.vniz-v{width:200px; padding:5px;margin-top: 5px; cursor:pointer;   background-color: #dcdcdc;} 
.vniz-v div{width:20px; margin:0 auto;}
.rotate-v11{/* Rotate div */
    -ms-transform: rotate(180deg); /* IE 9 */
    -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
    transform: rotate(180deg);
	width:30px; height:30px; border-radius:30px; margin:0 auto;  background-color: #507e9e; text-align:center; cursor:pointer;
	}
.other-res{   display: none; }
.other-res span{margin-left:5px;}
#demo4{    margin-top: 5px; }
#get_other{width:250px;}
#get_other option{padding:5px;} 
.active-v-r{color:#ca6363 !important;}
.tit-v-r{text-align: center;    margin-top: 5px;    font-weight: bold;}
.newselect-inner{padding: 5px;    border: 1px solid #aba0a0;    border-radius: 3px;    width: 250px;    background-color: white; cursor:pointer; }
.newselect-inner span {margin-right:10px;}
.newselect-inner2{  padding: 5px;    background-color: white;    margin-top: 2px;    width: 250px;    border: 1px solid #aba0a0; display:none;     height: 350px;   overflow: auto; clear:both;}
.newselect-inner2 p{padding: 10px 0 10px 0;   border-bottom: 1px solid #ded7d7; cursor:pointer;}
.new-float{padding: 10px 0 10px 5px; border-bottom:1px dotted #ccc; cursor:pointer; background-color: rgba(231, 231, 231, 0.68);}
.new-float2{  padding: 5px; border-bottom:1px dotted #ccc;    width: 145px;}
.n-c{clear:both; height:3px;}
.n-content{width:750px; float:left;}
.n-content-right{width:180px;     float:right; padding:5px;} 
.bashka{margin-top: 11px;    font-weight: bold;    padding: 0 0 20px 5px; border-bottom:1px dotted #ccc; }
.attach-kabar{padding:5px !important; border:1px solid red; }
.attach-v div{margin-bottom:0px !important;}
.attach-v {width: 770px;}
.attach-title{margin-top:10px !important;}
.ervote{width:770px;   }

@media screen and (max-width: 800px) {
	#like_button{height:100px;}
	.main-res-v{width: 100% !important;} 
	#demo4{font-size: 20px;}
	.n-content{width:100% !important; float:none !important;}
	.n-content-right{width:100% !important; float:none !important;}
	.attach-v {width: 100%;} 
	.kg{ width:100% !important; float:none !important;}
	.vn{ width:100% !important; float:none !important;} 
	.ervote{width:100%;}
}