@CHARSET "UTF-8";
/* global styles for all projects */
html, body {width: 100%; height: 100%;}
html, body, form, td, th {margin: 0; padding: 0;}
body {
    background: #fff;
    color: #000;
    font: 12px/17px Arial, Tahoma, sans-serif, monospace;
}
table {border-collapse: collapse; font: 12px Arial, Tahoma, sans-serif, monospace;}
img {border:0;}

a {text-decoration: underline; color: #3e3517;}
a:hover {text-decoration: none;}

blockquote, p {text-align: justify;}

.clear {clear: both;}
.fleft {float: left;}
.fright {float: right;}

.tech-table {
    width: 100%;
}
.tech-table thead th {
    background: #e8eef7;
    border: 1px solid #69f;
    padding: 3px;
}
.tech-table tfoot th {
    background: #e8eef7;
    border: 1px solid #69f;
    padding: 3px;
}
.tech-table tr td {
    background: #fff;
    border: 1px solid #69f;
    padding: 5px;
    color: #036;
}
.tech-table tr:hover td {
    background: #ffa;
    color: #036;
}

/* realway */
body {
    background: #101112;
}
#container {
    background: #101112 url('../images/bg-body.jpg') center top no-repeat;
    min-width: 1017px;
    overflow: hidden;
    margin-left: -17px;
}
    #wrapper {
        width: 1034px;
        margin:  0 auto 0 auto;
    }
        #header {
            width: 1000px; height: 248px;
            margin: auto;
            border-bottom: 1px solid #505050;
            position: relative;
        }
            #logo_ru, #logo_en {
                width: 572px; height: 148px;
                margin: 35px 0 0 44px; padding: 0;
                float: left;
            }
                #logo_ru a {
                    display: block;
                    width: 572px; height: 148px;
                    background: url('../images/ru/logo.png') no-repeat;
                }
                #logo_en a {
                    display: block;
                    width: 572px; height: 148px;
                    background: url('../images/en/logo.png') no-repeat;
                }
                    #logo_ru a span, #logo_en a span {
                        display: none;
                    }
            #lang-switcher {
                position: absolute;
                top: 100px; right: 70px;
            }
                #lang-switcher a {
                    display: block;
                    color: #fff;
                    float: left;
                    margin-right: 10px;
                    width: 30px; height: 16px;
                    padding-top: 5px;
                    text-align: center;
                    text-transform: uppercase;
                    font-weight: bold;
                    font-size: 14px;
                    line-height: 12px;
                }
                #lang-switcher a:hover {
                    color: #fff !important;
                }
                #lang-switcher a.active {
                    border: 1px solid #fff;
                    text-decoration: none;
                    background: url('../images/bg-lang.png');
                }
            #top-menu {
                width: 1000px; height: 39px;
                position: absolute;
                left: 0; bottom: 0;
                background: url('../images/bg-top-menu.png') repeat-x;
            }
                #top-menu ul {
                    list-style: none;
                    width: 725px;
                    margin: 5px auto 0 auto; padding: 0;
                }
                    #top-menu ul li {
                        margin: 5px 0 5px 0; padding: 0 5px;
                        float: left;
                        color: #777;
                        height: 24px;
                        position: relative;
                    }
                        #top-menu ul li a {
                            font-size: 12px;
                            font-family: Tahoma, Arial, sans-serif, monospace;
                            font-weight: bold;
                            color: #fff;
                        }
                        #top-menu ul li:hover {
                            color: #ff8a00;
                            background: #474747;
                        }
                        #top-menu ul li.active a {
                            color: #ff8a00;
                            text-decoration: none;
                        }
                    /* submenu */
                    #top-menu ul li ul {
                        display: none;
                        position: absolute;
                        background: #474747;
                        width: 180px;
                        margin: 0;
                        left: 0; top: 23px;
                        list-style: disc inside;
                        z-index: 9999999;
                    }
                        #top-menu ul li ul li {
                            float: none;
                            margin: 0 0 0 5px;
                            color: #fff !important;
                        }
                            #top-menu ul li ul li a {
                                color: #fff !important;
                                text-decoration: underline !important;
                            }
                            #top-menu ul li ul li a:hover {
                                color: #ff8a00 !important;
                                text-decoration: none !important;
                            }
                            #top-menu ul li ul li.active a {
                                color: #ff8a00 !important;
                                text-decoration: none !important;
                            }
                        #top-menu ul li:hover ul {
                            display: block;
                        }

        #content {
            width: 1034px;
            margin: auto;
            background: #d3d3d3 url('../images/bg-content.png') repeat-y;
            padding-bottom: 20px;
        }
            #content .bg-left {
                background: url('../images/bg-content-left.jpg') left top no-repeat;
            }
            #content .bg-right {
                background: url('../images/bg-content-right.jpg') right top no-repeat;
                position: static;
            }
            #content .left {
                float: left;
                width: 280px;
                margin-left: 17px;
            }
                #content .left .block {
                    width: 280px;
                    line-height: 14px;
                    font-size: 13px;
                    margin-bottom: 20px;
                }
                    #content .left .block h3 {
                        background: url('../images/bg-blocks-header.png') repeat-x;
                        display: block;
                        margin: 0; padding: 8px 0 0 20px;
                        height: 23px;
                        font-size: 12px;
                        text-transform: uppercase;
                        color: #ff8a00;
                        font-family: Tahoma, Arial, sans-serif, monospace;
                    }
                    #content .left .block .illustration {
                        float: left;
                        margin: 3px 6px 4px 0;
                        border: 3px double #9e9e9e;
                    }
                    #content .left .block div.text {
                        margin: 0; padding: 10px 10px 10px 20px;
                    }
                    #content .left .block .t-name {
                        color: #900000;
                        font-weight: bold;
                        margin-bottom: 5px;
                    }
                        #content .left .block .t-name a {
                            color: #900000;
                            font-weight: bold;
                            margin-bottom: 5px;
                        }
                    #content .left .block .workshops {
                        border-bottom: 1px dotted gray;
                        padding-bottom: 10px;
                    }
                        #content .left .block .workshops .announce {
                            margin-bottom: 15px; padding-left: 12px;
                            background: url('../images/bullet-workshop.png') 0 5px no-repeat;
                            display: block;
                        }
                            #content .left .block .workshops .announce a {
                                color: #900000;
                            }
                    #content .right .block .response {
                        border-bottom: 1px dotted gray;
                        margin-top: 10px; padding-bottom: 5px;
                    }
                        #content .right .block .response .who {
                            padding-left: 15px;
                            background: url('../images/bullet-response.png')  0 5px no-repeat;
                        }
                        #content .right .block .response .quote {
                            margin-top: 5px;
                            background: url('../images/quote-left.png') left top no-repeat;
                        }
                            #content .right .block .response .quote blockquote {
                                margin: 0; padding: 0 16px 2px 20px;
                                background: url('../images/quote-right.png') bottom right no-repeat;
                            }
                    #content .left .block .t-text p {
                        margin: 0; padding: 0;
                    }
                    #content .left .block .more {
                        float: right;
                        margin-top: 10px;
                    }
                        #content .left .block .more a {
                            color: #900000;
                        }
            #content .middle {
                width: 500px;
                float: left;
            }
            #content .middle.wide {
                width: 780px;
                margin-left: 17px;
            }
                #content .middle .spiffy {
                    display:block;
                }
                    #content .middle .spiffy * {
                        display:block;
                        height:1px;
                        overflow:hidden;
                        font-size:.01em;
                        background:#ececec;
                    }
                #content .middle .spiffy1 {
                    margin-left:3px;
                    margin-right:3px;
                    padding-left:1px;
                    padding-right:1px;
                    border-left:1px solid #dddddd;
                    border-right:1px solid #dddddd;
                    background:#e5e5e5;
                }
                #content .middle .spiffy2 {
                    margin-left:1px;
                    margin-right:1px;
                    padding-right:1px;
                    padding-left:1px;
                    border-left:1px solid #d5d5d5;
                    border-right:1px solid #d5d5d5;
                    background:#e7e7e7;
                }
                #content .middle .spiffy3 {
                    margin-left:1px;
                    margin-right:1px;
                    border-left:1px solid #e7e7e7;
                    border-right:1px solid #e7e7e7;
                }
                #content .middle .spiffy4 {
                    border-left:1px solid #dddddd;
                    border-right:1px solid #dddddd;
                }
                #content .middle .spiffy5 {
                    border-left:1px solid #e5e5e5;
                    border-right:1px solid #e5e5e5;
                }
                #content .middle .content {
                    background: #ececec;
                    padding: 10px 16px 10px 20px;
                }
                    #content .middle .content blockquote {
                        background: #e4e4e4;
                        margin: 10px 0 10px 30px; padding: 10px 10px 10px 20px;
                    }
                    #content .middle .content h2 {
                        margin: 0 0 5px 0; padding: 0 0 10px 0;
                        font-size: 14px;
                        text-transform: uppercase;
                        background: url('../images/mainline.png') left bottom no-repeat;
                    }
                    #content .middle .content h4 {
                        font-size: 14px;
                    }
                    #content .middle .content h5 {
                        font-size: 13px;
                    }
                    #content .middle .content h6 {
                        font-size: 12px;
                    }
                    #content .middle .content .mainpagetext {
                        padding: 0 0 10px 0;
                        border-bottom: 1px dotted gray;
                    }
                        #content .middle .content .mainpagetext p {
                            margin: 0 0 10px 0;
                        }
            #content .right {
                float: right;
                margin-right: 17px;
                width: 220px;
            }
                #content .right .block {
                    width: 220px;
                    line-height: 14px;
                    font-size: 13px;
                    margin-bottom: 20px;
                }
                    #content .right .block div.text {
                        margin: 0; padding: 10px 10px 10px 20px;
                    }
                    #content .right .block h3 {
                        background: url('../images/bg-blocks-header.png') repeat-x;
                        display: block;
                        margin: 0; padding: 8px 0 0 20px;
                        height: 23px;
                        font-size: 12px;
                        text-transform: uppercase;
                        color: #ff8a00;
                        font-family: Tahoma, Arial, sans-serif, monospace;
                    }
                    #content .right .block .more {
                        float: right;
                        margin-top: 10px;
                    }
                        #content .right .block .more a {
                            color: #900000;
                        }
                    #content .right .block .articles {
                        border-bottom: 1px dotted gray;
                    }
                        #content .right .block .articles a {
                            color: #900000;
                            margin-bottom: 10px;
                            display: block;
                        }
                #content .right .block.userblock .loginblock {
                    padding: 8px 8px 8px 10px;
                }
                    #content .right .block .loginblock fieldset {
                        border: none;
                        margin: 0; padding: 0;
                    }
                        #content .right .block .loginblock fieldset legend {
                            display: none;
                        }
                            #content .right .block .loginblock fieldset .field {
                                width: 100%;
                                margin-bottom: 2px; padding-bottom: 1px;
                                border-bottom: none;
                            }
                            #content .right .block .loginblock fieldset div.field:hover {
                                background: #ddd;
                            }
                                #content .right .block .loginblock fieldset .field .title {
                                    width: 35%;
                                    padding-left: 2px;
                                    float: left;
                                }
                                #content .right .block .loginblock fieldset .field .title .description {
                                    display: none;
                                }
                                #content .right .block .loginblock fieldset .field .control {
                                    width: 60%;
                                    float: right;
                                }
                                #content .right .block .loginblock textarea,
                                #content .right .block .loginblock input.text,
                                #content .right .block .loginblock select {
                                    border: 1px solid #b5b5b5;
                                    outline: 1px solid #d3d3d3;
                                    background-color: #fff;
                                    -moz-outline-radius: 3px;
                                    -moz-border-radius: 3px;
                                }
                                #content .right .block .loginblock textarea:hover,
                                #content .right .block .loginblock input:hover,
                                #content .right .block .loginblock select:hover {
                                    outline-color: #d5d5d5;
                                }
                                #content .right .block .loginblock textarea:focus,
                                #content .right .block .loginblock input:focus.text,
                                #content .right .block .loginblock select:focus {
                                    outline-color: #9cf;
                                    background-color: #ffe;
                                }
                #content .right .block.userblock .forget-to-register {
                    background: #bdbdbf;
                    margin: 0 10px 0 10px; padding: 5px 3px 7px 7px;
                    border-left: 2px solid #959595;
                }
        #footer {
        }
            #footer .corners {
                height: 24px;
                background: url('../images/corners-body-middle.png') repeat-x;
            }
                #footer .corners .left {
                    width: 24px; height: 24px;
                    float: left;
                    background: url('../images/corners-body-left.png') no-repeat;
                }
                #footer .corners .right {
                    width: 24px; height: 24px;
                    float: right;
                    background: url('../images/corners-body-right.png') no-repeat;
                }
            #footer .bottom-menu {
            }
            #footer .bottom-menu ul {
                list-style: none;
                width: 660px;
                margin: 0 auto; padding: 0;
            }
                #footer .bottom-menu ul li {
                    margin: 5px 0 5px 10px; padding: 0;
                    float: left;
                    color: #555;
                }
                    #footer .bottom-menu ul li a {
                        font-size: 11px;
                        color: #fff;
                    }
                    #footer .bottom-menu ul li a:hover {
                        color: #ff8a00;
                    }
                    #footer .bottom-menu ul li.active a {
                        color: #ff8a00;
                        text-decoration: none;
                    }
            #footer .bottom-menu .copyrights {
                color: #fff;
                font-size: 11px;
                margin: 5px auto;
                text-align: center;
            }
                #footer .bottom-menu .delim {
                    color: #555;
                }
                #footer .bottom-menu .copyrights a {
                    color: #fff;
                }
/* FORUM */
.forum .division .categories thead th,
.forum .category .topics thead th {
    background: #d3d3d3 !important;
    border-bottom: 1px solid #d3d3d3 !important;
    padding: 5px !important;
}
.forum-content .text {
    text-align: justify;
}

/* Blog */
.blogpost,
.workshopspost,
.feedbackpost,
.trainerstrainer,
.announcespost {
    margin: 10px 0 20px 0;
}
.trainerstrainer {
    border-bottom: 1px solid gray;
}
    .workshopspost h3,
    .announcespost h3 {
        margin: 10px 0 0 0; padding: 0;
        color: #bc4800;
        font-size: 18px;
    }
    .announcespost h3 {
        text-align: center;
    }
    .announcespost .text h3 {
        text-align: left;
    }
    .blogpost h3 a,
    .workshopspost h3 a,
    .feedbackpost h3 a,
    .trainerstrainer h3 a,
    .announcespost h3 a {
        color: #bc4800;
        font-size: 18px;
    }
    .blogpost .toolbar,
    .workshopspost .toolbar,
    .feedbackpost .toolbar,
    .announcespost .toolbar {

    }
        .blogpost .toolbar .author,
        .workshopspost .toolbar .author,
        .feedbackpost .toolbar .author,
        .announcespost .toolbar .author {
            float: left;
        }
        .blogpost .toolbar .date,
        .workshopspost .toolbar .date,
        .feedbackpost .toolbar .date,
        .announcespost .toolbar .date {
            float: left;
            margin-left: 20px;
        }

    .blogpost .c-bar .toolbar,
    .workshopspost .comments-counter,
    .feedbackpost .comments-counter,
    .announcespost .c-bar .toolbar {
        text-align: right;
        color: #bc4800;
        background: #d3d3d3;
        padding: 3px 10px 6px 10px;
        border-top: 1px solid #b5b5b5;
        -moz-border-radius-bottomleft: 5px;
        -moz-border-radius-bottomright: 5px;
        -webkit-border-radius-bottomleft: 5px;
        -webkit-border-radius-bottomright: 5px;
        -khtml-border-radius-bottomleft: 5px;
        -khtml-border-radius-bottomright: 5px;
        border-radius-bottomleft: 5px;
        border-radius-bottomright: 5px;
    }
        .blogpost .c-bar .toolbar .comments-counter,
        .announcespost .c-bar .toolbar .comments-counter {
            float: right;
            margin-right: 10px;
        }
        .blogpost .c-bar a,
        .workshopspost .comments-counter a,
        .feedbackpost .comments-counter a,
        .announcespost .c-bar a {
            color: #bc4800;
        }
        .blogpost .c-bar .tags,
        .workshopspost .comments-counter .tags,
        .feedbackpost .comments-counter .tags,
        .announcespost .c-bar .tags {
            float: left;
            width: 320px;
            text-align: left;
            color: #333;
        }
    .trainerstrainer .illustration {
        float: left;
        margin: 3px 10px 10px 0;
        border: 3px double #9e9e9e;
    }
.photo-stripe {
    padding: 10px 0 20px 0;
}
.blogpost .thumb {
    position: relative;
    margin: 0 5px 5px 0;
    float: left;
}
    .blogpost .thumb .overphotokill {
        position: absolute;
        right: 1px; top: 1px;
        width: 16px; height: 16px;
        background: url('../striped/images/delete-16.png');
    }
        .blogpost .thumb .overphotokill span {
            display: none;
        }
.blog-photowidget img {
    margin: 5px 5px 5px 15px;
}
.blog-photowidget .more-all {
    text-align: right;
    padding-right: 5px;
}
    .blog-photowidget .more-all a {
        color: #900000 !important;
    }


/* pager */
.pager {

}
    .pager .side-ward {
        padding: 10px 0 5px 0;
    }
        .pager .side-ward a {
            font-size: 20px;
            margin-right: 10px;
        }
    .pager .pages {
        padding: 10px 0 5px 0;
    }
        .pager .pages a, .pager .pages span {
            display: block;
            width: 20px; height: 18px;
            text-align: center;
            line-height: 17px;
            font-size: 14px;
            float: left;
            margin-right: 5px;
            padding: 1px 0 0 0;
            border: 1px solid #b5b5b5;
        }
        .pager .pages a {
            color: black;
            background-color: #f6f6f6;
        }
            .pager .pages a:hover {
                background-color: #ccc;
            }
        .pager .pages span {
            color: white;
            font-weight: bold;
            background-color: #666666;
        }

.comments .comment-body.mine {
    border-color: gray !important;
}


/* user */
.username-link {
    font-weight: bold;
    font-size: 12px;
    padding: 3px 0 5px 0;
}
.topics .username-link {
    font-weight: normal;
}
.username-link-tiny {
    font-weight: bold;
    font-size: 12px;
    padding: 3px 0 5px 22px;
    background-repeat: no-repeat;
}

/* icons */
.link-add {
    background-image: url('../images/icons/add_16x16.png');
}
.link-delete {
    background-image: url('../images/icons/delete_16x16.png');
}
.link-edit {
    background-image: url('../images/icons/edit_16x16.png');
}
.link-on {
    background-image: url('../images/icons/round_ok_16x16.png');
}
.link-off {
    background-image: url('../images/icons/error_16x16.png');
}
.link-custom.link-clone {
    background-image: url('../images/icons/buildings_16x16.png');
    margin: 0 0 3px 5px;
}


.urchin {
	float: right;
	margin-left: -90px;
}