h1.inner-title {
 color:#2fa4e9;
}
p.inner-title {
 color:#2fa4e9;
}
.inner-title a{
color:#2fa4e9;
text-decoration: none;
}
a.inner-link {
 color:#2fa4e9;
}
a.inner-link:hover {
 color:#9865a8;
}
input {
	border:1px solid #2fa4e9;
}
textarea{
border:1px solid #2fa4e9;
resize: none;}
.comment_user a{
	color: #2fa4e9;
}
/*---------------main-table----------*/
.main-table {
}

/*---------------main-top----------*/
.search {
 float:left;
 margin-right:15px;
 border:1px solid darkgrey;
 margin-top:3px;
 background: url('../images/blue/search.png') no-repeat 1px 1px;
 text-indent:20px;
 color: #2fa4e9;
 width:125px;
 outline:none;
}

.top-menu {
  float:left;
}
.top-menu td {
}
.top-menu td > a {
 background-color:#2fa4e9;
}
.top-menu td > a:hover {
 background-color:#9865a8;
cursor: pointer;
}

.top-menu td > a#email {
 background-color:#ffffff;
padding-top: 0px;
}

.top-menu td > a:hover#email {
 background-color:#ffffff;
cursor: pointer;
padding-top: 0px;
}

.no_active{
	background-color:#C4C1C5 !important; 
	cursor:default;
}
.top td>a{
	background-color:#2fa4e9;
	 text-decoration: none;
	text-transform: uppercase;
	font-size: 15px;
	padding: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
	color: white;
	margin-right: 3px;
}
.top td > a:hover{
	background-color:#9865a8;
}
.top td >center>a:hover{
	background-color:#9865a8;
}
.top td>center>a{	
	background-color:#2fa4e9;
	 text-decoration: none;
	text-transform: uppercase;
	font-size: 15px;
	padding: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
	color: white;
	margin-right: 3px;
}
.top td {
	height:26px;
	padding-top:10px;
}

.logotip {
  float:left;
}

.logotip img{
  height: 110px;
  width: 350px;
}

.logo {
}
.logo:hover {
 color:#9865a8;
}
.logo > p{
}
.logo > img {
}

/*---------------profile-card----------*/
.new_fr{
	float: right;
	font-family: 'Tahoma';
	font-weight: 627;
	color: white;
	font-size: small;
}

.profile-avatar > div {
 background-color:#2fa4e9;
 cursor:pointer;
}
.profile-avatar > div:hover {
 background-color:#9865a8;
}

.profile-control {
 width:106px;
}
.profile-control > a {
 background-color:#2fa4e9;
}
.profile-control > a:hover {
 background-color:#9865a8;
}
/*---------------info----------*/
.info-content {
 padding-left:10px;
 text-align:left;
}
/*---------------auth-module---------*/

div#auth-conteiner form > input#button, input#regist-button {
	background-color:#2fa4e9;
}
div#auth-conteiner form > input#button:hover, input#regist-button:hover {
	background-color:#9865a8;
}
.register-form td#up-delimeter {
	border-bottom:1px solid #2fa4e9;
}

.batton_st{
	height:26px;
	background-color:#2fa4e9;
	color:white;
	text-transform:uppercase;
	border:0px;
	cursor:pointer;
	text-decoration: none;
	}
.batton_st:hover{
	background-color:#9865a8;
}
/*---------------card-template----------*/

span.card-value {
}
div#card {
  background-color: #2fa4e9;
}
div#card > div {
}
/*---------------work-area----------*/
div#work-place {
	border-left:1px solid lightgrey;
}
/*---------------popup-window----------*/
.popup_overlay {
    display:none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    text-align: center;
	background: rgba(255,255,255,.7);
    }
.popup_overlay:after {
    display: inline-block;
    height: 100%;
    width: 0;
    vertical-align: middle;
    content: '';
}
.popup {
    display: inline-block;
    position: relative;
    max-width: 85%;
    padding: 20px;
    border: 1px solid red;
    
    background: #fff;
    vertical-align: middle;
    }
.popup #popup-work {
	max-height:500px;
	overflow:auto;
	overflow-x:hidden;
}
/*---------------loadign----------*/
table#loading td.loading-cell div {
	background-color:#9865a8;
}
/*--------------register------------*/
input#regist {
	width:200px;
	color:grey;
	
}
div#checkbox {
	width:11px;
	height:11px;
	border:1px solid #2fa4e9;
	padding-left:3px;
	padding-top:3px;
	cursor:pointer;
	float:left;
	margin-right:10px;
	margin-top:3px;
}
div#checkbox:hover {
	border:1px solid #9865a8;
}
div#checkbox > div {
	width:8px;
	height:8px;
	display:none;
	background-color:#2fa4e9;
}
div#checkbox > div:hover {
	background-color:#9865a8;
}

select {
	height:26px;
	color:white;
	cursor:pointer;
	text-transform:uppercase;
	background-color:#2fa4e9;
	background-image: url(/images/select-arrow.png);
	background-repeat: no-repeat;
	background-position: left;
	border:0;
	padding:0;
	padding-left:10px;
	padding-top:0px;
	-webkit-appearance: none;
}
select option:focus {
	background-color:#2fa4e9;
}

select#regist::-ms-expand {
    display: none;
}
input#regist-button {
	display:block;
	width:210px;
	height:26px;
}
.register-form td#up-delimeter {
	padding-bottom:10px;
	margin-bottom:10px;
}
.register-form td#down-delimeter {
	padding-top:10px;
}
td#regist-button {
	padding-top:10px;
	text-align:center;
}
div.style-select {
	display:block;
	float:left;
	overflow:hidden;
	margin-right:7px;
	vertical-align:middle;
	padding:0px;
}
/*-------user spisok-------*/
	a.users-list-profile {
		display:block;
		width:340px;
		height:100px;
		color:black;
	}
	a.users-list-profile:hover {
		background-color:#9865a8;
		color:white;
	}
	a.users-list-profile > div {
		float:left;
	}
	a.users-list-profile > div#ava {
		width:100px;
		height:100px;
                background-size: 100% 100%;
		margin-right:3px;
		background-image:url(/images/default-avatar-100x100.png);
		background-color:#2fa4e9;
	}
	a.users-list-profile > div#content {
		padding-left:3px;
		font-size:14px;
		height:100px;
		width:210px;
	}
	a.users-list-profile > div#content span#name {
		font-weight:700;
	}


#parent_popup {
  background: #000;
  height: 100%;
  opacity: 0.9;
  position: fixed;
  width: 100%;
  z-index: 100;
  top: 0;
  left: 0;
}
#popup {
  background-color: #ffffff;
  height: 200px;
  position: fixed;
  top: 100px;
  left: 40%;
  color: #f00;
  width: 300px;
}



#modal_form {
	width: 300px; 
	height: 300px; /* Размеры должны быть фиксированы */
	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; /* в обычном состоянии её нет) */
}

.about_me {

    width: 500px;
}
.lang_user {

    width: 500px;
}
#rec {
color:#2fa4e9;
text-decoration: none;
}  

#anagramm {
color:blue;
font-size: 34px;
font-family:verdana;
font-weight:normal;
}

#rating {
color:red;
font-size: 16px;
font-weight:bold;
}

Alert{
font-size: 14px;
}

#img_email {
	margin-bottom:15px;
}

.comment-form-author label, .comment-form-email label, .comment-form-theme label, .comment-form-url label, .comment-form-captcha label{
	color:#212121;
	margin-left:10px; 
	font-size:16px; 
	font-family:Tahoma;
}

#commentform p{
	margin-bottom:10px;
}

#author, #theme, #email, #url{
	border:1px solid #9e9c9c;
	height:22px;
	width:285px;
	padding:0 5px;
	color:#313131;
	font-family:Tahoma;
}

.comment-form-author label, .comment-form-email label, .comment-form-theme label, .comment-form-url label, .comment-form-captcha label{
	color:#212121;
	margin-left:10px; 
	font-size:16px; 
	font-family:Tahoma;
}

#comment{
	border:1px solid #bbb;
	height:150px;
	width:605px;
	padding:2px 5px;
	color:#313131;
	font-size:16px; 
	font-family:Tahoma;
}

.comment-form-captcha{
	margin:0 0 15px;
	height:43px;
}

.comment-form-captcha #email{ 
	width:130px;
	margin:19px 0 0;
}

.comment-form-captcha img{
	margin:0;
}

.comment-form-captcha .numb{
	width:128px;
	float:left;
	margin:0 25px 0 0;
}

#submit{
	border:0;
	background:#2fa4e9; 
	width:295px;
	height:30px;
	color:#fff;
	font-family:Tahoma;
	font-size:16px;
	font-weight:normal;
        text-transform: uppercase;
}

#submit:hover{
	background:#9865a8; 
	color:#fff;
	cursor:pointer;
}

