html, body {
  margin: 0;
  padding: 0;
  position: relative;
}
body {
  font-family: "Lucida Grande", "Verdana", "Helvetica", "Arial", sans-serif;
  background: #bcd75f;
  color: #222222;
  font-size: 12px;
  line-height: 1.5em;
  margin: 0;
  padding: 0;
  min-height: 100%;
}
#allWrap {
  position: relative;
  z-index: 10;
}
#coolBG {
  display: none;
  position: fixed;
  bottom: 0;
  z-index: 5;
  height: 424px;
  width: 100%;
  background: url('/images/coolBGPics.png') center bottom repeat-x;
}
h1, h2, h3, h4 {
  font-weight: normal;
  margin: 1em 0 0.5em 0;
  color: #555;
  line-height: 1.2em;
}
h1:first-child, h2:first-child, h3:first-child, h4:first-child, h1:first-of-type {
  margin-top: 0;
}
h1 {
  font-size: 16px;
}
table {
  border: none;
  border-collapse: collapse;
}
ul, ol {
  margin-left: 2em;
  padding-left: 0;
}
a {
  color: #00AEEF;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
a img {
  border: 0;
}
/* new clearfix */
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */


.irony {
  color: #CC3333;
  font-style: italic;
}
.grayThing {
  color: #b0b0b0;
  margin-top: 1em;
}

input textarea select {
  color: #222222;
}
.pageContainer.full {
  width: 100%;
}
.pageContainer {
  margin-bottom: 2em;
}
#headerTop {
  height: 120px;
}
#logo {
  padding-top: 23px;
}
#logo .simpleLogo {
  margin-top: 10px;
}
#header {
  height: 160px;
}
#menu {
  margin: 0 0 12px 0;
  padding: 0;
  border-bottom: 1px solid #B0B4C1;
  border-top: 1px solid #f7f8fb;
  height: 38px;
  position: absolute;
  width: 100%;
  z-index: 1000;
  top: 120px;
}
#header.fixed #menu {
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 10000;
}
#menuInner {
  margin: 0;
  padding: 0;
  border-top: 1px solid #E4E9F2;
  height: 37px;
  background: #e4e9f2;
}
#menuInner container_12 {
  height: 37px;
}
#menuInner ul {
  list-style: none;
  padding: 0;
  margin-top: 4px;
  margin-bottom: 0;
}
#menuInner ul li {
  font-size: 12px;
  text-align: center;
  text-transform: uppercase;
  margin: 0;
  display: block;
  float: left;
  padding: 0 8px;
  border-right: 1px solid #B0B4C1;
  border-left: 1px solid #f7f8fb;
  position: relative;
}
#menuInner ul li:first-child {
  border-left: 0;
  padding-left: 0;
}
#menuInner ul li:last-child, #menuInner ul li.last {
  border-right: 0;
  padding-right: 0;
}
#menuInner ul li a, #menuInner ul li .miWrap {
  color: #4D4D4D;
  text-shadow: 1px 1px 1px white;
  display: block;
  padding: 3px 9px;
  margin: 4px 1px 3px 1px;
  line-height: 1.4em;
}
#menuInner ul li span a, .boxshadow #menuInner ul li span a{
  display: inline;
  padding: 0;
  margin: 0;
  border: 0;
  background: none;
}
#menuInner ul li:hover a, #menuInner ul li:hover .miWrap, #menuInner ul li.current a, #menuInner ul li.current .miWrap {
  border-top: 1px solid #b0b4c1;
  border-left: 1px solid #b0b4c1;
  border-right: 1px solid #b0b4c1;
  border-bottom: 1px solid #fff;
  background: #c8cedc;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -o-border-radius: 6px;
  text-decoration: none;
  margin: 3px 0 2px 0;
}
#menuInner ul li:hover span a {
  border: none;
  background: none;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -o-border-radius: 0;
  text-decoration: none;
  margin: 0;
}
.cssgradients #menuInner {
  background: -moz-linear-gradient(top, #f4f6fa, #e8ecf4 18px, #e4e9f2 19px, #e4e9f2);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f4f6fa), color-stop(0.5, #e8ecf4), color-stop(0.5, #e4e9f2), to(#e4e9f2));
}
.no-cssgradients #menuInner {
  background: url('/images/menuInner.png') left top repeat-x #e4e9f2;
}
.cssgradients #menuInner ul li.current .miWrap {
  background: -moz-linear-gradient(top, #f0f1f5, #d1d5e1 50%, #c9cedc 50%, #c9cedc);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f0f1f5), color-stop(0.5, #d1d5e1), color-stop(0.5, #c9cedc), to(#c9cedc));
}
.no-cssgradients.borderradius #menuInner ul li.current .miWrap {
  background: url('/images/menuCurrent.png') left top repeat-x #e0e3eb;
}
.no-borderradius #menuInner ul li.current .miWrap {
  border: none;
  background: url('/images/nrcMenuCurrent.png') left top no-repeat;
  padding: 0;
}
.no-borderradius #menuInner ul li.current .miWrap > span, .no-borderradius #menuInner ul li.current .miWrap > a{
  display: block;
  padding: 4px 10px 4px 4px;
  margin-left: 6px;
  background: url('/images/nrcMenuCurrent.png') right top no-repeat;
  border: 0;
}
.no-borderradius #menuInner ul li:hover .miWrap {
  border: none;
  background: url('/images/nrcMenuHover.png') left top no-repeat;
  padding: 0;
}
.no-borderradius #menuInner ul li:hover .miWrap > span, .no-borderradius #menuInner ul li:hover .miWrap > a{
  display: block;
  padding: 4px 10px 4px 4px;
  margin-left: 6px;
  background: url('/images/nrcMenuHover.png') right top no-repeat;
}
.cssgradients #menuInner ul li:hover .miWrap, .cssgradients #menuInner ul li.current:hover .miWrap {
  background: #c9cedc;
  background: -moz-linear-gradient(top, #eff1f4, #c9cedc 50%, #bcc0cf 50%, #bcc0cf);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eff1f4), color-stop(0.5, #c9cedc), color-stop(0.5, #bcc0cf), to(#bcc0cf));
  border-bottom: 1px solid #b0b4c1;
}
.borderradius #menuInner ul li:hover .miWrap, .borderradius #menuInner ul li.current:hover .miWrap {
  border-bottom: 1px solid #c9cedc;
}
.no-cssgradients.borderradius #menuInner ul li.current:hover .miWrap, .no-cssgradients.borderradius #menuInner ul li:hover .miWrap {
  background: url('/images/menuHover.png') left top repeat-x #bcc0cf;
}
.boxshadow #menu {
  -webkit-box-shadow: rgba(0, 0, 0, 0.25) 0 6px 6px;
  -moz-box-shadow: rgba(0, 0, 0, 0.25) 0 6px 6px;
  box-shadow: rgba(0, 0, 0, 0.25) 0 6px 6px;
}
.no-boxshadow #menu {
  margin: 0;
  padding: 0 0 13px 0;
  border-bottom: 0;
  background: url('/images/menuBG.png') left bottom repeat-x;
}
#menuInner .subMenu {
  position: absolute;
  background: #c9cedc;
  text-align: left;
  padding: 0 8px;
  border-top: 1px solid #edeeef;
  border-bottom: 1px solid #aeb3be;
  background: #c8cedc;
  border-radius: 0 6px 6px 6px;
  -moz-border-radius: 0 6px 6px 6px;
  -webkit-border-radius: 0 6px 6px 6px;
  -o-border-radius: 0 6px 6px 6px;
  visibility: hidden;
  left: 18px;
  top: 38px;
  white-space: nowrap;
  z-index: 40;
}
.no-borderradius.no-cssgradients #menuInner .subMenu {
  background: none !important;
  border: none;
  top: 41px;
}
.no-borderradius.no-cssgradients #menuInner ul li .subMenu ul{
  position: relative;
  z-index: 30;
  background: none;
  padding-top: 3px;
}
.no-borderradius.no-cssgradients #menuInner .subMenuTR {
  position: absolute;
  z-index: 20;
  width: 100%;
  height: 50%;
  background: url('/images/nrcSubMenu.png') right top no-repeat;
  top: -6px;
  right: -6px;
  padding-bottom: 7px;
}
.no-borderradius.no-cssgradients #menuInner .subMenuBR {
  position: absolute;
  z-index: 20;
  width: 100%;
  height: 50%;
  background: url('/images/nrcSubMenu.png') right bottom no-repeat;
  bottom: -6px;
  right: -6px;
  padding-top: 6px;
}
.no-borderradius.no-cssgradients #menuInner .subMenuL {
  position: absolute;
  z-index: 20;
  width: 12px;
  height: 100%;
  background: url('/images/nrcSubMenu.png') left bottom no-repeat;
  bottom: -6px;
  left: -6px;
}
.no-borderradius.no-cssgradients #menuInner .subMenuLT {
  position: absolute;
  z-index: 20;
  width: 12px;
  height: 12px;
  background: url('/images/nrcSubMenu.png') left top no-repeat;
  top: -6px;
  left: -6px;
}
#menuInner li:first-child .subMenu {
  left: 10px;
}
#menuInner li:hover .subMenu {
  visibility: visible;
}
.cssgradients #menuInner .subMenu {
  background: -moz-linear-gradient(top, #adb2c1, #c9cedc 10%, #c9cedc 90%, #e0e3eb);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#adb2c1), color-stop(0.1, #c9cedc), color-stop(0.9, #c9cedc), to(#e0e3eb));
}
.no-cssgradients.backgroundsize #menuInner .subMenu {
  background-size: 100% 100%;
  -o-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -webkit-background-size: 100% 100%;
  background: url('/images/subMenu.png') left top repeat-x #c9cedc;
}
.boxshadow #menuInner .subMenu {
  -webkit-box-shadow: rgba(0, 0, 0, 0.25) 0 3px 6px;
  -moz-box-shadow: rgba(0, 0, 0, 0.25) 0 3px 6px;
  -o-box-shadow: rgba(0, 0, 0, 0.25) 0 3px 6px;
  box-shadow: rgba(0, 0, 0, 0.25) 0 3px 6px;
}
.boxshadow #menuInner ul li:hover .subMenu a, .boxshadow #menuInner ul li:hover .subMenu span {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
#menuInner ul li .subMenu ul {
  margin: 0;
  padding: 6px 0;
  border-bottom: 1px solid #B0B4C1;
  border-top: 1px solid #f7f8fb;
}
#menuInner ul li .subMenu ul:first-child {
  border-top: 0;
  margin-top: 0;
}
#menuInner ul li .subMenu ul:last-child, #menuInner ul li .subMenu ul.last {
  border-bottom: 0;
  margin-bottom: 0;
}
#menuInner ul li .subMenu li, #menuInner ul li .subMenu li:first-child, #menuInner ul li .subMenu li:last-child {
  float: none;
  border: 0;
  padding: 0;
  margin: 6px 8px;
  text-align: left;
  text-transform: none;
}
#menuInner ul li .subMenu li a:hover {
  text-shadow: 1px 1px 1px #7D8291;
  color: white;
}
#menuInner ul li .subMenu li.current {
  color: white;
  background: #ACB2C2;
  padding: 3px 8px;
  margin: 3px 0;
  border-bottom: 1px solid #edeeef;
  border-top: 1px solid #7D8291;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -o-border-radius: 6px;
  text-shadow: 1px 1px 1px #7D8291;
}
.no-borderradius #menuInner .subMenu li.current, .no-borderradius #menuInner #userMenu li.current {
  border: 0;
  padding: 0;
  background: url('/images/nrcSubMenuCurrent.png') left top no-repeat;
  height: 19px;
}
.no-borderradius #menuInner .subMenu li.current span, .no-borderradius #menuInner #userMenu li.current > span, .no-borderradius #menuInner #userMenu li.current > a {
  border: 0;
  margin: 0 0 0 8px;
  background: url('/images/nrcSubMenuCurrent.png') right top no-repeat;
  display: block;
  height: 19px;
  line-height: 19px;
  padding: 0 0 8px 0;
}
.no-borderradius #menuInner #userMenu li.current > a {
  display: inline !important;
}
#menuInner .subMenu li a, #menuInner .subMenu li span, #menuInner li:hover .subMenu li a, #menuInner li:hover .subMenu li span {
  background: 0;
  border: 0;
  padding: 0;
  margin: 0;
}
#menuInner li .connector {
  margin: 0 0 0 3px;
  position: absolute;
  top: 26px;
  height: 13px;
  width: 100%;
  z-index: 50;
  visibility: hidden;
  background: url('/images/connectorBG.png') left top no-repeat;
}
#menuInner li:hover .connector {
  display: block;
  visibility: visible;
}
#menuInner li .connectorBG {
  background: url('/images/connectorBG.png') right top no-repeat;
  height: 13px;
  margin: 0 22px 0 8px;
}
#menuInner li:first-child .connectorBG {
  margin: 0 14px 0 8px;
}
#currentUserLink {
  font-size: 14px;
  padding-top: 1px;
  position: relative;
}
#currentUserLink .userIcon {
  width: 140px;
  overflow: hidden;
  position: relative;
}
#currentUserLink .user_text_link{
  line-height: 33px;
  font-weight: bold;
}
.faceWrap {
  height: 34px;
  width: 300px;
}
.faceIcon {
  width: 32px;
  height: 32px;
  overflow: hidden;
  float: left;
  margin: 0 8px 0 0;
  background: white;
  border: 1px solid #B8CAD6;
  position: relative;
}
.faceIcon img {
  position: relative;
  top: -12px;
  left: -15px;
}
.faceMask {
  position: absolute;
  height: 100%;
  width: 15px;
  top: 0;
  right: 0;
  background: url('/images/faceMask.png') right top no-repeat;
}
#headerSearch form{
  margin: 5px 0 0 0;
  padding: 0;
  border-top: 1px solid #B0B4C1;
  border-left: 1px solid #B0B4C1;
  border-right: 1px solid #f7f8fb;
  border-bottom: 1px solid #f7f8fb;
  height: 24px;
  background: url('/images/searchLoupe.png') 4px 5px no-repeat white;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -o-border-radius: 6px;
}
.no-borderradius #headerSearch form{
  background: url('/images/nrcSearch.png') left top no-repeat;
  border: none;
  padding: 1px;
  height: 24px;
}
#headerSearch form input.search {
  border: 0;
  outline: none;
  background: none;
  margin: 6px 0 0 25px;
  padding: 0;
  width: 109px;
}
#headerSearch form input.search.empty {
  color: #BDCCD4;
}

ul.noList {
  list-style: none;
  padding: 0;
  margin: 10px 10px 0 10px;
}

/* Footer */
#footer {
  text-align: center;
  font-size: 11px;
  color: #43571B;
  padding-bottom: 20px;
}
#footer a {
  color: #43571B;
}
#footer .fortune {
  font-style: italic;
}
.boxRounded {
  border-radius: 12px;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  -o-border-radius: 12px;
  background: white;
  margin-bottom: 10px;
  position: relative;
  padding-bottom: 40px;
  overflow: visible;
}
.mainBody > .boxRounded {
  min-height: 523px;
}
.boxshadow .boxRounded {
  -webkit-box-shadow: rgba(0, 0, 0, 0.25) 0 6px 6px;
  -moz-box-shadow: rgba(0, 0, 0, 0.25) 0 6px 6px;
  box-shadow: rgba(0, 0, 0, 0.25) 0 6px 6px;
}
.boxRounded .boxRounded, .boxshadow .boxRounded .boxRounded {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -o-border-radius: 0;
}
.boxRounded .boxTitle {
  border-bottom: 1px solid #B0B4C1;
  border-radius: 12px 12px 0 0;
  -moz-border-radius: 12px 12px 0 0;
  -webkit-border-radius: 12px 12px 0 0;
  -o-border-radius: 12px 12px 0 0;
  position: relative;
  text-shadow: 1px 1px 0 white;
  font-size: 14px;
  line-height: 1.2em;
  min-height: 42px;
}
.cssgradients .boxRounded .boxTitle {
  background: -moz-linear-gradient(top, #f7f9fb, #eaeef5);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f7f9fb), to(#eaeef5));
}
.no-cssgradients .boxRounded .boxTitle {
  background: url('/images/boxTitle.png') left top repeat-x #eaeef5;
}
.boxRounded .boxTitle h1 {
  padding: 10px 10px 8px 10px;
  margin: 0;
  font-size: 20px;
  color: #555;
}
.boxRounded .boxTitle .buttons {
  position: absolute;
  top: 14px;
  right: 10px;
  list-style: none;
  margin: 0;
  padding: 0;
  width: auto;
}

.mainBody .boxRounded {
  margin-left: -10px;
  margin-right: -10px;
}
.mainBody .boxRounded .boxRounded {
  margin: 0;
}

.sidebar .boxRounded {
  margin-right: -10px;
}
.boxshadow .sidebar .boxRounded {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.sidebar .boxRounded .boxTitle {
  min-height: 0;
  padding: 10px;
}
.sidebar .boxRounded .boxTitle h4{
  margin: 0;
  padding: 0;
}

.profileTitle .itemActions {
  float: right;
  list-style: none;
  margin-right: 15px;
  margin-top: 16px;
}
.boxRounded .boxTitle.profileTitle h1{
  line-height: 34px;
  padding-left: 20px;
}
.boxRounded .boxTitle.profileTitle .voteTotal {
  text-shadow: 1px 1px 1px rgba(255,255,255, 0.25);
}

.user_actions {
  list-style: none;
  float: right;
  height: 37px;
  margin: 6px 6px 0px 0px;
  width: 100px;
  position: relative;
}
.user_actions li {
  float: right;
  height: 37px;
  width: 37px;
  margin: 0px 8px 0px 0px;
}
.user_actions li.unfriend a {
  background: url(/images/buttons/delFriend.png) left top no-repeat;
  display: block;
  overflow: hidden;
  width: 37px;
  height: 37px;
  line-height: 200px;
}
.user_actions li.friend a {
  background: url(/images/buttons/addFriend.png) left top no-repeat;
  display: block;
  overflow: hidden;
  width: 37px;
  height: 37px;
  line-height: 200px;
}
.user_actions li.new_message a {
  background: url(/images/buttons/sendMessage.png) left top no-repeat;
  display: block;
  overflow: hidden;
  width: 37px;
  height: 37px;
  line-height: 200px;
}

.js .pagination {
  display: none;
}

#sideMenu {
  list-style: none;
  margin: 43px -10px 20px -10px;
  padding: 0;
}
#sideMenu li {
  margin: 0 0 10px 0;
  padding: 10px;
  background: white;
  border-right: 1px solid #B0B4C1;
  border-bottom: 1px solid #B0B4C1;
  border-top: 1px solid #f7f8fb;
  border-left: 0px;
  border-radius: 12px 0 0 12px;
  -moz-border-radius: 12px 0 0 12px;
  -webkit-border-radius: 12px 0 0 12px;
  -o-border-radius: 12px 0 0 12px;
  position: relative;
}
#sideMenu li img{
  position: absolute;
  left: 0px;
  bottom: -1px;
}
.cssgradients #sideMenu li {
  background: -moz-linear-gradient(right top -180deg, #cbd7de, white 10px, white);
  background: -webkit-gradient(linear, 100% 0%, 0% 0%, from(#cbd7de), color-stop(0.06, #fff), to(#fff));
}
.no-cssgradients #sideMenu li {
  background: url('/images/sideMenuLI.png') right top repeat-y white;
}
#sideMenu li.current {
  background: white;
  border-right: 0;
}
#sideMenu li.current a{
  color: #222;
  text-decoration: none;
  cursor: default;
}
#sideMenu li a, #sideMenu li span {
  line-height: 38px;
  height: 38px;
  display: block;
  padding-left: 48px;
}
#sideMenu li.current a:hover;{
  color: #222;
  text-decoration: none;
  cursor: default;
}

#sideMenu li.editProfile a {
  background-image: url('/images/menuEditProfile.png');
  background-position: 0 -5px;
  background-repeat: no-repeat;
}
#sideMenu li.editProfileMore a {
  background-image: url('/images/menuEditProfile.png');
  background-position: 0 -53px;
  background-repeat: no-repeat;
}
#sideMenu li.editProfileAbout a {
  background-image: url('/images/menuEditProfile.png');
  background-position: 0 -102px;
  background-repeat: no-repeat;
}
#sideMenu li.editProfilePassword a {
  background-image: url('/images/menuEditProfile.png');
  background-position: 0 -149px;
  background-repeat: no-repeat;
}
#sideMenu li.editProfileSubscriptions a {
  background-image: url('/images/menuEditProfile.png');
  background-position: 0 -198px;
  background-repeat: no-repeat;
}
#sideMenu li.editSocial a, #sideMenu li.editSocial span{
  background-image: url('/images/menuEditProfile.png');
  background-position: 0 -246px;
  background-repeat: no-repeat;
}
#sideMenu li.showProfile a, #sideMenu li.showProfile span {
  background-image: url('/images/menuShowProfile.png');
  background-position: 0 -5px;
  background-repeat: no-repeat;
}
#sideMenu li.showProfileBlog a, #sideMenu li.showProfileBlog span {
  background-image: url('/images/menuShowProfile.png');
  background-position: 0 -53px;
  background-repeat: no-repeat;
}
#sideMenu li.showProfileQuestions a, #sideMenu li.showProfileQuestions span {
  background-image: url('/images/menuShowProfile.png');
  background-position: 0 -101px;
  background-repeat: no-repeat;
}
#sideMenu li.showProfileSocium a, #sideMenu li.showProfileSocium span {
  background-image: url('/images/menuShowProfile.png');
  background-position: 0 -149px;
  background-repeat: no-repeat;
}
#sideMenu li.showProfileClubs a, #sideMenu li.showProfileClubs span {
  background-image: url('/images/menuShowProfile.png');
  background-position: 0 -197px;
  background-repeat: no-repeat;
}
#sideMenu li.showProfileAchievements a, #sideMenu li.showProfileAchievements span {
  background-image: url('/images/menuShowProfile.png');
  background-position: 0 -245px;
  background-repeat: no-repeat;
}
#sideMenu li.gamesLotteries a, #sideMenu li.gamesLotteries span {
  background-image: url('/images/menuGames.png');
  background-position: 0 -5px;
  background-repeat: no-repeat;
}
#sideMenu li.gamesRules a, #sideMenu li.gamesRules span {
  background-image: url('/images/menuGames.png');
  background-position: 0 -149px;
  background-repeat: no-repeat;
}
#sideMenu li.gamesWinners a, #sideMenu li.gamesWinners span {
  background-image: url('/images/menuGames.png');
  background-position: 0 -197px;
  background-repeat: no-repeat;
}
#sideMenu li.gamesPoker a, #sideMenu li.gamesPoker span {
  background-image: url('/images/menuGames.png');
  background-position: 0 -53px;
  background-repeat: no-repeat;
}
#sideMenu li.gamesPokerCombos a, #sideMenu li.gamesPokerCombos span {
  background-image: url('/images/menuGames.png');
  background-position: 0 -245px;
  background-repeat: no-repeat;
}
#sideMenu li.gamesPaintball a, #sideMenu li.gamesPaintball span {
  background-image: url('/images/menuGames.png');
  background-position: 0 -101px;
  background-repeat: no-repeat;
}
#sideMenu li.gamesPaintomimes a, #sideMenu li.gamesPaintomimes span {
  background-image: url('/images/menuGames.png');
  background-position: 0 -293px;
  background-repeat: no-repeat;
}
#sideMenu li.usersOnline a, #sideMenu li.usersOnline span {
  background-image: url('/images/menuUsers.png');
  background-position: 0 -5px;
  background-repeat: no-repeat;
}
#sideMenu li.usersFresh a, #sideMenu li.usersFresh span {
  background-image: url('/images/menuUsers.png');
  background-position: 0 -53px;
  background-repeat: no-repeat;
}
#sideMenu li.usersPopular a, #sideMenu li.usersPopular span {
  background-image: url('/images/menuUsers.png');
  background-position: 0 -101px;
  background-repeat: no-repeat;
}
#sideMenu li.usersGraphomanic a, #sideMenu li.usersGraphomanic span {
  background-image: url('/images/menuUsers.png');
  background-position: 0 -149px;
  background-repeat: no-repeat;
}
#sideMenu li.usersChatty a, #sideMenu li.usersChatty span {
  background-image: url('/images/menuUsers.png');
  background-position: 0 -197px;
  background-repeat: no-repeat;
}
#sideMenu li.usersRecommended a, #sideMenu li.usersRecommended span {
  background-image: url('/images/menuUsers.png');
  background-position: 0 -245px;
  background-repeat: no-repeat;
}
#sideMenu li.clubsAll a, #sideMenu li.clubsAll span {
  background-image: url('/images/menuClubs.png');
  background-position: 0 -5px;
  background-repeat: no-repeat;
}
#sideMenu li.clubsFresh a, #sideMenu li.clubsFresh span {
  background-image: url('/images/menuClubs.png');
  background-position: 0 -53px;
  background-repeat: no-repeat;
}
#sideMenu li.clubsPopular a, #sideMenu li.clubsPopular span {
  background-image: url('/images/menuClubs.png');
  background-position: 0 -101px;
  background-repeat: no-repeat;
}
#sideMenu li.clubsRecommended a, #sideMenu li.clubsRecommended span {
  background-image: url('/images/menuClubs.png');
  background-position: 0 -197px;
  background-repeat: no-repeat;
}
#sideMenu li.clubsNew a, #sideMenu li.clubsNew span {
  background-image: url('/images/menuClubs.png');
  background-position: 0 -149px;
  background-repeat: no-repeat;
}

.sideMenu {
  position: relative;
  z-index: 200;
}
.sidebar {
  position: relative;
  z-index: 20;
  margin: 43px 0 0 0;
}
.sidebarBlock {
  margin: 0 -10px 10px -10px;
  padding: 10px;
  background: white;
  border-left: 1px solid #B0B4C1;
  border-bottom: 1px solid #B0B4C1;
  border-top: 1px solid #f7f8fb;
  border-right: 0px;
  border-radius: 0 12px 12px 0;
  -moz-border-radius: 0 12px 12px 0;
  -webkit-border-radius: 0 12px 12px 0;
  -o-border-radius: 0 12px 12px 0;
}
.cssgradients .sidebarBlock {
  background: -moz-linear-gradient(left top 0deg, #cbd7de, white 10px, white);
  background: -webkit-gradient(linear, 0 0%, 100% 0%, from(#cbd7de), color-stop(0.06, #fff), to(#fff));
}
.no-cssgradients .sidebarBlock {
  background: url('/images/sidebarBlock.png') left top repeat-y white;
}
.sidebar .avatarLink {
  text-align: left;
  display: block;
  height: 120px;
  width: 120px;
  margin: 0 auto;
  overflow: hidden;
}
.sidebar .avatar {
  height: 120px;
  width: 120px;
}
.sidebar dl.userInfo {
  margin: 2px 0 0 0;
  font-size: 9px;
}
.sidebar dl.userInfo dt, .sidebar dl.userInfo dd {
  height: 16px;
  line-height: 15px;
  border: 1px solid #999999;
  float: left;
  margin: 0 0 1px 0;
  background: #e4e9f2;
  text-transform: uppercase;
  color: black;
}
.cssgradients .sidebar dl.userInfo dt, .cssgradients .sidebar dl.userInfo dd {
  background: -moz-linear-gradient(top, #f0f3f8, #e8edf5 50%, #e4e9f2);
  background: -webkit-gradient(linear, 0 0%, 0% 100%, from(#f0f3f8), color-stop(0.5, #e8edf5), color-stop(0.5, #e4e9f2), to(#e4e9f2));
}
.no-cssgradients .sidebar dl.userInfo dt, .no-cssgradients .sidebar dl.userInfo dd {
  background: url('/images/sidebarDLDT.png') left top repeat-x #e4e9f2;
}
.sidebar dl.userInfo dt.points, .sidebar dl.userInfo dd.pointsValue {
  background: #C9CEDC;
}
.cssgradients .sidebar dl.userInfo dt.points, .cssgradients  .sidebar dl.userInfo dd.pointsValue {
  background: -moz-linear-gradient(top, #e4e7f0, #d2d7e2 50%, #cdd1df 50%, #c9cedc);
  background: -webkit-gradient(linear, 0 0%, 0% 100%, from(#e4e7f0), color-stop(0.5, #d2d7e2), color-stop(0.5, #cdd1df), to(#c9cedc));
}
.no-cssgradients .sidebar dl.userInfo dt.points, .no-cssgradients  .sidebar dl.userInfo dd.pointsValue {
  background: url('/images/sidebarDLDTPoints.png') left top repeat-x #c9cedc;
}
.sidebar dl.userInfo dt {
  width: 94px;
}
.sidebar dl.userInfo dt.hover {
  border: 1px solid black;
}
.sidebar dl.userInfo dd  {
  width: 39px;
  margin-left: 2px;
  text-align: right;
  font-weight: bold;
}
.sidebar dl.userInfo a, .sidebar dl.userInfo span {
  text-decoration: none;
  color: black;
  outline: none;
  border: 1px solid #e4e9f2;
  margin: 0;
  display: block;
  height: 14px;
  padding: 0 3px;
}
.sidebar dl.userInfo a:hover {
  color: white;
  text-decoration: none;
  border-color: black;
  background-color: black;
}
.cssgradients .sidebar dl.userInfo a:hover {
  background: -moz-linear-gradient(top, #8f8f8f, #000 50%, #000);
  background: -webkit-gradient(linear, 0 0%, 0% 100%, from(#8f8f8f), color-stop(0.5, #000), to(#000));
}
.no-cssgradients .sidebar dl.userInfo a:hover {
  background: url('/images/sidebarDLDTA.png') left top repeat-x #000;
}
.sidebar dl.userInfo a span {
  background: url('/images/smallArrow.png') right 2px no-repeat;
  display: block;
  height: 16px;
  border: 0;
  padding: 0;
}
.sidebar dl.userInfo a:hover span {
  color: white;
}
.sidebar dl.userInfo dt.voicePower, .sidebar dl.userInfo dt.voicePower span {
  border-radius: 0 0 0 6px;
  -moz-border-radius: 0 0 0 6px;
  -webkit-border-radius: 0 0 0 6px;
  -o-border-radius: 0 0 0 6px;
}
.sidebar dl.userInfo dd.voicePowerValue, .sidebar dl.userInfo dd.voicePowerValue span {
  border-radius: 0 0 6px 0;
  -moz-border-radius: 0 0 6px 0;
  -webkit-border-radius: 0 0 6px 0;
  -o-border-radius: 0 0 6px 0;
}
#informersWrap {
  border: 1px solid #DBF279;
  margin-right: -10px;
  border-radius: 12px;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  -o-border-radius: 12px;
  margin-bottom: 10px;
}
.no-borderradius #informersWrap {
  border: none !important;
  background: url('/images/informersBG.png') left top no-repeat !important;
}
.no-borderradius #informers {
  padding: 9px 0 0 9px !important;
  border: none !important;
  background: none !important;
}
#informers {
  border: 1px solid #778753;
  margin: 0;
  border-radius: 12px;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  -o-border-radius: 12px;
  background: #8da248;
  padding: 7px 0 0 7px;
}
.cssgradients #informers {
  background: -moz-linear-gradient(top, #7d8f44, #8da248 20%, #8da248);
  background: -webkit-gradient(linear, 0 0%, 0% 100%, from(#7d8f44), color-stop(0.2, #8da248), to(#8da248));
}
.no-cssgradients #informers {
  background: url('/images/informers.png') left top repeat-x #8da248;
}
.sidebarMenu {
  list-style: none;
}
.sidebarMenu li {
  width: 69px;
  height: 69px;
  position: relative;
  padding: 0;
  float: left;
  margin: 0;
}
.sidebarMenu li a {
  margin: 0;
  display: block;
  width: 62px;
  height: 62px;
  overflow: hidden;
  line-height: 200px;
  outline: none;
  background-position: left top;
  background-repeat: no-repeat;
}
.sidebarMenu li a:hover {
  background-position: 0 -64px;
}
.sidebarMenu li.conversations a {
  background-image: url('/images/informersMail.png');
}
.sidebarMenu li.events a {
  background-image: url('/images/informersEvents.png');
}
.sidebarMenu li.billings a {
  background-image: url('/images/informersBillings.png');
}
.sidebarMenu li.questions a {
  background-image: url('/images/informersQuestions.png');
}

#chatsInformer {
  width: 156px;
  height: 77px;
  background: url('/images/chatsInformer.png') left top no-repeat;
  margin-top: -6px;
  margin-bottom: 10px;
  position: relative;
  display: block;
}
#paintimimesInformer {
  width: 150px;
  height: 73px;
  background: url('/images/paintomimesInformer.png') left top no-repeat;
  margin-top: -2px;
  margin-bottom: 10px;
  position: relative;
  display: block;
}
#paintimimesInformer .count, #pokerInformer .count, #chatsInformer .count  {
  color: white;
  font-weight: bold;
  font-size: 36px;
  width: 65px;
  text-align: center;
  position: absolute;
  left: 5px;
  top: 17px;
}
#chatsInformer .count  {
  top: 21px;
}
#paintimimesInformer a, #pokerInformer a, #chatsInformer a {
  display: block;
  color: white;
  height: 23px;
  line-height: 23px;
  position: absolute;
  bottom: 0;
  width: 136px;
  font-size: 10px;
  padding-left: 10px;
}
#paintimimesInformer a {
  background: url('/images/paintomimesInformerLink.png') left top no-repeat;
  left: 2px;
  bottom: 2px;
}
#pokerInformer a {
  background: url('/images/pokerInformerLink.png') left top no-repeat;
  left: 2px;
  bottom: 2px;
}
#chatsInformer a {
  background: url('/images/chatsInformerLink.png') left top no-repeat;
  left: 2px;
  bottom: 1px;
}
#pokerInformer {
  width: 150px;
  height: 73px;
  background: url('/images/pokerInformer.png') left top no-repeat;
  margin-top: -2px;
  margin-bottom: 10px;
  position: relative;
  display: block;
}

.advertising {
  text-align: center;
  padding: 12px 0;
  height: 60px;
}
.advertising a {
  display: block;
  margin: 0;
  padding: 0;
}

.postBG {
  margin: 20px;
  padding: 0 0 15px 0;
  background: url('/images/postBG.png') center bottom no-repeat;
}
.postBG .post {
  padding: 20px 48px;
  background: #F6F8F9;
  border: 1px solid #B0B3B4;
  margin: 0;
}
.restrictBox{
  width: 500px;
  overflow: hidden;
  word-wrap: break-word;
  margin: 0;
  padding: 0;
}
.postBG .actions {
  margin: 0;
  float: right;
  width: 180px;
}
.posterInfo {
  float: left;
  font-size: 9px;
  width: 80px;
  line-height: 1.2em;
  margin-bottom: 1em;
  color: #4D4D4D;
}
.posterInfo a {
  display: block;
  margin-bottom: 0.5em;
}
.postTitle {
  position: relative;
  margin-left: 0;
  background: white;
  padding: 10px 30px;
  float: left;
  max-width: 358px;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -o-border-radius: 6px;
  min-width: 25px;
  border: 1px solid #C2CDD3;
  margin-bottom: 2em;
}
.listPostBG .postTitle {
  max-width: 348px;
}
.postTitle .privateClubIcon {
  display: inline;
  margin-bottom: -2px;
}
.boxshadow .postTitle {
  -webkit-box-shadow: rgba(0, 0, 0, 0.25) 0 1px 6px;
  -moz-box-shadow: rgba(0, 0, 0, 0.25) 0 1px 6px;
  box-shadow: rgba(0, 0, 0, 0.25) 0 1px 6px;
}
.bubbleTip, .commentContent img.bubbleTip, .postContent img.bubbleTip, .itemContent img.bubbleTip   {
  position: absolute !important;
  top: 12px;
}
.bubbleTip.left {
  left: -14px;
}
.bubbleTip.right {
  right: -14px;
}
.linkToPoster {
  color: #999;
  font-size: 10px;
}
.tagsList {
  padding-top: 1em;
  clear: both;
}

#comments {
  margin: 2em 10px 0 10px;
  padding: 0 60px;
}
.comment {
  margin-bottom: 1em;
  position: relative;
}
.comment .anchor {
  position: absolute;
  top: -52px;
  height: 6px;
  width: 6px;
}
.commenterInfo {
  float: left;
  font-size: 9px;
  width: 80px;
  line-height: 1.2em;
  margin-bottom: 1em;
  color: #4D4D4D;
}
.itemContainer {
  margin: 20px 0 0 0;
}
.itemFeatures {
  float: left;
  font-size: 9px;
  width: 80px;
  line-height: 1.2em;
  margin-bottom: 1em;
  color: #4D4D4D;
  position: relative;
  z-index: 20;
}
.itemAvatar {
  position: relative;
}
.itemAvatar img{
  max-width: 64px;
}
.itemFeatures .status {
  margin: 0;
  height: 11px;
  width: 32px;
  bottom: 0;
  margin-left: 16px;
}
.itemFeatures .status a {
  background: url('/images/buttons/statusbuttons2.png') left top no-repeat;
  display: block;
  height: 11px;
  line-height: 126px;
  overflow: hidden;
}
.itemFeatures .status a.online {
  background-position: 0 -11px;
}
.itemFeatures .status a.inGame {
  background-position: 0 -22px;
}
.itemFeatures .status a.inChat {
  background-position: 0 -33px;
}
.commentContent, .itemText {
  position: relative;
  margin-left: 80px;
  background: white;
  padding: 20px 20px 10px 20px;
  border: 1px solid #ccc;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -o-border-radius: 6px;
}
#allComments .commentContent {
  margin-left: 0;
}
.commentContent.deleted {
  border: 0;
  background: none;
}
.commentMeta, .messageMeta, .itemTextMeta {
  margin-bottom: 1em;
  color: #999;
  font-size: 10px;
  margin-top: -1em;
}
.itemText img {
  max-width: 380px;
}
.itemText .quoteText img {
  max-width: 306px;
}
.commentContent.new {
  background: #F1F6FC;
}

.itemMetadata .itemActions {
  clear: both;
}
.itemShare iframe{
  width: 75px;
  height: 24px;
  overflow: hidden;
  float: left;
}
.itemShare iframe.facebook {
  width: 130px;
}
.itemShare iframe.stumbleupon {
  width: 85px;
}

.itemMetadata {
  margin-top: 1em;
}

.itemContent {
  position: relative;
  z-index: 10;
}

.photos {
  clear: both;
}

.post {
  margin-bottom: 2em;
  clear: both;
}

.listPostBG {
  margin: 0 -21px 14px -31px;
  padding: 0 0 15px 0;
  background: url('/images/listPostBG.png') center bottom no-repeat;
}
.endless .listPostBG {
  margin: 0 -9px 14px -31px;
}
.listPostBG .post {
  background: #F6F8F9;
  border: 1px solid #B0B3B4;
  padding: 15px 30px;
  margin: 0;
}

.restrictBox img,
.commentContent img,
.postContent img,
#infoTab img {
  display: block;
  height: auto;
  position: static !important;
  visibility: visible !important;
  width: auto;
  max-width: 100%;
}
.restrictBox .quoteText img{
  max-width: 404px;
}
.commentContent .actions {
  margin: 12px 0 0 0;
}
.postBody, .videoPost, .audioPost {
  clear: left;
}
.formComment {
  margin: 2em 0 0 0;
  padding: 0;
}

/* Tabs */
.mainBody .margins.grid#infoTab, .mainBody .margins.grid.clubsTab, .mainBody .margins.grid.usersTab, .mainBody .margins.grid.recomendationsTab {
  padding-top: 40px;
  padding-bottom: 10px;
}
/* questions */
.questionsHint {
  padding: 20px 190px 20px 20px;
  background: url("/images/robotPoints.png") 326px 14px no-repeat #ECF2D3;
  min-height: 145px;
  border: 1px solid #999;
  border-radius: 12px;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  -o-border-radius: 12px;
}
div.editorToolbar a.chBox, div.editorToolbar a.chBox:hover {
  position: relative;
  height: 16px;
  text-decoration: none;
  background: url('/images/checkbox.png') 0 0 no-repeat;
  outline: none;
  padding-left: 20px;
  float: left;
  line-height: 16px;
  width: auto;
  margin: 3px 24px 0 3px;
  color: #4D4D4D;
  cursor: pointer;
}
div.editorToolbar a.chBox.checked {
  background-position: 0 -17px;
}
div.editorToolbar a.chBox.disabled {
  cursor: default;
}
.boxshadow .questionsHint {
  -webkit-box-shadow: rgba(0, 0, 0, 0.25) 0 1px 6px;
  -moz-box-shadow: rgba(0, 0, 0, 0.25) 0 1px 6px;
  box-shadow: rgba(0, 0, 0, 0.25) 0 1px 6px;
}
.questionContainer {
  position: relative;
}
.answerForm {
  margin: 0
}
form.new_question {
  position: relative;
}
#question_value, #question_answer {
  height: 100px;
  resize: vertical;
}
.questionContainer .quoteText {
  font-size: 12px;
  line-height: 18px;
}
.questionContainer form.edit_question, .questionContainer form.new_question {
  margin: 0;
  padding: 0;
  width: 400px;
}
.answerLink {
  margin: 0.5em 0 0 0;
  display: block;
  outline: none;
}
.questionContainer form.edit_question #question_answer, .questionContainer form.new_question #question_answer {
  width: 370px;
  margin-bottom: 0;
}
.question .remove {
  display: block;
  line-height: 121px;
  height: 10px;
  width: 11px;
  overflow: hidden;
  position: absolute;
  right: 4px;
  top: 4px;
  display :none;
}
.itemText:hover .remove {
  display: block;
}
.question .remove a {
  background: url(/images/actions/remove.png) left top no-repeat;
  margin:0px;
  display: block;
  height: 10px;
  width: 11px;
}
.question .remove a:hover  {
  background-position: left -10px;
}
.question .remove a.loading, .question .remove a.loading {
  background: url(/images/spinner_light_tiny.gif) center center no-repeat transparent;
}
.question .remove a.disabled, .question .remove a.disabled {
  cursor: default;
}
.borderradius .question .quoteText {
  margin-bottom: 0;
  margin-top: 1em;
}
.question .quoteBL {
  margin-bottom: 0;
}
.question .quoteTL {
  margin-top: 1em;
}

/* Forms */
.mainBody form {
  margin: 2em 70px;
  width: 500px;
}
.mainBody .profileEdit form {
  margin: 2em 0;
}
.mainBody form dl {
  margin: 0 0 1em 0;
}
.mainBody form dt {
  margin: 0;
  padding: 0;
  display: block;
  text-transform: uppercase;
}
.mainBody form dd {
  margin: 0;
  padding: 0;
}
.mainBody form .required {
  color: #EF4100;
  font-size: 14px;
  font-weight: bold;
  display: block;
  float: left;
  margin-left: -14px;
  margin-top: 2px;
}
.mainBody form dl.submit {
  margin: 20px 0;
}
.mainBody form note {
  color: gray;
  text-transform: lowercase;
  display: block;
}
.mainBody form .error {
  margin: 5px 0 0;
  color: #EF4100;
  font-size: 11px;
}
.mainBody form select {
  width: 500px;
  background: white;
  border: 1px solid #d0cecc;
  padding: 8px 4px;
  outline: none;
}
.mainBody form.new_user select {
  width: auto;
}
.mainBody form input[type=text], .mainBody form input[type=password], .mainBody form textarea {
  display: block;
  font-size: 14px;
  padding: 8px 4px;
  width: 490px;
  border: 1px solid #d0cecc;
  outline: none;
}
.mainBody textarea {
  padding: 6px;
  background: white;
  border: 1px solid #d0cecc;
  width: 486px;
  margin: 0 0 1em 0;
}
.mainBody form textarea.wisiwig {
  border-top: 0;
  margin-top: 0;
  padding-top: 4px;
  resize: vertical;
}
.mainBody .note {
  color: #999;
  font-style: italic;
  margin-top: -1em;
}
.mainBody .submit {
  margin: 0 auto;
  height: 38px;
  text-align: center;
  border: 1px solid #0088bb;
  height: 28px;
  width: 230px;
  border-radius: 12px;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  -o-border-radius: 12px;
}
.mainBody .submit:hover {
  border: 1px solid #000;
}
.mainBody .submit input {
  color: white;
  text-transform: uppercase;
  background: 0;
  border: 0;
  font-size: 14px;
  font-weight: bold;
  padding: 0;
  width: 100%;
  margin: 0;
  cursor: pointer;
  height: 28px;
}
.mainBody .submit a{
  color: white;
  text-transform: uppercase;
  background: 0;
  border: 0;
  font-size: 14px;
  font-weight: bold;
  padding-top: 3px;
  line-height: 28px;
}
.loaderButton .submit {
  line-height: 28px;
}
.mainBody .submit a:hover {
  text-decoration: none;
}
.borderradius .mainBody .submit span, .borderradius .mainBody .submit a {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  display: block;
}
.cssgradients .mainBody .submit {
  background: -moz-linear-gradient(top, #88d9f8, #30bdf2 50%, #00aeef 50%, #00aeef);
  background: -webkit-gradient(linear, 0 0%, 0% 100%, from(#88d9f8), color-stop(0.5, #30bdf2), color-stop(0.5, #00aeef), to(#00aeef));
}
.no-cssgradients.borderradius .mainBody .submit {
  background: url('/images/submitButton.png') left top repeat-x #00aeef;
}
.cssgradients .mainBody .submit:hover {
  background: -moz-linear-gradient(top, #8d9497, #3a464c 50%, #000 50%, #000);
  background: -webkit-gradient(linear, 0 0%, 0% 100%, from(#8d9497), color-stop(0.5, #3a464c), color-stop(0.5, #000), to(#000));
}
.no-cssgradients.borderradius .mainBody .submit:hover {
  background: url('/images/submitButtonHover.png') left top repeat-x #000;
}
.mainBody .submit.disabled, .mainBody .submit.disabled, .mainBody .submit.disabled:hover {
  background: #e4e9f2;
  border: 1px solid #e4e9f2;
}
.boxshadow .mainBody .submit:hover {
  -webkit-box-shadow: rgba(0, 0, 0, 0.25) 0 3px 6px;
  -moz-box-shadow: rgba(0, 0, 0, 0.25) 0 3px 6px;
  box-shadow: rgba(0, 0, 0, 0.25) 0 3px 6px;
}
.boxshadow .mainBody .submit.disabled:hover {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.mainBody form #profile_info {
  height: 150px;
}

.profileAvatar {
  float: right;
  margin: 0 0 1em 1em;
}

.regSex {
  float: left;
  width: 250px;
}
.regSex dl dt {
  margin-top: 0 !important;
}
.regSex dl dt, .regSex dl dd {
  margin-left: 0 !important;
}

/* conversations */
#conversations {
  margin-top: 20px;
}
.conversation {
  clear: left;
}
.conversation.list {
  margin: 0 0 10px 0;
  border: 1px solid #999;
  padding: 10px;
  border-radius: 12px;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  -o-border-radius: 12px;
  min-height: 32px;
}
.boxshadow .conversation.list:hover {
  -webkit-box-shadow: rgba(0, 0, 0, 0.25) 0 3px 6px;
  -moz-box-shadow: rgba(0, 0, 0, 0.25) 0 3px 6px;
  box-shadow: rgba(0, 0, 0, 0.25) 0 3px 6px;
}
.conversation .userIcon {
  font-weight: bold;
  float: left;
  height: 34px;
  line-height: 32px;
  font-size: 10px;
  width: 130px;
  margin: 0 10px 0 0;
  overflow: hidden;
}
.conversation .userIcon .user_text_link {
  width: 400px;
  display: block;
  font-size: 12px;
  font-weight: bold;
}
.conversationContent {
  float: left;
  font-size: 10px;
  width: 250px;
  margin-right: 10px;
}
.conversationText {
  height: 2.4em;
  color: #999;
  overflow: hidden;
  line-height: 1.2em;
  margin-top: -3px;
}
.conversationText .quoteText, .conversationText img {
  display: none;
}
.conversationDate {
  text-align: right;
}
.conversationCount {
  float: left;
}
.received .itemFeatures {
  float: right;
}
.received .itemText {
  margin-left: 0;
  margin-right: 80px;
}
.message {
  margin-top: 2em;
  clear: both;
}
.message.again {
  margin-top: 0;
  clear: none;
}
.message.again .itemText{
  border-top: 0;
  border-radius: 0 0 6px 6px;
  -moz-border-radius: 0 0 6px 6px;
  -webkit-border-radius: 0 0 6px 6px;
  -o-border-radius: 0 0 6px 6px;
}
.message .itemText.hasMore{
  border-radius: 6px 6px 0 0;
  -moz-border-radius: 6px 6px 0 0;
  -webkit-border-radius: 6px 6px 0 0;
  -o-border-radius: 6px 6px 0 0;
}
#more_conversation {
  clear: both;
}
.messageTime {
  font-size: 10px;
  color: #999;
}
.received .messageTime {
  text-align: right;
}

/* editor toolbar */
div.editorToolbarWrap {
  border: 1px solid #d0cecc;
  border-width: 1px 1px 0 1px;
}
div.editorToolbar {
  background-color: #F1F4F6;
  margin-bottom: 4px;
  padding: 3px;
  border: 2px solid white;
  margin-bottom: 0;
  height: 23px
}
div.editorToolbar a {
  border: 0;
  padding: 0;
  margin: 0 4px 0 0;
  cursor: pointer;
  line-height: 100px;
  text-decoration: none;
  float: left;
  height: 23px;
  width: 23px;
}
div.editorToolbar a.h2 {
  background: url('/images/editor/h2.png') left top no-repeat;
}
div.editorToolbar a.h3 {
  background: url('/images/editor/h3.png') left top no-repeat;
}
div.editorToolbar a.bold {
  background: url('/images/editor/bold.png') left top no-repeat;
}
div.editorToolbar a.italic {
  background: url('/images/editor/italic.png') left top no-repeat;
}
div.editorToolbar a.underline {
  background: url('/images/editor/underline.png') left top no-repeat;
}
div.editorToolbar a.strikethrough {
  background: url('/images/editor/strikethrough.png') left top no-repeat;
}
div.editorToolbar a.image {
  background: url('/images/editor/image.png') left top no-repeat;
}
div.editorToolbar a.link {
  background: url('/images/editor/link.png') left top no-repeat;
}
div.editorToolbar a.blockquote {
  background: url('/images/editor/blockquote.png') left top no-repeat;
}
div.editorToolbar a.irony {
  background: url('/images/editor/irony.png') left top no-repeat;
}
div.editorToolbar a.cut {
  background: url('/images/editor/cut.png') left top no-repeat;
}
div.editorToolbar a:hover {
  background-position: -23px top;
}
#tagContainer, .md_tag_container {
  border: 1px solid #D0CECC;
  display: block;
  font-size: 14px;
  padding: 5px 4px 0px 4px;
  width: 490px;
  position: relative;
  top: 0;
  left: 0;
  margin-bottom: 1em;
}
.mainBody form #tag_editor_input_div, .mainBody form .md_tag_editor_input_div {
  border: 0;
  height: 17px;
  float: left;
  width: 120px;
  padding: 0 5px 5px 0;
  margin: 0;
}
.mainBody form #tag_editor_input, .mainBody form .md_tag_editor_input, .mainBody form #tag_editor_input[type=text], .mainBody form .md_tag_editor_input[type=text]  {
  border: 0;
  height: 17px;
  width: 120px;
  padding: 0;
  margin: 0;
}
.mainBody .margins {
  margin: 10px;
  padding: 0;
  clear: both;
}
.mainBody .margins.grid {
  margin: 10px;
  padding: 10px 60px;
}

/* list */
.mainBody .margins.grid.list {
  padding-right: 50px;
}
.listBlock {
  display: block;
  width: 138px;
  height: 178px;
  overflow: hidden;
  position: relative;
  margin: 0 10px 10px 0;
  padding: 10px;
  background: white;
  float: left;
  border: 1px solid #999;
  border-radius: 12px;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  -o-border-radius: 12px;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.masoned .listBlock {
  position: absolute;
}
.listBlock.short {
  height: 73px;
}
.listBlock:hover {
  background: #EDF0F4;
}
.listBlock {
  z-index: 100;
}
.listBlock.hidden {
  z-index: 0;
}
.boxshadow .listBlock:hover {
  -webkit-box-shadow: rgba(0, 0, 0, 0.25) 0 3px 6px;
  -moz-box-shadow: rgba(0, 0, 0, 0.25) 0 3px 6px;
  box-shadow: rgba(0, 0, 0, 0.25) 0 3px 6px;
}
.listBlock img {
  max-width: 138px;
}
.listMask {
  position: absolute;
  width: 158px;
  height: 40px;
  background: white;
  bottom: 0;
  left: 0;
  border-radius: 0 0 12px 12px;
  -moz-border-radius: 0 0 12px 12px;
  -webkit-border-radius: 0 0 12px 12px;
  -o-border-radius: 0 0 12px 12px;
}
.cssgradients .listMask {
  background: -moz-linear-gradient(bottom, rgba(255, 255, 255, 1), rgba(255, 255, 255, 1) 20%, rgba(255, 255, 255, 0));
  background: -webkit-gradient(linear, 0 100%, 0% 0%, from(rgba(255, 255, 255, 1)), color-stop(0.2, rgba(255, 255, 255, 1)), to(rgba(255, 255, 255, 0)));
}
.no-cssgradients .listMask {
  background: url('/images/listMask.png') left top repeat-x;
}
.listBlock:hover .listMeta {
  display: none;
}
.listMeta {
  display: none;
  background: black;
  border: 2px solid black;
  border-radius: 0 0 12px 12px;
  -moz-border-radius: 0 0 12px 12px;
  -webkit-border-radius: 0 0 12px 12px;
  -o-border-radius: 0 0 12px 12px;
  width: 154px;
  height: 28px;
  position: absolute;
  left: 0px;
  bottom: -1px;
  overflow: hidden;
  font-size: 12px;
  line-height: 1.4em;
}
.boxshadow .listMeta {
  -webkit-box-shadow: rgba(0, 0, 0, 0.25) 0 -3px 3px;
  -moz-box-shadow: rgba(0, 0, 0, 0.25) 0 -3px 3px;
  box-shadow: rgba(0, 0, 0, 0.25) 0 -3px 3px;
}
.cssgradients .listMeta {
  background: -moz-linear-gradient(top, #8d9497, #3a464c 40%, #000 40%, #000);
  background: -webkit-gradient(linear, 0 0%, 0% 100%, from(#8d9497), color-stop(0.4, #3a464c), color-stop(0.4, #000), to(#000));
}
.no-cssgradients .listMeta {
  background: url('/images/listMeta.png') left top repeat-x #000;
}
.listBlock:hover .listMeta {
  display: block;
}
.listMeta .rating {
  border: 2px solid white;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -o-border-radius: 6px;
  float: left;
  padding: 1px 4px 2px 4px;
  line-height: 13px;
  color: white;
  font-size: 11px;
  font-weight: bold;
  text-align: center;
  min-width: 30px;
  margin: 3px 0 0 4px;
}
.no-borderradius .listMeta .rating {
  background: url('/images/balloonBGSmall.png') left top no-repeat;
  border: none;
  min-width: auto;
  padding: 0;
  line-height: 13px;
}
.operaSuxWithoutThisWrapper {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
}
.no-borderradius .listMeta.listPostMeta .rating {
  background: url('/images/balloonBGSmall.png') left bottom no-repeat;
}
.no-borderradius .listMeta .rating span{
  padding: 3px 6px 4px 0;
  display: block;
  height: 13px;
  min-width: 30px;
  margin: 0 0 0 6px;
  background: url('/images/balloonBGSmall.png') right top no-repeat;
}
.no-borderradius .listMeta.listPostMeta .rating span{
  background: url('/images/balloonBGSmall.png') right bottom no-repeat;
}
.listMeta .commentsCount {
  color: white;
  font-size: 11px;
  font-weight: bold;
  text-align: center;
  margin: 3px 3px 0 0;
  position: relative;
  min-width: 20px;
}
.listMeta .commentsCount .total, .listMeta .commentsCount .more {
  background: #49B2E3;
  padding: 3px 4px;
  color: white;
  font-weight: bold;
  line-height: 14px;
  text-decoration: none;
  float: right;
  min-width: 18px;
  position: relative;
}
.listMeta .commentsCount .more {
  border-radius: 6px 0 0 6px;
  -moz-border-radius: 6px 0 0 6px;
  -webkit-border-radius: 6px 0 0 6px;
  -o-border-radius: 6px 0 0 6px;
}
.no-borderradius .listMeta .commentsCount .more {
  background: url('/images/balloonBGSmall.png') left -105px no-repeat;
}
.no-borderradius .listMeta .commentsCount .more:hover {
  background-position: left -126px;
}
.listMeta .commentsCount .total {
  margin-right: 2px;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -o-border-radius: 6px;
}
.no-borderradius .listMeta .commentsCount .total {
  padding: 0 0 0 6px;
  min-width: auto;
  background: url('/images/balloonBGSmall.png') left -21px no-repeat;
}
.no-borderradius .listMeta .commentsCount .total:hover {
  background-position: left -42px;
}
.no-borderradius .listMeta .commentsCount .total .inTotal{
  display: block;
  padding: 3px 6px 3px 0;
  min-width: 14px;
  background: url('/images/balloonBGSmall.png') right -21px no-repeat;
}
.no-borderradius .listMeta .commentsCount .total:hover .inTotal {
  background-position: right -42px;
}
.listMeta .commentsCount .new a {
  padding: 3px 6px;
  background: #C1272D;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -o-border-radius: 10px;
  text-decoration: none;
  color: white;
  font-weight: bold;
  line-height: 14px;
  display: block;
  min-width: 7px;
}
.no-borderradius .listMeta .commentsCount .new a {
  background: url('/images/balloonBGSmall.png') right -63px no-repeat;
  padding: 3px 8px 3px 0;
}
.no-borderradius .listMeta .commentsCount .new:hover a {
  background-position: right -84px;
}
.no-borderradius .listMeta .commentsCount .new span {
  background: url('/images/balloonBGSmall.png') left -63px no-repeat;
  display: block;
  height: 20px;
  padding-left: 8px;
}
.no-borderradius .listMeta .commentsCount .new:hover span {
  background-position: left -84px;
}
.listMeta .commentsCount .new {
  display: block;
  float: right;
  padding-left: 3px;
  background: url("/images/commentLinkRound.png") left top no-repeat;
  height: 20px;
  overflow: hidden;
}
.listMeta .commentsCount.hover .new {
  background: url("/images/commentLinkRound.png") left -20px no-repeat;
}
.listMeta .commentsCount .no_comments {
  border: 2px solid white;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -o-border-radius: 6px;
  float: right;
  padding: 1px 4px 2px 4px;
  line-height: 13px;
  color: white;
  font-size: 11px;
  font-weight: bold;
  text-align: center;
  min-width: 14px;
  margin: 0 2px 0 0;
  height: 13px;
  position: relative;
}
.no-borderradius .listMeta .commentsCount .no_comments {
  background: url('/images/balloonBGSmall.png') left top no-repeat;
  border: none;
  min-width: auto;
  padding: 0;
  line-height: 13px;
  height: 20px;
}
.no-borderradius .listMeta.listPostMeta .commentsCount .no_comments {
  background: url('/images/balloonBGSmall.png') left bottom no-repeat;
}
.no-borderradius .listMeta.listPostMeta .commentsCount:hover .no_comments {
  background: url('/images/balloonBGSmall.png') left -147px no-repeat;
}
.no-borderradius .listMeta .commentsCount .no_comments .inZero{
  padding: 3px 6px 4px 0;
  display: block;
  height: 13px;
  min-width: 15px;
  margin: 0 0 0 6px;
  background: url('/images/balloonBGSmall.png') right top no-repeat;
}
.no-borderradius .listMeta.listPostMeta .commentsCount .no_comments .inZero{
  background: url('/images/balloonBGSmall.png') right bottom no-repeat;
}
.no-borderradius .listMeta.listPostMeta .commentsCount:hover .no_comments .inZero{
  background: url('/images/balloonBGSmall.png') right -147px no-repeat;
}
.listMeta .commentsCount a:hover {
  text-decoration: none;
  background: black;
}
.listMeta .commentsCount .balloonTip {
  display: block;
  position: absolute;
  width: 9px;
  height: 6px;
  left: 4px;
  bottom: -6px;
  background: url('/images/balloonTip.png') left top no-repeat;
}
.listMeta .commentsCount .balloonTip.zero {
  bottom: -8px;
}
.no-borderradius .listMeta .commentsCount .balloonTip.zero {
  bottom: -6px;
}
.listMeta .commentsCount .balloonTip.zero, .listBlock .listMeta .commentsCount a:hover .balloonTip.zero {
  background-position: -11px 0;
}
.listMeta .commentsCount a:hover .balloonTip {
  background-position: -22px 0;
}
.listBlock a.listLink, .listBlock a.listLink:hover  {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  line-height: 1000px;
  overflow: hidden;
}
.listBlock h1, .listBlock h2, .listBlock h3, .listBlock h4, .listBlock h5, .listBlock h6, .listBlock a, .listBlock a:hover {
  color: inherit !important;
  text-decoration: none;
  font-size: 12px;
  line-height: 1.4em;
  margin: 0 0 0.5em 0;
  padding: 0;
  color: #222;
  text-decoration: none;
}
.listBlock .quoteTL {
  margin-top: 0;
}
.listBlock .quoteText {
  background: #E4E9F2 !important;
  padding-left: 10px
}
.listVideo {
  position: relative;
  overflow: hidden;
}
.listVideo img {
  width: 120px;
  height: 90px;
  margin: -10px auto 0 auto;
  display: block;
}
.listVideoOverlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 158px;
  height: 93px;
}
.cssgradients .listVideoOverlay {
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.35) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0));
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255, 255, 255, 0.1)), color-stop(0.5, rgba(255, 255, 255, 0.35)), color-stop(0.5, rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0)));
}
.listVideoOverlay img {
  position: absolute;
  margin: 47px 0 0 79px;
  left: -14px;
  top: -14px;
}
.listPhoto {
  width: 138px;
  height: 178px;
  overflow: hidden;
  position: relative;
}
.listBlock .listPhoto img {
  height: 178px;
  max-width: 10000px;
  display: block;
}
.listBlock .listGlare {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 12px;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  -o-border-radius: 12px;
}
.listPhotoCont {
  margin-left: 50%;
  position: absolute;
}
.listPhotoCont img {
  margin-left: -50%;
}
.cssgradients .listGlare {
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.25) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0));
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255, 255, 255, 0.1)), color-stop(0.5, rgba(255, 255, 255, 0.25)), color-stop(0.5, rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0)));
}
.listBlock .listAudio {
  width: 138px;
  height: 73px;
  padding: 0;
  margin: 0;
  overflow: hidden;
  background: url('/images/listPostAudio.png') center center no-repeat;
  text-align: center;
}
.listBlock:hover .listAudio {
  background: url('/images/listPostAudioHover.png') center center no-repeat;
}
.listBlock .listAudio a {
  color: #00AEEF !important;
  font-weight: bold;
}

.listSorts {
  margin: 0 !important;
  width: 640px !important;
  padding: 12px 0 0 0;
  height: 46px;
  position: relative;
  z-index: 950;
  overflow: visible;
}
.listSorts.wide .listSort ul:hover {
  width: 148px;
}
.listSort {
  position: relative;
  height: 30px;
}
.listSort ul{
  width: 138px;
  position: absolute;
  left: 0;
  top: 0;
  list-style: none;
  padding: 0;
  margin: 0;
  border: 1px solid #C9CEDC;
  background: #C9CEDC;
  border-radius: 12px;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  -o-border-radius: 12px;
}
.listSort ul:hover{
  padding: 8px 0;
  margin-top: -8px;
  border: 1px solid #0C1A22;
  background: #0C1A22;
  z-index: 30;
  position: relative;
}
.listSort ul a {
  padding: 0 0 0 30px;
  display: block;
  height: 30px;
  line-height: 30px;
}
.listSort ul:hover a {
  padding: 0 0 0 29px;
}
.listSort ul:hover li:hover a {
  padding: 0 0 0 28px;
  height: 28px;
  line-height: 28px;
}
.listSort ul:hover a, .listSort ul:hover a:hover{
  color: white;
  text-decoration: none;
}
.listSort ul a, .listSort ul a:hover{
  color: #4d4d4d;
  text-decoration: none;
}
.cssgradients .listSort ul {
  background: -moz-linear-gradient(top, #dfe3eb, #ccd2de 50%, #C9CEDC 50%, #C9CEDC);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#dfe3eb), color-stop(0.5, #ccd2de), color-stop(0.5, #C9CEDC), to(#C9CEDC));
}
.no-cssgradients .listSort ul {
  background: url('/images/listSortUL.png') left top repeat-x #C9CEDC;
}
.cssgradients .listSort ul:hover {
  background: -moz-linear-gradient(top, #606a6e, #0C1A22 20px, #0C1A22);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#606a6e), color-stop(0.2, #0C1A22), to(#0C1A22));
}
.no-cssgradients .listSort ul:hover {
  background: url('/images/listSortULHover.png') left top repeat-x #0C1A22;
}
.boxshadow .listSort ul:hover {
  -webkit-box-shadow: rgba(0, 0, 0, 0.25) 0 3px 6px;
  -moz-box-shadow: rgba(0, 0, 0, 0.25) 0 3px 6px;
  box-shadow: rgba(0, 0, 0, 0.25) 0 3px 6px;
}
.listSort ul li{
  padding: 0;
  margin: 0 8px;
  height: 30px;
  border-radius: 12px;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  -o-border-radius: 12px;
  cursor: pointer;
  display: none;
}
.listSort ul:hover li {
  display: block;
}
.listSort ul li.current{
  display: block;
}
.listSort ul li:hover{
  height: 28px;
  line-height: 28px;
  padding: 0;
  border: 1px solid #0C1A22;
  background: #0C1A22;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -o-border-radius: 10px;
}
.cssgradients .listSort ul li:hover {
  background: -moz-linear-gradient(top, #252c30, #3b464d 30%, #3b464d);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#252c30), color-stop(0.3, #3b464d), to(#3b464d));
}
.no-cssgradients .listSort ul li:hover {
  background: url('/images/listSortULLIHover.png') left top repeat-x #3b464d;
}

.listSort ul a {
  background: url('/images/sortIconsDark.png') top left no-repeat;
}
.listSort ul.questionsMode a {
  background: url('/images/sortIconsQDark.png') top left no-repeat;
}
.listSort ul:hover a{
  background-image: url('/images/sortIcons.png');
}
.listSort ul.questionsMode:hover a{
  background-image: url('/images/sortIconsQ.png');
}
.listSort ul:hover li:hover a {
  background: url('/images/sortIcons.png') -1px -1px no-repeat;
}
.listSort ul.questionsMode:hover li:hover a {
  background: url('/images/sortIconsQ.png') -1px -1px no-repeat;
}
.listSort ul a.thumbs {
  background-position: 0 -30px;
}
.listSort ul:hover li:hover a.thumbs {
  background-position: -1px -31px;
}
.listSort ul a.list {
  background-position: 0 -60px;
}
.listSort ul:hover li:hover a.list {
  background-position: -1px -61px;
}
.listSort ul a.diary {
  background-position: 0 -90px;
}
.listSort ul:hover li:hover a.diary {
  background-position: -1px -91px;
}
.listSort ul a.audio {
  background-position: 0 -120px;
}
.listSort ul:hover li:hover a.audio {
  background-position: -1px -121px;
}
.listSort ul a.video {
  background-position: 0 -150px;
}
.listSort ul:hover li:hover a.video {
  background-position: -1px -151px;
}
.listSort ul a.photo {
  background-position: 0 -180px;
}
.listSort ul:hover li:hover a.photo {
  background-position: -1px -181px;
}
.listSort ul a.text {
  background-position: 0 -210px;
}
.listSort ul:hover li:hover a.text {
  background-position: -1px -211px;
}
.listSort ul a.byDate {
  background-position: 0 -240px;
}
.listSort ul:hover li:hover a.byDate {
  background-position: -1px -241px;
}
.listSort ul a.byABC {
  background-position: 0 -270px;
}
.listSort ul:hover li:hover a.byABC {
  background-position: -1px -271px;
}
.listSort ul a.byRating {
  background-position: 0 -300px;
}
.listSort ul:hover li:hover a.byRating {
  background-position: -1px -301px;
}
.listSort ul a.byComments {
  background-position: 0 -330px;
}
.listSort ul:hover li:hover a.byComments {
  background-position: -1px -331px;
}
.listSort ul a.inBlogs {
  background-position: 0 -360px;
}
.listSort ul:hover li:hover a.inBlogs {
  background-position: -1px -361px;
}
.listSort ul a.inClubs {
  background-position: 0 -390px;
}
.listSort ul:hover li:hover a.inClubs {
  background-position: -1px -391px;
}

.listSort ul.questionsMode a.all {
  background-position: 0 -30px;
}
.listSort ul.questionsMode:hover li:hover a.all {
  background-position: -1px -31px;
}
.listSort ul.questionsMode a.answered {
  background-position: 0 -60px;
}
.listSort ul.questionsMode:hover li:hover a.answered {
  background-position: -1px -61px;
}
.listSort ul.questionsMode a.not_answered {
  background-position: 0 -90px;
}
.listSort ul.questionsMode:hover li:hover a.not_answered {
  background-position: -1px -91px;
}
.listSort ul.questionsMode a.random {
  background-position: 0 -120px;
}
.listSort ul.questionsMode:hover li:hover a.random {
  background-position: -1px -121px;
}
.listSort ul.questionsMode a.asked {
  background-position: 0 -150px;
}
.listSort ul.questionsMode:hover li:hover a.asked {
  background-position: -1px -151px;
}


.listPost {
  border: 1px solid #CED8DC;
  margin: 0 20px 5px 0;
  padding: 5px 130px 5px 40px;
  position: relative;
  border-radius: 12px;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  -o-border-radius: 12px;
}
.listPost .lowRatingIcon {
  margin-bottom: -3px;
}
.boxshadow .listPost:hover {
  -webkit-box-shadow: rgba(0, 0, 0, 0.25) 0 1px 6px;
  -moz-box-shadow: rgba(0, 0, 0, 0.25) 0 1px 6px;
  box-shadow: rgba(0, 0, 0, 0.25) 0 1px 6px;
}
.listBlockAuthor {
  color: #999;
  font-size: 10px;
}
.listPost .listIcon {
  position: absolute;
  left: 7px;
  top: 50%;
  margin-top: -14px;
  height: 30px;
  width: 30px;
  background: url('/images/sortIconsDark.png') left top no-repeat;
}
.listPost.video .listIcon {
  background-position: 0 -150px;
}
.listPost.audio .listIcon {
  background-position: 0 -120px;
}
.listPost.photo .listIcon {
  background-position: 0 -180px;
}
.listPost.text .listIcon {
  background-position: 0 -210px;
}
.listPostTitle {
  font-size: 14px;
}
.listPostMeta {
  float: right;
}
.listMeta.listPostMeta {
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -13px;
  left: auto;
  display: block;
  background: none;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.listPostMeta .commentsCount {
  margin-left: 3px;
}
.listPostMeta .commentsCount .no_comments {
  border-color: #C2CDD3;
}
.listPostMeta .commentsCount .no_comments:hover {
  border-color: black;
  background: white;
}
.listPostMeta .rating {
  color: #C2CDD3;
  float: right;
  border-color: #C2CDD3;
  margin-left: 6px;
}
#live, .mainBody .margins.grid.endless {
  margin-top: 58px;
  padding-top: 20;
  overflow: hidden;
  padding-right: 50px;
}
.mainBody .margins.grid.devided.endless {
  padding-right: 50px;
}
.mainBody .margins.grid.endless.short {
  margin-top: 10px;
}
.loaderButton, #more_conversation {
  text-align: center;
  height: 65px;
  padding: 0;
  margin-bottom: 0;
  line-height: 65px;
}
#more_conversation {
  margin-top: 1em;
  margin-bottom: 0;
}
#more_conversation.loading {
  background: url('/images/spinner_light.gif') center center no-repeat;
}
.loaderButton img, .loaderButton .onstop {
  display: none;
}
.loaderButton.stop .onstop {
  display: block;
}
.loaderButton.loading img {
  display: inline;
}
.loaderButton.loading .submit, .loaderButton.stop a, #usersLoader.stop a, .loaderButton.stop .submit {
  display: none;
}
.socialItem #postLoader {
  padding: 0 60px;
}
.loaderButton.stop {
  height: auto;
  color: #999;
}
.buttons .unsee {
  width: 37px;
  height: 37px;
  background: url('/images/buttons/unsee.png') left top no-repeat;
  overflow: hidden;
  line-height: 300px;
  position: relative;
  display: block;
}
.buttons .unsee.loading {
  background: url('/images/spinner_light_tiny.gif') center center no-repeat;
}
.boxRounded .boxTitle .buttons.unseeThis{
  top: 4px;
}

/* quotes */
.quoteText h3, .quoteText h2, .quoteText h1 {
  margin: 0;
  padding: 0;
  font-size: 1.4em;
  font-weight: normal;
}

.btn_tooltip {
  height: 44px;
  position: absolute;
  background: url('/images/buttons/button_tooltip.png') left top no-repeat;
  z-index: 1100;
  color: white;
  font-weight: bold;
  text-align: center;
  display: none;
  white-space: nowrap;
}
.btn_tooltip_inner {
  height: 44px;
  background: url('/images/buttons/button_tooltip.png') right top no-repeat;
}
.btn_tooltip_text {
  margin: 0 19px 0 18px;
  height: 39px;
  background: url('/images/buttons/button_tooltip.png') center bottom no-repeat;
  padding-top: 5px;
}
.btn_tooltip_text span {
  position: relative;
  left: -3px;
}
.new_count {
  font-size: 13px;
  font-weight: bold;
  padding-right: 8px;
  background: url('/images/buttons/new_count_bg.png') right 0 no-repeat;
  height: 19px;
  color: white;
  right: 3px;
  top: -4px;
  position: absolute;
  z-index: 8888;
}
.borderradius .new_count {
  font-size: 13px;
  padding: 0;
  background: #BE112D;
  height: 17px;
  line-height: 16px;
  min-width: 9px;
  border: 1px solid black;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -o-border-radius: 10px;
  padding: 0 4px;
}
.borderradius .new_count div{
  background: none;
  height: auto;
  padding: 0;
  margin: 0;
  line-height: 16px;
}
.borderradius .new_count div span{
  position: static;
  right: 0;
}
.new_count div {
  background: url('/images/buttons/new_count_bg.png') left 0 no-repeat;
  display: block;
  height: 19px;
  padding-left: 2px;
  text-align: center;
  min-width: 9px;
  line-height: 18px;
}
.new_count div span {
  position: relative;
  right: -3px;
}

/* jquery notice */
.notice-item p {
  padding-right: 10px;
}

/* achievements */

.veryNeededDiv {
  font-size: 5px;
  line-height: 20px;
  height: 20px;
}
.achievementsTabContent h2 {
  margin: 20px 20px 10px 20px;
  color: white;
  font-size:16px;
  font-weight: bold;
  background: #49b2e3;
  padding: 4px;
}
.achievementsTabContent p {
  margin: 0em 30px 0.5em 30px;
}
.achievmentsBox {
  width: 612px;
  margin-left: 8px;
  margin-top: 20px;
  background: url('/images/achievements/achievmentsBoxBg.png') top left;
}
h2.epicAch {
  margin-top: 2em;
  margin-left: 20px;
}
.achievment {
  width: 90px;
  height: 126px;
  position: relative;
  margin-left: 12px;
  margin-bottom: 6px;
  float: left;
  display: inline;
  overflow: hidden;
}
.achievment table {
  font-size: 11px;
  text-align: center;
  vertical-align: middle;
  color: white;
  line-height: 11px;
  margin: 0;
  padding: 0;
  border: 0;
  border-collapse: collapse;
  width: 100%;
}
.achievment table td {
  margin: 0;
  padding: 0 3px;
}
.achPic {
  height: 90px;
  border-bottom: 4px solid white;
  position: relative;
}
.achPic img {
  width: 90px;
  height: 90px;
  margin: 0;
  display: block;
  position: absolute;
}
.achPicGauge {
  position: absolute;
  bottom: 0px;
  border-top: 4px solid white;
  background: #ccecfc;
  width: 100%;
}
.achTitle {
  height: 32px;
  padding: 0 4px;
  background: #49b2e3;
  border: 0;
  margin: 0;
}
.achTitleUnfinished {
  height: 32px;
  padding: 0 4px;
  background: #c2cdd3;
  border: 0;
  margin: 0;
}
.achHoverDiv {
  position: absolute;
  z-index: 900;
  margin: 0;
  padding: 0;
  width: 90px;
  height: 126px;
  top: 0;
}
.achTooltip {
  position: absolute;
  background: url('/images/achievements/achievmentsTTBottom.png') bottom left no-repeat;
  width: 194px;
  padding-bottom: 19px;
  font-size: 11px;
  position: relative;
  display: none;
  z-index: 9999;
}
.achTooltip p {
  line-height:11px;
  margin: 0;
  padding: 4px 10px 4px 10px;
}
.achTooltip p img {
  vertical-align: top;
}
.achTooltip h2 {
  margin: 0;
  background: url('/images/achievements/achievmentsTTTop.png') top left no-repeat;
  font-size: 16px;
  color: white;
  font-weight: bold;
  padding: 12px 28px 6px 20px;
  text-align: center;
}
.achContent {
  background: url('/images/achievements/achievmentsTTMiddle.png') top left repeat-y;
  padding: 4px 12px 6px 6px;
}
.achContent h3 {
  text-align: center;
  background: #CCCCCC;
  line-height: 22px;
  color: white;
  margin: 14px 0 6px 0;
}
.achProgTitle {
  color: #A1A1A1;
}
.achGauge {
  border: 2px solid #49B2E3;
  font-weight: bold;
  line-height: 22px;
  text-align: center;
  height: 22px;
  font-size: 14px;
  margin: 0 10px 0 10px;
}
.achGauge span {
  display: block;
  background: #49B2E3;
  color: white;
  float: left;
}
.achGauge span.lt25 {
  float: left;
  height: 22px;
}
.achGauge span.eq0num {
  color: #49B2E3;
  text-align: center;
  background: none;
  display: block;
  float: none;
}
.achGauge span.lt25num {
  color: #49B2E3;
  margin-left: 4px;
  float: left;
  background: none;
}

/* autocomplete */
.ac_results {
  padding: 0px;
  border: 1px solid #999999;
  background-color: white;
  overflow: hidden;
  z-index: 99999;
}
.ac_results ul {
  width: 100%;
  list-style-position: outside;
  list-style: none;
  padding: 0;
  margin: 0;
}
.ac_results li {
  margin: 0px;
  padding: 2px 5px;
  cursor: default;
  display: block;
  font-size: 12px;
  line-height: 16px;
  overflow: hidden;
}
.ac_loading {
  background: white url('indicator.gif') right center no-repeat;
}
.ac_odd {
  background-color: #E5E8EF;
}
.ac_over {
  background-color: black;
  color: white;
}

/* modal dialog */
.modalDialog {
  width: 350px;
  display: none;
  position: absolute;
  z-index: 11000;
}
.dialogHeader {
  background: url('/images/modal_dialog/dialogHeader.png') left top no-repeat;
  height: 28px;
  color: white;
  line-height: 28px;
  padding: 0 10px;
  margin-right: 40px;
  text-align: center;
  font-weight: bold;
}
.dialogClose {
  float: right;
  display: block;
  width: 40px;
  height: 28px;
  background: url('/images/modal_dialog/dialogClose.png') left top no-repeat;
  text-decoration: none;
  outline: none;
  position: absolute;
  right: 0;
  top: 0;
}
.dialogClose:hover {
  background-position: 0 -28px;
}
.dialogContentWrapper {
  padding: 5px 14px 5px 5px;
  background: url('/images/modal_dialog/dialogContent.png') right top repeat-y;
  border-left: 1px solid black;
}
.dialogContentWrapper.noButton {
  padding-bottom: 0;
}
.dialogContent {
  border: 1px solid #999999;
  background: white;
}
.dialogContent .tooltip_spinner {
  height: 150px;
}
.dialogContent .tooltip_spinner img{
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -32px;
  margin-left: -32px;
}
.dialogContentWrapper.noButton .dialogContent {
  border-width: 1px 1px 0 1px;
}
.dialogButton {
  height: 35px;
  background: url('/images/modal_dialog/dialogButton.png') left top no-repeat;
  padding-left: 18px;
  margin: 0;
}
.dialogButton a {
  height: 35px;
  background: url('/images/modal_dialog/dialogButton.png') right top no-repeat;
  padding-right: 29px;
  color: white;
  display: block;
  font-weight: bold;
  text-align: center;
  line-height: 25px;
  text-decoration: none;
  text-transform: uppercase;
  outline: none;
}
.dialogButton.hover {
 background-position: left -35px;
}
.dialogButton.hover a {
 background-position: right -35px;
}
.dialogFooter {
  background: url('/images/modal_dialog/dialogFooter.png') left top no-repeat;
  height: 23px;
}
.dialogFooter div{
  background: url('/images/modal_dialog/dialogFooter.png') right top no-repeat;
  margin-left: 16px;
  height: 23px;
}
#chebucksTooltip {
  width: 226px;
}
#chebucksTooltip .dialogContent {
  padding-bottom: 1px;
}
#chebucksTooltip ul {
  list-style: none;
  padding: 0 5px;
  margin: -3px 0 0 0;
  position: relative;
  bottom: -8px;
}
#chebucksTooltip ul li {
  margin: 0;
  padding: 0;
  text-transform: uppercase;
  border: 1px solid #999999;
  margin-bottom: 4px;
  padding: 1px;
  line-height: 22px;
}
#chebucksTooltip ul li a {
  outline: none;
}
#chebucksTooltip ul li.shop {
  background: #C9CEDC;
}
#chebucksTooltip ul li.shop.hover, #chebucksTooltip ul li.billing.hover {
  border-color: black;
  background: black;
}
#chebucksTooltip ul li.shop.hover a, #chebucksTooltip ul li.billing.hover a {
  background: url('/images/modal_dialog/bg.png') right top no-repeat;
  color: white;
}
#chebucksTooltip ul li.billing {
  background: #E4E9F2;
}
#chebucksTooltip ul li.shop a {
  background: url('/images/modal_dialog/bg.png') right -42px no-repeat;
  padding-left: 6px;
}
#chebucksTooltip ul li.billing a {
  background: url('/images/modal_dialog/bg.png') right -21px no-repeat;
  padding-left: 6px;
}
#chebucksTooltip ul li a {
  display: block;
  height: 21px;
  text-decoration: none;
  color: black;
}
#chebucksTooltip ul li.earn {
  border: 0;
  padding: 0;
  background: url('/images/modal_dialog/bgCurved.png') left -50px no-repeat;
  height: 25px;
}
#chebucksTooltip ul li.earn.hover {
  background: url('/images/modal_dialog/bgCurved.png') left -100px no-repeat;
}
#chebucksTooltip ul li.earn a {
  margin: 0 0 2px 8px;
  padding: 2px 0 2px 0;
  background: url('/images/modal_dialog/bgCurved.png') right -50px no-repeat;
}
#chebucksTooltip ul li.earn.hover a {
  background: url('/images/modal_dialog/bgCurved.png') right -100px no-repeat;
  color: white;
}

/*userToolTip*/
#userToolTip {
  width: 222px;
}
#userToolTip .content {
  position: relative;
  padding: 5px;
  text-align: center;
}
#userToolTip .user_actions {
  position: relative;
  float: right;
  width: 37px;
  margin: 17px 10px 0px 0;
}
#userToolTip .user_actions.oneItem {
  margin-top: 42px;
}
#userToolTip .user_actions li {
  width: 37px;
  height: 37px;
  margin: 0px 0px 10px 0;
  padding: 0;
  position: relative;
}
#userToolTip .user_actions li.unfriend a {
  background: url(/images/buttons/delFriend.png) left top no-repeat;
  display: block;
  overflow: hidden;
  width: 37px;
  height: 37px;
  line-height: 200px;
}
#userToolTip .user_actions li.friend a {
  background: url(/images/buttons/addFriend.png) left top no-repeat;
  display: block;
  overflow: hidden;
  width: 37px;
  height: 37px;
  line-height: 200px;
}
#userToolTip .user_actions li.new_message a {
  background: url(/images/buttons/sendMessage.png) left top no-repeat;
  display: block;
  overflow: hidden;
  width: 37px;
  height: 37px;
  line-height: 200px;
}
#userToolTip  dl {
  margin: 5px 0 0 0;
  padding: 0;
}
#userToolTip dl dt, #userToolTip dl dd {
  height: 21px;
  line-height: 20px;
  border: 1px solid #999999;
  float: left;
  margin: 0 0 4px 0;
  background: #C9CEDC;
  text-transform: uppercase;
  color: black;
  padding: 1px;
}
#userToolTip dl dt span, #userToolTip dl dd span {
  background: url('/images/modal_dialog/bg.png') left -42px no-repeat;
  padding: 0 6px;
  display: block;
  height: 21px;
}
#userToolTip dl dt a {
  background: url('/images/modal_dialog/bg.png') right -42px no-repeat;
  padding: 0 6px;
  display: block;
  height: 21px;
  color: black;
  text-decoration: none;
}
#userToolTip dl dt a:hover {
  color: white;
  text-decoration: none;
}
#userToolTip dl dt.hover {
  color: white;
  border-color: black;
  background: black;
}
#userToolTip  dl dt.hover a {
  background-position: right top;
}
#userToolTip dl dt.comments, #userToolTip dl dd.commentsValue {
  background: #E4E9F2;
}
#userToolTip dl dt.comments.hover {
  background: black;
}
#userToolTip dl dt.comments span, #userToolTip dl dd.commentsValue span{
  background-position: left -21px;
}
#userToolTip dl dt.questions a, #userToolTip dl dt.posts a{
  background-position: right -21px;
}
#userToolTip dl dt.questions.hover a, #userToolTip dl dt.posts.hover a{
  background-position: right top;
}
#userToolTip dl dt.posts, #userToolTip dl dd.postsValue {
  margin-bottom: 0;
}
#userToolTip dl dd.red {
  background: #C1272D;
  color: white;
}
#userToolTip dl dd.red span {
  background-position: left -63px;
}
#userToolTip dl dd.green {
  background: #92D921;
  color: white;
}
#userToolTip dl dd.green span {
  background-position: left -84px;
}
#userToolTip dl dt {
  width: 118px;
  text-align: left;
}
#userToolTip dl dd  {
  width: 60px;
  margin-left: 4px;
  text-align: right;
  font-weight: bold;
}
#userToolTip .avatarLink {
  height: 120px;
  display: block;
}
#userToolTip .tooltip_spinner {
  width: auto;
}

/* room */
#roomWrapper {
  background: white;
  width: 640px;
  margin-left: 90px;
  margin-top: 20px;
}
#flash {
  height: 100px;
  background: green;
}
#roomShop {
  padding: 10px;
  min-height: 3em;
  display: none;
  position: relative;
}
#roomShop ul {
  list-style: none;
}
#roomDeps {
  width: 220px;
  float: left;
  overflow: hidden;
}
#roomDeps.triple {
  width: 219px;
}
#depsTabs {
  margin: 0;
  padding: 0;
  height: 26px;
}
#depsTabs li {
  float: left;
  margin: 0;
  padding: 0;
  width: 50%;
  text-align: center;
  font-weight: bold;
  font-size: 12px;
  color: white;
  line-height: 26px;
  cursor: pointer;
  text-transform: uppercase;
  background: url('/images/room/roomDepsTabBG.png') left top no-repeat;
  height: 26px;
}
#roomDeps.triple #depsTabs li {
  width: 73px;
  background: url('/images/room/roomDepsTabBGTriple.png') left top no-repeat;
}
#depsTabs li:hover, #depsTabs li.active, #roomDeps.triple #depsTabs li:hover, #roomDeps.triple #depsTabs li.active {
  background-position: right top;
}
#depsList {
  border: 1px solid #999999;
  border-top: 0;
  margin: 0;
  padding: 12px 0;
  height: 278px;
}
#depsList li {
  height: 26px;
  line-height: 26px;
  margin: 0;
  padding: 0 0 0 50px;
  cursor: pointer;
  background: url('/images/room/roomIcons.png') 16px 0 no-repeat;
  display: none;
}
.wear #depsList li {
  background: url('/images/room/wearIcons.png') 16px 0 no-repeat;
}
#depsList li.inactive {
  color: #999999;
}
#depsList li.hover {
  background-color: #c2cdd3;
}
#depsList li.active {
  background-color: #000;
  color: white;
  background-image: url('/images/room/roomIconsActive.png');
}
.wear #depsList li.active {
  background-image: url('/images/room/wearIconsActive.png');
}
#depsList li.inactive {
  background-image: url('/images/room/roomIconsInactive.png');
}
.wear #depsList li.inactive {
  background-image: url('/images/room/wearIconsInactive.png');
}
#depsList li.appliance {
  background-position: 16px -26px;
}
#depsList li.table {
  background-position: 16px -52px;
}
#depsList li.sofa {
  background-position: 16px -78px;
}
#depsList li.skap {
  background-position: 16px -104px;
}
#depsList li.light {
  background-position: 16px -130px;
}
#depsList li.electro {
  background-position: 16px -156px;
}
#depsList li.decor {
  background-position: 16px -182px;
}
#depsList li.entertain {
  background-position: 16px -208px;
}
#depsList li.all {
  background-position: 16px -234px;
}
#depsList li.wall {
  background-position: 16px -260px;
}
#depsList li.floor {
  background-position: 16px -286px;
}
#depsList li.door {
  background-position: 16px -312px;
}
#depsList li.window {
  background-position: 16px -338px;
}
#depsList li.back {
  background-position: 16px -364px;
}
.wear #depsList li.all {
  background-position: 16px 0;
}
#depsList li.hairstyle {
  background-position: 16px -156px;
}
#depsList li.beard_and_mustaches {
  background-position: 16px -182px;
}
#depsList li.makeup {
  background-position: 16px -208px;
}
#depsList li.figure_and_tattoo {
  background-position: 16px -234px;
}
#depsList li.shirt {
  background-position: 16px -26px;
}
#depsList li.lower_cloths {
  background-position: 16px -52px;
}
#depsList li.shoes_and_socks {
  background-position: 16px -104px;
}
#depsList li.hat {
  background-position: 16px -78px;
}
#depsList li.accessories {
  background-position: 16px -130px;
}
#depsList li.piercings {
  background-position: 16px -286px;
}
#depsList li.glasses {
  background-position: 16px -260px;
}
#depsList li.food {
  background-position: 16px -364px;
}
#depsList li.hobby {
  background-position: 16px -338px;
}
#depsList li.pet {
  background-position: 16px -390px;
}
#depsList li.face {
  background-position: 16px -312px;
}
#roomShowcase {
  margin-left: 240px;
  width: 378px;
  border: 1px solid #999999;
  height: 327px;
}
#showcaseWrapper {
  position: relative;
  width: 356px;
  margin: 15px 7px 1px 15px;
  height: 284px;
  overflow: hidden;
}
#showcaseMover {
  position: absolute;
  width: 20000px;
}
.showcaseList {
  padding: 0;
  height: 267px;
  background: url('/images/room/showcaseBG.png') left top;
  float: left;
  width: 356px;
  margin: 0;
}
.showcaseList li {
  float: left;
  width: 80px;
  height: 93px;
  margin: 0;
  padding: 0 9px 0 0;
  background: url('/images/spinner_tool_tip.gif') 24px 24px no-repeat;
  text-align: center;
  position: relative;
}
.showcaseList li.loaded {
  background: none;
}
.showcaseList li.disabled img {
  cursor: default;
}
.showcaseList li.active {
  background: url('/images/room/showcaseBGActive.png') left top no-repeat; 
  z-index: 668; 
}
.showcaseList li.done {
  background: none;
}
.showcaseList li img {
  margin-top: 5px;
  width: 70px;
  height: 70px; 
  cursor: pointer;
}
.showcaseList li:hover {
  background: url('/images/room/showcaseBGActive.png') left top no-repeat;
}
.showcaseInfo {
  position: absolute;
  bottom: 14px;
  right: 10px;
  width: 28px;
  height: 28px;
  background: url('/images/room/showcaseInfo.png') left top no-repeat;
  cursor: pointer;
  display: none;
  overflow: hidden;
  text-decoration: none;
  outline: none;
}
.showcaseList li.active .showcaseInfo {
  display: none;
}
.showcaseInfo.hover, .showcaseInfo:hover {
  background-position: 0 -28px;
  text-decoration: none;
}
.showcasePrice {
  line-height: 14px;
  font-size: 11px;
  font-weight: bold;
  padding-right: 16px;
  background: url('/images/room/showcasePrice.png') right -15px no-repeat;
  height: 15px;
  color: white;
  left: 18px;
  bottom: 6px;
  position: absolute;
}
.showcasePrice.bought {
  background: none;
  left: 15px;
}
.showcaseList li .bought {
  height: 15px;
  width: 51px;
  margin: 0;
}
.showcasePrice.free {
  left: 14px;
}
.showcasePrice.toMuch {
  background-position: right top;
}
.showcaseList li.active .showcasePrice {
  visibility: hidden;
}
.showcasePrice span {
  background: url('/images/room/showcasePrice.png') left -15px no-repeat;
  display: block;
  height: 15px;
  padding: 0 1px 0 6px;
  text-align: center;
  min-width: 24px;
  line-height: 15px;
}
.showcasePrice.toMuch span {
  background-position: left top;
}
#showcasePageSW {
  height: 26px;
  text-align: center;
  margin-right: 9px;
  margin-left: 15px;
}
#showcasePageSW .prev {
  float: left;
  width: 87px;
  height: 24px;
  background: url('/images/room/roomPageButtons.png') left top no-repeat;
  cursor: pointer;
  display: block;
  text-decoration: none;
  outline: none;
}
#showcasePageSW .prev.hover {
  background-position: -261px top;
}
#showcasePageSW .prev.disabled {
  background-position: -348px top;
  cursor: default;
}
#showcasePageSW .next {
  float: right;
  width: 87px;
  height: 24px;
  background: url('/images/room/roomPageButtons.png') -174px top no-repeat;
  cursor: pointer;
  display: block;
  text-decoration: none;
  outline: none;
}
#showcasePageSW .next.hover {
  background-position: -87px top;
}
#showcasePageSW .next.disabled {
  background-position: -435px top;
  cursor: default;
}

/* showcase dialog */
.showcaseBigPic {
  width: 100px;
  height: 100px;
  border: 1px solid #999999;
  margin: 12px 0 12px 12px;
  background: #e5e8ef;
  position: relative;
  float: left;
  display: block;
  text-align: center;
}
.showcaseBigPicFrame {
  position: absolute;
  top: -1px;
  left:-1px;
}
.showcaseBigPicImg {
  height: 100px;
  width: 100px;
  display: inline;
}
.showcaseDetails {
  height: 102px;
  background: url('/images/room/showcaseDetails.png') left top no-repeat;
  margin: 12px 12px 12px 116px;
}
.showcaseDetails ul {
  background: url('/images/room/showcaseDetails.png') right top no-repeat;
  height: 102px;
  margin: 0 0 0 6px;
  padding: 0;
  list-style: none;
  font-size: 14px;
}
.showcaseDetails ul li {
  margin: 0;
  padding: 0 6px 0 6px;
  position: relative;
}
.detailsRating {
  height: 26px;
  line-height: 24px;
}
.detailsRating div {
  position: absolute;
  width: 62px;
  height: 13px;
  background: url('/images/room/showcaseStars.png') left top no-repeat;
  top: 7px;
  right: 7px;
  padding: 0;
}
.detailsRating div span{
  float: left;
  height: 13px;
  background: url('/images/room/showcaseStars.png') left -13px no-repeat;
  width: 0;
  overflow: hidden;
}
.detailsRating div span.one {
  width: 13px;
}
.detailsRating div span.two {
  width: 25px;
}
.detailsRating div span.three {
  width: 37px;
}
.detailsRating div span.four {
  width: 49px;
}
.detailsRating div span.five {
  width: 62px;
}
.detailsPrice {
  line-height: 24px;
  height: 24px;
}
.detailsPrice div{
  position: absolute;
  top: 0;
  right: 6px;
  background: url('/images/room/showcaseCoin.png') right 3px no-repeat;
  padding-right: 22px;
}
.detailsQuantity {
  line-height: 27px;
  height: 27px;
}
.quantCounter {
  position: absolute;
  top: 0;
  right: 6px;
  height: 23px;
  overflow: hidden;
}
.quantCounter a {
  text-decoration: none;
  outline: none;
}
.quant {
  background: url('/images/room/showcaseCounter.png') -16px 0 no-repeat;
  padding: 0 0 1px 0;
}
.quantLower {
  background: url('/images/room/showcaseCounter.png') 0 0 no-repeat;
  padding: 0 16px 1px 0;
}
.single .quantLower, .single .quantLower:hover {
  cursor: default;
  background-position: left -36px;
}
.quantLower:hover {
  background-position: 0 -18px;
}
.quantHigher {
  background: url('/images/room/showcaseCounter.png') right 0 no-repeat;
  padding: 0 0 1px 16px;
}
.single .quantHigher, .single .quantHigher:hover {
  cursor: default;
  background-position: right -36px;
}
.quantHigher:hover {
  background-position: right -18px;
}
.detailsPresent {
  line-height: 24px;
  height: 24px;
}
.presentCheck {
  position: absolute;
  top: 4px;
  right: 6px;
  height: 16px;
  width: 16px;
  text-decoration: none;
  background: url('/images/checkbox.png') 0 0 no-repeat;
  overflow: hidden;
  outline: none;
}
.presentCheck.checked {
  background-position: 0 -17px;
}
.presentCheck.disabled {
  cursor: default;
}
.showcaseDesc {
  color: #999999;
  margin: 0 13px 12px 13px;
}
.showcasePresent {
  margin-top: 5px;
}
.showcasePresent dl {
  margin: 5px 12px;
}
.showcasePresent dl dd {
  margin: 0;
}
.presentee {
  margin: 0 0.5em 0 0;
  padding: 0;
  float: left;
  line-height: 19px;
}
dd.presenteeName {
  margin: 0;
  padding: 0;
  border-bottom: 2px dotted black;
  height: 19px;
}
dd input.presenteeName {
  border: 0;
  padding: 0;
  border: 0;
  font-family:Lucida Grande,Verdana,Helvetica,Arial,sans-serif;
  font-size:12px;
  font-size-adjust:none;
  font-style:normal;
  font-variant:normal;
  font-weight:normal;
  line-height: 14px;
  outline: none;
}
dt.presentText {
  margin-top: 6px;
}
textarea.presentText {
  border: 0;
  padding: 0;
  width: 100%;
  font-family:Lucida Grande,Verdana,Helvetica,Arial,sans-serif;
  font-size:12px;
  font-size-adjust:none;
  font-style:normal;
  font-variant:normal;
  font-weight:normal;
  resize: vertical;
}
textarea.presentText.hint, dd input.presenteeName.hint  {
  color: #AAA9AD;
}

/* lottery */
.lotteryWinners {
  border: 1px solid #c6c6c6;
  padding: 5px 5px 0 5px;
  display: none;
}
.lotteryWinners .winner {
  float: left;
  width: 64px;
  height: 64px;
  margin: 0 5px
}
.lotteryWinners .winner a {
  display: block;
}
.lotteryWinners .winners {
  margin: 0 0 0 2px;
  clear: left;
  overflow: hidden;
  position: relative;
  width: 444px;
}
.winnersWrapper {
  height: 66px;
  overflow: hidden;
  margin-bottom: 5px;
}
.lotteryWinners .winnersScroller {
  width: 20000px;
  height: 66px;
  position: absolute;
}
.noWinners {
  color: #666666;
}
.lotteryWrapper {
  margin: 0;
  padding: 0 0 5px 0;
  position: relative;
}
.boxshadow .lotteryWrapper {
  padding: 0;
  margin-bottom: 6px;
}
.lotteryWrapper.open {
}
.boxshadow .lotteryWrapper.open {
  -webkit-box-shadow: rgba(0, 0, 0, 0.25) 0 3px 6px;
  -moz-box-shadow: rgba(0, 0, 0, 0.25) 0 3px 6px;
  box-shadow: rgba(0, 0, 0, 0.25) 0 3px 6px;
}
.lotteryShadow {
  display: none;
}
.no-boxshadow .open .lotteryShadow {
  display: block;
  position: absolute;
  top: 0;
  right: 1px;
  width: 5px;
  height: 12px;
  background: url('/images/lottery_shadow.png') right top no-repeat white;
}
.lotteryHeader {
  height: 66px;
}
.open .lotteryHeader {
  height: 65px;
}
.lotteryDate, .lotteryCombination, .lotteryStats, .lotteryButton {
  line-height: 64px;
  height: 64px;
  border: 1px solid #c6c6c6;
  border-width: 1px 0 1px 1px;
  float: left;
  text-align: center;
  font-weight: bold;
}
.open .lotteryDate, .open .lotteryCombination, .open .lotteryStats, .open .lotteryButton {
  border-bottom: 0;
}
.lotteryDate {
  margin: 0;
  width: 88px;
}
.lotteryCombination {
  width: 168px;
  background: url('/images/lottery_balls.png') 50% 50% no-repeat;
  padding-left: 16px;
}
.combNum {
  float: left;
  width: 28px;
}
.lotteryStats {
  width: 194px;
  font-weight: normal;
  line-height: 1.2em;
  padding-top: 14px;
  height: 50px;
  text-align: left;
  padding-left: 6px;
}
.lotteryButton {
  width: 23px;
  border: 1px solid #c6c6c6;
  background: url('/images/lottery_button.png') -23px top no-repeat;
  cursor: pointer;
}
.lotteryButton.hover {
  background-position: 0 top;
}
.open .lotteryButton {
  background-position: right top;
}
.open .lotteryButton.hover {
  background-position: -69px top;
}
.lotteryButton.empty {
  width: 23px;
  border: 1px solid #c6c6c6;
  background: url('/images/lottery_button.png') -46px top no-repeat;
  cursor: default;
}
.lotteryWinNum {
  height: 21px;
  padding: 1px;
  background-color: #c9cedc;
  border: 1px solid #c6c6c6;
  float: left;
  width: 77px;
  margin-bottom: 5px;
}
.lotteryWinNum span {
  display: block;
  height: 21px;
  line-height: 20px;
  padding: 0 5px;
  background: url('/images/modal_dialog/bg.png') left -42px no-repeat;
}
.lotteryWinCount {
  height: 21px;
  padding: 1px;
  background-color: #e4e9f2;
  border: 1px solid #c6c6c6;
  float: left;
  width: 398px;
  margin-bottom: 5px;
  margin-left: 5px;
}
.lotteryWinCount span {
  display: block;
  height: 21px;
  line-height: 20px;
  padding: 0 5px;
  background: url('/images/modal_dialog/bg.png') left -21px no-repeat;
}
.lotteryWrapper .pages {
  text-align: center;
  font-size: 20px;
  cursor: pointer;
  color: #49b2e3;
  height: 22px;
  position: relative;
  top: -5px;
}
.lotteryWrapper .pages span {
  padding: 0 0.1em;
}
.lotteryWrapper .pages span.active {
  color: black;
}
.winToolTip {
  height: 44px;
  position: absolute;
  background: url('/images/buttons/button_tooltip.png') left top no-repeat;
  z-index: 10000;
  color: white;
  font-weight: bold;
  text-align: center;
  display: none;
  white-space: nowrap;
}
.winToolTipInner {
  height: 44px;
  background: url('/images/buttons/button_tooltip.png') right top no-repeat;
}
.winToolTipText {
  margin: 0 19px 0 18px;
  height: 40px;
  background: url('/images/buttons/button_tooltip.png') center bottom no-repeat;
  padding-top: 4px;
  width: 97px;
}
.winToolTipText .number{
  width: 24px;
  height: 24px;
  float: left;
  background: url('/images/lottery_ball.png') left top no-repeat;
  position: relative;
  margin-left: -1px;
  font-size: 10px;
  line-height: 23px;
  text-align: center;
}
.winToolTipTextInner {
  margin-left: -11px;
  width: 115px;
}
.winToolTipText .number.fail{
  background-position: -24px top;
}

#noflash img {
  display: block;
}

/* get rid of link outlines */
#menu a, .commentsLink a, .commentsLink a:active, .aqua, .aqua *, .aqua:focus, .aqua:active, .aqua:focus *, .aqua:active * {
  outline: none;
}
button::-moz-focus-inner {
  border-width: 0;
  margin: 1px 1px 1px 0;
}

/*widgets*/
.mainBody form.new_user_widget {
  margin: 0;
  width: 100%;
}
#widgets_panel {
  display: none;
  margin: 0 10px 0 10px;
  position: relative;
  padding-bottom: 13px;
  background: url('/images/widgets/widgetPanelBG.png') left top no-repeat;
  padding-top: 9px;
  width: 614px;
  float: left;
}
#widgets_panel .submit {
  margin-top: 20px;
  margin-bottom: 20px;
}
#widgets_panel .widget {
  margin: 0;
  margin-right: 12px;
  text-align: left;
}
#widgets_list {
  margin: 0 62px 0 68px;
  position: relative;
  height: 120px;
  overflow: hidden;
}
#widgets_panel .wl_scroll {
  width: 57px;
  height: 96px;
  position: absolute;
  background: url('/images/photo_post/scrollers.png') left top no-repeat;
  cursor: pointer;
  margin-top: 22px;
}
#widgets_panel .wl_scroll.left {
  background-position: -113px 0;
  left: 9px;
  top: 0;
}
#widgets_panel .wl_scroll.right {
  background-position: -171px 0;
  right: 3px;
  top: 0;
}
#widgets_panel .wl_scroll.left.disabled, #widgets_panel .wl_scroll.left.disabled.hover {
  background-position: 0 0;
  cursor: default;
  display: none !important;
}
#widgets_panel .wl_scroll.right.disabled, #widgets_panel .wl_scroll.right.disabled.hover {
  background-position: -57px 0;
  cursor: default;
  display: none !important;
}
#widgets_panel .wl_scroll.left.hover {
  background-position: -227px 0;
}
#widgets_panel .wl_scroll.right.hover {
  background-position: right 0;
}
#widgets_scroll {
  height: 120px;
  position: absolute;
  width: 10000px;
}
#widgets .widgetsContainer {
  min-height: 90px;
  width: 300px;
  float: left;
  padding-bottom: 25px;
}
.widgetsContainer.first {
  margin-left: 10px;
  margin-right: 10px;
}
.widgetsContainer.second {
  margin-left: 10px;
  margin-right: 10px;
}
.widget, .widget.PH {
  width: 308px;
  margin: 0 0 20px 0;
  height: 330px;
  float: none;
  position: relative;
  top: 0;
  left: 0;
}
.widget.high {
  height: 680px;
}
.widget.wide {
  width: 622px;
  z-index: 900;
}
.widget.PH {
  background: #E4E9F2;
  height: 337px;
  width: 300px;
  margin-bottom: 13px;
  border-radius: 12px;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  -o-border-radius: 12px;
}
.widgetHeader {
  background: url('/images/widgets/widgetHeader.png') left top no-repeat;
  height: 28px;
  color: white;
  line-height: 28px;
  text-align: center;
  font-weight: bold;
  margin-right: 26px;
  padding: 0 0 0 20px;
}
.editable .widgetHeader {
  background: url('/images/modal_dialog/dialogHeader.png') left top no-repeat;
  padding: 0 10px;
  margin-right: 40px;
}
.widget.editable .widgetHeader {
  cursor: move;
}
#widgets_panel .widget {
  float: left;
  width: auto;
  height: auto;
}
#widgets_panel p {
  clear: left;
}
.widgetClose {
  display: none;
  width: 40px;
  height: 28px;
  text-decoration: none;
  outline: none;
  position: absolute;
  right: 0;
  top: 0;
  line-height: 200px;
  overflow: hidden;
  background: url('/images/modal_dialog/dialogClose.png') left top no-repeat;
}
.editable .widgetClose {
  display: block;
}
.widgetCloseDiv {
  background: url('/images/widgets/widgetHeaderRT.png') left top no-repeat;
  width: 26px;
  height: 28px;
  position: absolute;
  right: 0;
  top: 0;
}
.editable .widgetCloseDiv {
  display: none;
}
.widgetClose:hover {
  background-position: 0 -28px;
}
.widget.editable .widgetClose {
  display: block;
  z-index: 900;
}
.widget.editable {
}

.widgetContentWrapper {
  padding: 6px 6px 0 6px;
  background: white;
  border-left: 1px solid #b8cad6;
  border-right: 1px solid #b8cad6;
  margin-right: 8px;
}
.editable .widgetContentWrapper {
  background: url('/images/modal_dialog/dialogContent.png') right top repeat-y transparent;
  border: 0;
  border-left: 1px solid black;
  padding: 5px 14px 0 5px;
  margin: 0;
}
.widgetContent {
  background: white;
  padding: 0;
  height: 288px;
}
.high .widgetContent {
  height: 638px;
}
.wide .widgetContent {
  width: 600px;
}
.editable .widgetContent {
  border: 1px solid #999999;
  background: white;
  border-width: 1px 1px 0 1px;
}
.widgetContent .spinner {
  text-align: center;
  padding-top: 110px;
}
.widgetFooter {
  background: url('/images/widgets/widgetFooter.png') left top no-repeat;
  height: 23px;
}
.editable .widgetFooter {
  background: url('/images/modal_dialog/dialogFooter.png') left top no-repeat;
}
.widgetFooter div{
  background: url('/images/widgets/widgetFooter.png') right top no-repeat;
  margin-left: 16px;
  height: 23px;
}
.editable .widgetFooter div {
  background: url('/images/modal_dialog/dialogFooter.png') right top no-repeat;
}
#widgets .ui-sortable-helper {
  z-index: 11000 !important;
}
.widgetContent .data {
  height: 294px;
  padding: 0
}
.widgetContent .data.pad {
  height: 276px;
  padding: 9px
}
.high .widgetContent .data.pad {
  height: 619px;
}
.widgetContent .data .wpScroller {
  width: 10000px;
  position: absolute;
}
.widgetContent .data .wpPage {
  float: left;
}
.widgetContent .data .wpWrapper {
  overflow: hidden;
  position: relative;
}
.widgetContent .data .wpPages  {
  text-align: center;
  font-size: 20px;
  cursor: pointer;
  color: #49b2e3;
  height: 22px;
  position: absolute;
  bottom: -2px;
  width: 300px;
  left: 0;
}
.widgetContent .data .wpPages span {
  padding: 0 0.1em;
}
.widgetContent .data .wpPages span.active {
  color: black;
}
.widgetContent .data .usersScroller {
  height: 276px;
}
.widgetContent .data .usersPage {
  width: 268px;
  height: 276px;
}
.widgetContent .data .usersWrapper {
  width: 268px;
  height: 276px;
}
.widget .conversation_meta {
  border-bottom: 1px solid #B8CAD6;
  margin: 0;
  padding: 9px;
  height: 64px;
}
.widget.editable .conversation_meta {
  border-color: #999999;
}
.widget .conversation_meta .avatar {
  float: left;
  margin-right: 10px;
}
.widget .conversation_meta .date {
  color: #777777;
  font-size: 12px;
}
.widget .conversation_text {
  margin: 9px 9px 0 9px;
  color: black;
  height: 158px;
  overflow: hidden;
  position: relative;
}
.widget .conversation_text img {
  max-width: 268px;
}
.widget .conversation_text .text_mask {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50px;
  background: url('/images/widgets/textMask.png') left top repeat-x;
}
.w_list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.w_list li {
  border-bottom: 1px solid #B8CAD6;
  margin: 4px 0 0 0;
  padding: 0 9px;
}
.editable .w_list li {
  border-color: #999999;
}
.w_list li .bottom {
  font-size: 10px;
  color: #B0B0B0;
  position: relative;
  height: 18px;
  padding-right: 38px;
  line-height: 1.2em;
  margin-top: 5px;
}
.w_list li .bottom .actions {
  position: absolute;
  right: 0;
  top: 0;
  margin: 0;
  width: 28px;
}
.w_list li .clubTitle {
  font-size: 14px;
  height: 20px;
  overflow: hidden;
  position: relative;
}
.clubTitle .privateClubIcon {
  display: inline;
  margin-bottom: -2px;
}
.w_list li .clubTitle a {
  width: 400px;
  display: block;
  margin: 0;
  padding: 0;
}
.w_list li .clubTitle .headerMaskRight {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 40px;
}
.w_list li .clubDescription {
  font-size: 12px;
  line-height: 1.24em;
  height: 44px;
  overflow: hidden;
  position: relative;
}
.clubDescription .text_mask {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 12px;
  background: url('/images/widgets/textMaskSmall.png') left top repeat-x;
}
.widgetContent .data .clubsScroller {
  height: 286px;
}
.widgetContent .data .clubsPage {
  width: 286px;
  height: 278px;
}
.widgetContent .data .clubsWrapper {
  width: 286px;
  height: 282px;
}
.widget .lottery {
  text-align: center;
  height: 242px;
}
.widget .lottery_logo {
  display: block;
  margin: 0 auto;
  padding: 12px 0 24px 0;
}
.widget .lotteryDate {
  float: none;
  font-weight: normal;
  width: auto;
  line-height: 1.4;
  border: 0;
  height: auto;
}
.widget .lotteryCombination {
  border: 0;
  margin: 0 auto;
  float: none;
}
.widget .topUsers .user {
  height: 38px;
  margin-bottom: 5px;
  border: 1px solid #B8CAD6;
}
.widget .topUsers .user a.user_text_link {
  font-size: 14px;
  line-height: 36px;
  display: block;
  float: left;
  overflow: hidden;
  width: 150px;
}
.widget .topUsers .user .face {
  width: 32px;
  height: 32px;
  display: block;
  float: left;
  margin-right: 5px;
  margin-top: 2px;
  margin-left: 2px;
  overflow: hidden;
  position: relative;
  border: 1px solid #B8CAD6;
}
.widget .topUsers .user .face a {
  position: absolute;
  width: 64px;
  height: 64px;
  top: -12px;
  left: -16px;
  display: block;
}
.widget .topUsers .karma {
  height: 21px;
  line-height: 20px;
  border: 1px solid #999999;
  float: right;
  margin: 6px;
  background: #C9CEDC;
  text-transform: uppercase;
  color: black;
  padding: 1px;
  text-align: right;
  font-weight: bold;
}
.widget .topUsers .karma span {
  background: url('/images/modal_dialog/bg.png') left -42px no-repeat;
  padding: 0 6px;
  display: block;
  height: 21px;
  width: 46px;
}
.widget .topUsers .karma.red {
  background: #C1272D;
  color: white;
}
.widget .topUsers .karma.red span {
  background-position: left -63px;
}
.widget .topUsers .karma.green {
  background: #92D921;
  color: white;
}
.widget .topUsers .karma.green span {
  background-position: left -84px;
}
.widget .chpoker, .widget .paintomimes {
  margin: 0 10px;
  width: 280px;
  float: left;
  text-align: center;
}
.widget .chpoker .contents {
  height: 254px;
}
.widget .paintomimes .contents {
  height: 254px;
}
.widget .paintomimes .gameLogo {
  margin-top: 20px;
  margin-bottom: 18px;
}
.widget .chpoker .gameLogo {
  margin-top: 26px;
  margin-bottom: 24px;
}
.widget .chpoker .noGames, .widget .paintomimes .noGames {
  color: #999999;
  margin-top: 40px;
  line-height: 1.4em;
}
.buttons.widgets {
  position: absolute;
  width: 32px;
  top: 7px;
  right: 5px;
}
.buttons.widgets a {
  outline: none;
}
.buttons.widgets .edit {
  width: 27px;
  height: 29px;
  background: url('/images/actions/post_edit_del.png') left top no-repeat;
  display: block;
  overflow: hidden;
  line-height: 300px;
}
#new_user_widget {
  padding-top: 13px;
}

.widget .achievment {
  float: left;
  margin: 0 auto;
  display: block;
  height: 90px;
}
.widget .achPic {
  background: #EFEFEF;
}
.widget .achDescription {
  text-align: left;
  margin-left: 100px;
  line-height: 1.2em;
  font-size: 11px;
}
.widget .achDescription h2 {
  margin: 0 0 0.5em 0;
  font-size: 14px;
}
.widget .achDescription p {
  margin: 0 0 0.25em 0;
}
.widget .achDescription p.achProgTitle {
  margin: 0 0 0.5em 0;
}
.widget .achWrap {
  border-bottom: 1px solid #B8CAD6;
  padding: 10px;
  height: 124px;
}
.widgetContent .data .unitsWrapper {
  height: 251px;
  width: 226px;
  margin: 0 30px;
}
.unitsGradLeft {
  position: absolute;
  top: 40px;
  left: 37px;
  height: 96px;
  width: 65px;
  background: url('/images/widgets/unitsGradL.png') left top repeat-y;
  z-index: 700;
}
.unitsGradRight {
  position: absolute;
  top: 40px;
  right: 45px;
  height: 96px;
  width: 65px;
  background: url('/images/widgets/unitsGradR.png') left top repeat-y;
  z-index: 700;
}
.widgetContent .data .unitsWrapper .unitsPage {
  width: 226px;
}
.widget .unitDescription {
  line-height: 1.4em;
  font-size: 10px;
  height: 126px;
}
.widget .unitPic {
  width: 100px;
  margin: 0 auto;
  position: relative;
}
.widget .showcasePrice {
  bottom: 0;
  left: 27px;
}
.widget .showcasePrice.free {
  left: 23px;
}
.widget .unitDescription .text_mask {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 26px;
  background: url('/images/widgets/textMask.png') left top repeat-x;
}
.widget .unitName {
  font-weight: bold;
  margin-top: 0.5em;
}
.widget .unitsScroll {
  position: absolute;
  width: 12px;
  height: 13px;
  background: url('/images/widgets/small_arrows.png') left top no-repeat;
  cursor: pointer;
  z-index: 800;
}
.widget .unitsScroll.disabled {
  display: none;
}
.widget .unitsScroll.prev {
  left: 38px;
  top: 74px;
}
.widget .unitsScroll.prev:hover {
  left: 38px;
  top: 74px;
  background-position: -12px top;
}
.widget .unitsScroll.next {
  right: 46px;
  top: 74px;
  background-position: right top;
}
.widget .unitsScroll.next:hover {
  right: 46px;
  top: 74px;
  background-position: -24px top;
}
.widget .game {
  height: 64px;
  text-align: left;
  line-height: 16px;
  margin-bottom: 10px;
  position: relative;
  width: 253px;
}
.widget .game p {
  margin: 0;
  color: 999;
  font-size: 10px;
}
.widget .gameOwnerFace {
  float: left;
  margin-right: 5px;
  width: 64px;
  height: 64px;
  overflow: hidden;
  background: #E4E8F1;
}
.widget .gameOwnerFace img {
  position: relative;
  left: -27px;
  top: -17px;
}
.widget .gameUsers {
  height: 32px;
  margin: 0 0 0 69px;
  list-style: none;
  padding: 0;
  background: url('/images/widgets/userSlot.png') left top repeat-x;
  width: 148px;
}
.widget .gameUsers li {
  float: left;
  height: 32px;
  width: 37px;
  margin: 0;
  padding: 0;
  background: url('/images/widgets/noUserpic.png') left top no-repeat;
}
.widget .gameUserFace {
  height: 32px;
  width: 32px;
  overflow: hidden;
  background: #E4E8F1;
  background:
}
.widget .gameUserFace img {
  display: block;
  width: 64px;
  height: 64px;
  top: -8px;
  left: -16px;
  position: relative;
}
.game .joinGame {
  display: block;
  width: 36px;
  height: 36px;
  overflow: hidden;
  line-height: 200px;
  bottom: -4px;
  right: 0;
  background: url('/images/widgets/joinGame.png') left top no-repeat;
  position: absolute;
  outline: none;
}
.game .joinGame:hover {
  background-position: 0 -36px;
}
.game .gameName {
  height: 16px;
  overflow: hidden;
}
.widget .gamesWrapper {
  height: 138px;
  width: 253px;
  margin-left: 16px;
}
.widget .gamesScroller {
  height: 148px;
}
.widgetContent .data .gamesPages {
  width: 100%;
  position: relative;
  line-height: 16px;
}
.widgetContent .data .postsWrapper {
  width: 286px;
  height: 282px;
}
.widgetContent .data .postsPage {
  width: 286px;
  height: 282px;
}
.w_list li .postTitle {
  font-size: 14px;
  height: 40px;
  overflow: hidden;
  position: relative;
  line-height: 16px;
  margin: 12px 0 0 0;
  padding: 0;
  float: none;
  border: none;
}
.boxshadow .w_list li .postTitle {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.w_list li .postTitle .text_mask {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 12px;
  background: url('/images/widgets/textMaskSmall.png') left top repeat-x;
}
.top_posts .w_list li .bottom {
  text-align: right;
  padding: 0; 
  position: relative;
  height: 16px;
  margin-top: 0;
}
.top_posts .w_list li .bottom .info {
  text-align: right;
  padding: 0; 
  position: absolute;
  right: 0;
  bottom: 2px;
  width: 268px;
}
#widgets_list_temp {
  display: none;
}
.widget .noNewUnits {
  color: #999999;
  margin-top: 40px;
  text-align: center;
  height: 58px;
  padding: 96px 10px;
  margin: 0;
  line-height: 1.4em;
}
.widget a {
  outline: none;
}
#widgetsHint {
  width: 500px;
  height: 112px;
  position: absolute;
  right: 12px;
  top: 60px;
  display: none;
  background: url('/images/widgets/arowl.png') right top no-repeat;
}
#widgetPanelSwitch {
  background-position: -2px 0;
}
#widgetPanelSwitch:hover {
  background-position: -2px -29px;
}
.aboutWidgets {
  margin: 20px 60px;
}
.top_posts li.private {
  height: 46px;
  font-size: 10px;
  padding-top: 6px;
  padding-left: 24px;
  padding-bottom: 12px;
  line-height: 13px;
  background: url('/images/zamok.png') 7px 8px no-repeat;
  overflow: hidden;
  color: #B0B0B0;
}
.widget .noData {
  color: #999999;
  margin-top: 40px;
  text-align: center;
  height: 58px;
  padding: 96px 10px;
  margin: 0;
  line-height: 1.4em;
}

/* dateSelector tables */
#dateSelector {
  margin: 0 0 20px 0;
  height: 40px;
  position: relative;
  overflow: hidden;
}
#dateSelector table {
  width: 620px;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  height: 20px;
}
#dateSelector table td {
  border: 0;
  text-align: center;
  vertical-align: middle;
  height: 18px;
  background: url('/images/calendar_bg.png') left top no-repeat #e4e9f2;
  font-size: 10px;
  cursor: pointer;
  padding: 0;
  line-height: 20px;
}
#dateSelector table td.disabled, #dateSelector table td.disabled:hover {
  color: #b0b0b0;
  cursor: default;
  background-position: left top; 
}
#dateSelector table td.disabled:hover span {
  background-position: right top;
  cursor: default;
}
#dateSelector table td span {
  display: block;
  height: 20px;
  border: 0;
  margin: 0;
  padding: 0;
  background: url('/images/calendar_bg.png') right top no-repeat;
  cursor: pointer;
}
#monthDays {
  display: none;
  height: 20px;
  position: relative;
  overflow: hidden;
}
#dateSelector .calendarDays td.dayOff, #dateSelector .calendarDays td.disabled.dayOff  {
  background-position: left -20px;
}
#dateSelector .calendarDays td.dayOff span, #dateSelector .calendarDays td.disabled.dayOff span {
  background-position: right -20px;
}
#dateSelector #calendarMonths {
  width: 534px;
  float: left;
}
#dateSelector #calendarYearTable {
  width: 86px;
  float: left;
}
#dateSelector #calendarYearTable td {
  cursor: default;
  font-weight: bold;
}
#calendarMonths td.active, #calendarMonths td:hover, #dateSelector .calendarDays td.active, #dateSelector .calendarDays td:hover  {
  background-position: left -40px;
  color: white;
}
#calendarMonths td.active span, #calendarMonths td:hover span, #dateSelector .calendarDays td.active span, #dateSelector .calendarDays td:hover span {
  background-position: right -40px;
}
#monthDaysScroller {
  position: absolute;
  height: 20px;
  width: 20000px;
  top: 0;
  left: 0;
}
.monthDaysPage {
  width: 620px;
  height: 20px;
  float: left;
}
#billingsWrap.loading, #eventsWrap.loading, .answer_form.loading {
  background: url('/images/spinner_light.gif') center center no-repeat;
  position: relative;
}
#eventsWrap {
  position: relative;
  min-height: 80px;
}

/* tags */
.tagThing {
  height: 17px;
  float: left;
  margin: 0;
  position: relative;
  font-size: 10px;
  display: none;
  padding: 0 2px 5px 0;
  top: 0;
  left: 0;
  overflow: hidden;
}
.tagThing span {
  height: 17px;
  background: url('/images/tag.png') left top no-repeat;
  max-width: 200px;
  line-height: 17px;
  padding: 0 6px 0 8px;
  color: black;
  margin-right: 0;
  float: left;
}
.tagThing a {
  height: 17px;
  width: 24px;
  line-height: 100px;
  background: url('/images/tag.png') right top no-repeat;
  position: relative;
  float: right;
  overflow: hidden;
  outline: none;
}
.tagThing a:hover {
  background: url('/images/tag.png') right -17px no-repeat;
}
.tagView {
  height: 17px;
  display: block;
  float: left;
  margin: 0 5px 5px 0;
  font-size: 10px;
  padding: 0 4px 0 0;
  max-width: 200px;
  background: url('/images/tag.png') right -34px no-repeat;
  overflow: hidden;
}
.tagView a {
  height: 17px;
  background: url('/images/tag.png') left top no-repeat;
  line-height: 17px;
  color: #666666;
  margin-right: 0;
  display: block;
  padding: 0 3px 0 7px;
  white-space: nowrap
}
.tagName {
  display: block;
  float: left;
  margin: 0 5px 5px -2px;
  height: 17px;
  color: white;
  background: url('/images/tagName.png') right top no-repeat;
  padding-right: 5px;
  overflow: hidden;
}
.tagName span {
  display: block;
  height: 17px;
  font-weight: bold;
  background: url('/images/tagName.png') left top no-repeat;
  padding-left: 25px;
  padding-right: 1px;
  line-height: 18px;
  text-transform: uppercase;
}
.edit_wear .md_tag_container {
  width: 254px;
}


/* quotes */
.quoteText {
  background: url('/images/quoteBG.png') -8px -16px no-repeat #e4e9f2;
  padding: 0 26px 0 48px;
  font-size: 10px;
  line-height: 16px;
  color: #666666;
  min-height: 32px;
  position: relative;
}
.quoteText.wiki {
  background: url('/images/quoteBG_wiki.png') -8px -16px no-repeat #e4e9f2;
}
.quoteText.lj {
  background: url('/images/quoteBG_lj.png') -8px -16px no-repeat #e4e9f2;
}
.quoteText.twitter {
  background: url('/images/quoteBG_twitter.png') -8px -16px no-repeat #e4e9f2;
}
.borderradius .quoteText {
  background-position: -8px -8px !important;
}
.quoteTL {
  height: 8px;
  line-height: 8px;
  padding: 0;
  margin: 8px 8px 0 0;
  background: url('/images/quoteBG.png') -8px -8px no-repeat;
}
.quoteTR {
  float: right;
  width: 8px;
  height: 8px;
  margin-right: -8px;
  line-height: 8px;
  background: url('/images/quoteBG.png') left -8px no-repeat;
}
.quoteBL {
  height: 8px;
  line-height: 8px;
  padding: 0;
  margin: 0 8px 0 0;
  line-height: 8px;
  background: url('/images/quoteBG.png') -8px 0 no-repeat;
}
.quoteBR {
  float: right;
  width: 8px;
  height: 8px;
  margin-right: -8px;
  line-height: 8px;
  background: url('/images/quoteBG.png') left top no-repeat;
}
.borderradius .quoteTL, .borderradius .quoteBL {
  display: none;
}
.borderradius .quoteText {
  padding-top: 8px;
  padding-bottom: 8px;
  overflow: hidden;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -o-border-radius: 10px;
  margin-bottom: 8px;
}
.quoteText .author, #conversation .quoteText .author {
  color: black;
  font-size: 12px;
  float: none;
  margin-top: 0;
  text-align: left;
  width: auto;
}
.quoteLink {
  width: 25px;
  height: 25px;
  overflow: hidden;
  right: 0;
  top: -8px;
  position: absolute;
}
.borderradius .quoteLink {
  top: 0;
}
.quoteLink a {
  line-height: 100px;
  display: block;
  width: 25px;
  height: 25px;
  background: url('/images/actions/quoteLink.png') left top no-repeat;
}
.quoteLink a:hover {
  background: url('/images/actions/quoteLink.png') -25px top no-repeat;
}
.quoteEditLink {
  width: 25px;
  height: 25px;
  overflow: hidden;
  right: 0;
  top: -8px;
  position: absolute;
}
.quoteEditLink a {
  line-height: 100px;
  display: block;
  width: 25px;
  height: 25px;
  background: url('/images/actions/quoteEditLink.png') left top no-repeat;
}
.borderradius .quoteEditLink {
  top: 0;
}
.quoteEditLink a:hover {
  background: url('/images/actions/quoteEditLink.png') -25px top no-repeat;
}
.authorAvatar {
  position: absolute;
  top: 0;
  left: 8px;
  width: 33px;
  height: 33px;
  background: white;
  overflow: hidden;
}
.borderradius .authorAvatar {
  top: 8px;
}
.quoteText .authorAvatar img, .comment-content .authorAvatar img, .item-text .authorAvatar img, #conversation .text .authorAvatar img {
  position: absolute !important;
  left: -16px;
  top: -7px;
  width: 64px !important;
  height: 64px;
  max-width: 64px !important;
}

/* activities */
.activity {
  margin-bottom: 8px;
}
.activityTL {
  height: 8px;
  line-height: 8px;
  padding: 0;
  margin: 0 8px 0 0;
  background: url('/images/roundBG.png') -8px -8px no-repeat;
}
.borderradius .activityTL, .activityBL {
  display: none;
}
.activityTR {
  float: right;
  width: 8px;
  height: 8px;
  margin-right: -8px;
  line-height: 8px;
  background: url('/images/roundBG.png') left -8px no-repeat;
}
.activityBL {
  height: 8px;
  line-height: 8px;
  padding: 0;
  margin: 0 8px 0 0;
  line-height: 8px;
  background: url('/images/roundBG.png') -8px 0 no-repeat;
}
.activityBR {
  float: right;
  width: 8px;
  height: 8px;
  margin-right: -8px;
  line-height: 8px;
  background: url('/images/roundBG.png') left top no-repeat;
}
.activityText {
  background: #e4e9f2;
  padding: 0 26px 0 48px;
  font-size: 12px;
  line-height: 16px;
  color: black;
  min-height: 32px;
  position: relative;
}
.activityText.lottery {
  padding: 0 52px 0 48px;
}
.borderradius .activityText {
  padding-top: 8px;
  padding-bottom: 8px;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -o-border-radius: 10px;
  margin-bottom: 8px;
}
.hollow .activityTL, .hollow .activityTR, .hollow .activityBL, .hollow .activityBR {
  background-image: url('/images/roundBGHollow.png');
}
.hollow .activityText {
  background: white;
  border: 1px solid #e4e9f2;
  border-width: 0 1px;
}
.borderradius .hollow .activityText {
  border-width: 1px;
}
.activityText .author {
  color: black;
  font-size: 12px;
  float: none;
  margin-top: 0;
  text-align: left;
  width: auto;
}
.activityText .authorAvatar img {
  position: absolute !important;
  left: -16px;
  top: -7px;
}
.activityText .date {
  font-size: 10px;
  color: #666666;
}
.activityText .privateClubIcon {
  float: none;
}
.activityText .eventLottery {
  position: absolute;
  top: -11px;
  right: -3px;
}
.borderradius .activityText .eventLottery {
  top: -3px;
}
.activityText .eventRobot {
  position: absolute;
  top: -14px;
  right: -6px;
}
.borderradius .activityText .eventRobot {
  top: -6px;
}
.robot .activityText {
  min-height: 40px;
  padding-right: 70px;
}
.eventConfirm {
  position: absolute;
  top: -8px;
  right: 0;
  width: 20px;
  height: 100%;
  background: url('/images/eventConfirm.png') left top no-repeat;
  line-height: 400px;
  padding-top: 8px;
}
.borderradius .eventConfirm {
  top: 0;
  padding-top: 0;
  background: #00aeef;
  border-radius: 0 10px 10px 0;
  -moz-border-radius: 0 10px 10px 0;
  -webkit-border-radius: 0 10px 10px 0;
  -o-border-radius: 0 10px 10px 0;
}
.eventConfirm:hover {
  background: url('/images/eventConfirm.png') right top no-repeat;
}
.borderradius .eventConfirm:hover {
  background: black;
}
.eventConfirmCont {
  position: absolute;
  bottom: -8px;
  background: url('/images/eventConfirm.png') left bottom no-repeat;
  height: 100%;
  width: 20px;
}
.borderradius .eventConfirmCont, .borderradius .eventConfirm:hover .eventConfirmCont {
  bottom: 0;
  background: none;
}
.eventConfirm:hover .eventConfirmCont {
  background: url('/images/eventConfirm.png') right bottom no-repeat;
}
.eventConfirmCont a {
  background: url('/images/eventConfirm.png') left center no-repeat;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -20px;
  height: 13px;
  width: 20px;
  padding: 10px 0;
  overflow: hidden;
  outline: none;
}
.borderradius  .eventConfirmCont a {
  margin-top: -16px;
}
.eventConfirm:hover .eventConfirmCont a {
  background: url('/images/eventConfirm.png') right center no-repeat;
}
.achEvent {
  position: absolute;
  top: -17px;
  right: -29px;
}
.borderradius .achEvent {
  top: -11px;
}
.activity.ach {
  margin-right: 20px;
}
.activity.ach .activityText {
  min-height: 55px;
}

/* hints */
.collapseableHint {
  display: none;
}
a.hintSwitch {
  outline: none;
  position: absolute;
  left: -32px;
  top: -32px;
  width: 29px;
  height: 29px;
  background: url('/images/actions/post_hint.png') left top no-repeat;
  overflow: hidden;
  line-height: 500px;
}
a.hintSwitch:hover {
  background-position: left -29px;
}
.hintDL {
  position: relative;
  top: -12px;
  margin: 0;
  padding: 0;
  zoom: 1;
}

/* audio post */
.post .audioPost {
  margin: 0 0 20px 0;
  width: 500px;
}
.post .audioPost object, .post .audioPost embed {
  max-width: 500px;
}

/* reasons */
.cheReasons {
  margin-left: -70px;
  margin-right: -70px;
}
.cheReason {
  border: 1px solid #f2f4f9;
  float: left;
  width: 278px;
  height: 152px;
  margin: 0 10px 10px 10px;
  background: url('/images/reasonBG.png') left bottom repeat-x;
  padding: 12px 10px 10px 10px;
  position: relative;
}
.cheReason h3 {
  margin: 0 0 0.5em 0;
  line-height: 1.2em;
  font-size: 16px;
}
.cheReason p {
  color: #666;
  line-height: 1.5em;
  margin: 0;
}
.cheReason .alterEgo {
  float: right;
}
.cheReason .rake {
  width: 215px;
  height: 52px;
  background: url('/images/reasonRakeBG.png') left top no-repeat;
  position: absolute;
  bottom: -1px;
  left: 36px;
  padding: 6px;
}
.cheReason .rake div {
  float: left;
  width: 50px;
  height: 50px;
  margin: 2px 0 0 3px;
  padding: 0;
}
.cheReason .rake div.post {
  background: url("/images/buttons/btn_new_post.png") -2px -2px no-repeat;
}
.cheReason .rake div.video {
  background: url("/images/buttons/btn_new_post_video.png") -2px -2px no-repeat;
}
.cheReason .rake div.audio {
  background: url("/images/buttons/btn_new_post_audio.png") -2px -2px no-repeat;
}
.cheReason .rake div.photo {
  background: url("/images/buttons/btn_new_post_photo.png") -2px -2px no-repeat;
}
.cheReason .rake div.things {
  background: url("/images/buttons/btn_things.png") -2px -2px no-repeat;
}
.cheReason .rake div.posts {
  background: url("/images/buttons/btn_posts.png") -2px -2px no-repeat;
}
.cheReason .rake div.feeds {
  background: url("/images/buttons/btn_feeds.png") -2px -2px no-repeat;
}
.cheReason .rake div.live {
  background: url("/images/buttons/btn_live.png") -2px -2px no-repeat;
}
.cheReason .reasonChebux {
  position: absolute;
  right: 9px;
  bottom: 7px;
}
.cheReason .reasonGames {
  position: absolute;
  right: 13px;
  bottom: 9px;
}
.cheReason .reasonInterest {
  position: absolute;
  right: 14px;
  bottom: 13px;
}
.reasonLink {
  position: absolute;
  bottom: 10px;
  right: 10px;
}
.cheReason .kovateva {
  float: right;
  margin-right: -25px;
}
.reasonScreen {
  position: absolute;
  bottom: -1px;
  left: 20px;
}

/* front page */
#frontPageMenu {
  color: #657D33;
  font-weight: bold;
  list-style: none;
  font-size: 18px;
  margin-left: 20px;
  position: relative;
  z-index: 300;
}
.onTop #frontPageMenu {
  float: right;
  margin-top: 42px;
}
#frontPageMenu a {
  color: #657D33;
  outline: none;
}
#frontPageMenu li a {
  display: block;
  height: 36px;
  padding: 0 7px 0 0;
  line-height: 33px;
}
#frontPageMenu li a:hover {
  background: url('/images/frontpage/menuBG.png') right bottom no-repeat;
  text-decoration: none;
  color: #E5F489;
  text-shadow: -1px -1px 0 #7e9541;
}
#frontPageMenu li a span {
  display: block;
  height: 36px;
  padding: 0 7px 0 14px;
  color: #657D33;
  background: none;
  cursor: pointer;
}
#frontPageMenu li a:hover span {
  background: url('/images/frontpage/menuBG.png') left top no-repeat;
  color: #E5F489;
}
#frontPageMenu li {
  float: left;
  border-right: 1px solid #8b9d48;
  border-left: 1px solid #dbf279;
  padding: 0 10px;
  display: block;
  height: 36px;
  text-shadow: 1px 1px 0 #dbf279;
  position: relative;
  font-size: 18px;
  margin: 0 !important;
}

#frontPageMenu li:first-child {
  border-left: none;
}
#frontPageMenu li:last-child, #frontPageMenu li.last {
  border-right: none;
  padding-right: 0;
}
#frontPageMenu #login-form {
  position: absolute;
  top: 40px;
  right: -20px;
  width: 219px;
  height: 101px;
  padding: 18px 38px 39px 18px;
  background: url('/images/frontpage/loginFormBG.png') left top no-repeat;
  display: none;
  z-index: 300;
}
#frontPageMenu #login-form dl {
  margin: 0 0 5px 0;
  padding: 0;
}
#frontPageMenu #login-form dl.submit-button {
  margin: 0;
}
#frontPageMenu #login-form dl dd {
  margin: 0;
  padding: 0;
}
#login-form #login, #login-form #password, #login-form #login, #login-form #passHolder  {
  border-top: 1px solid #bcb9c2;
  border-left: 1px solid #bcb9c2;
  border-right: 1px solid #fcfcfd;
  border-bottom: 1px solid #fcfcfd;
  line-height: 22px;
  height: 22px;
  width: 205px;
  padding: 2px 6px;
  color: #222;
  font-size: 14px;
}
#login-form #passHolder {
  color: #B0B0B0;
}
#frontPageMenu #login-form a {
  font-size: 12px;
  color: #999;
  text-shadow: none;
  line-height: 18px;
  background: none;
  height: 18px;
  padding: 0;
}
#frontPageMenu #login-form a:hover {
  background: none;
}
#frontPageMenu #login-form p {
  text-align: right;
  margin: 0;
}
#frontPageMenu #login-form #loginButton {
  width: 220px;
  height: 38px;
  background: url('/images/frontpage/loginButton.png') left top no-repeat;
  overflow: hidden;
  border: 0;
  font-weight: bold;
  line-height: 38px;
  color: white;
  font-size: 14px;
  text-transform: uppercase;
  text-shadow: -1px -1px 0 #0497ce;
  cursor: pointer;
  font-family:Lucida Grande,Verdana,Helvetica,Arial,sans-serif;
  padding: 0 0 4px 0;
}
#frontPageMenu #login-form #loginButton:hover {
  background-position: left -38px;
  text-shadow: 1px 1px 0 #666;
}
#login-form a#closeLoginForm, #login-form a#closeLoginForm:hover  {
  position: absolute;
  top: 4px;
  right: 24px;
  background: url('/images/frontpage/closeLoginForm.png') left top no-repeat;
  height: 11px;
  width: 11px;
  overflow: hidden;
  line-height: 200px;
  padding: 0;
}
#page-header.onTop {
  z-index: 30000;
  position: relative;
}

.changeMailServer:hover {
  text-decoration: none;
  border-bottom: 1px dashed #00AEEF;
}
.goodMail {
  margin-right: 62px;
}

/* actions */
.itemActions {
  padding: 0;
  margin: 24px 0 0 0;
  height: 22px;
}

.itemActions .voteFor, .itemActions .voteAgainst, .itemActions .voteTotal {
  float: right;
  width: 22px;
  height: 22px;
  margin-left: 6px;
  margin-top: 0;
  margin-bottom: 0;
}
.itemActions .quote {
  float: left;
  margin: 0;
  padding: 0;
}
.itemActions .quote a {
  width: 22px;
  height: 22px;
  background: url(/images/actions/quote.png) left top no-repeat;
  outline: none;
  display: block;
  line-height: 80px;
  overflow: hidden;
}
.itemActions .quote a:hover {
  background-position: left -22px;
}
.itemActions .votes{
  width: 130px;
  margin: 0px;
  padding: 0;
  float: right;
}
.itemActions a {
  background-position: 0 -22px;
  background-repeat: no-repeat;
  display: block;
  line-height: 121px;
  height: 22px;
  width: 22px;
  overflow: hidden;
}
.itemActions .spacer {
  display: block;
  width: 10px;
}
.voteTotal span {
  font-weight: bold;
  line-height: 21px;
  text-align: center;
  display:block;
  height: 22px;
  color: white;
  width: auto;
  padding: 0 4px 0 0;
  min-width: 2.5em;
}
.votes .voteTotal {
  display:block;
  float:right;
  width:auto;
  font-size:14px;
  padding: 0 0 0 4px;
}
.itemActions .remove {
  position: absolute;
  width: 11px;
  height: 10px;
  top: 4px;
  right: 4px;
  display: none;
}
.itemContent:hover .itemActions .remove {
  display: block;
}
.itemActions .remove a {
  background: url(/images/actions/remove.png) left top no-repeat;
  width: 11px;
  height: 10px;
  overflow: hidden;
}
.itemActions .remove a:hover {
  background-position: 0 -10px; 
}

.itemActions .votes a {
  display:block;
  float:right;
  background-image: url(/images/actions/vote.png);
  background-position: -22px -22px;
}
.itemActions .voteFor a:hover {
  background-position: -22px 0;
}
.voteFor{
  float:right;
}
.itemActions .voteFor .disabledVote {
  display: none;
}
.itemActions .voteAgainst a {
  display:block;
  float:right;
  background-image: url(/images/actions/vote.png);
  background-position: 0px -22px;
}
.itemActions .voteAgainst a:hover {
  background-position: 0 0;
}
.voteAgainst{
  float:right;
}
.itemActions .voteAgainst .disabledVote {
  display: none;
}
.itemActions .voteTotal.positive {
  background-position: 0 0;
  float: right;
}
.itemActions .voteTotal.negative {
  background-position: 0 -22px;
  float:right;
}
.itemActions .voteTotal {
  background: url('/images/carma_points.png') 0 -44px no-repeat;
  float:right;
}
.itemActions .voteTotal.zero span, .voteTotal.negative span, .voteTotal.positive span {
  background: url('/images/carma_points.png') right top no-repeat;
}
.itemActions .voteTotal.zero span, .itemActions .voteTotal.notVoted span, .itemActions .voteTotal.negative.notVoted span, .itemActions .voteTotal.positive.notVoted span {
  background-position: right -44px;
  color: #c2cdd3;
}
.itemActions .voteTotal.notVoted, .itemActions .voteTotal.negative.notVoted, .itemActions .voteTotal.positive.notVoted {
  background-position: left -44px;
  color: #c2cdd3;
}
.itemActions .voteTotal.negative span {
  background-position: right -22px;
  color: white;
}
.itemActions .voteTotal.positive span {
  background-position: right top;
  color: white;
}

.itemActions a.disabled {
  background-position: 0 100%;
}

/* edit post buttons*/
.postTitle .buttons {
  position: absolute;
  top: 4px;
  right: 4px;
  display: none;
}
.postTitle .buttons a{
  display: block;
  float: right;
  line-height: 300px;
  overflow: hidden;
}
.postTitle:hover .buttons {
  display: block;
}
.postTitle .buttons a.edit {
  background: url(/images/actions/edit.png) left top no-repeat;
  width: 12px;
  height: 11px;
  margin-right: 3px;
}
.postTitle .buttons a.edit:hover {
  background-position: 0 -11px;
}

.postTitle .buttons a.delete_post {
  background: url(/images/actions/remove.png) left top no-repeat;
  width: 11px;
  height: 10px;
}
.postTitle .buttons a.delete_post:hover {
  background-position: 0 -10px; 
}

.postTitle .date {
  color: #999;
  font-size: 10px;
  margin-top: 10px;
}

div.commentsLink, div.conversationCount {
  background: url('/images/comment_balloon.png') top left no-repeat;
  height: 28px;
  background-position: -34px 0;
  float: left;
  font-size: 14px;
  line-height: 19px;
}
div.conversationCount {
  float: right;
  margin-top: 5px;
}
div.commentsLink.zero {
  background-position: 0 0;
  padding: 0;
}
div.commentsLink a, div.conversationCount a {
  text-decoration: none;
  height: 28px;
  color: white;
  font-weight: bold;
  display: block;
  margin-left: 7px;
  float: left;
  line-height: 21px;
  width: auto;
  overflow: visible;
}
div.commentsLink a.total, div.conversationCount a.total {
  padding: 1px 7px 0 0;
  background: url('/images/comment_balloon.png') top right no-repeat;
  height: 25px;
  min-width:20px;
  text-align: center;
}
div.commentsLink.hover, div.conversationCount.hover {
  background-position: -34px -58px;
}
div.commentsLink.hover a.total, div.conversationCount.hover a.total {
  background-position: right -58px;
}
div.commentsLink.zero:hover {
  background-position: 0 -58px;
}
div.commentsLink a.more, div.conversationCount a.more {
  padding: 1px 4px 0 0;
  background: url('/images/comment_balloon.png') top left no-repeat;
  background-position: -170px 0;
  height: 25px;
}
div.commentsLink.hover a.more, div.conversationCount.hover a.more {
  background-position: -170px -58px;
}
div.commentsLink span.new, div.conversationCount span.new {
  display: block;
  float: left;
  padding: 0 6px 0 0;
  background: url('/images/comment_balloon.png') top right no-repeat;
  background-position: right -28px;
  height: 25px;
  margin: 0;
}
div.commentsLink span.new a, div.conversationCount span.new a {
  display: block;
  padding: 1px 0 0 9px;
  background: url('/images/comment_balloon.png') top left no-repeat;
  background-position: 0 -28px;
  height: 25px;
  margin: 0;
}
div.commentsLink.hover span.new a, div.conversationCount.hover span.new a {
  background-position: -80px -28px;
}
div.commentsLink.hover_new span.new a, div.conversationCount.hover_new span.new a {
  background-position: -80px -86px;
}
div.commentsLink.hover_new span.new, div.conversationCount.hover_new span.new {
  background-position: right -86px;
}
div.commentsLink a.no_comments {
  display: block;
  height: 28px;
  width: 34px;
  margin: 0;
}

/*photo post*/
.photos {
  margin-bottom: 1em;
}
.new_photos {
  margin-left: 200px;
  margin-bottom: 2em;
}
.photo_field .handle {
  line-height: 1em;
  position: absolute;
  cursor: move;
}
.photo_field .fields img {
  margin-left: 200px;
}
.photoSpinner, .post-content img.photoSpinner, .restrict_box img.photoSpinner {
  display: block;
  position: absolute !important;
  top: 50%;
  left: 50%;
  margin-top: -30px;
  margin-left: -30px;
}
.photoPostImgCont {
  min-height: 90px;
  background: url('/images/photo_post/photoULBGLC.png') top left;
  margin: 1em 0 0.5em 0;
  padding: 0;
  list-style: none;
}
.lowCount .photoPostImgCont {
  background: url('/images/photo_post/photoULBGLC.png') top left;
}
.photoPostImgCont.edit {
  width: 500px;
}
.photoPostImgCont li {
  width: 100px;
  height: 94px;
  float: left;
  margin: 0;
  padding: 0;
  position: relative;
  cursor: pointer;
}
.photoPostImgCont li.active, .photoPostImgCont li.hover {
  background: url('/images/photo_post/photoULBGHover.png') top left no-repeat;
}
.photoPostImgCont li.drag {
  background: url('/images/photo_post/photoULBGDrag.png') top left no-repeat;
}
.photoPostImgCont li img {
  display: block;
  margin: 6px;
  width: 70px;
  height: 70px;
  border: 0;
}
.photoPostImgCont li img.photoFrame {
  position: absolute !important;
  z-index: 100;
}
.photoScrollCont {
  height: 92px;
  width: 500px;
  position: relative;
}
.photoCont {
  position: relative;
  height: 90px;
  width: 400px;
  overflow: hidden;
  margin-left: 58px;
}
.lowCount .photoCont {
  margin-left: 0;
  width: 500px;
}
.photos img.photoSpinner {
  position: absolute !important;
  left: 50%;
  top: 50%;
  margin-top: -32px;
  margin-left: -32px;
}
.photoScrollCont .photoPostImgCont {
  margin: 0;
  width: 20000px;
  position: absolute;
}
.photoScrollCont .scroll {
  display: block;
  width: 57px;
  height: 96px;
  background: url('/images/photo_post/scrollers.png') top left no-repeat;
  position: absolute;
  z-index: 1000;
  cursor: pointer;
}
.photoScrollCont .scroll.left {
  top: -4px;
  left: -5px;
  background-position: -113px 0;
}
.photoScrollCont .scroll.left.disabled, .photoScrollCont .scroll.left.disabled:hover {
  background-position: 0 0;
  cursor: default;
}
.photoScrollCont .scroll.left:hover {
  background-position: -227px 0;
}
.photoScrollCont .scroll.right {
  top: -4px;
  right: -11px;
  background-position: -171px 0;
}
.photoScrollCont .scroll.right.disabled, .photoScrollCont .scroll.right.disabled:hover {
  background-position: -57px 0;
  cursor: default;
}
.photoScrollCont .scroll.right:hover {
  background-position: right 0;
}
.photoPostBig {
  max-width: 446px;
  max-height: 350px;
  margin: 0;
  padding: 0;
  display: block;
}
.photos.short .photoPostBig{
  max-width: 366px;
}
#galleryBigPic {
  padding: 6px;
  background: white;
  display: block;
}
#galleryBig {
  border: 1px solid #bbbab7;
}
#galleryNext {
  position: absolute;
  height: 36px;
  right: 0;
  top: 50%;
  width: 36px;
  margin-top: -18px;
  cursor: pointer;
  display: none;
  background: #eaecf1;
  background: rgba(234,236,250,0.7);
  border-radius: 12px 0 0 12px;
  -moz-border-radius: 12px 0 0 12px;
  -webkit-border-radius: 12px 0 0 12px;
  -khtml-border-radius: 12px 0 0 12px;
}
#galleryNext span {
  position: absolute;
  height: 13px;
  right: 15px;
  top: 50%;
  margin-top: -6px;
  width: 12px;
  line-height: 48px;
  background: url('/images/widgets/small_arrows.png') -36px top no-repeat;
  display: block;
  overflow: hidden;
}
#galleryNext:hover span {
  background-position: -24px top;
}
#galleryPrev {
  position: absolute;
  height: 36px;
  left: 0;
  top: 50%;
  width: 36px;
  margin-top: -18px;
  cursor: pointer;
  display: none;
  background: #eaecf1;
  background: rgba(234,236,250,0.7);
  border-radius: 0 12px 12px 0;
  -moz-border-radius: 0 12px 12px 0;
  -webkit-border-radius: 0 12px 12px 0;
  -khtml-border-radius: 0 12px 12px 0;
}
#galleryPrev span {
  position: absolute;
  height: 13px;
  left: 15px;
  top: 50%;
  margin-top: -6px;
  width: 12px;
  line-height: 48px;
  background: url('/images/widgets/small_arrows.png') left top no-repeat;
  display: block;
  overflow: hidden;
}
#galleryPrev:hover span {
  background-position: -12px top;
}
#galleryBig:hover #galleryPrev, #galleryBig:hover #galleryNext {
  display: block;
}
#galleryBig:hover #galleryPrev.disabled, #galleryBig:hover #galleryNext.disabled {
  display: none;
}
#bigPhotoDescription {
  position: absolute;
  bottom: 0;
  width: 100%;
  opacity: 0;
  display: none;
}
#galleryBig:hover #bigPhotoDescription {
  opacity: 1;
}
#bigPhotoDescriptionText {
  margin: 0 16px;
  border-radius: 12px 12px 0 0;
  -moz-border-radius: 12px 12px 0 0;
  -webkit-border-radius: 12px 12px 0 0;
  -khtml-border-radius: 12px 12px 0 0;
  background: #eaecf1;
  background: rgba(234,236,250,0.7);
  padding: 10px 10px 16px 10px;
  line-height: 1.2em;
}
.photoWrapper {
  position: relative;
  margin-bottom: 6px;
  text-align: center;
  width: 506px;
  height: 364px;
}
.bigImg {
  margin: 0;
  padding: 6px;
  height: auto;
  float: left;
  position: relative;
  border: 1px solid #bbbab7;
  background: white;
}
.bigImg:hover {
  -webkit-box-shadow: rgba(0, 0, 0, 0.25) 0 1px 6px;
  -moz-box-shadow: rgba(0, 0, 0, 0.25) 0 1px 6px;
  box-shadow: rgba(0, 0, 0, 0.25) 0 1px 6px;
  cursor: pointer;
}
.bigImg a {
  display: block;
  margin: 0;
  text-decoration: none;
  padding: 0;
}
.photoDesc {
  background: #eaecf1;
  border-radius: 12px;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  -khtml-border-radius: 12px;
  color: #849DAA;
  padding: 20px;
  margin-bottom: 0;
}
.photoDesc.hidden {
  display: none;
}
.photoScrollCont.lowCount li{
  width: 100px;
}
.photoPostImgCont li .controls div {
  position: absolute;
  cursor: pointer;
  margin: 0;
  z-index: 200;
  width: 27px;
  height: 27px;
}
.photoPostImgCont li .controls a {
  display: block;
  text-decoration: none;
  width: 100%;
  height: 100%;
  margin: 0;
  padidng: 0;
}
.photoPostImgCont .photoButtonDel {
  top: 2px;
  right: 21px;
}
.photoPostImgCont .photoButtonDel a{
  background: url('/images/photo_post/photoButtonDel.png') top left no-repeat;
}
.photoPostImgCont .controls a:hover{
  background-position: 0 -27px;
}
.photoPostImgCont .photoButtonEdit {
  bottom: 14px;
  right: 21px;
}
.photoPostImgCont .photoButtonEdit a {
  background: url('/images/photo_post/photoButtonEdit.png') top left no-repeat;
}
#photoProgress table {
  width: 461px;
  border-collapse: separate;
}
#photoProgress table th {
  color: white;
  background: black;
  font-size: 13px;
  text-align: center;
  line-height: 26px;
  font-weight: normal;
  border: 1px solid white;
  border-width: 0 1px;
}
#photoProgress table th.first {
  background: url('/images/photo_post/photoAddTL.png') top left no-repeat black;
  width: 170px;
  border-width: 0 1px 0 0;
}
#photoProgress table th.last {
  background: url('/images/photo_post/photoAddTR.png') top right no-repeat black;
  width: 46px;
  border-width: 0 0 0 1px;
}
#photoProgress table td {
  text-align: center;
  font-size: 13px;
  font-weight: bold;
  line-height: 18px;
  vertical-align: middle;
}
#photoProgress table td.first {
  border-left: 1px solid #b8b6b3;
}
#photoProgress table td.last {
  border-right: 1px solid #b8b6b3;
}
#photoProgress table td div {
  border: 1px solid #b8b6b3;
  border-width: 0 1px 1px;
  margin: 0 1px;
  padding: 0 4px;
  line-height: 22px;
  vertical-align: middle;
}
#photoProgress table td.first div {
  margin-left: 2px;
  overflow: hidden;
  text-align: left;
  width:159px;
  position: relative;
  white-space: nowrap;
}
#photoProgress table tr.first td div {
  border-width: 1px;
  margin-top: 2px;
}
#photoProgress table tr.last td div {
  margin-bottom: 2px;
}
.photoAddGrad {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 32px;
}
#photoProgress table tr td div.photoAddProgress {
  padding: 2px 2px;
  color: #6ab1e0;
  line-height: 18px;
}
#photoProgress table tr td div.photoAddProgress div {
  line-height: 14px;
  padding: 0;
  margin: 0;
  border: 2px solid #6ab1e0;
}
#photoProgress table tr td div.photoAddProgress div span {
  display: block;
  background-color: #6ab1e0;
  color: white;
}
.photoAddIcon {
  height: 22px;
  background: url('/images/photo_post/photoAddIcons.png') no-repeat top center;
}
.photoAddIcon.cancel {
  background-position: center 0;
  cursor: pointer;
}
.photoAddIcon.success {
  background-position: center -22px;
}
.photoAddIcon.error {
  background-position: center -44px;
}
.photoAddIcon.hover {
  background-position: center -66px;
}
#photoProgress #photoAdd{
  width: 466px;
  background: url('/images/photo_post/addPhotoButton.png') top left no-repeat #56aadf;
  padding: 0;
  z-index: 0;
  height: 32px;
}
#photoProgress #photoAdd.hover{
  background-position: 0 -32px;
}
#photoProgress #photoAdd a{
  line-height: 26px;
  height: 26px;
  vertical-align: middle;
  text-align: center;
  margin: 0;
  padding: 0;
  text-decoration: none;
  display: block;
  color: white;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 14px;
}
#photoProgress {
  width: 461px;
  padding-right: 5px;
  margin-left: 10px;
}
#photoProgress.hover {
  background: url('/images/photo_post/photoAddHoverBG.png') top right no-repeat;
}
.photoPostImgCont .controls {
  display: none;
}
#descriptionBox {
  width: 234px;
  background: url('/images/photo_post/descBottom.png') bottom left no-repeat;
}
#descriptionBox #descriptionArea{
  background: white;
  border: 1px solid #d5d4d6;
  padding: 6px;
  width: 196px;
  height: 100px;
}
#descriptionBox #descriptionArea.hint{
  color: #aaa9ad;
}
#descInner {
  background: url('/images/photo_post/descMiddle.png') top left repeat-y;
  padding: 6px 12px 6px 6px;
}
#saveDesc {
  display: block;
  width: 222px;
  height: 27px;
  background: url('/images/photo_post/descButton.png') top left no-repeat;
  margin: 0 0 12px 0;
  text-decoration: none;
}
#saveDesc:hover {
  background-position: 0 -27px;
  text-decoration: none;
}
#closeDesc {
  position: absolute;
  top: 0;
  right: 13px;
  width: 30px;
  height: 27px;
  background: url('/images/photo_post/descClose.png') top left no-repeat;
  text-decoration: none;
}
#closeDesc:hover {
  background-position: 0 -27px;
  text-decoration: none;
}
#descHeader {
  height: 27px;
  background: url('/images/photo_post/descTop.png') top left no-repeat;
}
.ui-resizable-handle {
  width: 15px;
  height: 15px;
  background: url('/images/photo_post/descHandle.png') bottom right no-repeat;
  position: absolute;
  right: 1px;
  bottom: 1px;
}
#descriptionBox .ui-wrapper {
  position: relative !important;
  padding-bottom: 0 !important;
}

/* Posts */
.hide_comment, .deleted_comment {
  color: #b0b0b0;
}
.hide_comment a {
  color: #b0b0b0;
  cursor: pointer;
}

.author .status a{
  background-position:0 0;
  background-repeat:no-repeat;
  background-image: url(/images/buttons/statusbuttons2.png);
  display:block;
  height: 11px;
  width: 32px;
  line-height:126px;
  overflow:hidden;
}

/* Tables */
table.stripes {
  width: 100%;
}
table.stripes th, table.stripes td {
  padding: 10px;
}
table.stripes th:first-child, table.stripes td:first-child {
  padding-left: 0;
}
table.stripes th:last-child, table.stripes td:last-child {
  padding-left: 0;
}
table.stripes thead {
  color: #001E2E;
}
table.stripes thead th {
  text-align: left;
  padding-top: 8px;
  padding-bottom: 8px;
}
table.stripes tbody td {
  border-top: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
  padding-top: 5px;
  padding-bottom: 5px;
}

.export_pane {
  overflow:hidden;
  width: 640px;
}
.export_pane .avatar {
  width:300px;
  float:left;
  height: 250px;
}
.export_pane .avatar img {
  margin-left: 25px;
  margin-top: 0;
  width: 250px;
  height: 250px;
}

.export_pane .action_pane {
  padding-top: 30px;
  width: 290px;
  height: 250px;
  float: left;
}

/* paintomime's chat */
#paintochat {
  width: 100%;
  height: 157px;
  overflow: auto;
}
#paintochat ul {
  list-style: none;
  margin: 10px 0;
}
#paintochat ul li {
  margin: 0;
}
#paintochat ul li b {
  color: #00AEEF;
}
#paintochat ul li span.time {
  color: #b0b0b0;
  margin-right:10px;
}

/* game list page*/
.gamePromo, .servicePromo{
  clear: left;
  margin-top: 20px;
}
.gamePromo .screen img, .servicePromo .screen img{
  border: 1px solid #666;
}
.gamePromo .screen, .servicePromo .screen{
  float: left;
  width: 302px;
}
.gamePromo .gameDescription, .servicePromo .serviceDescription {
  margin-left: 320px;
}

/* faq page */
.faq{
  color: #00AEEF;
  cursor:pointer;
  text-decoration:none;
}
.close_all_faq{
  color: #00AEEF;
  cursor: pointer;
  text-decoration: none;
  font-size: 11px;
  position: relative;
  left: 50%;
  margin: 0px 0px 0px -50px;
  width: 100px;
}
.close_all_faq:hover{
  text-decoration: underline;
}
.faq:hover{
  text-decoration: underline;
}
.faq_content{
  display: block;
}
.faq_content ul{
  padding: 0px;
  margin: 0px;
}
.faq_content ul li{
  padding: 0px;
  margin: 0px 0px 0px 20px;
}
#faq_page h3{padding:20px 0px 0px 0px}

/* clubs */
#categoryCloud.noList {
  margin: 0 0 2em 0;
  padding: 0;
  text-align: center;
}
#categoryCloud li {
  display: inline;
  line-height: 1.3em;
}
#categoryCloud li.selected {
  font-weight: bold;
}
.createClub {
  position: absolute;
  top: 13px;
  right: 15px;
}
#clubsList h2{
  margin-left: 10px;
  margin-right: 10px;
}
.clubListBlock {
  float: left;
  margin: 0 10px 10px 10px;
  width: 268px;
  border: 1px solid #C2CDD3;
  border-radius: 12px;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  -khtml-border-radius: 12px;
  padding: 5px 10px;
  background: url('/images/reasonBG.png') left bottom repeat-x;
}
.boxshadow .clubListBlock:hover, .boxshadow #bestClub:hover {
  -webkit-box-shadow: rgba(0, 0, 0, 0.25) 0 1px 6px;
  -moz-box-shadow: rgba(0, 0, 0, 0.25) 0 1px 6px;
  box-shadow: rgba(0, 0, 0, 0.25) 0 1px 6px;
}
#bestClub {
  margin: 0 20px 10px 20px;
  border: 1px solid #C2CDD3;
  border-radius: 12px;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  -khtml-border-radius: 12px;
  padding: 10px 5px 5px 10px;
  background: url('/images/reasonBG.png') left bottom repeat-x;
}
.clubIcon {
  float: left;
  margin: 0 20px 10px 0;
}
#bestClub .tags {
  clear: left;
}
.clubListBlock .clubIcon {
  float: left;
  width: 50px;
  height: 50px;
  margin: 0 10px 5px 0;
}
.clubListBlock .clubIcon img {
  width: 50px;
  height: 50px;
}
.clubListBlock .description {
  color: #666;
  font-size: 11px;
  height: 47px;
  overflow: hidden;
  line-height: 1.4em;
  margin-bottom: 3px;
}
.clubShowMeta {
  margin: 0 0 14px 0;
  color: #979BA5;
  font-size: 10px;
}
.clubMeta {
  clear: left;
}
.clubListBlock .clubMeta {
  font-size: 10px;
  color: #979BA5;
}
.clubListBlock .clubTitle {
  height: 18px;
  margin-bottom: 4px;
  overflow: hidden;
}
.clubDescription img {
  float: right;
  margin: 0 0 10px 10px;
}
.clubButtons {
  height: 38px;
  margin: 0 auto;
  padding: 0;
  list-style: none;
}
.clubButtons.tiny {
  width: 48px;
}
.clubButtons.small {
  width: 270px;
}
.clubButtons.middle {
  width: 318px;
}
.clubButtons.wide {
  width: 366px;
}
.clubButtons li.spacer {
  width: 20px
}
.clubButtons li {
  margin: 0 5px;
  float: left;
  width: 38px;
  height: 38px;
  position: relative;
  padding: 0;
}
.clubButtons li a {
  margin: 0;
  display: block;
  width: 38px;
  height: 38px;
  background: url('/images/buttons/clubIcons.png') top left no-repeat;
  overflow: hidden;
  line-height: 200px;
  outline: none;
}
.clubButtons li.joinClub a {
  background-position: 0 -76px;
}
.clubButtons li.leaveClub a {
  background-position: 0 -114px;
}
.clubButtons li.editClubMembers a {
  background-position: 0 -38px;
}
.clubButtons li.editClub a {
  background-position: 0 0;
}
.clubButtons li.newPost a {
  background-position: 0 -152px;
}
.clubButtons li.newPostVideo a {
  background-position: 0 -190px;
}
.clubButtons li.newPostAudio a {
  background-position: 0 -228px;
}
.clubButtons li.newPostPhoto a  {
  background-position: 0 -266px;
}
.clubMembersList {
  display: none;
}
#moderators {
  margin-top: 2em;
}
.clubMembersList {
  text-align: center;
  padding-top: 1em;
}
.clubMembersList.done {
  text-align: left;
  padding-top: 0;
}
#clubMembersSwitch {
  text-align: center;
  color: #00AEEF;
  text-decoration: none;
  cursor: pointer;
  line-height: 3em;
  margin-top: 2em;
  clear: both;
}
#clubMembersSwitch:hover {
  text-decoration: underline;
  background: #E4E9F2;
}

/* social */
#socialWrap {
  min-height: 300px;
  width: 640px;
  position: relative;
  overflow: hidden;
  padding: 0;
}
#socialWrap .margins.grid {
  width: 520px;
  padding-right: 50px;
}
.socialItem {
  float: left;
  min-height: 400px;
}
#socialMover{
  position: relative;
  top: 0;
  left: 0;
  width: 20000px;
}
#socialLinks {
  list-style: none;
  margin: 0;
  padding: 10px;
  font-size: 11px;
}
#socialLinks li {
  height: 20px;
  float: left;
  line-height: 16px;
  position: relative;
  border-top: 1px solid #B0B4C1;
  border-right: 1px solid #B0B4C1;
  border-bottom: 1px solid white;
  border-left: 1px solid white;
  padding: 0;
  background: #e4e9f2;
}
.cssgradients.borderradius #socialLinks li {
  background: -moz-linear-gradient(top, #f6f8fb, #eaeff5 50%, #e4e9f2 50%, #e4e9f2);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f6f8fb), color-stop(0.5, #eaeff5), color-stop(0.5, #e4e9f2), to(#e4e9f2));
}
.no-cssgradients #socialLinks li{
  background: url('/images/social/linkBG.png') left top repeat-x;
}
#socialLinks li:first-child {
  border-radius: 6px 0 0 6px;
  -moz-border-radius: 6px 0 0 6px;
  -webkit-border-radius: 6px 0 0 6px;
  -o-border-radius: 6px 0 0 6px;
  border-left: 1px solid #B0B4C1;
}
#socialLinks li:last-child {
  border-radius: 0 6px 6px 0 ;
  -moz-border-radius: 0 6px 6px 0;
  -webkit-border-radius: 0 6px 6px 0;
  -o-border-radius: 0 6px 6px 0;
}
#socialLinks li:first-child:last-child {
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -o-border-radius: 6px;
}
#socialLinks li:hover, #socialLinks li.current {
  background: #c9cedc;
}
.cssgradients.borderradius #socialLinks li:hover, .cssgradients.borderradius #socialLinks li.current  {
  background: -moz-linear-gradient(top, #edeff4, #d6dae4 50%, #c9cedc 50%, #c9cedc);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#edeff4), color-stop(0.5, #d6dae4), color-stop(0.5, #c9cedc), to(#c9cedc));
}
.no-cssgradients #socialLinks li:hover, .no-cssgradients #socialLinks li.current{
  background: url('/images/social/linkBGDark.png') left top repeat-x;
}
#socialLinks li a {
  display: block;
  height: 16px;
  text-decoration: none;
  color: #4D4D4D;
  background: url('/images/socialFavicons.png') 4px top no-repeat;
  padding: 0 0 0 25px;
  margin: 2px 0;
}
#socialLinks li.current a {
  cursor: default;
}
#socialLinks li a:hover {
  text-decoration: none;
}
#socialLinks li.cheloveche a {
  background-position: 4px -136px;
}
#socialLinks li.facebook a {
  background-position: 4px 0px;
}
#socialLinks li.twitter a {
  background-position: 4px -17px;
}
#socialLinks li.youtube a {
  background-position: 4px -85px;
}
#socialLinks li.picasa a {
  background-position: 4px -34px;
}
#socialLinks li.lastfm a {
  background-position: 4px -119px;
}
#socialLinks li.flickr a {
  background-position: 4px -68px;
}
#socialLinks li.vimeo a {
  background-position: 4px -51px;
}

#socialLinks li.cheloveche {
  width: 95px;
}
#socialLinks li.facebook {
  width: 85px;
}
#socialLinks li.twitter {
  width: 71px;
}
#socialLinks li.youtube {
  width: 80px;
}
#socialLinks li.picasa {
  width: 70px;
}
#socialLinks li.lastfm {
  width: 70px;
}
#socialLinks li.flickr {
  width: 63px;
}
#socialLinks li.vimeo {
  width: 69px;
}

.socialButton {
  margin: 10px 18px;
  height: 48px;
  background: #e3e9f1;
  position: relative;
  overflow: hidden;
  border: 1px solid #e3e9f1;
  padding-left: 12px;
}
.socialButton.youtube {
  padding-left: 7px;
}
.socialButton.active {
  border-right: 1px solid #B0B4C1;
  border-bottom: 1px solid #B0B4C1;
  border-left: 1px solid #f6f8fb;
  border-top: 1px solid #f6f8fb;
  padding: 0;
}
.cssgradients .socialButtonInner  {
  background: -moz-linear-gradient(top, #f1f4f8, #e5ebf2 50%, #e3e9f1 50%, #e3e9f1);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f1f4f8), color-stop(0.5, #e5ebf2), color-stop(0.5, #e3e9f1), to(#e3e9f1));
}
.socialButton.active:hover {
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #808080;
  border-top: 1px solid #808080;
  background: black;
}
.socialButtonInner {
  border: 1px solid #e6ecf3;
  height: 46px;
  padding-left: 10px;
}
.socialButton.active:hover .socialButtonInner {
  border: 1px solid black;
}
.cssgradients .socialButton.active:hover .socialButtonInner  {
  background: -moz-linear-gradient(top, #7f7f7f, #000 50%, #000 50%, #000);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#7f7f7f), color-stop(0.5, #000), color-stop(0.5, #000), to(#000));
}
.youtube .socialButtonInner {
  padding-left: 5px;
}
.socialButton a.socialDelete {
  display: block;
  position: absolute;
  width: 40px;
  height: 40px;
  right: 6px;
  top: 4px;
  background: url('/images/socialButtons.png') left -105px no-repeat;
  line-height: 300px;
  overflow: hidden;
}
.socialButton a.socialAdd {
  display: block;
  position: absolute;
  width: 40px;
  height: 40px;
  right: 6px;
  top: 4px;
  background: url('/images/socialButtons.png') left -5px no-repeat;
  line-height: 300px;
  overflow: hidden;
}
.socialButton:hover a.socialAdd {
  background-position: left -55px;
}

/* user menu */
#menuInner #currentUserLink:hover #userMenu {
  display: block;
}
#userMenu {
  display: none;
}
#menuInner #currentUserLink:hover .userIcon {
  position: absolute;
  background: #c9cedc;
  text-align: left;
  padding: 8px 8px 0 8px;
  border-top: 1px solid #edeeef;
  border-bottom: 1px solid #aeb3be;
  background: #c8cedc;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -o-border-radius: 6px;
  left: -8px;
  top: -8px;
  white-space: nowrap;
  z-index: 40;
  width: auto;
}
#menuInner #currentUserLink:hover .faceMask {
  display: none;
}
#menuInner #currentUserLink:hover .faceWrap {
  width: auto;
}
#menuInner #currentUserLink .userIcon .user_text_link {
  text-shadow: 1px 1px 1px white;
}
.cssgradients.borderradius #menuInner #currentUserLink:hover .userIcon {
  background: -moz-linear-gradient(top, #afb8c8, #c9cedc 10%, #c9cedc 90%, #e0e3eb);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#afb8c8), color-stop(0.1, #c9cedc), color-stop(0.9, #c9cedc), to(#e0e3eb));
}
.no-cssgradients.backgroundsize.borderradius #menuInner #currentUserLink:hover .userIcon {
  background-size: 100% 100%;
  -o-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -webkit-background-size: 100% 100%;
  background: url('/images/subMenu.png') left top repeat-x #c9cedc;
}
.boxshadow #menuInner #currentUserLink:hover .userIcon {
  -webkit-box-shadow: rgba(0, 0, 0, 0.25) 0 3px 6px;
  -moz-box-shadow: rgba(0, 0, 0, 0.25) 0 3px 6px;
  box-shadow: rgba(0, 0, 0, 0.25) 0 3px 6px;
}
.boxshadow #menuInner #currentUserLink:hover .userIcon .userSubMenu a, .boxshadow #menuInner #currentUserLink:hover .userIcon .subMenu span {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.no-borderradius #menuInner #currentUserLink .subMenuTR, .no-borderradius #menuInner #currentUserLink .subMenuBR, .no-borderradius #menuInner #currentUserLink .subMenuL, .no-borderradius #menuInner #currentUserLink .subMenuLT {
  visibility: hidden;
  z-index: 20;
}
.no-borderradius #menuInner #currentUserLink:hover .subMenuTR, .no-borderradius #menuInner #currentUserLink:hover .subMenuBR, .no-borderradius #menuInner #currentUserLink:hover .subMenuL, .no-borderradius #menuInner #currentUserLink:hover .subMenuLT {
  visibility: visible;
}
.no-borderradius #menuInner #currentUserLink:hover .userIcon {
  background: none;
  border: 0 !important;
  overflow: visible !important;
  top: -7px !important;
}
.no-borderradius #menuInner #currentUserLink #userMenu ul {
  background: none;
  z-index: 30;
  position: relative;
}
.no-borderradius #menuInner #currentUserLink .faceWrap {
  z-index: 30;
  position: relative;
}
#menuInner #userMenu ul:first-child {
  border-top: 0;
  margin-top: 0;
}
#menuInner #userMenu ul:last-child, #menuInner #userMenu ul.last {
  border-bottom: 0;
  margin-bottom: 0;
}
#menuInner #userMenu li, #menuInner #userMenu li:first-child, #menuInner #userMenu li:last-child {
  float: none;
  border: 0;
  padding: 0;
  margin: 6px 8px;
  text-align: left;
  text-transform: none;
}
#menuInner #userMenu li.current {
  color: white;
  background: #ACB2C2;
  padding: 3px 8px;
  margin: 3px 0;
  border-bottom: 1px solid #edeeef;
  border-top: 1px solid #7D8291;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -o-border-radius: 6px;
  text-shadow: 1px 1px 1px #7D8291;
}
#menuInner #userMenu li a:hover {
  text-shadow: 1px 1px 1px #7D8291;
  color: white;
}
#menuInner #userMenu li span, #menuInner #userMenu li a, #menuInner #userMenu li span {
  background: 0;
  border: 0;
  padding: 0;
  margin: 0;
}
#menuInner #userMenu ul {
  margin: 0;
  padding: 6px 0;
  border-bottom: 1px solid #B0B4C1;
  border-top: 1px solid #f7f8fb;
}

/* users list */
ul.usersList {
  margin: 10px 0 0 0;
  min-height: 140px;
}
.usersList ul {
  margin: 10px 0 0 0;
}
ul.usersList li, .usersList ul li {
  float: left;
  width: 71px;
  height: 70px;
  text-align: center;
}
ul.usersList li.loading {
  background: url('/images/spinner_light_tiny.gif') center center no-repeat;
}
ul.usersList li a {
  display: block;
  width: 71px;
  height: 70px;
}
ul.usersList li a img {
  height: 64px;
}
.dots {
  text-align: center;
  font-size: 18px;
  line-height: 18px;
}
.dots .dot:hover {
  text-decoration: none;
  color: black;
}
.dots .dot.current {
  cursor: default;
  color: black;
}
.list-wrapper {
  position: relative;
}
.list-wrapper .list_btn {
  position: absolute;
  height: 140px;
  width: 30px;
  top: 0;
  line-height: 140px;
  text-align: center;
}
.list-wrapper .list_btn:hover {
  background: #E4E9F2;
  text-decoration: none;
}
.list-wrapper .list_btn.prev {
  left: -40px;
}
.list-wrapper .list_btn.next {
  right: -40px;
}

/* admin */
ul.admin {
  margin-bottom: 1em;
}
ul.admin li {
  display: inline;
}

/* arena */
#arenaChatLog {
  position: relative;
  border: 1px solid #CEDAE2;
  padding: 0 16px 0 0;
  overflow: hidden;
  background: #CEDAE2;
}
#arenaChatControls {
  margin-bottom: 10px;
}
#arenaChatLogWrap {
  border:5px solid white;
  background: white;
  height: 200px;
  overflow: hidden;
  position: relative;
}
#arenaChatSwitch {
  float: left;
  border-right: 2px solid white;
  width: 29px;
  height: 30px;
  background: url('/images/chatSwitch.png') left bottom no-repeat #CEDAE2;
}
#arenaChatSwitch.open {
  background-position: left top;
}
#arenaChatSwitch:hover {
  background-color: black;
}
#arenaChatCount {
  float: left;
  width: 54px;
  height: 30px;
  background: #CEDAE2;
  color: white;
  font-weight: bold;
  line-height: 30px;
  text-align: center;
  font-size: 18px;
}
#chatMessageWrap {
  width: 385px;
  float: left;
  border-width: 1px 0;
  border-style: solid;
  border-color: #CEDAE2;
  margin: 0;
  height: 28px;
  padding: 0;
  position: relative;
}
#arenaChatLogText {
  position: relative;
  top: 0;
}
#arenaChatWrap {
  display: none;
}
#chat_message {
  width: 96%;
  display: block;
  margin: 8px 2% 0 2%;
  border: 0;
  padding: 0;
  line-height: 1em;
  font-size: 12px;
}
.chatSubmit {
  float: left;
  width: 30px;
  height: 30px;
  background: url('/images/chatSubmit.png') center center no-repeat #CEDAE2;
  border: 0;
  overflow: hidden;
  line-height: 200px;
  text-indent: 50px;
}
.chatSubmit:hover {
  background-color: black;
}
.chatMessage {
  line-height: 1.4em;
  margin-bottom: 0.5em;
}
.chatLogin {
  font-weight: bold;
  color: #00AEEF;
  cursor: pointer;
}
.self .chatLogin, .self.chatLogin {
  color: #FBB03B;
  cursor: default;
}
.whisper {
  font-style: italic;
  color: #AD228D;
}
#arenaChatLog .ui-resizable-handle {
  right: 0;
  bottom: 0;
  width: 16px;
  height: 15px;
  background-color: #F5F8F9;
}
#arenaChatLogScroller {
  position: absolute;
  top: 15px;
  right: 0;
  height: 165px;
  border-right: 1px solid white;
  background: #F5F8F9;
  width: 15px;
}
#arenaChatLogScroller .handle {
  width: 14px;
  height: 20px;
  background: #CEDAE2;
  left: 1px;
  position: absolute;
  margin: 0;
  top: 0;
}
#arenaChatLogScroller .handle:hover {
  background: black;
}
.noScroll #arenaChatLogScroller .handle:hover {
  background: #CEDAE2;
}
#chatArrowUp {
  width: 16px;
  height: 15px;
  top: 0;
  position: absolute;
  background: url('/images/scrollUp.png') left top no-repeat #F5F8F9;
  right: 0;
}
#chatArrowUp:hover, #chatArrowDown:hover {
  background-position: left -15px;
}
.noScroll #chatArrowUp:hover, .noScroll #chatArrowDown:hover {
  background-position: left 0;
}
#chatArrowDown {
  width: 16px;
  height: 15px;
  bottom: 15px;
  position: absolute;
  background: url('/images/scrollDown.png') left top no-repeat #F5F8F9;
  right: 0;
}


a.qtip {
  cursor: pointer;
}
#menu a.qtip, .widgetsContainer a.qtip {
  cursor: default;
}
#header .banner {
  margin-left: -96px;
  margin-top: 15px;
}

.sideAd, .sideAd * {
  font-size: 10px;
  color: black;
  line-height: 1.4em;
}
.sideAd {
  margin: 0 0 20px 0;
}
.sideAd h5 {
  margin: 0 0 0.5em 0;
  font-size: 12px;
}
#q:focus {
  color: black;
}

/* old submitter */
.no-borderradius #widgets_panel .submit {
  height: 32px;
  padding-left: 12px;
  text-align: right;
  background: url('/images/widgets/submitThinBG.png') left top no-repeat;
  margin-top: 10px;
}
.no-borderradius #widgets_panel .submit:hover {
  background-position: left -32px;
}
.no-borderradius #widgets_panel .submit:hover span {
  background-position: right -32px;
}
.no-borderradius #widgets_panel .submit span {
  height: 32px;
  background: url('/images/widgets/submitThinBG.png') right top no-repeat;
  text-align: center;
  width: 230px;
}
.no-borderradius #widgets_panel .submit #post_submit {
  width: 226px;
  padding-right: 12px;
  line-height: 26px;
  height: 26px;
  outline: none;
}
.no-borderradius #widgets_panel .submit.disabled, .no-borderradius #widgets_panel .submit.disabled:hover {
  background-position: left -64px;
}
.no-borderradius #widgets_panel .submit.disabled span, .no-borderradius #widgets_panel .submit.disabled:hover span {
  background-position: right -64px;
}
.no-borderradius .submit.disabled, .no-borderradius .submit.disabled:hover {
  background-position: left -80px;
}
.no-borderradius .submit.disabled span, .no-borderradius .submit.disabled:hover span {
  background-position: right -80px;
}
.no-borderradius .submit.disabled * {
  cursor: default !important;
}

.no-borderradius .submit {
  margin: 0 auto;
  height: 38px;
  width: 200px;
  padding-left: 13px;
  text-align: center;
  background: url('/images/buttons/submit_l.png') top left no-repeat;
  border: 0;
}
.no-borderradius .submit span input {
  margin-right: 13px;
  margin-top: 2px;
}
.no-borderradius .new_user .submit {
  width: 228px;
}
.no-borderradius .submit:hover {
  background-position: left -40px;
  border: 0;
}
.no-borderradius .submit:hover span {
  background-position: right -40px;
}
.no-borderradius .submit #post_submit {
  display: block;
  height: 30px;
  line-height: 30px;
  background: none;
  color: white;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 14px;
  border: 0;
  margin: 0;
  padding: 0 16px 0 0;
  width: 200px;
  cursor: pointer;
}
.no-borderradius .new_user .submit #post_submit {
  width: 226px;
}
.no-borderradius .mainBody form .submit, .no-borderradius .mainBody form .submit:hover {
  border: none;
}
.no-borderradius .submit a {
  display: block;
  height: 30px;
  line-height: 30px;
  background: none;
  color: white;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 14px;
  border: 0;
  margin: 0;
  padding: 0 16px 0 0;
  width: 178px;
  cursor: pointer;
  text-decoration: none;
}
.no-borderradius .submit span {
  display: block;
  height: 38px;
  background: yellow;
  background: url('/images/buttons/submit_r.png') top right no-repeat;
}
.no-borderradius form #post_submit:hover {
  background-position: 0 -40px;
}

#conversationWrap form .author {
  float: left;
  width: 250px;
  margin: 0;
  padding: 0;
  margin-left: -50px;
}
.mainBody #conversationWrap form textarea {
  width: 268px;
}
#conversationWrapForm {
  float: left;
  width: 278px;
  position: relative;
  margin-left: 0;
  background: white;
  padding: 10px;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -o-border-radius: 6px;
  border: 1px solid #C2CDD3;
  margin-bottom: 2em;
  margin-top: 2em;
}
.boxshadow #conversationWrapForm {
  -webkit-box-shadow: rgba(0, 0, 0, 0.25) 0 1px 6px;
  -moz-box-shadow: rgba(0, 0, 0, 0.25) 0 1px 6px;
  box-shadow: rgba(0, 0, 0, 0.25) 0 1px 6px;
}
#conversationWrapForm img.bubbleTip   {
  position: absolute !important;
  top: 76px;
}

.mainBody .margins.grid.devided {
  border-top: 1px solid #BACAD3;
  margin: 0;
  padding: 20px 70px;
  background: url('/images/devided.png') left top repeat-x;
}

#informersFix.fixed {
  position: fixed;
  top: 49px;
  width: 140px;
}

.privateClubIcon.inline {
  display: inline !important;
}

#socialWrap .content {
  min-height: 65px;
  padding: 0;
  margin-bottom: 0;
}
#socialWrap .content.loading {
  background: url('/images/spinner_light.gif') center center no-repeat;
}