*{
 margin: 0;
 padding: 0;
 text-decoration:none;
font-family:Open-sans,'sans-serif';
}
body{
 background: url(/images/back.png) fixed no-repeat;
 text-decoration:none;
}



#page_aling{
 width: 1000px;
 margin: 200 auto;
 background: url(/images/pagebg.png); #fff;
 box-shadow: 0px 1px 3px #DDDDDD;
 -webkit-box-shadow: 0px 1px 3px #DDDDDD;
 -o-box-shadow: 0px 1px 3px #DDDDDD;
 -moz-box-shadow: 0px 1px 3px #DDDDDD;
position: relative;
}


#sidebar{
 width: 200px;
 float: left;

}

.cat{
font:Open Sans,sans-serif;
 color: #9fa2a3;
 font-size: 13px;
 margin-left: 6px;
}

#cat1{
font: Open Sans,sans-serif;
 margin-left: 6px;
 font-size: 11px;
 color:#afb0b0;
}

.top{
 font:Open Sans,sans-serif;
 color: #fff;
 font-size: 13px;
 margin-left: 6px;

}

.sb_stat{
background: url(/images/sb_top.png);
 line-height: 31px;
 width: 198px;
}

.sb_stat>i{
 background: url(/images/menu.png) no-repeat;
 display: block;
 height: 20px;
 float: right;
 width: 20px;
 margin-top: 6px;
 margin-right: 8px;
}


.sb_topp{
background: #59a6c9;
width: 198px;
overflow:hidden;
}

.sb_stat1{
background: #59a6c9;
width: 198px;
overflow:hidden;
}
.sb_opros{
background: url(/images/sb_header.png);
line-height: 31px;
width: 198px;

}
.sb_opros1{
 background: #e3e3e3;
width: 198px;
overflow:hidden;
}
.sb_opros>i{
 background: url(/images/menu.png) no-repeat;
 display: block;
 height: 20px;
 float: right;
 width: 20px;
 margin-top: 6px;
 margin-right: 8px;
}

.sb_header{
background: url(/images/sb_header.png);
line-height: 31px;
width: 198px;

}

.sb_nav ul{
 list-style: none;
 width: 198px;
}

.sb_nav ul li{
line-height: 30px;
 background: url(/images/sbn.png);
 ;
 
}

.sb_nav ul li a{
 text-decoration: none;
 color: #f7f7f7;
 font: Open Sans;
 display: block;
 
}
.sb_nav ul li a:hover{
 background: #67b0d1;
}

#cat1:hover{
 color: #ffffff; 
 display: block;
}

.sb_top{
background: url(/images/sb_top.png);
 line-height: 31px;
 width: 198px;
}

.sb_top>i{
 background: url(/images/menu.png) no-repeat;
 display: block;
 height: 20px;
 float: right;
 width: 20px;
 margin-top: 6px;
 margin-right: 8px;
}

.sb_header>i{
 background: url(/images/menu.png) no-repeat;
 display: block;
 height: 20px;
 float: right;
 width: 20px;
 margin-top: 6px;
 margin-right: 8px;
}

#content{
 float: right;
 width: 790px;
}


.clr{
 clear: both;
}

.b3radius{
 border-radius: 3px;
 -webkit-box-shadow: 0px 1px 3px #DDDDDD;
 -o-box-shadow: 0px 1px 3px #DDDDDD;
 -moz-box-shadow: 0px 1px 3px #DDDDDD;
}

.logo{
 border: none;
 float: left;
 color: #e6f1f6;
 margin-top: 20px;
 margin-right: 20px;
}


.logo a:hover{
 opacity: 0.8;
}
#header{
 height: 55px;
 background: #67b0d1;
}


.login{
 background: url(/images/login.png);
 float: left;
 margin-left:15px;
 margin-top: 12px;
 margin-right: 5px;
}

.login a:hover{
opacity: 0.1;
}

#fade{
 display: none;
 position: fixed;
 top: 0%;
 left: 0%;
 width: 100%;
 height: 100%;
 background-color: #000;
 z-index:1001;
 -moz-opacity: 0.7;
 opacity:.70;
 filter: alpha(opacity=70);
}
#light{
 display: none;
 position: absolute;

 left: 50%;
 width: 260px;
 height: 140px;
 margin-left: -150px;
 margin-top: -100px; 
 padding: 10px;
 border: 2px solid #ededed;
 background: #f2f2f2;
 z-index:1002;
 overflow:visible;
}



#header_nav{
 background: #67b0d1;
height: 55px;
 }

#header_nav ul{
 list-style: none;
} 

#header_nav ul li{
 float: left;
 border-right: solid 1px #7bbbd7;

}

#header_nav ul li:last-child{
 border-right: none;
}

#header_nav ul li:first-child{
 border-left: solid 1px #7bbbd7;

}

#header_nav ul li a{
 font-size: 13px;
 display: block;
 line-height: 54px;
 padding: 0 7px;
 color: #e6f1f6;
 text-decoration: none;
}
#header_nav ul li a:hover{
 background: #59a6c9;
}

#search{
margin-right: 17px;
margin-top: 12px;
width: 230px;
height: 33px;
border: none;
font-size: 13px;
float: right;
 }

 #search input {
float: right;
border: none;
width: 200px;
height: 33px;
}

#search .input {
padding: 0 57px 1px 21px;
background: #4c9dc1;
font: 13px Open Sans Italic;
width: 200px;
color: #6fc8f0;
 }

 #search .submit {
width: 10px;
 height: 12px;
 cursor: pointer;
 background: url(/images/search.png);
 margin-right: 184px;
 margin-top: -23px;
 }

.searchpng{
 float: right;
 margin-top: 26px;
}

.cell-poll{ 
 float:left; 
 width:198px; 
 color:#666; 
 padding: 10px 10px 10px 10px; 
} 

.cell-poll-title{ 
 float:left; 
 width:197px; 
 padding-bottom: 10px; 
 font:12px Open Sans, sans-serif; 
 text-align:center; 
 color:#777; 
} 

.cell-poll a {text-decoration:none; outline:none} 

.cell-poll-answers{ 
 float:left; 
 width:180px; 
 margin: 7px 0px 7px 0px; 
 text-align:left; 
 font:10px Open Sans, sans-serif; 
} 

.answer {display: block;} 

.answer input{margin: 2px 3px 2px 3px;} 
.answer label {margin: 2px 0px 2px 0px; color:#555;} 

.progress { 
 height: 10px; 
 overflow: hidden; 
 margin: 5px 2px 7px 0px; 
 height: 10px!important; 
 background: #F4F8F9!important; 
} 

.progress-0, 
.progress-1, 
.progress-2, 
.progress-3, 
.progress-4, 
.progress-5, 
.progress-6, 
.progress-7, 
.progress-8, 
.progress-9, 
.progress-10, 
.progress-11, 
.progress-12, 
.progress-13, 
.progress-14 { 
 height: 13px!important; 
 display: block!important; 
 overflow: hidden!important; 
 margin-top: -3px; 
} 

.progress-0 {background: #5D9AD3!important;} 
.progress-1 {background: #E96465!important;} 
.progress-2 {background: #F6954E!important;} 
.progress-3 {background: #dd8cd2!important;} 
.progress-4 {background: #75D0ED!important;} 
.progress-5 {background: #5BC254!important;} 
.progress-6 {background: #CFC72D!important;} 
.progress-7 {background: #DD3344!important;} 
.progress-8 {background: #FE9B6F!important;} 
.progress-9 {background: #8CC84B!important;} 
.progress-10 {background: #DD8CD2!important;} 
.progress-11 {background: #e9eb5b!important;} 
.progress-12 {background: #E96465!important;} 
.progress-13 {background: #75D0ED!important;} 
.progress-14 {background: #5D9AD3!important;} 

.pollBut{ 
 cursor:pointer; 
 border:none!important; 
 margin-top:10px; 
 background: #64b0db!important; 
 padding: 5px 20px 5px 20px!important; 

 font:10px Open Sans, sans-serif!important; 
 font-weight: bold!important; 
 color:#fff!important; 
} 

.pollBut:active {box-shadow:inset 0px 0px 3px #166693!important;} 
.pollBut:hover {background:#51a4d2!important;} 

.cell-poll-link{ 
 float:left; 
 width:180px; 
 padding-top: 7px; 
 border-top: 1px solid #B6C0CD; 
 
 font:9px Open Sans, sans-serif; 
 color:#999; 
} 

.cell-poll-link span{float:left;} 
.cell-poll-link b, 
.cell-poll-link a {float:right;} 
.cell-poll-link b {color:#B6C0CD;}


/* Новый вид информера популярных новостей 
------------------------------------------*/ 
#content_new_news { 
 width:192px; 
 overflow:hidden; 
 padding: 10px 0px 10px 0px; 
} 

#content_new_news a:link, 
#content_new_news a:visited {color:#fff;} 
#content_new_news a:hover {color:#59a6c9;} 
#content_new_news div { 
 float:left; 
 width:90px; 
 height:80px; 
 overflow:hidden; 
 position:relative; 
margin-top:5px;
 margin-left:5px;
 display:block;
} 

#content_new_news span { 
 float:left; 
 width:100%; 
 left: 0px; 
 bottom: 0px; 
 position:absolute; 
 background: url(/images/posttitle.png) repeat; 
 padding: 2px 5px 2px 5px; 
 font: 9px Open Sans, sans-serif; 
} 

.news_top7 { 
 float:left; 
 text-align:center; 
 width:230px!important; 
 height:85px!important; 
}


/*
Content-Type: multipart/related; boundary="_"

--_
Content-Location:1
Content-Type: image/png
Content-Transfer-Encoding:base64

iVBORw0KGgoAAAANSUhEUgAAAi4AAAAwCAYAAAA2CfEdAAAA/klEQVR4nO3YsQmAQAAEQRV7tT1bsRUDMdMWPnsWZiq4cLn1OK9vAQAI2GYPAAAYJVwAgAzhAgBkCBcAIEO4AAAZwgUAyBAuAECGcAEAMoQLAJAhXACADOECAGQIFwAgQ7gAABnCBQDIEC4AQIZwAQAyhAsAkCFcAIAM4QIAZAgXACBDuAAAGcIFAMgQLgBAxn4/7+wNAABDPC4AQIZwAQAyhAsAkCFcAIAM4QIAZAgXACBDuAAAGcIFAMgQLgBAhnABADKECwCQIVwAgAzhAgBkCBcAIEO4AAAZwgUAyBAuAECGcAEAMoQLAJAhXACADOECAGQIFwAgQ7gAABk/MXkGKVN0Y/AAAAAASUVORK5CYII=
--_
Content-Location:2
Content-Type: image/png
Content-Transfer-Encoding:base64

iVBORw0KGgoAAAANSUhEUgAAACoAAAAwCAYAAABnjuimAAAAYUlEQVRYhe3QsQmAQADAQBV3dT1XcRULsdMVvjgQITdByLztxzP9wPJ1wKhCtUK1QrVCtUK1QrVCtUK1QrVCtUK19bzurxuG/OZooVqhWqFaoVqhWqFaoVqhWqFaoVqh2guvlQYpeLBBqQAAAABJRU5ErkJggg==
--_--
*/

button {
border: 0 none;
cursor: pointer;
padding: 0 10px 0 0;
text-align: center;
height: 24px;
line-height: 24px;
width: auto;
font:12px Open Sans,sans-serif;
 margin-top:5px;
}

button.rounded {
background: transparent url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAwCAYAAABnjuimAAAAYUlEQVRYhe3QsQmAQADAQBV3dT1XcRULsdMVvjgQITdByLztxzP9wPJ1wKhCtUK1QrVCtUK1QrVCtUK1QrVCtUK19bzurxuG/OZooVqhWqFaoVqhWqFaoVqhWqFaoVqh2guvlQYpeLBBqQAAAABJRU5ErkJggg== ) no-repeat scroll right top;
clear: left;

}

button span {
display: block;
padding: 0 0 0 10px;
position: relative;
white-space: nowrap;
height: 24px;
line-height: 24px;
}

button.rounded span {
background: transparent url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAi4AAAAwCAYAAAA2CfEdAAAA/klEQVR4nO3YsQmAQAAEQRV7tT1bsRUDMdMWPnsWZiq4cLn1OK9vAQAI2GYPAAAYJVwAgAzhAgBkCBcAIEO4AAAZwgUAyBAuAECGcAEAMoQLAJAhXACADOECAGQIFwAgQ7gAABnCBQDIEC4AQIZwAQAyhAsAkCFcAIAM4QIAZAgXACBDuAAAGcIFAMgQLgBAxn4/7+wNAABDPC4AQIZwAQAyhAsAkCFcAIAM4QIAZAgXACBDuAAAGcIFAMgQLgBAhnABADKECwCQIVwAgAzhAgBkCBcAIEO4AAAZwgUAyBAuAECGcAEAMoQLAJAhXACADOECAGQIFwAgQ7gAABk/MXkGKVN0Y/AAAAAASUVORK5CYII= ) no-repeat scroll left top;
color: #FFFFFF;
}

button.rounded:hover {
background-position: 100% -24px;
}

button.rounded:hover span {
background-position: 0% -24px;
}

button::-moz-focus-inner {
border: none;
}

* html button.rounded span {
background-image:url('mhtml:path_to_mhtml/mhtml!1')
}

* html button.rounded {
background-image:url('mhtml:path_to_mhtml/mhtml!2')
}

*+html button.rounded span {
background-image:url('mhtml:path_to_mhtml/mhtml!1')
}

*+html button.rounded {
background-image:url('mhtml:path_to_mhtml/mhtml!2')
}


.news_block {
 background: url(/images/news_block_bg.png) repeat-y left;
 margin-bottom: 30px;
 }
 .nb_title, .b_title {
 background:url(/images/title_bg.png) repeat-x;
 line-height: 39px;
 color: #3eb1ea;
 font-size: 20px;
 padding: 0px 10px;
 margin-bottom: 15px;
 text-transform:uppercase;
 float:left;
 }
 .news {
 background-color: #efefef;
 padding: 10px 30px 10px 10px;
 margin-bottom: 15px;
 position:relative;
 height: 200px;
 margin-top:10px;
 }
 .news:hover {
 background: #e8e8e8;
 /* -webkit-box-shadow: 0px 0px 5px #999999;
 -moz-box-shadow: 0px 0px 5px #999999;
 box-shadow: 0px 0px 5px #999999;*/
 }
 .n_left {
 float:left;
 width: 150px;
 height: 200px;
 }
 .n_left img, .n_left img a {
 width:150px;
 height:200px;
 }
 .n_right {
 margin-left: 90px;
 cursor:pointer;
 padding:2px 5px;
 }
 .rel_news {
 margin-left: 0px;
 }
 h2.n_title {
 color: #00;
 font-size: 15px;
 margin-bottom: 4px;
 font: Open Sans,sans-serif;
 }
 .n_opt_block {
 position:absolute;
 top: -5px;
 right: -5px;px;
 }
 .n_com_num {
 background:url(/images/str_com.png) no-repeat bottom right;
 padding-bottom: 5px;
 }
 .n_com_num_in {
 background-color: #3eb1ea;
 padding: 4px;
 font-size: 18px;
 color: #fff;
 min-width: 15px;
 text-align:center;
 }
.textpost{
 font:13px Open Sans,sans-serif;
 margin-left:153px;
;
 
}

#news_full{
 background-color: #efefef;
 padding: 10px 30px 10px 10px;
 margin-bottom: 15px;
 position:relative;
 height: auto;
 margin-top:10px;
 }

#comm{
 background-color: #efefef;
 padding: 10px 30px 10px 10px;
 margin-bottom: 15px;
 position:relative;
 height: auto;
 margin-top:10px;
 }

 .fullvpict {width:770px;height:200px; margin:0 0 20px 0;padding:0;position: relative;}
 .fullvpict img {width:770px;height:200px;}
 .fullvpict span {height:40px; line-height:40px;padding:0 20px;background:rgba(0,0,0,0.7);position: absolute; bottom:10px; left: 10px;}
 .fullvpict span,.fullvpict span a {color:#fff;font-size:12px;font-family:"calibrii";} 
.fulldescrpition{
font:14px Arial;
}

.comment_over {margin-top:20px;padding-bottom:15px;border-bottom:1px solid #dedede} 
.comment {display:table;width:100%;} 
.comment_avatar {display:table-cell;vertical-align:top;width:64px;padding-right:15px} 
.comment_message {display:table-cell;vertical-align:top;text-align:left} 
.comment_rate {display:table-cell;vertical-align:top;text-align:center;width:80px} 
.comment_top {padding-top:2px;padding-bottom:7px;font-size:17px;line-height:20px} 
.comment_top a {text-decoration:none;color:#6c6c6c} 
.comment_top .comm_time {font-size:12px;color:#9c9c9c;display:inline-block;padding-left:10px} 
.comment_message_in {font-size:15px} 
.comment_over:hover .comment_answer_button a {display:inline-block} 
.comment_over:hover .c_rate_plus a, .comment_over:hover .c_rate_minus a {display:block} 
.comment_answer_button {margin-top:10px;height:24px} 
.comment_answer_button a {display:none;color:#666;font-size:13px;text-decoration:none;background:#efefef;padding:3px 10px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px} 
.comment_answer_button a:hover {color:#1d1d1d;text-decoration:none;background:#eaeaea;} 
.c_minus, .c_ziro, .c_plus {width:38px;padding:3px 0px;font-size:13px;text-align:center;font-weight:bold;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px} 
.c_minus {background:#ffcccc;color:#cc0000} 
.c_ziro {background:#cccccc;color:#FFF} 
.c_plus {background:#ccffcc;color:#009900} 
.c_rate_t {display:table;height:24px} 
.c_rate_plus {display:table-cell;vertical-align:top;width:22px;} 
.c_rate_minus {display:table-cell;vertical-align:top;width:22px;} 
.c_rate_count {display:table-cell;vertical-align:top;width:46px;padding-left:3px;text-align:center} 
.c_rate_plus a {width:18px;height:17px;display:none;color:rgba(0,0,0,0);font-size:0px;background:url('/images/like.png');margin-top:3px;opacity:0.5;position:absolute} 
.c_rate_minus a {width:18px;height:17px;display:none;color:rgba(0,0,0,0);font-size:0px;background:url('/images/unlike.png');margin-top:3px;margin-left:-5px;opacity:0.5;position:absolute} 
.c_rate_plus a:hover, .c_rate_minus a:hover {opacity:1}

::-webkit-scrollbar-button {
background-image:url('');
background-repat:no-repeat;
width:5px;
height:0px
}

::-webkit-scrollbar-track {
background-color:#ecedee
}

::-webkit-scrollbar-thumb {
-webkit-border-radius: 0px;
border-radius: 0px;
background-color:#67b0d1;
}

::-webkit-scrollbar-thumb:hover{
background-color:#59a6c9;
}

::-webkit-resizer{
background-image:url('');
background-repeat:no-repeat;
width:4px;
height:0px
}

::-webkit-scrollbar{
width: 10px;
}

/* Block Style */
.block_full {width:222px; border:1px solid #ddd; overflow:hidden; margin:0 0 8px 0;}
.block_full .block_title {background:#fbfbfb; border-top:1px solid #fff; border-bottom:1px solid #ddd; height:28px; line-height:28px; padding:0 5px 0 26px; font-weight:700; overflow:hidden;}
.block_full .block_cont {}
.block_full .block_bot {}
.block_full .subtitle {background:url(balbes_tpl/subtitle.png) no-repeat; height:31px; display:block; margin:-1px 0 0; line-height:25px; padding:0 5px 0 26px; overflow:hidden;}

.block_full.dark {border:1px solid #313436; background:#363a3c;}
.block_full.dark .block_title {background:#363a3c; border-top:1px solid #383c3e; border-bottom:1px solid #313436; color:#e1e1e1;}
.block_full.dark .subtitle {background-position:0 -31px; margin:0; position:relative; color:#e1e1e1; z-index:2;}
.block_full.dark .block_cont {margin:-6px 0 0 0; color:#fff;}
/* -------------- */

.today_game {margin:8px 25px 0; overflow:hidden;}
.today_game .waitbar {margin:2px 0 0 0;}
.today_game ul {border-left:3px solid #ababaa; padding:0 5px; margin:8px 0;}
.today_game ul li a {color:#7a91a1;}
.today_game ul li a b {color:#4d4d4e;}

.block_poster {position:relative; z-index:1;}
.block_poster ul {position:absolute; background:rgba(0,0,0,0.5); width:205px; padding:9px;}
.block_poster ul li a {color:#fff;}
.block_poster ul li a:hover {color:#88aec7;}
.block_poster ul li .right {position:relative;}
.block_poster img {width:222px; height:68px; border-bottom:1px solid #313436;}

.hidden, .block_cont {overflow:hidden;}

.catPages1 {color:#ffffff; border:1px;margin-bottom:10px;margin-top:10px;} 
.catPages1 a:link, 
.catPages1 a:visited, 
.catPages1 a:hover, 
.catPages1 a:active {text-decoration:none;color: #57caff;background:#f9f9f9;padding:3px 6px;font-size:11px;font-weight:bold;border:1px solid #57caff;} 
.catPages1 a:hover {background:#63ceff;color:#FFFFFF;font-weight:bold;border:1px solid #57caff;} 
.catPages1 b {text-decoration:none;background:#ffffff;padding:3px 6px;color:#c2efff;font-size:11px;border:1px solid #c2efff;} 

.pagesBlockuz1 {color:#ffffff;border:1px;margin-bottom:10px;margin-top:10px;} 
.pagesBlockuz1 a:link, 
.pagesBlockuz1 a:visited, 
.pagesBlockuz1 a:hover, 
.pagesBlockuz1 a:active {text-decoration:none;color: #57caff;background:#f9f9f9;padding:3px 6px;font-size:11px;font-weight:bold;border:1px solid #57caff;} 
.pagesBlockuz1 a:hover {background:#63ceff;color:#FFFFFF;font-weight:bold;border:1px solid #57caff;} 
.pagesBlockuz1 b {text-decoration:none;background:#ffffff;padding:3px 6px;color:#ccc;font-size:11px;border:1px solid #e6e6e6;} 

.pagesBlock1 {color:#EFEEEB;border:0px;margin-bottom:10px;margin-top:10px;} 
.pagesBlock1 a:link, 
.pagesBlock1 a:visited, 
.pagesBlock1 a:hover, 
.pagesBlock1 a:active {text-decoration:none;color: #57caff;background:#ffffff;padding:3px 10px;font-size:11px;font-weight:bold;} 
.pagesBlock1 a:hover {background:#63ceff;color:#FFFFFF;font-weight:bold;} 
.pagesBlock1 b {text-decoration:none;background:#ffffff;padding:3px 10px;color:#ccc;font-size:11px;} 

.catPages2 {color:#ffffff;border:1px;margin-bottom:10px;margin-top:10px;} 
.catPages2 a:link, 
.catPages2 a:visited, 
.catPages2 a:hover, 
.catPages2 a:active {text-decoration:none;color: #57caff;background:#f9f9f9;padding:3px 6px;font-size:11px;font-weight:bold;border:1px solid #57caff;} 
.catPages2 a:hover {background:#63ceff;color:#FFFFFF;font-weight:bold;border:1px solid #57caff;} 
.catPages2 b {text-decoration:none;background:#ffffff;padding:3px 6px;color:#ccc;font-size:11px;border:1px solid #e6e6e6;} 

.pagesBlockuz2 {color:#ffffff;border:1px;margin-bottom:10px;margin-top:10px;} 
.pagesBlockuz2 a:link, 
.pagesBlockuz2 a:visited, 
.pagesBlockuz2 a:hover, 
.pagesBlockuz2 a:active {text-decoration:none;color: #57caff;background:#f9f9f9;padding:3px 6px;font-size:11px;font-weight:bold;border:1px solid #57caff;} 
.pagesBlockuz2 a:hover {background:#63ceff;color:#FFFFFF;font-weight:bold;border:1px solid #57caff;} 
.pagesBlockuz2 b {text-decoration:none;background:#ffffff;padding:3px 6px;color:#ccc;font-size:11px;border:1px solid #e6e6e6;} 

.pagesBlock2 {color:#EFEEEB;border:0px;margin-bottom:10px;margin-top:10px;} 
.pagesBlock2 a:link, 
.pagesBlock2 a:visited, 
.pagesBlock2 a:hover, 
.pagesBlock2 a:active {text-decoration:none;color: #57caff;background:#ffffff;padding:3px 10px;font-size:11px;font-weight:bold;} 
.pagesBlock2 a:hover {background:#63ceff;color:#FFFFFF;font-weight:bold;} 
.pagesBlock2 b {text-decoration:none;background:#ffffff;padding:3px 10px;color:#ccc;font-size:11px;}

.profile-button { 
 position: fixed; 
 bottom: 0; 
 left: 0; 
 z-index: 1000; 
 margin: 1em; 
 padding:0.8em; 
 color: #7d8194; 
 text-align: center; 
 vertical-align: middle; 
 line-height: 2em; 
 font-size: 1.5em; 
 border: solid 2px #7d8194; 
 border-radius: 4px; 
 background: transparent; 
 -webkit-transition: background-color 0.5s, color 0.5s, width 0.5s, border-width 0.5s, border-color 0.5s; 
 transition: background-color 0.5s, color 0.5s, width 0.5s, border-width 0.5s, border-color 0.5s; 
} 
.profile-button span { 
 display: none; 
} 

.profile-button:hover { 
 background-color: #7d8194; 
 color: #fff; 
} 
.profile-wrap { 
 position: fixed; 
 z-index: 999; 
 background: #ebedf4; 
 -webkit-transition: width 0.3s, height 0.3s; 
 transition: width 0.3s, height 0.3s; 
 width: 0; 
 box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.298), 0px 0px 40px rgba(0, 0, 0, 0.102) inset; 
 height: 0; 
 font-size: 1.5em; 
 bottom: 1em; 
 left: 1em; 
 -webkit-transform-origin: 0% 100%; 
 transform-origin: 0% 100%; 
} 

@media screen and (max-width: 50em) { 
 .profile-button { 
 margin: 0.25em; 
 } 
 .profile-wrap { 
 bottom: 0.25em; 
 left: 0.25em; 
 } 
} 

.profile-content { 
 height: 100%; 
 opacity: 0; 
 color: #64697d; 
 text-align: right; 
} 

.profile { 
 display: inline-block; 
 line-height: 42px; 
 font-weight: 700; 
 padding: 1em; 
} 

.profile img { 
 float: right; 
 border-radius: 50%; 
 margin-left: 10px; 
 width: 42px; 
} 

.link-list { 
 padding: 1em 0; 
 margin: 0 0.5em; 
 border-bottom: 2px solid rgba(125,129,148,0.2); 
 border-top: 2px solid rgba(125,129,148,0.2); 
 text-align: left; 
} 

.link-list a { 
 display: block; 
 color: #7d8194; 
 text-decoration: none; 
 padding: 0.5em 1em; 
} 

.link-list a:hover, 
.link-list a:focus { 
 color: #64697d; 
} 

.link-list a span { 
 margin-left: -1px; 
 vertical-align: middle; 
} 
.icon-list { 
 position: absolute; 
 right: 1em; 
 bottom: 0.2em; 
} 

.icon-list a { 
 font-size: 1.5em; 
 margin-left: 0.25em; 
 color: rgba(125,129,148,0.5); 
} 
.icon-list a:hover { 
 color: rgba(125,129,148,0.7); 
} 
.profile-show .profile-wrap { 
 max-width: 17em; 
 width: auto; 
 height: auto; 
 padding-bottom: 40px; 
 -webkit-animation: anim-jelly 0.8s linear forwards; 
 animation: anim-jelly 0.8s linear forwards; 
 border-radius: 4px; 
} 

.profile-show .profile-content { 
 opacity: 1; 
 -webkit-transition: opacity 0.3s 0.3s; 
 transition: opacity 0.3s 0.3s; 
} 
.profile-show .profile-button { 
 background-color: rgba(204, 204, 204, 0); 
 color: #B4B7C4; 
 border: 2px solid rgba(204, 204, 204, 0); 
} 
.profile-content #uidLogForm {padding: 10px;} 
.profile-content #uidLogForm a.login-with i { 
 width: 25em !important; 
 height: 4em !important; 
 background-size: 100% 90% !important; 
 border-radius: 4px !important; 
}


 .textbox { 
 background: white; 
 border: 1px solid #DDD; 
 border-radius: 5px; 
 box-shadow: 0 0 5px #DDD inset; 
 color: #666; 
 outline: none; 
 height:25px; 
 width: 275px; 
 } 

/*== PROFILE PAGE ==*/ 
.profile-top {width: 100%; height: 250px; position: relative;} 
.profile-top .shadow {background: rgba(40, 40, 40, 0.8); width: 100%; height: 250px; position: absolute; top: 0; right: 0;} 
.profile-top .inbox {width: 968px; margin-left: -500px; padding: 38px 16px; position: absolute; top: 0; left: 50%;} 
.profile-top .avatar img {width: 150px; height: 150px; float: left;} 
.profile-top .title {margin: 0 0 20px 40px; font: 12px 'Gotham Pro Medium'; color: #a9a9a9; font-weight: bold;} 
.profile-top ul.contacts {margin-left: 40px; color: #a9a9a9;} 
.profile-top ul.contacts li {border-bottom: 1px solid rgba(255, 255, 255, 0.05); line-height: 36px; overflow: hidden;} 
.profile-top ul.contacts li:last-child {border: 0 none;} 
.profile-top ul.contacts li div {width: 180px; float: left;} 
.profile-top .status {height: 40px; line-height: 21px; font-size: 7pt; color: #c84e4e; text-align: right;} 
.profile-top .activity {margin-left: 8px;} 
.profile-top .activity a {display: block; border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 2px; width: 100px; height: 55px; margin-left: 8px; color: #a9a9a9; text-align: center; text-decoration: none; float: left;} 
.profile-top .activity a:hover {border: 1px solid rgba(255, 255, 255, 0.2); color: #d5d5d5;} 
.profile-top .activity div {margin-top: 11px; font-size: 12pt; font-weight: bold;} 
.profile-top a.send-message {display: block; background: #8db664; border-radius: 32px; width: 120px; line-height: 30px; margin: 0 0 23px 108px; color: #fff; text-decoration: none; text-align: center;} 
.profile-top .no-send-message {width: 120px; height: 30px; margin: 0 0 23px 0;} 

.profile-title {border-radius: 2px 2px 0 0; width: 1000px; margin-left: -500px; position: absolute; top: -24px; left: 50%;} 
.profile-title .left {background: #fff; width: 690px; border-bottom: 1px solid #e7e7e7; border-radius: 2px 0 0 0; padding-left: 22px;} 
.profile-title .name {font: 9.5pt/46px 'Gotham Pro Medium'; float: left;} 
.profile-title .right {background: #f7f7f7; border-radius: 0 2px 0 0; width: 285px;} 
.profile-title .right div {background: #fff; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08); padding-left: 22px; font: 9.5pt/46px 'Gotham Pro Medium';} 

.profile-moder {float: right; position: relative;} 
.profile-moder a {display: block; background: url('/images/profile-moder-icon.png') no-repeat 5px 5px; border: 1px solid #e7e7e7; border-radius: 50%; width: 28px; height: 28px; margin: 8px 22px 0 0;} 
.profile-moder a:hover {background: url('/images/profile-moder-icon.png') no-repeat 5px 5px #f3f3f3;} 
.profile-moder a:active, .profile-moder a.active {background: url('/images/profile-moder-icon.png') no-repeat 5px 5px #f3f3f3; box-shadow: inset 0 3px 3px rgba(0, 0, 0, 0.03);} 
.profile-moder .sub {display: none; background: #fff; width: auto; padding: 15px; position: absolute; top: 52px; right: 23px; z-index: 1;} 
.profile-moder .sub a {display: inline; background: transparent; border: 0 none border-radius: 0; width: auto; height: auto; margin: 0;} 
.profile-moder .sub select {display: block; margin-bottom: 10px;} 

.activation-mail {background: url('/images/bg-pic-1.png'); border-bottom: 1px solid #e7e7e7; margin: 23px -15px -20px; padding: 10px 22px 12px;} 
.activation-mail ul {width: 500px; float: left;} 
.activation-mail ul li {font-size: 7pt; color: #949494;} 
.activation-mail ul li:first-child {margin-bottom: 8px; font: 9.5pt 'Gotham Pro Medium'; color: #000; font-weight: bold;} 
.activation-mail a {display: block; background: #94c886; border-radius: 32px; line-height: 30px; margin-top: 16px; padding: 0 16px; color: #fff; text-decoration: none; float: right;} 
.activation-mail a:hover {background: #8cbf7f;} 
.activation-mail a:active {box-shadow: inset 0 3px 3px rgba(0, 0, 0, 0.03);} 

ul.profile-list {margin: 23px 7px 0px 7px;} 
ul.profile-list li {border-bottom: 1px solid #e7e7e7; line-height: 42px; padding: 0; overflow: hidden;} 
ul.profile-list li:last-child {border: 0 none;} 
ul.profile-list li div {width: 280px; float: left;} 
ul.profile-list li span {font-size: 7pt; color: #949494;} 

.reputation {margin: 37px 22px 15px 22px;} 
.reputation .negative {background: #fff; border: 1px solid #ededed; width: 166px; line-height: 25px; margin-left: 8px; text-align: center;} 
.reputation .number {background: #fff; border: 1px solid #ededed; width: 166px; line-height: 25px; margin-left: 8px; text-align: center;} 
.reputation a.edit {display: block; width: 17px; line-height: 17px; margin-top: 5px; font-size: 10pt; color: #fff; text-align: center; text-decoration: none;} 
.reputation a.edit.left {background: #c84e4e;} 
.reputation a.edit.right {background: #8db664;} 

.activity-load {max-height: 251px;} 
.activity-load#matactive-get #matactive {display: block!important;} 
.activity-load .author-short {border-bottom: 1px solid #e7e7e7; padding: 12px 22px; color: #949494;} 
.activity-load .author-short:nth-of-type(4) {border: 0 none;} 
.activity-load .author-short ul li {line-height: 19px;} 
.activity-load .author-short ul li a {font: 9pt 'Gotham Pro Medium'; font-weight: bold;} 
.activity-load .author-short ul li:last-child {font-size: 7pt; color: #949494;} 
.activity-load .author-short ul li:last-child span {margin-right: 20px;} 
.activity-load .author-short ul li:last-child span:nth-of-type(2) {margin: 0;} 
/* ======= */