/* ACCOUNT TAB */
#accountTab {
    z-index: 100;
    width: 199px;
}

    #accountTab .drop {
        width: 210px;
        display: block;
    }

    #accountTab .maintab .left {
        background: url('../../images/navCornerInv_white.png') no-repeat top right;
        width: 15px;
        height: 28px;
        display: block;
        float: left;
    }

    #accountTab .maintab .right {
        background: url('../../images/navCornerInv_white_right.png') no-repeat top left;
        width: 12px;
        height: 28px;
        display: block;
        float: left;
        margin-right: -2px;
    }

    #accountTab .maintab .mid {
        background: url('../../images/navInv_white.png') repeat-x top left;
        color: #282828;
        text-transform: uppercase;
        display: block;
        float: left;
        padding: 8px 20px;
        width: 130px;
    }

        #accountTab .maintab .mid a {
            color: #282828;
            text-decoration: none;
        }
        #accountTab .maintab .mid .name {
            width: 118px;
            height: 20px;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
            display: block;
            float: left;
        }

    #accountTab:hover .maintab .mid {
        background: url('../../images/navInv_green.png') repeat-x top left;
    }

    #accountTab:hover .maintab .left {
        background: url('../../images/navCornerInv_green.png') no-repeat top right;
    }

    #accountTab:hover .maintab .right {
        background: url('../../images/navCornerInv_green_right.png') no-repeat top left;
    }

    #accountTab .maintab {
        cursor: pointer;
    }

    #accountTab .maintab .mid .plus-minus {
        font-size: 14px;
        font-weight: bold;
        margin-top: -2px;
    }

    /* ACCOUNT TAB DROPDOWN */
    #accountTab .drop ul {
        display: none;
        list-style: none;
        text-align: left;
        font-family: "gilsans", Arial, Helvetica, sans-serif;
        text-transform: uppercase;
        background: #a0c71f;
        margin: 0;
        padding: 6px;
        width: 185px;
        box-shadow: 2px 5px 5px #333;
        overflow: hidden;
    }

    /*#accountTab:hover .drop ul {
        display: block;
    }*/

    #accountTab .drop ul {
        left: -10px;
    }

        #accountTab .drop ul li {
            font-size: 11px;
            background: transparent;
            color: #282828;
            margin: 0 0 1px 0;
            position: relative;
            display: block;
            width: 185px;
            height: 31px;
            z-index: 0;
        }
            #accountTab .drop ul li .link {
                width: 185px;
                background: #ffffff;
                -webkit-transition: width .5s ease-in-out;
                -moz-transition: width .5s ease-in-out;
                -o-transition: width .5s ease-in-out;
                transition: width .5s ease-in-out;
            }
            #accountTab .drop ul li:hover .link {
                background: #282828;
                color: #fff;
                width: 170px;
            }

                #accountTab .drop ul li:hover a {
                    color: #fff;
                }

            #accountTab .drop ul li a {
                color: #282828;
                width: 100%;
                display: block;
                padding: 8px 6px 8px 6px;
                text-decoration: none;
            }

                #accountTab .drop ul li a:hover {
                    color: #ffffff;
                    width: 100%;
                }

            #accountTab .drop ul li .arrowBox {
                background: url('../../images/icons/rightArrow_sml_green.png') no-repeat center center #282828;
                position: absolute;
                right: -26px;
                top: 0;
                width: 0;
                height: 31px;
                display: block;
                -webkit-transition: width .5s ease-in-out;
                -moz-transition: width .5s ease-in-out;
                -o-transition: width .5s ease-in-out;
                transition: width .5s ease-in-out;
            }


/* INVERTED TABS */
.downTabRow {
    margin: -3px 0 0 0;
    padding: 0;
    list-style: none;
}

    .downTabRow li {
        display: inline-block;
        text-align: center;
        height: 27px;
        width: 120px;
        margin: 0 0 0 -3px;
        position: relative;
        font-size: 12px;
        background: url('../../images/nav_white.png') repeat-x top left;
        cursor: pointer;
        color: #282828;
    }

        .downTabRow li:hover {
            background: url('../../images/navInv_green.png') repeat-x top left;
            color: #638100;
        }

        .downTabRow li a {
            color: #282828;
            text-decoration: none;
            width: 100%;
            height: 100%;
            display: block;
        }

            .downTabRow li a:hover {
                color: #638100;
            }

        .downTabRow li span {
            position: absolute;
            z-index: 1;
            width: 98%;
            top: 6px;
            left: 0;
        }

        .downTabRow li:first-child:before {
            content: " ";
            background: url('../../images/navCornerInv_white.png') no-repeat bottom left;
            display: block;
            width: 15px;
            height: 27px;
            position: absolute;
            top: 0;
            left: -10px;
            z-index: 0;
        }

        .downTabRow li:first-child:hover:before {
            background: url('../../images/navCornerInv_green.png') no-repeat bottom left;
        }

        .downTabRow li:last-child:after {
            content: " ";
            background: url('../../images/navCornerInv_white_right.png') no-repeat bottom right;
            display: block;
            width: 15px;
            height: 27px;
            position: absolute;
            top: 0;
            right: -10px;
            z-index: 0;
        }

        .downTabRow li:last-child:hover:after {
            background: url('../../images/navCornerInv_green_right.png') no-repeat top right;
        }



/* REGULAR TABS */

.tabRow {
    margin: 0;
    padding: 0;
    list-style: none;
    list-style-type: none;
}

    .tabRow li.main {
        display: inline-block;
        text-align: center;
        height: 30px;
        min-width: 100px;
        margin: 0 -5px 0 0;
        padding: 0;
        position: relative;
        font-size: 11px;
        background: url('../../images/nav_white.png') repeat-x top left;
        cursor: pointer;
        color: #282828;
    }

        .tabRow li.main:hover, .tabRow .main.active {
            background: url('../../images/nav_green.png') repeat-x top left transparent;
            color: #638100;
        }

        .tabRow li.main span {
            text-transform: uppercase;
        }

            .tabRow li.main span a {
                text-decoration: none;
                padding: 10px 0;
                color: #282828;
                width: 100%;
                display: block;
            }

                .tabRow li.main span a:hover, .tabRow.active li.main span a {
                    text-decoration: none;
                    color: #638100;
                }

        .tabRow li.main:first-child:before {
            content: " ";
            background: url('../../images/navCorner_white.png') no-repeat top left;
            display: block;
            width: 12px;
            height: 30px;
            position: absolute;
            top: 0;
            left: -10px;
            z-index: 0;
        }

        .tabRow li.main:first-child:hover:before, .tabRow li.main:first-child.active:before {
            background: url('../../images/navCorner_green.png') no-repeat top left;
        }

        .tabRow li.main:last-child:after {
            content: " ";
            background: url('../../images/navCorner_white_right.png') no-repeat top right;
            display: block;
            width: 12px;
            height: 30px;
            position: absolute;
            top: 0;
            right: -10px;
            z-index: 0;
        }

        .tabRow li.main:last-child:hover:after, .tabRow li.main:last-child.active:after {
            background: url('../../images/navCorner_green_right.png') no-repeat top right;
        }

    /* REGULAR TABS DROPDOWN */
    .tabRow li ul.drop {
        display: none;
        list-style: none;
        text-align: left;
        font-family: "gilsans", Arial, Helvetica, sans-serif;
        text-transform: uppercase;
        position: absolute;
        top: 100%;
        left: 0;
        background: #a0c71f;
        margin: 0;
        padding: 6px;
        z-index: 8000;
        width: 185px;
        box-shadow: 2px 5px 5px #666;
        overflow: hidden;
    }

    .tabRow li:hover ul.drop {
        display: block;
    }

    .tabRow li:first-child ul.drop {
        left: -10px;
    }

    .tabRow li ul.drop li {
        background: #ffffff;
        font-size: 11px;
        color: #282828;
        margin: 0 0 1px 0;
        position: relative;
        display: block;
        -webkit-transition: width .5s ease-in-out;
        -moz-transition: width .5s ease-in-out;
        -o-transition: width .5s ease-in-out;
        transition: width .5s ease-in-out;
        width: 185px;
        height: 31px;
        z-index: 0;
    }

        .tabRow li ul.drop li:hover {
            background: #282828;
            color: #fff;
            width: 170px;
        }

            .tabRow li ul.drop li:hover a {
                color: #fff;
            }

        .tabRow li ul.drop li a {
            color: #282828;
            width: 100%;
            display: block;
            padding: 8px 6px 8px 6px;
            text-decoration: none;
        }

            .tabRow li ul.drop li a:hover {
                color: #ffffff;
                width: 100%;
            }

        .tabRow li ul.drop li .arrowBox {
            background: url('../../images/icons/rightArrow_sml_green.png') no-repeat center center #282828;
            position: absolute;
            right: -26px;
            top: 0;
            width: 0;
            height: 31px;
            display: block;
            -webkit-transition: width .5s ease-in-out;
            -moz-transition: width .5s ease-in-out;
            -o-transition: width .5s ease-in-out;
            transition: width .5s ease-in-out;
        }

/*.tabRow li ul.drop li:hover .arrowBox {
    width: 23px;
}*/


/* WIDGET - JQUERY UI TABS OVERRIDE */
.ui-box-container .ui-tabs > ul {
    margin: 0 0 0 10px !important;
    padding: 0 !important;
    list-style: none !important;
    list-style-type: none !important;
}

    .ui-box-container .ui-tabs > ul li {
        display: inline-block !important;
        text-align: center !important;
        height: 30px !important;
        width: 100px !important;
        margin: 0 !important;
        padding: 0 !important;
        position: relative !important;
        font-size: 11px !important;
        background: url('../../images/nav_black.png')repeat-x top left !important;
        cursor: pointer !important;
        color: #fff !important;
        border-radius: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border: none;
        font-size: 10px !important;
        text-shadow: none !important;
    }

        .ui-box-container .ui-tabs > ul li:first-child {
            width: 90px !important;
        }

        .ui-box-container .ui-tabs > ul li:last-child {
            width: 90px !important;
        }

        .ui-box-container .ui-tabs > ul li:hover, .ui-box-container .ui-tabs > ul li.ui-tabs-active {
            background: url('../../images/nav_green.png') repeat-x top left transparent !important;
            color: #638100 !important;
        }

        .ui-box-container .ui-tabs > ul li span {
            position: absolute;
            z-index: 1;
            width: 98%;
            height: 60%;
            display: block;
            top: 0;
            left: 0;
            padding-top: 8px;
            text-transform: uppercase;
            font-size: 11px !important;
            text-shadow: none !important;
            font-style: normal;
            font-weight: bold;
        }

        .ui-box-container .ui-tabs > ul li a {
            text-decoration: none;
            color: #fff !important;
            font-size: 10px !important;
            text-shadow: none !important;
            width: 90%;
            display: block;
        }

            .ui-box-container .ui-tabs > ul li a:hover, .ui-box-container .ui-tabs > ul li.ui-tabs-active a,
            .ui-box-container .ui-tabs > ul li:hover a {
                text-decoration: none;
                color: #638100 !important;
            }

        .ui-box-container .ui-tabs > ul li:first-child:before {
            content: " ";
            background: url('../../images/navCorner_black_left.png') no-repeat top left;
            display: block;
            width: 100px;
            height: 30px;
            position: absolute;
            top: 0;
            left: -10px;
            z-index: 0;
        }

        .ui-box-container .ui-tabs > ul li:first-child:hover:before, .ui-box-container .ui-tabs > ul li:first-child.ui-tabs-active:before {
            background: url('../../images/navCorner_green.png') no-repeat top left;
        }

        .ui-box-container .ui-tabs > ul li:last-child:after {
            content: " ";
            background: url('../../images/navCorner_black_right.png') no-repeat top right;
            display: block;
            width: 100px;
            height: 30px;
            position: absolute;
            top: 0;
            right: -10px;
            z-index: 0;
        }

        .ui-box-container .ui-tabs > ul li:last-child:hover:after, .ui-box-container .ui-tabs > ul li:last-child.ui-tabs-active:after {
            background: url('../../images/navCorner_green_right.png') no-repeat top right;
        }


/* TOOLBAR TABS */
#toolbar .tbButtons {
    position: absolute;
    top: -10px;
    right: 0;
}

#toolbar .tbButtons {
    position: absolute;
    list-style: none;
    top: 0;
    right: 8px;
    margin: 0;
    padding: 0;
}

    #toolbar .tbButtons li.lvl1,#toolbar .tbButtons li.flvl1 {
        background: url('../../images/navInv_black.png') repeat-x top left;
        height: 28px;
        display: inline-block;
        padding: 0;
        margin: 0;
        color: #fff;
        cursor: pointer;
        font-size: 11px;
        position: relative;
    }
    #toolbar .tbButtons li.flvl1 ul {
        cursor: auto;
    }
    #toolbar ul.tbButtons li.lvl1:first-child:before, #toolbar ul.tbButtons li.flvl1:first-child:before {
        content: " ";
        width: 15px;
        height: 28px;
        display: block;
        position: absolute;
        top: 0;
        left: -15px;
        background: url('../../images/navCornerInv_black_left.png') no-repeat top right;
    }
    #toolbar ul.tbButtons li.lvl1:last-child:after, #toolbar ul.tbButtons li.flvl1:last-child:after {
        content: " ";
        width: 15px;
        height: 28px;
        display: block;
        position: absolute;
        top: 0;
        right: -15px;
        background: url('../../images/navCornerInv_black_right.png') no-repeat top left;
    }

        #toolbar .tbButtons li.lvl1:first-child:hover:before, #toolbar .tbButtons li.flvl1:first-child:hover:before {
            background: url('../../images/navCornerInv_green.png') no-repeat top right;
        }
        #toolbar .tbButtons li.lvl1:last-child:hover:after, #toolbar .tbButtons li.flvl1:last-child:hover:after {
            background: url('../../images/navCornerInv_green_right.png') no-repeat top left;
        }
        #toolbar .tbButtons li.lvl1:hover, #toolbar .tbButtons li.flvl1:hover {
            background: url('../../images/navInv_green.png') repeat-x top left;
            color: #282828;
        }
        #toolbar .tbButtons li.lvl1:hover ul {
            display: block;
        }

        #toolbar .tbButtons li .icon {
            margin: 10px 10px;
            height: 9px;
            width: 5px;
            float: left;
            display: block;
        }
        
            #toolbar .tbButtons li .icon.question {
                background: url('../../images/icons/question-sml.png') no-repeat;
                background-position: 0 -16px;
            }
            #toolbar .tbButtons li:hover .icon.question {
                background: url('../../images/icons/question-sml.png') no-repeat;
                background-position: 0 0;
            }

            #toolbar .tbButtons li .icon.downArrow {
                background: url('../../images/icons/downArrow_sml_green.png') no-repeat center center;
                width: 8px;
            }
            #toolbar .tbButtons li:hover .icon.downArrow {
                background: url('../../images/icons/downArrow_sml.png') no-repeat center center;
            }

        #toolbar .tbButtons li .txt {
            padding: 7px 10px 7px 10px;
            float: left;
            display: block;
        }

        #toolbar .tbButtons li ul {
            display: none;
            position: absolute;
            z-index: 200;
            top: 28px;
            right: 0;
            padding: 6px;
            margin: 0;
            background: #aedb1f;
            list-style: none;
            box-shadow: 2px 2px 5px #333;
            width: 150px;
        }
            #toolbar .tbButtons li ul li, #toolbar .tbButtons li ul li a {
                color: #282828;
                text-decoration: none;
            }
            #toolbar .tbButtons li ul li:hover, #toolbar .tbButtons li ul li:hover a {
                color: #fff;
            }
            #toolbar .tbButtons li ul li a {
                width: 100%;
                height: 100%;
                display: block;
            }
            #toolbar .tbButtons li ul li {
                display: block;
                margin-bottom: 1px;
                background: #fff;
                color: #282828;
                height: 28px;
            }
            #toolbar .tbButtons li ul li:hover {
                background: #282828;
                color: #fff;
            }
                #toolbar .tbButtons li ul li .txt {
                    width: 110px;
                    display: block;
                    float: left;
                }

                #toolbar .tbButtons li ul li .icon {
                    width: 16px;
                    height: 16px;
                    margin: 6px;
                }

                    #toolbar .tbButtons li ul li .icon.tree {
                        background: url('../../images/icons/tree-sml.png') no-repeat;
                        background-position: 0 0;
                    }
                    #toolbar .tbButtons li ul li:hover .icon.tree {
                        background-position: 0 -26px;
                    }

                    #toolbar .tbButtons li ul li .icon.struct {
                        background: url('../../images/icons/structure-sml.png') no-repeat;
                        background-position: 0 0;
                    }
                    #toolbar .tbButtons li ul li:hover .icon.struct {
                        background-position: 0 -28px;
                    }
                    
                    #toolbar .tbButtons li ul li .icon.list {
                        background: url('../../images/icons/list-sml.png') no-repeat;
                        background-position: 0 0;
                    }
                    #toolbar .tbButtons li ul li:hover .icon.list {
                        background-position: 0 -26px;
                    }
                    
                    #toolbar .tbButtons li ul li .icon.list {
                        background: url('../../images/icons/list-sml.png') no-repeat;
                        background-position: 0 0;
                    }
                    #toolbar .tbButtons li ul li:hover .icon.list {
                        background-position: 0 -26px;
                    }
                    
                    #toolbar .tbButtons li ul li .icon.email {
                        background: url('../../images/icons/email2-sml.png') no-repeat;
                        background-position: 0 0;
                        margin-top: 10px;
                        height: 10px;
                    }
                    #toolbar .tbButtons li ul li:hover .icon.email {
                        background-position: 0 -18px;
                    }
                    
                    #toolbar .tbButtons li ul li .icon.share {
                        background: url('../../images/icons/share-sml.png') no-repeat;
                        background-position: 0 0;
                    }
                    #toolbar .tbButtons li ul li:hover .icon.share {
                        background-position: 0 -28px;
                    }

                    #toolbar .tbButtons li ul li .icon.movie2 {
                        background: url('../../images/icons/movie-sml.png') no-repeat;
                        background-position: 0 0;
                        height: 9px;
                        margin-top: 10px;
                    }
                    #toolbar .tbButtons li ul li:hover .icon.movie2 {
                        background-position: 0 -16px;
                    }

                    #toolbar .tbButtons li.lvl1 .icon.movie {
                        background: url('../../images/icons/movie-sml.png') no-repeat;
                        background-position: 0 -16px;
                        width: 16px;
                        margin: 10px 6px;
                    }
                    #toolbar .tbButtons li.lvl1:hover .icon.movie {
                        background-position: 0 0;
                    }

                    #toolbar .tbButtons li.flvl1 .icon.filter {
                        background: url('../../images/icons/filter-sml.png') no-repeat;
                        background-position: 0 -16px;
                        width: 10px;
                    }
                    #toolbar .tbButtons li.flvl1:hover .icon.filter {
                        background-position: 0 0;
                    }
                    
                    #toolbar .tbButtons li ul li.legend {
                        height: 204px;
                    }
                    #toolbar .tbButtons li ul li.legend:hover {
                        background: #fff;
                        color: #282828;
                        height: 204px;
                    }