/*
 * -------------------------------------------------------
 * BOS PORTLET NAVIGATION (ICON)
 * -------------------------------------------------------
 */

    #bos-portlet-navigation-icon .iconContainer {
        padding-left:   10px;
        padding-right:  10px;
    }

    #bos-portlet-navigation-icon .icon {        
        width:          100px;
        min-width:      100px;
        height:         50px;
        min-height:     50px;
        padding-top:    5px;
        padding-right:  5px;
        padding-bottom: 10px;
        text-align:     center;
        vertical-align: middle;
    }

    #bos-portlet-navigation-icon img {        
        border:         none;
    }

/*
 * -------------------------------------------------------
 * PANEL NAVIGATION
 * -------------------------------------------------------
 */

    #navigator {
        font:               11px tahoma, verdana, sans-serif; 
        margin-top:         0px;
        margin-left:        0px;
        margin-right:       0px;        
        margin-bottom:      10px;
        padding-bottom:     15px;   
    }

    .navigator-titlebar-left {
        background-image:       url( images/portal-navigator-top-left.gif );
        background-repeat:      no-repeat;
        background-position:    top left;
        width:                  4px;
        min-width:              4px;
        height:                 7px;        
    }

    .navigator-titlebar-center {
        background-color:       #CCCCCC;
        vertical-align:         middle;
        height:                 7px;
        min-height:             7px;
        /*border:                 1px solid #CCCCCC;*/
    }

    .navigator-titlebar-right {
        background-image:       url( images/portal-navigator-top-right.gif );
        background-repeat:      no-repeat;
        background-position:    top right;
        width:                  4px;
        min-width:              4px;
        height:                 7px;        
    }

    .navigator-content-left {
        background-color:       #CCCCCC;        
    }

    .navigator-content-center {
        background-color:       #CCCCCC;        
    }

    .navigator-content-right {
        background-color:       #CCCCCC;        
    }

    .navigator-footer-left {
        background-image:       url( images/portal-navigator-bottom-left.gif );
        background-repeat:      no-repeat;
        background-position:    bottom left;
        width:                  4px;
        min-width:              4px;
        height:                 7px;        
    }

    .navigator-footer-center {
        background-color:       #CCCCCC;
        vertical-align:         middle;
        height:                 7px;
    }

    .navigator-footer-right {
        background-image:       url( images/portal-navigator-bottom-right.gif );
        background-repeat:      no-repeat;
        background-position:    bottom right;
        width:                  4px;
        min-width:              4px;
        height:                 7px;        
    }
    
    #navigator-container {              
        padding-top:            7px;        
        margin:                 0;
    }
    #navigator-container #marker { 
        float:                  left;
        width:                  2px;
        margin-right:           5px;
    }

    #navigator-container #marker.selected { 
        background-color:       #FF0000;
    }

    #navigator-container table {             
    }

    /* First level */
    #navigator-container table td {        
        font-weight:            bold;
        background-color:       #CCCCCC;
        color:                  #000000;
        border-bottom:          1px solid #BABABA;        
        margin:                 0 0 0 0;
        padding:                2px 2px 2px 2px;   
    }

    #navigator-container table td a:hover {
        color:                  #FF0000;
    }

    #navigator-container table td a.selected {
    }


    /* Second level */
    #navigator-container table td table {
        padding:                 2px 2px 2px 2px;
    }

    #navigator-container table td table td {
        font-weight:            normal;
        background-color:       #EAEAEA;
        color:                  #000000;
        border-bottom:          1px solid #BABABA;        
    }
    #navigator-container table td table td #item {
        margin-left:            10px;
    }

    /* Third level */
    #navigator-container table td table td table {
        padding:                 2px 2px 2px 2px;
    }

    #navigator-container table td table td table td {
        font-weight:            normal;
        background-color:       #FAFAFA;
        color:                  #000000;
        border-bottom:          1px solid #BABABA;
    }

    #navigator-container table td table td table td #item {
        margin-left:            15px;
    }