/*

  RadioAfrica!
  http://rafrica.net/
  
*/

* {
  padding: 0;
  margin: 0;
}
ul, ol {
  list-style: none;
}
img {
  border: none;
}

/* general */

html, body {
  height: 100%;
}
body {
  font: 12px Tahoma, Arial, Helvetica, sans-serif;
  color: #333;
  background: #F7F8F9;
}

h1, h2, h3, h4, h5, h6 { font: normal 18px Verdana; color: #333; }
h1 { font-size: 22px; line-height: 26px; margin-bottom: 10px; }
h2 { font-size: 20px; line-height: 24px; margin-bottom: 7px; }
h3 { font-size: 18px; line-height: 22px; margin-bottom: 5px; }
h4 { font-size: 18px; line-height: 22px; margin-bottom: 5px; }
h5 { font-size: 18px; line-height: 22px; margin-bottom: 5px; }
h6 { font-size: 18px; line-height: 22px; margin-bottom: 5px; }

a {
  color: #609ad0;
}
a:hover {
  text-decoration: none;
}

.voting a {
  outline: none;
}

h1 span { color: #ccc; }

/* main blocks */

#container {
  min-width: 900px;
}
#header {
  height: 90px;
  clear: both;
  overflow: hidden;
  background: #000 url(../images/header_top.jpg) center no-repeat;
}
#nav {
  clear: both;
  background: #DEF;
}
div#nav a {
  outline: none;
}
#wrapper {
  overflow: hidden;
  margin-bottom: 30px;
  padding: 20px 46px 30px 20px;
}
#content {
  width: 67%;
  background: #FFF;
  float: left;
  clear: left;
  padding-top: 20px;
  padding-bottom: 20px;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  border: 1px solid #EEE;
}
#sidebar {
  width: 31%;
  float: left;
  margin-left: 1%;
  margin-top: -2px;
}

#footer {
  clear: both;
  background: url(../images/footer_line45.gif) repeat-x;
  border-top: 1px solid #999;
  padding: 8px 30px;
  color: #999;
  overflow: hidden;
}
#CoolTipOnRA {
  position: absolute;
  //background: transparent url(../images/ny.png) left top no-repeat;
  top: -20px;
  // remove -
  left: -132px;
  z-index: 1;
  height: 82px;
  width: 85px;
}

.update-hide { padding: 20px 16px 30px 20px !important; }
.white-back {
  margin: 0 20px 30px 20px;
  padding-bottom: 15px;
  padding-left: 20px;
}
.white-back #content {
  clear: none;
  padding-top: 0;
}
.page-talk { padding-left: 3px !important; margin-right: 50px !important; }


/* Forms */

label { margin-bottom: 2px; }
form p { margin-bottom: 20px; }
form .note { float: right; font-size: 11px; }
form .buttons { overflow: hidden; }
form .right { float: right; font-size: 18px; font-family: Tahoma; color: #333; padding: 5px; }
textarea {
  width: 99.4%;
  height: 250px;
  margin-bottom: 10px;
  border: 1px solid #AAA;
  padding: 1px;
}

textarea.small { width: 300px; height: 70px; margin-bottom: 5px; }
select { width: 99%; }
.w50 { width: 50px; }
.w70 { width: 70px; }
.w100 { width: 100px; }
.w200 { width: 200px; }
.w300 { width: 300px; }
.w100p { width: 99%; }
.radio { position: relative; top: 2px; }
.checkbox { position: relative; top: 2px; margin-left: 0; }
.form-tags { padding: 10px; background: #fafafa; color: #999; }
.form-tags input { width: 99%; }
.form_note { font-size: 11px; color: #aaa; }


/* Header */

#header div.LogoContainer {
  float: left;
  margin: 23px 0 0 25px;
}
#header div.LogoContainer a {
  color: #39F;
  text-decoration: none;
  font: normal 28px Arial, Sans-Serif;
  outline: none;
}
div.strRadio {
  font-weight: bold;
  display: inline-block;
}
div.strAfrica {
  color: #FFF;
  display: inline-block;
}
#header div.LogoContainer a div.SubInfo {
  font-size: 10px;
  font-weight: bold;
  font-family: Verdana;
  margin: -6px 0 0;
}
#header div.LogoContainer a div.SubInfo span {
  color: #FFF;
}

/* Main Navigation */

#header div.TopMenuControlsCntainer {
  margin: 32px 205px;
  text-align: center;
}

#header div.TopMenuControlsCntainer .nav-main {
  overflow: hidden;
}

#header div.TopMenuControlsCntainer .nav-main li {
  font-size: 18px;
  border-radius: 12px;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  -khtml-border-radius: 12px;
  padding: 1px 14px;
  display: inline-block;
}

#header div.TopMenuControlsCntainer .nav-main li:hover {
}

#header div.TopMenuControlsCntainer .nav-main li a {
  color: #FEFEFE;
  text-decoration: none;
  outline: none;
}

#header div.TopMenuControlsCntainer .nav-main li.active {
  background: rgba(90, 150, 200, 0.6);
  margin: -2px 0;
}

#header div.TopMenuControlsCntainer .nav-main li.active a {
  color: #FFF;
  font-size: 22px;
  line-height: 22px;
  text-decoration: none;
}
#header div.TopMenuControlsCntainer .nav-main li.active a:hover {
  color: #111;
  text-decoration: none;
}
#header div.TopMenuControlsCntainer .nav-main li a:hover {
  color: #C00;
  text-decoration: none;
}

/* Profile */

#sidebar .profile a {
  outline: none;
}

#sidebar .profile a.avatar {
  display: block;
  width: 64px;
  height: 64px;
  float: right;
  margin: 9px 9px 0;
}
#sidebar .profile a.avatar img {
  width: 64px;
  height: 64px;
}

#sidebar .profile ul {
  font-size: 12px;
  padding-right: 7px;
  color: #333;
}

#sidebar .profile ul li {
  line-height: 17px !important;
}

#sidebar .profile ul li a.author {
  text-decoration: underline;
}

#sidebar .profile ul li a.message {
  background: url(../images/msg_up.gif) no-repeat left center transparent;
  padding: 0 0 0 26px;
}

#sidebar .profile ul li a.message-empty, .pagePeopleMail {
  background: url(../images/msg_no.png) no-repeat 1px center transparent;
  padding: 0 0 2px 26px;
}

#sidebar .profile ul li a:hover {
  color: #665;
  text-decoration: none;
}

#sidebar .profile.guest { width: 235px; text-align: left; padding-top: 31px; padding-right: 0; color: #ddd; }
#sidebar .profile.guest a { font-size: 18px; color: #333; outline: none; line-height: 20px; }
#sidebar .profile.guest a.reg { font-size: 16px; }



/* Navigation
-------------------------------------------------------------------*/
#nav {
  height: 80px;
  background: #FFE4B5 url(../images/bgnavfone.png) repeat-x;
  overflow: hidden;
  -moz-border-radius-bottomright: 22px;
  -moz-border-radius-bottomleft: 22px;
  -webkit-border-bottom-left-radius: 22px;
  -webkit-border-bottom-right-radius: 22px;
  padding-left: 16px;
  padding-right: 16px;
  text-shadow: 0 0 24px #EFE, 0 0 4px #EFE, 1px 1px 2px #222;
}

#nav .write {
  float: left;
  padding: 28px 10px;
  width: 150px;
}

/* Navigation of Blog */

.menu {
  float: left;
  font-size: 14px;
  padding: 10px 0 0 35px;
}

.menu li {
  float: left;
  padding: 5px 10px 7px;
  color: #3B3;
}
.menu li a {
  color: #555;
  text-decoration: none;
}
.menu li a:hover {
  color: #333;
}
.menu li.active {
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  background: #EFD4A5;
  position: relative;
}
.menu li.active a { color: #555; }
.menu li.active a:hover { color: #333; }


/* Sub-navigation of Blog */
.sub-menu {
  position: absolute;
  top: 33px;
  left: 0px;
  width: 630px;
  font-size: 12px;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
}
.sub-menu li {
  margin-right: -20px;
  padding: 5px 40px 6px;
  background: #EFD4A5;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
}
.sub-menu li.active {
  background: #CFB485;
  text-align: center;
  padding: 5px 15px 6px;
}
.sub-menu li.active div {
  float: left;
}

/* Search */
#nav .search {
  width: 214px;
  float: right;
  padding-top: 11px;
  padding-right: 3px;
}
#nav .search form { width: 214px; position: relative; }
#nav .search input {
  border: 0;
  margin: 0;
  position: absolute;
}
#nav .search .text {
  width: 170px;
  padding: 5px 0 6px 15px;
  font: normal 12px Verdana, Sans-Serif;
  color: #777;
  border-radius: 12px;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  -khtml-border-radius: 12px;
  background: #FFF;
}


/* Extra
-------------------------------------------------------------------*/
#extra { clear: both; padding-left: 60px; margin-top: 10px; }
#extra a { background: url(../images/icons.gif) no-repeat scroll 0 -165px; color: #aaa; padding-left: 12px; }



/* Topic */

.topic {
  padding-left: 40px;
  padding-right: 30px;
  font-size: 13px;
  overflow: hidden;
  position: relative;
  margin-bottom: 30px;
  border-bottom: 1px dotted #EEE;
  background: url(../images/ralogobg.png) no-repeat right top transparent;
}
.topic.EachSecondTopic {
  background: none;
}
.topic.NoBGImage {
  background: none;
}
.topic h1.title {
  margin-bottom: 5px;
}

div.topic div.content noindex a {
}

/* Add to Favorite Icon */
.topic .favorite {
  position: absolute;
  top: 7px;
  left: 12px;
}
.topic .favorite a { background: url(../images/icons.gif) no-repeat 0 -40px; display: block; height: 16px; width: 20px; outline: none; }
.topic .favorite a:hover { background: url(../images/icons.gif) no-repeat -20px -40px; }
.topic .favorite.active a { background: url(../images/icons.gif) no-repeat -20px -40px; }
.topic .favorite.fav-guest a { background: url(../images/icons.gif) no-repeat 0 -40px; cursor: default; }
.topic .favorite.fav-guest a:hover { background: url(../images/icons.gif) no-repeat 0 -40px; cursor: default; }

/* Actions */
.topic .action { overflow: hidden; margin-bottom: 20px; }
.topic .action li { float: left; margin-right: 3px; }
.topic .action li a { color: #aaa; outline: none; }
.topic .action li.rss a { display: block; height: 10px; width: 10px; background: url(../images/icons.gif) no-repeat scroll -70px -250px; margin-top: 5px; }
.topic .action li.plus a { display: block; height: 10px; width: 10px; background: url(../images/icons.gif) no-repeat scroll -30px -250px; margin-top: 5px; }
.topic .action li.plus a:hover { background: url(../images/icons.gif) no-repeat scroll -40px -250px; }
.topic .action li.join a { display: block; height: 10px; width: 10px; background: url(../images/icons.gif) no-repeat scroll 0 -250px; margin-top: 5px; }
.topic .action li.join a:hover { background: url(../images/icons.gif) no-repeat scroll -10px -250px; }
.topic .action li.join-active a { background: url(../images/icons.gif) no-repeat scroll -10px -250px; }
.topic .action li.edit a { background: url(../images/edit.gif) no-repeat 0 1px; padding-left: 15px; margin-left: 10px; text-decoration: none; font-size: 11px; color: #70aae0; }
.topic .action li.delete a { background: url(../images/delete.gif) no-repeat 0 1px; padding-left: 15px; margin-left: 5px; text-decoration: none; font-size: 11px; color: #f00; }
.topic .action li a:hover { text-decoration: underline; }

/* Tags of Topic */
.topic .tags { background: url(../images/icon-tag.gif) no-repeat 0px 6px; padding-left: 22px; margin-bottom: 3px; clear: both; }
.topic .tags li { display: inline; color: #777; }
.topic .tags li a { text-decoration: none; color: #777; }
.topic .tags li a:hover { background: #777; color: #fff; }

/* RA MOD GURU Tags */

.topic .FromGuru li {
  display: inline;
  color: #777;
}

.topic .FromGuru li a {
  text-decoration: none;
  color: #777;
}

.topic .FromGuru li a:hover {
  background: #777;
  color: #FFF;
}

.topic .FromGuru li:first-child {
  background: transparent url(../images/guruinfo.png) no-repeat 2px 10px;
  padding: 6px 22px;
  margin: 5px 0 0;
  width: 12px;
  height: 12px;
}

/* Vote Block */

.topic .voting {
  padding: 10px 0;
  overflow: hidden;
}
.topic .voting li { float: left; color: #777; }
.topic .voting li a { text-decoration: none; outline: none; }
.topic .voting li a:hover { background: #777; color: #fff; }
.topic .voting li.author {
  margin: 0 10px;
  color: #999;
  text-decoration: none;
  background: url(../images/icons.gif) no-repeat scroll 0 -105px;
  padding-left: 13px;
}
.topic .voting li.author a {
  font-weight: bold;
  padding: 0 2px;
}
.topic .voting li.date {
  color: #999;
  font-size: 11px;
  margin-right: 20px;
  margin-top: 2px;
}
.topic .voting li.link { color: #999; font-size: 11px; margin-right: 20px; background:url(../images/link_url.gif) center left no-repeat;padding-left: 15px;}

.topic .voting li.plus { margin-right: 5px; }
.topic .voting li.total { margin-right: 5px; color: #aaa; }
.topic .voting li.total a:hover, .topic .voting li.total a { background: #fff; color: #aaa; }
.topic .voting li.minus { margin-right: 20px; }
.topic .voting li.plus a { background: url(../images/icons.gif) no-repeat scroll 0 -90px; float: left; display: block; height: 11px; margin-top: 3px; text-decoration: none; width: 9px; }
.topic .voting li.plus a:hover { background: url(../images/icons.gif) no-repeat scroll -40px -90px; }
.topic .voting li.minus a { background: url(../images/icons.gif) no-repeat scroll -10px -90px; float: left; display: block; height: 11px; margin-top: 4px; text-decoration: none; width: 9px; }
.topic .voting li.minus a:hover { background: url(../images/icons.gif) no-repeat scroll -70px -90px; }

.topic .voting.voted li.plus a { cursor:default; background: url(../images/icons.gif) no-repeat scroll 0 -90px; }
.topic .voting.voted li.minus a { cursor:default; background: url(../images/icons.gif) no-repeat scroll -10px -90px; }

.topic .voting.plus li.plus a { background: url(../images/icons.gif) no-repeat scroll -40px -90px; }
.topic .voting.minus li.minus a { background: url(../images/icons.gif) no-repeat scroll -70px -90px; }
.topic .voting.guest li.plus a { background: url(../images/icons.gif) no-repeat scroll 0 -90px; cursor: default; }
.topic .voting.guest li.minus a { background: url(../images/icons.gif) no-repeat scroll -10px -90px; cursor: default; }
.topic .voting.positive .total { color: #390 !important; }
.topic .voting.negative .total { color: #f00 !important; }

.topic .voting.minus li.plus a:hover { background: url(../images/icons.gif) no-repeat scroll 0 -90px; }
.topic .voting.plus li.minus a:hover { background: url(../images/icons.gif) no-repeat scroll -10px -90px; }

.topic .voting li.comments-total a { font-size: 11px; }
.topic .voting li.comments-total a span { padding: 0 2px; }
.topic .voting li.comments-total a span.green {
  color: #390;
}
.topic .voting li.comments-total a span.red {
  color: #F21;
}
.topic .voting li.comments-total a div.CommentLogo {
  background: url(../images/new_comment_16.png) no-repeat left center transparent;
  margin: 2px 0 0 8px;
  padding-left: 20px;
}
.topic .voting li.comments-total a:hover span {
  background: #390;
  color: #FFF;
}
.topic .voting li.comments-total a:hover span.red {
  background: #F21;
}

/* social buttons in topic */

.topic .voting li.TwitterButton,
.topic .voting li.FacebookButton,
.topic .voting li.VKButton {
  margin: 0 10px 0 0;
}
.topic .voting li.TwitterButton div.TweetThisTopic,
.topic .voting li.FacebookButton div.FacebookThisTopic,
.topic .voting li.VKButton div.VKThisTopic {
  background: transparent url(../images/social_gs/twitter.png) no-repeat center center;
  height: 16px;
  opacity: 0.6;
  width: 16px;
}
.topic .voting li.FacebookButton div.FacebookThisTopic {
  background: transparent url(../images/social_gs/facebook.png) no-repeat center center;
}
.topic .voting li.VKButton div.VKThisTopic {
  background: transparent url(../images/social_gs/vk.jpg) no-repeat center center;
}
.topic .voting li.TwitterButton div.TweetThisTopic:hover,
.topic .voting li.FacebookButton div.FacebookThisTopic:hover,
.topic .voting li.VKButton div.VKThisTopic:hover {
  opacity: 1;
}

/* Generic Style of Topic */

.topic .content {
  font-size: 14px;
  line-height: 22px;
  margin-bottom: 15px;
  font-family: Verdana, sans-serif;
  text-align: justify;
  text-indent: 30px;
}
.topic .content img,
.topic .content img.imgleft {
  margin: 5px 10px 10px 0;
}
.topic .content img.imgright {
  margin: 5px 0 10px 10px;
}
.topic .content img.TSmiles {
  margin: 0;
  border: none;
}

.topic .content p { margin-bottom: 15px; }

.topic .content ul, ol { margin-bottom: 15px; margin-left: 20px; }
.topic .content ul li { list-style: disc; }
.topic .content ol li { list-style: decimal; }
.topic .content dl { margin-bottom: 15px; }
.topic .content dl dt { font-weight: bold; }
.topic .content dl dd { font-style: italic; margin: 0 0 5px 20px; color: #555; }

.topic .content blockquote {
  font-style: italic;
  padding: 5px 10px;
  background: #f8f8f8;
  overflow: hidden;
}

.topic .content pre, .comment .content pre {
  overflow: auto;
  width: 94%;
  padding: 5px 2%;
  margin-bottom: 10px;
  background: #f8f8f8 url(../images/code.gif);
  border: 1px solid #dce6f0;
  clear: both;
  text-indent: 0;
}
.comment .content blockquote {
  font-style: italic;
  padding: 5px 10px 5px 25px;
  background: #FFF url(../images/panel/quote.gif) left center no-repeat;
  border: 1px solid #ddd;
  margin: 0 14px 7px 0;
}



/* Talk */

/* Add to Favorite Icon */
.talk .favorite { position: absolute; top: 7px; left: 10px; }
.talk .favorite a { background: url(../images/icons.gif) no-repeat scroll 0 -40px; display: block; height: 16px; width: 20px; }
.talk .favorite a:hover { background: url(../images/icons.gif) no-repeat scroll -20px -40px; }
.talk .favorite.active a { background: url(../images/icons.gif) no-repeat scroll -20px -40px; }
.talk .favorite.guest a { background: url(../images/icons.gif) no-repeat scroll 0 -40px; cursor: default; }




/* Page navi */

#pagination {
  padding-left: 40px;
  margin: 0 0 15px;
}
#pagination p { font-size: 16px; color: #bbb; }
#pagination ul { overflow: hidden; margin-top: 10px; font-family: Verdana, Sans-Serif; }
#pagination ul li { float: left; margin-right: 8px; }
#pagination ul li.active {
  font-weight: bold;
  border: 1px solid #DDD;
  padding: 0 6px 1px 5px;
}
#pagination.onpage { padding-left: 0px; }



/* Block Nav */

.block-nav { overflow: hidden; margin-bottom: 5px; }
.block-nav li {
  font-size: 11px;
  line-height: 11px;
  float: left;
  padding: 0 !important;
}
.block-nav li a {
  color: #333;
  text-decoration: none;
  outline: none;
  padding: 7px 0;
  margin: 0 8px;
  display: block;
  float: left;
}
.block-nav li strong {
  float: left;
  display: block;
  width: 5px;
  height: 21px;
  margin-right: -5px;
}
.block-nav li em {
  float: left;
  display: block;
  width: 5px;
  height: 21px;
  margin-left: -5px;
}
.block-nav li.active {
  background-color: #FEA;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -khtml-border-radius: 4px;
}
.block-nav li.active a {
  color: #222;
}
.block-nav li.active:hover {
  background-color: #F8E8A8;
}


/* Sidebar */

.block {
  background: #fdfefe;
  line-height: 16px;
  border-radius: 12px;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  -khtml-border-radius: 12px;
  padding: 10px;
  margin: 2px 0;
  border: 1px solid #EEE;
}
.block h1 {
  font-family: Tahoma, Verdana, Sans-Serif;
  font-size: 20px;
  color: #333;
  padding-bottom: 5px;
}

.block .right { text-align: right; padding-top: 10px; font-size: 11px; }

.block.navigation { font-size: 11px; color: #888; }
.block.navigation ul li { padding-top: 10px; padding-bottom: 10px; border-bottom: 1px dotted #ddd; }
.block.navigation ul li.last { border: 0; }
.block.navigation .blog { color: #999; }

.block.tags ul.cloud { text-align: center; }
.block.tags ul.cloud li {
  display: inline;
  margin-right: 0;
}
.block.tags ul.cloud li a {
  color: #7b7b7b;
  text-decoration: none;
  font-size: 18px;
}
.block.tags ul.cloud li a:hover {
  background: #777;
  color: #fff;
}

.block.tags ul.cloud li a.w1 { font-size: 10px; }
.block.tags ul.cloud li a.w2 { font-size: 12px; }
.block.tags ul.cloud li a.w3 { font-size: 14px; }
.block.tags ul.cloud li a.w4 { font-size: 16px; }
.block.tags ul.cloud li a.w5 { font-size: 18px; }
.block.tags ul.cloud li a.w6 { font-size: 20px; }
.block.tags ul.cloud li a.w7 { font-size: 22px; }
.block.tags ul.cloud li a.w8 { font-size: 24px; }
.block.tags ul.cloud li a.w9 { font-size: 26px; }
.block.tags ul.cloud li a.w10 { font-size: 28px; }

div#content .block.tags {
  margin: 0 20px;
}

.block.blogs ul.list { border-top: 1px solid #eee; padding-top: 3px; margin-top: 10px; }
.block.blogs ul.list li { overflow: hidden; border-bottom: 1px solid #eee; padding-bottom: 5px; margin-bottom: 5px; }
.block.blogs ul.list li a { padding-right: 50px; color: #777; }
.block.blogs ul.list li .total { float: right; font-weight: bold; padding-right: 13px; }
.block.blogs ul.list li .up { background: url(../images/blog-rating-up.gif) no-repeat right 5px; }
.block.blogs ul.list li .down { background: url(../images/blog-rating-down.gif) no-repeat right 5px; }

.block.stream { font-size: 11px; color: #999; }
.block.stream li { padding: 5px 5px; overflow: hidden;}
.block.stream li.even {
  background: #F5F5F5;
}
.block.stream a.stream-author { color: #999; font-weight: bold; text-decoration: none; background: url(../images/icons.gif) no-repeat scroll 0 -108px; padding-left: 13px; }
.block.stream .stream-topic-icon { background: url(../images/icons.gif) no-repeat scroll 2px -188px; padding-left: 14px; }
.block.stream a.stream-topic, .block.stream a.stream-tweet {
  color: #333;
  padding-right: 5px;
}
.block.stream .stream-comment-icon { background: url(../images/comment-list.gif) no-repeat 2px 4px; padding-left: 14px; }
.block.stream a.stream-comment { color: #333; }
.block.stream a.stream-blog { color: #999; }
.block.stream span { color: #66b746; }

.block.white { background: #fff !important; }

.block.nostyle {
  padding: 20px 25px;
  text-align: center;
}

.block.options h3 { padding-bottom: 10px; }
.block.options li { padding-bottom: 5px; }

.block.actions li {
  color: #4ccc1b;
}
.block.actions a.del, .block.actions a.add, .block.actions a.msg, .block.actions a.fav, .block.actions a.rss {
  background: url(../images/um_friend_no.png) no-repeat center center transparent;
  display: inline-block;
  height: 24px;
  width: 24px;
  margin: 5px 10px 0;
  outline: none;
}
.block.actions a.add {
  background: url(../images/um_friend.png) no-repeat center center transparent;
}
.block.actions a.msg {
  background: transparent url(../images/um_mail.png) no-repeat center center;
}
.block.actions a.fav {
  background: transparent url(../images/heart24.png) no-repeat center center;
}
.block.actions a.rss {
  background: transparent url(../images/um_feed.png) no-repeat center center;
}
.CenterControls {
  text-align: center;
}

.block.view ul li { padding-bottom: 2px; }
.block.view ul li a { padding: 2px 4px; }
.block.view ul li.active a { background: #eee; color: #333; font-weight: bold; text-decoration: none; }

.block.view-blogs { margin-top: 77px; }
.block.view-comments { margin-top: 98px; }



/* Update Comments */

.update { background: none repeat scroll 0 0; width: 42px; float: right; position: fixed; top: 220px; right: 0; text-align: center; }
.update .wrapper {
  border: 1px solid #dddede;
  background: #fafbfb;
}
.update .update-comments { cursor: pointer; vertical-align: top; }
.update .new-comments {
  border-top: 1px solid #ECECED;
  color: #3CC600;
  cursor: pointer;
  padding: 3px 0 5px;
}

div.CommentsUnregisteredUser {
  margin: 0 14px;
  color: #999;
  font-size: 11px;
}

div.comments div.header h3 {
  margin: 0 14px 15px;
}

/* Comments */

.comments {
  padding-left: 25px;
}
.comments .comment { overflow: hidden; position: relative; }
.comments .comment .comment { padding-left: 30px; }

.comments.padding-none {
  padding-left: 40px;
  border-bottom: 1px dotted #EEE;
  margin: 10px 0;
}

/* Comment Types */
.comments .comment .content .new {
  border: 1px solid #ACA;
  background: #EFE;
}
.comments .comment .content .del {
  background: url(../images/footer_line45.gif) repeat-x left center transparent;
  opacity: 0.3;
}
.comments .comment .content .self {
  background: #FDF5E6;
}
.comments .comment .content .view {
  border: 1px solid #888;
  background: #AFA;
}

/* Single Comment */
.comment .folding {
  width: 9px;
  height: 9px;
  float: left;
  position: relative;
  top: 28px;
  cursor: pointer;
}
.comment .folding-open {
  width: 9px;
  height: 9px;
  float: left;
  position: relative;
  top: 28px;
  cursor: pointer;
}
.comment .folding.off { display: none; }
.comment .content {
  margin: 0 50px 0px 14px;
  padding: 0;
}
.comment span.delete {
  color: #c5c5c5;
  font-size: 16px;
  margin-left: 15px;
}

/* Text of Comment */
.comment .content .text {
  padding: 10px 18px 10px 10px;
  overflow: hidden;
  border: 1px solid #DDD;
  background: #FBFBFB;
  margin: 15px 0 0;
}

/* Vote Block */
.comment .voting {
  width: 48px;
  height: 30px;
  position: absolute;
  right: 20px;
  top: 19px;
  z-index: 100;
  overflow: hidden;
}
.comment .voting a.plus { width: 9px; height: 11px; display: block; overflow: hidden; background: url(../images/comment-voting.gif) no-repeat scroll 0px 0px; }
.comment .voting a.minus { width: 9px; height: 11px; display: block; position: relative; top: 5px; overflow: hidden; background: url(../images/comment-voting.gif) no-repeat scroll -10px 0px; }
.comment .voting .total {
  float: right;
  position: relative;
  top: 6px;
}
.comment .voting a.plus:hover { background: url(../images/comment-voting.gif) no-repeat scroll -40px 0px; }
.comment .voting a.minus:hover { background: url(../images/comment-voting.gif) no-repeat scroll -70px 0px; }
.comment .voting.positive .total { color: #390; }
.comment .voting.negative .total { color: #f00; }
.comment .voting.guest a.plus { width: 9px; height: 11px; display: block; overflow: hidden; background: url(../images/comment-voting.gif) no-repeat scroll 0px 0px; }
.comment .voting.guest a.minus { width: 9px; height: 11px; display: block; overflow: hidden; background: url(../images/comment-voting.gif) no-repeat scroll -10px 0px; }
.comment .voting.plus a.plus { width: 9px; height: 11px; display: block; overflow: hidden; background: url(../images/comment-voting.gif) no-repeat scroll -40px 0px; }
.comment .voting.minus a.minus { width: 9px; height: 11px; display: block; overflow: hidden; background: url(../images/comment-voting.gif) no-repeat scroll -70px 0px; }

.comment .voting.voted a.plus, .comment .voting.voted a.minus, .comment .voting.guest a.plus, .comment .voting.guest a.minus { cursor:default; }
.comment .voting.minus a.plus:hover {background: url(../images/comment-voting.gif) no-repeat scroll 0px 0px; }
.comment .voting.plus a.minus:hover {background: url(../images/comment-voting.gif) no-repeat scroll -10px 0px; }

/* Info Block */
.comment .info {
  font-size: 11px;
  line-height: 14px;
  margin: 3px 0 10px 14px;
  overflow: hidden;
}
.comment .info p { font-size: 10px; }
.comment .info p a.author { font-size: 11px; font-weight: bold; color: #000; text-decoration: none; }
.comment .info p a.author:hover { color: #555; }
.comment .info img.avatar {
  float: left;
  margin: 2px 8px 0 0;
}
.comment .info ul li { float: left; font-size: 10px; margin-right: 10px; }
.comment .info ul li.date { color: #999; font-size: 10px; padding-right: 20px; }
.comment .info a.imglink { display: block; width: 9px; height: 11px; text-decoration: none; position: relative; top: 3px; }
.comment .info ul li.goto-comment-parent a { text-decoration: none; border-bottom: 1px dotted #79B1D4; font-family: tahoma;}
.comment .info ul li.goto-comment-child a { text-decoration: none; border-bottom: 1px dotted #79B1D4; font-family: tahoma;}
.comment .info a.link { background: url(../images/icons.gif) no-repeat scroll -10px -230px; }
.comment .info a.link:hover { background: url(../images/icons.gif) no-repeat scroll 0px -230px; }
.comment .info a.favorite { background: url(../images/icons.gif) no-repeat scroll -40px -40px; }
.comment .info a.favorite:hover { background: url(../images/icons.gif) no-repeat scroll -50px -40px; }
.comment .info a.favorite-active { background: url(../images/icons.gif) no-repeat scroll -50px -40px; }
.comment .info a.off { color: #999; }
.comment .info a.repair { color: #4CCC1B; }
.comment .info a.delete { color: #f00; }

.comment .comment-topic { font-size: 11px; color: #999; padding-bottom: 3px; padding-left: 2px; }
.comment .comment-topic a { font-weight: bold; }
.comment .comment-topic a.comment-blog { color: #999; }
.comment .comment-topic a.comment-total { background: url(../images/comment-total.gif) no-repeat 0 4px; padding-left: 10px; margin-left: 10px; text-decoration: none; font-weight: normal; color: #78c658; }

.comments.padding-none .voting {
  top: 25px;
}

.reply-title {
  background: url(../images/new_comment.png) no-repeat left center transparent;
  margin-left: 10px;
  padding-left: 35px;
}
.reply-title a {
  outline: none;
}
.reply {
  padding: 20px 50px 10px 10px;
}
.reply textarea { width: 100%; height: 70px; }
.reply textarea.loader { background: #F7F7F7 url(../images/loader.gif) no-repeat center;}

/* Cool Shaded buttons */

div.comments div div form input[type="submit"],
div.profile-user form p.buttons input[type="submit"],
div.SettingsSocial input[type="submit"],
input.CoolShadedButtonClass {
  padding: 2px 5px 3px;
  margin: 0 10px 0 0;
  box-shadow: 0 1px 4px #BBB;
  -moz-box-shadow: 0 1px 4px #BBB;
  -webkit-box-shadow: 0 1px 4px #BBB;
  background: #CCC;
  background: -moz-linear-gradient(top, #FFF, #CCC);
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#CCC));
  border: 1px solid #999;
  cursor: default;
}

div.comments div div form input[type="submit"]:active,
div.profile-user form p.buttons input[type="submit"]:active,
div.SettingsSocial input[type="submit"]:active,
input.CoolShadedButtonClass:active {
  background: #EEE;
  background: -moz-linear-gradient(top, #DDD, #FFF);
  background: -webkit-gradient(linear, left top, left bottom, from(#DDD), to(#FFF));
}

/* Polls */

.poll { margin: 0 0 15px 0 !important; }
.poll li { list-style: none !important; }
.poll li dl { overflow: hidden; }
.poll li dl dt { float: left; font-weight: normal !important; color: #999; font-size: 11px; width: 50px; }
.poll li dl dt span { font-size: 12px; color: #333; }
.poll li dl dd { float: left; font-style: normal !important; width: 70%; }
.poll li dl dd div { margin-top: 3px; height: 5px; background: #ddd url(../images/poll.gif) no-repeat; overflow: hidden; }
.poll li dl dd div span { display: block; margin-left: 10px; height: 5px; background: #ddd url(../images/poll.gif) no-repeat right top; overflow: hidden; }

.poll li.most dl dt span { font-weight: bold; }
.poll li.most dl dd div { background: #390 url(../images/poll-most.gif) no-repeat !important; }
.poll li.most dl dd div span { background: #390 url(../images/poll-most.gif) no-repeat right top !important; }

.poll-new { margin: 0 0 15px 0 !important; }
.poll-new li { list-style: none !important; margin-bottom: 5px; }
.poll-new li input {
  position: relative;
  top: 2px;
  margin-right: 3px;
}


/* Profile of Blog */

.profile-blog {
  padding: 10px;
  overflow: hidden;
  position: relative;
}
.profile-blog img.avatar {
  float: left;
  position: absolute;
  top: 20px;
  left: 20px;
}
.profile-blog h1.title {
  font-size: 20px;
  line-height: 30px;
  color: #b0b0b0;
  padding-left: 75px;
  margin: 7px 0 0;
}
.profile-blog h1.title a.title-link { text-decoration: none; outline: none; }

.profile-blog h1.title a.title-link strong { border-bottom: 1px dashed #70aae0; }
.profile-blog h1.title a.inactive strong { border-bottom: 1px dashed #aaa; color: #b0b0b0; text-decoration: none; }
.profile-blog h1.title a.inactive span { background: url(../images/profile-blog-info-inactive.gif) no-repeat scroll 0px 6px;  }


.profile-blog .action {
  overflow: hidden;
  margin: 0 0 10px;
  padding-left: 75px;
}
.profile-blog .action li { float: left; margin-right: 3px; }
.profile-blog .action li a { color: #aaa; outline: none; }
.profile-blog .action li.rss a { display: block; height: 10px; width: 10px; background:  url(../images/icons.gif) no-repeat scroll -70px -250px; }
.profile-blog .action li.join a { display: block; height: 10px; width: 10px; background:  url(../images/icons.gif) no-repeat scroll 0 -250px; }
.profile-blog .action li.join a:hover { background: url(../images/icons.gif) no-repeat scroll -10px -250px; }
.profile-blog .action li.join.active a { background: url(../images/icons.gif) no-repeat scroll -10px -250px; }
.profile-blog .action li.edit a { background: url(../images/edit.gif) no-repeat 0 1px; padding-left: 20px; position: relative; top: -4px; margin-left: 10px; text-decoration: none; font-size: 11px; color: #70aae0; }
.profile-blog .action li a:hover { text-decoration: underline; }

.profile-blog .voting {
  float: right;
  font-size: 10px;
  text-align: center;
  position: relative;
}
.profile-blog .voting .clear { clear: both; color: #aaa; padding: 1px; }
.profile-blog .voting .count { position: absolute; top: 46px; left: 69%; color: #aaa; }
.profile-blog .voting .text { position: absolute; top: 46px; right: 33%; color: #aaa; }
.profile-blog .voting .plus { float: left; margin-right: 5px; }
.profile-blog .voting .total { float: left; margin-right: 5px; color: #fff; padding: 5px 10px; font-size: 14px; }
.profile-blog .voting .minus { float: left; margin-right: 0; }
.profile-blog .voting a.plus  { background: url(../images/icons.gif) no-repeat scroll 0 -90px; float: left; display: block; height: 11px; margin-top: 8px; text-decoration: none; width: 9px; }
.profile-blog .voting a.plus:hover { background: url(../images/icons.gif) no-repeat scroll -40px -90px; }
.profile-blog .voting a.minus { background: url(../images/icons.gif) no-repeat scroll -10px -90px; float: left; display: block; height: 11px; margin-top: 9px; text-decoration: none; width: 9px; }
.profile-blog .voting a.minus:hover { background: url(../images/icons.gif) no-repeat scroll -70px -90px; }
.profile-blog .voting.plus a.plus { background: url(../images/icons.gif) no-repeat scroll -40px -90px; }
.profile-blog .voting.minus a.minus { background: url(../images/icons.gif) no-repeat scroll -70px -90px; }
.profile-blog .voting.guest a.plus { background: url(../images/icons.gif) no-repeat scroll 0 -90px; cursor: default; }
.profile-blog .voting.guest a.minus { background: url(../images/icons.gif) no-repeat scroll -10px -90px; cursor: default; }
.profile-blog .voting.positive .total { background: #68bf46; }
.profile-blog .voting.negative .total { background: #ff3b3c; }
.profile-blog .voting.voted a.plus { cursor: default; }
.profile-blog .voting.voted a.minus { cursor: default; }
.profile-blog .voting.voted.plus a.minus:hover { cursor: default; background: url(../images/icons.gif) no-repeat scroll -10px -90px; }
.profile-blog .voting.voted.minus a.plus:hover { cursor: default; background: url(../images/icons.gif) no-repeat scroll 0 -90px; }

.profile-blog .about {
  clear: both;
}

.profile-blog .about .tl { background: url(../images/profile-blog-tl.gif) no-repeat left top; height: 10px; }
.profile-blog .about .tr { background: url(../images/profile-blog-tr.gif) no-repeat right top; height: 10px; }
.profile-blog .about .bl { background: url(../images/profile-blog-bl.gif) no-repeat left bottom; height: 10px; }
.profile-blog .about .br { background: url(../images/profile-blog-br.gif) no-repeat right bottom; height: 10px; }

.profile-blog .about .content {
  padding: 10px;
  color: #666;
  overflow: hidden;
}
.profile-blog .about .content h1 {
  color: #555;
  font-size: 18px;
}
.profile-blog .about .content p { margin-bottom: 15px; }
.profile-blog .about .content p.note { color: #aaa; margin-bottom: 25px; }

.profile-blog .about .content .line {
  height: 5px;
  margin-bottom: 10px;
  clear: both;
}

.profile-blog .about .content .admins { float: left; width: 50%; }
.profile-blog .about .content .moderators { float: left; width: 50%; }
.profile-blog .about .content ul.admin-list { overflow: hidden; text-align: center; }
.profile-blog .about .content ul.admin-list li { float: left; margin-right: 10px; margin-bottom: 10px; }
.profile-blog .about .content ul.admin-list li dt img { width: 48px; height: 48px; }

.profile-blog .about .content h1.readers {
  clear: both;
  padding-top: 20px;
}
.profile-blog .about .content h1.readers a { text-decoration: none; border-bottom: 1px dashed #70aae0; }
.profile-blog .about .content h1.readers a.inactive { border-bottom: 1px dashed #aaa; color: #b0b0b0; text-decoration: none;}

.profile-blog .about .content ul.reader-list { overflow: hidden; }
.profile-blog .about .content ul.reader-list li { float: left; margin-right: 15px; background: url(../images/icons.gif) no-repeat scroll 0 -104px; padding-left: 12px; }


/* Profile of user */

.profile-user, .ipage {
  padding: 10px 20px;
}

.profile-user .voting { float: right; font-size: 10px; position: relative; top: -5px; }
.profile-user .voting .clear {
  clear: both;
  color: #aaa;
  text-align: center;
  margin: 2px 0;
}
.profile-user .voting .count { position: absolute; top: 46px; left: 69%; color: #aaa; }
.profile-user .voting .text { position: absolute; top: 46px; right: 33%; color: #aaa; }
.profile-user .voting .plus { float: left; margin-right: 5px; }
.profile-user .voting .total { float: left; margin-right: 5px; color: #fff; padding: 5px 10px; font-size: 14px; }
.profile-user .voting .minus { float: left; margin-right: 0; }
.profile-user .voting a.plus  { background: url(../images/icons.gif) no-repeat scroll 0 -90px; float: left; display: block; height: 11px; margin-top: 8px; text-decoration: none; width: 9px; }
.profile-user .voting a.plus:hover { background: url(../images/icons.gif) no-repeat scroll -40px -90px; }
.profile-user .voting a.minus { background: url(../images/icons.gif) no-repeat scroll -10px -90px; float: left; display: block; height: 11px; margin-top: 9px; text-decoration: none; width: 9px; }
.profile-user .voting a.minus:hover { background: url(../images/icons.gif) no-repeat scroll -70px -90px; }
.profile-user .voting.plus a.plus { background: url(../images/icons.gif) no-repeat scroll -40px -90px; }
.profile-user .voting.minus a.minus { background: url(../images/icons.gif) no-repeat scroll -70px -90px; }
.profile-user .voting.guest a.plus { background: url(../images/icons.gif) no-repeat scroll 0 -90px; cursor: default; }
.profile-user .voting.guest a.minus { background: url(../images/icons.gif) no-repeat scroll -10px -90px; cursor: default; }
.profile-user .voting.positive .total { background: #68bf46; }
.profile-user .voting.negative .total { background: #ff3b3c; }
.profile-user .voting.voted a.plus { cursor: default; }
.profile-user .voting.voted a.minus { cursor: default; }
.profile-user .voting.voted.plus a.minus:hover { cursor: default; background: url(../images/icons.gif) no-repeat scroll -10px -90px; }
.profile-user .voting.voted.minus a.plus:hover { cursor: default; background: url(../images/icons.gif) no-repeat scroll 0 -90px; }

.profile-user .strength { float: right; font-size: 10px; text-align: center; position: relative; top: -5px; margin-left: 15px; }
.profile-user .strength .clear { clear: both; color: #aaa; }
.profile-user .strength .total { float: left; color: #fff; padding: 5px 10px; font-size: 14px; background: #70aae0; }

.profile-user h1.title { border-bottom: 1px solid #ccc; font-size: 18px; padding: 0 0 1px 2px; margin-bottom: 7px; }

.profile-user .name { overflow: hidden; color: #999;  margin-bottom: 20px; }
.profile-user .name img.avatar {
  float: left;
  margin-right: 20px;
}
.profile-user .name .nickname {
  font-size: 24px;
  margin-top: 14px;
  margin-bottom: 15px;
  color: #333;
}
.profile-user .name .realname {
  font-size: 18px;
  display: inline-block;
  color:#888;
}

.profile-user td { vertical-align: top; }
.profile-user td.var {
  color: #888;
  font-weight: bold;
  width: 150px;
  padding: 0 0 7px;
}
.profile-user td.friends {
  color: #999;
}
.profile-user td.friends a { color: #999; padding: 5px 0; background: url(../images/icons.gif) no-repeat scroll 0 -101px; padding-left: 12px; }


/* People & Top */

.people .block-nav {
  margin: -25px 0 -5px;
}
.people h1 span {
  color: #A96;
}
.people table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 25px;
}
.people table thead td {
  background: #f0f1f1;
  background: -moz-linear-gradient(top, #FFF, #FEA);
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#FEA));
  font-weight: bold;
  padding: 5px 0;
  text-align: center;
}
.people table thead td.user { padding-left: 10px; }
.people table thead td.strength, .people table thead td.rating { width: 80px; text-align: center; }
.people table thead td.date { width: 150px; text-align: center; }
.people table tbody td {
  font-size: 14px;
  color: #888;
  line-height: 21px;
}

.people form#form_talks_list table tbody td {
  text-align: center;
}

.people table tr {
  border-bottom: 1px solid #DDD;
}
.people table.NoLastBorder {
  margin-bottom: 0;
}
.people table.NoLastBorder tr:last-child {
  border-bottom: none;
}

.people table tbody td span { color: #6ec80d; }
.people table tbody td.user {
  padding-left: 20px;
  overflow: hidden;
}
.people table tbody td.user img {
  float: left;
  margin-right: 20px;
  width: 64px;
  height: 64px;
}
.people table tbody td.user a.link { color: #999; font-weight: bold; position: relative; top: 1px; }
.people table tbody td.karma { color: #6ec80d; font-weight: bold; }
.people table tbody td.strength { color: #70aae0; font-weight: bold; text-align: center; }
.people table tbody td.date { text-align: center; }
.people table tbody td.rating {
  width: 45%;
}
.people table tbody td.rating span { padding-right: 12px; }
.people table tbody td.rating.up span { background: url(../images/blog-rating-up.gif) no-repeat right 3px; }
.people table tbody td.rating.down span { background: url(../images/blog-rating-down.gif) no-repeat right 3px; }
.people table tbody td.rating strong {
  background: #8CE;
  color: #fff;
  padding: 5px 10px;
}

.people.top-blogs thead td.user { padding-left: 32px; }
.people.top-blogs thead td.join-head { width: 40px; text-align: center; }
.people.top-blogs thead td.readers, .people.top-blogs tbody td.readers { width: 100px; text-align: center; }
.people.top-blogs tbody td {
  padding: 7px 4px;
}
.people.top-blogs td.name { overflow: hidden; }
.people.top-blogs td.name img { float: left; padding-bottom: 5px; margin-right: 7px; width: 24px; height: 24px; }
.people.top-blogs td.name a.title { font-size: 18px; line-height: 14px; }
.people.top-blogs td.name a.author { line-height: 18px; background:url(../images/icons.gif) no-repeat scroll 0 -108px; padding-left: 12px; color: #999; font-weight: bold; }
.people.top-blogs .join { text-align: center; }
.people.top-blogs .join a { margin: 0 auto; outline: none; display: block; height: 10px; width: 10px; background: url(../images/icons.gif) no-repeat scroll 0 -250px; }
.people.top-blogs .join a:hover { background: url(../images/icons.gif) no-repeat scroll -10px -250px; }
.people.top-blogs .join.active a { background: url(../images/icons.gif) no-repeat scroll -10px -250px !important; }

.people.top-blogs thead td.fav-head { width: 40px; text-align: center; }
.people.top-blogs .fav { text-align: center; }
.people.top-blogs .fav a { margin: 0 auto; display: block; height: 10px; width: 10px; background: url(../images/star-off.gif) no-repeat; }
.people.top-blogs .fav a:hover { background: url(../images/star.gif) no-repeat; }
.people.top-blogs .fav.active a { background: url(../images/star.gif) no-repeat; }
.people.talk-table thead td.user { padding-left: 10px; }
.people.talk-table .author { margin-left: 10px; }



/* Top */

.topic.top {
  padding-left: 40px;
  margin: 10px 0 16px;
}
.topic.top h1 span { color: #6ec80d; }
.topic.top .block-nav { margin-bottom: 5px; }
.top-topics .topic { padding-left: 0 !important; }



/* Footer */

#footer .right { float: right; }

.lsCmtTree_visible {
  display:block;
}
.lsCmtTree_hidden {
  display:none;
}



/* Login and Lite Pages*/

.lite-header {
  padding: 30px 20px;
  background: #FFF0C9;
  background: -moz-linear-gradient(top, #FFE4B5, #F7F8F9);
  background: -webkit-gradient(linear, left top, left bottom, from(#FFE4B5), to(#F7F8F9));
}
.lite-header a {
  color: #c7c7c7;
  font-size: 26px;
  text-decoration: none;
  outline: none;
}
.lite-header a span { color: #dedede; }
.lite-header a:hover { color: #333; }
.lite-header a:hover span { color: #777; }

.lite-center {
  margin: 0 auto 10px;
  width: 410px;
  color: #888;
  background: #FFF;
  border: 1px solid #AAA;
  padding: 20px;
}
.lite-center h3, .login-popup h3 {
  color: #555;
  margin: 20px auto;
  text-align: center;
}
.lite-center button, .login-popup button {
  float: right;
}
.login-popup button {
  margin: 0 0 7px;
}
.lite-center .input-text, .login-popup .input-text {
  width: 400px;
  font-size: 14px;
  padding: 5px;
  border: 1px solid #d7d7d7;
  color: #555;
}
.lite-center .input-checkbox, .login-popup .input-checkbox { padding-top: 7px; }
.lite-center .input-checkbox input, .login-popup .input-checkbox input {
  position: relative;
  top: 2px;
  margin: 0 10px 0 0;
}
.lite-center .input-note { display: block; color: #bbb; font-size: 11px; line-height: 14px; }

.lite-center.error h1 { font-size: 28px; color: #888; }
.lite-center.error p { margin-bottom: 10px; color: #888; }

.lite-center.register { }

.lite-note { overflow: hidden; }
.lite-note a { float: right; font-size: 11px; }

.login-popup { z-index: 100; width: 492px;  }
.login-popup .input-text {
  width: 402px;
}
.login-popup .content {
  background: #FAFAFA;
  background: -moz-linear-gradient(top, #FFF, #EEE);
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#EEE));
  padding: 15px 40px;
}
.login-popup .close-block { position: absolute; top: 10px; right: 10px; width: 14px; height: 14px; background: url(../images/close-block.gif) no-repeat; }

.upload-image p { margin-bottom: 5px; }
.upload-image label { color: #aaa; }

.tags-input {
  width: 230px;
  font-size: 18px;
  padding: 4px 25px 6px 4px;
  border: 1px solid #8CE;
  color: #555;
  background: transparent url(../images/tagcloud.gif) 235px center no-repeat;
}


/* Button */

button, a.button {
  font-size: 14px;
  font-family: Tahoma, sans-serif;
  padding: 2px;
  overflow: visible;
  text-align: center;
  white-space: nowrap;
  cursor: pointer;
  background: #FFF;
  background: -moz-linear-gradient(top, #FFF, #EEE);
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#EEE));
  border: 1px solid #AAA;
}

a.button:active {
  border: 1px solid #757575;
  background: #F5F5F5;
  background: -moz-linear-gradient(top, #EEE, #FFF);
  background: -webkit-gradient(linear, left top, left bottom, from(#EEE), to(#FFF));
}

a.buttonS {
  display: inline-block;
  font-size: 14px;
  font-family: Tahoma, sans-serif;
  padding: 2px;
  overflow: visible;
  text-align: center;
  white-space: nowrap;
  cursor: default;
  outline: none;
}

a.buttonS:hover {
  background: #FFF;
}

a.buttonS:active {
  background: #8CE;
}

div.panel_form {
  padding: 5px;
  background: #EAECEA;
}

button span, button em, a.button span, a.button em { display: block; height: 31px; line-height: 31px; margin: 0; color:#333; }

a.button.small {
  font-size: 18px;
  padding: 3px 24px 5px 24px;
  -moz-border-radius-topleft: 22px;
  -moz-border-radius-bottomright: 22px;
  -webkit-border-top-left-radius: 22px;
  -webkit-border-bottom-right-radius: 22px;
  text-decoration: none;
  outline: none;
}
a.button.small span, a.button.small em {
  height: 22px;
  line-height: 22px;
  border: 1px solid #999;
}
a.button.small span {
  margin-right: 20px;
}

#system_messages_error {
  background: #f0c8c8;
  border: 1px solid #ff8181;
  padding: 15px;
  margin: 15px;
  color: #b22626;
}
#system_messages_notice {
  background: #dafad8;
  border: 1px solid #83c460;
  padding: 15px;
  margin: 0 40px 15px;
  color: #4bb23b;
}

.table-blog-users { width: 100%; margin-top: 20px; margin-bottom: 30px; }
.table-blog-users thead td { background: #f1f1f1; padding: 10px; text-align: center; color: #555; }
.table-blog-users tbody td { background: #fafafa; padding: 5px 10px; text-align: center; }
.table-blog-users tbody td.username { text-align: left; }
.table-blog-users tbody tr.even td { background: #f5f5f5; }

.searched-item { background: #fffacd; }



/* Static page edit */ 

table.admin_page th {vertical-align:bottom; border: none;  border-bottom: solid #B0C1D3 1px;  padding:.2em .6em .2em .65em; background:#e2e4e4; font-size:0.9em; font-weight:normal; color:#6e6e6e;  } 
table.admin_page td { padding:6px 8px 6px 8px; border: none; border-right: solid #B0C1D3 1px; } 
table.admin_page tr.colored td { background-color:#EEF6FB; } 
table.admin_page tr.colored_sel td { background-color:#D9FBC2; } 
table.admin_page { font-size:0.9em;  border:none;  margin:20px 0px 30px 0px; border-bottom:solid 1px #B0C1D3; }   
table.admin_page td:first-child { border-left: solid #B0C1D3 1px } 
table.admin_page td {
  border-left: 1px solid #B0C1D3;
}
table.admin_page img {margin: 0px !important;}


.hidden {display: none;}

/* RadioAfrica special */

input#dsubmit {
  border: 6px solid #47F;
  border-radius: 30px;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  -khtml-border-radius: 30px;
  padding: 10px 30px;
  margin: 2px;
}

input#dsubmit:hover {
  border: 6px solid #49f;
  margin: 0;
  padding: 12px 32px;
}

.mytitle1 {
  font-size: 30px;
}

.mytitle2 {
  font-size: 24px;
}

.mytitle3 {
  font-size: 18px;
}

.topic .content p.offtop,
.comment .content p.offtop {
  font-size: 10px;
  color: #AAA;
  display: inline;
}

.afisha_class, .blog_class, .people_class, .communities_class, .musicLib_class, .live_class {
  background: transparent url(../images/date.png) left center no-repeat;
  padding: 0 0 0 20px;
}

.blog_class {
  background: transparent url(../images/blogs.png) left center no-repeat;
}

.people_class {
  background: transparent url(../images/people.png) left center no-repeat;
}

.communities_class {
  background: transparent url(../images/communities.png) left center no-repeat;
}

.musicLib_class {
  background: transparent url(../images/cd.png) left center no-repeat;
}

.live_class {
  background: transparent url(../images/fire_livefeed.png) left center no-repeat;
}

.BlockContainer {
  padding: 20px;
  margin: 10px;
  border: 1px solid #EEE;
  background: #FEFBF3;
  background: -moz-linear-gradient(top, #FFF, #FEFBF3);
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#FEFBF3));
}

.NewParagraph {
  -moz-column-count: 2;
  -webkit-column-count: 2;
  -moz-column-width: 200px;
  -webkit-column-width: 200px;
  -moz-column-gap: 40px;
  -webkit-column-gap: 40px;
  -moz-column-rule: 1px dotted #999;
  -webkit-column-rule: 1px dotted #999;
  text-align: justify;
}

.artLetterV2 {
  float: left;
  margin: 2px 45px 0 20px;
  font-size: 22px;
  background: #EDB;
  width: 42px;
  text-align: center;
  padding: 2px 1px 4px 1px;
}

.SpecRoundedCorners {
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -khtml-border-radius: 4px;
}

div.musicStart {
  background: url(../images/musicLib.gif) no-repeat 0 0 transparent;
  height: 112px;
  font-size: 30px;
  text-align: center;
  margin: 0 25px -22px;
  padding: 35px 0 0 50px;
  color: #987;
  cursor: default;
}

.ouError {
  margin: 10px 0 20px 0;
  padding: 20px;
  font-size: 16px;
  font-weight: bold;
  color: #FD3232;
  text-align: center;
}

.howtoWriteAnotherBlog {
  padding: 0 10px;
  float: right;
  color: #D44;
  text-decoration: underline;
  cursor: pointer;
}


/* autocompleter */

ul.autocompleter-choices
{
	position:				absolute;
	margin:					0;
	padding:				0;
	list-style:				none;
	border:					1px solid #bbb;
	background-color:		#fff;
	text-align:				left;
	font-family:			Verdana, Arial, Geneva, Helvetica, sans-serif;
	z-index:				50;
	background-color:		#fff;
	color: 					#333;
}

ul.autocompleter-choices li
{
	position:				relative;
	margin:					-2px 0 0 0;
	padding:				0.2em 1.5em 0.2em 1em;
	display:				block;
	float:					none !important; 
	cursor:					pointer;
	font-weight:			normal;
	white-space:			nowrap;
	font-size:				11px;
	line-height:			16px;
}

ul.autocompleter-choices li.autocompleter-selected
{
	background-color:		#0a246a;
	color:					#fff;
}

ul.autocompleter-choices span.autocompleter-queried
{
	display:				inline;
	float:					none;
	font-weight:			bold;
	margin:					0;
	padding:				0;
}

ul.autocompleter-choices li.autocompleter-selected span.autocompleter-queried
{
	color:					#fff60b;
}

input.autocompleter-loading
{
	background-image:		url(../img/spinner.gif);
	background-repeat:		no-repeat;
	background-position:	right 50%;
}

/* piechart */

.pieChartContainer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	padding:20px 0 0 15px;
}

.pieChartWrapper {
	float: left;
	position: relative;
	padding-right: 12px;
}
	
.pieChartWrapper img {
	position: absolute;
	top: 0;
	left: 0;			
}
	
.clear {
	clear: both;
}

/* prettify */

.str{color:#080}.kwd{color:#008}.com{color:#800}.typ{color:#606}.lit{color:#066}.pun{color:#660}.pln{color:#000}.tag{color:#008}.atn{color:#606}.atv{color:#080}.dec{color:#606}pre.prettyprint{padding:2px;border:1px solid #888}@media print{.str{color:#060}.kwd{color:#006;font-weight:bold}.com{color:#600;font-style:italic}.typ{color:#404;font-weight:bold}.lit{color:#044}.pun{color:#440}.pln{color:#000}.tag{color:#006;font-weight:bold}.atn{color:#404}.atv{color:#060}}

/* ROAR ошибки */

.roar-error-body {
	position:				absolute;
	font:					12px/14px "Lucida Grande", Arial, Helvetica, Verdana, sans-serif;
	color:					#fff;
	text-align:			left;
	z-index:				999;
}

.roar-error {
	position:				absolute;
	width:					300px;
	cursor:					pointer;
}
.roar-error-bg {
	position:				absolute;
	z-index:				1000;
	width:					100%;
	height:					100%;
	left:					0;
	top:					0;
	background-color:		#F21;
	-moz-border-radius:		15px;
	-webkit-border-radius:	15px;
  box-shadow: 0 0 15px rgba(20, 20, 20, 0.5);
  -moz-box-shadow: 0 0 15px rgba(20, 20, 20, 0.5);
  -webkit-box-shadow: 0 0 15px rgba(20, 20, 20, 0.5);
}
.roar-error-body-ugly .roar-error {
	background-color:		#bf0000;
}
.roar-error-body-ugly .roar-error-bg {
	display:				none;
}
.roar-error h3 {
	position:				relative;
	padding:				15px 10px 0;
	margin:					0;
	border:					0;
	font-size:				15px;
	color:					#fff;
	z-index:				1002;
}
.roar-error p
{
	position:				relative;
	padding:				10px 10px 15px;
	margin:					0;
	font-size:				12px;
	color:					#fff;
	z-index:				1002;
}



/* алерт */

.roar-notice-body {
	position:				absolute;
  font:					  12px/14px "Lucida Grande", Arial, Helvetica, Verdana, sans-serif;
	color:					#FFF;
	text-align:			left;
	z-index:				999;
}

.roar-notice {
	position:				absolute;
	width:					300px;
	cursor:					pointer;
}
.roar-notice-bg {
	position:				absolute;
	z-index:				1000;
	width:					100%;
	height:					100%;
	left:					0;
	top:					0;
	background-color:		#3D7;
	-moz-border-radius:		15px;
	-webkit-border-radius:	15px;
  box-shadow: 0 0 15px rgba(60, 90, 150, 0.5);
  -moz-box-shadow: 0 0 15px rgba(60, 90, 150, 0.5);
  -webkit-box-shadow: 0 0 15px rgba(60, 90, 150, 0.5);
}
.roar-notice-body-ugly .roar-notice {
	background-color:		#399f2f;
}
.roar-notice-body-ugly .roar-notice-bg {
	display:				none;
}
.roar-notice h3 {
	position:				relative;
	padding:				15px 10px 0;
	margin:					0;
	border:					0;
	font-size:			15px;
	color:					#FFF;
	z-index:				1002;
}
.roar-notice p {
	position:				relative;
	padding:				10px 10px 15px;
	margin:					0;
	font-size:			12px;
	color:					#FFF;
	z-index:				1002;
}

/* Footer RA links */

div.ExtLinksContainer {
  white-space: nowrap;
}

div.ExtLinksContainer a.onfooter {
  display: table-cell;
  outline: none;
}

div.ExtLinksContainer a.onfooter div.LinkCont {
  width: 16px;
  height: 16px;
  cursor: pointer;
  display: inline-block;
  padding: 0 10px 0 0;
}

div.ExtLinksContainer a.onfooter div.LinkCont.RSSFeed {
  background: transparent url(../images/feed.gif) center no-repeat;
}

div.ExtLinksContainer a.onfooter div.LinkCont.Twitter {
  background: transparent url(../images/twitter.png) center no-repeat;
}

div.ExtLinksContainer a.onfooter div.LinkCont.Vkontakte {
  background: transparent url(../images/vk.jpg) center no-repeat;
}

/* misc */

.colorPlus {
  color: #51B038;
}

fieldset {
  padding: 10px;
  margin: 5px;
}


/* Event */

#event_billDiv { position: relative; }

#bill_loader {
  position: absolute;
  top: 35%;
  left: 48%;
  text-align: center;
}

.event-bill .nav {
  margin: 0 0 0 15px;
  float: left;
}
.event-bill .city-filter {
  float: right;
  color: #CCC;
  font-size: 11px;
  font-weight: bold;
}
.event-bill .city-filter input {
  border: 1px solid;
  color: #CCC;
  font-size: 11px;
  font-family: Verdana;
  padding: 5px;
  margin: 0 15px 0 5px;
}
.event-bill .city-filter input.focused { border: 1px solid #cccccc; }
.event-bill .time-select { text-align: center; color: #cccccc; }
.event-bill .time-select input { width: 65px; border: 1px solid transparent; border-bottom: 1px dashed #999999; color: #999999; font-size: 11px; font-family: Verdana; padding: 3px; }
.event-bill .time-select input.focused { border: 1px solid #999999; }

#event_complexpanel { background: #ffffff; height: 60px; margin-left: 0px; width: 100%; vertical-align: middle; }
#event_complexpanel .all, #event_complexpanel .types { float: left; margin-top: 5px; }
#event_complexpanel .all { padding: 10px 20px 0 20px; line-height: 20px; }
#event_complexpanel .types { border-left: 1px solid #cccccc; padding-left: 15px; width: 80%; line-height: 25px; height: 50px;  }
#event_complexpanel a { font-family: Verdana; color: #888888; vertical-align: middle; margin: 5px; text-decoration: none; }
#event_complexpanel .all a { font-size: 14px; }
#event_complexpanel a:hover { background: #888888; color: white; text-decoration: none; }
#event_complexpanel a.active { background: #888888; color: white; text-decoration: none; }

#event_respanel { width: 90%; overflow: hidden;}
#event_respanel .prev, #event_respanel .next {
  float: left;
  height: 60px;
  width: 7%;
  text-indent: -1000px;
  opacity: 0.7;
  cursor: pointer;
}
#event_respanel .prev { background: url(../images/respanel-arrow-l.png) no-repeat center center; }
#event_respanel .next { background: url(../images/respanel-arrow-r.png) no-repeat center center; }
#event_respanel .week-box { float: left; height: 60px; position: relative; width: 86%; overflow: hidden; }
#event_respanel .weeks-line {
  width: 100%;
  height: 60px;
  position: absolute;
  top: 7px;
  left: 0;
}
#event_respanel .week { width: 100%; height: 60px; float: left; }
#event_respanel .week .day { float: left; height: 100%; width: 14.2%; background: #eeeeee; cursor: pointer; }
#event_respanel .week .day .monthday { font-size: 9px; margin: 5px 0 0 10px; display: block; color: #333333; text-decoration: none; }
#event_respanel .week .day.holiday .monthday { color: red; }
#event_respanel .week .day.today .monthday { color: green; }
#event_respanel .week .day .weekday { font-size: 18px; margin: 0px 0 0 10px; display: block; color: #333333; text-decoration: none; }
#event_respanel .week .day.holiday .weekday { color: red; }
#event_respanel .week .day.today .weekday { color: green; }
#event_respanel .week .day .holiday { color: red; }
#event_respanel .week .day .today { color: green; }
#event_respanel .week .active { background: #99CCEE; cursor: default; }

#event_add .userplace-relation.visitor { color: red; }
#event_add .userplace-relation.promouter { color: green; }
#event_add .userplace-relation.administrator { color: black; }
#event_add .field-example { border-bottom:1px dotted #999999;text-decoration:none; }

#event_date { width: 65px; }
#event_time_hours, #event_time_minutes { width: 40px; }

.vlaCalendarPicker .loaderA, .vlaCalendarPicker .loaderB { line-height: 12px; }

.clearer { clear: both; }
.event_thumbset { text-align: center; }
.event_thumbset.rightBlock { padding-left: 25px; }
.event_thumbset .block {
  float: left;
}
.event_thumbset.rightBlock .block { float: none; }
.event_thumbset .block.small { width: 150px; }
.event_thumbset .block.big {
  box-shadow: 2px 2px 10px #444;
  -moz-box-shadow: 2px 2px 10px #444;
  -webkit-box-shadow: 2px 2px 10px #444;
  border: none;
  margin: 15px;
}
.event_thumbset .block.soon {
  width: 83%;
  max-width: 280px;
  box-shadow: 2px 2px 10px #444;
  -moz-box-shadow: 2px 2px 10px #444;
  -webkit-box-shadow: 2px 2px 10px #444;
  border: none;
}
.event_thumbset .block .thumb  {
  position: relative;
  margin-bottom: 10px;
}
.event_thumbset .block.small .thumb { height: 113px; }
.event_thumbset .block.big .thumb {
  margin: 0;
}
.event_thumbset .block.big .thumb img {
  height: 150px;
  width: 200px;
  display: block;
}
.event_thumbset .block .thumb a.img img { width: 100%; }
.event_thumbset .thumb .visitors-count,
.event_thumbset .thumb .comments-count {
  margin: 0;
  padding: 0 5px 2px;
  text-align: center;
  color: #FFF;
  font-size: 11px;
  font-family: Verdana;
  font-weight: bold;
  text-decoration: none;
  position: absolute;
  bottom: 20px;
  background: black;
  opacity: 0.6;
}
.event_thumbset .thumb .visitors-count:hover,
.event_thumbset .thumb .comments-count:hover {
  background: #555;
}
.event_thumbset .thumb .visitors-count {
  left: 0;
}
.event_thumbset .thumb .comments-count {
  right: 0;
}
.event_thumbset .thumb .NewTitle, .event_thumbset .NewDateNTime {
  background: rgba(150, 150, 150, 0.3);
  color: #333;
  font-family: Verdana;
  position: absolute;
  text-align: center;
  width: 100%;
  text-shadow: 0 0 3px #AAA;
}
.event_thumbset .thumb .NewTitle {
  top: 0;
}
.event_thumbset .NewDateNTime {
  bottom: 0;
}
.event_thumbset .NewTitle:hover,
.event_thumbset .NewDateNTime:hover {
  background: rgba(150, 150, 150, 0.6);
}

.event_thumbset .NewTitle:hover a,
.event_thumbset .NewDateNTime:hover a{
  color: #FFF;
}

.event_thumbset .NewTitle a {
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
  color :#333;
  outline: none;
}
.event_thumbset .title .place, .event_thumbset .NewTitle .place a {
  color: #333;
}

.event_thumblist { text-align: left; }
.event_thumblist table { width: 100%; }
.event_thumblist thead td { background: #F0F1F1; font-weight: bold; padding: 5px; }
.event_thumblist tbody td { padding: 10px 0 5px; border-bottom: 1px solid #DDDDDD; }
.event_thumblist .block { clear: both; margin-bottom: 10px; }
.event_thumblist .block .thumb a.img { float: left; margin-right: 10px; }
.event_thumblist .block .thumb a.img img { max-width: 48px; max-height: 48px; }
.event_thumblist .title, .event_thumblist .datetime, .event_thumblist .types { text-align: left; color: #333333; }
.event_thumblist .types { font-size: 10px; }
.event_thumblist .title a { font-size: 18px; text-decoration: none; }
.event_thumblist.rightBlock .title a { font-size: 12px; font-weight: bold; }
.event_thumblist .title a:hover { text-decoration: underline; }
.event_thumblist .title .place, .event_thumblist .title .place a { color: #cccccc; }

div.DivLine {
  border-bottom: 1px solid #EEE;
  margin: 15px;
}

/* Profile event */

.profile-event h1.title {
  font-size: 24px;
  color: #333;
}
.profile-event div.ProfileDateTime {
  font-size: 16px;
  font-weight: bold;
  margin: 10px 0 12px;
  color: #888;
}
.profile-event h1.title .place { color: #cccccc; }
.profile-event h1.title .place a { color: #cccccc; text-decoration: none; }
.profile-event .types { padding-left: 2px; font-size: 9px; }
.profile-event .types a { color: #999999; text-decoration: none; }
.profile-event .types a:hover { color: white; background: #999999; text-decoration: none; }
.profile-event .join { float: right; font-size: 10px; text-align: center; padding-top: 5px; margin-right: 20px; }
.profile-event .join input { font-size: 12px; padding: 5px; }
.profile-event .autor { font-size: 11px; color:#999999; }
.profile-event .autor a { background:transparent url(../images/icons.gif) no-repeat scroll 0 -108px; color:#999999; font-weight:bold; padding-left:13px; text-decoration:none; }
.profile-event .action li.rss a { display: block; height: 10px; width: 10px; background:  url(../images/icons.gif) no-repeat scroll -70px -250px; }
.profile-event .action li.edit a { background: url(../images/edit.gif) no-repeat 0 1px; padding-left: 20px; text-decoration: none; font-size: 11px; color: #70aae0; float:left; }
.profile-event .action li.delete a { background: url(../images/delete.gif) no-repeat 0 1px; padding-left: 15px; margin-left: 5px; text-decoration: none; font-size: 11px; color: #f00; }
.profile-event .content img {
  border: 1px solid #888;
  max-height: 400px;
  max-width: 400px;
  float:left;
  margin: 0 15px 0 0;
}

#gmap_canvas {
  height: 300px;
}

/* Place */

.place_menu_nolink { cursor: default; color: #999999; }

.profile-place, .profile-event {
  padding: 10px 20px;
  overflow: hidden;
}

.profile-place img.avatar { float: left; }
.profile-place h1.title {
  font-size: 24px;
  padding-left: 10px;
  overflow: hidden;
}

.profile-place .types { padding-left: 10px; font-size:9px; }
.profile-place .location { font-style: italic; }
.profile-place #toggle_block { display: none; }
.profile-place .description { float: left; width: 90%; }
.profile-place .toggle_link { float: right }
.profile-place .toggle_link a { font-size: 9px; text-decoration: none; color: #999999; border-bottom: 1px dashed #999999; padding: 2px 4px; }
.profile-place .toggle_link a.active { background: #dddddd; }
.profile-place .about .info { float: left; width: 420px;}
.profile-place .about .gmap { float: left; width: 400px; height: 300px; border: 1px solid #999999; text-align:center; font-size: 9px; }
.profile-place .about .address { font-size: 10px; line-height: 12px; margin-bottom: 10px; }

.profile-place .join {
  float: right;
  padding-top: 10px;
  margin-right: 20px;
}
.profile-place .join input { font-size: 12px; padding: 5px; }

.profile-place .action {
  overflow: hidden;
  margin: 0 0 20px 0;
  padding-left: 10px;
}
.profile-place .action li { float: left; margin-right: 3px; }
.profile-place .action li a { color: #aaa; outline: none; }
.profile-place .action li.rss a { display: block; height: 10px; width: 10px; background:  url(../images/icons.gif) no-repeat scroll -70px -250px; }
.profile-place .action li.edit a { background: url(../images/edit.gif) no-repeat 0 1px; padding-left: 20px; position: relative; margin-left: 0px; text-decoration: none; font-size: 11px; color: #70aae0; }
.profile-place .action li.delete a { background: url(../images/delete.gif) no-repeat 0 1px; padding-left: 15px; margin-left: 5px; text-decoration: none; font-size: 11px; color: #f00; }
.profile-place .action li a:hover { text-decoration: underline; }

.profile-place .voting {
  float: right;
  font-size: 10px;
  text-align: center;
  position: relative;
}
.profile-place .voting .clear { clear: both; color: #aaa; }
.profile-place .voting .count {
  display: inline-block;
  color: #aaa;
}
.profile-place .voting .text {
  position: absolute;
  right: 33%;
  color: #aaa;
}
.profile-place  .voting .stars { background: url(../images/bill-stars-empty.png) no-repeat top left; width: 120px; height: 25px; text-align: left; cursor: pointer;  }
.profile-place  .voting  .stars div { background: url(../images/bill-stars.png) no-repeat top left; width: 0px; height: 25px; text-align: left; }
.profile-place  .voting.cantvote .stars   { cursor: default; }

.profile-place .about {
  background: #FAFAFA;
  clear: both;
}

.profile-place .persons {  float: left; margin-left: 30px; }

.profile-place .about .content { padding: 5px 32px; color: #666; overflow: hidden; }
.profile-place .about .content h1 { color: #555; }
.profile-place .about .content p { margin-bottom: 15px; }
.profile-place .about .content p.note { color: #aaa; margin-bottom: 25px; }

.profile-place .about .content .line {
  height: 5px;
  margin-bottom: 20px;
  clear: both;
}

.profile-place .about .content ul.admin-list { overflow: hidden; text-align: center; }
.profile-place .about .content ul.admin-list li { float: left; margin-right: 10px; margin-bottom: 10px; }
.profile-place .about .content ul.admin-list li dt img { width: 48px; height: 48px; }

.profile-place-more { padding-left: 8px; }
.profile-place-more .visitors {
  min-height: 200px;
  overflow: hidden;
}

/* Places list */

.place-list h1 span { color: #6ec80d; }
.place-list table { width: 100%; border-collapse: collapse; margin-bottom: 20px; }
.place-list table thead td { background: #f0f1f1; font-weight: bold; padding: 5px 0; }
.place-list table thead td.user { padding-left: 10px; }
.place-list table thead td.strength, .place-list table thead td.rating { width: 130px; text-align: center; }
.place-list table thead td.date { width: 150px; text-align: center; }
.place-list table tbody td { padding: 5px 0 12px 0; font-size: 11px; color: #999; border-bottom: 1px solid #ddd; }
.place-list table tbody td span { color: #6ec80d; }
.place-list table tbody td.user {
  padding-left: 10px;
  overflow: hidden;
}
.place-list table tbody td.user img { float: left; margin-right: 7px; width: 24px; height: 24px; }
.place-list table tbody td.user a.link { color: #999; font-weight: bold; position: relative; top: 1px; }
.place-list table tbody td.strength { color: #70aae0; font-weight: bold; text-align: center; }
.place-list table tbody td.date { text-align: center; }
.place-list table tbody td.rating { text-align: center; }
.place-list table tbody td.rating span { padding-right: 12px; }
.place-list table tbody td.rating.up span { background: url(../images/blog-rating-up.gif) no-repeat right 3px; }
.place-list table tbody td.rating.down span { background: url(../images/blog-rating-down.gif) no-repeat right 3px; }
.place-list table tbody td.rating strong { background: #ff68cf; color: #fff; padding: 5px 10px; }

.place-list thead td.user { padding-left: 32px; }
.place-list thead td.join-head { width: 40px; text-align: center; }
.place-list thead td.visitors, .place-list tbody td.visitors { width: 100px; text-align: center; }
.place-list tbody td { padding: 7px 0; }
.place-list td.name { overflow: hidden; padding: 10px 0 5px 0; }
.place-list td.name img { float: left; padding-bottom: 5px; margin-right: 7px; width: 24px; height: 24px; }
.place-list td.name a.title {
  font-size: 18px;
  line-height: 15px;
  text-decoration: none;
}
.place-list td.name .types { font-size: 9px; color: #777777; }
.place-list td.name a.author { line-height: 18px; background:url(../images/icons.gif) no-repeat scroll 0 -108px; padding-left: 12px; color: #999; font-weight: bold; }

.place-list .join { text-align: center; }
.place-list .join a { margin: 0 auto; outline: none; display: block; height: 10px; width: 10px; background: url(../images/icons.gif) no-repeat scroll 0 -250px; }
.place-list .join a:hover { background: url(../images/icons.gif) no-repeat scroll -10px -250px; }
.place-list .join.active a { background: url(../images/icons.gif) no-repeat scroll -10px -250px !important; }

.place-list  .stars { background: url(../images/bill-stars-empty.png) no-repeat top left; width: 120px; height: 25px; text-align: left; cursor: default; }
.place-list  .stars div { background: url(../images/bill-stars.png) no-repeat top left; width: 0px; height: 25px; text-align: left; }
.place-list .voting { float: right; font-size: 10px; text-align: center; position: relative; top: -5px; }
.place-list .voting .clear { clear: both; color: #aaa; }
.place-list .voting .count { position: absolute; top: 42px; left: 69%; color: #aaa; }
.place-list .voting .text { position: absolute; top: 42px; right: 33%; color: #aaa; }

.place-list thead td.fav-head { width: 40px; text-align: center; }
.place-list .fav { text-align: center; }
.place-list .fav a { margin: 0 auto; display: block; height: 10px; width: 10px; background: url(../images/star-off.gif) no-repeat; }
.place-list .fav a:hover { background: url(../images/star.gif) no-repeat; }
.place-list .fav.active a { background: url(../images/star.gif) no-repeat; }

#places_catalogue h1 { float: left; }
#places_catalogue .city-filter {
  float: right;
  color: #cccccc;
  font-size: 11px;
  font-weight:bold;
  margin: 25px 10px;
}
#places_catalogue .city-filter input {
  border: 1px solid;
  color: #cccccc;
  font-size: 11px;
  font-family: Verdana;
  padding: 3px;
}
#places_catalogue .city-filter input.focused {
  border: 1px solid #8ce;
}

#place_types { background: #eeeeee; height: 60px; margin-left: 0px; width: 100%; vertical-align: middle; }
#place_types .all, #place_types .types { float: left; margin-top: 5px; }
#place_types .all { padding: 10px 20px 0 20px; line-height: 20px; }
#place_types .types { border-left: 1px solid #cccccc; padding-left: 15px; width: 80%; line-height: 25px; height: 50px;  }
#place_types a { font-family: Verdana; color: #888888; vertical-align: middle; margin: 5px; text-decoration: none; }
#place_types .all a { font-size: 14px; }
#place_types a:hover { background: #888888; color: white; text-decoration: none; }
#place_types a.active { background: #888888; color: white; text-decoration: none; }





/* --- RAfri Gallery --- */

div#RAfriGallery {
  position: absolute;
  top: 170px;
  left: 0;
  width: 67%;
  height: 71%;
  background: #F7F8F9;
}

div#ImagesContainerAndControls {
  height: 100%;
  text-align: center;
}

div#ImageContainer {
  width: 100%;
  height: 100%;
}

div#PreviewImages {
  width: 180px;
  height: 90%;
  padding: 15px;
  float: left;
}

img.GalleryImg {
  margin: 5px;
  width: 70px;
  height: 85px;
  border: none;
  cursor: pointer;
  border: 2px double #AAA;
}

img.GalleryImg:hover {
  border: 2px double #555;
}

img.GalleryBigImg {
  max-width: 70%;
  max-height: 70%;
  margin: 20px;
  border: 1px solid #BBB;
  cursor: pointer;
}

img.GalleryBigImg:hover {
  border: 1px solid #999;
}

span.GallImgButt {
  cursor: pointer;
  border-bottom: 1px solid #444;
}

span.GallImgButt:hover {
  border: none;
}

/* big image gallery */

div#BigImagePlace {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(148, 149, 150, 0.7);
  z-index: 10000;
}

img.GalImgFullScreen {
  max-width: 98%;
  max-height: 92%;
  margin: 17px auto 0;
  display: table;
  border: 2px solid #555;
  box-shadow: 0 0 30px #FEFEFE;
  -moz-box-shadow: 0 0 30px #FEFEFE;
  -webkit-box-shadow: 0 0 30px #FEFEFE;
}

img.GalImgFullScreen:hover {
  border: 2px solid #454545;
}

div#BImgCPlace {
  background: rgba(200, 201, 202, 0.75);
  width: 100%;
  height: 51px;
  text-align: center;
  font-size: 14px;
}

/* Gal buttons */

.BeautyButton {
  background: #444;
  color: #FEFEFE;
  cursor: pointer;
  width: 130px;
  padding: 8px;
  text-align: center;
  font-weight: bold;
  margin: 10px;
}

div#BigImagePlace div.CloseButton {
  float: right;
}

div#BigImagePlace div.CloseButton:hover {
  background: #353535;
}

div#BigImagePlace div.SlideShowButton {
  float: left;
}

div#BigImagePlace div.SlideShowButton:hover {
  background: #353535;
}

div#BigImgContainer {
  border: none;
  height: 93%;
  width: 100%;
}

/* misc */

.RoundedCorners {
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
}

.MaxRoundedCorners {
  border-radius: 100px;
  -moz-border-radius: 100px;
  -webkit-border-radius: 100px;
  -khtml-border-radius: 100px;
}

/* User panel in sidebar */

div.UserPBase {
  text-align: center;
  background: #FFF;
  box-shadow: 0 0 7px #999999;
  -moz-box-shadow: 0 0 7px #999999;
  -webkit-box-shadow: 0 0 7px #999999;
  margin: 3px 2px 5px;
  border: none;
}

div.NoUserSidebar {
  background: #FFE4B5;
  text-align: center;
  color: #333;
  font-size: 14px;
}

a.cabPersonalBlog {
  background: transparent url(../images/cup.png) 2px center no-repeat;
  padding: 0 0 0 26px;
}

a.cabPersonalFav {
  background: transparent url(../images/myfav.png) left center no-repeat;
  padding: 0 0 0 26px;
}

a.liveFeed {
  background: transparent url(../images/fire_my_live.png) 2px center no-repeat;
  padding: 0 0 0 26px;
  display: block;
}

/* community */

img.BigImgInCommunity {
  height: 80px;
  width: 80px;
}

div.community {
  margin: 0 0 25px;
}

div.community div.JoinButton {
  background: #444;
  color: #FEFEFE;
  cursor: pointer;
  width: 130px;
  padding: 8px;
  text-align: center;
  font-weight: bold;
  margin: 10px;
  box-shadow: 0 0 5px #333333;
  -moz-box-shadow: 0 0 5px #333333;
  -webkit-box-shadow: 0 0 5px #333333;
}

div.community div.JoinButton:hover {
  background: #353535;
}

div.community div.JoinButton.UserHasJoined {
  background: #999;
}

div.community div.JoinButton.UserHasJoined:hover {
  background: #858585;
}

table#CommunitiesTable td {
  border-bottom: 1px solid #DDD;
  padding: 10px;
}

tr.SecondTR {
  background: #FEFBF3;
  border-bottom: 1px solid #DDD !important;
}

div.community a.title {
  font-size: 18px;
  font-family: Verdana;
  font-weight: bold;
  line-height: 30px;
}

div.community a.title:hover {
  color: #69B;
}

div.community p.InCommunity {
  line-height: 22px;
  font-size: 12px;
}

div.community span.readers {
  font-weight: bold;
  color: #E84;
  font-size: 16px;
}

img.UsersInCommunities {
  width: 32px;
  height: 32px;
  border: 1px solid #888;
  display: inline-block;
  cursor: pointer;
  box-shadow: 1px 1px 3px #555555;
  -moz-box-shadow: 1px 1px 3px #555555;
  -webkit-box-shadow: 1px 1px 3px #555555;
}

img.UsersInCommunities:hover {
  border: 1px solid #555;
  box-shadow: 2px 2px 3px #555555;
  -moz-box-shadow: 2px 2px 3px #555555;
  -webkit-box-shadow: 2px 2px 3px #555555;
}

a.CommunityAuthor {
  font-weight: bold;
  text-decoration: none;
}

a.CommunityAuthor:hover {
  color: #578;
}

img.BarbySize {
  width: 16px;
  height: 16px;
  margin: 0 3px -3px 0;
}

/* menu guru */

ul.menu li.MusicLib a,
ul.menu li.GuruArtist a,
ul.menu li.GuruPhoto a,
ul.menu li.GuruFans a {
  background: transparent url(../images/cd.png) left center no-repeat;
  padding: 0 0 0 25px;
}

ul.menu li.GuruArtist a {
  background: url(../images/guru_artist.png) left center no-repeat;
}

ul.menu li.GuruPhoto a {
  background: transparent url(../images/guru_artist_images.png) left center no-repeat;
}

ul.menu li.GuruFans a {
  background: transparent url(../images/communities.png) left center no-repeat;
}

ul.sub-menu li a.GuruVideo {
  background: url(../images/guru_artist_video.png) left center no-repeat;
  padding: 0 0 0 25px;
}

ul.sub-menu li a.GuruInBlogs {
  background: url(../images/lf_new_topic.png) left center no-repeat;
  padding: 0 0 0 25px;
}

ul.sub-menu li a.GuruInWiki {
  background: url(../images/guru_wiki.png) left center no-repeat;
  padding: 0 0 0 25px;
}

ul.sub-menu li a.GuruRSSNews {
  background: url(../images/guru_news.png) left center no-repeat;
  padding: 0 0 0 25px;
}

ul.sub-menu li a.GuruTwitter {
  background: url(../images/twitter.png) left center no-repeat;
  padding: 0 0 0 25px;
}

p.NoThere {
  margin: 0 20px;
  text-align: center;
}

/* some */

.page h1, .page ul, .event-bill h2, #places_catalogue h1, #content h2, .visitors ul {
  padding: 20px;
}

div.lite-center input[type="text"]:hover, div.lite-center input[type="password"]:hover, 
div.lite-center input[type="text"]:focus, div.lite-center input[type="password"]:focus {
  border: 1px solid #8CE;
  padding: 5px;
}

.profile-user select#blog_id {
  padding: 1px;
  border: 1px solid #AAA;
}

.profile-user input#topic_title:focus,
.profile-user textarea#topic_text:focus,
.profile-user input#topic_tags:focus,
.profile-user input#topic_title:hover,
.profile-user textarea#topic_text:hover,
.profile-user input#topic_tags:hover,
.profile-user select#blog_id:hover {
  border: 1px solid #8CE;
  padding: 1px;
}

.profile-user select#blog_id {
  padding: 1px;
  margin: 4px 0 0;
}

div.topic.top.SettingsProfile {
  border-bottom: none;
  margin: 10px 0 -20px;
}

form#form_upload_img {
  margin: 0 0 15px;
}

form#form_upload_img input[type="radio"] {
  margin: 0 5px 0 0;
}

div#text_preview {
  margin: 20px;
}

div#container.Light {
  min-height: 95%;
}

button.buttonLogin {
  padding: 5px 8px;
  background: #EFEFEF;
}

button.buttonLogin:hover {
  border: 1px solid #8CE;
  background: #E7E7E7;
}

div#LightHeaderControls {
  float: right;
  margin: 36px 30px;
}

div#LightHeaderControls a {
  margin: 0 10px;
}

div#liteMonkey {
  background: transparent url(../images/musicLib75.png) no-repeat left center;
  float: left;
  height: 92px;
  margin: -3px 50px 0 10px;
  width: 100px;
}

span.CrGreen {
  color: green;
}

.people h1 {
  padding: 0 20px 20px;
}

/* changing size in forms */

div.ChangeSize {
  width: 21px;
  height: 20px;
  display: inline-block;
  float: right;
  margin: 2px 0 0;
}

div.ChangeSize div.Smaller, div.ChangeSize div.Bigger {
  background: url(../images/resize_0.gif) center top;
  width: 21px;
  height: 9px;
  margin: 1px 0 0;
  cursor: pointer;
  opacity: 0.6;
}

div.ChangeSize div.Smaller:hover, div.ChangeSize div.Bigger:hover {
  opacity: 1;
}

div.ChangeSize div.Bigger {
  background: url(../images/resize_1.gif) center top;
}

/* playmp3.org.ua webservice */

div#window_uploadmp3 {
  background: rgba(255, 255, 255, 0.9);
  background: -moz-linear-gradient(top, #FFF, #EEE);
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#EEE));
  border: 1px solid #222;
  left: 30%;
  position: fixed;
  top: 20%;
  width: 500px;
}

div#window_uploadmp3 div.CenterContent {
  padding: 20px;
  margin: 20px;
}

div#window_uploadmp3 div.CenterContent div.notext {
  display: inline-block;
  border: 1px solid #999;
  padding: 2px 5px 2px;
  text-align: center;
  font-family: Verdana;
  cursor: default;
  background: #DDD;
  margin: 0 2px;
}

div#window_uploadmp3 div.CenterContent div.AddMp3, div#window_uploadmp3 div.CenterContent div.NoMp3Cancel {
  border: 1px solid #999;
  padding: 2px 5px 3px;
  text-align: center;
  background: #DDD;
  background: -moz-linear-gradient(top, #FFF, #CCC);
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#CCC));
  box-shadow: 0 1px 4px #BBB;
  -moz-box-shadow: 0 1px 4px #BBB;
  -webkit-box-shadow: 0 1px 4px #BBB;
  cursor: default;
  display: inline-block;
  width: 45%;
  -moz-user-select: none;
  user-select: none;
}

div.ButtonContainer {
  text-align: justify;
  white-space: nowrap;
}

div#window_uploadmp3 div.CenterContent div.CloseButton {
  float: right;
  border: 1px solid #999;
  padding: 1px 4px 2px 5px;
  text-align: center;
  font-family: Tahoma;
  font-weight: bold;
  margin: -25px -25px 0 0;
  cursor: default;
}

div#window_uploadmp3 div.CenterContent input[type="text"] {
  margin: 7px 0;
}

div#window_uploadmp3 div.CenterContent div.notext:hover, div#window_uploadmp3 div.CenterContent div.AddMp3:hover,
div#window_uploadmp3 div.CenterContent input[type="text"]:hover, div#window_uploadmp3 div.CenterContent input[type="text"]:focus,
div#window_uploadmp3 div.CenterContent div.CloseButton:hover, div#window_uploadmp3 div.CenterContent div.NoMp3Cancel:hover {
  border: 1px solid #8CE;
  background: #FFF;
  box-shadow: 0 0 4px #8CE;
  -moz-box-shadow: 0 0 4px #8CE;
  -webkit-box-shadow: 0 0 4px #8CE;
}

div#window_uploadmp3 div.CenterContent input[type="text"]:hover, div#window_uploadmp3 div.CenterContent input[type="text"]:focus {
  padding: 1px;
}

div#window_uploadmp3 div.CenterContent div.CurrentStep {
  margin: 0 0 24px;
}

div#window_uploadmp3 div.CenterContent div.CurrentStep sup span.InfoTip {
  border: 1px solid #BBB;
  cursor: default;
  margin: 0 3px;
  padding: 0 4px 1px 5px;
  text-align: center;
}

div#window_uploadmp3 div.CenterContent h3 {
  text-align: center;
  margin: 0 0 20px;
}

div#window_uploadmp3 div.CenterContent small.RightsInfo {
  color: #888;
  display: block;
  margin: 20px 0 -16px;
  text-align: right;
}

/* --- LiveFeed actions --- */

div.OneTweetContainer,
div.OnePictureContainer,
div.OneTopicContainer,
div.OneTwiticContainer,
div.OneEventContainer {
  border: 1px solid #EEE;
  padding: 8px;
  margin: 4px 0;
  color: #555;
}

div.OneTweetContainer:hover,
div.OnePictureContainer:hover,
div.OneTopicContainer:hover,
div.OneTwiticContainer:hover,
div.OneEventContainer:hover {
  border: 1px solid #DDD;
}

/* LF time and tags */

div.OneTweetContainer div.LFTime,
div.OnePictureContainer div.LFTime,
div.OneTopicContainer div.LFTime,
div.OneTwiticContainer div.LFTime,
div.OneEventContainer div.LFTime {
  float: right;
  font-size: 10px;
  color: #555;
  text-align: right;
  margin: -4px -4px 0 0;
}

div.OneTweetContainer div.LFTag,
div.OnePictureContainer div.LFTag,
div.OneTopicContainer div.LFTag,
div.OneTwiticContainer div.LFTag,
div.OneEventContainer div.LFTag {
  background: transparent url(../images/twitter.png) left center no-repeat;
  padding: 1px 0 1px 26px;
  font-size: 12px;
  font-weight: bold;
}

div.OnePictureContainer div.LFTag {
  background: transparent url(../images/lf_images.png) left center no-repeat;
}

.display_ib {
  display: inline-block;
}

div.OnePictureContainer div.LFTag a {
  color: #333;
  text-decoration: none;
}

div.OneTweetContainer div.LFTag a {
  color: #333;
}

div.OnePictureContainer div.PicInfoString {
  font-size: 11px;
  display: inline-block;
  margin: 0 7px;
}

div.OneTopicContainer div.LFTag {
  background: transparent url(../images/lf_new_topic.png) left center no-repeat;
}

div.OneTopicContainer div.LFTag a {
  color: #333;
  text-decoration: none;
}

div.OneTwiticContainer div.LFTag {
  background: transparent url(../images/lf_twitic.png) left center no-repeat;
}

div.OneTwiticContainer div.LFTag a {
  color: #333;
  text-decoration: none;
}

div.OneEventContainer div.LFTag {
  background: transparent url(../images/date.png) left center no-repeat;
}

div.OneEventContainer div.LFTag a {
  color: #333;
  text-decoration: none;
}

/* LF misc */

div.OneTweetContainer div.LFTitle,
div.OneTopicContainer div.LFTitle,
div.OneTwiticContainer div.LFTitle,
div.OneEventContainer div.LFTitle {
  padding: 7px 0 0 26px;
  text-align: justify;
}

div.OnePictureContainer div.LFPicture {
  margin: 10px 5px 5px 25px;
}

div.OnePictureContainer div.LFPicture a {
  outline: none;
}

div.OnePictureContainer img,
div.OneEventContainer div.LFTitle img {
  border: 2px solid #555;
  box-shadow: 1px 1px 3px #888;
  -moz-box-shadow: 1px 1px 3px #888;
  -webkit-box-shadow: 1px 1px 3px #888;
  max-height: 200px;
  max-width: 200px;
  margin: 5px 25px 0 0;
}

div.OnePictureContainer img:hover,
div.OneEventContainer div.LFTitle img:hover {
  border: 2px solid #444;
}

div.OneEventContainer div.LFTitle img {
  margin: 10px 25px 5px 0;
}

div.OneTopicContainer div.LFTitle a {
  color: #333;
}

div.OneTwiticContainer div.LFTitle {
  padding: 0 5px;
  display: inline-block;
  font-size: 10px;
  color: #999;
}

div.OneEventContainer div.LFTitle {
  font-size: 10px;
}

div.OneTwiticContainer div.LFTitle div.SmallComment,
div.OneTopicContainer div.LFTitle div.SmallComment,
div.OneEventContainer div.LFTitle div.SmallComment {
  background: url(../images/comment-list.gif) no-repeat left 5px transparent;
  color: #999;
  display: inline-block;
  margin: 0 10px;
  padding-left: 15px;
  font-size: 10px;
}

div.OneTwiticContainer div.LFTitle div.SmallComment a,
div.OneTopicContainer div.LFTitle div.SmallComment a,
div.OneEventContainer div.LFTitle div.SmallComment a {
  color: #999;
}

div.OneTwiticContainer div.LFTitle a {
  color: #888;
}

div.OneTwiticContainer div.LFTitle a.UserSpeech {
  color: #333;
  font-size: 12px;
}

div.OneEventContainer div.LFTitle a {
  color: #555;
}

/* date select */

div.DateSelectContainer {
  float: left;
}

div.DateSelectContainer input#DateSelect {
  border: 1px solid #EEE;
  font-size: 9px;
  letter-spacing: 1px;
  padding: 1px;
  text-align: center;
}

div.DateSelectContainer input#DateSelect:hover,
div.DateSelectContainer input#DateSelect:active {
  border: 1px solid #8CE;
}

/* LF day news visual filter */

div#LiveFeedInfoPlace div.TodayHappendSuchNews,
div#LiveFeedInfoPlace div.BeforeThisDayNews {
  color: #444;
  font-size: 11px;
  font-weight: bold;
  margin: 10px 0;
}

div#LiveFeedInfoPlace div.BeforeThisDayNews {
  margin-top: 25px;
}

/* LF page navigation */

div#LiveFeedInfoPlace div.PageNavigationContainer {
  margin: 0 0 10px;
  text-align: right;
}

div#LiveFeedInfoPlace div.PageNavigationContainer div.PageControlsContainer {
  color: #5A5A5A;
}

div#LiveFeedInfoPlace div.PageNavigationContainer div.PageControlsContainer div.CurPageNumValCurrent,
div#LiveFeedInfoPlace div.PageNavigationContainer div.PageControlsContainer div.CurPageNumVal {
  display: inline-block;
  border: 1px solid #DDD;
  margin: 0 0 0 2px;
  padding: 2px 5px 3px;
  -moz-user-select: none;
  user-select: none;
  cursor: default;
  box-shadow: 1px 1px 3px #EEE;
  -moz-box-shadow: 1px 1px 3px #EEE;
  -webkit-box-shadow: 1px 1px 3px #EEE;
}

div#LiveFeedInfoPlace div.PageNavigationContainer div.PageControlsContainer div.CurPageNumVal {
  background: #EEE;
  background: -moz-linear-gradient(top, #FFF, #F3F3F3);
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#F3F3F3));
  cursor: pointer;
  font-weight: bold;
  text-decoration: underline;
}

div#LiveFeedInfoPlace div.PageNavigationContainer div.PageControlsContainer div.CurPageNumVal:hover {
  text-decoration: none;
}

div#LiveFeedInfoPlace div.PageNavigationContainer div.PageControlsContainer div.CurPageNumVal:active {
  background: #DDD;
  background: -moz-linear-gradient(top, #F3F3F3, #FFF);
  background: -webkit-gradient(linear, left top, left bottom, from(#F3F3F3), to(#FFF));
  box-shadow: 0 1px 3px #EEE;
  -moz-box-shadow: 0 1px 3px #EEE;
  -webkit-box-shadow: 0 1px 3px #EEE;
}

/* LF sidebar */

div.ChooseLiveFeedFilter {
  cursor: pointer;
  font-family: Arial;
  font-size: 16px;
  font-weight: bold;
  padding: 7px 7px 7px 33px;
  margin: 2px;
  color: #333;
  background: url(../images/allok.png) no-repeat 9px center transparent;
}

div.ChooseLiveFeedFilter:hover, div.block div.LFToolTip:hover {
  text-decoration: underline;
}

div.ChooseLiveFeedFilter:active {
  border: 1px solid #BBB;
}

div.LFToolTip {
  cursor: pointer;
  font-size: 14px;
  margin: 10px 3px 20px;
  text-align: center;
  background: url(../images/allok.png) no-repeat 9px center transparent;
  border: 1px solid #EEE;
  padding: 5px;
}

div.SwitchDisabled {
  background: url(../images/lf_disabled.png) no-repeat 9px center transparent;
}

div.ShadowFadeBlue {
  background: -moz-linear-gradient(right, #E3F4FF, #FFF);
  background: -webkit-gradient(linear, right top, left top, from(#E3F4FF), to(#FFF));
}

div.ShadowFadeHot {
  background: -moz-linear-gradient(right, #FFF8D9, #FFF);
  background: -webkit-gradient(linear, right top, left top, from(#FFF8D9), to(#FFF));
}

div.ShadowFadewhite {
  background: -moz-linear-gradient(right, #EEE, #FFF);
  background: -webkit-gradient(linear, right top, left top, from(#EEE), to(#FFF));
}

div.ShadowFadeGreen {
  background: -moz-linear-gradient(right, #EFE, #FFF);
  background: -webkit-gradient(linear, right top, left top, from(#EFE), to(#FFF));
}

div.ShadowFadeRed {
  background: -moz-linear-gradient(right, #FFF0F1, #FFF);
  background: -webkit-gradient(linear, right top, left top, from(#FFF0F1), to(#FFF));
}

/* Social contacts edit */

div.SettingsSocial {
  border: none;
}

div.SettingsSocial table.SocialTable {
  margin: 20px 0;
}

div.SettingsSocial table.SocialTable td {
  padding: 10px;
  border-bottom: 1px solid #DDD;
}

div.SettingsSocial input[type="text"]:hover, div.SettingsSocial input[type="text"]:focus {
  border: 1px solid #8CE;
  padding: 1px;
}

/* sidebar big icons and status */

#sidebar .profile div.CabinetIconsCantainer a.msg-empty,
#sidebar .profile div.CabinetIconsCantainer a.msg,
#sidebar .profile div.CabinetIconsCantainer a.settings,
#sidebar .profile div.CabinetIconsCantainer a.PersonalBlog,
#sidebar .profile div.CabinetIconsCantainer a.PersonalFav,
#sidebar .profile div.CabinetIconsCantainer a.IliveFeed {
  display: inline-block;
  height: 24px;
  width: 24px;
  background: url(../images/cabinet/mail.png) no-repeat center center transparent;
  margin: 4px 1px 2px;
  opacity: 0.7;
  cursor: default;
  outline: none;
}

#sidebar .profile div.CabinetIconsCantainer a.msg-empty:hover,
#sidebar .profile div.CabinetIconsCantainer a.msg:hover,
#sidebar .profile div.CabinetIconsCantainer a.settings:hover,
#sidebar .profile div.CabinetIconsCantainer a.PersonalBlog:hover,
#sidebar .profile div.CabinetIconsCantainer a.PersonalFav:hover,
#sidebar .profile div.CabinetIconsCantainer a.IliveFeed:hover {
  opacity: 1;
  margin: 2px 1px 4px;
}

#sidebar .profile div.CabinetIconsCantainer a.msg {
  background: url(../images/cabinet/mail_new.png) no-repeat center center transparent;
}

#sidebar .profile div.CabinetIconsCantainer a.settings {
  background: url(../images/cabinet/user.png) no-repeat center center transparent;
}

#sidebar .profile div.CabinetIconsCantainer a.PersonalBlog {
  background: url(../images/cabinet/blog.png) no-repeat center center transparent;
}

#sidebar .profile div.CabinetIconsCantainer a.PersonalFav {
  background: url(../images/cabinet/favorites.png) no-repeat center center transparent;
}

#sidebar .profile div.CabinetIconsCantainer a.IliveFeed {
  background: url(../images/cabinet/news.png) no-repeat center center transparent;
}

#sidebar .profile a.exit {
  background: url(../images/cabinet/exit.png) no-repeat center center transparent;
  display: inline-block;
  height: 16px;
  width: 16px;
  margin: 0 5px -3px;
  outline: none;
}

#sidebar .profile div.UserStatusContainer input#TCurrentUserStatusField {
  font-family: Arial;
  font-size: 9px;
  height: 10px;
  text-align: center;
  padding: 3px 1px;
  border: none;
  border-bottom: 1px dashed #EEE;
  margin: 2px;
  color: #888;
}

#sidebar .profile div.UserStatusContainer input#TCurrentUserStatusField:focus {
  border: 1px solid #8CE;
  margin: 1px 1px 2px;
  box-shadow: 0 0 5px #8CE;
  -moz-box-shadow: 0 0 5px #8CE;
  -webkit-box-shadow: 0 0 5px #8CE;
  color: #69F;
}

#sidebar .profile div.UserStatusContainer input#TCurrentUserStatusField.StatusUpdated {
  padding-right: 20px;
  background: transparent url(../images/allok.png) right center no-repeat;
  color: #555;
}

#sidebar .profile div.UserStatusContainer div.UserStatusCommentCount {
  display: inline-block;
  color: red;
  background: url(../images/comment-list.gif) no-repeat left 5px transparent;
  padding-left: 10px;
  opacity: 0.7;
}

#sidebar .profile div.UserStatusContainer div.UserStatusCommentCount:hover {
  opacity: 1;
}

#sidebar .profile div.UserStatusContainer a.noul {
  text-decoration: none;
  outline: none;
}

#sidebar .profile div.CabinetIconsCantainer div.InMailContainer {
  color: red;
  cursor: default;
  display: inline-block;
  font-size: 10px;
}

/* user autorization */

div.NoUserSidebar a {
  background: transparent url(../images/user.png) left center no-repeat;
  padding: 0 0 0 20px;
  color: #333;
  font-size: 12px;
  font-weight: bold;
}

div.NoUserSidebar a.reg {
  background: transparent url(../images/user_add.png) left center no-repeat;
}

/* Twitic page */

div.TwiticFullPageContainer div.TwiticSpeech {
  border: 1px solid #EEE;
  padding: 12px;
  text-align: center;
  background: #FAFAFA;
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.7), #FAFAFA);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.7)), to(#FAFAFA));
}

div#content div.TwiticFullPageContainer div.TwiticSpeech h2.title {
  margin: 0;
  padding: 0 0 2px;
  font-size: 18px;
}

div.TwiticFullPageContainer div.SmallCorner {
  background: url(../images/small_corner.gif) no-repeat center center transparent;
  height: 15px;
  width: 27px;
  margin: -1px 52px 2px;
}

div.TwiticFullPageContainer div.TwiticFullPagePhoto {
  float: left;
  font-family: Verdana;
  font-weight: bold;
  text-align: center;
  min-height: 100px;
  margin: 0 30px;
}

div.TwiticFullPageContainer div.TwiticFullPagePhoto img {
  width: 64px;
  height: 64px;
  border: 2px solid #555;
  box-shadow: 1px 1px 3px #888;
  -moz-box-shadow: 1px 1px 3px #888;
  -webkit-box-shadow: 1px 1px 3px #888;
}

div.TwiticFullPageContainer div.TwiticFullPagePhoto a {
  text-decoration: none;
  color: #333;
  display: block;
  margin: 5px 0;
}

/* Social contacts in profile */

div.profile-user table.SocialContacts {
  width: 100%;
}

div.profile-user table.SocialContacts tr {
  height: 33px;
}

div.profile-user table.SocialContacts tr td {
  width: 50%;
  vertical-align: middle;
  padding-left: 40px;
}

div.profile-user table.SocialContacts tr td.icq {
  background: url(../images/social/icq.png) no-repeat left center transparent;
}

div.profile-user table.SocialContacts tr td.vk {
  background: url(../images/social/vk.png) no-repeat left center transparent;
}

div.profile-user table.SocialContacts tr td.connect {
  background: url(../images/social/connect.png) no-repeat left center transparent;
}

div.profile-user table.SocialContacts tr td.google {
  background: url(../images/social/google.png) no-repeat left center transparent;
}

div.profile-user table.SocialContacts tr td.linkedin {
  background: url(../images/social/linkedin.png) no-repeat left center transparent;
}

div.profile-user table.SocialContacts tr td.twitter {
  background: url(../images/social/twitter.png) no-repeat left center transparent;
}

div.profile-user table.SocialContacts tr td.lastfm {
  background: url(../images/social/lastfm.png) no-repeat left center transparent;
}

div.profile-user table.SocialContacts tr td.skype {
  background: url(../images/social/skype.png) no-repeat left center transparent;
}

div.profile-user table.SocialContacts tr td.livejournal {
  background: url(../images/social/livejournal.png) no-repeat left center transparent;
}

div.profile-user table.SocialContacts tr td.myspace {
  background: url(../images/social/myspace.png) no-repeat left center transparent;
}

div.profile-user table.SocialContacts tr td.youtube {
  background: url(../images/social/youtube.png) no-repeat left center transparent;
}

div.profile-user table.SocialContacts tr td.facebook {
  background: url(../images/social/facebook.png) no-repeat left center transparent;
}

div.profile-user table.SocialContacts tr td.jabber {
  background: url(../images/social/jabber.png) no-repeat left center transparent;
}

div.profile-user table.SocialContacts tr td.flickr {
  background: url(../images/social/flickr.png) no-repeat left center transparent;
}

/* Twitic in profile */

div.profile-user div.ProfileUserTwitic {
  background: url(../images/lf_twitic.png) no-repeat left center transparent;
  overflow: hidden;
  padding-left: 25px;
}

div.profile-user div.ProfileUserTwitic a.Comments {
  background: url(../images/comment-list.gif) no-repeat left center transparent;
  display: inline-block;
  font-weight: normal;
  margin: 0 10px;
  padding-left: 12px;
}

/* Smiles in add topic */

div#SmilesContainer {
  background: #EEE;
  border: 1px solid #CCC;
  padding: 3px;
  width: 40%;
  position: absolute;
  display: none;
  z-index: 300;
  box-shadow: 0 0 3px #9CE;
  -moz-box-shadow: 0 0 3px #9CE;
  -webkit-box-shadow: 0 0 3px #9CE;
  text-align: center;
}

div#SmilesContainer div.OneSmileFullContainer {
  border: 1px solid #EEE;
  height: 30px;
  overflow: hidden;
  padding: 1px 0;
  width: 40px;
  cursor: default;
  display: inline-block;
}

div#SmilesContainer div.OneSmileFullContainer:hover,
div#SmilesContainer div.CancelSmileSelect:hover {
  background: #8CE;
  border: 1px solid #58F;
}

div#SmilesContainer div.CancelSmileSelect {
  background: #DDD;
  border: 1px solid #BBB;
  cursor: default;
  padding: 3px;
  text-align: center;
  font-weight: bold;
}

/* profile */

div.SettingsSocial form p {
  padding: 10px;
  border: 1px solid #EEE;
  background: #FBFBFB;
  background: -moz-linear-gradient(top, #FFF, #FAFAFA);
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#FAFAFA));
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
}

div.SettingsSocial form p:last-child {
  border: none;
  background: none;
}

/* sidebar titles and icons */

div.block h1.iBroadcast,
div.block h1.iBill,
div.block h1.iPopularToday,
div.block h1.iUserTags,
div.block h1.iUserFavorites,
div.block h1.iCountrys,
div.block h1.iCities,
div.block h1.iGuruTopicsByTag,
div.block h1.iGuruTwitter,
div.block h1.iGuruGVideo,
div.block h1.iGuruRSSFeed,
div.block h1.iYouMayBeInterested {
  background: url(../images/megaphone.png) no-repeat left center transparent;
  padding-left: 35px;
}

div.block h1.iBill {
  background: url(../images/calendar.png) no-repeat left center transparent;
}

div.block h1.iPopularToday {
  background: url(../images/target.png) no-repeat left center transparent;
}

div.block h1.iUserTags {
  background: url(../images/magnet.png) no-repeat left center transparent;
}

div.block h1.iUserFavorites {
  background: url(../images/heart24.png) no-repeat left center transparent;
}

div.block h1.iCountrys {
  background: url(../images/flag_yellow.png) no-repeat left center transparent;
}

div.block h1.iCities {
  background: url(../images/city.png) no-repeat left center transparent;
}

div.block h1.iGuruTopicsByTag {
  background: url(../images/lf_new_topic.png) no-repeat left center transparent;
}

div.block h1.iGuruTwitter {
  background: url(../images/twitter.png) no-repeat left center transparent;
}

div.block h1.iGuruGVideo {
  background: url(../images/guru_artist_video.png) no-repeat left center transparent;
}

div.block h1.iGuruRSSFeed {
  background: url(../images/feed.gif) no-repeat left center transparent;
}

div.block h1.iYouMayBeInterested {
  background: url(../images/tag-label.png) no-repeat left center transparent;
}

/* profile last fm last tracks */

.block.lastfm.lasttracks div.LastFMTrackLine {
  border-bottom: 1px solid #EEE;
  clear: both;
  margin: 5px 0;
  overflow: hidden;
  padding: 2px;
  color: #555;
  font-weight: bold;
}

.block.lastfm.lasttracks div.LastFMTrackLine:last-child {
  border: none;
}

.block.lastfm.lasttracks div.LastFMTrackLine small {
  color: #999;
  font-weight: normal;
}

.block.lastfm.lasttracks div.LastFMTrackLine img {
  width: 34px;
  height: 34px;
  float: left;
  margin: 0 10px 0 0;
  border: 1px solid #555;
}

/* profile last fm user lib */

.profile.lastfm div.OneArtistContainer {
  float: left;
  margin: 10px 10px 25px;
  color: #555;
  font-weight: bold;
}

.profile.lastfm div.OneArtistContainer small {
  color: #0187C5;
  font-weight: normal;
}

.profile.lastfm div.OneArtistContainer div.LastFMImgContainer {
  margin-bottom: 3px;
  border: 1px solid #777;
  padding: 1px;
}

.profile.lastfm div.OneArtistContainer div.LastFMImgContainer img {
  height: 100px;
  width: 120px;
  border: 1px solid #777;
}

/* search page */

div.ipage.SearchResults h1 {
  color: #CCC;
}

div.ipage.SearchResults strong {
  color: #555;
}