/* ****************************************** */
/* COMBAT RANK                                */
/* ****************************************** */

    #combat_rank {
        display         : block;
        position        : absolute;
        width           : 79px;
        height          : 79px;
        text-align      : center;
        font-size       : 50px;
        color           : white;
        background-image: url('/images/icons/combat_shield.png');
        background-repeat: no-repeat;
        top             : 72px;
        right           : 5px;
        line-height     : 79px;
    }

/* ****************************************** */
/* DRESSING ROOM                              */
/* ****************************************** */

    #add_clothing {
        position        : absolute;
        width           : 200px;
        overflow        : hidden;
        text-align      : left;
    }
    
    #add_clothing.wide {
        left            : 185px;
    }
    
    #add_clothing.narrow {
        left            : 303px;
    }
    
    #add_clothing #list {
        border          : 1px solid #666;
        width           : 148px;
        padding         : 5px;
        background      : #FCFCFC;
        float           : left;
        height          : 292px;
        overflow-x      : hidden;
        overflow-y      : auto;
        margin-left     : 0px;
    }
    
    #list p {
        font-size       : 11px;
        margin          : 2px 0px;
        background      : white;
        padding         : 1px;
        border          : 1px solid #F1F1F1;
    }
    
    #list p img {
        vertical-align  : middle;
    }
    
    #list h4 {
        margin          : 0px 0px 0px 5px;
    }
    
    #add_clothing #list.closed {
        margin-left     : -190px;
    }
    
    #add_clothing #tab {
        background-image: url('/images/icons/tab_dressing_minus.png');
        background-repeat: no-repeat;
        width           : 17px;
        height          : 145px;
        float           : left;
        cursor          : pointer;
    }
    
    #add_clothing #tab.closed {
        background-image: url('/images/icons/tab_dressing_plus.png');
    }
    
    .remove_link {
        color           : red;
        font-weight     : bold;
        text-decoration : none;
    }
    
    .item_box_cell {
        position         : relative;
    }
    
    .remove_link.in_box {
        position        : absolute;
        top             : 2px;
        right           : 2px;
    }
     

/* ****************************************** */
/* SKILLS                                     */
/* ****************************************** */

    #skills {
        position        : absolute;
        width           : 200px;
        overflow        : hidden;
        text-align      : left;
    }
    
    #skills.wide {
        left            : -685px;
    }
    
    #skills.narrow {
        left            : -375px;
    }
    
    #skills #list {
        border          : 1px solid #666;
        width           : 148px;
        padding         : 5px;
        background      : #FCFCFC;
        float           : right;
        height          : 292px;
        overflow-x      : hidden;
        overflow-y      : auto;
        margin-left     : 0px;
    }
    
    #list p {
        font-size       : 11px;
        margin          : 2px 0px;
        background      : white;
        padding         : 1px;
        border          : 1px solid #F1F1F1;
    }
    
    #skills #list.closed {
        margin-right     : -190px;
    }
    
    #skills #list span {
        width           : 80px;
        display         : inline-block;
    }
    
    #skills #tab {
        background-image: url('/images/icons/tab_skills_minus.png');
        background-repeat: no-repeat;
        width           : 17px;
        height          : 145px;
        float           : right;
        cursor          : pointer;
    }
    
    #skills #tab.closed {
        background-image: url('/images/icons/tab_skills_plus.png');
    }
     

/* ****************************************** */
/* QUICK CHARMS                               */
/* ****************************************** */

    #add_items {
        overflow        : hidden;
        text-align      : center;
        margin-bottom   : -3px;
    }
    
    #add_items #list {
        border          : 1px solid #666;
        width           : 580px;
        padding         : 5px;
        background      : #FCFCFC;
        max-height      : 292px;
        overflow-x      : hidden;
        overflow-y      : auto;
        margin-left     : auto;
        margin-right    : auto;
        text-align      : left;
    }
    
    #add_items #list.closed {
        display         : none;
    }
    
    #add_items #list p {
        width           : 281px;
        float           : left;
        margin-right    : 5px;
    }
    
    #add_items #tab {
        background-image: url('/images/icons/tab_up_minus.png');
        background-repeat: no-repeat;
        background-position:top center;
        width           : 590px;
        height          : 17px;
        margin-left     : auto;
        margin-right    : auto;
    }
    
    #add_items #tab.closed {
        background-image: url('/images/icons/tab_up_plus.png');
    }

/* ****************************************** */
/* GROPH PARENT SECTION                       */
/* ****************************************** */
     
     .no_parent {
        color           : #999999;
        font-weight     : bold;
        font-size       : 130%;
     }
     
     .child_list_head {
        color           : #FFFFFF;
        font-weight     : bold;
        text-align      : center;
        background      : #666666;
        padding         : 4px;
        margin-bottom   : 5px;
        margin-top      : 0px;
     }
     
     .child_list_candle {
        color           : #FFFFFF;
        font-weight     : bold;
        font-style      : italic;
        text-align      : center;
        background      : #6666CC;
        padding         : 4px;
        margin-bottom   : 5px;
        margin-top      : 0px;
     }
     
     .child_list_head_mid {
        color           : #FFFFFF;
        font-weight     : bold;
        text-align      : center;
        background      : #666666;
        padding         : 4px;
        margin-bottom   : 5px;
        margin-top      : 10px;
        
     }
     
     .child_list_head_mid.hide_toggle {
        background-image : none;
        padding-left    : 4px !important;
     }
     
     .child_list {
        font-size       : 11px;
     }
     
    .groph_info_block {
        background-color        : #FFEEDD;
        font-size               : 85%;
        border                  : 1px solid #444;
        padding                 : 6px;
    }
    
    .groph_info_block *:first-child {
        margin-top              : 0px;
    }
    
    .groph_info_block span.div {
        color                   : #DD9999;
        padding                 : 0px 4px;
    }
    
    .groph_form_block {
        background-color        : #FFEEDD;
        border                  : 1px solid #444;
        padding                 : 6px;
        text-align              : right;
    }
    
    .nature .description {
        background-color        : #FFEEDD;
        font-size               : 85%;
        border                  : 1px solid #444;
        padding                 : 6px;
    }
    
    .nature p {
        margin                  : 0px;
    }
    
    .nature p.effect {
        margin-top              : 5px;
        font-style              : italic;
    }
    
    .nature h3 {
        margin                  : 2px 0px 0px 0px;
        cursor                  : pointer;
    }
    
    .nature h3 span {
        background-color        : #ECB;
        border                  : 1px solid #444;
        border-bottom           : 1px solid #ECB;
        padding                 : 2px 6px 0px 6px;
        cursor                  : pointer;
    }
    
    .nature h3.collapsed {
        background-color        : #ECB;
        border                  : 1px solid #444;
        padding                 : 2px 6px;
        cursor                  : pointer;
    }
    
    .nature h3.collapsed span {
        border                  : none;
        padding                 : 0px;
        cursor                  : pointer;
    }
    
    .header {
        background-color        : #ECB;
        border                  : 1px solid #444;
        border-bottom           : none;
        padding                 : 2px 6px;
    }
    
    .header h3 {
        margin                  : 2px 0px 0px 0px;
    }
    
    .item_placeholder {
        border                  : 3px dashed #888;
        height                  : 100px;
        width                   : 100px;
        padding                 : 4px;
        text-align              : center;
        color                   : #888;
        background              : rgba(210,210,210,0.6);
        text-transform          : uppercase;
        font-size               : 20px;
        font-weight             : bold;
        line-height             : 100px;
    }
    
    .item_placeholder span {
        display                 : inline-block;
        line-height             : 22px;
        vertical-align          : middle;
    }