@import url("/css/hint.css");
@import url('/css/font-awesome.css') all; 
@font-face {
 font-family: 'icons';
src: url('/icons/icons.eot?74826840#iefix') format('embedded-opentype'),
url('/icons/icons.woff?74826840') format('woff'),
url('/icons/icons.svg?74826840#icons') format('svg');
 font-weight: normal;
 font-style: normal;
}
.reset-ul {
 margin: 0;
 padding: 0;
 list-style: none;
}
.center-inner {
 text-align: center;
}
.left-inner {
 text-align: left;
}
.right-inner {
 text-align: right;
}
.justify-inner {
 text-align: justify;
}
.invisible {
 display: none;
}
.visible {
 display: run-in;
}
.hidden {
 visibility: hidden;
 opacity: 0;
}
.shown {
 visibility: visible;
 opacity: 1;
}
.pull-left {
 float: left;
}
.pull-right {
 float: right;
}
.clear {
 clear: both;
}
.clearright {
 clear: right;
}
.clearleft {
 clear: right;
}
.clearfix:before,
.clearfix:after {
 content: "";
 display: table;
}
.clearfix:after {
 clear: both;
}
article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
 display: block;
}
audio,
canvas,
video {
 display: inline-block;
}
audio:not([controls]) {
 display: none;
 height: 0;
}
[hidden] {
 display: none;
}
html {
 font-family: sans-serif;
 -ms-text-size-adjust: 100%;
 -webkit-text-size-adjust: 100%;
}
body {
 margin: 0;
}
a {
 background: transparent;
}
a:focus {
 outline: thin dotted;
}
a:active,
a:hover {
 outline: 0;
}
h1 {
 -webkit-margin-before: 0;
 -webkit-margin-after: 0;
 font-size: 0;
}

h4 {
 display: block;
 -webkit-margin-before: 0;
 -webkit-margin-after: 0;
 -webkit-margin-start: 0px;
 -webkit-margin-end: 0px;
 font-weight: bold;
}

abbr[title] {
 border-bottom: 1px dotted;
}
b,
strong {
 font-weight: bold;
}
hr {
 -moz-box-sizing: content-box;
 box-sizing: content-box;
 height: 1px;
 border: 0;
 background: #ccc;
}
pre {
 font-family: monospace, serif;
 font-size: 1em;
}
pre {
 white-space: pre-wrap;
}
q {
 quotes: "\201C" "\201D" "\2018" "\2019";
}
small {
 font-size: 80%;
}
sub,
sup {
 font-size: 75%;
 line-height: 0;
 position: relative;
 vertical-align: baseline;
}
sup {
 top: -0.5em;
}
sub {
 bottom: -0.25em;
}
img {
 border: 0;
}
svg:not(:root) {
 overflow: hidden;
}
figure {
 margin: 0;
}
fieldset {
 border: 1px solid #c0c0c0;
 margin: 0 2px;
 padding: 0.35em 0.625em 0.75em;
}
legend {
 border: 0;
 padding: 0;
}
button,
select,
textarea {
 font-family: inherit;
 margin: 0;
}
button,
input {
 line-height: normal;
}
button,
select {
 text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
 -webkit-appearance: button;
 cursor: pointer;
}
button[disabled],
html input[disabled] {
 cursor: default;
}
input[type="checkbox"],
input[type="radio"] {
 box-sizing: border-box;
 padding: 0;
}
input[type="search"] {
 -webkit-appearance: textfield;
 -moz-box-sizing: content-box;
 -webkit-box-sizing: content-box;
 box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
 -webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
 border: 0;
 padding: 0;
}
textarea {
 overflow: auto;
 vertical-align: top;
}
iframe, object, embed {max-width: 100%;}
/*-----------------------*/
/*-----------------------*/
/*Common, default
-------------------------*/
body {
 margin: 0;
 font: 0.875em/1.429 'Open Sans', sans-serif;
 color: #4b4b4b;
background: #f8f8f8;
}

body {
 text-align: left;
}
a {
 color: #239de4;
 text-decoration: none;
}
a:hover {
 color: #1780bd;
}
a img {
 border: 0;
}
p {
 margin: 12px 0;
}
ul {
 margin: 12px 0;
 padding: 0 0 0 0;
 list-style: square;
}
ul ul {
 margin: 0;
 list-style: disc;
}
ul ul ul {
 list-style: circle;
}

.t-container {
width: 940px;
 margin: auto;
}
.b-white {
 background: #fff;
}
/*-----------------------*/
/*Header
-------------------------*/
#top {
 background: #515151;
}
#top nav {
 margin-right: 160px;
}
#top .uMenuRoot {
 margin: 0;
 padding: 0;
 list-style: none;
}
#top .uMenuRoot ul {
 margin: 0;
 padding: 0;
 min-width: 100%;
 list-style: none;
 position: absolute;
 width: 0;
 z-index: 1;
 left: 0;
 top: 100%;
 visibility: hidden;
 opacity: 0;
 -webkit-transition: all 0.2s 0.15s ease-out;
 transition: all 0.2s 0.15s ease-out;
 white-space: nowrap;
 background: #515151;
 overflow: hidden;
}
#top .uMenuRoot ul ul {
 top: 0;
 left: 100%;
}
#top .uMenuRoot li {
float: left;
 position: relative;
 list-style: none !important;
 -webkit-transition: all 0.1s 0s ease-out;
 transition: all 0.1s 0s ease-out;
 text-transform: uppercase;
 font-weight: 700;
}
#top .uMenuRoot li.has-submenu > a:after,
#top .uMenuRoot li.has-submenu > span:after {
 display: block;
 position: absolute;
 content: "+";
 right: 5px;
 top: 0;
}
#top .uMenuRoot li:hover > a {
 color: #fff;
 background: #2D76A8;
}
#top .uMenuRoot li:hover > ul {
 visibility: visible;
 opacity: 1;
 width: auto;
 overflow: visible;
}
#top .uMenuRoot li .uMenuItemA {
 color: #fff;
 background: #2D76A8;
}
#top .uMenuRoot li li {
 float: none;
}
#top .uMenuRoot li li:hover > a {
 box-shadow: none;
}
#top .uMenuRoot li li a {
 padding: 0 25px 0 20px;
 line-height: 2.5;
}
#top .uMenuRoot li li .uMenuItemA {
 box-shadow: none;
}
#top .uMenuRoot li > span {
 display: block;
 padding: 0 15px 4px 15px;
 line-height: 3.286;
}
#top .uMenuRoot a {
 display: block;
 padding: 0 15px 4px 15px;
 line-height: 3.286;
 color: #a7a7a7;
 -webkit-transition: all 0.1s 0s ease-out;
 transition: all 0.1s 0s ease-out;
}
#top .uMenuRoot a:hover + ul {
 visibility: visible;
 opacity: 1;
}
.show-menu {
 display: none;
 width: 50px;
 height: 50px;
 background: #38acf0 url(/.s/t/1088/menu.png) no-repeat center center;
 box-shadow: inset 0 -4px rgba(0, 0, 0, 0.09);
 cursor: pointer;
}
.show-search {
 display: none;
 width: 50px;
 height: 50px;
 float: right;
 background: #767676 url(/.s/t/1088/search-mobile.png) no-repeat center center;
 box-shadow: inset 0 -4px rgba(0, 0, 0, 0.09);
 cursor: pointer;
}
.b-search {
 width: 160px;
 height: 30px;
 margin-top: 9px;
 margin-bottom: 9px;
 overflow: hidden;
 -webkit-transition: all 0.1s 0s ease-out;
 transition: all 0.1s 0s ease-out;
}
.b-search .schQuery,
.b-search .schBtn {
 float: left;
}
.b-search input[type=text] {
 width: 160px !important;
 padding-right: 30px !important;
 background: #c9c8c8 !important;
 border: none;
}
.b-search input[type=submit] {
 width: 30px !important;
 margin-left: -30px;
 font-size: 0 !important;
 color: transparent !important;
 box-shadow: none !important;
 outline: none;
}
.b-search input[type=submit], .b-search input[type=submit]:disabled {
 background: url(/.s/t/1088/search.png) no-repeat center center !important;
}
.b-maincontent .queryField {
 width: auto !important;
}
.b-usermenu {
 text-align: right;
 font-size: 0.929em;
 line-height: 3.077;
}
/*-----------------------*/
/*Main
-------------------------*/
.b-logo {
 float: right;
 width: 280px;
 padding: 35px 15px 25px;
 text-align: center;
 -ms-box-sizing: border-box;
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
}
.b-logo img {
 max-width: 100%;
}
.site-title {
 margin: 15px 0 0 0;
 padding: 5px 0;
 font-size: 1.429em;
 line-height: 1.5;
 font-weight: bold;
}
.site-slogan {
 line-height: 2.143;
}
.b-maincontent {
 float: left;
 width: 681px;
}
.b-maincontent .smiles img {
 max-width: none;
}
#allEntries img {
 max-width: 100%;
}
img.site-img {
 vertical-align: top;
 width: 100%;
}

.site-intro {
 margin: 10px 0;
 line-height: 1.714;
}
.eBlock {
 margin: 20px 0;
 border-bottom: 1px dotted #bbb;
 table-layout: fixed;
}
.eBlock + br {
 display: none;
}
.eBlock > tbody > tr > td {
 padding: 0 !important;
}
.eTitle {
 margin-bottom: 12px;
 padding-left: 37px;
 font-size: 1.286em;
 line-height: 1.333;
 font-weight: bold;
 color: #4b4b4b;
 background: url(/.s/t/1088/shout.png) no-repeat left 2px;
}
.eTitle a {
 color: #4b4b4b;
}
.eTitle a:hover {
 color: #717171;
}
.eTitle div[style^="float:right"] a {font-size: inherit;}
.eMessage,
.eText {
 margin: 12px 0;
 padding: 0 !important;
 text-align: justify !important;
}
.eMessage,
.eText,
.cMessage {
 word-wrap: break-word;
}
.eMessage img,
.eText img {
 margin: 5px !important;
 max-width: 100%;
}
.eDetails,
.eDetails1,
.eDetails2 {
 margin: 1px;
 text-align: left;
 font-size: 0.929em;
 line-height: 2.154;
}
.eDetails > a:last-child,
.eDetails1 > a:last-child,
.eDetails2 > a:last-child,
.eDetails > span:last-child,
.eDetails1 > span:last-child,
.eDetails2 > span:last-child {
 margin-right: 0;
}
.e-reads,
.e-redirects,
.e-author,
.e-add,
.e-date,
.e-comments,
.e-rating,
.e-loads,
.e-category,
.e-tags,
.e-placed,
.e-author-phone {
 margin-right: 25px;
 padding-left: 22px;
 display: inline-block;
 vertical-align: middle;
}
.ed-sep,
.ed-title {
 display: none !important;
 margin: 0 !important;
 padding: 0 !important;
}
.eDetails .u-star-rating-15 {
 display: inline-block;
 vertical-align: middle;
 margin-left: 5px;
}
.e-reads,
.e-redirects {
 background: url(/.s/t/1088/e-reads.png) no-repeat left center;
}
.e-author,
.e-add {
 background: url(/.s/t/1088/e-author.png) no-repeat left center;
}
.e-date {
 background: url(/.s/t/1088/e-date.png) no-repeat left center;
}
.e-comments {
 background: url(/.s/t/1088/e-comments.png) no-repeat left center;
}
.e-rating {
 background: url(/.s/t/1088/e-rating.png) no-repeat left center;
}
.e-loads {
 padding-left: 15px;
 background: url(/.s/t/1088/e-loads.png) no-repeat left center;
}
.e-category {
 background: url(/.s/t/1088/e-category.png) no-repeat left center;
}
.e-tags {
 background: url(/.s/t/1088/e-tags.png) no-repeat left center;
}
.e-placed {
 background: url(/.s/t/1088/e-placed.png) no-repeat left center;
}
.e-author-phone {
 background: url(/.s/t/1088/e-phone.png) no-repeat left center;
}
.catDescr {
 font-size: .875em;
}

 $Paginator
\*------------------------------------*/
.catPages1, 
.catPages2, 
.pagesBlock1, 
.pagesBlock2, 
.pagesBlockuz1, 
.pagesBlockuz2 {padding:0px 0px 10px 0px;} 
span.catPages1, 
span.catPages2, 
span.pagesBlock1, 
span.pagesBlock2, 
span.pagesBlockuz1, 
span.pagesBlockuz2 { 
 display: inline-block; 
} 
.catPages1 a, 
.catPages2 a, 
.pagesBlock1 a, 
.pagesBlock2 a, 
.pagesBlockuz1 a, 
.pagesBlockuz2 a, 
.catPages1 b, 
.catPages2 b, 
.pagesBlock1 b, 
.pagesBlock2 b, 
.pagesBlockuz1 b, 
.pagesBlockuz2 b { 
 margin: 0px 2px; 
 padding:6px 12px; 
 border-radius:3px; 
 color:#777; 
 background:#ececec; 
} 
.catPages1 b, 
.catPages2 b, 
.pagesBlock1 b, 
.pagesBlock2 b, 
.pagesBlockuz1 b, 
.pagesBlockuz2 b { 
 margin: 0px 2px; 
 padding:6px 12px; 
 border-radius:3px; 
 color:#f2f2f2; 
 background:#3498db; 
} 
.catPages1 a:hover, 
.catPages2 a:hover, 
.pagesBlock1 a:hover, 
.pagesBlock2 a:hover, 
.pagesBlockuz1 a:hover, 
.pagesBlockuz2 a:hover { 
 margin: 0px 2px; 
 padding:6px 12px; 
 border-radius:3px; 
 color:#fff; 
 background:#2980b9; 
}

.catPages, 
.catPages2, 
.pagesBlock1, 
.pagesBlock2, 
.pagesBlockuz1, 
.pagesBlockuz2 {padding:0px 0px 10px 0px;} 
span.catPages, 
span.catPages2, 
span.pagesBlock1, 
span.pagesBlock2, 
span.pagesBlockuz1, 
span.pagesBlockuz2 { 
 display: inline-block; 
} 
.catPages a, 
.catPages2 a, 
.pagesBlock1 a, 
.pagesBlock2 a, 
.pagesBlockuz1 a, 
.pagesBlockuz2 a, 
.catPages b, 
.catPages2 b, 
.pagesBlock1 b, 
.pagesBlock2 b, 
.pagesBlockuz1 b, 
.pagesBlockuz2 b { 
 margin: 0px 2px; 
 padding:6px 12px; 
 border-radius:3px; 
 color:#777; 
 background:#ececec; 
line-height: 40px;
} 
.catPages b, 
.catPages2 b, 
.pagesBlock1 b, 
.pagesBlock2 b, 
.pagesBlockuz1 b, 
.pagesBlockuz2 b { 
 margin: 0px 2px; 
 padding:6px 12px; 
 border-radius:3px; 
 color:#f2f2f2; 
 background:#4B97BD; 
} 
.catPages a:hover, 
.catPages2 a:hover, 
.pagesBlock1 a:hover, 
.pagesBlock2 a:hover, 
.pagesBlockuz1 a:hover, 
.pagesBlockuz2 a:hover { 
 margin: 0px 2px; 
 padding:6px 12px; 
 border-radius:3px; 
 color:#fff; 
 background:#4B97BD; 
}
/*------------------------------------*\

.cat-blocks.with-clear:after {
 clear: none;
}
.user_avatar img {
 border-radius: 5px;
 background: #fff;
 padding: 2px;
 box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
}
.cMessage .user_avatar img {
 margin: 0 6px 6px 0;
}
.cMessage {
 padding: 5px 0 !important;
 overflow: hidden;
}
.cBlock1,
.cBlock2 {
 border-top: 1px dotted #e7e7e7;
}
.cBlock1 + br,
.cBlock2 + br {
 display: none;
}
.bbCodeBlock,
.bbQuoteBlock {
 margin: 5px 0;
}
.bbCodeName {
 font-size: 0.786em !important;
 line-height: 1.455;
 padding-left: 13px !important;
}
.codeMessage {
 padding: 5px;
 font: 11px 'Consolas', 'Courier New', 'sans-serif';
 background-color: #ebebeb;
 color: #000;
}
.bbQuoteName {
 font-size: 0.786em !important;
 line-height: 1.455;
 padding-left: 13px !important;
}
.quoteMessage {
 margin: 0 0 5px 0;
 padding: 3px 10px 3px 10px;
 color: #666;
 font-style: italic;
 border: none !important;
 border-left: 3px solid #8c9294 !important;
 background-color: #dce3e9;
 font-size: 0.857em;
 line-height: 1.5;
}
#invoice-table td {
 padding: 3px 1px;
}
#cat-select {
 max-width: 230px;
}
/*forum*/
.forumContent {
 font-size: .929em;
}
.gTable {
 background: #fff;
}
.gTable td.gTableTop {
 line-height: 2.5;
 background: #38acf0;
 color: #fff;
 text-transform: uppercase;
 padding: 0 10px;
}
.gTableTop a {
 color: #fff;
}
.gTable > tbody > tr > td {
 padding: 3px 9px;
}
.gTable td.gTableSubTop {
 background: #67c0f4;
 color: #fff;
 font-size: 0.929em;
}
.gTableSubTop a {
 color: #fff;
}
.gTableTop,
.gTableSubTop,
.forumNameTd,
.forumThreadTd,
.forumPosrTd,
.forumLastPostTd,
.threadNametd,
.threadPostTd,
.threadAuthTd,
.threadViewTd,
.threadLastPostTd,
td.threadsDetails,
td.forumOnlineBar {
 padding: 3px 10px;
}
#frM6 td,
#frM14 td,
#frM50 td,
#frM56 td,
#frM59 td {
 padding: 3px 10px;
}
#frM25 td,
#frM28 td {
 padding: 0 10px;
}
.postBottom table td {
 border: 0;
}
.postTable td {
 padding: 3px 10px;
}
.postTdInfo {
 text-align: center;
}
.postSeparator {
 display: none;
}
.posttdMessage {
 text-align: justify;
}
.postPreview {
 width: auto!important;
}
.threadPostTd,
.threadViewTd,
.threadAuthTd,
.forumThreadTd,
.forumPostTd {
 text-align: center !important;
}
a.postUser {
 font-weight: bold;
}
.forumDescr,
.threadDescr {
 font-size: 0.714em;
}
td.pollQuestion,
.pollResults td,
td.pollResults,
td.pollTotal,
td.pollAnswer,
td.pollButtons,
.smiles td {
 border: 0;
}
td.pagesInfo,
td.switch,
td.switchActive {
 background: #fff;
 border: 1px solid #dcdbe0;
 padding-left: 5px;
 padding-right: 5px;
}
td.switch,
td.switchActive {
 background: #38acf0;
 color: #fff;
}
td.switch a {
 color: #fff;
}
.switchActive {
 font-weight: bold;
}
/*-----------------------*/
/*Sidebar
-------------------------*/
.b-sidebar {
 clear: right;
 width: 240px;
 float: right;
}
.block {
 margin-bottom: 30px;
}
.block:last-child {
 border-bottom: 0;
}
.blocktitle {
 font-size: 20px;
 color: #555;
 font-family: 'Trebuchet MS', Helvetica, sans-serif;
 font-weight: bold;
 margin-bottom: 5px;
}

.calTable {
 width: 100%;
 border-spacing: 0;
 border-collapse: collapse;
}
.calTable td {
 padding-top: 5px;
 padding-bottom: 5px;
}
.calWday,
.calWdaySe,
.calWdaySu {
 background: #e6e6e6;
}
.calMdayA,
.calMdayIsA {
 background: #e6e6e6;
}
/*-----------------------*/
/*Footer
-------------------------*/
footer {
 height: 50px;
 color: #AEAEAE;
 background-color: #444;
 background-color: rgba(123, 123, 123, 0.34);
 -webkit-box-shadow: "inset 0 -5px 8px -5px rgba(0,0,0,0.65)";
 -moz-box-shadow: "inset 0 -5px 8px -5px rgba(0,0,0,0.65)";
 box-shadow: "inset 0 -5px 8px -5px rgba(0,0,0,0.65)";
 background: url('/img/background.png') repeat #262626;
}

footer a{
color: #fff;
}

footer .t-container {
 line-height: 50px;
 text-align: right;
}
footer img {
 vertical-align: middle;
}
/*-----------------------*/
/*------ Input style ------*/

input[type="submit"],
input[type="reset"],
input[type="button"],
button {
 padding: 0px 20px;
 line-height: 40px;
 height: 40px;
 font-size: 10pt;
 border: none;
 position: relative;
 background-color: #56A0CC;
 text-transform: uppercase;
 color: rgba(255, 255, 255, 0.8);
 font-weight: 400;
 cursor: pointer;
 -webkit-border-radius: 4px;
 -moz-border-radius: 4px;
 border-radius: 4px;
 transition: All 0.4023s ease;
 -webkit-transition: All 0.4023s ease;
 -moz-transition: All 0.4023s ease;
 -o-transition: All 0.4023s ease;
}
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
button:hover {
 background-color: #1C5E85;
 color: rgba(255, 255, 255, 1);
}
input[type="submit"]:active,
input[type="reset"]:active,
input[type="button"]:active {
 background-color: #1C5E85;
 -webkit-transition: background-color 0s ease;
 -moz-transition: background-color 0s ease;
 -ms-transition: background-color 0s ease;
 -o-transition: background-color 0s ease;
 transition: background-color 0s ease;
}
button {
 text-transform: uppercase;
 overflow: hidden;
 color: rgba(255, 255, 255, 1);
}
button:after {
 content: '';
 position: absolute;
 width: 0%;
 height: 400%;
 background: rgba(255, 255, 255, 0.05);
 z-index: 1;
 right: 0;
 top: 0;
 margin: -5px 0 0 -5px;
 -webkit-transform-origin: 0 0;
 -webkit-transform: rotate(-20deg);
 -moz-transform-origin: 0 0;
 -moz-transform: rotate(-20deg);
 -ms-transform-origin: 0 0;
 -ms-transform: rotate(-20deg);
 transform-origin: 0 0;
 transform: rotate(-20deg);
 transition: All 0.4023s ease;
 -webkit-transition: All 0.4023s ease;
 -moz-transition: All 0.4023s ease;
 -o-transition: All 0.4023s ease;
}
button:hover:after {
 width: 70%;
}
.manTdText input[type="button"],
.manTd2 input[type="button"],
.commTd2 input[type="button"],
.manTdBrief input[type="button"],
input[type="button"].codeButtons,
#iplus input[type="button"] {
 padding: 3px 5px;
 font-size: 9px;
}
input[type="button"].codeButtons {
 height: 25px;
 line-height: 1;
}
input[type="button"]#bid-8-basket {
 padding: 4px 7px;
 margin-left: 3px;
}
.manTd2 input[type="text"] {
 padding: 2px 5px !important;
}
input[type="text"],
input[type="password"],
textarea {
 position: relative;
 padding: 0px 12px;
 line-height: 40px;
 height: 40px;
 margin-bottom: 4px;
 border: 1px solid #f6f6f6;
 background: #fff;
 font-weight: 300;
 font-size: 11pt;
 -webkit-border-radius: 4px;
 -moz-border-radius: 4px;
 border-radius: 4px;
 transition: All 0.4023s ease;
 -webkit-transition: All 0.4023s ease;
 -moz-transition: All 0.4023s ease;
 -o-transition: All 0.4023s ease;
}
input[type="text"]:hover,
input[type="password"]:hover,
textarea:hover {
 border-color: #ccc;
}
input,
textarea {
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}
textarea {
 line-height: normal;
 padding-top: 10px;
 padding-bottom: 10px;
 min-height: 140px;
}
input[type="button"]#newPhtBt {
 width: auto !important;
}
#iplus input {
 height: 24px;
 line-height: 20px;
}
.line-btn {
 display: inline-block;
 padding: 10px 14px;
 margin: 0 4px;
 border: 2px solid #ccc;
 -webkit-border-radius: 4px;
 -moz-border-radius: 4px;
 border-radius: 4px;
 font-weight: 400;
 cursor: pointer;
}
.line-btn:hover {
 border: 2px solid #56A0CC;
 color: #56A0CC;
 text-decoration: none;
}
.btn-icon {
 position: relative;
 padding-left: 40px;
}
.btn-icon i {
 position: absolute;
 left: 15px;
 top: 10px;
 font-size: 14pt;
}
.btn-anim {
 padding-left: 20px !important;
}
.btn-anim:hover {
 padding-left: 45px !important;
}
.btn-anim i {
 opacity: 0;
 left: 5px;
 transition: All 0.3619s ease;
 -webkit-transition: All 0.3619s ease;
 -moz-transition: All 0.3619s ease;
 -o-transition: All 0.3619s ease;
}
.btn-anim:hover i {
 opacity: 1;
 left: 15px;
}
/*------ Input style ------*/
/*Popup
-------------------------*/
.popup {
 margin: 10px;
 background: #fff;
}
.popuptitle {
 padding: 10px 20px;
 background: #38acf0;
 color: #fff;
}
.popupbody {
 padding: 10px 20px;
}
/*-----------------------*/
/*RESPONSIVE
-------------------------*/
@media only screen and (max-width: 1023px) {
 .t-container {
 width: auto;
 margin-left: 18px;
 margin-right: 18px;
 }
 .b-main {
 margin-bottom: 18px;
 }
 .b-logo {
 float: none;
 width: auto;
 padding-bottom: 0;
 }
 .b-maincontent {
 float: none;
 width: auto;
 }
 img.site-img {
 width: 100%;
 }
 .mainpage-header {
 padding-top: 20px;
 }
 .b-sidebar {
 width: auto;
 margin-top: 18px;
 }
 footer .t-container {
 text-align: center;
 }
 #top nav {
 font-size: .929em;
 }
 #top .uMenuRoot ul {
 width: auto;
 overflow: visible;
 }
 #top .uMenuRoot ul ul {
 display: block;
 position: static;
 padding-left: 0;
 background: none;
 }
 #top .uMenuRoot ul ul a {
 padding-left: 55px;
 }
 #top .uMenuRoot ul ul ul a {
 padding-left: 90px;
 }
 #top .uMenuRoot ul a:hover {
 background: #38acf0;
 }
 #top .uMenuRoot li:hover ul {
 visibility: visible;
 opacity: 1;
 }
 #top .uMenuRoot li > span {
 line-height: 3.538em;
 }
 #top .uMenuRoot li li.has-submenu a:after,
 #top .uMenuRoot li li.has-submenu span:after {
 display: inline;
 content: '';
 position: static;
 }
 #top .uMenuRoot a {
 line-height: 3.538em;
 }
 .show-search {
 display: block;
 }
 .show-search-min {
 display: none;
 }
 .b-search.b-search-min {
 width: 0;
 }
 .commFl {
 width: 100%;
 }
}
@media only screen and (max-width: 960px) { 
.navbar-share {display: none;}
}
@media only screen and (max-width: 768px) {
 .show-menu {
 display: block;
 }
 #top nav {
 display: none;
 margin-right: 0;
 padding-bottom: 4px;
 background: #2a72cc;
 box-shadow: inset 0 -4px rgba(0, 0, 0, 0.09);
 visibility: hidden;
 opacity: 0;
 }
 #top nav.nav-opened {
 display: block;
 visibility: visible;
 opacity: 1;
 }
 #top .uMenuRoot {
 white-space: nowrap;
 }
 #top .uMenuRoot li {
 display: block;
 float: none;
 }
 #top .uMenuRoot li.has-submenu a:after,
 #top .uMenuRoot li.has-submenu span:after {
 display: inline;
 content: '';
 position: static;
 }
 #top .uMenuRoot li:hover a {
 box-shadow: none;
 }
 #top .uMenuRoot li > span {
 line-height: 2.5;
 color: #fff;
 padding: 0 20px !important;
 }
 #top .uMenuRoot a {
 line-height: 2.5;
 color: #fff;
 padding: 0 20px !important;
 }
 #top .uMenuRoot a:hover,
 #top .uMenuRoot a.uMenuItemA {
 background: #1196e4 !important;
 box-shadow: none;
 }
 #top .uMenuRoot ul {
 display: block;
 position: static;
 padding-left: 0 !important;
 background: none;
 visibility: visible;
 opacity: 1;
 }
 #top .uMenuRoot ul a {
 padding-left: 35px !important;
 }
 #top .uMenuRoot ul ul a {
 padding-left: 70px !important;
 }
 #puzadpn {display:none;}
}
@media only screen and (max-width: 600px) {
 .b-maincontent .queryField {
 width: 100px !important;
 }
 #uNetRegF > table > tbody > tr > td {
 display: block;
 }
 #uEntriesList {
 text-align: center;
 }
 #uEntriesList > li {
 width: auto !important;
 padding: 5px;
 }
 table.catalog td {
 display: block;
 clear: left;
 }
}

#header-blocks { margin-bottom: 30px; height: 100px; background-color: #444; background-color: rgba(123, 123, 123, 0.34); -webkit-box-shadow: "inset 0 -5px 8px -5px rgba(0,0,0,0.65)"; -moz-box-shadow: "inset 0 -5px 8px -5px rgba(0,0,0,0.65)"; box-shadow: "inset 0 -5px 8px -5px rgba(0,0,0,0.65)"; background: url('/img/background.png') repeat #262626;}
#header-block { margin: 0 auto; position: relative; width: 49.3%;}
#uconet-logo { display: block; float: left; height: 100px; width: 370px; font-family: 'Trebuchet MS', Helvetica, sans-serif;}
#uconet-logo .name-blog { display: block; font-size: 22px; padding: 20px 0 0 0; color: #4B6880; font-weight: bold;}
#uconet-logo .description-blog { display: block; padding: 5px 0 0 0; color: #777; }
#uconet-logo a {color: #C6C9CB;}
#uconet-logo a:hover { color: #D9DCDD; }
#top-blok {float: right; height: 100px;}

.uconet_vid {margin-bottom: 30px; border-bottom: solid 2px #4B97BD; display: inline-block;background-color: #fff;} 
 .uconet_vid_img {} 
 .uconet_vid_img img {}
 .uconet_vid_img img:hover {opacity:0.9;}
 .uconet_vid_title {padding: 10px 10px 0 10px;}
 .uconet_vid_title a {color: #307AA5; font-size: 16px; padding: 0; font-weight: bold; text-transform: uppercase;}
 .uconet_vid_title a:hover {color: #555;}
 .uconet_vid_message {text-align: justify; padding:10px; max-height: 60px; overflow: hidden;}
 .uconet_vid_dalee {border-radius: 5px 0 0 0; float: right; margin-top: -28px; background-color: #4B97BD; padding: 4px 10px;}
 .uconet_vid_dalee:hover {background-color: #478EB2;}
 .uconet_vid_dalee a {color: #fff; text-transform: uppercase; font-weight: 700; font-size: 12px;}
 .uconet_vid_dalee a:hover {color: #fff;}

.menu_top_uconet_ru li {list-style: none; float: left;line-height: 100px; text-transform: uppercase; }
.menu_top_uconet_ru li a.active {background-color: rgba(123, 123, 123, 0.34); color: rgba(255,255,255,0.7);}
.menu_top_uconet_ru li a {position: relative; display: inline-block; height: 100px; padding: 0 12px; color: #777777;}
.menu_top_uconet_ru {text-align: center;}

.menu_top_uconet_ru li { vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-duration: 0.5s; transition-duration: 0.5s;}
.menu_top_uconet_ru li:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(123, 123, 123, 0.34); -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }
.menu_top_uconet_ru a:hover, .menu_top_uconet_ru a:focus {color: rgba(255,255,255,0.7);}
.menu_top_uconet_ru li:hover:before, .menu_top_uconet_ru li:focus:before {-webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);}

.menu {display:block; display: none;}
 .menu li{display: inline-block;
position: relative;
z-index:100;}
 
.menu li a {font-weight:600;
text-decoration:none;
padding:11px;
display:block;
color:#ffffff;
 
-webkit-transition: all 0.2s ease-in-out 0s;
 -moz-transition: all 0.2s ease-in-out 0s;
 -o-transition: all 0.2s ease-in-out 0s;
 -ms-transition: all 0.2s ease-in-out 0s;
 transition: all 0.2s ease-in-out 0s;
}
 
.menu li a:hover, .menu li:hover > a{color:#ffffff;
background:#9CA3DA;}
 
 /* hide the second level menu */
.menu ul {display: none;
margin: 0;
padding: 0;
position: absolute;
top: 43px;
left: 0px;
background: #ffffff;
}
 
/* display second level menu on hover */
.menu li:hover > ul{ display: block;}
 
.menu ul li {display:block;
float: none;
background:none;
margin:0;
padding:0;
}
 
.menu ul li a {font-size:12px;
font-weight:normal;
display:block;
color:#797979;
border-left:3px solid #ffffff;
background:#ffffff;}
 
.menu ul li a:hover, .menu ul li:hover > a{
background:#f0f0f0;
border-left:3px solid #9CA3DA;
color:#797979;
}
 
 /* change level 3 menu positions */
.menu ul ul {left: 149px;
 top: 0px;
}
 
 .mobile-menu{
 display:none;
width:100%;
padding:11px;
background:#3E4156;
color:#ffffff;
text-transform:uppercase;
font-weight:600;
}
.mobile-menu:hover{background:#3E4156;
color:#ffffff;
text-decoration:none;
}
 
@media (max-width: 767px) {
 
.menu_top_uconet_ru, .menu{display:none;}
 
.mobile-menu{ display: -webkit-box;
margin-top:100px;}
 
nav{margin:0;
background:none;}
 
.menu li{display:block;
margin:0;}
 
.menu li a {background:#ffffff;
color:#797979;
border-top:1px solid #e0e0e0;
border-left:3px solid #ffffff;}
 
.menu li a:hover, .menu li:hover > a{
background:#f0f0f0;
color:#797979;
border-left:3px solid #9CA3DA;}
 
/*level 2 and 3 - make same width as all items*/
.menu ul {display:block;
position:relative;
top:0;
left:0;
width:100%;}
 
.menu ul ul {left:0;}
 
}/*end media queries*/


.catsTd {padding-bottom: 5px;}
.catsTd a {color: #a6a6a6;font: 15px 'Open Sans';}
.catsTd a:hover {color: #2D2D2D;}
.catNumData {color: #7C7C7C; float: right;}
.catsTd:before { content:"\f105"; padding-right: 5px;}
.catsTd {font-family: FontAwesome;}



.uconet_publ_message {padding:10px;}
.uconet_publ_title {color: #555; font-size: 16px; padding: 10px 10px 0 10px; font-weight: bold; text-transform: uppercase;}

.uconet_publ_infa {font-size: 14px; color: #888; font-family: 'Courier New', monospace; padding-left: 10px; padding-top: 5px;}
.uconet_publ_infa span {margin-right: 30px;}
.uconet_publ_commets {padding: 10px;}
.com-order-block { text-align: right; display: none; }
.ya-share2__container_size_m .ya-share2__icon { height: 35px!important; width: 35px!important; background-size: 35px 35px!important; }


.uc-answer-link a:hover { color: #56A0CC; text-decoration: none; }
.uComment { position: relative; }
.uComment .uc-answer-link, .uComment .uc-opacity { margin-left: 10px; opacity: 0; transition: All 0.3216s ease; -webkit-transition: All 0.3216s ease; -moz-transition: All 0.3216s ease; -o-transition: All 0.3216s ease; }
.uComment:hover .uc-opacity { margin-left: 0px; opacity: 0.6; }
.uComment .uc-answer-link { position: absolute; opacity: 0; right: 10px; bottom: -10px; }
.uComment:hover .uc-answer-link { right: 0px; opacity: 1; }
.uComment { overflow: visible; display: table; width: 100%; }
.uc-avatar img { float: left; border-radius: 100px!important; border: 3px solid #4B97BD; padding: 3px; }

.top_publ {margin-bottom: 10px;}
.top_eTitle {background-color: #fff; padding: 8px; border-left: solid #4B97BD;}
.top_eTitle:hover { border-left: solid #8BD691;}
.top_eTitle a {color: #555;}



.uconet_publ_news {text-align: left; margin: 10px;}
.uconet_publ_news2 {padding: 0 20px 0 20px; clear: both;}
.uconet_publ_picture img {margin: 6px 20px 0 0; float: left; width: 65px; height: 65px;}
.uconet_publ_news span { background: #fff; padding-right: 20px; }
.uconet_publ_news h2 {background: url('/img/h_divider.png') repeat-x left center; font-size: 17pt; color: #444444; margin: 20px 20px 15px 20px;}
.uconet_publ_news2 h3 {color: #104863; -webkit-margin-before: 0; -webkit-margin-after: 0; font-size: 14px;}
.uconet_publ_news2 p {padding: 0 0 15px 0; border-bottom: 1px solid #EFEFEF; margin: 0; font-size: 12px;}

.comment-icon:before { content: '\e808'; }
[class$="-icon"]:before, [class*="-icon "]:before {
 font-family: "icons";
 font-style: normal;
 font-weight: normal;
 speak: none;
 display: inline-block;
 text-decoration: inherit;
 width: 1em;
 margin-right: .2em;
 text-align: center;
 /* opacity: .8; */
 font-variant: normal;
 text-transform: none;
 line-height: 1em;
 margin-left: .2em;
 /* font-size: 120%; */
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
 /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}



.banner_blok2 {background-color: #FFCD59; padding: 30px 10px; text-align: center; border-radius: 5px 5px 5px 5px;}
.banner_blok3 {background-color: #8BD691; padding: 10px 10px; text-align: center; margin-top: 10px; border-radius: 5px;}
.banner_blok3:hover {background-color: #96D79C; box-shadow: 0 0 10px #8BD691; border-radius: 5px;}
.banner_blok3 a {color: #fff; font-size: 20px; text-transform: uppercase; font-weight: bold;}
.banner_title {text-transform: uppercase; font-size: 19px; color: #3E768E;}
.banner_desc {text-transform: uppercase; font-weight: bold; font-size: 30px; color: #fff; display: block;}


.lastcomm {width: 100%; float: left; font-size: 11px; margin-bottom: 30px; border-right: solid #8BD691; padding-right: 3px;} 
.lastcomm:hover {border-right: solid #4B97BD;}
.commtext { color: #44; font-size: 15px; }
.commtext a {font-size: 10px; border-radius: 3px; color: #4B97BD; float: right; display: -webkit-box;}
.commautor {font-size: 13px; font-weight: bold; font-family: Tahoma, Geneva, sans-serif;}
.commautor a {color: #539ACB !important;}
.bloc_ava_nik img {float:left;margin-right: 5px; border-radius: 50px;}
.bloc_ava_nik {min-height: 60px;}
.commenter {}

.title_uslugi {font-size: 20px; color: #555; font-family: 'Trebuchet MS', Helvetica, sans-serif; font-weight: bold; margin-bottom: 5px;text-align: center;}
.ceni {padding-left: 50px;}
.ceni li {list-style: none;}
.coutri {font-size: 19px;text-align: center;}
.coutri i {padding-left: 30px; font-size: 22px;}

#top-blok-futer {float: left; height: 50px;}

.menu_top_futer_uconet_ru li {list-style: none; float: left;line-height: 50px; text-transform: uppercase; }
.menu_top_futer_uconet_ru li a.active {background-color: rgba(123, 123, 123, 0.34); color: rgba(255,255,255,0.7);}
.menu_top_futer_uconet_ru li a {position: relative; display: inline-block; height: 50px; padding: 0 12px; color: #777777;}
.menu_top_uconet_ru {text-align: center;}

.menu_top_futer_uconet_ru li { vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-duration: 0.5s; transition-duration: 0.5s;}
.menu_top_futer_uconet_ru li:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(123, 123, 123, 0.34); -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }
.menu_top_futer_uconet_ru a:hover, .menu_top_uconet_ru a:focus {color: rgba(255,255,255,0.7);}
.menu_top_futer_uconet_ru li:hover:before, .menu_top_uconet_ru li:focus:before {-webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);}
/*-----------------------*/

.catPages1, 
.catPages2, 
.pagesBlock1, 
.pagesBlock2, 
.pagesBlockuz1, 
.pagesBlockuz2 {padding:35px 0px 10px 0px;} 
span.catPages1, 
span.catPages2, 
span.pagesBlock1, 
span.pagesBlock2, 
span.pagesBlockuz1, 
span.pagesBlockuz2 { 
 display: inline-block; 
} 
.catPages1 a, 
.catPages2 a, 
.pagesBlock1 a, 
.pagesBlock2 a, 
.pagesBlockuz1 a, 
.pagesBlockuz2 a, 
.catPages1 b, 
.catPages2 b, 
.pagesBlock1 b, 
.pagesBlock2 b, 
.pagesBlockuz1 b, 
.pagesBlockuz2 b { 
 padding:8px 12px; 
 -webkit-border-radius: 50px;
 -moz-border-radius: 50px;
 border-radius: 50px;
 color:#777; 
 background:#f5f8fa; 
 font-size:11px;
} 
.catPages1 b, 
.catPages2 b, 
.pagesBlock1 b, 
.pagesBlock2 b, 
.pagesBlockuz1 b, 
.pagesBlockuz2 b { 
 color:#f2f2f2; 
 background:#236999; 
} 
.catPages1 a:hover, 
.catPages2 a:hover, 
.pagesBlock1 a:hover, 
.pagesBlock2 a:hover, 
.pagesBlockuz1 a:hover, 
.pagesBlockuz2 a:hover { 
 color:#000; 
 background:#ecf2f6; 
}
.swchItemDots {
 letter-spacing:1px;
 color:#828e96;
 font-size:11px;
}

.button { 
 margin: 0 0 5px; 
 height: 28px; 
 line-height: 28px; 
 padding: 0 12px; 
 font-size: 11px; 
 font-weight: bold; 
 color: #555555; 
 text-shadow: 0 1px #fff; 
 border-width: 1px 1px 0; 
 border-style: solid; 
 border-color: #cecece #bababa #a8a8a8; 
 border-radius: 3px 3px 2px 2px; 
 outline: none; 
 -webkit-box-sizing: content-box; 
 -moz-box-sizing: content-box; 
 box-sizing: content-box; 
 display: inline-block; 
 vertical-align: baseline; 
 zoom: 1; 
 *display: inline; 
 *vertical-align: auto; 
 background-color: #dfdfdf; 
 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f1f1f1), color-stop(70%, #dfdfdf), color-stop(100%, #dadada)); 
 background-image: -webkit-linear-gradient(top, #f1f1f1 0%, #dfdfdf 70%, #dadada 100%); 
 background-image: -moz-linear-gradient(top, #f1f1f1 0%, #dfdfdf 70%, #dadada 100%); 
 background-image: -ms-linear-gradient(top, #f1f1f1 0%, #dfdfdf 70%, #dadada 100%); 
 background-image: -o-linear-gradient(top, #f1f1f1 0%, #dfdfdf 70%, #dadada 100%); 
 background-image: linear-gradient(top, #f1f1f1 0%, #dfdfdf 70%, #dadada 100%); 
 -webkit-box-shadow: inset 0 1px #fdfdfd, inset 0 0 0 1px #eaeaea, 0 1px #a8a8a8, 0 3px #bbbbbb, 0 4px #a8a8a8, 0 5px 2px rgba(0, 0, 0, 0.25); 
 box-shadow: inset 0 1px #fdfdfd, inset 0 0 0 1px #eaeaea, 0 1px #a8a8a8, 0 3px #bbbbbb, 0 4px #a8a8a8, 0 5px 2px rgba(0, 0, 0, 0.25); 
 } 
 .button:hover, .button:active { 
 text-decoration: none; 
 background: #dfdfdf; 
 border-top-color: #c9c9c9; 
 } 
 .button:active, .button.green:active, .button.blue:active, .button.yellow:active, .button.red:active, .button.purple:active, .button.grey:active, .button.black:active { 
 vertical-align: -5px; 
 margin-bottom: 0; 
 padding: 1px 13px 0; 
 border-width: 0; 
 border-radius: 3px; 
 -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3), inset 0 1px 1px rgba(0, 0, 0, 0.4), 0 1px white; 
 box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3), inset 0 1px 1px rgba(0, 0, 0, 0.4), 0 1px white; 
 } 
 .button.green { 
 color: #465f25; 
 text-shadow: 0 1px #d9f3b5; 
 border-color: #91ce5e #7ab04b #5e903f; 
 background-color: #94d362; 
 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c0eb85), color-stop(70%, #94d362), color-stop(100%, #8ed258)); 
 background-image: -webkit-linear-gradient(top, #c0eb85 0%, #94d362 70%, #8ed258 100%); 
 background-image: -moz-linear-gradient(top, #c0eb85 0%, #94d362 70%, #8ed258 100%); 
 background-image: -ms-linear-gradient(top, #c0eb85 0%, #94d362 70%, #8ed258 100%); 
 background-image: -o-linear-gradient(top, #c0eb85 0%, #94d362 70%, #8ed258 100%); 
 background-image: linear-gradient(top, #c0eb85 0%, #94d362 70%, #8ed258 100%); 
 -webkit-box-shadow: inset 0 1px #d9f3b5, inset 0 0 0 1px #b1e095, 0 1px #5e903f, 0 3px #6da445, 0 4px #5e903f, 0 5px 2px rgba(0, 0, 0, 0.4); 
 box-shadow: inset 0 1px #d9f3b5, inset 0 0 0 1px #b1e095, 0 1px #5e903f, 0 3px #6da445, 0 4px #5e903f, 0 5px 2px rgba(0, 0, 0, 0.4); 
 } 
 .button.green:hover, .button.green:active { 
 background: #94d362; 
 border-top-color: #82bd53; 
 } 
 .button.blue { 
 color: #236277; 
 text-shadow: 0 1px #c2ecf9; 
 border-color: #6fbad1 #3fa3c0 #3583ab; 
 background-color: #61cdf3; 
 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9be5fa), color-stop(70%, #61cdf3), color-stop(100%, #5fbde8)); 
 background-image: -webkit-linear-gradient(top, #9be5fa 0%, #61cdf3 70%, #5fbde8 100%); 
 background-image: -moz-linear-gradient(top, #9be5fa 0%, #61cdf3 70%, #5fbde8 100%); 
 background-image: -ms-linear-gradient(top, #9be5fa 0%, #61cdf3 70%, #5fbde8 100%); 
 background-image: -o-linear-gradient(top, #9be5fa 0%, #61cdf3 70%, #5fbde8 100%); 
 background-image: linear-gradient(top, #9be5fa 0%, #61cdf3 70%, #5fbde8 100%); 
 -webkit-box-shadow: inset 0 1px #c5f0fd, inset 0 0 0 1px #8ad1eb, 0 1px #3583ab, 0 3px #3f9db8, 0 4px #3583ab, 0 5px 2px rgba(0, 0, 0, 0.4); 
 box-shadow: inset 0 1px #c5f0fd, inset 0 0 0 1px #8ad1eb, 0 1px #3583ab, 0 3px #3f9db8, 0 4px #3583ab, 0 5px 2px rgba(0, 0, 0, 0.4); 
 } 
 .button.blue:hover, .button.blue:active { 
 background: #61cdf3; 
 border-top-color: #3eaac9; 
 } 
 .button.yellow { 
 color: #7e4f27; 
 text-shadow: 0 1px #f2e294; 
 border-color: #efb443 #d9a238 #a57825; 
 background-color: #f6ba49; 
 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffdd67), color-stop(70%, #f6ba49), color-stop(100%, #f4b03e)); 
 background-image: -webkit-linear-gradient(top, #ffdd67 0%, #f6ba49 70%, #f4b03e 100%); 
 background-image: -moz-linear-gradient(top, #ffdd67 0%, #f6ba49 70%, #f4b03e 100%); 
 background-image: -ms-linear-gradient(top, #ffdd67 0%, #f6ba49 70%, #f4b03e 100%); 
 background-image: -o-linear-gradient(top, #ffdd67 0%, #f6ba49 70%, #f4b03e 100%); 
 background-image: linear-gradient(top, #ffdd67 0%, #f6ba49 70%, #f4b03e 100%); 
 -webkit-box-shadow: inset 0 1px #ffeca6, inset 0 0 0 1px #e5c96d, 0 1px #a57825, 0 3px #c08a28, 0 4px #a57825, 0 5px 2px rgba(0, 0, 0, 0.4); 
 box-shadow: inset 0 1px #ffeca6, inset 0 0 0 1px #e5c96d, 0 1px #a57825, 0 3px #c08a28, 0 4px #a57825, 0 5px 2px rgba(0, 0, 0, 0.4); 
 } 
 .button.yellow:hover, .button.yellow:active { 
 background: #f6ba49; 
 border-top-color: #e5ab3d; 
 } 
 .button.red { 
 color: #702526; 
 text-shadow: 0 1px #ea8f99; 
 border-color: #e1696e #c85252 #a03a38; 
 background-color: #e46565; 
 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eb9093), color-stop(70%, #e46565), color-stop(100%, #e25755)); 
 background-image: -webkit-linear-gradient(top, #eb9093 0%, #e46565 70%, #e25755 100%); 
 background-image: -moz-linear-gradient(top, #eb9093 0%, #e46565 70%, #e25755 100%); 
 background-image: -ms-linear-gradient(top, #eb9093 0%, #e46565 70%, #e25755 100%); 
 background-image: -o-linear-gradient(top, #eb9093 0%, #e46565 70%, #e25755 100%); 
 background-image: linear-gradient(top, #eb9093 0%, #e46565 70%, #e25755 100%); 
 -webkit-box-shadow: inset 0 1px #dcaaaa, inset 0 0 0 1px #df777a, 0 1px #a03a38, 0 3px #be4b49, 0 4px #a03a38, 0 5px 2px rgba(0, 0, 0, 0.4); 
 box-shadow: inset 0 1px #dcaaaa, inset 0 0 0 1px #df777a, 0 1px #a03a38, 0 3px #be4b49, 0 4px #a03a38, 0 5px 2px rgba(0, 0, 0, 0.4); 
 } 
 .button.red:hover, .button.red:active { 
 background: #e46565; 
 border-top-color: #d0585a; 
 } 
 .button.purple { 
 color: #714667; 
 text-shadow: 0 1px #f2c5e6; 
 border-color: #e391d0 #c27ab3 #8a517d; 
 background-color: #e393d3; 
 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f1bee3), color-stop(70%, #e393d3), color-stop(100%, #df8dce)); 
 background-image: -webkit-linear-gradient(top, #f1bee3 0%, #e393d3 70%, #df8dce 100%); 
 background-image: -moz-linear-gradient(top, #f1bee3 0%, #e393d3 70%, #df8dce 100%); 
 background-image: -ms-linear-gradient(top, #f1bee3 0%, #e393d3 70%, #df8dce 100%); 
 background-image: -o-linear-gradient(top, #f1bee3 0%, #e393d3 70%, #df8dce 100%); 
 background-image: linear-gradient(top, #f1bee3 0%, #e393d3 70%, #df8dce 100%); 
 -webkit-box-shadow: inset 0 1px #f5d6ee, inset 0 0 0 1px #dcaacf, 0 1px #8a517d, 0 3px #a7619a, 0 4px #8a517d, 0 5px 2px rgba(0, 0, 0, 0.4); 
 box-shadow: inset 0 1px #f5d6ee, inset 0 0 0 1px #dcaacf, 0 1px #8a517d, 0 3px #a7619a, 0 4px #8a517d, 0 5px 2px rgba(0, 0, 0, 0.4); 
 } 
 .button.purple:hover, .button.purple:active { 
 background: #e393d3; 
 border-top-color: #c87eb8; 
 } 
 .button.grey { 
 color: #41505b; 
 text-shadow: 0 1px #c2d0db; 
 border-color: #909eab #768791 #50606e; 
 background-color: #90aabd; 
 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #bccbd7), color-stop(70%, #90aabd), color-stop(100%, #83a0b4)); 
 background-image: -webkit-linear-gradient(top, #bccbd7 0%, #90aabd 70%, #83a0b4 100%); 
 background-image: -moz-linear-gradient(top, #bccbd7 0%, #90aabd 70%, #83a0b4 100%); 
 background-image: -ms-linear-gradient(top, #bccbd7 0%, #90aabd 70%, #83a0b4 100%); 
 background-image: -o-linear-gradient(top, #bccbd7 0%, #90aabd 70%, #83a0b4 100%); 
 background-image: linear-gradient(top, #bccbd7 0%, #90aabd 70%, #83a0b4 100%); 
 -webkit-box-shadow: inset 0 1px #d0dae2, inset 0 0 0 1px #99b5ce, 0 1px #50606e, 0 3px #627786, 0 4px #50606e, 0 5px 2px rgba(0, 0, 0, 0.4); 
 box-shadow: inset 0 1px #d0dae2, inset 0 0 0 1px #99b5ce, 0 1px #50606e, 0 3px #627786, 0 4px #50606e, 0 5px 2px rgba(0, 0, 0, 0.4); 
 } 
 .button.grey:hover, .button.grey:active { 
 background: #90aabd; 
 border-top-color: #8495a0; 
 } 
 .button.black { 
 color: #f1f1f1; 
 text-shadow: 0 1px #111; 
 border-color: #505050 #414141 #2c2c2c; 
 background-color: #4f4f4f; 
 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #696969), color-stop(70%, #4f4f4f), color-stop(100%, #3c3c3c)); 
 background-image: -webkit-linear-gradient(top, #696969 0%, #4f4f4f 70%, #3c3c3c 100%); 
 background-image: -moz-linear-gradient(top, #696969 0%, #4f4f4f 70%, #3c3c3c 100%); 
 background-image: -ms-linear-gradient(top, #696969 0%, #4f4f4f 70%, #3c3c3c 100%); 
 background-image: -o-linear-gradient(top, #696969 0%, #4f4f4f 70%, #3c3c3c 100%); 
 background-image: linear-gradient(top, #696969 0%, #4f4f4f 70%, #3c3c3c 100%); 
 -webkit-box-shadow: inset 0 1px #828282, inset 0 0 0 1px #555555, 0 1px #2c2c2c, 0 3px #444444, 0 4px #2c2c2c, 0 5px 2px rgba(0, 0, 0, 0.4); 
 box-shadow: inset 0 1px #828282, inset 0 0 0 1px #555555, 0 1px #2c2c2c, 0 3px #444444, 0 4px #2c2c2c, 0 5px 2px rgba(0, 0, 0, 0.4); 
 } 
 .button.black:hover, .button.black:active { 
 background: #4f4f4f; 
 border-top-color: #494949; 
 }

.cbutton {margin:0 5px 5px;display:inline-table;padding:6px 10px;background:#fff;border:2px solid #eee;border-radius:3px;} 
.cbutton:hover {background:#ddd;cursor:pointer;} 
.cbutton.active {background:#217EAC;color:#fff;}