/**
 *  This file is part of devMX TeamSpeak3 Webviewer.
 *  Copyright (C) 2011 - 2012 Max Rath and Maximilian Narr
 *
 *  devMX TeamSpeak3 Webviewer is free software: you can redistribute it and/or modify
 *  it under the terms of the GNU General Public License as published by
 *  the Free Software Foundation, either version 3 of the License, or
 *  (at your option) any later version.
 *
 *  TeamSpeak3 Webviewer is distributed in the hope that it will be useful,
 *  but WITHOUT ANY WARRANTY; without even the implied warranty of
 *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 *  GNU General Public License for more details.
 *
 *  You should have received a copy of the GNU General Public License
 *  along with devMX TeamSpeak3 Webviewer.  If not, see <http://www.gnu.org/licenses/>.
 */

.devmx-webviewer p,
.devmx-webviewer * p,
.devmx-webviewer div,
.devmx-webviewer * div
{
    margin-top:0px;
    margin-bottom:0px;
}

div.devmx-webviewer
{
    margin-top:5px;
    margin-bottom:0px;
    white-space:nowrap;
    background-color:transparent;
    width: 100%;
}

/* SERVER START */
.devmx-webviewer .servername,
.devmx-webviewer * .servername
{
    font-family:sans-serif;
    font-size: medium;
    color: cyan;
}

/* START SERVER IMAGES */
/* Classes:
    - serverimage  : Used for each serverimage
        - image : Used for each serverimage
*/
.devmx-webviewer .serverimage,  
.devmx-webviewer * .serverimage
{
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-right: 2px;
}

.devmx-webviewer .image,  
.devmx-webviewer * .image
{
    background: url("img/server.png") no-repeat transparent;
}
/* SERVER END */

.devmx-webviewer .rechtegruppe,  
.devmx-webviewer * .rechtegruppe
{
    margin-top:5px;
    font-family:sans-serif;
    font-size:small;
}

.devmx-webviewer .server,  
.devmx-webviewer * .server
{
    font-family:sans-serif;
    font-size:medium;
    font-weight: bold;
    margin-left:0px;
    margin-top:5px;
    margin-bottom:0px;
}

/* START CHANNEL */
.devmx-webviewer .channel,  
.devmx-webviewer * .channel
{
    font-family:sans-serif;
    font-size:small;
    margin: 1px 0 0 0;
    color: lightgray;
}

.devmx-webviewer .chan_content,  
.devmx-webviewer * .chan_content
{
    margin-bottom: 2px;
}

.devmx-webviewer .channel_arr,  
.devmx-webviewer * .channel_arr
{
    margin-left: 16px;
}

.devmx-webviewer .channel_norm,  
.devmx-webviewer * .channel_norm
{
    margin-left: 5px;
}

/* START CHANNEL IMAGES */
/* Classes: 
    - channelimage           : Is used for each channel
        - normal             : Is used for standard channel
        - locked             : Is used for a locked channel
        - full               : Is used for a full channel
        - moderated          : Is used for moderated channel
        - password           : Is used for channel with password
        - channel-perm-image : Is used for channel images set in the teamspeak3 client
*/
.devmx-webviewer .channel-perm-image,  
.devmx-webviewer * .channel-perm-image
{
    width: 16px;
    height: 16px;
    display: inline-block;
}

.devmx-webviewer .channelimage,  
.devmx-webviewer * .channelimage
{
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-right: 4px;
}

.devmx-webviewer .normal-channel,  
.devmx-webviewer * .normal-channel
{
    background: url("img/channel.png") no-repeat transparent;
}

.devmx-webviewer .locked,  
.devmx-webviewer * .locked
{
    background: url("img/channel_locked.png") no-repeat transparent;
}

.devmx-webviewer .full,  
.devmx-webviewer * .full
{
    background: url("img/channel_full.png") no-repeat transparent;
}

.devmx-webviewer .moderated,  
.devmx-webviewer * .moderated
{
    background: url("img/moderated.png") no-repeat transparent;
}

.devmx-webviewer .password,  
.devmx-webviewer * .password
{
    background: url("img/pw.png") no-repeat transparent;
}

.devmx-webviewer .home,  
.devmx-webviewer * .home
{
    background: url("img/home.png") no-repeat transparent;
}

.devmx-webviewer .arrow-normal,  
.devmx-webviewer * .arrow-normal
{
    background: url("img/arrow_normal.png") no-repeat transparent;
    width: 12px;
    height: 12px;
    display: inline-block;
}

.devmx-webviewer .arrow-hidden,  
.devmx-webviewer * .arrow-hidden
{
    background: url("img/arrow_hidden.png") no-repeat transparent;
    width: 12px;
    height: 12px;
    display: inline-block;
}
/* END CHANNEL IMAGES */
/* END CHANNEL */

/* START GROUP IMAGES */
/* Classes:
    - group-image : used for each group image
*/
.devmx-webviewer .group-image,  
.devmx-webviewer * .group-image
{
    width: 16px;
    height: 16px;
    display: inline-block;
}
/* END GROUP IMAGES */

/* START SPACER */
.devmx-webviewer .spacer,  
.devmx-webviewer * .spacer
{
    font-family:sans-serif;
    font-size:small;
    margin-top:0px;
    margin-bottom:0px;
}

.devmx-webviewer .spacer_arr,  
.devmx-webviewer * .spacer_arr
{
    margin-left: 20px;
}

.devmx-webviewer .spacer_norm,  
.devmx-webviewer * .spacer_norm
{
    margin-left: 16px;
}

.devmx-webviewer .right,  
.devmx-webviewer * .right
{
    text-align: right;
}

.devmx-webviewer .left,  
.devmx-webviewer * .left
{
    text-align: left;
}

.devmx-webviewer .center,  
.devmx-webviewer * .center
{
    text-align: center;
}

.devmx-webviewer .overflow,
.devmx-webviewer * .overflow
{
    width: inherit;
    overflow: hidden;
}

.devmx-webviewer .linie,  
.devmx-webviewer * .linie
{
    background: url(img/linie.png) repeat-x;
}

.devmx-webviewer .bs,  
.devmx-webviewer * .bs
{
    background: url(img/bs.png) repeat-x;
}

.devmx-webviewer .bspunkt,  
.devmx-webviewer * .bspunkt
{
    background: url(img/bspunkt.png) repeat-x;
}

.devmx-webviewer .bsdpunkt,  
.devmx-webviewer * .bsdpunkt
{
    background: url(img/bsdpunkt.png) repeat-x;
}

.devmx-webviewer .punkt,  
.devmx-webviewer * .punkt
{
    background: url(img/punkt.png) repeat-x;
}

.devmx-webviewer .spacer_con .arrow,  
.devmx-webviewer * .spacer_con .arrow
{
    margin-left:-12px;
}
/* END SPACER */

.devmx-webviewer .img_r,  
.devmx-webviewer * .img_r
{
    float:right;
    margin-left: 2px;
}

.devmx-webviewer .img_l,  
.devmx-webviewer * .img_l
{
    margin-right:4px;
    float:left;
}

/* START CLIENT */
.devmx-webviewer .client,  
.devmx-webviewer * .client
{
    font-family:sans-serif;
    font-size:smaller;
    font-weight: bolder;
    margin-left:5px;
    margin-top:1px !important;
    margin-bottom:0px;
    color: lightgrey;
}

/* START CLIENT IMAGE */
/* Classes:
    - clientimage: Used for each client
        - normal-client     : used for a normal client
        - away              : used for a client which is away
        - output-muted      : used for a client with speakers muted
        - mic-deactivated   : used for a client with deactivated microphone
        - mic-muted         : used for a client with muted mic
        - channel-commander : used for a client which is channelcommander
*/
.devmx-webviewer .clientimage,  
.devmx-webviewer * .clientimage
{
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-right: 4px;
}

.devmx-webviewer .normal-client,  
.devmx-webviewer * .normal-client
{
    background: url("img/normal_client.png") no-repeat transparent;
}

.devmx-webviewer .talking-client,
.devmx-webviewer * .talking-client
{
    background: url("img/talking_client.png") no-repeat transparent;
}


.devmx-webviewer .away,  
.devmx-webviewer * .away
{
    background: url("img/away.png") no-repeat transparent;
}

.devmx-webviewer .output-deactivated,
.devmx-webviewer * .output-deactivated
{
    background: url("img/output_deactivated.png") no-repeat transparent;
}

.devmx-webviewer .output-muted,  
.devmx-webviewer * .output-muted
{
    background: url("img/output_muted.png") no-repeat transparent;
}

.devmx-webviewer .mic-deactivated,  
.devmx-webviewer * .mic-deactivated
{
    background: url("img/mic_deactivated.png") no-repeat transparent;
}

.devmx-webviewer .mic-muted,  
.devmx-webviewer * .mic-muted
{
    background: url("img/mic_muted.png") no-repeat transparent;
}

.devmx-webviewer .channel-commander,  
.devmx-webviewer * .channel-commander
{
    background: url("img/channel_commander.png") no-repeat transparent;
}

.devmx-webviewer .channel-commander-talking,
.devmx-webviewer * .channel-commander-talking
{
    background: url("img/talking_channel_commander.png") no-repeat transparent;
}

/* END CLIENT IMAGE */
/* END CLIENT */