/****************************************************************************/
/*  I M   F I L T E R S  ( don't change position and order of these rules! )*/
/****************************************************************************/

/**
 * Hide all chats
 */
DIV[name] {
    display:none;
}

/**
 * Show chats w/ given jid only 
 */
DIV[name='dummy@jid.com'] {
    display:block;
}

/**
 * style definition for background bubble images in portrait
 */
.background_bubbles_portrait
    {
    z-index:-1;
    position: fixed;
    top: 0px;
    left: -30px;
    width: 200%;
    height: 100%;
    background-image:url(qgn_graf_chat_bgr_pic.png);
    }

/**
 * style definition for background bubble images in portrait
 */
.background_bubbles_landscape
    {
    z-index:-1;
    position: fixed;
    top: -45px;
    left: 20px;
    width: 200%;
    height: 200%;
    background-image:url(qgn_graf_chat_bgr_pic.png);
    }


div#tabpane_bgr
    {
    z-index:1;
    position:fixed;
    top:0px;
    left:0px;
    width:100%;
    height:25px;
    background-color:#f5f5f5;
    }


body {
    background-color:#FFFFFF;
    font-family:sans-serif;
    font-size:9pt;
    font-weight:normal;
}

/****************************************************************************/
/*  T A B - P A N E                                                         */
/****************************************************************************/

#tabpane_container {
    z-index   :5;
    position  :fixed;
    top     :3px;
    left: 0px;
    height:23px;
    overflow:hidden;
    padding-left:1px;
    padding-right:1px;
    padding-top:2px;
    padding-bottom: 0px;
    margin:0px;
}


/**
 * Tabpane ( <table> )
 */
.tabpane {
    font-size:9pt;
    font-weight:normal;
    z-index  :3;
    width    :100%;
    border-collapse:collapse;
    color    :#414141;
    height:20px;
   /*position:relative;*/
}

/**
 */
.tabpane td{
    padding: 0px;
    margin: 0px;
    text-align:center;
    color: #414141;
    white-space:nowrap;
    max-width:69px;
    overflow:hidden;
    height:21px;
}

/**
 * Tabpane's tab
 */
.tabpane td div {
    background:
        url(chat_tab_left.png),
        url(chat_tab_right.png),
        url(chat_tab_middle.png);
    background-repeat:
        no-repeat,
        no-repeat,
        repeat-x;
    background-position:
        left,
        right,
        top;
    width: 66px;
    height: 20px;
    margin-left:1px;
    margin-right:1px;
}

/**
 * Tab's icon ( buddy status )
 */
.tabpane td div img{
    padding-left:3px;
    padding-top:4px;
    float :left;
    width:13px;
    height:13px;
}


.tab_text {
    width:45px;
    height:22px;
    overflow:hidden;
    margin: 0px;
    padding-top:4px;
    padding-left:1px;
    text-overflow:ellipsis;
    border:0px;
}

/**
 * Tabpane's active tab ( <div> )
 */
#tabpane_activetab div {
    background:
        url(chat_tab_active_left.png),
        url(chat_tab_active_right.png),
        url(chat_tab_active_middle.png);
    background-repeat:
        no-repeat,
        no-repeat,
        repeat-x;
    background-position:
        left,
        right,
        top;
    width:66px;
    height:20px;
    margin-left:1px;
    margin-right:1px;
}

/**
 * Tabpane's active tab ( <td> )
 */
#tabpane_activetab{
    max-width:69px;
    border:0px;
}


/**
 * Tabpane's left scroll button
 */
.tabpane_scroll_lbutton {
    background: url(qgn_prop_y_previous_chat.png) no-repeat center;
    width:12px;
    height:15px;
    min-width:12px;
}

/**
 * Tabpane's right scroll button
 */
.tabpane_scroll_rbutton {
    background: url(qgn_prop_y_next_chat.png) no-repeat center;
    width:12px;
    height:15px;
    min-width:12px;
}

/**
 * Tabpane's left scroll button
 */
.tabpane_scroll_lbutton_dimmed {
    width:12px;
    height:15px;
    min-width:12px;
}

/**
 * Tabpane's right scroll button
 */
.tabpane_scroll_rbutton_dimmed {
    width:12px;
    height:15px;
    min-width:12px;
}


/****************************************************************************/
/*  C O N T E N T   F R A M E                                               */
/****************************************************************************/

/**
 * Left and rigth side lines of content frame
 */
#content_frame_leftright_lines {
    z-index   :-1;
    position  :fixed;
    top       :24px;
    left  :1px;
    right :1px;
    bottom:17px;
    border-left :1px solid #BFBFBF;
    border-right:1px solid #BFBFBF;
}

/**
 */
#content_frame_top_line{
    z-index   :1;
    position  :fixed;
    top   :23px;
    left  :1px;
    right :1px;
    height:1px;
    border-bottom:1px solid #BFBFBF;
    display:block;
}

/**
 */
#content_frame_bottom_line{
    z-index   :2;
    position  :fixed;
    height:2px;
    left  :1px;
    right :1px;
    bottom:17px;
    border-top:1px solid #BFBFBF;
    background-color:white;
}

/**
 * Left and rigth side lines of content frame
 */
#inputFieldTitle {
    z-index   :2;
    position  :fixed;
    padding-top:3px;
    height:16px;
    bottom:0px;
    left:0px;
    right:0px;
    padding-left:9px;
    color: grey;
    background-color:#f5f5f5;
    }

.lr{}

.rl {
		direction: rtl;
		block-progression: rl;
		unicode-bidi:bidi-override;
		padding-right:55px;
}

.chat_content
    {
    z-index:1;
    padding-top:0px;
    margin-top:-5px;
    }

img.presencemessageicon
    {
    width:13px;
    height:13px;
    }