/*
 Style Sheet for SETPro.net.pl
 Written by Aleksander Maksymiuk, http://setpro.net.pl/
*/

/*@import url(reset.css);*/

body {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    background-color: #e0d7a8;
}
a:link, a:active, a:visited, a:hover {
    color: #ff3333;
    text-decoration: none;
    border: none;
}
.plus, .minus {
    color: #ff3333;
    cursor: pointer;
}
img {
    border: none;
}
        .captcha table {
            width: 520px;
            margin: 0 0 0 0;
            padding: 0 0 0 0;
            border: none;
        }
            .captcha table tr {
                text-align: left;
                vertical-align: top;
                margin: 0 0 0 0;
                padding: 0 0 0 0;
            }
                .captcha table tr td.code {
                    width: 76px;
                    margin: 0 0 0 0;
                    padding: 3px 4px 3px 3px;
                }
                    .captcha table tr td.code img {
                        display: block;
                    }
                .captcha table tr td.desc {
                    margin: 0 0 0 0;
                    padding: 3px 4px 3px 0;
                }
input, select, textarea {
    font-family: "Tahoma", "Arial", sans-serif;
    font-size: 11px;
}
input.name, input.address {
    width: 300px;
    padding: 2px 3px 2px 3px;
    border: solid 1px #aaaaaa;
}
input.subject {
    width: 300px;
    padding: 2px 3px 2px 3px;
    border: solid 1px #aaaaaa;
}
select.subject, select.purpose, select.currency, select.method, select.language {
    width: 308px;
    padding: 2px 0 2px 0;
    border: solid 1px #aaaaaa;
}
textarea.message {
    width: 350px;
    height: 100px;
    padding: 2px 2px 2px 2px;
    border: solid 1px #aaaaaa;
}
input.amount, input.vericode {
    width: 60px;
    padding: 2px 2px 2px 2px;
    border: solid 1px #aaaaaa;
}
input.submit {
    width: 150px;
}
input.button {
    width: 80px;
}
pre.code {
    font-size: 12px;
    margin: 15px 20px 15px 40px;
}
p.navpane {
    color: #9e8b5c;
    text-align: center;
    font-size: 11px;
    font-weight: bold;
    padding-top: 10px;
    border-top: dotted 2px #aaaaaa;
}
.main_container {
    position: relative;
    width: 815px;
    font-family: "Verdana", "Arial", sans-serif;
    font-size: 12px;
    margin: 0 auto 0 auto;
    padding: 0 0 0 0;
}
.approved {
    text-decoration: none;
}
.limited {
    color: inherit;
}
.required {
    color: #ff3333;
    font-weight: normal;
}
.filledin {
    color: #615538;
    font-weight: bold;
}
.clearer {
    clear: both;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}
/* this is a patch for IE 5.5 */
    .converter table, .comments table, .email table, .captcha table, .donations table {
        font-family: "Tahoma", "Arial", sans-serif;
        font-size: 11px;
    }
/* ---------- LEFT FRAME section ------------------------------------------- */
.left_frame {
    position: relative;
    float: left;
    width: 200px;
    min-height: 805px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    background: url(/assets/images/gear_g.png) no-repeat;
    /*background: url(/assets/images/gear_christmas.png) no-repeat;*/
    /*background: url(/assets/images/gear_easter.png) no-repeat;*/
}
    /* żałobna wstążka */
    .left_frame img.ribbon {
        position: absolute;
        top: 15px;
        right: 0px;
        z-index: 1;
    }
    .left_frame img.logo {
        display: block;
        margin: 0 0 0 0;
        padding: 0 0 0 0;
    }
    .left_frame a:link, .left_frame a:active, .left_frame a:visited {
        color: #cc2929;
        text-decoration: none;
        border: none;
    }
    .left_frame a:hover {
        color: #ff3333;
        text-decoration: none;
        border: none;
    }
    .left_frame .banners, .left_frame .changelog, .left_frame .credits, .left_frame .donations, .left_frame .userarea {
        font-family: "Tahoma", "Arial", sans-serif;
        color: #333333;
        font-size: 11px;
        margin: 5px 5px 5px 5px;
        padding: 0 0 0 0;
    }
        .left_frame .changelog .header {
            font-weight: bold;
            padding: 7px 0 3px 0;
        }
        .left_frame .changelog .item {
            padding: 7px 0 3px 16px;
        }
            .left_frame .changelog .item .header {
                color: #444444;
                font-weight: bold;
                margin: 0 0 0 0;
                padding: 0 0 0 0;
            }
            .left_frame .changelog .item .date {
                font-family: "Tahoma", "Arial", sans-serif;
                color: #888888;
                font-size: 10px;
            }
            .left_frame .changelog .item p {
                font-size: 11px;
                margin: 0 0 0 0;
                padding: 0 0 0 0;
            }
        .left_frame .banners .link, .left_frame .changelog .link, .left_frame .credits .link, .left_frame .donations .link,
        .left_frame .userarea .link {
            color: #888888;
            font-weight: bold;
            padding: 7px 0 3px 0;
        }
        .left_frame .banners img.banner, .left_frame .donations img.banner {
            display: block;
            margin: 10px 0 10px 16px;
        }
        .left_frame .userarea ul {
            list-style: none;
            font-weight: bold;
            margin: 0 0 0 0;
            padding: 5px 0 0 0;
        }
            .left_frame .userarea ul li {
                list-style: none;
                padding: 5px 0 0 16px;
            }
    .left_frame .localtime {
        font-family: "Tahoma", "Arial", sans-serif;
        color: #888888;
        font-size: 11px;
        font-weight: normal;
        margin: 7px 5px 3px 5px;
        padding: 0 0 0 0;
    }
        .left_frame .localtime ul {
            list-style: none;
            margin: 0 0 0 0;
            padding: 5px 0 0 0;
        }
            .left_frame .localtime ul li {
                list-style: none;
                padding: 0 0 0 16px;
            }
        .left_frame .localtime .date {
            display: inline;
            font-size: 10px;
        }
    /*.left_frame .banners {*/
    /*    margin: 15px 5px 15px 5px;*/
    /*    padding: 0 0 0 0;*/
    /*}*/
    /*    .left_frame .banners .banner {*/
    /*    }*/
/* ---------- RIGHT FRAME section ------------------------------------------ */
.right_frame {
    width: 603px;
    min-height: 805px;
    float: right;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    background: #eeeeee url(/assets/images/books_g.png) no-repeat;
}
    .right_frame .path {
        font-family: "Tahoma", "Arial", sans-serif;
        font-size: 10px;
        color: #666666;
        line-height: 20px;
        margin: 0 0 0 0;
        padding: 0 10px 0 10px;
        /*background: #eeeeee url(/assets/images/slanted-corner-bg.gif) no-repeat;*/
    }
/* ---------- MENU section ------------------------------------------------- */
.menu {
    position: relative;
    width: 600px;
    margin: 0 0 0 2px;
    font-family: "Tahoma", "Arial", sans-serif;
    /* z-index: 80; */
}
    .menu ul {
        padding: 0 0 0 0;
        margin: 0 0 0 0;
        list-style-type: none;
    }
        .menu ul li {
            float: left;
            position: relative;
        }
        .menu ul li a, .menu ul li a:visited {
            display: block;
            width: 99px;
            height: 33px;
            color: #ff3333;
            text-align: center;
            text-decoration: none;
            line-height: 33px;
            font-size: 11px;
            font-weight: bold;
            border: 1px solid #eeeeee;
            border-width: 1px 1px 0 0;
            background: url(/assets/images/menu-home-bg.gif) no-repeat;
        }
        /* background and foreground color of the main menu li on hover */
        .menu ul li:hover a, .menu ul li.active a {
            color: #ffffff;
            background: url(/assets/images/menu-default-bg.gif) no-repeat;
        }
/* ---------- CONTENT section ---------------------------------------------- */
.content {
    position: relative;
    margin: 10px 10px 10px 10px;
    padding: 0 0 0 0;
}
    .content .image {
        margin: 15px 0 5px 10px;
        float: right;
        border: dotted 1px #aaaaaa;
    }
    .content .image0 {
        margin: 15px 0 5px 10px;
        float: right;
        border: none;
    }
        .content .image p, .content .image0 p {
            font-family: "Tahoma", "Arial", sans-serif;
            font-size: 10px;
            margin: 0 0 0 0;
            padding: 3px 5px 5px 5px;
        }
        .content .image .error, .content .image0 .error {
            font-family: "Tahoma", "Arial", sans-serif;
            font-size: 10px;
            font-weight: bold;
            color: #ff3333;
            margin: 0 0 0 0;
            padding: 3px 5px 5px 5px;
        }
    .content .list {
        /*clear: both;*/
        margin: 15px 20px 15px 40px;
        padding: 0 0 0 0;
    }
        .content .list .item {
            margin: 15px 0 15px 0;
            padding: 5px 5px 5px 5px;
            border: dotted 1px #aaaaaa;
        }
            .content .list .item .image, .content .changelog .item .image {
                margin: 0 10px 0 0;
                float: left;
                border: dotted 1px #aaaaaa;
            }
            .content .list .item .image0, .content .changelog .item .image0 {
                margin: 0 10px 0 0;
                float: left;
                border: none;
            }
            .content .list .item .header {
                font-size: 12px;
                font-weight: bold;
                margin: 0 0 0 0;
                padding: 0 0 0 0;
                border: none;
            }
            .content .list .item .author {
                font-family: "Tahoma", "Arial", sans-serif;
                color: #666666;
                font-size: 11px;
            }
            .content .list .item .date {
                font-family: "Tahoma", "Arial", sans-serif;
                color: #666666;
                font-size: 10px;
            }
            .content .list .item p, .content .changelog .item p {
                margin: 0 0 0 0;
                padding: 0 0 0 0;
            }
            .content .list .item .link, .content .changelog .item .link {
                color: #666666;
                text-align: right;
                font-size: 10px;
            }
        .content .list .navigator {
            font-size: 11px;
            text-align: center;
            margin: 0 0 0 0;
            padding: 0 0 0 0;
        }
    .content .header {
        color: #9e8b5c;
        font-size: 24px;
        font-weight: bold;
        padding: 48px 20px 24px 20px;
        border-bottom: dotted 3px #aaaaaa;
    }
    .content .description {
        font-family: "Tahoma", "Arial", sans-serif;
        font-size: 10px;
        margin: 15px 0 15px 0;
        padding: 0 20px 0 40px;
    }
        .content .description .author {
            font-size: 11px;
            margin: 0 0 5px 0;
        }
        .content .description .date {
            color: #666666;
        }
        .content .description .source {
            color: #666666;
        }
        .content .description .lang {
            color: #666666;
        }
            .content .description .link a:link, .content .description .link a:active, .content .description .link a:visited,
            .content .description .link a:hover {
                color: #ff6666;
            }
    .content .subarticles {
        font-family: "Tahoma", "Arial", sans-serif;
        font-size: 11px;
        font-weight: bold;
        margin: 15px 0 15px 0;
        padding: 0 20px 0 30px;
    }
        .content .subarticles ul {
            margin: 0 0 0 10px;
            padding: 0 0 0 0;
        }
            .content .subarticles ul li {
                list-style: none;
                margin: 0 0 0 0;
            }
    .content .current, .content .private, .content .reference, .content .recent {
        font-family: "Tahoma", "Arial", sans-serif;
        font-size: 11px;
        margin: 15px 0 15px 0;
        padding: 0 20px 0 40px;
    }
        /*.content .current a:link, .content .current a:active, .content .current a:visited {*/
        /*    color: #808080;*/
        /*}*/
        /*.content .current a:hover {*/
        /*    color: #ff3333;*/
        /*}*/
        .content .current .header, .content .private .header, .content .reference .header, .content .recent .header {
            font-size: 11px;
            font-weight: bold;
            padding: 0 0 5px 0;
            border-bottom: dotted 2px #aaaaaa;
        }
        .content .current .icon, .content .private .icon, .content .reference .icon, .content .recent .icon {
            float: left;
            margin: 6px 6px 0 0;
        }
        .content .current ul, .content .private ul, .content .reference ul, .content .recent ul {
            list-style: none;
            margin: 0 0 15px 0;
            padding: 0 0 0 0;
        }
            .content .current ul li, .content .private ul li, .content .reference ul li, .content .recent ul li {
                list-style: none;
                margin: 5px 0 5px 0;
            }
    .content ul.resume {
        list-style: none;
        margin: 15px 0 15px 0;
        padding: 0 20px 0 40px;
    }
        .content ul.resume li {
            list-style: none;
            margin: 5px 0 5px 0;
        }
        .content ul.resume ul {
            list-style: none;
            font-size: 11px;
            margin: 5px 0 5px 15px;
            padding: 0 0 0 0;
        }
                .content ul.resume li ul li {
                    list-style: none;
                    margin: 3px 0 3px 0;
                }
    .content p {
        margin: 15px 0 15px 0;
        padding: 0 20px 0 40px;
    }
    .content p.annotation {
        font-family: "Tahoma", "Arial", sans-serif;
        font-size: 10px;
        margin: 15px 0 15px 0;
        padding: 0 20px 0 40px;
    }
    .content p.subheader {
        color: #aaaaaa;
        font-size: 11px;
        font-weight: bold;
        margin: 15px 20px 0 40px;
        padding: 0 0 5px 0;
        border-bottom: dotted 2px #aaaaaa;
    }
    .content .codeheader {
        color: #aaaaaa;
        font-size: 11px;
        font-weight: bold;
        margin: 15px 20px 0 40px;
        padding: 0 0 5px 0;
        border-bottom: dotted 1px #aaaaaa;
    }
    .content p.code {
        width: 523px; /* IE6 */
        font-family: "Courier New", monospace;
        white-space: nowrap; /* do not wrap its contents, and show scrollbars */
        overflow: auto;
        max-height: 24em; /* stop after about 24 lines, and just show a scrollbar */
        margin: 0 20px 15px 40px;
        padding: 5px 0 5px 0;
        border-bottom: dotted 1px #aaaaaa;
    }
    .content p.list {
        text-indent: -15px;
        margin: 0 0 0 0;
        padding: 0 20px 0 65px;
    }
    .content ol {
        margin: 15px 20px 15px 40px;
        padding: 0 0 0 0;
    }
        .content ol li {
            margin: 5px 0 5px 25px;
            padding: 0 0 0 0;
        }
            .content ol li p {
                margin: 5px 0 5px 0;
                padding: 0 0 0 0;
            }
    .content .logintable {
        clear: both;
        width: 523px;
        text-align: left;
        vertical-align: top;
        font-size: 11px;
        font-family: "Tahoma", "Arial", sans-serif;
        margin: 15px 20px 15px 40px;
        padding: 0 0 0 0;
        border-collapse: collapse;
        border: solid 1px #cccccc;
    }
        .content .logintable td.left {
            width: 20%;
            text-align: left;
            vertical-align: top;
            font-size: 11px;
            color: #000000;
            padding: 3px 2px 3px 10px;
            border: none;
        }
        .content .logintable td.center {
            width: 40%;
            text-align: left;
            vertical-align: top;
            font-size: 11px;
            color: #000000;
            padding: 3px 2px 3px 10px;
            border: none;
        }
        .content .logintable td.right {
            width: 40%;
            text-align: left;
            vertical-align: top;
            font-size: 11px;
            color: #000000;
            font-weight: bold;
            padding: 3px 2px 3px 10px;
            border: none;
        }
        .content .logintable td.first {
            padding-top: 10px;
        }
        .content .logintable td.last {
            padding-bottom: 10px;
        }
    .content .changepwdtable {
        clear: both;
        width: 523px;
        text-align: left;
        vertical-align: top;
        font-size: 11px;
        font-family: "Tahoma", "Arial", sans-serif;
        margin: 15px 20px 15px 40px;
        padding: 0 0 0 0;
        border-collapse: collapse;
        border: none;
    }
        .content .changepwdtable td {
            color: #000000;
            padding: 3px 0 3px 0;
            border: none;
        }
        .content .changepwdtable fieldset {
            border: solid 1px #cccccc;
        }
    .content .convtable {
        clear: both;
        width: 523px;
        text-align: left;
        vertical-align: top;
        font-size: 11px;
        font-family: "Tahoma", "Arial", sans-serif;
        margin: 15px 20px 15px 40px;
        padding: 0 0 0 0;
        border-collapse: collapse;
        border: solid 1px #cccccc;
    }
        .content .convtable td.houtput {
            width: 30%;
            text-align: left;
            vertical-align: top;
            font-size: 11px;
            color: #000000;
            padding: 5px 2px 5px 5px;
            border: solid 1px #cccccc;
        }
        .content .convtable td.soutput0 {
            width: 40%;
            text-align: left;
            vertical-align: top;
            font-size: 11px;
            color: #000000;
            font-weight: bold;
            padding: 2px 2px 2px 10px;
            border: solid 1px #cccccc;
            background-color: #ffffff;
        }
        .content .convtable td.soutput1 {
            width: 40%;
            text-align: left;
            vertical-align: top;
            font-size: 11px;
            color: #000000;
            font-weight: bold;
            padding: 2px 2px 2px 10px;
            border: solid 1px #cccccc;
        }
        .content .convtable td.hinput {
            width: 60%;
            text-align: left;
            vertical-align: top;
            font-size: 11px;
            color: #000000;
            padding: 5px 2px 5px 5px;
            border: solid 1px #cccccc;
        }
        .content .convtable td.sinput0 {
            width: 70%;
            text-align: left;
            vertical-align: top;
            font-size: 11px;
            color: #000000;
            font-weight: bold;
            padding: 2px 2px 2px 10px;
            border: solid 1px #cccccc;
            background-color: #ffffff;
        }
        .content .convtable td.sinput1 {
            width: 70%;
            text-align: left;
            vertical-align: top;
            font-size: 11px;
            color: #000000;
            font-weight: bold;
            padding: 2px 2px 2px 10px;
            border: solid 1px #cccccc;
        }
    .content .converter {
        /*clear: both;*/
        font-family: "Tahoma", "Arial", sans-serif;
        font-size: 11px;
        margin: 15px 20px 15px 40px;
        padding: 0 0 0 0;
    }
        .content .converter .conv-form {
            border: solid 1px #cccccc;
        }
    .content .navigator {
        clear: both;
        font-family: "Tahoma", "Arial", sans-serif;
        font-size: 11px;
        text-align: center;
        margin: 15px 20px 15px 40px;
        padding: 5px 5px 5px 5px;
    }
    .content .attachments {
        font-family: "Tahoma", "Arial", sans-serif;
        font-size: 11px;
        margin: 15px 20px 15px 40px;
        padding: 5px 5px 5px 5px;
        border: dotted 1px #aaaaaa;
    }
        .content .attachments .resource {
            text-indent: -20px;
            padding: 0 0 0 20px;
        }
            .content .attachments .resource .new {
                font-size: 10px;
                color: #ee6666; /*#9e8b5c;*/
            }
            .content .attachments .resource .old {
                font-size: 10px;
                color: #666666;
            }
            .content .attachments .resource .error {
                margin: 0 0 0 0;
                padding: 0 0 0 0;
            }
    .content .comments {
        font-family: "Tahoma", "Arial", sans-serif;
        font-size: 11px;
        margin: 15px 0 15px 0;
        padding: 0 20px 0 40px;
    }
        .content .comments .header {
            font-size: 11px;
            font-weight: bold;
            padding: 0 0 5px 0;
            border-bottom: dotted 2px #aaaaaa;
        }
        .content .comments ul {
            list-style: none;
            margin: 0 0 15px 10px;
            padding: 0 0 0 0;
        }
            .content .comments ul li {
                list-style: none;
                margin: 5px 0 5px 0;
            }
        .content .comments .captcha {
            font-family: "Tahoma", "Arial", sans-serif;
            font-size: 11px;
            margin: 15px 0 15px 0;
            padding: 0 0 0 0;
            border: dotted 1px #aaaaaa;
        }
    .content .email, .content .map {
        /*clear: both;*/
        font-family: "Tahoma", "Arial", sans-serif;
        font-size: 11px;
        margin: 15px 0 15px 0;
        padding: 0 20px 0 40px;
    }
        #mapcontainer {
            float: right;
            width: 520px;
            height: 400px;
            margin: 15px 0 15px 0;
            border: solid 1px #aaaaaa;
            background: #c0c0c0;
        }
        .content .email .header, .content .map .header {
            font-size: 11px;
            font-weight: bold;
            padding: 0 0 5px 0;
            border-bottom: dotted 2px #aaaaaa;
        }
        .content .email ul {
            list-style: none;
            margin: 0 0 15px 10px;
            padding: 0 0 0 0;
        }
            .content .email ul li {
                list-style: none;
                margin: 5px 0 5px 0;
            }
        .content .email .email-form {
            margin: 15px 0 15px 0;
            padding: 0 0 0 0;
            border: dotted 1px #aaaaaa;
            background: url(/assets/images/email-form-bg.png) no-repeat scroll left top;
        }
        .content .email .captcha {
            font-family: "Tahoma", "Arial", sans-serif;
            font-size: 11px;
            margin: 15px 0 15px 0;
            padding: 0 0 0 0;
            border: dotted 1px #aaaaaa;
        }
        .content .email .errors {
            color: #ff3333;
            font-size: 11px;
            margin: 15px 0 15px 0;
            padding: 5px 5px 5px 5px;
            border: 1px solid #ff3333;
        }
    .content .changelog {
        margin: 15px 20px 15px 40px;
        padding: 0 0 0 0;
    }
        .content .changelog .item {
            margin: 15px 0 15px 0;
            padding: 5px 5px 5px 5px;
            border: dotted 1px #aaaaaa;
        }
            .content .changelog .item .header {
                font-size: 12px;
                font-weight: bold;
                margin: 0 0 0 0;
                padding: 0 0 0 0;
                border: none;
            }
            .content .changelog .item .author {
                font-family: "Tahoma", "Arial", sans-serif;
                color: #666666;
                font-size: 11px;
            }
            .content .changelog .item .date {
                font-family: "Tahoma", "Arial", sans-serif;
                color: #666666;
                font-size: 10px;
            }
            .content .changelog .item p {
                margin: 0 0 0 0;
                padding: 0 0 0 0;
            }
            .content .changelog .item .clearer {
                clear: left;
            }
    .content .donations {
        font-family: "Tahoma", "Arial", sans-serif;
        font-size: 11px;
        margin: 15px 20px 15px 40px;
        padding: 0 0 0 0;
    }
        .content .donations .header {
            font-size: 11px;
            font-weight: bold;
            padding: 0 0 5px 0;
            border-bottom: dotted 2px #aaaaaa;
        }
        .content .donations ul {
            list-style: none;
            margin: 0 0 15px 10px;
            padding: 0 0 0 0;
        }
            .content .donations ul li {
                list-style: none;
                margin: 5px 0 5px 0;
            }
        .content .donations .pay-form {
            margin: 0 0 0 0;
            padding: 0 0 0 0;
            border: dotted 1px #aaaaaa;
        }
        .content .donations .error {
            /*font-weight: bold;*/
            margin: 0 0 0 0;
            padding: 0 0 0 0;
        }
    .content .slide, .content .sound, .content .video {
        margin: 15px 0 5px 10px;
        float: right;
        border: dotted 1px #aaaaaa;
    }
    .content .slide0, .content .sound0, .content .video0 {
        margin: 15px 0 5px 10px;
        float: right;
        border: none;
    }
        .content .slide p, .content .slide0 p, .content .sound p, .content .sound0 p, .content .video p, .content .video0 p {
            font-family: "Tahoma", "Arial", sans-serif;
            font-size: 10px;
            margin: 0 0 0 0;
            padding: 3px 5px 5px 5px;
        }
    .content .error {
        color: #ff3333;
        margin: 15px 0 15px 0;
        padding: 0 20px 0 40px;
    }
/* ---------- GALLERY section ---------------------------------------------- */
.gallery_container {
    float: right;
    margin: 15px 0 15px 10px;
}
.gallery_table {
    clear: both;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    border: solid 1px #9e8b5c;
    border-collapse: collapse;
}
    .gallery_table .title_row {
        color: #ffffff;
        background-color: #9e8b5c;
        text-align: center;
        font-size: 10px;
        font-weight: bold;
        font-family: "Tahoma", "Arial", sans-serif;
        padding: 2px 10px 2px 10px;
    }
    .gallery_table .copyright_row {
        color: #ffffff;
        background-color: #9e8b5c;
        text-align: right;
        font-size: 10px;
        font-weight: normal;
        font-family: "Tahoma", "Arial", sans-serif;
        padding: 2px 10px 2px 5px;
    }
    .gallery_table .photo_cell {
        width: 180px;
        text-align: left;
        vertical-align: top;
        font-size: 10px;
        font-family: "Tahoma", "Arial", sans-serif;
        padding: 5px 5px 5px 5px;
        border-left: solid 1px #9e8b5c;
        border-top: solid 1px #9e8b5c;
        border-right: solid 1px #9e8b5c;
    }
    .gallery_table .desc_cell {
        width: 180px;
        text-align: left;
        vertical-align: bottom;
        font-size: 10px;
        font-family: "Tahoma", "Arial", sans-serif;
        padding: 0px 5px 5px 5px;
        border-left: solid 1px #9e8b5c;
        border-bottom: solid 1px #9e8b5c;
        border-right: solid 1px #9e8b5c;
    }
    .gallery_table .navigator {
        color: #888888;
        text-align: center;
        font-size: 10px;
        font-weight: normal;
        font-family: "Tahoma", "Arial", sans-serif;
        padding: 10px 10px 10px 10px;
    }
        .gallery_table .navigator .first, .gallery_table .navigator .last {
            font-weight: normal;
        }
        .gallery_table .navigator .rev, .gallery_table .navigator .ff {
            font-weight: bold;
        }
/* ---------- FOOTER section ----------------------------------------------- */
.footer {
    clear: right;
    width: 603px;
    float: right;
    font-family: "Tahoma", "Arial", sans-serif;
    font-size: 10px;
    text-align: center;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}
    .footer .toplink {
        margin: 0 0 0 0;
        padding: 0 30px 5px 50px;
        background-color: #eeeeee;
    }
    .footer .copyright {
        margin: 10px 0 0 0;
        padding: 10px 30px 10px 50px;
        background: #eeeeee url(/assets/images/slanted-corner-bg.gif) no-repeat;
    }
    .footer .services {
        margin: 0 5px 0 5px;
        padding: 0 30px 0 50px;
    }
        .footer .services .validator {
            margin: 0 5px 0 5px;
        }
/* ---------- EXAMPLE section ---------------------------------------------- */
.example_container {
    min-height: 805px;
    font-family: "Verdana", "Arial", sans-serif;
    font-size: 12px;
    padding: 10px 20px 10px 20px;
    background: #eeeeee url(/assets/images/example_page.png) center top repeat-y;
}
    .example_container .header {
        color: #9e8b5c;
        font-size: 24px;
        font-weight: bold;
        padding: 48px 0 24px 0;
        border-bottom: dotted 3px #aaaaaa;
    }
    .example_container .path {
        color: #666666;
        font-size: 11px;
        font-weight: bold;
        padding: 0 0 5px 0;
        border-bottom: solid 1px #cccccc;
    }
    .example_container .image {
        margin: 15px 0 15px 0px;
        border: solid 1px #aaaaaa;
    }
    .example_container .image0 {
        margin: 15px 0 15px 0px;
        border: none;
    }
        .example_container .image p, .example_container .image0 p {
            font-family: "Tahoma", "Arial", sans-serif;
            font-size: 11px;
            margin: 0 0 0 0;
            padding: 3px 5px 5px 5px;
        }
        .example_container .image .error, .example_container .image0 .error {
            font-family: "Tahoma", "Arial", sans-serif;
            font-size: 11px;
            font-weight: bold;
            color: #ff3333;
            margin: 0 0 0 0;
            padding: 3px 5px 5px 5px;
        }
    .example_container .services {
        text-align: center;
        margin: 0 5px 0 5px;
        padding: 0 0 0 0;
    }
        .example_container .services .validator {
            margin: 0 5px 0 5px;
        }