/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
    background-color: #fff;
    font: 13px/16px Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;
    color: #3f3f3f;
}

html,
body {
    background-color: #fff;
    position: relative;
}

html {
    height: 100%;
}

body {
    font: 200 13px/16px Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;
    color: #010101;
    min-height: 100%;
}

a {
    color: inherit;
/ / color: expression(this . parentNode . currentStyle [ 'color' ]);
}

#article-body a,
#forum-posts-list .comment-text a,
#messages-block .message a {
    color: #1eb8e4;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-webkit-selection {
    background: #dfdfdf;
    text-shadow: none;
    color: #010101;
}

::-moz-selection {
    background: #dfdfdf;
    text-shadow: none;
    color: #010101;
}

::selection {
    background: #dfdfdf;
    text-shadow: none;
    color: #010101;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images, videos, audio and canvas and the bottom of
 * their containers: h5bp.com/i/440
 */

audio,
canvas,
img,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

.hidden-form {
    opacity: 0;
}

#ga-temp {
    display: none;
}

/* ==========================================================================
   Browse Happy prompt
   ========================================================================== */

#browsehappy {
    background: #ccc;
    padding: 8px 0;
    font-size: 16px;
    color: #000;
    line-height: 20px;
    text-align: center;
    margin: 0 0 10px;
}

/* ==========================================================================
   Debug styles
   ========================================================================== */
#debug {
    background-color: rgba(0, 0, 0, .8);
    position: fixed;
    right: 0;
    bottom: 0;
    font-size: 12px;
    font-style: italic;
    color: #f1f1f1;
    width: 20px;
    height: 20px;
    overflow: hidden;
    z-index: 1000;
}

#debug.active,
#debug:hover {
    width: 100%;
    height: auto;
    max-height: 150px;
    overflow: auto;
}

#debug > .blocks > header {
    font-size: 14px;
    font-weight: bold;
    padding: 6px 12px;
}

#debug > .blocks ul,
#debug > .blocks li {
    margin: 0;
    padding: 0;
    list-style: none;
}

#debug > .blocks li {
    padding: 3px 20px 3px 5px;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

.page-center {
    position: relative;
    width: 950px;
    margin: 0 auto;
    display: block;
}

.slice-280 {
    width: 280px
}

.slice-640 {
    width: 640px
}

.pad-10 {
    padding: 10px
}

.upper {
    text-transform: uppercase
}

.lower {
    text-transform: lowercase
}

.btn-sg {
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 0;
    min-width: 120px;
    height: 20px;
    line-height: 13px;
    padding: 2px 9px;
}

.icon {
    display: inline-block;
    padding: 0;
}

#user-public-profile .icon {
    margin-bottom: -3px;
}

input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
input[type="range"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
input[type="week"] {
    background-color: #f1f1f1;
    border: 0 none;
    width: 430px;
    height: 16px;
    padding: 3px 5px;
}

.blue-border-bottom {
    border-bottom: 2px solid #1eb8e4
}

.blue-border-top {
    border-top: 2px solid #1eb8e4
}

.blue-color {
    color: #1eb8e4
}

.green-border-bottom {
    border-bottom: 2px solid #b9e860
}

.green-border-top {
    border-top: 2px solid #b9e860
}

.green-color {
    color: #b9e860
}

.red-border-bottom {
    border-bottom: 2px solid #f51a1c
}

.red-border-top {
    border-top: 2px solid #f51a1c
}

.red-color {
    color: #f51a1c
}

.purple-border-bottom {
    border-bottom: 2px solid #ef58d1
}

.purple-border-top {
    border-top: 2px solid #ef58d1
}

.purple-color {
    color: #ef58d1
}

.yellow-border-bottom {
    border-bottom: 2px solid #f5d91a
}

.yellow-border-top {
    border-top: 2px solid #f5d91a
}

.yellow-color {
    color: #f5d91a
}

.cyan-border-bottom {
    border-bottom: 2px solid #4ac0b1
}

.cyan-border-top {
    border-top: 2px solid #4ac0b1
}

.cyan-color {
    color: #4ac0b1
}

.light-border-bottom {
    border-bottom: 1px solid rgba(200, 200, 200, .4)
}

.light-border-top {
    border-top: 1px solid rgba(200, 200, 200, .4)
}

.light-border-right {
    border-right: 1px solid rgba(200, 200, 200, .4)
}

.light-border-left {
    border-left: 1px solid rgba(200, 200, 200, .4)
}

.light-grey-border-top {
    border-top: 1px solid rgba(100, 100, 100, .5)
}

.gray-border-bottom-lw {
    border-bottom: 1px solid #777
}

.gray-border-bottom {
    border-bottom: 2px solid #777
}

.gray-border-top-lw {
    border-top: 1px solid #777
}

.gray-border-top {
    border-top: 2px solid #777
}

.gray-color {
    color: #777
}

.link-right-icon a,
a.link-right-icon,
.link-left-icon a,
a.link-left-icon {
    position: relative
}

.link-right-icon a:after,
a.link-right-icon:after,
.link-left-icon a:after,
a.link-left-icon:after {
    position: absolute;
    top: 50%;
    content: " ";
    display: block;
    visibility: visible;
}

.link-right-icon a:after,
a.link-right-icon:after {
    right: 12px;
}

.link-left-icon a:after,
a.link-left-icon:after {
    left: 12px;
}

.gray-plus-icon a:after,
a.gray-plus-icon:after,
.blue-plus-icon a:after,
a.blue-plus-icon:after,
.green-plus-icon a:after,
a.green-plus-icon:after,
.red-plus-icon a:after,
a.red-plus-icon:after,
.yellow-plus-icon a:after,
a.yellow-plus-icon:after,
.purple-plus-icon a:after,
a.purple-plus-icon:after,
.cyan-plus-icon a:after,
a.cyan-plus-icon:after {
    background: transparent url("../img/images.png") -116px 0px no-repeat;
    width: 10px;
    height: 10px;
    margin-top: -5px;
}

.blue-plus-icon a:after,
a.blue-plus-icon:after {
    background-position: -126px 0px;
}

.green-plus-icon a:after,
a.green-plus-icon:after {
    background-position: -146px 0px;
}

.red-plus-icon a:after,
a.red-plus-icon:after {
    background-position: -176px 0px;
}

.yellow-plus-icon a:after,
a.yellow-plus-icon:after {
    background-position: -156px 0px;
}

.purple-plus-icon a:after,
a.purple-plus-icon:after {
    background-position: -166px 0px;
}

.cyan-plus-icon a:after,
a.cyan-plus-icon:after {
    background-position: -136px 0px;
}

.gray-url-icon a:after,
a.gray-url-icon:after,
.blue-url-icon a:after,
a.blue-url-icon:after,
.green-url-icon a:after,
a.green-url-icon:after,
.red-url-icon a:after,
a.red-url-icon:after,
.yellow-url-icon a:after,
a.yellow-url-icon:after,
.purple-url-icon a:after,
a.purple-url-icon:after,
.cyan-url-icon a:after,
a.cyan-url-icon:after {
    background: transparent url("../img/images.png") -186px 0px no-repeat;
    width: 10px;
    height: 10px;
    margin-top: -3px;
}

.blue-url-icon a:after,
a.blue-url-icon:after {
    background-position: -196px 0px;
}

.green-url-icon a:after,
a.green-url-icon:after {
    background-position: -216px 0px;
}

.red-url-icon a:after,
a.red-url-icon:after {
    background-position: -246px 0px;
}

.yellow-url-icon a:after,
a.yellow-url-icon:after {
    background-position: -226px 0px;
}

.purple-url-icon a:after,
a.purple-url-icon:after {
    background-position: -236px 0px;
}

.cyan-url-icon a:after,
a.cyan-url-icon:after {
    background-position: -206px 0px;
}

.print {
    background: #919191;
    font-family: "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
    color: #fff;
    display: inline-block;
    padding: 2px 4px 2px 25px;
    z-index: 0;
}

.print:before {
    content: '';
    position: absolute;
    z-index: 1;
    width: 16px;
    height: 13px;
    margin-left: -21px;
    margin-top: 2px;
    background: url("../img/images.png") -256px 0;
}

.headers-small {
    font-family: Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;
    font-size: 14px;
    line-height: 16px;
    color: #000;
    padding: 10px 8px;
}

.headers-small > * {
    font-size: 14px
}

.headers-medium {
    font-family: Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;
    font-size: 18px;
    line-height: 20px;
    color: #000;
    padding: 18px 13px;
}

.headers-medium > * {
    font-size: 18px
}

.headers-big {
    font-family: Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;
    font-size: 26px;
    line-height: 28px;
    color: #000;
    padding: 10px 14px;
}

.headers-big > * {
    font-size: 26px
}

.headers-blue {
    color: #1eb8e4;
}

.link-blocks a {
    border-color: rgba(200, 200, 200, .4);
    border-style: solid;
    border-width: 0 1px 1px 0;
    float: left;
    display: block;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}

.link-blocks a:nth-child(2n) {
    border-right: 0 none
}

.link-blocks a span {
    display: inline-block;
    vertical-align: middle;
    line-height: normal
}

.link-block-small a,
.link-block-small > div {
    height: 24px;
    line-height: 24px;
    padding: 0 6px
}

.link-block-smedium a,
.link-block-smedium > div {
    height: 35px;
    line-height: 35px;
    padding: 0 30px 0 8px
}

.link-block-medium a,
.link-block-medium > div {
    height: 50px;
    line-height: 50px;
    padding: 0 42px 0 8px
}

.link-block-big a,
.link-block-big > div {
    height: 50px;
    line-height: 50px;
    padding: 0 100px 0 8px
}

.link-blocks.one-line a {
    border-width: 0 0 1px 0;
    float: none;
    clear: both;
}

.link-blocks.one-line a:first-child {
    border-top: 0
}

.link-blocks a.more {
    border: 0 none;
    font-family: Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;
    font-size: 12px;
    font-style: italic;
    color: #777;
    text-align: center;
    height: auto;
    line-height: normal;
    padding: 10px 0;
}

.link-blocks a:hover {
    background-color: #1b1b1b;
    text-decoration: none;
    color: #fff;
}

table.data-table {
    width: 100%;
    margin: 12px auto;
    background-color: rgba(255, 255, 255, .3);
}

table.data-table tr:nth-child(2n) {
    background-color: rgba(235, 235, 235, .3);
}

table.data-table td {
    padding: 4px;
}

table.data-table td:nth-child(1) {
    width: 30%;
    line-height: 22px;
    vertical-align: text-top;
    padding-left: 10px;
}

table.data-table td:nth-child(2) {
    padding-right: 10px;
}

table.data-table textarea[name="alairas"] {
    width: 98%;
    border: 1px solid #bbb;
}

i.info {
    background: url("../img/images.png") -443px 0 no-repeat;
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: -1px;
}

.hilight {
    color: #c80000;
    font-weight: bold;
}

.advert {
    position: relative;
    border: 1px solid #f1f1f1;
    padding: 2px;
    margin: 10px auto;
}

.advert:after {
    position: absolute;
    left: 0;
    width: 100%;
    font-size: 10px;
    color: #c0c0c0;
    text-align: center;
    content: "Hirdet\00e9s";
    display: block;
}

.advert.bottom-text {
    margin-bottom: 16px
}

.advert:after,
.advert.bottom-text:after {
    bottom: -16px
}

.advert.top-text {
    margin-top: 16px
}

.advert.top-text:after {
    top: -16px;
    bottom: 0
}

.advert > .frame {
    /*background-color: #c2c2c2;*/
    position: relative;
    display: block;
}

.advert > .frame > .frame-inner {
    background-color: #F2F2F2;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
}

.advert-300 {
    width: 300px
}

.advert-468 {
    width: 468px
}

.advert-630 {
    width: 630px
}

.advert-640 {
    width: 640px
}

.advert-728 {
    width: 728px
}

.advert-800 {
    width: 800px
}

.advert-970 {
    width: 970px
}

.advert-980 {
    width: 980px
}

.adpr {
    display: inline-block;
    margin-top: 0;
}

.adpr > .frame > .frame-inner {
    background: transparent;
    padding: 3px;
}

.adpr img {
    margin: 15px 10px 10px 0;
    float: left;
}

.adpr h6 {
    font-size: 12pt;
    font-weight: bold;
    margin: 5px 0 -5px 0;
}

.more-content {
    font-family: Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;
    font-size: 18px;
    font-style: italic;
    text-align: center;
    height: 34px;
    line-height: 34px;
}

.grayscale {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    filter: gray;
    -webkit-filter: grayscale(100%);
}

blockquote {
    background: #f9f9f9;
    border-left: 10px solid #ccc;
    margin: 1.5em 10px;
    padding: 0.5em 10px;
    quotes: "\201C" "\201D" "\2018" "\2019";
}

blockquote:before {
    color: #ccc;
    content: open-quote;
    font-size: 4em;
    line-height: 0.1em;
    margin-right: 0.25em;
    vertical-align: -0.4em;
}

blockquote p {
    display: inline;
}

/* ==========================================================================
   Animations styles
   ========================================================================== */
@keyframes opacityPulse {
    0% {
        opacity: 1
    }
    50% {
        opacity: 0.25
    }
    100% {
        opacity: 1
    }
}

@-moz-keyframes opacityPulse {
    0% {
        opacity: 1
    }
    50% {
        opacity: 0.25
    }
    100% {
        opacity: 1
    }
}

@-webkit-keyframes opacityPulse {
    0% {
        opacity: 1
    }
    50% {
        opacity: 0.25
    }
    100% {
        opacity: 1
    }
}

@-o-keyframes opacityPulse {
    0% {
        opacity: 1
    }
    50% {
        opacity: 0.25
    }
    100% {
        opacity: 1
    }
}

@-ms-keyframes opacityPulse {
    0% {
        opacity: 1
    }
    50% {
        opacity: 0.25
    }
    100% {
        opacity: 1
    }
}

.opacity-pulse {
    animation: opacityPulse ease 1s infinite;
    -webkit-animation: opacityPulse ease 1s infinite;
    -moz-animation: opacityPulse ease 1s infinite;
    -o-animation: opacityPulse ease 1s infinite;
    -ms-animation: opacityPulse ease 1s infinite;
}

/* ==========================================================================
   Site styles
   ========================================================================== */
#content {
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    padding: 20px 15px 100px 16px;
    background-color: #fff;
}

#breadcrumb {
    font-size: 12px;
    color: #555;
    padding: 8px 0 8px 10px;
}

#breadcrumb nav {
    position: relative;
    display: inline-block;
}

#breadcrumb nav > a {
    position: relative;
    margin-right: 14px;
}

#breadcrumb nav > a:after {
    position: absolute;
    top: 0;
    right: -12px;
    content: '\003E';
    display: block;
}

#breadcrumb nav > a:last-child:after {
    display: none;
}

#breadcrumb select {
    font-size: 12px;
    color: #555;
    display: inline-block;
    border: 1px solid #999;
}

#breadcrumb select#topicslist {
    width: 180px;
}

#breadcrumb select#paginationselect {
    margin-top: -2px;
}

#breadcrumb-social {
    float: right;
}

#breadcrumb-social > * {
    float: left;
    margin-left: 14px;
}

/* ==========================================================================
   Pagination styles
   ========================================================================== */
nav.pager,
nav.pagination {
    position: relative;
    padding: 16px;
    display: block;
    text-align: center;
    color: #bebebe;
    cursor: default;
    z-index: 0;
}

nav.pager a,
nav.pagination a {
    color: #bebebe;
    margin: 0 3px;
    display: inline-block;
}

nav.pager a:hover,
nav.pagination a:hover {
    color: #1eb8e4;
    text-decoration: none;
}

nav.pagination a.current {
    font-weight: bold;
    font-size: 140%;
    color: #b9e860;
}

nav.pager a.prev {
    float: left;
}

nav.pager a.next {
    float: right;
}

/* ==========================================================================
   Header styles
   ========================================================================== */
body > div.sg-top-status {
    position: fixed;
    top: 10px;
    left: 50%;
    width: 600px;
    margin-left: -300px;
    z-index: 10000;
    display: none;
}

body > div.sg-top-status > div.error {
    background: #a90329;
    background: -moz-linear-gradient(top, #a90329 0%, #8f0222 44%, #6d0019 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a90329), color-stop(44%, #8f0222), color-stop(100%, #6d0019));
    background: -webkit-linear-gradient(top, #a90329 0%, #8f0222 44%, #6d0019 100%);
    background: -o-linear-gradient(top, #a90329 0%, #8f0222 44%, #6d0019 100%);
    background: -ms-linear-gradient(top, #a90329 0%, #8f0222 44%, #6d0019 100%);
    background: linear-gradient(to bottom, #a90329 0%, #8f0222 44%, #6d0019 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a90329', endColorstr='#6d0019', GradientType=0);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #fafafa;
    padding: 8px 12px;
    margin: 2px 0;
}

body > div.sg-top-status > div.info {
    background: #78acba;
    background: -moz-linear-gradient(top, #78acba 0%, #269abc 44%, #0e95ba 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #78acba), color-stop(44%, #269abc), color-stop(100%, #0e95ba));
    background: -webkit-linear-gradient(top, #78acba 0%, #269abc 44%, #0e95ba 100%);
    background: -o-linear-gradient(top, #78acba 0%, #269abc 44%, #0e95ba 100%);
    background: -ms-linear-gradient(top, #78acba 0%, #269abc 44%, #0e95ba 100%);
    background: linear-gradient(to bottom, #78acba 0%, #269abc 44%, #0e95ba 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#78acba', endColorstr='#0e95ba', GradientType=0);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #fafafa;
    padding: 8px 12px;
    margin: 2px 0;
}

/* ==========================================================================
   Header styles
   ========================================================================== */

#header-top {
    background-color: #1eb8e4;
    height: 57px;
}

#header-top #logo {
    display: block;
    width: 99px;
    height: 42px;
    background: url('../img/images.png') no-repeat top left;
}

#header-bottom {
    background-color: #1b1b1b;
    border: 1px solid #000;
    height: 39px;
}

#header h1 {
    float: left;
    margin: 10px 0 0 25px;
}

#header h2 {
    font-family: Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;
    font-size: 12px;
    font-style: italic;
    float: left;
    margin: 31px 0 0 10px;
}

/* ==========================================================================
   Footer styles
   ========================================================================== */

#footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    /*width: 100%;*/
    font-weight: bold;
    line-height: 35px;
}

#footer-top {
    background-color: #1b1b1b;
    border: 1px solid #000;
    font-size: 12px;
    text-align: center;
    color: #fff;
    height: 35px;
}

#footer-bottom {
    background-color: #1eb8e4;
    position: relative;
    font-family: Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;
    font-size: 10px;
    font-style: italic;
    height: 35px;
}

#footer nav a {
    margin: 0 15px;
    display: inline-block;
}

#footer .contact {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -75px;
    text-align: center;
}

#footer .copyright {
    float: right;
    padding-right: 10px;
}

/* ==========================================================================
   Menu styles
   ========================================================================== */

#menu-family {
    display: none;
    font-size: 11px;
    text-align: right;
    color: #000;
    padding: 4px 0;
}

#menu-family > * {
    display: inline-block;
}

#menu-family a {
    margin-left: 10px;
    margin-right: 10px;
    position: relative;
}

#menu-family a:before {
    position: absolute;
    left: -10px;
    top: 6px;
    width: 5px;
    height: 5px;
    content: " ";
    display: block;
}

#menu-family a.sghu:before {
    background-color: #1eb8e4
}

#menu-family a.prohardver:before {
    background-color: #fcff00
}

#menu-family a.mobilarena:before {
    background-color: #8bd66d
}

#menu-family a.it_cafe:before {
    background-color: #6088b3
}

#menu-family a.gamepodhu:before {
    background-color: #9d9584
}

#menu-family a.logouthu:before {
    background-color: #db0e08
}

#menu-main {
    font-size: 14px;
    color: #fff;
    float: right;
    margin: 30px 18px 0 0;
}

#menu-main a {
    position: relative;
    float: left;
    margin-left: 20px;
}

#menu-main a:before {
    position: absolute;
    left: -11px;
    top: 0;
    display: block;
    content: "\00B7"; /* Not pretty, but it works. :) */
}

#menu-main a:first-child:before {
    display: none;
}

#vakbarat {
    position: relative;
    top: 7px;
    left: 645px;
}

#menu-heading {
    float: left;
}

#menu-heading a {
    font-size: 16px;
    color: #fff;
    margin: 0 10px;
    padding: 11px 10px;
    display: inline-block;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}

#menu-heading a:hover,
#menu-heading a.active {
    border-bottom: 2px solid #1eb8e4;
    color: #1eb8e4;
    text-decoration: none;
}

#menu-heading a.tudomany:hover,
#menu-heading a.tudomany.active {
    border-color: #b9e860;
    color: #b9e860
}

#menu-heading a.it-tech:hover,
#menu-heading a.it-tech.active {
    border-color: #1eb8e4;
    color: #1eb8e4
}

#menu-heading a.film:hover,
#menu-heading a.film.active {
    border-color: #4ac0b1;
    color: #4ac0b1
}

#menu-heading a.film:hover,
#menu-heading a.film.active {
    border-color: #4ac0b1;
    color: #4ac0b1
}

#menu-heading a.jatek:hover,
#menu-heading a.jatek.active {
    border-color: #f5d91a;
    color: #f5d91a
}

#menu-heading a.auto:hover,
#menu-heading a.auto.active {
    border-color: #ea3232;
    color: #ea3232
}

#new-pm {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 2;
    /* margin-bottom: 10px; */
    text-transform: uppercase;
    /* padding: 3px 10px; */
    /* margin-left: 50%; */
    font-size: 12px;
    border: 1px solid #333;
    border-radius: 0;

    -webkit-transition: all .125s ease;
    -moz-transition: all .125s ease;
    -ms-transition: all .125s ease;
    -o-transition: all .125s ease;
    transition: all .125s ease;
}

#new-pm.hidden {
    opacity: 0;
}

/* ==========================================================================
   Search styles
   ========================================================================== */
#search > header.search-title > span {
    font-size: 13px;
    font-style: italic;
    display: block;
}

#search-results > section.result {
    margin-bottom: 20px;
}

#search-results .results-wrap {
    padding: 8px 0;
}

#search-results .results-wrap > .null {
    font-weight: bold;
    font-size: 14px;
    color: #b90000;
    text-align: center;
    padding: 12px 0;
}

#search-results .result-row > a.result-title {
    background-color: transparent;
    padding: 8px 14px;
    display: block;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}

#search-results .result-row:nth-child(2n) > a.result-title {
    background-color: #f1f1f1;
}

#search-results .result-row > a.result-title:hover {
    background-color: #e7e7e7;
    text-decoration: none;
}

#search-articles-result .result-row > a.result-title {
    height: 50px;
}

#search-forums-result .result-row > a.result-title {
    height: 35px;
}

#search-topics-result .result-row > a.result-title {
    height: 68px;
}

#search-results .result-row > a.result-title h4 {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 4px;
}

#search-results .result-row > a.result-title .info,
#search-results .result-row > a.result-title .desc {
    font-size: 12px;
    font-style: italic;
}

#search-forums-result .result-row .info,
#search-topics-result .result-row .info {
    font-size: 12px;
    display: block;
}

#search-users-result .result-row {
    float: left;
    width: 316px;
}

#search .search-pager {
    text-align: center;
    padding: 16px;
    cursor: default;
}

#search .search-pager > a {
    margin: 0 3px;
    color: #bebebe;
}

#search .search-pager > a:hover {
    text-decoration: none;
    color: #1eb8e4;
}

#search .search-pager > a.current {
    font-weight: bold;
    font-size: 140%;
    color: #b9e860;
}

#search-top {
    position: relative;
    float: right;
    margin: 8px 18px 0 0;
}

#search-top input,
#search-top-filter {
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}

#search-top input[type="search"] {
    background-color: #fff;
    border: 0 none;
    width: 184px;
    height: 20px;
    padding: 2px 28px 2px 6px;
}

#search-top.expanded input[type="search"],
#search-top input[type="search"]:focus {
    width: 266px;
}

#search-top button {
    background: transparent url("../img/images.png") -99px 0px no-repeat;
    position: absolute;
    top: 4px;
    right: 6px;
    width: 17px;
    height: 18px;
    border: 0 none;
}

#search-top-filter {
    background-color: #1b1b1b;
    position: absolute;
    top: 31px;
    right: -19px;
    color: #fff;
    width: 330px;
    height: 0;
    padding: 7px 20px 0;
    z-index: 100;
    opacity: 0;
    visibility: hidden;
}

#search-top.expanded #search-top-filter {
    opacity: 1;
    height: auto;
    visibility: visible;
}

#search-top-filter .section {
    border-top: 1px solid #fff;
    padding: 12px 0;
}

#search-top-filter input,
#search-top-filter select,
#search-top-filter label {
    float: left;
}

#search-top-filter input {
    margin-top: 5px;
}

#search-top-filter label {
    width: 90px;
    height: 22px;
    line-height: 22px;
    margin-left: 6px;
}

#search-top-filter label.mindenhol {
    width: 140px;
}

/* ==========================================================================
   Sidebar styles
   ========================================================================== */

#sidebar {
    float: right;
    width: 280px;
}

#sidebar .advert-300 {
    margin-left: -20px;
}

#sidebar .fb-like-box {
    margin: 10px 0 0 -15px;
}

/* ==========================================================================
   Main styles
   ========================================================================== */

.article-block {
    position: relative;
    width: 339px;
    height: 142px;
}

.article-block .article-title {
    position: relative;
    color: #000;
    height: 100%;
    padding: 0 30px 0 0;
    /*display: inline-block;*/
    display: block;
    zoom: 1;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}

.article-block .article-title:hover {
    background-color: #1b1b1b;
    text-decoration: none;
    color: #fff;
}

.article-block .article-title h4,
.article-block .article-title h5 {
    font-size: 18px;
    font-weight: bold;
    line-height: 20px;
    padding: 8px 0 0 10px;
}

.article-block .article-title img {
    float: left;
}

.article-block .article-title h4,
.article-block .article-title h5,
.article-block .article-title > span {
    padding-left: 10px;
    margin-bottom: 6px;
    display: block;
}

.article-block.article-block-img .article-title h4,
.article-block.article-block-img .article-title h5,
.article-block.article-block-img .article-title > span {
    float: left;
}

.article-block .more,
.article-block .comments {
    font-family: Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;
    font-size: 10px;
    font-style: italic;
    color: #000;
    height: 36px;
    line-height: 36px;
    display: block;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}

.article-block .more {
    float: left;
    width: 72px;
    padding-left: 38px;
}

.article-block .comments {
    float: right;
    color: #777;
    padding: 0 13px;
}

.article-block .comments:hover,
.article-block .more:hover {
    background-color: #1b1b1b;
    text-decoration: none;
    color: #fff;
}

.article-block .more:after {
    left: 22px;
    margin-top: -5px;
}

.article-block .comments:after {
    left: 22px;
    margin-top: -5px;
}

#article-main .article-block {
    height: auto;
    margin-bottom: 1px;
}

#article-main {
    margin-bottom: 12px;
}

#article-main .article-block {
    position: relative;
    float: left;
}

#article-main .article-block .article-title h4,
#article-main .article-block .article-title h5 {
    margin-bottom: 3px;
}

#article-main .article-block .article-title > span {
    padding-top: 3px;
}

#article-featured {
    width: 680px;
    height: 300px;
    margin-bottom: 1px;
}

#article-featured .article-title {
    position: relative;
    width: 680px;
    height: 300px;
    padding: 0;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}

#article-featured .article-title:hover {
    background-color: transparent;
    opacity: .8;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
}

#article-featured .article-title .wrap {
    position: absolute;
    /*bottom: 60px;
    left: 30px;*/
    bottom: 0;
    left: 0;
}

#article-featured .article-title:hover:after {
    display: none;
}

#article-featured .article-title .wrap h3 {
    background-color: #fff;
    font-size: 18px;
    font-weight: bold;
    line-height: 20px;
    color: #000;
    width: 340px;
    padding: 7px 12px 7px 4px;
    display: block;
}

#article-featured .article-title .wrap > span {
    background-color: #1b1b1b;
    font-size: 13px;
    line-height: 15px;
    color: #fff;
    width: 500px;
    padding: 10px 10px 10px 4px;
    display: block;
}

/* ==========================================================================
   Main styles - slide 1
   ========================================================================== */

#article-main.article-main-slide1 .article-block2 {
    width: 339px;
    margin-right: 1px;
}

#article-main.article-main-slide1 .article-block2.article-block-img h4,
#article-main.article-main-slide1 .article-block2.article-block-img span {
    width: 202px;
}

#article-main.article-main-slide1 .article-block3 {
    float: right;
    width: 268px;
}

#article-main.article-main-slide1 .article-block3.no-img {
    height: 122px;
}

#article-main.article-main-slide1 .article-block3.article-block-img h4,
#article-main.article-main-slide1 .article-block3.article-block-img span {
    width: 105px;
}

#article-main.article-main-slide1 .article-block3.article-block-img {
    height: 179px;
}

#article-main.article-main-slide1-ad .article-list,
#article-main.article-main-slide1-ad .article-extra1 {
    width: 444px;
}

#article-main.article-main-slide1-ad .article-list a {
    width: 171px
}

#article-main.article-main-slide1-ad .advert-block {
    background-color: #f1f1f1;
    width: 506px;
    height: 206px;
}

#article-main.article-main-slide1-ad .advert {
    border: 0 none;
    padding: 0;
    margin: 10px auto 0;
}

#article-main.article-main-slide1 .block-2,
#article-main.article-main-slide1 .block-3 {
    height: 142px;
}

#article-main.article-main-slide1 .block-4 a,
#article-main.article-main-slide1 .block-5 a {
    height: 86px;
    line-height: 86px;
}

#article-main.article-main-slide1 .block-6 a {
    height: 179px;
    line-height: 179px;
}

#article-main.article-main-slide1 .block-6.no-img a {
    height: 122px;
    line-height: 122px;
}

#article-main.article-main-slide1 .block-7 {
    height: 88px;
}

#article-main.article-main-slide1 .block-7 a {
    height: 85px;
    line-height: 85px;
}

#article-main.article-main-slide1 .block-7.no-img {
    height: 144px;
    line-height: 20px;
}

#article-main.article-main-slide1 .block-7.no-img a {
    height: 141px;
    line-height: 20px;
}

#article-main.article-main-slide1 .block-7.no-img a span {
    line-height: 16px;
}

#article-main.article-main-slide1 .block-2 a h4,
#article-main.article-main-slide1 .block-3 a h4,
#article-main.article-main-slide1 .block-4 a h4,
#article-main.article-main-slide1 .block-5 a h4,
#article-main.article-main-slide1 .block-6 a h4,
#article-main.article-main-slide1 .block-6.no-img a h4,
#article-main.article-main-slide1 .block-7 a h4 {
    display: inline-block;
    vertical-align: middle;
    line-height: 20px;
    float: none;
}

/* ==========================================================================
   Main styles - slide 2
   ========================================================================== */

#article-main .article-list,
#article-main .article-extra1 {
    width: 560px;
    height: 220px;
}

#article-main .article-list a {
    width: 229px;
}

#article-main .article-list a:nth-child(2n) {
    border-right: 0 none;
}

#article-main .article-list h5 {
    font-size: 14px;
}

#article-main .article-extra1 {
    float: right;
    width: 380px;
    height: 216px;
}

#article-main .article-extra1 .article-title h5,
#article-main .article-extra1 .article-title > span {
    width: 190px;
    display: block;
}

#article-main .article-extra1.no-img .article-title h5,
#article-main .article-extra1.no-img .article-title > span {
    width: 340px;
}

#news-main .news-block {
    float: left;
    width: 310px;
    margin-right: 10px;
}

#news-main .link-blocks a {
    width: 298px;
    height: 46px;
    line-height: 46px;
    border-right: 0 none;
}

#news-main .link-blocks a.more {
    width: 100%;
    height: auto;
    line-height: normal;
}

#news-main .fb-like-box {
    float: right;
    width: 305px !important;
    margin: 10px 0 0 5px;
    display: inline-block;
}

#news-main.pr {
    margin-bottom: -18px;
}

/* ==========================================================================
   Categories columns styles
   ========================================================================== */

.cat-column {
    margin-top: 10px;
}

.cat-column > header {
    position: relative;
    margin-bottom: 5px;
}

.cat-column > header > * {
    font-size: 30px;
}

.cat-column > header .sponsor {
    position: absolute;
    bottom: 5px;
    right: 0;
}

.cat-column .article-block {
    position: relative;
    width: auto;
    height: auto;
}

.cat-column .article-block .article-title {
    display: block;
    overflow: hidden;
    padding: 0 0 14px 0;
}

.cat-column .article-block .article-title img {
    float: none;
}

.cat-column .article-block .article-title > h4,
.cat-column .article-block .article-title > h5 {
    display: block;
    padding: 8px 25px 4px 18px;
}

.cat-column .article-block .article-title > span {
    font-size: 13px;
    line-height: 15px;
    padding: 0 25px 4px 18px;
}

.cat-column .link-blocks a:last-child {
    border: 0 none;
}

.cat-column .advert {
    margin-top: 0;
}

/* ==========================================================================
   Categories columns styles - variation 1
   ========================================================================== */

.cat-column.var-1 > .pull-left {
    width: 670px;
}

.cat-column.var-1 > .pull-right {
    width: 270px;
}

.cat-column.var-1 > .pull-right {
    width: 270px;
}

.cat-column.var-1 .article-block-1 {
    height: 403px;
}

.cat-column.var-1 .article-block-1 h4 {
    font-size: 20px;
}

.cat-column.var-1 .article-block-1 .article-title > span {
    font-size: 14px;
}

.cat-column.var-1 .article-block-2 {
    margin-bottom: 18px;
}

.cat-column.var-1 .article-block-2 .article-title {
    height: 231px;
}

.cat-column.var-1 .article-block-3 .article-title {
    height: 101px;
}

/* ==========================================================================
   Categories columns styles - variation 2
   ========================================================================== */

.cat-column.var-2 > .pull-left,
.cat-column.var-2 > .pull-right {
    width: 310px;
}

.cat-column.var-2 > .pull-left {
    margin-right: 10px;
}

.cat-column.var-2 > .pull-left .article-title {
    height: 313px;
}

.cat-column.var-2 > .pull-right .article-title {
    /*height: 120px;*/
}

/*
.cat-column.var-2 > .pull-right .article-block-3 {
    margin-bottom: 20px;
}
*/

/* ==========================================================================
   Categories columns styles - variation 3
   ========================================================================== */

.cat-column.var-3 > .pull-left,
.cat-column.var-3 > .pull-right {
    width: 230px;
}

.cat-column.var-3 > .pull-left {
    margin-right: 10px;
}

.cat-column.var-3 .article-block .article-title > h4,
.cat-column.var-3 .article-block .article-title > h5 {
    line-height: 20px;
}

.cat-column.var-3 .article-block .article-title {
    height: 310px;
}

/* ==========================================================================
   Categories columns styles - variation 4
   ========================================================================== */

.cat-column.var-4 .article-block-1 {
    width: 420px;
    margin-right: 10px;
}

.cat-column.var-4 .article-block-1 .article-title {
    height: 342px;
    padding: 0;
}

.cat-column.var-4 .article-block-1 img {
    float: left;
}

.cat-column.var-4 .article-block-1 h4,
.cat-column.var-4 .article-block-1 span {
    float: left;
    width: 135px;
    display: block;
}

.cat-column.var-4 .article-block-2 {
    width: 230px;
    margin-right: 10px;
}

.cat-column.var-4 .article-block-2 .article-title {
    height: 328px;
}

.cat-column.var-4 > .pull-right {
    width: 275px;
}

/* ==========================================================================
   Categories columns styles - variation 5
   ========================================================================== */

.cat-column.var-5 > .pull-left,
.cat-column.var-5 > .pull-right {
    width: 310px;
}

.cat-column.var-5 > .pull-left {
    margin-right: 10px;
}

.cat-column.var-5 > .pull-left .article-block-1 .article-title {
    height: 313px;
}

.cat-column.var-5 > .pull-right .article-title {
    height: 120px;
}

.cat-column.var-5 > .pull-right .article-block-2 {
    margin-bottom: 20px;
}

.cat-column.var-5 .article-block-1 h4 {
    font-size: 20px;
}

.cat-column.var-5 .article-block-1 .article-title > span {
    font-size: 14px;
}

/* ==========================================================================
   Categories columns styles - variation 6
   ========================================================================== */

.cat-column.var-6 > .pull-left {
    width: 270px;
}

.cat-column.var-6 > .pull-right {
    width: 670px;
}

.cat-column.var-6 .article-block-1 .article-title {
    height: 370px;
}

.cat-column.var-6 .article-block-1 h4 {
    font-size: 20px;
}

.cat-column.var-6 .article-block-1 .article-title > span {
    font-size: 14px;
}

/* ==========================================================================
   Categories columns styles - variation 7
   ========================================================================== */

.cat-column.var-7 > .advert-468 {
    width: 468px;
    margin: 0;
}

.cat-column.var-7 > .pull-left,
.cat-column.var-7 > .pull-right {
    width: 470px;
}

.cat-column.var-7 > .pull-right > .pull-left,
.cat-column.var-7 > .pull-right > .pull-right {
    width: 230px;
}

.cat-column.var-7 .article-block-1,
.cat-column.var-7 .article-block-2 {
    width: 230px;
    margin-top: 18px;
}

.cat-column.var-7 .article-block-1 {
    margin-right: 10px;
}

.cat-column.var-7 > .pull-left .article-title {
    height: 310px;
}

.cat-column.var-7 > .pull-right .article-block-3 .article-title {
    height: 310px;
}

.cat-column.var-7 > .pull-right .article-block-4 .article-title {
    height: 171px;
}

/* ==========================================================================
   Categories columns styles - variation 8
   ========================================================================== */

.cat-column.var-8 > .pull-left,
.cat-column.var-8 > .pull-right {
    width: 310px;
}

.cat-column.var-8 > .pull-left {
    margin-right: 10px;
}

.cat-column.var-8 .article-block-1,
.cat-column.var-8 > .pull-right .links {
    margin-bottom: 16px;
}

.cat-column.var-8 .article-block-1 .article-title,
.cat-column.var-8 .article-block-2 .article-title {
    height: 250px;
}

.cat-column.var-8 .article-block-3 .article-title {
    height: 144px;
}

/* ==========================================================================
   Categories columns styles - variation 9
   ========================================================================== */

.cat-column.var-9 > .pull-left {
    width: 350px;
}

.cat-column.var-9 > .pull-right {
    width: 300px;
}

.cat-column.var-9 > .links {
    width: 270px;
    margin-right: 10px;
}

.cat-column.var-9 .article-block-1 {
    margin-bottom: 12px;
}

.cat-column.var-9 .article-block-1 .article-title {
    height: 300px;
    padding: 0;
}

.cat-column.var-9 .article-block-2 .article-title {
    height: 218px;
    padding: 0;
}

.cat-column.var-9 .article-block-2 img {
    float: left;
}

.cat-column.var-9 .article-block-2 h4,
.cat-column.var-9 .article-block-2 span {
    float: left;
    width: 160px;
    display: block;
}

/* ==========================================================================
   Categories columns styles - variation 10
   ========================================================================== */

.cat-column.var-10 > .pull-left,
.cat-column.var-10 > .pull-right {
    width: 310px;
}

.cat-column.var-10 > .pull-left {
    margin-right: 10px;
}

.cat-column.var-10 .article-block-1 {
    margin-bottom: 12px;
}

.cat-column.var-10 .article-block-1 .article-title,
.cat-column.var-10 .article-block-2 .article-title {
    height: 260px;
}

.cat-column.var-10 .article-block-3 {
    margin-top: 30px;
}

.cat-column.var-10 .article-block-3 .article-title {
    height: 299px;
}

.cat-column.var-10 .article-block-4 .article-title {
    height: 160px;
}

.cat-column.var-10 > .pull-right .links {
    margin-bottom: 16px;
}

/* ==========================================================================
   Categories columns styles - variation 11
   ========================================================================== */

.cat-column.var-11 > .pull-left,
.cat-column.var-11 > .pull-right {
    width: 310px;
}

.cat-column.var-11 > .pull-left {
    margin-right: 10px;
}

.cat-column.var-11 .article-block-1 {
    margin-top: 30px;
}

.cat-column.var-11 .article-block-1 .article-title {
    height: 51px;
}

.cat-column.var-11 .article-block-2 .article-title {
    height: 235px;
}

.cat-column.var-11 .article-block-3 .article-title {
    height: 53px;
}

.cat-column.var-11 .article-block-4 .article-title,
.cat-column.var-11 .article-block-5 .article-title {
    height: 135px;
}

.cat-column.var-11 .article-block-4 {
    margin-bottom: 16px;
}

/* ==========================================================================
   Categories columns styles - variation 12
   ========================================================================== */

.cat-column.var-12 > .pull-left {
    width: 230px;
    margin-right: 10px;
}

.cat-column.var-12 > .pull-right {
    width: 470px;
}

.cat-column.var-12 > .pull-right .article-block {
    width: 230px;
}

.cat-column.var-12 .article-block-1 .article-title {
    height: 360px;
}

.cat-column.var-12 .article-block-2 .article-title,
.cat-column.var-12 .article-block-3 .article-title {
    height: 156px;
}

/* ==========================================================================
   Article styles
   ========================================================================== */

#article,
#related-articles,
#forum-posts {
    width: 640px;
    float: left;
}

#article-header h3 {
    padding: 0;
}

#article-header h3 a:hover {
    text-decoration: none
}

#article-header,
#related-articles,
#forum-posts {
    padding: 12px 8px 8px;
    margin-bottom: 16px;
}

#related-articles,
#forum-posts {
    width: 624px;
}

#article-info {
    font-size: 10px;
    line-height: 12px;
    text-align: right;
    color: #777;
    float: right;
    margin: 3px 0 0 16px;
}

#article-info time {
    font-family: Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;
    font-style: italic;
}

#article-info p {
    padding: 0;
    margin: 0;
}

#article-lead-img {
    margin-bottom: 20px
}

#article-body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 20px;
    text-align: justify;
    padding: 0 20px;
    margin-bottom: 20px;
}

#article-body img[src^='/kep'],
#article-body img[src^='http://sg.hu'],
#article-body img[src^='http://www.sg.hu']
#article-body img[src^='https://sg.hu'],
#article-body img[src^='https://www.sg.hu'] {
    max-width: 600px;
    height: auto;
}

#article-body img[border='1'] {
    border: 1px solid #000;
}

#article-body img[align='left'] {
    margin-right: 8px;
}

#article-body img[align='right'] {
    margin-left: 8px;
}

#article-body table[align='left'],
#article-body table[align='right'] {
    margin: 0 8px;
}

#article-body li {
    padding-left: 10px;
    margin-left: 25px;
}

#article-body .advert-640 {
    margin-left: -20px
}

#article-body .poll {
    width: 530px;
    background-color: #EEE;
    border: 1px solid #E3E3EE;
    margin: 0 0 20px 20px;
    padding: 15px;
}

#article-body .poll .poll-header {
    font-size: 12pt;
    line-height: 17px;
}

#article-body .poll .poll-header small {
    margin-left: 15px;
}

#article-body .poll ul {
    list-style: none;
    line-height: 25px;
    padding-left: 25px;
}

#article-body .poll ul div {
    display: inline-block;
}

#article-body .poll ul div.num {
    position: relative;
    top: -12px;
}

#article-body .poll ul div.bar {
    height: 12px;
    background-color: #1eb8e4;
    border: 1px solid #1ec7f5;
    margin-bottom: 10px;
}

#article-body .poll button {
    background-color: #1eb8e4;
    border: 0 none;
    font-size: 20px;
    text-transform: uppercase;
    color: #fff;
    padding: 8px 22px;
    margin-left: 415px;
}

#article-social-plugins > .item {
    float: right;
    margin-left: 10px;
}

#related-links a {
    width: 203px;
}

/* ==========================================================================
   Forum styles
   ========================================================================== */

#sidebar-forum {
    float: left;
    width: 280px;
}

#forum-wrap {
    float: right;
    width: 640px;
}

#forum-wrap #forum-fb-likebox {
    /*margin-bottom: 15px;*/
    height: 169px;
    width: 500px;
}

#forum-wrap #max-unique {
    display: none;
}

#forum-wrap.topic-listing {
    float: none;
    width: auto;
}

#birthday-wrap {
    margin: 6px 0;
    padding: 12px;
    overflow: auto;
}

#sidebar-sg-statistic ul,
#sidebar-sg-statistic li {
    padding: 0;
    margin: 0;
    list-style: none;
    line-height: 22px;
}

#sidebar-sg-statistic ul {
    margin: 16px 6px 16px 12px;
}

#sidebar-sg-new-users ol {
    margin: 10px 0;
}

#sidebar-sg-new-users ol li {
    line-height: 19px;
}

#newMessage {
    cursor: pointer;
    color: #ff6600;
}

#jump-last-read,
#newMessage,
#forum-new-topic-link,
#forum-new-messages {
    background-color: #F1F1F1;
    border: 1px solid #d0d0d0;
    font-size: 11pt;
    text-align: center;
    padding: 16px;
    margin: 12px 0;
    display: block;
    z-index: 0;
    text-decoration: none;

    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
}

#jump-last-read:hover,
#newMessage:hover,
#forum-new-topic-link:hover,
#forum-new-messages:hover {
    background-color: #eaeaea;
    font-size: 12pt;
}

#forum-wrap .forums-block,
#forum-wrap .forum-topics-block,
#forum-wrap .articles-block {
    margin-top: 35px;
}

#forum-wrap .forums-block > header,
#forum-wrap .forum-topics-block header,
#forum-wrap .articles-block header {
    padding: 0 25px 12px 10px;
}

#forum-wrap .forum-topics-block header,
#forum-wrap .articles-block header {
    font-size: 18px;
    color: #1eb8e4;
}

#forum-wrap .forums-block .col1,
#forum-wrap .forums-block .col2,
#forum-wrap .forums-block .col3,
#forum-wrap .forums-block .col4 {
    font-size: 13px;
    color: #222;
    display: inline-block;
}

#forum-wrap .forums-block .col1 {
    color: #000;
    width: 395px;
    padding-right: 5px;
}

#forum-wrap .forums-block .col2 {
    width: 105px;
    padding: 0 5px;
}

#forum-wrap .forums-block .col3 {
    text-align: right;
    width: 75px;
    padding-left: 5px;
}

#forum-wrap .forums-block .col4 {
    text-align: right;
    width: 75px;
    padding-left: 5px;
}

#forum-wrap .forums-block > header .col1 {
    font-size: 18px;
    color: #1eb8e4;
}

#forum-wrap .forums-block > .forums-list .col1,
#forum-wrap .forums-block > .forums-list .col2,
#forum-wrap .forums-block > .forums-list .col3,
#forum-wrap .forums-block > .forums-list .col4 {
    height: 34px;
    line-height: 34px;
}

#forum-wrap .forums-block > .forums-list .col1 {
    padding-left: 10px;
}

#forum-wrap .forums-list > li {
    -webkit-transition: all .1s ease;
    -moz-transition: all .1s ease;
    -ms-transition: all .1s ease;
    -o-transition: all .1s ease;
    transition: all .1s ease;
}

#forum-wrap .forums-list > li:hover {
    background-color: #000;
}

#forum-wrap .forums-list > li:hover .col1,
#forum-wrap .forums-list > li:hover .col2,
#forum-wrap .forums-list > li:hover .col3,
#forum-wrap .forums-list > li:hover .col4 {
    color: #fff;
}

#forum-wrap .forum-topics-block > section {
    width: 305px;
}

#forum-wrap .forum-topics-block li a {
    border-right: 0 none;
    overflow: hidden;
}

#forum-wrap .forum-topics-block > .pull-right ul {
    margin-left: 25px;
}

#forum-wrap .forum-topics-block > .pull-right li {
    list-style: decimal;
    color: #222;
}

#forum-wrap .forum-topics-block > .pull-right li a {
    color: #010101;
    border-left-width: 1px;
    overflow: visible;
}

#forum-wrap .forum-topics-block > .pull-right li a:hover {
    color: #fff;
}

#forum-wrap .articles-block header {
    margin-bottom: 16px;
}

#forum-wrap .articles-block .article-block {
    width: 310px;
    height: 270px;
}

#forum-wrap .articles-block .article-block .article-title {
    padding: 0;
}

#forum-wrap .articles-block .article-block .article-title img {
    float: none;
}

#forum-wrap .articles-block .link-blocks {
    width: 310px;
}

#form-post,
#forum-posts-list,
#forum-not-logged,
#forum-no-posts {
    margin: 16px 10px;
}

#forum-not-logged {
    background-color: #f1f1f1;
    border: 1px solid #fbc8b4;
    text-align: center;
    padding: 16px;
}

#form-post textarea,
#messages-block textarea {
    background-color: #f1f1f1;
    border: 1px solid #777;
    font-size: 14px;
    line-height: 18px;
    width: 566px;
    height: 52px;
    min-height: 52px;
    padding: 10px 18px;
    margin-bottom: 16px;
    resize: vertical;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}

#form-post.full textarea {
    width: 892px;
    margin-bottom: 12px;
}

#form-post textarea.notEmpty,
#form-post textarea.fix,
#form-post textarea:focus {
    height: 100px;
    outline: none;
}

#comments-login {
    float: left;
    color: #555;
}

#comments-login span {
    font-family: Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;
    font-weight: bold;
    font-style: italic;
}

#post-submit {
    background-color: #b9e860;
    border: 0 none;
    font-size: 19px;
    text-transform: uppercase;
    color: #fff;
    float: right;
    padding: 10px 17px;
    opacity: 1;
    text-shadow: 0 0 7px rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}

#post-submit:hover {
    opacity: .75;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
}

#forum-closed {
    width: 65%;
    margin: 20px auto;
    text-align: center;
    font-size: 14px;
    border: 1px solid #ccc;
    background-color: #eee;
    padding: 15px;
}

#forum-no-posts {
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}

#forum-posts-list ul,
#forum-posts-list li {
    padding: 0;
    margin: 0;
    list-style: none;
}

#forum-posts-list li {
    margin-bottom: 10px;
    background-color: rgba(255, 255, 255, .85);
    font-weight: normal;
}

#forum-posts-list li:nth-child(2n) {
    background-color: rgba(245, 245, 245, .85);
}

#forum-posts-list li.priority .body,
#forum-posts-list li.priority .footer {
    background-color: rgba(185, 230, 95, .3);
}

#forum-posts-list ul.post-answer {
    padding: 0 0 0 4%;
    background-color: #ffffff;
    /*border-top: 1px dashed #1fb8e5;*/
    border-left: 1px dashed #1fb8e5;
    margin-top: 10px;
}

#forum-posts-list ul.post-answer li {
    background: #fff !important;
}

#forum-posts-list ul.post-answer.bordered {
    margin: 10px;
    padding: 5px;
    border: 1px solid #cfcfcf;
}

/**
 *  I know it's the shittiest shit you've ever seen.
 *  It's the making of Jim Morrison and passatgt, I have nothing to do with it.
 *  Promise.
 *  Pinky promise.
 *  Sorry about this, future developer.
 *  Who is me.
 *  So I'm talking to myself.
 *  Yep, this is what SG does to you.
 */
#forum-posts-list li.post ul.post-answer ul.post-answer ul.post-answer ul.post-answer ul.post-answer {
    padding-left: 1%;
}

#forum-posts-list .avatar-height-20 .header .separator {
    margin-top: 4px
}

#forum-posts-list .avatar-height-25 .header {
    line-height: 25px
}

#forum-posts-list .avatar-image img {
    display: block
}

#forum-posts-list .avatar-link,
#forum-posts-list .avatar-text {
    padding-left: 4px;
    margin-left: 2px;
}

#forum-posts-list .avatar-link:before,
#forum-posts-list .avatar-text:before {
    position: relative;
    margin-right: 4px;
    display: inline-block;
    content: '\00a9';
}

#forum-posts-list .header .separator {
    border-right: 1px solid #828282;
    height: 12px;
    width: 0;
    display: inline-block;
    margin: 6px 6px 0;
}

#forum-posts-list .header .icon {
    margin: 4px -6px 0 5px;
}

#forum-posts-list .vip-header .icon {
    margin: 6px -6px 0 5px;
}

#forum-posts-list .post-answer .header .icon {
    margin: 4px -2px 0 5px;
}

#forum-posts-list .post-answer .vip-header .icon {
    margin: 6px -2px 0 5px;
}

#forum-posts-list .header .crown {
    width: 13px;
    height: 13px;
    background: transparent url("../img/images.png") -310px 0 no-repeat;
}

#forum-posts-list .header .star {
    width: 13px;
    height: 13px;
    background: transparent url("../img/images.png") -323px 0 no-repeat;
}

.icon.bdead {
    width: 15px;
    height: 16px;
    background: transparent url("../img/images.png") -336px 0 no-repeat;
}

.icon.downhand {
    width: 15px;
    height: 15px;
    background: transparent url("../img/images.png") -351px 0 no-repeat;
}

.icon.alert {
    width: 12px;
    margin-top: 0;
    height: 14px;
    background: transparent url("../img/images.png") -367px 0;
}

#forum-posts-list .header.vip-head-bg-26 .separator {
    border-right: 1px solid #adadad;
}

#forum-posts-list .header .forum-topic-reply {
    font-style: italic;
}

#forum-posts-list .header,
#forum-posts-list .post-answer .header {
    height: 20px;
    line-height: 20px;
    font-size: 13px;
    background-color: #1eb8e4;
    color: #fff;
    padding-right: 5px;
}

#forum-posts-list.article .header,
#forum-posts-list.article .post-answer .header {
    background-color: transparent;
    color: #777;
}

#forum-posts-list .vip-header,
#forum-posts-list .post-answer .vip-header {
    line-height: 25px;
    height: 25px;
}

#forum-posts-list .header .forum-post-rate {
    margin-top: 6px;
}

#forum-posts-list .header .forum-post-rate.rated {
    margin-top: 4px;
}

#forum-posts-list .vip-header .forum-post-rate {
    margin-top: 9px;
}

#forum-posts-list .vip-header .forum-post-rate.rated {
    margin-top: 8px;
}

#forum-posts-list .forum-post-rate .up,
#forum-posts-list .forum-post-rate .down {
    background-image: url('../img/images.png');
    float: left;
    width: 13px;
    height: 9px;
    display: block;
    margin-right: 1px;
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);

    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}

#forum-posts-list .forum-post-rate .up:hover,
#forum-posts-list .forum-post-rate .down:hover {
    -moz-transform: scale(1.3);
    -webkit-transform: scale(1.3);
    -o-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
}

#forum-posts-list .forum-post-rate .up {
    background-position: -272px 0
}

#forum-posts-list .forum-post-rate .down {
    background-position: -285px 0
}

#forum-posts-list .forum-post-rate.rated {
    background: url('../img/images.png') -298px 0 no-repeat;
    width: 12px;
    height: 11px;
    display: block;
}

#forum-posts-list .forum-post-rate.rated > * {
    display: none;
}

#forum-posts-list .body {
    font-size: 13px;
    line-height: 16px;
    padding: 10px;
    color: #000;

    -ms-word-break: break-word;
    word-break: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}

#forum-posts-list .body img {
    max-width: 100%;
    height: auto;
}

#forum-posts-list .body .edited {
    font-size: 10px;
    color: #666;
    margin-top: 10px;
    display: block;
}

#forum-posts-list .footer {
    font-size: 10px;
    padding: 4px;
    color: #000;
}

#forum-posts-list .footer .reply {
    padding-left: 16px;
}

#forum-posts-list a[name="last-read"] {
    position: relative;
    border-top: 1px solid red;
    width: 100%;
    height: 1px;
    margin: 20px auto;
    display: block;

    animation: opacityPulse ease 1s infinite;
    -webkit-animation: opacityPulse ease 1s infinite;
    -moz-animation: opacityPulse ease 1s infinite;
    -o-animation: opacityPulse ease 1s infinite;
    -ms-animation: opacityPulse ease 1s infinite;
}

#forum-posts-list a[name="last-read"]:after {
    background-color: #fff;
    position: absolute;
    top: -10px;
    left: 50%;
    text-align: center;
    width: 160px;
    margin-left: -80px;
    content: attr(title);
    display: block;

    animation: none;
    -webkit-animation: none;
    -moz-animation: none;
    -o-animation: none;
    -ms-animation: none;
}

#forum-posts-list div#last-read-after {
    display: none;
}

#forum-codes {
    margin-bottom: 12px;
}

#forum-codes button.smallButton {
    font-size: 10px;
    font-weight: normal;
    min-width: 85px;
    margin: 2px 0;
    float: inherit;
}

#forum-codes-emoticons {
    position: absolute;
    width: 455px;
    height: 320px;
    padding: 15px;
    margin-top: -4px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 1px 1px 3px #999;
    background-color: #fff;
    opacity: 0;
    z-index: 1;
}

#forum-codes-emoticons img {
    margin: 7px;
    cursor: pointer;
}

#new-topic #form-post {
    margin: 0;
}

#new-topic #form-post textarea {
    width: 402px;
}

/* ==========================================================================
   Forum Topic Listing styles
   ========================================================================== */
#forum-wrap.topic-listing .forums-block .col1 {
    width: 485px;
}

#forum-wrap.topic-listing .forums-block .col2,
#forum-wrap.topic-listing .forums-block .col3,
#forum-wrap.topic-listing .forums-block .col4 {
    width: 130px;
    text-align: right;
}

#topic-panel > a.icons {
    width: 16px;
    height: 16px;
    margin: 0 3px;
    display: inline-block;
}

#topic-panel > a.order-asc {
    background: transparent url("../img/images.png") -395px 0 no-repeat
}

#topic-panel > a.order-desc {
    background: transparent url("../img/images.png") -411px 0 no-repeat
}

#topic-panel > a.favorite {
    background: transparent url("../img/images.png") -459px 0 no-repeat
}

#topic-panel > a.rss {
    background: transparent url("../img/images.png") -427px 0 no-repeat
}

#topic-panel > .owner {
    height: 16px;
    line-height: 16px;
    margin-right: 3px;
    display: inline-block;
    vertical-align: top;
}

#topic-panel > .owner a {
    font-weight: bold
}

#topic-panel button {
    font-size: 9pt;
    padding: 3px 7px;
    margin: -10px 0 0 0;
    text-transform: uppercase;
}

#topic-information {
    border-left: 1px solid #f1f1f1;
    border-right: 1px solid #f1f1f1;
    border-bottom: 1px solid #f1f1f1;
    text-align: center;
    padding: 10px;
}

/* ==========================================================================
   Chat styles
   ========================================================================== */
#forum-chat {
    width: 630px;
    height: 220px;
    margin: 16px 0 65px 10px;

    z-index: 0;
}

#forum-chat #forum-chat-error {
    width: 640px;
    height: 218px;
    padding-top: 60px;
    background-color: rgba(10, 10, 10, .8);

    position: relative;
    top: -268px;
    left: -10px;

    z-index: 1;

    text-align: center;
    font-size: 30px;
    line-height: 40px;
    color: #fff;
}

#forum-chat > .main-window {
    width: 81%;
    height: 100%;
    display: block;
}

#forum-chat > .online-wrap {
    position: relative;
    width: 18%;
    height: 100%;
}

#forum-chat > .online-wrap > .online-list {
    height: 190px;
    padding-bottom: 5px;
    display: block;
}

#forum-chat > .online-wrap > header {
    font-size: 12px;
    color: #000;
    height: 18px;
    margin-bottom: 5px;
}

#forum-chat .frame {
    width: 100%;
    height: 100%;
    overflow: auto;
}

#forum-chat ul {
    padding: 3px 6px;
}

#forum-chat li {
    font-size: 12px;
    line-height: 19px;
    word-wrap: break-word;
}

#forum-chat .main-window li:nth-child(odd) {
    background-color: #f4f4f4;
}

#forum-chat .main-window li time {
    font-size: 10px;
    margin-right: 1px;
}

#forum-chat .main-window li .sender {
    font-weight: bold;
}

#forum-chat > .online-wrap ul {
    padding: 0;
}

#forum-chat > .online-wrap li {
    position: relative;
    padding-left: 6px;
    line-height: 17px;
}

#forum-chat > .online-wrap li:before {
    position: absolute;
    left: 0;
    content: "\00b7";
    display: block;
}

#forum-chat > #forum-chat-input {
    margin: 3px 5px 0 3px;
    padding: 5px 8px;
    border: 1px solid #bbb;
    width: 490px;
}

#forum-chat > #forum-chat-send-message {
    font-size: 14px;
    padding-top: 3px;
    width: 100px;
    height: 28px;
    display: inline-block;
    margin-top: -2px;
}

#forum-chat .main-window a {
    color: #1eb8e4;
}

/* ==========================================================================
   User styles
   ========================================================================== */
#user-public-profile .opened-topic {
    display: block;
}

.rate-line .line-wrap {
    width: 200px;
    height: 8px;
    margin-top: 4px;
}

.rate-line .line-wrap .line-up,
.rate-line .line-wrap .line-down {
    float: left;
    height: 100%;
    display: inline-block;
}

.rate-line .line-wrap .line-up {
    background-color: green;
    -webkit-border-radius: 5px 0 0 5px;
    -moz-border-radius: 5px 0 0 5px;
    border-radius: 5px 0 0 5px;
}

.rate-line .line-wrap .line-down {
    background-color: red;
    -webkit-border-radius: 0 5px 5px 0;
    -moz-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0;
}

.rate-line .max,
.rate-line .counts {
    margin-left: 5px;
}

.rate-line .max,
.rate-line .counts .up {
    color: green
}

.rate-line .counts .down {
    color: red
}

#user-login-form > .alert,
#user-registration-form > .alert,
#user-activation-form > .alert,
#user-profile-edit > .alert,
#user-registration-success {
    margin: 16px;
}

#user-registration-form label > em {
    font-size: 10px;
}

#sidebar-user-favorites #favorites-open-close-button {
    cursor: pointer;
}

#sidebar-user-favorites #favorites-open-close-button #icon {
    display: inline-block;
    text-align: center;
    width: 10px;
}

#sidebar-user-favorites nav > .category {
    border-bottom: 1px dotted #bbb;
    font-size: 15px;
    font-weight: bold;
    padding: 1px 0 0 15px;
}

#sidebar-user-favorites a {
    height: 30px;
    line-height: 30px;
}

#sidebar-user-favorites a em {
    display: block;
    font-size: 12px;
}

#sidebar-user-favorites a .new {
    color: #ff0000;
    font-size: 10px;
}

#sidebar-user .user-hello {
    font-weight: bold;
    text-align: center;
    padding: 5px 10px;
    color: #1eb8e4;
}

#sidebar-user .alert {
    margin: 5px 0;
}

/* ==========================================================================
   User other styles
   ========================================================================== */
#user-vip-head-bgs > .block {
    border: 0 none;
    position: relative;
    float: left;
    width: 105px;
    height: 20px;
    margin: 2px;
    display: block;
    opacity: .5;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);

    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}

#user-vip-head-bgs > .block:hover,
#user-vip-head-bgs > .block.selected {
    opacity: 1;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}

#user-vip-head-bgs > .block.selected:after {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -8px;
    margin-left: -3px;
    font-size: 20px;
    color: #fff;
    content: "\00d7";
    display: block;
}

.vip-head-bg-1 {
    background: #a4c4e0;
    background: -moz-linear-gradient(top, #a4c4e0 0%, #9abedd 12%, #86b1d6 27%, #80add4 35%, #7fadd4 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a4c4e0), color-stop(12%, #9abedd), color-stop(27%, #86b1d6), color-stop(35%, #80add4), color-stop(100%, #7fadd4));
    background: -webkit-linear-gradient(top, #a4c4e0 0%, #9abedd 12%, #86b1d6 27%, #80add4 35%, #7fadd4 100%);
    background: -o-linear-gradient(top, #a4c4e0 0%, #9abedd 12%, #86b1d6 27%, #80add4 35%, #7fadd4 100%);
    background: -ms-linear-gradient(top, #a4c4e0 0%, #9abedd 12%, #86b1d6 27%, #80add4 35%, #7fadd4 100%);
    background: linear-gradient(to bottom, #a4c4e0 0%, #9abedd 12%, #86b1d6 27%, #80add4 35%, #7fadd4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a4c4e0', endColorstr='#7fadd4', GradientType=0);
}

.vip-head-bg-2 {
    background: #b0c3d4;
    background: -moz-linear-gradient(top, #b0c3d4 0%, #abbfd1 8%, #98b1c7 24%, #90abc3 35%, #90abc3 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b0c3d4), color-stop(8%, #abbfd1), color-stop(24%, #98b1c7), color-stop(35%, #90abc3), color-stop(100%, #90abc3));
    background: -webkit-linear-gradient(top, #b0c3d4 0%, #abbfd1 8%, #98b1c7 24%, #90abc3 35%, #90abc3 100%);
    background: -o-linear-gradient(top, #b0c3d4 0%, #abbfd1 8%, #98b1c7 24%, #90abc3 35%, #90abc3 100%);
    background: -ms-linear-gradient(top, #b0c3d4 0%, #abbfd1 8%, #98b1c7 24%, #90abc3 35%, #90abc3 100%);
    background: linear-gradient(to bottom, #b0c3d4 0%, #abbfd1 8%, #98b1c7 24%, #90abc3 35%, #90abc3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b0c3d4', endColorstr='#90abc3', GradientType=0);
}

.vip-head-bg-3 {
    background: #738a9d;
    background: -moz-linear-gradient(top, #738a9d 0%, #6c859b 12%, #5e7c96 27%, #597995 37%, #597995 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #738a9d), color-stop(12%, #6c859b), color-stop(27%, #5e7c96), color-stop(37%, #597995), color-stop(100%, #597995));
    background: -webkit-linear-gradient(top, #738a9d 0%, #6c859b 12%, #5e7c96 27%, #597995 37%, #597995 100%);
    background: -o-linear-gradient(top, #738a9d 0%, #6c859b 12%, #5e7c96 27%, #597995 37%, #597995 100%);
    background: -ms-linear-gradient(top, #738a9d 0%, #6c859b 12%, #5e7c96 27%, #597995 37%, #597995 100%);
    background: linear-gradient(to bottom, #738a9d 0%, #6c859b 12%, #5e7c96 27%, #597995 37%, #597995 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#738a9d', endColorstr='#597995', GradientType=0);
}

.vip-head-bg-4 {
    background: #7b8994;
    background: -moz-linear-gradient(top, #7b8994 0%, #788693 8%, #687a8a 29%, #657889 37%, #657889 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7b8994), color-stop(8%, #788693), color-stop(29%, #687a8a), color-stop(37%, #657889), color-stop(100%, #657889));
    background: -webkit-linear-gradient(top, #7b8994 0%, #788693 8%, #687a8a 29%, #657889 37%, #657889 100%);
    background: -o-linear-gradient(top, #7b8994 0%, #788693 8%, #687a8a 29%, #657889 37%, #657889 100%);
    background: -ms-linear-gradient(top, #7b8994 0%, #788693 8%, #687a8a 29%, #657889 37%, #657889 100%);
    background: linear-gradient(to bottom, #7b8994 0%, #788693 8%, #687a8a 29%, #657889 37%, #657889 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7b8994', endColorstr='#657889', GradientType=0);
}

.vip-head-bg-5 {
    background: #7b947d;
    background: -moz-linear-gradient(top, #7b947d 0%, #78937b 8%, #698b6c 27%, #658969 37%, #658969 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7b947d), color-stop(8%, #78937b), color-stop(27%, #698b6c), color-stop(37%, #658969), color-stop(100%, #658969));
    background: -webkit-linear-gradient(top, #7b947d 0%, #78937b 8%, #698b6c 27%, #658969 37%, #658969 100%);
    background: -o-linear-gradient(top, #7b947d 0%, #78937b 8%, #698b6c 27%, #658969 37%, #658969 100%);
    background: -ms-linear-gradient(top, #7b947d 0%, #78937b 8%, #698b6c 27%, #658969 37%, #658969 100%);
    background: linear-gradient(to bottom, #7b947d 0%, #78937b 8%, #698b6c 27%, #658969 37%, #658969 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7b947d', endColorstr='#658969', GradientType=0);
}

.vip-head-bg-6 {
    background: #94917b;
    background: -moz-linear-gradient(top, #94917b 0%, #949279 6%, #8a8768 29%, #898665 37%, #898665 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #94917b), color-stop(6%, #949279), color-stop(29%, #8a8768), color-stop(37%, #898665), color-stop(100%, #898665));
    background: -webkit-linear-gradient(top, #94917b 0%, #949279 6%, #8a8768 29%, #898665 37%, #898665 100%);
    background: -o-linear-gradient(top, #94917b 0%, #949279 6%, #8a8768 29%, #898665 37%, #898665 100%);
    background: -ms-linear-gradient(top, #94917b 0%, #949279 6%, #8a8768 29%, #898665 37%, #898665 100%);
    background: linear-gradient(to bottom, #94917b 0%, #949279 6%, #8a8768 29%, #898665 37%, #898665 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#94917b', endColorstr='#898665', GradientType=0);
}

.vip-head-bg-7 {
    background: #94867b;
    background: -moz-linear-gradient(top, #94867b 0%, #948679 6%, #8a7768 29%, #897665 37%, #897665 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #94867b), color-stop(6%, #948679), color-stop(29%, #8a7768), color-stop(37%, #897665), color-stop(100%, #897665));
    background: -webkit-linear-gradient(top, #94867b 0%, #948679 6%, #8a7768 29%, #897665 37%, #897665 100%);
    background: -o-linear-gradient(top, #94867b 0%, #948679 6%, #8a7768 29%, #897665 37%, #897665 100%);
    background: -ms-linear-gradient(top, #94867b 0%, #948679 6%, #8a7768 29%, #897665 37%, #897665 100%);
    background: linear-gradient(to bottom, #94867b 0%, #948679 6%, #8a7768 29%, #897665 37%, #897665 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#94867b', endColorstr='#897665', GradientType=0);
}

.vip-head-bg-8 {
    background: #947b92;
    background: -moz-linear-gradient(top, #947b92 0%, #947992 6%, #8a6887 29%, #896586 37%, #896586 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #947b92), color-stop(6%, #947992), color-stop(29%, #8a6887), color-stop(37%, #896586), color-stop(100%, #896586));
    background: -webkit-linear-gradient(top, #947b92 0%, #947992 6%, #8a6887 29%, #896586 37%, #896586 100%);
    background: -o-linear-gradient(top, #947b92 0%, #947992 6%, #8a6887 29%, #896586 37%, #896586 100%);
    background: -ms-linear-gradient(top, #947b92 0%, #947992 6%, #8a6887 29%, #896586 37%, #896586 100%);
    background: linear-gradient(to bottom, #947b92 0%, #947992 6%, #8a6887 29%, #896586 37%, #896586 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#947b92', endColorstr='#896586', GradientType=0);
}

.vip-head-bg-9 {
    background: #9f7c71;
    background: -moz-linear-gradient(top, #9f7c71 0%, #9d7769 12%, #996b5b 27%, #986856 37%, #986856 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9f7c71), color-stop(12%, #9d7769), color-stop(27%, #996b5b), color-stop(37%, #986856), color-stop(100%, #986856));
    background: -webkit-linear-gradient(top, #9f7c71 0%, #9d7769 12%, #996b5b 27%, #986856 37%, #986856 100%);
    background: -o-linear-gradient(top, #9f7c71 0%, #9d7769 12%, #996b5b 27%, #986856 37%, #986856 100%);
    background: -ms-linear-gradient(top, #9f7c71 0%, #9d7769 12%, #996b5b 27%, #986856 37%, #986856 100%);
    background: linear-gradient(to bottom, #9f7c71 0%, #9d7769 12%, #996b5b 27%, #986856 37%, #986856 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9f7c71', endColorstr='#986856', GradientType=0);
}

.vip-head-bg-10 {
    background: #9f719a;
    background: -moz-linear-gradient(top, #9f719a 0%, #995b92 27%, #985690 37%, #985690 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9f719a), color-stop(27%, #995b92), color-stop(37%, #985690), color-stop(100%, #985690));
    background: -webkit-linear-gradient(top, #9f719a 0%, #995b92 27%, #985690 37%, #985690 100%);
    background: -o-linear-gradient(top, #9f719a 0%, #995b92 27%, #985690 37%, #985690 100%);
    background: -ms-linear-gradient(top, #9f719a 0%, #995b92 27%, #985690 37%, #985690 100%);
    background: linear-gradient(to bottom, #9f719a 0%, #995b92 27%, #985690 37%, #985690 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9f719a', endColorstr='#985690', GradientType=0);
}

.vip-head-bg-11 {
    background: #71729f;
    background: -moz-linear-gradient(top, #71729f 0%, #69699d 12%, #5b5b99 27%, #565698 37%, #565698 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #71729f), color-stop(12%, #69699d), color-stop(27%, #5b5b99), color-stop(37%, #565698), color-stop(100%, #565698));
    background: -webkit-linear-gradient(top, #71729f 0%, #69699d 12%, #5b5b99 27%, #565698 37%, #565698 100%);
    background: -o-linear-gradient(top, #71729f 0%, #69699d 12%, #5b5b99 27%, #565698 37%, #565698 100%);
    background: -ms-linear-gradient(top, #71729f 0%, #69699d 12%, #5b5b99 27%, #565698 37%, #565698 100%);
    background: linear-gradient(to bottom, #71729f 0%, #69699d 12%, #5b5b99 27%, #565698 37%, #565698 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#71729f', endColorstr='#565698', GradientType=0);
}

.vip-head-bg-12 {
    background: #719f98;
    background: -moz-linear-gradient(top, #719f98 0%, #699d96 12%, #5b9990 27%, #56988f 37%, #56988f 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #719f98), color-stop(12%, #699d96), color-stop(27%, #5b9990), color-stop(37%, #56988f), color-stop(100%, #56988f));
    background: -webkit-linear-gradient(top, #719f98 0%, #699d96 12%, #5b9990 27%, #56988f 37%, #56988f 100%);
    background: -o-linear-gradient(top, #719f98 0%, #699d96 12%, #5b9990 27%, #56988f 37%, #56988f 100%);
    background: -ms-linear-gradient(top, #719f98 0%, #699d96 12%, #5b9990 27%, #56988f 37%, #56988f 100%);
    background: linear-gradient(to bottom, #719f98 0%, #699d96 12%, #5b9990 27%, #56988f 37%, #56988f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#719f98', endColorstr='#56988f', GradientType=0);
}

.vip-head-bg-13 {
    background: #7e9f71;
    background: -moz-linear-gradient(top, #7e9f71 0%, #779d69 12%, #6c995b 27%, #689856 37%, #689856 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7e9f71), color-stop(12%, #779d69), color-stop(27%, #6c995b), color-stop(37%, #689856), color-stop(100%, #689856));
    background: -webkit-linear-gradient(top, #7e9f71 0%, #779d69 12%, #6c995b 27%, #689856 37%, #689856 100%);
    background: -o-linear-gradient(top, #7e9f71 0%, #779d69 12%, #6c995b 27%, #689856 37%, #689856 100%);
    background: -ms-linear-gradient(top, #7e9f71 0%, #779d69 12%, #6c995b 27%, #689856 37%, #689856 100%);
    background: linear-gradient(to bottom, #7e9f71 0%, #779d69 12%, #6c995b 27%, #689856 37%, #689856 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7e9f71', endColorstr='#689856', GradientType=0);
}

.vip-head-bg-14 {
    background: #9f9a71;
    background: -moz-linear-gradient(top, #9f9a71 0%, #9d9969 12%, #99935b 27%, #989256 37%, #989256 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9f9a71), color-stop(12%, #9d9969), color-stop(27%, #99935b), color-stop(37%, #989256), color-stop(100%, #989256));
    background: -webkit-linear-gradient(top, #9f9a71 0%, #9d9969 12%, #99935b 27%, #989256 37%, #989256 100%);
    background: -o-linear-gradient(top, #9f9a71 0%, #9d9969 12%, #99935b 27%, #989256 37%, #989256 100%);
    background: -ms-linear-gradient(top, #9f9a71 0%, #9d9969 12%, #99935b 27%, #989256 37%, #989256 100%);
    background: linear-gradient(to bottom, #9f9a71 0%, #9d9969 12%, #99935b 27%, #989256 37%, #989256 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9f9a71', endColorstr='#989256', GradientType=0);
}

.vip-head-bg-15 {
    background: #9f8671;
    background: -moz-linear-gradient(top, #9f8671 0%, #9d8169 12%, #99785b 27%, #987556 37%, #987556 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9f8671), color-stop(12%, #9d8169), color-stop(27%, #99785b), color-stop(37%, #987556), color-stop(100%, #987556));
    background: -webkit-linear-gradient(top, #9f8671 0%, #9d8169 12%, #99785b 27%, #987556 37%, #987556 100%);
    background: -o-linear-gradient(top, #9f8671 0%, #9d8169 12%, #99785b 27%, #987556 37%, #987556 100%);
    background: -ms-linear-gradient(top, #9f8671 0%, #9d8169 12%, #99785b 27%, #987556 37%, #987556 100%);
    background: linear-gradient(to bottom, #9f8671 0%, #9d8169 12%, #99785b 27%, #987556 37%, #987556 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9f8671', endColorstr='#987556', GradientType=0);
}

.vip-head-bg-18 {
    background: #b9d6ea;
    background: -moz-linear-gradient(top, #b9d6ea 0%, #9dc6e2 37%, #9dc6e2 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b9d6ea), color-stop(37%, #9dc6e2), color-stop(100%, #9dc6e2));
    background: -webkit-linear-gradient(top, #b9d6ea 0%, #9dc6e2 37%, #9dc6e2 100%);
    background: -o-linear-gradient(top, #b9d6ea 0%, #9dc6e2 37%, #9dc6e2 100%);
    background: -ms-linear-gradient(top, #b9d6ea 0%, #9dc6e2 37%, #9dc6e2 100%);
    background: linear-gradient(to bottom, #b9d6ea 0%, #9dc6e2 37%, #9dc6e2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b9d6ea', endColorstr='#9dc6e2', GradientType=0);
}

.vip-head-bg-19 {
    background: #b9c2ea;
    background: -moz-linear-gradient(top, #b9c2ea 0%, #b5bee9 8%, #a5afe5 24%, #9da9e2 37%, #9da9e2 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b9c2ea), color-stop(8%, #b5bee9), color-stop(24%, #a5afe5), color-stop(37%, #9da9e2), color-stop(100%, #9da9e2));
    background: -webkit-linear-gradient(top, #b9c2ea 0%, #b5bee9 8%, #a5afe5 24%, #9da9e2 37%, #9da9e2 100%);
    background: -o-linear-gradient(top, #b9c2ea 0%, #b5bee9 8%, #a5afe5 24%, #9da9e2 37%, #9da9e2 100%);
    background: -ms-linear-gradient(top, #b9c2ea 0%, #b5bee9 8%, #a5afe5 24%, #9da9e2 37%, #9da9e2 100%);
    background: linear-gradient(to bottom, #b9c2ea 0%, #b5bee9 8%, #a5afe5 24%, #9da9e2 37%, #9da9e2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b9c2ea', endColorstr='#9da9e2', GradientType=0);
}

.vip-head-bg-20 {
    background: #d7b9ea;
    background: -moz-linear-gradient(top, #d7b9ea 0%, #d6b5e9 8%, #cca3e4 27%, #c89de2 37%, #c89de2 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d7b9ea), color-stop(8%, #d6b5e9), color-stop(27%, #cca3e4), color-stop(37%, #c89de2), color-stop(100%, #c89de2));
    background: -webkit-linear-gradient(top, #d7b9ea 0%, #d6b5e9 8%, #cca3e4 27%, #c89de2 37%, #c89de2 100%);
    background: -o-linear-gradient(top, #d7b9ea 0%, #d6b5e9 8%, #cca3e4 27%, #c89de2 37%, #c89de2 100%);
    background: -ms-linear-gradient(top, #d7b9ea 0%, #d6b5e9 8%, #cca3e4 27%, #c89de2 37%, #c89de2 100%);
    background: linear-gradient(to bottom, #d7b9ea 0%, #d6b5e9 8%, #cca3e4 27%, #c89de2 37%, #c89de2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d7b9ea', endColorstr='#c89de2', GradientType=0);
}

.vip-head-bg-21 {
    background: #eab9e6;
    background: -moz-linear-gradient(top, #eab9e6 0%, #eab6e6 6%, #e4a3df 27%, #e29ddd 37%, #e29ddd 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eab9e6), color-stop(6%, #eab6e6), color-stop(27%, #e4a3df), color-stop(37%, #e29ddd), color-stop(100%, #e29ddd));
    background: -webkit-linear-gradient(top, #eab9e6 0%, #eab6e6 6%, #e4a3df 27%, #e29ddd 37%, #e29ddd 100%);
    background: -o-linear-gradient(top, #eab9e6 0%, #eab6e6 6%, #e4a3df 27%, #e29ddd 37%, #e29ddd 100%);
    background: -ms-linear-gradient(top, #eab9e6 0%, #eab6e6 6%, #e4a3df 27%, #e29ddd 37%, #e29ddd 100%);
    background: linear-gradient(to bottom, #eab9e6 0%, #eab6e6 6%, #e4a3df 27%, #e29ddd 37%, #e29ddd 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eab9e6', endColorstr='#e29ddd', GradientType=0);
}

.vip-head-bg-22 {
    background: #eab9be;
    background: -moz-linear-gradient(top, #eab9be 0%, #e9b5ba 8%, #e5a5ab 24%, #e29da5 37%, #e29da5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eab9be), color-stop(8%, #e9b5ba), color-stop(24%, #e5a5ab), color-stop(37%, #e29da5), color-stop(100%, #e29da5));
    background: -webkit-linear-gradient(top, #eab9be 0%, #e9b5ba 8%, #e5a5ab 24%, #e29da5 37%, #e29da5 100%);
    background: -o-linear-gradient(top, #eab9be 0%, #e9b5ba 8%, #e5a5ab 24%, #e29da5 37%, #e29da5 100%);
    background: -ms-linear-gradient(top, #eab9be 0%, #e9b5ba 8%, #e5a5ab 24%, #e29da5 37%, #e29da5 100%);
    background: linear-gradient(to bottom, #eab9be 0%, #e9b5ba 8%, #e5a5ab 24%, #e29da5 37%, #e29da5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eab9be', endColorstr='#e29da5', GradientType=0);
}

.vip-head-bg-24 {
    background: #d2d2d2;
    background: -moz-linear-gradient(top, #d2d2d2 0%, #cbcbcb 16%, #c3c3c3 27%, #c0c0c0 35%, #c0c0c0 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d2d2d2), color-stop(16%, #cbcbcb), color-stop(27%, #c3c3c3), color-stop(35%, #c0c0c0), color-stop(100%, #c0c0c0));
    background: -webkit-linear-gradient(top, #d2d2d2 0%, #cbcbcb 16%, #c3c3c3 27%, #c0c0c0 35%, #c0c0c0 100%);
    background: -o-linear-gradient(top, #d2d2d2 0%, #cbcbcb 16%, #c3c3c3 27%, #c0c0c0 35%, #c0c0c0 100%);
    background: -ms-linear-gradient(top, #d2d2d2 0%, #cbcbcb 16%, #c3c3c3 27%, #c0c0c0 35%, #c0c0c0 100%);
    background: linear-gradient(to bottom, #d2d2d2 0%, #cbcbcb 16%, #c3c3c3 27%, #c0c0c0 35%, #c0c0c0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d2d2d2', endColorstr='#c0c0c0', GradientType=0);
}

.vip-head-bg-25 {
    background: #b6b6b6;
    background: -moz-linear-gradient(top, #b6b6b6 0%, #b3b3b3 8%, #a3a3a3 27%, #a0a0a0 35%, #a0a0a0 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b6b6b6), color-stop(8%, #b3b3b3), color-stop(27%, #a3a3a3), color-stop(35%, #a0a0a0), color-stop(100%, #a0a0a0));
    background: -webkit-linear-gradient(top, #b6b6b6 0%, #b3b3b3 8%, #a3a3a3 27%, #a0a0a0 35%, #a0a0a0 100%);
    background: -o-linear-gradient(top, #b6b6b6 0%, #b3b3b3 8%, #a3a3a3 27%, #a0a0a0 35%, #a0a0a0 100%);
    background: -ms-linear-gradient(top, #b6b6b6 0%, #b3b3b3 8%, #a3a3a3 27%, #a0a0a0 35%, #a0a0a0 100%);
    background: linear-gradient(to bottom, #b6b6b6 0%, #b3b3b3 8%, #a3a3a3 27%, #a0a0a0 35%, #a0a0a0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b6b6b6', endColorstr='#a0a0a0', GradientType=0);
}

.vip-head-bg-26 {
    background: #939393;
    background: -moz-linear-gradient(top, #939393 0%, #929292 6%, #848484 27%, #818181 35%, #818181 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #939393), color-stop(6%, #929292), color-stop(27%, #848484), color-stop(35%, #818181), color-stop(100%, #818181));
    background: -webkit-linear-gradient(top, #939393 0%, #929292 6%, #848484 27%, #818181 35%, #818181 100%);
    background: -o-linear-gradient(top, #939393 0%, #929292 6%, #848484 27%, #818181 35%, #818181 100%);
    background: -ms-linear-gradient(top, #939393 0%, #929292 6%, #848484 27%, #818181 35%, #818181 100%);
    background: linear-gradient(to bottom, #939393 0%, #929292 6%, #848484 27%, #818181 35%, #818181 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#939393', endColorstr='#818181', GradientType=0);
}

.vip-head-bg-27 {
    background: #616161;
    background: -moz-linear-gradient(top, #616161 0%, #555555 35%, #555555 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #616161), color-stop(35%, #555555), color-stop(100%, #555555));
    background: -webkit-linear-gradient(top, #616161 0%, #555555 35%, #555555 100%);
    background: -o-linear-gradient(top, #616161 0%, #555555 35%, #555555 100%);
    background: -ms-linear-gradient(top, #616161 0%, #555555 35%, #555555 100%);
    background: linear-gradient(to bottom, #616161 0%, #555555 35%, #555555 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#616161', endColorstr='#555555', GradientType=0);
}

#messages-block button,
#gallery-upload-block button,
#forum-image-upload button,
#moderation-block button,
#sidebar-gallery button {
    font-size: 10pt;
    margin: 15px 15px 0 0;
    float: right;
    text-transform: uppercase;
}

/* ==========================================================================
   Messages list styles
   ========================================================================== */

#messages-block header {
    padding: 0 25px 12px 10px;
    font-size: 18px;
    color: #1eb8e4;
}

#messages-block span {
    font-size: 13px;
    color: #222;
    display: inline-block;
}

#messages-block .attachments {
    background: transparent url("../img/images.png") -380px 0px no-repeat;
    width: 15px;
    height: 15px;
    margin-left: 3px;
}

#messages-block .col1 {
    color: #222;
    width: 315px;
    padding-right: 5px;
}

#messages-block .col2 {
    width: 110px;
    padding: 0 5px;
}

#messages-block .col3 {
    width: 115px;
    padding-left: 5px;
}

#messages-block .col4 {
    text-align: right;
    width: 25px;
}

#messages-block .col4:nth-of-type(1) {
    padding-left: 5px;
}

#messages-block header .col1 {
    font-size: 18px;
    color: #1eb8e4;
}

#messages-block .messages-list .col1 {
    padding-left: 10px;
}

#messages-block .messages-list .col1.new {
    font-weight: bold;
}

#messages-block .messages-list span {
    height: 34px;
    line-height: 34px;
}

#messages-block .messages-list li:hover {
    background-color: #000;
}

#messages-block .messages-list li:hover span {
    color: #fff;
}

#messages-block .row {
    color: #444;
    padding: 10px 5px 0 5px;
}

#messages-block .row.col1 {
    padding-left: 15px;
    width: 100px;
    vertical-align: top;
}

#messages-block .row.col2 {
    width: 500px;
    vertical-align: top;

    white-space: pre; /* CSS 2.0 */
    white-space: pre-wrap; /* CSS 2.1 */
    white-space: pre-line; /* CSS 3.0 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    white-space: -moz-pre-wrap; /* Mozilla */
    word-wrap: break-word; /* IE 5+ */
}

#messages-block .message {
    padding: 15px 5px 10px 35px;
    color: #333;
}

#messages-block #subject {
    border: 1px solid #777;
    width: 483px;
}

#messages-block textarea {
    margin: 15px 0 0 15px;
    height: 200px;
}

#messages-block #status {
    margin: 10px 0 0 15px;
}

#sidebar-contacts-menu li {
    list-style-type: none;
    margin: 6px 0 0 -20px;
}

/* ==========================================================================
   Galleries styles
   ========================================================================== */

#gallery-block header,
#gallery-edit-block header,
#gallery-upload-block header {
    padding: 0 25px 12px 10px;
    font-size: 18px;
    color: #1eb8e4;
}

#gallery-block header.black {
    color: #444;
    margin-top: 15px;
}

#gallery-block #gallery-stat {
    border-bottom: 1px solid #E5E5E5;
    padding-bottom: 10px;
}

#gallery-block #gallery-stat span {
    display: inline-table;
    padding: 10px 0 0 15px;
}

#gallery-block #gallery-stat span.col1 {
    width: 135px;
}

#gallery-block #gallery-stat span.col2 {
    width: 400px;
}

#gallery-block .gallery-tnimage-text-frame .editMenu {
    font-size: 8pt;
}

#gallery-block .gallery-tnimage-text-frame {
    width: 100px;
    height: 110px;
    display: inline-table;
    margin: 20px 0 0 20px;
    text-align: center;
    vertical-align: top;
    color: #333;
    font-size: 9pt;
}

#gallery-block .gallery-tnimage-text-frame a {
    text-decoration: none;
}

#gallery-block .gallery-tnimage-frame:hover {
    background-color: #777;
}

#gallery-block .gallery-tnimage-frame {
    width: 100px;
    height: 100px;
    background-color: #AAA;
    line-height: 100px;
    margin: auto;
}

#gallery-block .gallery-tnimage-frame img {
    max-width: 96px;
    max-height: 96px;
}

#gallery-block .gallery-tnimage-text-frame .text {
    white-space: pre; /* CSS 2.0 */
    white-space: pre-wrap; /* CSS 2.1 */
    white-space: pre-line; /* CSS 3.0 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    white-space: -moz-pre-wrap; /* Mozilla */
    word-wrap: break-word; /* IE 5+ */
    width: 100px;
}

#gallery-block #galleries-list td {
    vertical-align: top;
}

#gallery-block #galleries-list span {
    display: block;
    width: 140px;
    padding: 0 0 6px 4px;
    margin: 6px 0 0 10px;
    font-size: 9pt;
    border-bottom: 1px solid #E5E5E5;
}

#gallery-block #galleries-list span:last-child {
    border-bottom: 0;
}

#gallery-block #galleries-list td:last-child {
    padding-bottom: 10px;
}

#gallery-block .text-right {
    float: right;
    margin: 10px 40px 0 0;
}

#gallery-block .text-light {
    color: #AAA;
}

#gallery-edit-block input[type=text], #gallery-edit-block select {
    border: 1px solid #777;
}

#gallery-edit-block img {
    margin: 25px;
}

#gallery-edit-block #infos {
    margin-top: 25px;
    display: inline-table;
    line-height: 20px;
    vertical-align: top;
    margin-bottom: 30px;
}

#gallery-edit-block input[type=text] {
    width: 300px;
    margin: 3px 25px;
}

#gallery-edit-block select {
    margin: 3px 30px;
}

#gallery-upload-block span {
    display: inline-table;
    padding-left: 15px;
    line-height: 35px;
}

#gallery-upload-block span.col1 {
    width: 105px;
}

#gallery-upload-block span.col2 {
    width: 430px;
}

#gallery-upload-block #albumName {
    display: none;
}

#gallery-upload-block #albumList,
#gallery-upload-block input[type=text] {
    border: 1px solid #777;
    width: 225px;
}

#sidebar-gallery #albumName {
    width: 225px;
    border: 1px solid #777;
}

#sidebar-gallery #renameButton {
    margin: 4px 0 0 195px;
    font-size: 9pt;
    padding: 6px 9px;
}

/* ==========================================================================
   VIP styles
   ========================================================================== */

#vip-block {
    line-height: 20px;
}

#vip-block header {
    padding: 0 25px 12px 10px;
    font-size: 18px;
    color: #1eb8e4;
    margin-bottom: 15px;
}

#vip-block button {
    margin: 25px 0 0 195px;
}

#vip-block #fizmods {
    line-height: 24px;
    margin-bottom: 10px;
}

#vip-block input[type=text] {
    border: 1px solid #777;
    width: 225px;
}

/* ==========================================================================
   Moderation styles
   ========================================================================== */

#moderation-block table {
    width: 100%;
    margin-bottom: 15px;
}

#moderation-block table td {
    padding: 5px 0 5px;
}

#moderation-block #lastusers {
    width: 100%;
}

#moderation-block .top-users td {
    width: 50%;
}

#moderation-block #lastusers tr td a {
    vertical-align: middle;
}

#moderation-block #lastusers tr.red td {
    color: #FF0000;
}

#moderation-block #lastusers tr.banned td {
    background-color: #e0d185;
}

#moderation-block #lastusers th {
    padding-left: 5px;
    text-align: left;
}

#moderation-block table .col1 {
    padding-left: 15px;
    width: 165px;
    vertical-align: top;
}

#moderation-block textarea {
    padding: 5px;
    margin: 0 0 5px 15px;
    min-height: 225px;
    width: 570px;
}

#moderation-block textarea.smallTa {
    height: 125px;
    margin: 0;
}

#moderation-block textarea,
#moderation-block input[type=text],
#moderation-block input[type=password],
#moderation-block select {
    border: 1px solid #888;
}

#moderation-block textarea.smallTa,
#moderation-block input[type=text],
#moderation-block input[type=password] {
    width: 425px;
}

#moderation-block input[type=radio] {
    margin: 3px 5px 0 12px;
}

#moderation-block input.smallInput {
    width: 75px;
}

#moderation-block #modlist table {
    width: 100%;
}

#moderation-block #modlist td {
    vertical-align: top;
    width: 50%;
    padding-left: 15px;
}

#moderation-block .list {
    margin: 3px 0 20px 10px;
}

#moderation-block .penaltyList {
    width: 100%;
    border: 1px solid #DDD;
    background-color: #F5F5F5;
    margin: 15px 0 0 0;
}

#moderation-block .penaltyList .col1 {
    width: 125px;
}

#moderation-block .penaltyList .cause {
    padding: 10px;
}

#moderation-block .penaltyList .alert {
    width: 12px;
    height: 14px;
    margin: 0;
    background: transparent url("../img/images.png") -367px 0;
}

#moderation-block .ban-btn {
    text-transform: uppercase;
    margin-top: 15px;
}

#moderation-block header {
    padding: 0 0 5px 10px;
    margin-bottom: 5px;
}

#messages-block #forum-codes button.smallButton,
#moderation-block #forum-codes button.smallButton {
    min-width: 65px;
}

/* ==========================================================================
   Heading styles
   ========================================================================== */

#heading {
    margin-bottom: 40px;
}

#heading > header {
    margin-bottom: 16px;
}

#heading-left {
    width: 640px;
}

#heading-last {
    width: 640px;
    height: auto;
}

#heading-last > .article-title {
    padding-bottom: 20px;
}

#heading-more .article-block {
    width: 310px;
    height: auto;
    margin-right: 10px;
}

#heading-more > [class*=blocks-ver] {
    margin-top: 8px;
}

#heading .article-block .article-title img {
    float: none;
}

/* ==========================================================================
   Heading styles - version 1
   ========================================================================== */

#heading-more .blocks-ver1 > .pull-left .article-title {
    height: 140px;
}

#heading-more .blocks-ver1 > .pull-left .article-block {
    margin-bottom: 16px;
}

#heading-more .blocks-ver1 > .pull-right .article-title {
    height: 337px;
}

/* ==========================================================================
   Heading styles - version 2
   ========================================================================== */

#heading-more .blocks-ver2 > .pull-left .article-title {
    height: 270px;
}

/* ==========================================================================
   Heading styles - version 3
   ========================================================================== */

#heading-more .blocks-ver3 > .pull-right .article-title {
    height: 140px;
}

#heading-more .blocks-ver3 > .pull-right .article-block {
    margin-bottom: 16px;
}

#heading-more .blocks-ver3 > .pull-left .article-title {
    height: 337px;
}

/* ==========================================================================
   Newsletter styles
   ========================================================================== */
#newsletter-form {
    padding: 0 20px;
}

#newsletter-form label,
#newsletter-form input,
#newsletter-form select,
#newsletter-form button {
    display: block;
    margin-bottom: 20px;
}

#newsletter-form label {
    margin-bottom: 6px;
}

#newsletter-email,
#newsletter-captcha {
    width: 300px;
    height: 16px;
    padding: 4px 6px;
}

/* ==========================================================================
   RSS styles
   ========================================================================== */
#rss-url-list dl {
    width: 380px;
    margin: 0 auto;
}

#rss-url-list dt,
#rss-url-list dd {
    position: relative;
    float: left;
    font-weight: bold;
}

#rss-url-list dt {
    width: 75px;
    text-align: right;
}

#rss-url-list dt:after {
    position: absolute;
    top: -1px;
    right: -10px;
    content: ' - ';
    display: block;
}

#rss-url-list dd {
    width: 290px;
    margin-left: 15px;
}

#rss-description > header img {
    margin-top: -5px;
}

#rss-description h4,
#rss-description > p {
    font-weight: bold;
}

#rss-description > p {
    padding: 0 13px;
}

#rss-description > blockquote p {
    font-style: italic;
}

/* ==========================================================================
   Impress styles
   ========================================================================== */
#impress {
    text-align: center;
}

#impress h4,
#impress a {
    font-weight: bold;
}

#impress h4 + p {
    margin: 0;
    padding: 0 0 20px;
}

#impress blockquote {
    font-style: italic;
}

/* ==========================================================================
   User login styles
   ========================================================================== */
#user-login-form .line {
    width: 250px;
    margin: 12px auto;
}

#user-login-form .line input[type='email'],
#user-login-form .line input[type='password'] {
    width: 240px;
    padding: 8px 5px;
}

#user-login-form .line label {
    font-weight: bold;
}

/* ==========================================================================
   Forum BBCODE styles
   ========================================================================== */
img.bb-faces {
}

img.bb-img {
    border: 0 none;
    cursor: pointer;
}

a.bb-link {
    color: #1eb8e4;
}

a.bb-email {
}

.bb-style-bold {
    font-weight: bold
}

.bb-style-underline {
    text-decoration: underline
}

.bb-style-italic {
    font-style: italic
}

.bb-style-center {
    text-align: center;
    display: block;
    width: 100%
}

.bb-style-left {
    text-align: left;
    display: block;
    width: 100%
}

.bb-style-right {
    text-align: right;
    display: block;
    width: 100%
}

.bb-style-justify {
    text-align: justify;
    display: block;
    width: 100%
}

.bb-style-font-times {
    font-family: Times, serif
}

.bb-style-font-arial {
    font-family: Arial, Helvetica, sans-serif
}

.bb-style-font-courier {
    font-family: "Courier New", Courier, monospace
}

.bb-style-font-trebuchet {
    font-family: "Trebuchet MS", Helvetica, sans-serif
}

.bb-style-font-wingdings {
    font-family: wingdings
}

.bb-style-mini {
    font-size: 80%
}

.bb-style-medium {
    font-size: 110%
}

.bb-style-large {
    font-size: 130%
}

.bb-style-xlarge {
    font-size: 150%
}

.bb-style-strike {
    text-decoration: line-through
}

.bb-style-off {
    color: #898e91
}

.bb-flash {
}

.bb-spoiler {
    border: 1px solid #aaa;
    padding: 4px;
    width: 100%;
    min-width: 570px;
}

.bb-spoiler > .spoiler-text {
    padding: 4px 0;
    display: none;
}

#modal-forum-codes .modal-dialog {
    width: 650px;
}

#forum-bbcodes-example {
    text-align: left;
}

#forum-bbcodes-example section.bbcode {
    padding: 10px 0;
}

#forum-bbcodes-example section.bbcode > h4 {
    font-size: 16px;
    font-weight: bold;
}

#forum-bbcodes-example section.bbcode > .example {
    background: #f9f9f9;
    padding: 10px;
    margin: 10px;
}

#forum-bbcodes-example section.bbcode > em {
    font-size: 12px;
}

/* ==========================================================================
   Forum image upload styles
   ========================================================================== */

#forum-image-upload {
    text-align: left;
}

#forum-image-upload .loading {
    text-align: center;
    font-size: 12pt;
    margin: 10px 0 -26px 0;
    opacity: 0;
}

#fbPOP {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .91);
    z-index: 2;
    opacity: 0;
}

#fbPOP .headers-big {
    color: white;
}

#fbPOP .title {
    position: absolute;
    top: -55px;
    left: 0;
}

#fbPOP .closeBtn {
    position: absolute;
    top: -55px;
    right: 0;
    cursor: pointer;

    -webkit-transition: all .15s ease;
    -moz-transition: all .15s ease;
    -ms-transition: all .15s ease;
    -o-transition: all .15s ease;
    transition: all .15s ease;
}

#fbPOP .closeBtn:hover {
    text-shadow: 0 0 8px #fff;
}

#fbPOP div.content {
    width: 550px;
    height: 250px;

    position: absolute;
    top: 150px;
    left: 50%;

    margin-left: -310px;

    background-color: #fff;
    border: 1px solid #bbb;
}

/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

#fejlesztes {
    line-height: 26px;
    color: #fff;
    text-align: center;
    margin: 0 auto;
    background: #9C1E1E;
    font-size: 14px;
}

.video-js {
    background: #000;
    margin: 5px 0;
    max-width: 900px;
}

.user-comment-box {
    margin-bottom: 10px;
    padding: 5px;
    word-break: break-word;
    background: #fff;
    border: 1px solid #AFAFAF;
}

.user-comment-box header {
    background: #1eb8e4;
    color: #fff;
}

.user-comment-box .body {
    margin-top: 5px;
    max-width: 600px;
    padding: 0 5px;
}

.user-comment-box img, .user-comment-box .bb-img, .user-comment-box iframe, .user-comment-box .video-js {
    max-width: 604px !important;
}

.user-comment-box .bb-spoiler {
    width: 594px !important;
    min-width: 480px;
}

.user-comment-box .edited {
    font-style: italic;
    font-size: 11px;
    display: block;
    margin-top: 4px;
}

.user-comment-box header a {
    text-decoration: none;
    color: #FFFFFF;
    border-bottom: 1px dotted;
    margin-left: 5px;
}

.user-comment-box .body a {
    color: #1eb8e4;
}

.user-comment-box .post-no {
    margin-left: 5px;
}

.user-comment-box .posted {
    margin-right: 5px;
}

.user-comment-box .del-comment {
    vertical-align: middle;
    margin-left: 5px;
}

.user-comment-box .user-ip {
    margin: 0;
}

.user-comment-box .user-ip hr {
    margin: 1em 0 0;
}

.user-comment-box .user-ip p {
    font-size: .9em;
    margin: 0;
}

.user-comment-box .user-ip span {
    font-style: italic;
    font-weight: bold;
}

#hacked-forum-posts-list #chk-all-del {
    margin-left: 10px;
    vertical-align: inherit;
}

#hacked-forum-posts-list #btn-all-del {
    margin-bottom: 4px;
}

/* Clearfix */

.cf:after {
    content: " ";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.cf {
    display: block;
}

html[xmlns] .cf {
    display: block;
}

* html .cf {
    height: 1%;
}

.pull-left {
    float: left
}

.pull-right {
    float: right
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */
    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}

a[href*="hit.gemius.pl/"] {
    display: block;
    margin: 0 auto;
    text-align: center;
    padding-bottom: 80px;
}

.banner-container {
    text-align: center;
}

.banner {
    margin: 0 auto;
    text-align: center;
    display: inline-block;
}

.xabre_top h4 {
    text-align: center;
}

.xabre_top .xabrebox {
    margin: 0 auto;
}

.xabresg h4 {
    font: normal 10px/12px Tahoma,Arial,sans-serif;
    color: #c7c7c7;
}

.xabrepr h1 {
    font-weight: bold
}

.xabrepr img {
    float: left;
    margin: 4px 4px 4px 0;
}

.xabrepr span.type {
    float: left;
    display: block;
    background-color: #1eb8e4;
    color: #ffffff;
    padding: 1px 3px 0;
    margin: 4px 4px 0 0;
    font-size: 10px;
    line-height: 12px;
}

.xabrepr p {
    margin: 3px 0;
}

.youtube-container {
    display: block;
    margin: 0;
    width: 100%;
    max-width: 600px;
}

.youtube-player {
    display: block;
    width: 100%; /* assuming that the video has a 16:9 ratio */
    padding-bottom: 56.25%;
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 100%;
    cursor: hand;
    cursor: pointer;
    display: block;
}

img.youtube-thumb {
    bottom: 0;
    display: block;
    left: 0;
    margin: auto;
    max-width: 100%;
    width: 100%;
    position: absolute;
    right: 0;
    top: 0;
    height: auto
}

div.play-button {
    height: 72px;
    width: 72px;
    left: 50%;
    top: 50%;
    margin-left: -36px;
    margin-top: -36px;
    position: absolute;
    background: url("http://i.imgur.com/TxzC70f.png") no-repeat;
}

.youtube-title {
    height: 18px;
    line-height: 18px;
    width: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.6);
    color: #fff;
    position: absolute;
    padding: 8px;
    font-size: 18px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#youtube-iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.vip-header .answerscount {
    margin-top: 6px;
}

.answerscount {
    cursor: pointer !important;
    position: relative;
    background: rgba(255, 255, 255, 0.9);
    padding: 2px 5px;
    color: #666;
    margin-top: 3px;
    font-weight: bold;
    font-size: .9em;
    line-height: .75em;
}

.answerscount:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    height: 0;
    border: 4px solid transparent;
    border-top-color: rgba(255, 255, 255, 0.82);
    border-bottom: 0;
    border-left: 0;
    margin-left: -2px;
    margin-bottom: -4px;
}

.answerscount:hover {
    background: #fff965;
}

.answerscount:hover:after {
    border-top-color: #fff965;
}

.header a:hover {
    color: #fff965;
    text-decoration: none;
}

.sg-tooltip {
    position: relative;
}

/* Tooltip text */
.sg-tooltip .sg-tooltiptext {
    visibility: hidden;
    width: 620px;
    background-color: #fff;
    color: #333;
    text-align: left;
    padding: 8px;
    border-radius: 6px;
    border: 1px solid #333;
    position: absolute;
    z-index: 1;
}

/* Show the tooltip text when you mouse over the tooltip container */
.sg-tooltip:hover .sg-tooltiptext {
    visibility: visible;
}

.sg-tooltiptext img {
    max-width: 600px;
}

.info-hover-hsz {
    font-weight: bold;
    text-decoration: underline;
}

.privacy-policy {
    margin-left: 10px;
}

.ad-test {
    /*background: #b49882 url(https://www.sg.hu/banner/1600x800.jpg) top center no-repeat fixed;*/
    background: #fff url(https://www.sg.hu/banner/cisco_spark_telefon_sg_szponzoracio_1600x800.jpg) top center no-repeat fixed;
    background-size: cover;
}

.ad-test #bmone2n-24996\.1\.2\.2,
.ad-test #bmone2n-24996\.2\.2\.2,
.ad-test #bmone2n-24996\.3\.2\.2 {
    padding-top: 15px;
}

#bmone2n-24996\.1\.2\.2,
#bmone2n-24996\.2\.2\.2,
#bmone2n-24996\.3\.2\.2 {
    /*width: 970px;
    height: 250px;*/
    margin: 0 auto;
    clear: both;
}

/*
#bmone2n-24996\.1\.5\.2 {
    width: 468px;
    height: 120px;
}
*/

#bmone2n-24996\.1\.10\.1,
#bmone2n-24996\.1\.11\.1,
#bmone2n-24996\.2\.10\.1,
#bmone2n-24996\.2\.11\.1,
#bmone2n-24996\.3\.10\.1,
#bmone2n-24996\.3\.11\.1 {
    /*width: 300px;
    height: 600px;*/
    clear: both;
}

#bmone2n-24996\.2\.10\.1 {
    margin: 10px 0;
}

#bmone2n-24996\.2\.10\.1,
#bmone2t-24996\.2\.10\.1,
#bmone2n-24996\.2\.10\.1 a {
    padding: 0;
    height: auto;
}

/*
#bmone2n-24996\.3\.5\.2 {
    width: 640px;
    height: 360px;
}
*/

#bmone2n-24996\.2\.5\.2 {
    margin-top: 15px;
    margin-left: -20px;
}

/*
#bmone2n-24996\.2\.15\.9 {
    width: 640px;
    height: 20px;
}
*/

#bmone2n-24996\.4\.14\.2,
#bmone2n-24996\.4\.15\.2,
#bmone2n-24996\.5\.14\.2,
#bmone2n-24996\.5\.15\.2 {
    display: block;
    clear: both;
    margin: 0 auto
}