@charset "utf-8";

html {
    margin: 0px;
    padding: 0px;
    background-color: #fdc347;
    background-position: top;
    color: #5a5a5a;
}

body {
    font-family: "tahoma";
    font-size: 8pt;
    color: #5a5a5a;
    margin: 0px;
    padding: 0px;
    background-image: url(images/logo_top.jpg);
    background-repeat: no-repeat;
    background-position: center top;
}

#highlighted {
    background-color: #F5F5F5;
}

#highlighted tr:hover {
    background-color: #D9EDFA;
}

#tooltip {
    color: #FFFFFF;
    padding: 7px;
    background: #99be27 url(images/pm_bg.png) repeat-x left 1px;
    position: absolute;
    top: 10px;
    left: 2.6%;
    box-shadow: 0px 0px 7px #1F759D;
    -moz-box-shadow: 0px 0px 7px #1F759D;
    -webkit-box-shadow: 0px 0px 5px #1F759D;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 1px;
    border: 1px solid #1F759D;
    font-weight: bold;
}


a.copyright:link, a.copyright:visited, a.copyright:active {
    text-decoration: none;
    color: #FFFFFF;
    border-top: dashed 1px #5087AD;
    padding: 0px;
}

input, file, select, textarea {
    margin-top: 3px;
    background-color: #FFFFFF;
    margin-bottom: 0px;
    font-family: "tahoma", "arial", "helvetica", "sans-serif";
    font-size: 8pt;
    border: solid #5E6A84 1px;
}

input.pass {
    background: url(images/pass.gif) no-repeat;
    background-color: #fff;
    background-position: 0 50%;
    color: #000;
    padding-left: 18px;
    width: 120px;
}

input.login {
    background: url(images/login.gif) no-repeat;
    background-color: #fff;
    background-position: 0 50%;
    color: #000;
    padding-left: 18px;
    width: 120px;

}

input.search {
    background: url(images/search.gif) no-repeat;
    background-color: #E4E4E4;
    color: #4f4f4f;
    padding-left: 18px;
}


#content_ {
    margin-top: 0px !important;
    background: transparent url(images/page_bg.png) repeat 0 0 !important;
}

.linked-image {
    margin: 0px;
    padding: 0px;
    border: 0px;
}

td.b, #showbrowse, table.block_bots tr:nth-child(even) > td {
    color: #5A5A5A;
    background-color: #EEEEEE;
    padding: 6px;
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 8pt;
    border-style: solid;
    border-width: 1px 1px 1px;
}

td.a, table.block_bots tr:nth-child(odd) > td {
    color: #5A5A5A;
    background-color: #DAE2E8;
    padding: 6px;
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 8pt;
    border-style: solid;
    border-width: 1px 1px 1px;
}


.row1 {
    text-align: left;
    background-color: #EEEEEE;
    padding: 4px;
    border-color: #ffffff;
    border-style: solid;
    border-width: 1px 1px 0;
    width: auto;
}

.row2 {

    background-color: #ececec;
    padding: 4px;
    border-color: #ffffff;
    border-style: solid;
    border-width: 1px 1px 0;
    width: auto;
}

.row3 {
    background-color: #DAE2E8;
    margin: 4px;
    padding: 10px;
    border-width: 0px;
    width: auto;
}


.error {
    color: #990000;
    background-color: #FFF0F0;
    padding: 7px;
    margin-top: 5px;
    margin-bottom: 10px;
    border: 1px dashed #990000;
}

.error b {
    color: #990000;
    background: inherit;
}

.success {
    color: #000000;
    background: #F5FBE1;
    padding: 7px;
    margin-top: 5px;
    margin-bottom: 5px;
    border: 1px dashed #7BA813;
}

.success b {
    color: #7BA813;
    background: inherit;
}

.editor {
    margin: 0px 0px 1px 0px;
    width: 400px;
    height: 21px;
    border: 1px #D1D8EC solid;
}

.editorinput {
    background: #FAFAFA;
    color: #000000;
    border: 1px #D1D8EC solid;
    font-size: 11px; font-family: Verdana, Helvetica; text-decoration: none;
}

.editorbutton {
    float: left;
    cursor: pointer;
    padding: 2px 1px 0px 5px;
}

code {
    background: none;
    color: #0000FF;
    font-size: 11px;
    font-family: Verdana, Helvetica;
}

.code {
    color: #0000BB;
    font-size: 11px;
    font-family: Verdana, Helvetica;
}


td.pager {
    background-color: transparent;
    border: none;
    padding: 2px;
}

td.pagebr {
    background-color: transparent;
    border: none;
    padding: 0px;
}

td.highlight {
    background-color: transparent;
    border: none;
    border-top: 2px solid #3C4144;
    padding: 2px;
}

hr {
    height: 0px;
    border: solid #00314D 0px;
    border-top-width: 1px;
}

table {
    border-collapse: collapse;
    border: none !important;
    background-color: transparent;
}

table.main {
    background-color: transparent;
    border-collapse: collapse;
}

table.mainouter {
    background-color: transparent;
    border-collapse: collapse;
}

table.bottom {
    color: #FFFFFF;
    background: transparent;
    border-collapse: collapse;
}

table.main2 {
    background-color: transparent;
    border: 0px;
}

table.blok {
    background-color: transparent;
    border-collapse: collapse;
}

td.outer {
    background-color: transparent;
    border: none;
}

h1 {
    font-size: 12pt;
    text-align: center;
}

h2 {
    background-image: url(images/header_top.gif);
    font-size: 10pt;
    margin-bottom: 0px;
    margin-top: 5px;
    height: 18px;
    border-width: 0px;
    border-style: solid solid none solid;
    text-align: center;
    color: #fff;
}

.topnav {
    background-image: url(images/topnav.gif);
    padding: 5px;
}

h3 {
    font-size: 10pt;
    margin-bottom: 5px;
    text-align: center;
}

p {
    font-size: 8pt;
}

p.sub {
    margin-bottom: 4pt;
}

td {
    font-size: 8pt;
    border: 1px solid #f3dbaa;
}

td.block {
    font-size: 8pt;
    border: 0px;
    vertical-align: top;
    background-color: transparent;


}


td.right_menu {
    border: 0px;

}

td.commenttable {
    background-color: #FFFEF2;
}

td.embedded {
    border: none;
    text-align: left;
}

td.bottom1 {
    background-color: #C8C8C8;
    border-top: 1px solid #7f7f7f;
    color: #4e4e4e;
    padding-top: 10px;
}

td.bottom {

    border: none;

}

td.heading {
    font-weight: bold;
    border: 1px solid #E0E0E0;
}

td.text {
    padding: 10pt;
    text-align: left;
}

td.comment {
    padding: 10pt;
    font-size: 8pt;
    text-align: left;
}

td.colhead {
    font-weight: bold;
    color: #e5e8eb !important;
    /*background-image: url(images/h_t_c.jpg);*/
    background-repeat: repeat-x;
    background-image: url(images/header_top.gif);
    border: none;
    text-shadow: 0 1px 1px #336699;
    padding: 5px;
}
.colhead .alink {
    color: #e5e8eb;
}

td.colhead2 {
    font-weight: bold;
    color: #e5e8eb;

    background-image: url(images/header_top.gif);
    text-align: center;
    border: none;
    text-shadow: 0 1px 1px #336699;
}

td.rowhead {
    font-weight: bold;
    text-align: right;
}

td.title {
    font-size: 14pt;
}

td.navigation {
    font-weight: bold;
    font-size: 10pt;
    border: none;
}

form {
    margin-top: 0;
    margin-bottom: 0;
}

.sublink {
    font-style: italic;
    font-size: 7pt;
    font-weight: normal;
}

a:link, a:visited {
    text-decoration: none;
    color: #000;
    font-weight: bold;
}

a:hover {
    color: #000;
}

a.index {
    font-weight: bold;
}

a.biglink {
    font-weight: bold;
    font-size: 12pt;
}

a.online:link, a.online:visited {
    font-weight: normal;
    text-decoration: none;
}

/*a.online:active, a.online:hover {
        font-weight: normal;
        text-decoration: underline;
}*/

a.menu:link, a.menu:visited {
    font-weight: bold;
    padding-left: 1px;
}

a.menu:active {
    color: #000;
    position: relative;
    top: 1px;


}

a.menu:hover {
    color: #383e41;
}

a.menu {
    display: block;
    padding: 3px;
    text-align: left;
    text-decoration: none;
    background-color: transparent;
    font-weight: normal;
}

a.altlink_white:link, a.altlink_white:visited {
    font-weight: bold;
    color: #FBEED3;
}

a.altlink_white:hover {
    text-decoration: underline;
}

a.altlink:link, a.altlink:visited {
    font-weight: bold;
    color: #000;
    font-size: 11px;
}

a.altlink:hover {
    text-decoration: underline;
}

.important {
    font-weight: bold;
    font-size: 8pt;
}

div.popup {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 170px;
    height: 85px;
    border: 1px solid black;
    display: none;
    background-color: ffffff;
}

.red {
    color: #ee0000;
}

.yellow {
    color: #997700;
}

.green {
    color: #000000;
}

input:focus {
    color: #4b4b4b;
}

textarea:focus {
    border: 1px solid #FF8705;
    color: #4b4b4b;
}

input, file, select, textarea {
    margin-top: 3px;
    background-color: #FFFFFF;
    margin-bottom: 0px;
    font-family: "tahoma", "arial", "helvetica", "sans-serif";
    font-size: 8pt;
    border: solid #5E6A84 1px;

}

input.pass {
    background: url(images/pass.gif) no-repeat;
    background-color: #fff;
    background-position: 0 50%;
    color: #000;
    padding-left: 18px;
    width: 120px;
}

input.login {
    background: url(images/login.gif) no-repeat;
    background-color: #fff;
    background-position: 0 50%;
    color: #000;
    padding-left: 18px;
    width: 120px;

}

input.search {
    background: url(images/search.gif) no-repeat;
    background-color: #E4E4E4;
    color: #4f4f4f;
    padding-left: 18px;
}

.small {
    font-size: 7pt;
    color: #4E4E4E;
}

.big {
    font-size: 10pt;
}

li {
    margin-top: 6pt;
    margin-bottom: 6pt;
}

ul {
    margin-left: 0;
    margin-top: 0px;
    margin-bottom: 0px;
}

.startmenu {
    font-weight: bold;
    text-align: center;
    padding: 2px;
    margin: 0px;
    background-image: url(images/menu_head.gif);
}

.menutitle {
    font-weight: bold;
    text-align: center;
    color: #7E110E;
    margin: 2px;
    background-color: #FFC58C;
}

input.button {
    border: solid #FFC58C 1px;
    background-color: #FFC58C;

}

#menu {
    background: #333;
    height: 37px;
}

#menu a:link, #menu a:visited, #menu a:active {
    background: #333;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    line-height: 37px;
}

#menu a:hover, #menu #selected:link, #menu #selected:visited {
    background-color: #111;
}

#menu ul {
    margin: 0px;
    padding: 0px;
}

#menu li {
    float: left;
    list-style: none;
    line-height: 5px;
    font-size: 0.9em;
    margin: 0;
    padding: 0;
}

#menu a:link, #menu a:visited, #menu a:active {
    display: block;
    padding: 0 10px;
    text-decoration: none;
}

#menu a:hover, #menu #selected:link, #menu #selected:visited {
    background: #333;
}

#search {
    height: 33px;
    width: 183px;
    float: right;
    background-image: url(images/search-bg.png);
    background-repeat: repeat-x;
    padding: 4px 0 0 4px;
    line-height: 37px;
}

#search form td#search-field-bg {
    background-image: url(images/search-field.png);
    background-repeat: no-repeat;
    background-position: 0 4px;
    border: 0px;
}

#search form input#searchinput {
    width: 127px;
    height: 18px;
    border: 0px;
    margin-left: 4px;
    margin-right: 4px;
    font-size: 13px;
}

#sub-center {
    background: url(images/sub-center.gif) repeat-x;
    height: 50px;
    border: 0px;
    padding: 0;
    margin: 0;
}

#sub-left {
    background: url(images/sub-left.png) no-repeat;
    width: 12px;
    height: 47px;
    border: 0px;
    padding: 0;
    margin: 0;
}

#sub-right {
    background: url(images/sub-right.png) no-repeat;
    width: 12px;
    height: 47px;
    border: 0px;
    padding: 0;
    margin: 0;
}


#news-left {
    background: url(images/left_left.gif) repeat-y top left;
    border: none;
    width: 12px;
    padding: 0;
    margin: 0;
}

#news-right {
    background: url(images/left_right.gif) repeat-y top left;
    border: none;
    width: 12px;
    padding: 0;
    margin: 0;
}

#news-left-down {
    background: url(images/left_left_down.gif) no-repeat;
    width: 16px;
    height: 25px;
    border: none;
}

#news-center-down {
    background: url(images/left_center_down.gif) repeat-x;
    height: 25px;
    border: none;
}

#news-right-down {
    background: url(images/left_right_down.gif) no-repeat;
    width: 16px;
    height: 25px;
    border: none;
    margin-left: 10px;
}

#left-left {
    background: url(images/left_left.gif) repeat-y top left;
    border: none;
    width: 12px;
    padding: 0;
    margin: 0;
}

#left-right {
    background: url(images/left_right.gif) repeat-y top left;
    border: none;
    width: 12px;
    padding: 0;
    margin: 0;
}

#left-left-down {
    background: url(images/left_left_down.gif) no-repeat;
    width: 16px;
    height: 25px;
    border: none;
}

#left-center-down {
    background: url(images/left_center_down.gif) repeat-x;
    height: 25px;
    border: none;
}

#left-right-down {
    background: url(images/left_right_down.gif) no-repeat;
    width: 16px;
    height: 25px;
    border: none;
    margin-left: 10px;
}

#right-left {
    background: url(images/right_left.gif) repeat-y top left;
    border: none;
    width: 12px;
    padding: 0;
    margin: 0;
}

#right-right {
    background: url(images/right_right.gif) repeat-y top left;
    border: none;
    width: 12px;
    padding: 0;
    margin: 0;
}

#right-left-down {
    background: url(images/right_left_down.gif) no-repeat;
    width: 16px;
    height: 25px;
    border: none;
}

#right-center-down {
    background: url(images/right_center_down.gif) repeat-x;
    height: 25px;
    border: none;
}

#right-right-down {
    background: url(images/right_right_down.gif) no-repeat;
    width: 16px;
    height: 25px;
    border: none;
    margin-left: 10px;
}

.jcarousel-container {
    position: relative;
    background: transparent !important;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
    background: transparent !important;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    background: transparent !important;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    width: 75px;
    height: 75px;
}

.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}

.jcarousel-skin-tango .jcarousel-container {
    background: transparent !important;
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 670px;
    padding: 20px 17px;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width: 670px;
    height: 260px;
}

.jcarousel-skin-tango .jcarousel-item {
    width: 160px;
    height: 260px;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
    margin-right: 10px;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: transparent;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 120px;
    right: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(images/next-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 120px;
    left: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(images/prev-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

#jquery-overlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    width: 100%;
    height: 500px;
}

#jquery-lightbox {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
    text-align: center;
    line-height: 0;
}

#jquery-lightbox a img {
    border: none;
}

#lightbox-container-image-box {
    position: relative;
    background-color: #fff;
    width: 250px;
    height: 250px;
    margin: 0 auto;
}

#lightbox-container-image {
    padding: 10px;
}

#lightbox-loading {
    position: absolute;
    top: 40%;
    left: 0%;
    height: 25%;
    width: 100%;
    text-align: center;
    line-height: 0;
}

#lightbox-nav {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 10;
}

#lightbox-container-image-box > #lightbox-nav {
    left: 0;
}

#lightbox-nav a {
    outline: none;
}

#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
    width: 49%;
    height: 100%;
    zoom: 1;
    display: block;
}

#lightbox-nav-btnPrev {
    left: 0;
    float: left;
}

#lightbox-nav-btnNext {
    right: 0;
    float: right;
}

#lightbox-container-image-data-box {
    font: 10px Verdana, Helvetica, sans-serif;
    background-color: #fff;
    margin: 0 auto;
    line-height: 1.4em;
    overflow: auto;
    width: 100%;
    padding: 0 10px 0;
}

#lightbox-container-image-data {
    padding: 0 10px;
    color: #666;
}

#lightbox-container-image-data #lightbox-image-details {
    width: 100%;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
}

#lightbox-image-details-caption {
    font-weight: bold;
}

#lightbox-image-details-currentNumber {
    display: block;
    clear: left;
    padding-bottom: 1.0em;
}

#lightbox-secNav-btnClose {
    width: 66px;
    float: right;
    padding-bottom: 0.7em;
}

input.subject {
    background: url(images/subject.gif) no-repeat;
    padding-left: 34px;
}

input.message {
    background: url(images/message.png) no-repeat;
    padding-left: 67px;
    height: 20px !important;
    border: 1px solid silver;

}

.bbcodes {
    background-color: #ffffff;
    border: 1px solid #e0e0e0;
    color: #ffffff;
    font-size: 11px;		/* ! */
    font-family: tahoma; /* ! */
    /*  width: 120px;  */
    height: 20px;
    background-image: url(../../pic/bbcodes/bbcodes.gif);
    background-repeat: repeat-x;
    font-weight: bold;
}

.editor_button {
    float: left;
    cursor: pointer;
    padding-left: 2px;
    padding-right: 2px;
}

.editor_buttoncl {
    float: left;
    cursor: pointer;
    padding-left: 1px;
    padding-right: 1px;
    border-left: 1px solid #bbbbbb;
    border-right: 1px solid #bbbbbb;
}

.editbclose {
    float: right;
    cursor: pointer;
}

.editor_button select {
    font-family: tahoma;
    font-size: 11px;
}

.f_textarea {
    color: #757575;
    font-size: 11px;
    font-family: tahoma;
    background: #ffffff;

    width: 532px;
    height: 170px;
    border: 1px solid #e0e0e0;
    margin-bottom: 5px;
}

#thumbs td {
    text-align: left;
    vertical-align: bottom;
    padding: 5px;
}

#thumbs pre {
    padding: 0;
    margin: 0;
    font-family: tahoma;
    font-weight: bold;
}

.spoiler_head {
    color: #2A2A2A;
    font-weight: bold;
    border: 1px solid #C3CBD1;
    border-left: 3px solid #C3CBD1;
    padding: 3px;
    background: #E9E9E6;
    cursor: pointer;
}

.spoiler_body {
    border: 1px solid #C3CBD1;
    border-left: 3px solid #C3CBD1;
    border-top: none;
    padding: 3px;
    background: #F5F5F5;
}

.spoiler-foot {
    border-top: 1px solid #E6E6E6;
    color: #545454;
    cursor: pointer;
    font-size: 11px;
    margin-top: 6px;
    text-align: center !important;
}

div#dvd_container img {
    position: absolute;
    margin: 10px 0 0 26px;
}

div#dvd_container_big {
    width: 260px;
    float: left;
}

div#dvd_container_big img {
    position: absolute;
    margin: 10px 0 0 35px;
}

div#dvd_case {
    background: url(images/dvd_case.png);
    position: relative;
    z-index: 5;
    width: 160px;
    height: 202px;
    cursor: pointer;
}

div#dvd_box {
    background: url(images/dvd_box.png);
    position: relative;
    z-index: 5;
    width: 260px;
    height: 328px;
}


/* ================= */

#chatbox {
    border: 0 solid black;
    width: 100%;
}

.delmess {
    cursor: pointer;
}

.chatfieldset {
    border: 1px solid #999;
    padding: 3;
    margin: 0 0 6px 0;
    background: #eeeeff;
}

.chatfieldset img {
    cursor: pointer;
}

.maibaugrand {
    border-collapse: separate;
    border: 1px solid #3F83AE;
    width: 100%;
}

img {
    border: 0;
}

.comdiv {
    float: left;
    width: auto;
    text-align: left;
}

/* floatrx  */

#header {
    background: 9 b9b9b;
    width: 100%;
    height: 169px;
    display: block;
}


#nav_main {
    background: #111111 url(images/nav_cellpic.jpg) repeat-x;
    height: 24px;
    color: #d9be80;
    font-size: 9px;
    text-shadow: 0px 0px 2px black;
}

.left_img {
    position: relative;
    left: -18px;
}

#user_bar {
    background: transparent url(images/ubar_cellpic.png) repeat-x;
    height: 47px;
    color: #4f4f4f;
    font-size: 9px;
    text-shadow: 0px 0px 1px white;
    padding: 0px 10px 0px 10px;
    border: none !important;
    vertical-align: bottom;
    padding-bottom: 2px !important;
}

#cap {
    padding-top: 8px;
    text-shadow: 0px 1px 1px #113b56;
    color: #f7fdff;
    font-size: 11px;
    font-weight: bold;
}


#clr {
    background-color: transparent;
    border: none;
}


a.wl {
    color: white;
    text-decoration: none !important;
    border-bottom: 1px dotted #cfe5ff;
    font-weight: bold;
    cursor: pointer
}

a.wl:hover {
    color: #baff00
}

.ahtung {
    width: 70%;
    height: 76px;
    position: relative;
    margin: 25px auto;
    padding: 0 15px;
    background: transparent url(images/ahtung.png) no-repeat 0px 3px;
    text-align: justify;
}

.bottom-nav {
    color: white;
    font-size: 10pt;
    font-family: Tahoma;
    text-align: center;
    text-shadow: 0px 1px 1px #1a77b5;
    margin: -18px;
}

table.blbg, td.blbg {
    background-color: transparent !important
}


#logo {
    background: transparent;
    width: 50%;
    height: 140px;
    margin: 10px auto;
    opacity: 1;
    cursor: pointer;

}

/*10.05.10*/

table.blbg, td.blbg {
    background-color: transparent !important
}

td.highlight {
    background: #0A8DA9;
    color: #FAFAFA;
    padding: 0px 5px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    text-shadow: 0px 0px 2px gray;
    border: none;

    /*IE*/
    border-top: 2px solid #252525 \0/;
    background: transparent \0/;
    color: darkred \0/;
}

a.menu:hover {
    background: white;
    position: relative;
    left: -2px;
    padding: 2px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid silver;
}

a.menu:active {
    background: #e6e6e6;
    border: 1px solid #cbcbcb;
    color: silver !important;
    position: relative;
    left: -2px;
    text-shadow: 0px 1px 1px #FAFAFA;
}

/* floatrx:stylish buttons]*/
input[type="button"], input[type="submit"], input[type="reset"] {
    height: 18px !important;
    background: #e6e6e6 url(images/btn_bg.png) repeat-x 0px 0px !important;
    border: 1px solid #9fa4a8 !important;
    cursor: pointer;
    text-shadow: 0px 1px 0px white;
    box-shadow: 0px 0px 2px Silver;
    -moz-box-shadow: 0px 0px 2px Silver;
    -webkit-box-shadow: 0px 0px 2px Silver;
    padding: 0px 10px 10px !important;

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover,.chat_btn:hover {
    background-position: 0px -16px !important;
    border: 1px solid #b6b6b6 !important;
}

input[type="button"]:active, input[type="submit"]:active, input[type="reset"]:active {
    background-position: 0px -34px !important;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

input[type="button"][disabled], input[type="submit"][disabled], input[type="reset"][disabled] {
    background-position: 0px 0px !important;
    color: gray;
    opacity: 0.5;
}

input {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding-left: 2px;
}

input[type="checkbox"] {
    border: none !important;
    outline: none !important;
}

:focus {
    outline: none
}

.new_pm_block {
    color: #ffffff
    border: 1px solid #cfe2ee;
}

.new_pm_block:hover {
    background: #b3cf2a none;
}

.new_pm_block a {
    color: #284815 !important;
    text-shadow: 0px 0px 1px #71802a
}

.new_pm_block a:hover {
    color: orange !important;
    text-decoration: underline;
    text-shadow: none
}

.clickable {
    cursor: pointer
}

.block_left_all {
    background-image: url(images/h_block_left.jpg);
    background-repeat: repeat-y;
    border: 0px;
}

.block_left {
    background-image: url(images/f_block_left.jpg);
    background-repeat: no-repeat;
    background-position: bottom;
    border: 0px;
    padding-right: 19px;
    padding-bottom: 19px;
    padding-left: 19px;
}

.h_block_left {
    background-image: url(images/t_block_eft.jpg);
    background-repeat: no-repeat;
    background-position: top;
    border: 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: normal;
    color: #fbeed3;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
}

.h_t_c {
    background-image: url(images/h_t_c.jpg);
    background-repeat: repeat-x;
    border: 0px;

}

.t_c {

    border: 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: normal;
    color: #fbeed3;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
}

.l_t_c {
    background-image: url(images/r_t_c.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    border: 0px;
}

.r_t_c {
    background-image: url(images/l_t_c.png);
    background-repeat: no-repeat;
    background-position: right top;
    border: 0px;
}

.l_c {
    background-image: url(images/l_c.jpg);
    background-repeat: repeat-y;
    border: 0px;
}

.r_c {
    background-image: url(images/r_f.jpg);
    background-repeat: repeat-y;
    border: 0px;
}

.c_c {
    border: 0px;
    background-color: #f8ebd0;
}

.l_f_c {
    background-image: url(images/l_f_c.jpg);
    background-repeat: no-repeat;
    border: 0px;
}

.r_f_c {
    background-image: url(images/r_f_c.jpg);
    background-repeat: no-repeat;
    border: 0px;
}

.f_c {
    background-image: url(images/f_c.jpg);
    background-repeat: repeat-x;
    border: 0px;
}


.paginator {
    margin-top: 2px;
    font-size: 2em;
    width: 100%;
}

.paginator table {
    border: 0
}

.paginator table td {
    white-space: nowrap;
    text-align: center;
    border: 0;
    padding: 0
}

.paginator span {
    display: block;
    color: #fff;
    padding: 3px 0
}

.paginator span strong, .paginator span a {
    background: #e6e6e6 url(images/btn_bg.png) repeat-x 0px 0px;
    border: 1px solid #9fa4a8;
    cursor: pointer;
    text-shadow: 0px 1px 0px white;
    box-shadow: 0px 0px 2px Silver;
    -moz-box-shadow: 0px 0px 2px Silver;
    -webkit-box-shadow: 0px 0px 2px Silver;
    padding: 0px 10px 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.paginator span a:hover {
    background: #eaeaf9 url(images/btn_bg.png) repeat-x 0px 0px;
    border: 1px solid #9fa4a8;
    cursor: pointer;
    text-shadow: 0px 1px 0px white;
    box-shadow: 0px 0px 2px red;
    -moz-box-shadow: 0px 0px 2px red;
    -webkit-box-shadow: 0px 0px 2px red;
    padding: 0px 10px 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.paginator span a:active {
    border: 1px solid #6299c5;
    color: #fff;
    background: #6299c5
}

.paginator span strong {
    font-style: normal;
    font-weight: 400;
    background: #0f6cee
}

.paginator .scroll_bar {
    width: 100%;
    height: 20px;
    position: relative;
    margin-top: 6px
}

.paginator .scroll_trough {
    width: 100%;
    height: 3px;
    overflow: hidden;
    background: #ccc
}

.paginator .scroll_thumb {
    position: absolute;
    z-index: 2;
    width: 0;
    height: 3px;
    top: 0;
    left: 0;
    font-size: 1px;
    background: #363636
}

.paginator .scroll_knob {
    position: absolute;
    top: -5px;
    left: 50%;
    margin-left: -10px;
    width: 20px;
    height: 20px;
    overflow: hidden;
    cursor: pointer;
    background: url(/pic/slider_knob.gif) no-repeat 50% 50%
}

.paginator .current_page_mark {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 0;
    height: 3px;
    overflow: hidden;
    background: #ff6c24
}

.fullsize .scroll_thumb {
    display: none
}

.paginator_pages {
    width: auto;
    text-align: right;
    font-size: .8em;
    color: gray;
    margin-top: -10px
}


.spoiler-wrap {
    width: 99%;
    margin: 3px auto;
    padding: 1px 0px 1px;
    clear: both;
    background: #F6D183;
    border: solid #C3CBD1;
    border-width: 1px 1px 1px 1px;
}

.spoiler-head {
    padding: 2px 0px 3px;
    margin-left: 6px;
    line-height: 12px;
    font-weight: bold;
}

.spoiler-body {
    padding: 5px 5px 5px 5px;
    display: none;
    border-top: 1px solid #C3CBD1;
    background: #F5F5F5;
}

.clickable {
    cursor: pointer;
}

.folded {
    display: block;
    background: transparent url(/pic/plus.gif) no-repeat left center;
    padding-left: 14px;
}

.unfolded {
    display: block;
    background: transparent url(/pic/minus.gif) no-repeat left center;
    padding-left: 14px;
}

#vista_toolbar {
    line-height: 32px;
    list-style: none;
    margin: 0;
    overflow: hidden;
    text-overflow: clip;
    white-space: nowrap;
    width: 100%;
}

#vista_toolbar a {
    color: #FBEED3;
    line-height: 32px;
    text-decoration: none;
    display: inline;
    padding: 0 10px 0 10px;
    line-height: 32px;
    font-size: 12px;
    box-shadow: 0px 0px 3px #FDC347;
    -moz-box-shadow: 0px 0px 5px #FDC347;
    -webkit-box-shadow: 0px 0px 3px #FDC347;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #cbcbcb69;
}

#vista_toolbar a:hover {
    line-height: 32px;
    font-size: 12px;
    box-shadow: 0px 0px 3px #FDC347;
    -moz-box-shadow: 0px 0px 5px #FDC347;
    -webkit-box-shadow: 0px 0px 3px #FDC347;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #FDC347;
    padding: 0 10px 0 10px;
}

input.searchgif {
    background: #FFFFFF url(/pic/browse/search.gif) no-repeat scroll 0 50%;
    color: #000000;
    padding-left: 18px;
}


#poll_container {
    width: 100%;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

#poll_title {
    font-size: 14px;
    font-weight: bold;
    border: none;
    text-align: center;
}

.barmax, .bar {
    border: 1px solid #c1bcbc;
    padding-left: 2px;
    padding-right: 2px;
}

.bar {
    margin: 0px;
    COLOR: #D8D8D8;
    BACKGROUND-color: #d6d6d6;
    TEXT-DECORATION: none
}

.barmax {
    background: #1F759D;
}

code {
    font: 99.9%/1.2 consolas, 'courier new', monospace;
}

#from a {
    margin: 2px 2px;
    font-weight: normal;
}

#tags {
    width: 100%;
}

a.selected {
    background: #1843f9;
    color: #e6e6e6;
    border: 1px #D1D8EC solid;
}

.addition {
    margint-top: 2em;
    text-align: right;
}

.popup {
    cursor: help;
    text-decoration: none
}

input.mail {
    background: url(/pic/contact/email.gif) no-repeat;
    background-color: #fff;
    background-position: 0 50%;
    color: #000;
    padding-left: 18px;
}

.rowhead2 {
    font-weight: bold;
    text-align: right;

}

input.pass {
    background: url(/pic/contact/pass.gif) no-repeat;
    background-color: #fff;
    background-position: 0 50%;
    color: #000;
    padding-left: 18px;
}

input.login {
    background: url(/pic/contact/login.gif) no-repeat;
    background-color: #fff;
    background-position: 0 50%;
    color: #000;
    padding-left: 18px;
}







div#ajaxerror {
    background: #FFDDDD url(/pic/error.gif) no-repeat 5px 50%;
    padding: 5px 5px 5px 24px;
    text-align: left;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #333;
    font-size: 11px;
}

div#ajaxsuccess {
    background: #E7FFCE url(/pic/ok.gif) no-repeat 5px 50%;
    padding: 5px 5px 5px 24px;
    text-align: left;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #333;
    font-size: 11px;
}





input.mail {
    background: url(/pic/contact/email.gif) no-repeat;
    background-color: #fff;
    background-position: 0 50%;
    color: #000;
    padding-left: 18px;
}

.rowhead2 {
    font-weight: bold;
    text-align: right;
}

input.pass {
    background: url(/pic/pass.gif) no-repeat;
    background-color: #fff;
    background-position: 0 50%;
    color: #000;
    padding-left: 18px;
}

.rowhead2 {
    font-weight: bold;
    text-align: right;

}

input.login {
    background: url(/pic/login.gif) no-repeat;
    background-color: #fff;
    background-position: 0 50%;
    color: #000;
    padding-left: 18px;
}

.error2 {
    padding: 10px;
    margin-top: 5px;
    margin-bottom: 10px;
    margin-top: 5px;
    border: 1px dotted red;
}

.En_J {
    font-size: 11px;
    color: #FF00FF;
    font-family: Verdana;

    padding-top: 4px;
}

.E_nJ {
    font-size: 11px;
    font-family: Verdana;
    width: 70%;
    height: 21px;
    text-align: center;
}

input.pass {
    background: url(/pic/contact/pass.gif) no-repeat;
    background-color: #fff;
    background-position: 0 50%;
    color: #000;
    padding-left: 18px;
}

input.login {
    background: url(/pic/contact/login.gif) no-repeat;
    background-color: #fff;
    background-position: 0 50%;
    color: #000;
    padding-left: 18px;
}

-->

a.catlink:link, a.catlink:visited {
    text-decoration: none;
}

a.catlink:hover {
    border-top: dashed 1px #c3c5c6;
    padding: 0px;
}

.ac_results {
    padding: 0px;
    border: 1px solid black;
    background-color: white;
    overflow: hidden;
    z-index: 99999;
}

.ac_results ul {
    width: 100%;
    list-style-position: outside;
    list-style: none;
    padding: 0;
    margin: 0;
}

.ac_results li {
    margin: 0px;
    padding: 2px 5px;
    cursor: default;
    display: block; /*width: 100%;*/
    font: menu;
    font-size: 10pt;
    line-height: 16px;
    overflow: hidden;
}

.ac_loading {
    background: white url('pic/loading.gif') right center no-repeat;
}

.ac_odd {
    background-color: #eee;
}

.ac_over {
    background-color: #0A246A;
    color: white;
}

.effect {
    FILTER: alpha(opacity=60);
    -moz-opacity: .60;
    opacity: .60;
}

.effect2 {
    FILTER: alpha(opacity=50);
    -moz-opacity: .50;
    opacity: .50;
}

a#prevpromo, a#nextpromo, a#playmain {
    position: absolute;
    z-index: 2;
}

a.prevPromo, a.nextPromo {
    display: block;
    width: 23px;
    height: 26px;
    background: url(/pic/tabs/nav_promo_prev.png) no-repeat;
    float: left;
    margin: 0px;
    cursor: pointer;
}

a.prevPromo:hover, a.nextPromo:hover, a.play:hover, a.pause:hover {
    background-position: 0px -26px;
}

a.nextPromo {
    background-image: url(/pic/tabs/nav_promo_next.png);
    clear: right;
}

a.play, a.pause {
    display: block;
    width: 22px;
    height: 26px;
    background: url(/pic/tabs/nav_promo_play.png) no-repeat;
    float: left;
    margin: 0px;
    cursor: pointer;
    font-size: 1px;
}

a.pause {
    background-image: url(/pic/tabs/nav_promo_pause.png);
}

div#main_scrollable, div#news_scrollable {
    float: left;
}

div#main_scrollable {
    position: relative;
    overflow: hidden;
    width: 918px;
    height: 200px;
}

div#main_scrollable div.items {
    width: 20000em;
    position: absolute;
    clear: both;
}

div#main_scrollable div.items .item {
    float: left;
    width: 918px;
    height: 200px;
}

div#main_scrollable div.image {
    width: 35%;
    float: left;
}

div#main_scrollable div.context {
    width: 520px;
    float: right;
    padding: 1px 20px 5px;
}

div#main_scrollable h2 {
    font-size: 27px;
    line-height: 24px;
    margin: 0px;
    padding: 0px;
    font-weight: normal;
}

div#main_scrollable div.text {
    margin-top: 10px;
    line-height: 15px;
}

div#main_scrollable div.detail {
    text-align: right;
    font-weight: bold;
}

div#main_scrollable div.yellow div.context {
    color: #000;
}

div#main_scrollable div.yellow h2 {
    color: #005aab;
}

div#main_scrollable div.white2 h2 {
    color: #005aab;
}

div#main_scrollable div.gray {
    background: #EAEAEA;
}

div#main_scrollable div.gray h2 {
    color: #005aab;
}

/*div#main_scrollable div.white2 div.context { color: #005aab;}*/
div#main_scrollable div.yellow a {
    color: #005aab;
}

a.prevNews, a.nextNews {
    display: block;
    width: 8px;
    height: 232px;
    background: url(/pic/tabs/nav_main_prev.png) no-repeat;
    float: left;
    margin: 0px 1px;
    cursor: pointer;
    font-size: 1px;
}

a.prevNews:hover, a.nextNews:hover {
    background-position: 0px -232px;
}

a.nextNews {
    background-image: url(/pic/tabs/nav_main_next.png);
    clear: right;
}

div#news_scrollable {
    position: relative;
    overflow: hidden;
    width: 680px;
    height: 232px;
    padding: 0;
}

div#news_scrollable div.items {
    width: 20000em;
    position: absolute;
    clear: both;
}

div#news_scrollable div.items .item {
    float: left;
    width: 216px;
    padding: 12px 6px 8px 2px;
    height: 210px;
    margin-right: 1px;
    border: solid 1px #cfcfcf;
    background: #f6f6f6;
}

div#news_scrollable .item img {
    border-left: solid 4px #ffda1a;
    padding: 0px 1px;
}

div#news_scrollable .item .title {
    font-size: 10pt;;
    font-weight: bold;
    margin: 0px 10px 16px 12px;
}

div#news_scrollable .item .detail {
    color: #005aab;
    margin: 10px 14px;
}

div#news_scrollable .item .detail a {
    padding: 2px;
    background: #ffd61c;
    color: #000;
    text-decoration: none;
}

a img {
    border: 0;
    text-decoration: none;
    outline: 0;
}

#page-wrap {
    width: 760px;
    padding: 15px;
    background: white;
    margin: 0 auto 50px;
    position: relative;
}

#col1 {
    width: 49%;
    float: left;
    margin: 0 0 20px 0;
}

#col2 {
    width: 49%;
    float: right;
}

pre {
    font: 13px/1.8 Monaco, MonoSpace;
    margin: 0 0 15px 0;
}

.any ul {
    margin: 0 0 25px 25px;
}

.anie ul .anie li {
    font: 15px Georgia, Serif;
    margin: 0 0 8px 0;
}

#dl {
    position: absolute;
    top: 10px;
    right: 0;
    background: black;
    color: white;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 3px 6px;
}

#dl:hover {
    background: #666;
}

.image {
    position: relative;
    margin-bottom: 20px;
    width: 100%;
}

.image h2 {
    position: absolute;
    top: 220px;
    left: 0;
    width: 100%;
}

.image h2 span {
    color: white;
    font: bold 30px/40px Helvetica, Sans-Serif;
    letter-spacing: -1px;
    background: rgb(0, 0, 0);
    background: rgb(0, 0, 0, 0.7);
    padding: 6px 8px;
}

.image h2 span.spacer {
    padding: 0 2px;
    background: none;
}

#textSlide {
    padding: 10px 30px;
}

#textSlide h3 {
    font: 20px Georgia, Serif;
}

#textSlide h4 {
    text-transform: uppercase;
    font: 15px Georgia, Serif;
    margin: 10px 0;
}

#textSlide ul {
    list-style: disc;
    margin: 0 0 0 25px;
}

#textSlide ul li {
    display: list-item;
}

#quoteSlide {
    padding: 20px;
}

#quoteSlide blockquote {
    font: italic 24px/1.5 Georgia, Serif;
    text-align: center;
    color: #444;
    margin: 0 0 10px 0;
}

#quoteSlide p {
    text-align: center;
}

.anythingSlider {
    width: 760px;
    height: 360px;
    position: relative;
    margin: 0 auto 15px;
}

.anythingSlider .wrapper {
    width: 680px;
    overflow: auto;
    height: 341px;
    margin: 0 40px;
    position: absolute;
    top: 0;
    left: 0;
}

.anythingSlider .wrapper ul {
    width: 9999px;
    list-style: none;
    position: absolute;
    top: 0;
    left: 0;
    background: #eee;
    border-top: 3px solid #e0a213;
    border-bottom: 3px solid #e0a213;
    margin: 0;
}

.anythingSlider ul li {
    display: block;
    float: left;
    padding: 0;
    height: 317px;
    width: 680px;
    margin: 0;
}

.anythingSlider .arrow {
    display: block;
    height: 200px;
    width: 60px;
    background: url(/pic/arrows.png) no-repeat 0 0;
    text-indent: -9999px;
    position: absolute;
    top: 65px;
    cursor: pointer;
}

.anythingSlider .forward {
    background-position: 0 0;
    right: -20px;
}

.anythingSlider .back {
    background-position: -67px 0;
    left: -20px;
}

a.forward:active {
    background-position: 0 -200px;
}

a.back:active {
    background-position: -67px -200px;
}

#thumbNav {
    position: relative;
    top: 323px;
    text-align: center;
}

#thumbNav a {
    color: black;
    font: 18px;
    Georgia, Serif;
    display: inline-block;
    padding: 2px 8px;
    height: 25px;
    margin: 0 5px 0 0;
    background: #c58b04 url(/pic/cellshade.png) repeat-x;
    text-align: center;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
}

#thumbNav a:hover {
    background-image: none;
}

#thumbNav a.cur {
    background: #e0a213;
}

#start-stop {
    background: red;
    background-image: url(/pic/cellshade.png);
    background-repeat: repeat-x;
    color: white;
    padding: 2px 5px;
    width: 40px;
    text-align: center;
    position: absolute;
    right: 45px;
    top: 323px;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
}

#start-stop.playing {
    background-color: green;
}

#start-stop:hover {
    background-image: none;
}

.anythingSlider .wrapper ul ul {
    position: static;
    margin: 0;
    background: none;
    overflow: visible;
    width: auto;
    border: 0;
}

.anythingSlider .wrapper ul ul li {
    float: none;
    height: auto;
    width: auto;
    background: none;
}

.alink2 {
    display: inline-block;
    padding: 4px;
    outline: 0;
    color: #3362A3;
    -webkit-transition-duration: 0.25s;
    -moz-transition-duration: 0.25s;
    -o-transition-duration: 0.25s;
    transition-duration: 0.25s;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    transition-property: transform;
    -webkit-transform: scale(1) rotate(0);
    -moz-transform: scale(1) rotate(0);
    -o-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
}

.alink2:hover {
    background: #2F81DB;
    text-decoration: none;
    color: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;

    border-radius: 4px;
    -webkit-transform: scale(1.05) rotate(-1deg);
    -moz-transform: scale(1.05) rotate(-1deg);
    -o-transform: scale(1.05) rotate(-1deg);
    transform: scale(1.05) rotate(-1deg);
}

.alink2:nth-child(2n):hover {
    -webkit-transform: scale(1.05) rotate(1deg);
    -moz-transform: scale(1.05) rotate(1deg);
    -o-transform: scale(1.05) rotate(1deg);
    transform: scale(1.05) rotate(1deg);
}

/* новый пагинатор для Perl 2014 */
.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 10px 0;
    border-radius: 4px;
}

.pagination > li {
    display: inline;
}

.pagination > li > a,
.pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.428571429;
    text-decoration: none;
    background-color: #ffffff;
    border: 1px solid #dddddd;
}

.pagination > li:first-child > a,
.pagination > li:first-child > span {
    margin-left: 0;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
}

.pagination > li:last-child > a,
.pagination > li:last-child > span {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
    background-color: #eeeeee;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    z-index: 2;
    color: #ffffff;
    cursor: default;
    background-color: #428bca;
    border-color: #428bca;
}

.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
    color: #999999;
    cursor: not-allowed;
    background-color: #ffffff;
    border-color: #dddddd;
}

.pagination-sm > li > a,
.pagination-sm > li > span {
    padding: 5px 10px;
    font-size: 12px;
}

.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
}

.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.pager {
    padding-left: 0;
    margin: 10px 0;
    text-align: center;
    list-style: none;
}

.pager:before,
.pager:after {
    display: table;
    content: " ";
}

.pager:after {
    clear: both;
}

.pager:before,
.pager:after {
    display: table;
    content: " ";
}

.pager:after {
    clear: both;
}

.pager li {
    display: inline;
}

.pager li > a,
.pager li > span {
    display: inline-block;
    padding: 5px 14px;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    border-radius: 15px;
}

.pager li > a:hover,
.pager li > a:focus {
    text-decoration: none;
    background-color: #eeeeee;
}

.pager .next > a,
.pager .next > span {
    float: right;
}

.pager .previous > a,
.pager .previous > span {
    float: left;
}

.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
    color: #999999;
    cursor: not-allowed;
    background-color: #ffffff;
}

/* новый пагинатор для Perl 2014 */

/* новый блок самые комментируемые для Perl 2014 */
#twocolumns {
    border-right: 1px solid #E6E7E9;
    border-style: none solid solid;
    border-width: 0 1px 1px;
    margin: 0 0 0 -1px;
    position: relative;
    width: 100%;
}

#sidebar {
    float: right;
    position: relative;
    width: 100%;
    z-index: 9;
}

.side-box {
    background: none repeat scroll 0 0 #FFFFFF; /*задний фон всего блока, патч для осн цветов*/
    border: 1px solid #CCCCCC;
    margin: 0 -1px 12px;
    padding: 10px;
}

.slider-list {
    list-style: none outside none;
    margin: 0;
    padding: 0;
    display: block;
    font-family: "Segoe UI", "Helvetica Neue", Helvetica, sans-serif;
    font-size: 12px;
    line-height: 18px;
}

.slider-list li {
    margin: 0 0 18px;
}

.price-slider {
    width: 100%;
}

.price-slider .ui-slider {
    background: none repeat scroll 0 0 #F1F1F1; /*оставший задний фон полосы*/
    height: 17px;
    position: relative;
}

.price-slider .ui-slider .ui-slider-range {
    background: none repeat scroll 0 0 #BABDBE; /*первый задний фон полосы*/
    /* cursor: pointer;*/
    height: 17px;
    position: absolute;
}

.price-slider .ui-slider .ui-slider-handle {
    background: none repeat scroll 0 0 #0072BC; /*цвет заднего фона числа комментариев 1из2*/
    color: #FFFFFF; /*число комментариев*/
    font-size: 10px;
    line-height: 17px;
    position: absolute;
    text-align: center;
    width: 10%;
}

.price-slider .ui-slider .ui-slider-handle span {
    border-right: 8px solid rgba(0, 0, 0, 0);
    border-top: 8px solid #0072BC; /*цвет заднего фона числа комментариев 2из2*/
    height: 0;
    left: 25%;
    position: absolute;
    top: 100%;
    width: 0;
}

/* новый блок самые комментируемые для Perl 2014 */


.preview_desc .prv_click {
    opacity: 0;
    font-style: italic;
    transition: opacity 0.7s, box-shadow .3s;
    -webkit-transition: opacity 0.7s, box-shadow .3s;
    -moz--transition: opacity 0.7s, box-shadow .3s;
}

.preview_desc:hover .prv_click {
    opacity: 1;
}


/*цитаты*/
blockquote {
    font-style: italic;
}

blockquote:before {
    color: #bbb;
    content: "\201C"; /* Непечатаемый символ слева */
    font-size: 3em;
    line-height: 0.1em;
    margin-right: 0.2em;
    vertical-align: -.4em;
}

blockquote:after {
    color: #bbb;
    content: "\201D"; /* Непечатаемый символ справа */
    font-size: 3em;
    line-height: 0.1em;
    vertical-align: -.45em;
}

blockquote > p:first-child {
    display: inline;
}

/*цитаты*/

.paginator {
    margin-top: 2px;
    font-size: 2em;
    width: 100%;
}

.paginator table {
    border: 0
}

.paginator table td {
    white-space: nowrap;
    text-align: center;
    border: 0;
    padding: 0
}

.paginator span {
    display: block;
    color: #ffffff;
    padding: 3px 0
}

.paginator span strong, .paginator span a {
    background: none repeat scroll 0 0 #A4BBC6;
    border: 0 none;
    border-radius: 3px 3px 3px 3px;
    color: #FFFFFF;
    font-weight: bold;
    height: 26px;
    line-height: 27px;
    margin: 0;
    padding: 0 10px 2px;
    text-shadow: 0 1px 1px #7593A1;
}

.paginator span a:hover {
    background: none repeat scroll 0 0 #A4BBC6;
    border: 0 none;
    border-radius: 3px 3px 3px 3px;
    color: #FFFFFF;
    font-weight: bold;
    height: 26px;
    line-height: 27px;
    margin: 0;
    padding: 0 10px 2px;
    text-shadow: 0 1px 1px #7593A1;
}

.paginator span a:active {
    background: none repeat scroll 0 0 #A4BBC6;
    border: 0 none;
    border-radius: 3px 3px 3px 3px;
    color: #FFFFFF;
    font-weight: bold;
    height: 26px;
    line-height: 27px;
    margin: 0;
    padding: 0 10px 2px;
    text-shadow: 0 1px 1px #7593A1;
}

.paginator span strong {
    font-style: normal;
    font-weight: 400;
    background: #3A8AD0
}

.paginator .scroll_bar {
    width: 100%;
    height: 20px;
    position: relative;
    margin-top: 6px
}

.paginator .scroll_trough {
    width: 100%;
    height: 3px;
    overflow: hidden;
    background: #ccc
}

.paginator .scroll_thumb {
    position: absolute;
    z-index: 2;
    width: 0;
    height: 3px;
    top: 0;
    left: 0;
    font-size: 1px;
    background: #363636
}

.paginator .scroll_knob {
    position: absolute;
    top: -5px;
    left: 50%;
    margin-left: -10px;
    width: 20px;
    height: 20px;
    overflow: hidden;
    cursor: pointer;
    background: url(/pic/slider_knob.gif) no-repeat 50% 50%
}

.paginator .current_page_mark {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 0;
    height: 3px;
    overflow: hidden;
    background: #ff6c24
}


/* даем статические размеры выпадающему списку, чтобы не растягивал блок выше указанного */
.block_left select option, .block_left select, .block_right select option, .block_right select {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 158px;
}


/* leaf animations */
#leaves {
    position: relative;
    /* top: 1px; */
    right: -13%;
    overflow: hidden;
    width: 600px;
    /* text-align: right; */
    /* max-height: 141px; */
    top: 0;
    height: 150px;
}

#leaves i {
    display: inline-block;
    position: relative;
    /* top: 1px; */
    right: -13%;
    overflow: hidden;
    width: 600px;
    background: linear-gradient(to bottom right, #309900, #005600);
    transform: skew(20deg);
    border-radius: 5% 40% 70%;
    box-shadow: inset 0px 0px 1px #222;
    border: 1px solid #333;
    z-index: 1;
    -webkit-animation: falling 5s 0s infinite;
}

#leaves i:nth-of-type(2n) {
    -webkit-animation: falling2 5s 0s infinite;
}

#leaves i:nth-of-type(3n) {
    -webkit-animation: falling3 5s 0s infinite;
}

#leaves i:before {
    position: absolute;
    content: '';
    top: 17px;
    right: 9px;
    height: 27px;
    width: 32px;
    transform: rotate(49deg);
    border-radius: 0% 15% 15% 0%;
    border-top: 1px solid #222;
    border-bottom: 1px solid #222;
    border-left: 0px solid #222;
    border-right: 1px solid #222;
    background: linear-gradient(to right, rgba(0, 100, 0, 1), #005600);
    z-index: 1;
}

#leaves i:after {
    content: '';
    height: 125px;
    width: 10px;
    background: linear-gradient(to right, rgba(0, 0, 0, .15), rgba(0, 0, 0, 0));
    display: block;
    transform: rotate(125deg);
    position: absolute;
    left: 85px;
    border-radius: 50%;
}


#leaves i:nth-of-type(n) {
    height: 23px;
    width: 30px;
}

#leaves i:nth-of-type(n):before {
    width: 7px;
    height: 5px;
    top: 17px;
    right: 1px;
}

#leaves i:nth-of-type(n):after {
    width: 2px;
    height: 17px;
    left: 12px;
    top: 0px;
}

#leaves i:nth-of-type(2n+1) {
    height: 11px;
    width: 16px;
}

#leaves i:nth-of-type(2n+1):before {
    width: 4px;
    height: 3px;
    top: 7px;
    right: 0px;
}

#leaves i:nth-of-type(2n+1):after {
    width: 2px;
    height: 6px;
    left: 5px;
    top: 1px;
}

#leaves i:nth-of-type(3n+2) {
    height: 17px;
    width: 23px;
}

#leaves i:nth-of-type(3n+2):before {
    height: 4px;
    width: 4px;
    top: 12px;
    right: 1px;
}

#leaves i:nth-of-type(3n+2):after {
    height: 10px;
    width: 2px;
    top: 1px;
    left: 8px;
}

#leaves i:nth-of-type(n) {
    -webkit-animation-delay: 1.9s;
}

#leaves i:nth-of-type(2n) {
    -webkit-animation-delay: 3.9s;
}

#leaves i:nth-of-type(3n) {
    -webkit-animation-delay: 2.3s;
}

#leaves i:nth-of-type(4n) {
    -webkit-animation-delay: 4.4s;
}

#leaves i:nth-of-type(5n) {
    -webkit-animation-delay: 5s;
}

#leaves i:nth-of-type(6n) {
    -webkit-animation-delay: 3.5s;
}

#leaves i:nth-of-type(7n) {
    -webkit-animation-delay: 2.8s;
}

#leaves i:nth-of-type(8n) {
    -webkit-animation-delay: 1.5s;
}

#leaves i:nth-of-type(9n) {
    -webkit-animation-delay: 3.3s;
}

#leaves i:nth-of-type(10n) {
    -webkit-animation-delay: 2.5s;
}

#leaves i:nth-of-type(11n) {
    -webkit-animation-delay: 1.2s;
}

#leaves i:nth-of-type(12n) {
    -webkit-animation-delay: 4.1s;
}

#leaves i:nth-of-type(13n) {
    -webkit-animation-delay: 1s;
}

#leaves i:nth-of-type(14n) {
    -webkit-animation-delay: 4.7s;
}

#leaves i:nth-of-type(15n) {
    -webkit-animation-delay: 3s;
}

#leaves i:nth-of-type(n) {
    background: linear-gradient(to bottom right, #309900, #005600);
}

#leaves i:nth-of-type(2n+2) {
    background: linear-gradient(to bottom right, #5e9900, #2b5600);
}

#leaves i:nth-of-type(4n+1) {
    background: linear-gradient(to bottom right, #990, #564500);
}

#leaves i:nth-of-type(n) {
    opacity: .7;
}

#leaves i:nth-of-type(3n+1) {
    opacity: .5;
}

#leaves i:nth-of-type(3n+2) {
    opacity: .3;
}

#leaves i:nth-of-type(n) {
    transform: rotate(180deg);
}


#leaves i:nth-of-type(n) {
    -webkit-animation-timing-function: ease-in-out;
}

@-webkit-keyframes falling {

    0% {
        -webkit-transform: translate3d(300, 0, 0) rotate(0deg);
    }

    100% {
        -webkit-transform: translate3d(-350px, 700px, 0) rotate(90deg);
        opacity: 0;
    }
}

@-webkit-keyframes falling3 {
    0% {
        -webkit-transform: translate3d(0, 0, 0) rotate(-20deg);
    }

    100% {
        -webkit-transform: translate3d(-230px, 640px, 0) rotate(-70deg);
        opacity: 0;
    }
}

@-webkit-keyframes falling2 {
    0% {
        -webkit-transform: translate3d(0, 0, 0) rotate(90deg);
    }

    100% {
        -webkit-transform: translate3d(-400px, 680px, 0) rotate(0deg);
        opacity: 0;
    }
}

/* leaf animations */

.alink{display:inline-block;padding:4px;outline:0;color:#e5e8eb;}
.alink:hover{  text-decoration: underline; }
.alink:nth-child(2n):hover{}
.alink:active {text-decoration: underline;}


/* попытка улучшить шапку сайта вместо flash */
@keyframes zoominout {
    10% {   opacity: 1; }
    50% {
        transform: scale(1.2); opacity: 1;
    }
}
.s_container {
    position: relative;
    overflow: hidden; /* Обрезать дочерние элементы, если они выходят за пределы */
    width: 66%;
    left: 12%;
    height: 152px;
}
.s3-shape, .s4-shape {
    opacity: 0;
    position: absolute;
    top: 0;
    height: 100%; /* Заполнить высоту контейнера */
    width: 80%; /* 80% ширины контейнера */
}
.s3-shape:hover, .s4-shape:hover {
   opacity: 0.8;
}
.s3-shape {
    left: 30%;
    animation: zoominout 10s infinite;
    animation-delay: 2s;
    background-position: left;
    background-size: contain;
    background-image: url("images/s3.png");
}
.s4-shape {
    right: 30%;
    background-size: contain;
    background-position: right;
    animation: zoominout 6s infinite;
    animation-delay: 2s;
    background-image: url("images/s4.png");
}
/* попытка улучшить шапку сайта вместо flash */



/* кнопки на скачивание торрент или магнет */
.download_urls strong:hover, .download_urls a:hover {
    text-decoration: none !important;
}

.download_urls{
    margin: 4px;
    /*display: flex;*/
    display: inline-flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 179px;
    height: 34px;
    border: none;
    outline: none;
    color: #fff;
    background: #111;
    cursor: pointer;
    position: relative;
    z-index: 0;
    border-radius: 10px;
    text-align: center;
    vertical-align: middle;
}

.download_urls:before {
    content: '';
    background: linear-gradient(45deg, #ff0000, #ff7300, #fffb00, #48ff00, #00ffd5, #002bff, #7a00ff, #ff00c8, #ff0000);
    position: absolute;
    top: -2px;
    left:-2px;
    background-size: 400%;
    z-index: -1;
    filter: blur(5px);
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    animation: glowing 20s linear infinite;
    opacity: 0;
    transition: opacity .3s ease-in-out;
    border-radius: 10px;
}
.download_urls:active {
    color: #000
}

.download_urls:active:after {
    background: transparent;
}

.download_urls:hover:before {
    opacity: 1;
}

.download_urls:after {
    z-index: -1;
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: #111;
    left: 0;
    top: 0;
    border-radius: 10px;
}

.download_urls.utorrent, .download_urls.utorrent:after {
    color: #fff !important;
    /*background: #0d6591 !important;*/
    /*background-image: url(images/h_t_c.jpg);*/
}
.download_urls.magnet, .download_urls.magnet:after {
    color: #fff !important;
    background: #ab209fc9 !important;

    /*background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);*/
    /*background-size: 1rem 1rem;*/
}

/*Перенос кнопок (Скачать и Магнет ссылка) в 1 строку*/
td.afterhead.download {
    display: flex;
    font-size: 14px;
}

/*Скрытие текста у кнопок*/
span.text_afterhead {
    display: none;
}
/*Перенос кнопок (Скачать и Магнет ссылка) в 1 строку*/

/*Рамка в  тексте(Необходимо зарегистрироваться и авторизоваться, чтобы скачать .torrent файл.) для гостя*/
td.afterhead.nodownload {

    background: rgb(253,29,29);
    background: linear-gradient(90deg, rgba(253,29,29,1) 35%, rgba(252,176,69,1) 66%, rgba(236,181,67,1) 100%);
    color: white; /* Задаем белый цвет текста для контраста */
    padding: 10px; /* Добавляем отступ вокруг текста, чтобы сделать его выразительным */
    border-radius: 10px; /* Закругляем углы фона, чтобы сделать его более красивым */
    font-size: 18px;
}
/*Рамка в  тексте(Необходимо зарегистрироваться и авторизоваться, чтобы скачать .torrent файл.) для гостя*/

@keyframes glowing {
    0% { background-position: 0 0; }
    50% { background-position: 400% 0; }
    100% { background-position: 0 0; }
}
/* кнопки на скачивание торрент или магнет */

/* пользовательский блок v 2 */
.block_user ul li:not(.usr) { margin: unset !important; padding: 0; }

/* персоны кино, наведение на карточку */
.catalog-persons ul li:hover, ul.licla li:hover {
    background-color: #336699; /* Цвет фона при наведении */
    border-radius: 10px;
}

.catalog-persons ul li:hover a, ul.licla li:hover a {
    color: white;
}

.chat_btn {
    cursor: pointer;
    width: 40px;
    /*height: 24px;*/
    color: white;
    background: #a4bbc6;
    border: 0;
    -moz-border-radius: 3px;
    -opera-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    text-shadow: 0 1px 1px #7593a1;
    /* margin: 0; */
    margin: 0 2px;
}

.catalog-persons ul li a img, ul.licla li a img {
    max-width: 160px;
    width: 158px;
}

.catalog-persons ul li, ul.licla li {
    width: 158px;
    height: auto;
    display: inline-block;
    text-align: center;
    line-height: normal;
    margin: auto;
    vertical-align: top;
    padding: unset !important;
}

/* кнопки svg */
.btn_s:not(.bt_release) {
    mask: unset !important;
    -webkit-mask: unset !important;
}
.btn_s.bt_edit {
    background: url('/pic/curriculum_vitae.png') no-repeat center !important;
}
.btn_s.bt_bookmark {
    background: url('/pic/love_on.gif') no-repeat center !important;
}
.btn_s.bt_copy {
    background: url('/pic/blank_open.png') no-repeat center !important;
}
.btn_s.bt_pict {
    background: url('/pic/disk_multiple.png') no-repeat center !important;
}
.btn_s.bt_check {
    background: url('/pic/head2_2.gif') no-repeat center !important;
}
.btn_s.bt_download {
    background: url('/pic/megs.gif') no-repeat center !important;
}

svg.normalFill { fill: #9d9696a3 }
svg.ratedFill {  fill: red }

.catalog-persons ul li, ul.licla li {
    width: 139px !important;
}

.catalog-persons ul li a img, ul.licla li a img {
    max-width: 138px !important;
    width: 136px !important;
}

/* пузырьки на табах */
.tab * .count-bubble {
    display: inline-block;
    border: 1px solid #f3f3f333 !important;
    background: #a94848;
    cursor: pointer;
    color: #f0f3f5;
    margin-left: 4px;
    padding: 0px 5px;
    border-radius: 20px !important;
    /*transition: background-color 0.3s ease, color 0.3s ease;*/
}
.tab:hover * .count-bubble { }
@keyframes flip-in {
    0% {
        transform: translateY(100%);
        opacity: 0;
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}
.count-bubble.unread_bubble {
    border-left: 1px dotted #3a8ad0c7 !important;
    color: #f0f3f5;
    border-radius: 4px;
    text-align: center
}
/* пузырьки на табах */

#chatContainer {
    min-width: 350px
}