/**
 * [HrT] Hostage Rescue Troopers - Web-Layout
 *
 * sidebar.css / $Id: sidebar.css 46 2010-01-08 18:43:13Z axel.wehner $
 * Beinhaltet saemtliche CSS-Deklarationen der Sidebar-Inhalte.
 *
 * @author        Axel Wehner <aw@68media.de>,
 *                $LastChangedBy: axel.wehner $ @ $Date: 2010-01-08 19:43:13 +0100 (Fr, 08 Jan 2010) $
 * @copyright     Copyright (c) 2009, 68media web/design - Axel Wehner
 * @license       proprietary
 * @link          http://hrt.68media.de HrT Projektverwaltung
 * @package       hrt.layout.css
 * @subpackage    sidebar
 * @since         1.0
 * @version       $Revision: 46 $
 * @filesource    $URL: http://svn.68media.de/repos/hrtclan/trunk/code/layout/css/sidebar.css $
 */

#to-war, #to-public {
    display: none;
}

/**
 * Sidebox (Globale Deklarationen)
 *****************************************************************************************************************/
div.sidebox {
    background: #fff url(../img/sidebox.png) -280px 100% no-repeat;
}

    /**
     * Box Header
     *********************************/
    div.sidebox div.box-head {
        background: #fff url(../img/sidebox.png) 0 0 no-repeat;
        height: 55px;
        position: relative;
    }


        /**
         * Box Ueberschrift
         *********************************/
        div.sidebox div.box-head h6 {
            color: #fff;
            text-align: center;
            font-size: 0.9em;
            line-height: 1.8em;
        }


        /**
         * Box Navigation
         *********************************/
        div.sidebox ul.box-nav {
            position: absolute;
            bottom: 0; left: 0;
            margin: 0; padding: 0;
        }


            /* listenpunkt */
            div.sidebox ul.box-nav li {
                list-style-type: none;
                float: left;
                margin: 0 0 0 1px;
                padding: 0;
                font-size: 0.85em;
            }


                /* standard link */
                div.sidebox ul.box-nav li a {
                    background: transparent url(../img/box-nav-l.png) top left no-repeat;
                    list-style-type: none;
                    float: left;
                    padding: 0 0 0 10px;
                    text-decoration: none;
                    color: #fff;
                }

                    div.sidebox ul.box-nav li a span {
                        background: transparent url(../img/box-nav-r.png) top right no-repeat;
                        line-height: 26px;
                        height:  26px;
                        display: block;
                        padding: 0 10px 0 0;
                    }


                /* hover */
                div.sidebox ul.box-nav li a:hover {
                    text-decoration: underline;
                }

                
                /* aktiver link */
                div.sidebox ul.box-nav li a.selected {
                    background-position: bottom left;
                    color: #454545;
                }

                    div.sidebox ul.box-nav li a.selected span {
                        background-position: bottom right;
                    }

div.sidebar div {display:none;}
div.sidebar div.show {display:block;}
    /**
     * Box Inhalt
     *********************************/
    div.sidebox div.box-content {
        padding: 10px;
    }


/**
 * Sidebox (Inhaltsspezifische Deklarationen)
 *****************************************************************************************************************/


/**
 * TS Viewer
 *********************************/
ul.ts-web {
    margin: 0; padding: 0;
    font-size: 0.85em;
    background: transparent url(../img/ts-viewer/ul-dots.png) top left repeat-y;
}

    ul.ts-web ul,
    ul.ts-web ul ul {
        margin: 0 0 10px -20px; padding: 10px 0 0 0;
        background: transparent url(../img/ts-viewer/ul-dots.png) top left repeat-y;
    }

    ul.ts-web li {
        list-style-type: none;
        padding: 0 0 0 20px;
    }

        ul.ts-web li span {
            color: #666;
        }


    /**
     * TS-Server
     *********************************/
    ul.ts-web li.ts-server {
        line-height: 16px;
        color: #2F5DA4;
        font-weight: bold;
        background: transparent url(../img/ts-viewer/li-server.png) center left no-repeat;
    }


    /**
     * Globale Channel & User Styles
     *********************************/
    ul.ts-web li.ts-channel,
    ul.ts-web li.ts-channel-last,
    ul.ts-web li.ts-user-on,
    ul.ts-web li.ts-user-on-last,
    ul.ts-web li.ts-user-off,
    ul.ts-web li.ts-user-off-last {
        line-height: 16px;
        margin: 0 0 5px 8px;
        padding: 0 0 0 32px;
        background: transparent top left no-repeat;
        color: #2F5DA4;
    }


    /**
     * Statusspezifisch
     *********************************/
    ul.ts-web li.ts-channel {
        color: #474747;
        background-image: url(../img/ts-viewer/li-channel.png);
    }
    
    ul.ts-web li.ts-channel-last {
        color: #474747;
        background-image: url(../img/ts-viewer/li-channel-last.png);
    }

    ul.ts-web li.ts-end {
        background-color: #F1F0F2;
    }

    ul.ts-web li.ts-user-on {
        background-image: url(../img/ts-viewer/li-user-on.png);
    }

    ul.ts-web li.ts-user-on-last {
        background-image: url(../img/ts-viewer/li-user-on-last.png);
    }

    ul.ts-web li.ts-user-off {
        background-image: url(../img/ts-viewer/li-user-off.png);
    }

    ul.ts-web li.ts-user-off-last {
        background-image: url(../img/ts-viewer/li-user-off-last.png);
    }
    
    div.sidebox div.box-head-small {
    background: #fff url(../img/clanwars/box_head_small.png) 0 0 no-repeat;
    height: 32px;
    letter-spacing: 0;
    text-shadow: 1px 1px #444;   
    position: relative;
}
    div.sidebox div.box-head-small h6 {
        color: #fff;
        text-align: center;
        line-height: 32px;
    }

h3.headline_box {
    padding: 5px;
    color: #3463AA;
    letter-spacing: 0;
    border-bottom: 1px solid #ccc;
}
div.sidebar_info {
	font-size: 0.85em;
	width: 240px;
	margin: 0px auto;
}