/**
 * Theme Name: Explorer
 * Author: Guru
 * Author URI: http://uthemes.ru/
 * Theme URI: http://uthemes.ru/board/explorer/
 *
 * Copyright (c) 2009 - 2012 uthemes.ru. All rights reserved.
 *
 */
body {margin:0;padding:0;font-family:Tahoma,Century gothic, Arial,sans-serif;color:#444;font-size:13px;background:#ddd;}
img,form {border:0;margin:0;}
a,input {outline:none;}
img {border:0;margin:0;}
a {color:#666;text-decoration:none;outline:none;}
a:hover {color:#666;text-decoration:underline;}
h1,h2, h3, h4, h5, h6 {font-weight:bold;margin:5px 0;padding:0;}
h1 {font-size:26px;}
h2 {font-size:21px;}
h3 {font-size:19px;}
h4 {font-size:17px;}
h5 {font-size:15px;}
h6 {font-size:13px;}
ul {list-style:square;}
hr {border:none;border-bottom:1px solid #ddd;}
.clr {clear:both;}
.wrapper {width:960px;margin:0 auto;background:#fff;}
#page {padding:30px 0;}
#page legend {color:#666!important;}
#page fieldset {background:#f5f5f5;border:1px solid #ddd;color:#555;}
#page label {color:#777;}
#header {height:92px;padding:10px;overflow:hidden;background:#fff url(/images/content.png) 0 0 no-repeat;}
#header .blognames {float:left;width:600px;height:76px;overflow:hidden;padding:16px 0 0 10px;text-transform:uppercase;}
#header .site-name {font-size:36px;color:#444;}
#header .site-name a {color:#444;text-decoration:none;}
#header .site-descr {font-size:12px;color:#666;}
#header .usr-block {float:right;width:200px;}
#header .lg-form {padding:0;width:180px;float:right;}
#header .loginDiv span,#header .passwordDiv span,#header .rememberDiv {display:none;}
#header .loginDiv,#header .passwordDiv {width:152px;height:28px;background:#eee url(/images/login.png) 0 0 no-repeat;padding:0 0 0 28px;overflow:hidden;}
#header .passwordDiv {background-position:0 -28px;margin:3px 0;}
#header .loginDiv input,#header .passwordDiv input {width:145px;height:28px;line-height:28px;padding:0;margin:0;background:none;border:none;color:#444;}
#header .buttonDiv {float:right;}
#header .logLnkSep {padding:0 2px;}
#header .loginLinks {float:left;font-size:9px;width:124px;padding:8px 0 0 0;}
#header .usr-box {height:80px;padding:5px;overflow:hidden;background:#f5f5f5;border:1px solid #eee;}
#header .usr-ava {float:left;width:60px;height:60px;padding:3px;background:#fff;border:1px solid #ddd;}
#header .usr-info {float:right;width:110px;padding:0 5px;text-align:center;font-size:12px;}
#header .lgo-lnk {display:block;padding:6px 0 0 34px;width:78px;}
#header .usr-lnk {display:block;padding:3px 0;color:#444;}
#st-switcher {float:right;width:16px;height:92px;overflow:hidden;padding:0 0 0 10px;}
#st-switcher a {display:block;width:14px;height:14px;background:#b20000;border:1px solid #730000;margin:0 0 3px 0;_font-size:10px}
#st-switcher a.st-blue {background:#009ccc;border:1px solid #0184ad;}
#st-switcher a.st-green {background:#32a709;border:1px solid #079300;}
#st-switcher a.st-gold {background:#dd9c00;border:1px solid #b09a06;}
#st-switcher a.st-violet {background:#c301aa;border:1px solid #a1008c;margin:0;}
#menu-box {height:38px;background:#4c323c url(/images/menu-box.png) 0 0 no-repeat;padding:1px 20px;}
#menu-box {height:40px;background:#444;padding:0 10px;}
#catmenu{float:right;width:730px;text-transform:uppercase;}
#catmenu ul {list-style:none;margin:0;padding:0;}
#catmenu ul li {float:left;}
#catmenu ul li a {display:block;height:40px;line-height:40px;color:#ccc;padding:0 10px;text-decoration:none;text-shadow:1px 1px 0 #333;white-space:nowrap;border-right:1px solid #585858;_width:10px;}
#catmenu ul li a:hover,#catmenu ul li.item-hover a,#catmenu ul li a.current-item {color:#fff;background:#666;text-shadow:1px 1px 0 #333;text-decoration:none;}
#catmenu ul li.item-parent a {padding-right:26px;}
#catmenu ul li a .item-arrow {top:14px;right:12px;z-index:30;}
#catmenu ul ul {float:none;width:auto;border:1px solid #585858;border-bottom:none;background:#444;}
#catmenu ul ul ul {margin:0 0 0 180px;}
#catmenu ul ul li {text-transform:none;background:none;}
#catmenu ul li ul ul {margin:0 0 0 180px;}
#catmenu ul li li a {background:none!important;color:#ccc!important;border-right:none;border-bottom:1px solid #585858;line-height:normal;height:auto;font-size:11px;white-space:normal;padding:8px 10px;text-shadow:none!important;height:auto;_width:auto;}
#catmenu ul li li a:hover,#catmenu ul li.item-hover li a,#catmenu ul li li a.current-item {background:none;color:#ccc;text-shadow:1px 1px 0 #333;}
#catmenu ul li li a:hover {background:none;color:#fff;text-decoration:underline;}
#catmenu ul.ut-menu li a .item-arrow {top:14px;right:10px;z-index:7;}
#catmenu ul.ut-menu li li a .item-arrow {top:9px;right:8px;}
#catmenu .multicolumn > li {border-color:#585858;}
#search {float:left;width:200px;padding:6px 9px 0 0;height:34px;border-right:1px solid #585858;}
#search .search-box {width:190px;height:28px;overflow:hidden;padding:0 5px;background:url(/images/search.png) 0 0 no-repeat;}
#search .schQuery input {width:155px;margin:0;padding:0;height:28px;line-height:28px;border:none;font-size:12px;color:#444;float:left;border:none;background:none;}
#search .schBtn {padding:5px 0 0 0;}
#search .schBtn input{float:right;margin:0;height:19px;width:19px;overflow:hidden;text-indent:-10000px;background:url(/images/search.png) right -28px no-repeat;border:none;cursor:pointer;}

#casing {background:#fff url(/images/content.png) -960px 0 repeat-y;}
#casing.forum-casing {background:#fff;}
#left-side {float:left;width:220px;}
.sidetitle {padding:10px;font-weight:normal;color:#fff;text-shadow:1px 1px 0 #333;font-size:13px;text-transform:uppercase;background:#666;}
.sidebox .inner {padding:10px;}
.sidebox ul {list-style-type:none;margin:0;padding:0;}
#ut-spon span {display:block;}
.sidebox ul li,.sidebox .catsTd,#ut-spon span {padding:7px 10px;border-bottom:1px solid #ddd;}
.sidebox li a,.sidebox .catsTable td a,#ut-spon span a {color:#444;padding:0 0 0 15px;background:url(/images/side-arrows.png) 0 3px no-repeat;}
.sidebox li a:hover,.sidebox .catsTable td a:hover,.sidebox .catsTable td a.catNameActive,.sidebox ul li.item-hover a,.sidebox ul li a.current-item {color:#666;background-position:-600px 3px;}
.sidebox .catNumData {color:#888;font-size:9px;}
.sidebox .calTable{width:100%;}
.calTable td {text-align:center;padding:3px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;}
.calTable td a {font-weight:bold;}
.calTable td a:hover {text-decoration:underline;}
.calTable .calWday,.calTable .calWdaySe,.calTable .calWdaySu,.calTable .calMdayA,.calTable .calMdayIsA {background:#444;color:#fff;}
.calTable .calMday,.calTable .calMdayIs{border:1px solid #ddd;}
.calTable .calMdayIsA a {color:#fff;}
.sidebox ul li li {background:none;padding:0;border-bottom:none;}
.sidebox ul ul {margin:0 0 0 200px;background:#f5f5f5;border:1px solid #ddd;border-bottom:none;}
.sidebox ul li ul ul {margin:0 0 0 180px;}
.sidebox ul li li a {background:none!important;color:#444!important;border-bottom:1px solid #ddd;line-height:normal;height:auto;font-size:11px;white-space:normal;padding:8px 10px;text-shadow:none;}
.sidebox ul li li a:hover,.sidebox ul li.item-hover li a,.sidebox ul li li a.current-item {background:none;color:#444;}
.sidebox ul li li a:hover {background:#fff;color:#444;}
.sidebox ul.ut-menu li a .item-arrow {top:3px;right:-5px;}
.sidebox ul.ut-menu li li a .item-arrow {top:9px;right:8px;}
.sidebox .multicolumn > li {border-color:#ddd;}

#content {float:right;width:720px;padding:10px 10px 10px 0;}
#content .calTable td {padding:12px;}
.eBlock {padding:0 0 10px 0;}
.eTitle {padding:10px 0!important;color:#666;font-size:14px;text-transform:uppercase;border-bottom:1px solid #ddd;}
.eDetails, .eDetails1, .eDetails2{font-size:11px;background:#eee;border:1px solid #ddd;color:#777;padding:6px 10px;}
.eMessage,.eText {margin:0;padding:10px 0!important;}
.eMessage p,.eText p{margin:0;padding:0 0 5px 0;}
.pagesBlockuz1 b,.pagesBlockuz2 b,#pagesBlock1 b,#pagesBlock2 b {padding:2px 6px 2px 6px;font-weight:normal;background:#666;color:#fff;font-size:10px;}
.pagesBlockuz1 a,.pagesBlockuz2 a,#pagesBlock1 a,#pagesBlock2 a {padding:2px 6px 2px 6px;text-decoration:none;color:#777;font-size:10px;}
.pagesBlockuz1 a:hover,.pagesBlockuz2 a:hover,#pagesBlock1 a:hover,#pagesBlock2 a:hover {background:#666;color:#fff!important;}

body .cBlock1,body .cBlock2,.commTable {background:#fafafa;border:1px solid #eee;color:#555;padding:5px;}
.cMessage {font-size:11px;}
.cTop {padding:0 0 10px 0;margin:0;border-bottom:1px solid #ddd;}
.cAnswer {padding:5px 0 0 15px;font-style:italic;color:#999;}
.commTd1 {padding:5px 2px;}
input.commFl {width:400px;}
textarea.commFl {width:85%;}
.commSbmFl {}
.securityCode {}
.eAttach {margin:16px 0 0 0;padding: 0 0 0 15px;background: url(/images/attach.gif) 0 0 no-repeat;}
.eRating {font-size:8pt;}
.manTdError,.commError {color:#ff0000;}
.commReg {padding: 10px 0;text-align:center;}
a.groupModer,a.groupModer:hover {color:blue!important;}
a.groupAdmin,a.groupAdmin:hover {color:red!important;}
a.groupVerify,a.groupVerify:hover {color:green!important;}
.replaceTable {background:#f5f5f5;border:1px solid #eee;color:#444;font-size:12px!important;padding:10px;border-radius:9px;-moz-border-radius:9px;-webkit-border-radius:9px;}
.legendTd {font-size:8pt;}
.outputPM {border:1px dashed #3a2b24;margin:4px 0 4px 30px;}
.inputPM {border:1px dashed #3a2b24;margin:4px 0;}
.uTable {padding:0;background:#ddd;}
.uTable td {background:#f5f5f5;padding:3px 10px;}
.uTable td.uTopTd {background:#eee;}
.eAttach .entryAttachSize {padding-left:4px;}
.manTable {text-align:left;}
.manTable .manTd1 {font-size:12px;line-height:14px;width:200px;}
.popuptable {margin:10px auto;padding:10px;background:#f5f5f5;border:1px solid #eee;color:#444;border-radius:9px;-moz-border-radius:9px;-webkit-border-radius:9px;}
.popuptitle {color:#666;font-size:14px;text-transform:uppercase;border-bottom:1px solid #ddd;padding:0 0 10px 0;text-align:center;}
.popupbody {padding:10px 0 0 0;font-size:12px;color:#444;}
.popupbody * {font-size:12px!important;}
.popuptable table {text-align:left;color:#444;}

#footer {background:#444 url(/images/content.png) -1920px bottom no-repeat;padding:20px 10px;color:#999;}
#footer a {color:#999;text-decoration:underline;}
#footer .fleft {float:left;width:70%;font-size:11px;}
#footer .fright {float:right;width:25%;text-align:right;}

#forum-box {padding:10px;}
.forum-casing #ut-spon {padding:0;height:30px;line-height:30px;border-top:1px solid #ddd;}
.forum-casing .sidetitle {height:30px;line-height:30px;float:left;padding:0 10px;}
.forum-casing #ut-spon .inner {padding:0;}
.forum-casing #ut-spon span {float:left;padding:0 10px;height:30px;line-height:30px;border:none;}

.gTable {background:#ddd;}
.gTableTop {background:#666;border:none;color:#fff;text-shadow:1px 1px 0 #333;padding:10px;margin:0;font-size:13px;text-transform:uppercase;}
.gTableTop a {color:#fff!important;}
.gTableSubTop,.postTdTop {background:#444;color:#999;padding:3px;font-size:11px;}
.gTableSubTop a,.postTdTop a,.gTableSubTop a:hover,.postTdTop a:hover {color:#999!important;}
.gTableBody,.gTableBody1,.gTableBottom,.gTableError,.forumNameTd,.forumLastPostTd,.threadNametd,.threadAuthTd,.threadLastPostTd,.threadsType,.postPoll,.newThreadBlock,.newPollBlock,.newThreadBlock,.newPollBlock,.gTableRight,.posttdMessage,.postTdInfo,.codeMessage,.quoteMessage{padding:3px 10px;background:#fff;}
.forumIcoTd,.forumThreadTd,.forumPostTd,.gTableLeft,.threadIcoTd,.threadPostTd,.threadViewTd,.postBottom {padding:3px 10px;background:#f5f5f5;}
a.forum,a.threadLink {padding:0 0 0 10px;background:url(/images/12.gif) 0 center no-repeat;font-size:14px}
a.forumLastPostLink {color:#666!important;}
.gTableLeft {font-weight:bold;}
.gTableError {color:#FF0000;}
.forumLastPostTd,.forumArchive {font-size:8pt;}
a.catLink {text-decoration:none;}
a.catLink:hover {text-decoration:underline;}
.lastPostGuest,.lastPostUser,.threadAuthor {font-weight:bold}
.archivedForum{font-size:8pt;color:#FF0000!important;font-weight:bold;}
.forumDescr {color:#888;font-size:8pt;}
div.forumModer {color:#666;font-size:8pt;}
a.forumModer {color:#555!important;text-decoration:underline;}
.forumViewed {font-size:9px;}
.forumBarKw {font-weight:normal;}
a.forumBarA {text-decoration:none;color:#777!important;}
a.forumBarA:hover {text-decoration:none;}
.fastLoginForm {font-size:8pt;}
.switch,.pagesInfo {padding:2px 5px;font-weight:normal;background:#f5f5f5;border:1px solid #ddd;color:#555;font-size:10px;}
.switchActive {padding:2px 4px;font-weight:normal;background:#444;border:1px solid #444;color:#fff;}
a.switchDigit,a.switchBack,a.switchNext {text-decoration:none;}
a.switchDigit:hover,a.switchBack:hover,a.switchNext:hover {text-decoration:underline;}
.threadLastPostTd {font-size:8pt;}
.threadDescr {color:#888;font-size:8pt;}
.threadNoticeLink {font-weight:bold;}
.threadsType {height:20px;font-weight:bold;font-size:8pt;}
.threadsDetails {height:20px;}
.forumOnlineBar {height:20px;}
a.threadPinnedLink {font-weight:bold;color:#f63333!important;}
a.threadFrmLink {color:#555!important;}
.postpSwithces {font-size:8pt;}
.thDescr {font-weight:normal;}
.threadFrmBlock {font-size:8pt;text-align:right;}
.forumNamesBar {font-size:11px;padding:3px 0;}
.forumModerBlock {padding:3px 0;}
.postPoll {text-align:center;}
.postSeparator {height:1px;background:#fff;}
.postUser {font-weight:bold;}
.postRankName {margin-top:5px;}
.postRankIco {margin-bottom:5px;margin-bottom:5px;}
.reputation {margin-top:5px;}
.signatureHr {margin-top:20px;}
.postTdInfo {padding:10px;text-align:center;}
.posttdMessage {line-height:18px;padding:10px;}
.pollQuestion {text-align:center;font-weight:bold;} 
.pollButtons,.pollTotal {text-align:center;}
.pollSubmitBut,.pollreSultsBut {width:140px;font-size:8pt;}
.pollSubmit {font-weight:bold;}
.pollEnd {text-align:center;height:30px;}
.codeMessage,.quoteMessage {font-size:11px;padding:10px;background:#f5f5f5;border:1px solid #ddd!important;color:#888;}
.signatureView {display:block;font-size:8pt;line-height:14px;padding:0 0 0 10px;border-left:3px solid #ddd;} 
.edited {padding-top:30px;font-size:8pt;text-align:right;color:gray;}
.editedBy {font-weight:bold;font-size:8pt;}
.statusBlock {padding-top:3px;}
.statusOnline {color:#0f0;}
.statusOffline {color:#f00;}
.newThreadItem {padding: 0 0 0 8px;background:url(/images/12.gif) no-repeat 0 4px;}
.newPollItem {padding: 0 0 0 8px;background:url(/images/12.gif) no-repeat 0 4px;}
.pollHelp {font-weight:normal;font-size:8pt;padding-top:3px;}
.smilesPart {padding-top:5px;text-align:center}
.userAvatar {padding:2px;background:#f5f5f5;border:1px solid #ddd;}
.pollButtons button {margin:0 10px 0 0!important;}
.postBottom .goOnTop {display:none!important;}
/* -------------
 * Styles
 * ------------- */
/* ------ red ------- */
body.st-red a,body.st-red a:hover,body.st-red #header .site-descr,body.st-red .eTitle,body.st-red .popuptitle {color:#b20000;}
body.st-red .sidebox li a:hover,body.st-red .sidebox .catsTable td a:hover,body.st-red .sidebox .catsTable td a.catNameActive,body.st-red .sidebox ul li.item-hover a,body.st-red .sidebox ul li a.current-item {color:#b20000;background-image:url(/images/red-arrows.png);}
body.st-red #catmenu ul li a:hover,body.st-red #catmenu ul li.item-hover a,body.st-red #catmenu ul li a.current-item,body.st-red .sidetitle,body.st-red .pagesBlockuz1 b,body.st-red .pagesBlockuz2 b,body.st-red #pagesBlock1 b,body.st-red #pagesBlock2 b,body.st-red .pagesBlockuz1 a:hover,body.st-red .pagesBlockuz2 a:hover,body.st-red #pagesBlock1 a:hover,body.st-red #pagesBlock2 a:hover,body.st-red .gTableTop {background-color:#b20000;}
body.st-red #catmenu ul li a:hover,body.st-red #catmenu ul li.item-hover a,body.st-red #catmenu ul li a.current-item,body.st-red .sidetitle,body.st-red .gTableTop {text-shadow:1px 1px 0 #730000;}
/* ------ blue ------- */
body.st-blue a,body.st-blue a:hover,body.st-blue #header .site-descr,body.st-blue .eTitle,body.st-blue .popuptitle {color:#009ccc;}
body.st-blue .sidebox li a:hover,body.st-blue .sidebox .catsTable td a:hover,body.st-blue .sidebox .catsTable td a.catNameActive,body.st-blue .sidebox ul li.item-hover a,body.st-blue .sidebox ul li a.current-item {color:#009ccc;background-image:url(/images/blue-arrows.png);}
body.st-blue #catmenu ul li a:hover,body.st-blue #catmenu ul li.item-hover a,body.st-blue #catmenu ul li a.current-item,body.st-blue .sidetitle,body.st-blue .pagesBlockuz1 b,body.st-blue .pagesBlockuz2 b,body.st-blue #pagesBlock1 b,body.st-blue #pagesBlock2 b,body.st-blue .pagesBlockuz1 a:hover,body.st-blue .pagesBlockuz2 a:hover,body.st-blue #pagesBlock1 a:hover,body.st-blue #pagesBlock2 a:hover,body.st-blue .gTableTop {background-color:#009ccc;}
body.st-blue #catmenu ul li a:hover,body.st-blue #catmenu ul li.item-hover a,body.st-blue #catmenu ul li a.current-item,body.st-blue .sidetitle,body.st-blue .gTableTop {text-shadow:1px 1px 0 #0184ad;}
/* ------ green ------- */
body.st-green a,body.st-green a:hover,body.st-green #header .site-descr,body.st-green .eTitle,body.st-green .popuptitle {color:#32a709;}
body.st-green .sidebox li a:hover,body.st-green .sidebox .catsTable td a:hover,body.st-green .sidebox .catsTable td a.catNameActive,body.st-green .sidebox ul li.item-hover a,body.st-green .sidebox ul li a.current-item {color:#32a709;background-image:url(/images/green-arrows.png);}
body.st-green #catmenu ul li a:hover,body.st-green #catmenu ul li.item-hover a,body.st-green #catmenu ul li a.current-item,body.st-green .sidetitle,body.st-green .pagesBlockuz1 b,body.st-green .pagesBlockuz2 b,body.st-green #pagesBlock1 b,body.st-green #pagesBlock2 b,body.st-green .pagesBlockuz1 a:hover,body.st-green .pagesBlockuz2 a:hover,body.st-green #pagesBlock1 a:hover,body.st-green #pagesBlock2 a:hover,body.st-green .gTableTop {background-color:#32a709;}
body.st-green #catmenu ul li a:hover,body.st-green #catmenu ul li.item-hover a,body.st-green #catmenu ul li a.current-item,body.st-green .sidetitle,body.st-green .gTableTop {text-shadow:1px 1px 0 #079300;}
/* ------ gold ------- */
body.st-gold a,body.st-gold a:hover,body.st-gold #header .site-descr,body.st-gold .eTitle,body.st-gold .popuptitle {color:#dd9c00;}
body.st-gold .sidebox li a:hover,body.st-gold .sidebox .catsTable td a:hover,body.st-gold .sidebox .catsTable td a.catNameActive,body.st-gold .sidebox ul li.item-hover a,body.st-gold .sidebox ul li a.current-item {color:#dd9c00;background-image:url(/images/gold-arrows.png);}
body.st-gold #catmenu ul li a:hover,body.st-gold #catmenu ul li.item-hover a,body.st-gold #catmenu ul li a.current-item,body.st-gold .sidetitle,body.st-gold .pagesBlockuz1 b,body.st-gold .pagesBlockuz2 b,body.st-gold #pagesBlock1 b,body.st-gold #pagesBlock2 b,body.st-gold .pagesBlockuz1 a:hover,body.st-gold .pagesBlockuz2 a:hover,body.st-gold #pagesBlock1 a:hover,body.st-gold #pagesBlock2 a:hover,body.st-gold .gTableTop {background-color:#dd9c00;}
body.st-gold #catmenu ul li a:hover,body.st-gold #catmenu ul li.item-hover a,body.st-gold #catmenu ul li a.current-item,body.st-gold .sidetitle,body.st-gold .gTableTop {text-shadow:1px 1px 0 #b09a06;}
/* ------ violet ------- */
body.st-violet a,body.st-violet a:hover,body.st-violet #header .site-descr,body.st-violet .eTitle,body.st-violet .popuptitle {color:#c301aa;}
body.st-violet .sidebox li a:hover,body.st-violet .sidebox .catsTable td a:hover,body.st-violet .sidebox .catsTable td a.catNameActive,body.st-violet .sidebox ul li.item-hover a,body.st-violet .sidebox ul li a.current-item {color:#c301aa;background-image:url(/images/violet-arrows.png);}
body.st-violet #catmenu ul li a:hover,body.st-violet #catmenu ul li.item-hover a,body.st-violet #catmenu ul li a.current-item,body.st-violet .sidetitle,body.st-violet .pagesBlockuz1 b,body.st-violet .pagesBlockuz2 b,body.st-violet #pagesBlock1 b,body.st-violet #pagesBlock2 b,body.st-violet .pagesBlockuz1 a:hover,body.st-violet .pagesBlockuz2 a:hover,body.st-violet #pagesBlock1 a:hover,body.st-violet #pagesBlock2 a:hover,body.st-violet .gTableTop {background-color:#c301aa;}
body.st-violet #catmenu ul li a:hover,body.st-violet #catmenu ul li.item-hover a,body.st-violet #catmenu ul li a.current-item,body.st-violet .sidetitle,body.st-violet .gTableTop {text-shadow:1px 1px 0 #a1008c;}
/* ------ common ------- */
body.st-red .sidebox li a,body.st-blue .sidebox li a,body.st-green .sidebox li a,body.gold .sidebox li a,body.st-violet .sidebox li a {color:#444;}

.button {float:left;display:block;height:28px;line-height:28px;color:#444!important;font-size:12px;text-decoration:none;background:url(/images/niceforms/btn.png) right -28px no-repeat;padding:0 5px 0 0;}
.button span {display:block;height:28px;background:url(/images/niceforms/btn.png) 0 0 no-repeat;padding:0 0 0 5px;}
.button:hover {background-position:right -84px;text-decoration:none;color:#444!important;}
.button:hover span {background-position:0 -56px;}
/* -------------
 * Ucoz splinters
 * ------------- */
 /* ------ combolists ------- */
#doSmbBt,.u-combobut {display:none;}
#casing .u-comboeditcell,#casing .u-combo {border:0!important;background:none!important;}
#casing .u-combolist {background:#fff;border:1px solid #ddd;color:#444;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;}
#casing .u-comboedit,#casing .u-comboeditimg {margin:0!important;padding:0!important;}
/* ------ registration ------- */
#uNetRegF table {text-align:left;}
#uNetRegF table table {clear:both;}
#uNetRegF table table td {padding:5px 0 0 0;}
#uNetRegF table .uttiw,#uNetRegF table .fileinput {margin:0 10px 0 0;}
#uNetRegF .blockdiv {clear:both;padding:5px 0 0 0;}
/* ------ text fields ------- */
.img-code,.img-size {background:#f5f5f5;border:1px solid #ddd;color:#444;font-size:11px;text-align:center;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;}
.img-size {color:#444;}
/* ------ other ------- */
.copy {clear:both;font-size:7pt;}
.noun {font-weight:bold;}
.div-inline {display:inline;background:none;padding:0;float:none;margin:0;border:none;}
#iplus {margin:0 10px 0 0;}
.answer {padding:4px 0 0 0;}
.codeButtons {margin:1px 0!important;}
#content .xw-tl,#content .xw-bl,#content .u-menuvsep {display:none;}
#content .xw-ml,#content .xw-mr {margin:0;padding:0;background:none;}
#content .xw-mc {background:#fff;border:1px solid #ddd;color:#444!important;margin:0;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;}
.u-suggedit {width:95%!important;padding:0!important;margin:0!important;position:absolute!important;}
.with-clear a.remove,.mchat,.securityCode {padding:0!important;}
.sidebox .gTable {background:none;}
.sidebox .gTableTop,.sidebox .gTableSubTop,.sidebox .forumNameTd {background:none!important;padding:7px 0!important;color:#444;border-bottom:1px solid #ddd;text-shadow:none!important;text-transform:none;height:auto;line-height:normal;overflow:visible;border:none;font-size:13px!important;}
.sidebox .gTable ul {padding:0 0 0 20px;}
.sidebox .gTable ul li a {background:none;padding:0;}
ul#menu {list-style-type:none; margin:0; padding:0;} 

 ul#menu li a{ 
  color:#909090; 
  background: url(http://wallaby.ucoz.ru/menu/vert_menu5.png) no-repeat 0 0; 
  text-decoration:none;  
  width: 200px; 
  height: 55px; 
  display:block; 
  border:none; 
  text-shadow: #ddd 2px 2px 0; 
 } 

 ul#menu li a:hover{ 
  background-position: 50% 100%; 
  width: 200px; 
  height: 55px; 
  display:block; 
  color:#fff; 
  text-shadow: #1185EE 2px 2px 0; 
 } 

 ul#menu li a span{ 
  font-family:sans-serif; 
  font-size:18px; 
  padding:17px 0 0 20px; 
  display:block;  
 }
.uwaid_panel {position: fixed; right:10px; bottom:10px; display:none; list-style: none; margin: 0; padding: 0; z-index:9999999999999;} 
 .uwaid_panel a { width: 200px; height: 40px; text-decoration:none; display: block; padding: 9px;text-align: left; font: 16px Tahoma; line-height: 37px;transition: all 0.3s 0.09s ease;-moz-transition: all 0.3s 0.09s ease;-webkit-transition: all 0.3s 0.09s ease;-o-transition: background 0.3s 0.09s ease; } 
 .uwaid_panel a:hover { text-decoration:none;} 
 .uwaid_panel a img, .uwaid_icon { height: 40px; width: 40px; float: left; margin-right: 9px; } 
 .uwaid_panel a span {border-radius: 46px;float: right;padding: 0 15px;font-size: 13px;} 
 .uwaid_icon {background:url('http://pnghosts.ru/img/18148035.png');} 
 .settings {background-position-y: -40px;} 
 .exit {background-position-y: -80px;} 
 .my_profile {padding: 0 23px;z-index:9999999999999; text-align:center; font:16px Tahoma; line-height:37px;transition: all 0.3s 0.09s ease;-moz-transition: all 0.3s 0.09s ease;-webkit-transition: all 0.3s 0.09s ease;-o-transition: background 0.3s 0.09s ease; position:fixed; right:10px; bottom:10px;} 
 .my_profile:hover {cursor:pointer;} 
 .close_p {position: absolute;margin-left: 216px;border-radius: 17px;padding: 4px 8px;margin-top: -14px;} 
 .close_p:hover {cursor:pointer;} 
 /* Цветовые стили */ 
 .uwaid_panel {border:7px solid #33373b;border-bottom:6px solid #33373b;border-left:none; } 
 .uwaid_panel a {background: #272a2d; border-left:7px solid #33373b;color: #fff;} 
 .uwaid_panel a:hover {background:#232629;border-left:7px solid #e05b5b;} 
 .uwaid_panel a span {background: #e05b5b;} 
 .my_profile {border:7px solid #33373b;background: #272a2d;color:#fff;} 
 .my_profile:hover {background:#454B50;} 
 .close_p {background: #e05b5b;color: #ffformf;} 
 .close_p:hover {background:#F87676;}
.profile {height:30px;font-size:13px;display:inline-block;position:relative} 

.profile-menu {position:relative!important} 
.profile-button s {display:inline-block;z-index:9;background:#3297db;color:#fff;font-size:10px;margin-right:10px;margin-left:1px;line-height:14px;padding:2px 6px;text-decoration:none;-webkit-border-radius: 55px;-moz-border-radius: 55px;border-radius: 55px;} 
.profile-button, .profile-button:hover {display:inline-block;color:#666;position:relative;line-height:30px;padding-left:39px;padding-right:18px;text-decoration:none} 
.profile-button i {position:absolute;right:0px;top:14px;width: 0;height: 0;border-left: 3px solid transparent;border-right: 3px solid transparent;border-top: 4px solid rgba(0,0,0,0.3);} 
.profile-avatar, .profile-avatar img {-webkit-border-radius: 100px;-moz-border-radius: 100px;border-radius: 100px;} 
.profile-avatar {display:inline-block;width:24px;height:24px;position:absolute;top:-0px;left:0px;border-radius: 20px;} 
.profile-avatar img {width:24px;height:24px;object-fit:cover;vertical-align:bottom;background:#fff;border:2px solid #fff} 

.profile-menu:hover .profile-list {visibility:visible;} 
.profile-list {position:absolute;width:190px!important;right:0px!important;top:28px;padding-top:18px;visibility:hidden;z-index:9;} 
.profile-list-in {background:#fff;width:190px!important;max-width:190px!important;padding:3px 0px;box-shadow:0px 8px 35px rgba(0,0,0,0.1);-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;} 
.profile-list-in a {display:block;padding:0px 20px!important;line-height:42px!important;text-decoration:none;text-align:left;border-bottom:1px solid #f1f1f1;font-size:12px;color:#8a8a8a} 
.profile-list-in a:hover {color:#000;} 
.profile-list-in a.last {border-bottom:0px !important} 
.profile-list-in a i {background:#3297db;color:#fff;float:right;font-style:normal;font-size:10px;padding:0px 6px;line-height:16px !important;margin-top:12px;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;}
.cell_comment { 
 float:left; 
 width:571px; 
 color:#666; 
 background:#fff; 
 margin: 10px 0px; 
 border: 5px solid #057df8; 
 border-radius:3px; overflow: hidden; 
} 

.comment_top { 
 float:left; 
 width:100%; 
 padding:5px 0px; 
 background:#F4F8F9; 
 border-bottom: 1px solid #057df8; 
} 

.comment_name{ 
 margin-left: 20px; 
 color:#057df8; 
} 

.comment_number { 
 float:right; 
 background:#f5f7f9; 
 margin-right: 20px; 
} 

.comment_top span { 
 font:9px Verdana,Arial,Helvetica, sans-serif; 
 color:#999; 
} 

.comment_mp, 
.comment_page { 
 float:right; 
 margin-right: 20px; 
} 

.comment_message { 
 float:left; 
 font:115%/1.5 Verdana,Arial,Helvetica, sans-serif; 
 text-align:justify; 

 width:94%; 
 overflow: hidden; 
 padding: 10px 20px 15px 20px; 
} 

.comment_avatar { 
 float:right; 
 width:50px; 
 height:50px; 
 margin: 0px 0px 10px 20px; 
 border: 3px solid #057df8; 
 border-radius:3px; 
} 

.comment_bottom { 
 float:left; 
 width:100%; 
 padding:6px 0px 5px 0px; 
 background:#F4F8F9; 
 border-top: 1px solid #057df8; 
 font:10px Verdana,Arial,Helvetica, sans-serif; 
} 

.comment_answer:link, 
.comment_answer:visited{ 
 float:left; 
 margin: 0px 0px 0px 20px; 
 background:#057df8; 
 padding: 2px 7px 2px 7px; 
 text-shadow: 1px 1px 1px #79b7f6; 
 color:#fff; 
} 

.comment_answer:hover { 
 background:#79b7f6; 
} 

.comment_answer:active { 
 box-shadow:inset 0px 0px 3px #79b7f6!important; 
} 

.comment_like:link, 
.comment_like:visited{ 
 float:right; 
 background:#79b7f6; 
 padding: 2px 7px 2px 7px; 
 text-shadow: 1px 1px 1px #4aa44c; 
 color:#fff; 
} 

.comment_like:hover { 
 background:#057df8; 
} 

.comment_like:active { 
 box-shadow:inset 0px 0px 3px #349932!important; 
} 

.comment_bottom strong { 
 float:right; 
 padding: 2px 10px 2px 10px; 
 background:#dde9d9; 
 margin-right: 20px; 
} 

.comment_answer_admin{ 
 float:left; 
 width:94%; 
 margin-top: 10px; 
 padding: 10px 20px 10px 20px; 
 background:#f4ecec; 
 border-radius:3px; 
} 

.comment_avatar_admin{ 
 float:right; 
 width:50px; 
 height:50px; 
 margin: 0px 0px 10px 25px; 
 border: 3px solid #dca2a2; 
 border-radius:3px; 
} 

.cell_comment a:hover img { 
 filter: progid: DXImageTransform.Microsoft.Alpha(opacity=85); 
 -moz-opacity: 0.7; 
 opacity: 0.7; 
 filter: alpha(opacity=85); 
}
<style> 
.flex-center { 
 display: -webkit-box; 
 display: -webkit-flex; 
 display: -ms-flexbox; 
 display: flex; 
 -webkit-box-align: center; 
 -webkit-align-items: center; 
 -ms-flex-align: center; 
 align-items: center; 
 -webkit-box-pack: center; 
 -webkit-justify-content: center; 
 -ms-flex-pack: center; 
 justify-content: center; 
} 
* { 
 box-sizing: border-box; 
 font-family: 'Open Sans', sans-serif; 
 font-weight: 300; 
} 

a, 
a:visited, 
a:hover, 
a:active { 
 color: #ffffff; 
 text-decoration: none; 
} 

h1 { 
 font-family: 'Pacifico', cursive; 
 font-weight: 400; 
 font-size: 3em; 
 text-align: center; 
} 
.outer-menu { 
 position: fixed; 
 top: 10vh; 
 left: 0; 
 z-index: 1; 
} 
.outer-menu .checkbox-toggle { 
 position: absolute; 
 top: 0; 
 left: 0; 
 z-index: 2; 
 cursor: pointer; 
 width: 60px; 
 height: 60px; 
 opacity: 0; 
} 
.outer-menu .checkbox-toggle:checked + .hamburger > div { 
 -webkit-transform: rotate(135deg); 
 -ms-transform: rotate(135deg); 
 transform: rotate(135deg); 
} 
.outer-menu .checkbox-toggle:checked + .hamburger > div:before, 
.outer-menu .checkbox-toggle:checked + .hamburger > div:after { 
 top: 0; 
 -webkit-transform: rotate(90deg); 
 -ms-transform: rotate(90deg); 
 transform: rotate(90deg); 
} 
.outer-menu .checkbox-toggle:checked + .hamburger > div:after { 
 opacity: 0; 
} 
.outer-menu .checkbox-toggle:checked ~ .menu { 
 pointer-events: auto; 
} 
.outer-menu .checkbox-toggle:checked ~ .menu > div { 
 width: 200vw; 
 height: 200vw; 
} 
.outer-menu .checkbox-toggle:checked ~ .menu > div > div { 
 opacity: 1; 
 -webkit-transition: opacity 0.3s ease 0.3s; 
 transition: opacity 0.3s ease 0.3s; 
} 
.outer-menu .checkbox-toggle:hover + .hamburger { 
 box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.1); 
} 
.outer-menu .checkbox-toggle:checked:hover + .hamburger > div { 
 -webkit-transform: rotate(225deg); 
 -ms-transform: rotate(225deg); 
 transform: rotate(225deg); 
} 
.outer-menu .hamburger { 
 position: absolute; 
 top: 0; 
 left: 0; 
 z-index: 1; 
 width: 60px; 
 height: 60px; 
 padding: .5em 1em; 
 background: rgba(33, 150, 243, 0.75); 
 border-radius: 0 0.12em 0.12em 0; 
 cursor: pointer; 
 -webkit-transition: box-shadow 0.3s ease; 
 transition: box-shadow 0.3s ease; 
 -webkit-backface-visibility: hidden; 
 backface-visibility: hidden; 
 display: -webkit-box; 
 display: -webkit-flex; 
 display: -ms-flexbox; 
 display: flex; 
 -webkit-box-align: center; 
 -webkit-align-items: center; 
 -ms-flex-align: center; 
 align-items: center; 
 -webkit-box-pack: center; 
 -webkit-justify-content: center; 
 -ms-flex-pack: center; 
 justify-content: center; 
} 
.outer-menu .hamburger > div { 
 position: relative; 
 -webkit-box-flex: 0; 
 -webkit-flex: none; 
 -ms-flex: none; 
 flex: none; 
 width: 100%; 
 height: 2px; 
 background: #fefefe; 
 -webkit-transition: all 0.3s ease; 
 transition: all 0.3s ease; 
 display: -webkit-box; 
 display: -webkit-flex; 
 display: -ms-flexbox; 
 display: flex; 
 -webkit-box-align: center; 
 -webkit-align-items: center; 
 -ms-flex-align: center; 
 align-items: center; 
 -webkit-box-pack: center; 
 -webkit-justify-content: center; 
 -ms-flex-pack: center; 
 justify-content: center; 
} 
.outer-menu .hamburger > div:before, 
.outer-menu .hamburger > div:after { 
 content: ''; 
 position: absolute; 
 z-index: 1; 
 top: -10px; 
 left: 0; 
 width: 100%; 
 height: 2px; 
 background: inherit; 
 -webkit-transition: all 0.3s ease; 
 transition: all 0.3s ease; 
} 
.outer-menu .hamburger > div:after { 
 top: 10px; 
} 
.outer-menu .menu { 
 position: fixed; 
 top: 0; 
 left: 0; 
 width: 100%; 
 height: 100%; 
 pointer-events: none; 
 display: -webkit-box; 
 display: -webkit-flex; 
 display: -ms-flexbox; 
 display: flex; 
 -webkit-box-align: center; 
 -webkit-align-items: center; 
 -ms-flex-align: center; 
 align-items: center; 
 -webkit-box-pack: center; 
 -webkit-justify-content: center; 
 -ms-flex-pack: center; 
 justify-content: center; 
} 
.outer-menu .menu > div { 
 width: 0; 
 height: 0; 
 color: #fefefe; 
 background: rgba(41, 98, 255, 0.97); 
 border-radius: 50%; 
 -webkit-transition: all 0.3s ease; 
 transition: all 0.3s ease; 
 -webkit-box-flex: 0; 
 -webkit-flex: none; 
 -ms-flex: none; 
 flex: none; 
 display: -webkit-box; 
 display: -webkit-flex; 
 display: -ms-flexbox; 
 display: flex; 
 -webkit-box-align: center; 
 -webkit-align-items: center; 
 -ms-flex-align: center; 
 align-items: center; 
 -webkit-box-pack: center; 
 -webkit-justify-content: center; 
 -ms-flex-pack: center; 
 justify-content: center; 
} 
.outer-menu .menu > div > div { 
 text-align: center; 
 max-width: 90vw; 
 max-height: 100vh; 
 opacity: 0; 
 -webkit-transition: opacity 0.3s ease; 
 transition: opacity 0.3s ease; 
 overflow-y: auto; 
 -webkit-box-flex: 0; 
 -webkit-flex: none; 
 -ms-flex: none; 
 flex: none; 
 display: -webkit-box; 
 display: -webkit-flex; 
 display: -ms-flexbox; 
 display: flex; 
 -webkit-box-align: center; 
 -webkit-align-items: center; 
 -ms-flex-align: center; 
 align-items: center; 
 -webkit-box-pack: center; 
 -webkit-justify-content: center; 
 -ms-flex-pack: center; 
 justify-content: center; 
} 
.outer-menu .menu > div > div > ul { 
 list-style: none; 
 padding: 0 1em; 
 margin: 0; 
 display: block; 
 max-height: 100vh; 
} 
.outer-menu .menu > div > div > ul > li { 
 padding: 0; 
 margin: 1em; 
 font-size: 24px; 
 display: block; 
} 
.outer-menu .menu > div > div > ul > li > a { 
 position: relative; 
 display: inline; 
 cursor: pointer; 
 -webkit-transition: color 0.3s ease; 
 transition: color 0.3s ease; 
} 
.outer-menu .menu > div > div > ul > li > a:hover { 
 color: #e5e5e5; 
} 
.outer-menu .menu > div > div > ul > li > a:hover:after { 
 width: 100%; 
} 
.outer-menu .menu > div > div > ul > li > a:after { 
 content: ''; 
 position: absolute; 
 z-index: 1; 
 bottom: -0.15em; 
 left: 0; 
 width: 0; 
 height: 2px; 
 background: #e5e5e5; 
 -webkit-transition: width 0.3s ease; 
 transition: width 0.3s ease; 
} 
</style>
.menu_wrapper { 
 padding: 1em; 
 -webkit-perspective:500px; 
 -moz-perspective:500px; 
 -ms-perspective:500px; 
 -o-perspective:500px; 
 perspective:500px; 
} 

.menu_wrapper > nav { 
 width: 230px; 
 max-width: 360px; 
 margin: 0 auto; 
-webkit-transform-style:preserve-3d; 
 -moz-transform-style:preserve-3d; 
 -ms-transform-style:preserve-3d; 
 -o-transform-style:preserve-3d; 
 transform-style:preserve-3d; 

-webkit-transform:rotateY(20deg) rotateX(36deg) rotateZ(-6deg); 
 -moz-transform:rotateY(20deg) rotateX(36deg) rotateZ(-6deg); 
 -ms-transform:rotateY(20deg) rotateX(36deg) rotateZ(-6deg); 
 -o-transform:rotateY(20deg) rotateX(36deg) rotateZ(-6deg); 
 transform:rotateY(20deg) rotateX(36deg) rotateZ(-6deg); 

-webkit-transition:transform 1s; 
 -moz-transition:transform 1s; 
 -o-transition:transform 1s; 
 transition:transform 1s; 
}

div.group2{background-color:#008b00;} 
div.group4{background-color:#b22222;} 
div.group1{background-color:#a5a5a5;} 
div.group3{background-color:#7b08b7;} 
div.group255{background-color:#663300;} 
div.group251{background-color:#24afb1;} 
span.group2{color:#008b00;} 
span.group4{color:#b22222;} 
span.group1{color:#a5a5a5;} 
span.group3{color:#7b08b7;} 
span.group255{color:#663300;} 
span.group251{color:#24afb1;} 
.avkas { 
 display: inline-block; *display: inline; background: rgba(230,230,230,0.65); padding: 5px; padding-bottom: 6px; 
 -webkit-box-shadow: inset 0px 0px 1px 1px rgba(0, 0, 0, 0.25), inset 0px 1px 0px 0px rgba(0, 0, 0, 0.12); 
 -moz-box-shadow: inset 0px 0px 1px 1px rgba(0, 0, 0, 0.25), inset 0px 1px 0px 0px rgba(0, 0, 0, 0.12); 
 box-shadow: inset 0px 0px 1px 0px rgba(0, 0, 0, 0.25), inset 0px 1px 0px 0px rgba(0, 0, 0, 0.12); 
} 
.avkas div { 
 background: #fff; padding: 3px; display: inline-block; *display: inline; 
 -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.15); 
 -moz-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.15); 
 box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.15); 
} 
.rad2 {-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;} 
.wrap-but { 
 display: inline-block; *display: inline; 
 background: #e0e0e0 url("http://uwebo4ka.3dn.ru/scripts/statistika/noize.png"); padding: 4px; 
 -webkit-box-shadow: inset 0px 1px 1px -1px rgba(0, 0, 0, 0.17); 
 -moz-box-shadow: inset 0px 1px 1px -1px rgba(0, 0, 0, 0.17); box-shadow: inset 0px 1px 1px -1px rgba(0, 0, 0, 0.17); 
} 
a.button:link, a.button:visited { 
 text-decoration: none; font-size: 11px; color: #fff; 
 display: inline-block; *display: inline; 
 border: 1px solid #51708c; background: #648aad url("http://uwebo4ka.3dn.ru/scripts/statistika/noize.png"); text-shadow: 0 -1px 0 #597a98; 
} 
a.button:hover, a.button:active { 
 text-decoration: none; color: #fff; border: 1px solid #51708c; background: #6e96b5 url("http://uwebo4ka.3dn.ru/scripts/statistika/noize.png"); 
} 
a.button span.sb { 
 display: inline-block; *display: inline; 
 background: url("http://uwebo4ka.3dn.ru/scripts/statistika/highlight.png") repeat-x 0 -2px; 
 padding: 5px 10px; 
}