﻿
/* -----------------------
   * tab *
* ----------------------- */
.l-tab-links {
    position: relative;
    height: 28px;
    background: white;
    width: 100%;
    overflow: hidden;
    border-bottom: solid 1px #E3E3E3;
    /*background:url(../images/layout/tabs-bg.gif) left bottom repeat-x; border-bottom:1px solid #BED5F3;*/
    /*box-shadow: 0 1px 3px 0 rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 2px 1px -1px rgba(0,0,0,.12);*/
}

.l-tab-links-left {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 17px;
    height: 28px;
    overflow: hidden;
    background: url(../images/layout/tabs-tools.gif) 0px 0px;
    z-index: 13;
    cursor: pointer;
}

.l-tab-links-right {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 17px;
    height: 28px;
    overflow: hidden;
    background: url(../images/layout/tabs-tools.gif) -51px 0px;
    z-index: 13;
    cursor: pointer;
}

.l-tab-links-tools {
    display: none;
    position: absolute;
    top: 0px;
    right: 0px;
    width: 17px;
    height: 28px;
    overflow: hidden;
    background: url(../images/layout/tabs-tools.gif) -102px 0px;
    z-index: 13;
    cursor: pointer;
}

.l-tab-links-left-over {
    background-position: -17px 0px;
}

.l-tab-links-right-over {
    background-position: -68px 0px;
}

.l-tab-links-tools-over {
    display: none;
    background-position: -119px 0px;
}

.l-tab-links-left-invalid {
    background-position: -34px 0px;
}

.l-tab-links-right-invalid {
    background-position: -85px 0px;
}

.l-tab-links ul {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 9999px;
    height: 28px;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 2px 1px -1px rgba(0,0,0,.12);
}

.l-tab-links li {
    float: left;
    margin: 0;
    padding: 0; /*margin-left:3px;*/
    height: 28px;
    line-height: 28px;
    cursor: pointer;
    background: white /*url(../images/layout/tabs-item-bg.gif)*/;
    position: relative;
    overflow: hidden;
    border: none;
    color: black;
}

    .l-tab-links li.l-selected {
        background: /*#004AAD*/ url(../images/tree/Images/topbg.png);
    }

    .l-tab-links li a {
        color: black;
        display: block;
        margin-left: 10px;
        margin-right: 37px;
    }

    .l-tab-links li.l-selected a {
        color: white;
        display: block;
        margin-left: 10px;
        margin-right: 37px;
    }

.l-tab-links-item-left {
    position: absolute;
    top: 0;
    left: 0;
    width: 2px;
    height: 28px;
    /*background: url(../images/layout/tabs-item-left-bg.gif);*/
}

.l-tab-links-item-right {
    position: absolute;
    top: 0;
    right: 0;
    width: 2px;
    height: 28px;
    /*background: url(../images/layout/tabs-item-right-bg.gif);*/
}

.l-tab-links-item-close {
    width: 11px;
    height: 11px;
    overflow: hidden;
    position: absolute;
    top: 9px;
    right: 5px;
    z-index: 12;
    background: url(../images/icon/icon-close.gif);
    cursor: pointer;
}

.l-tab-links-item-close-over {
    background: url(../images/icon/icon-close-over.gif);
}

.l-tab-content {
    margin: 0 auto;
    padding: 0;
    border: none;
    width: 100%;
}

.l-tab-content-item {
    width: 100%;
    overflow: hidden;
}

    .l-tab-content-item iframe {
        width: 100%;
        height: 100%;
        border: none;
        background-color:#E3E3E3;
    }
/* -----------------------
   * easytab *
* ----------------------- */
.l-easytab {
    padding: 0px;
    position: relative;
}

    .l-easytab ul {
        margin: 0;
        padding: 0;
        list-style: none;
        position: absolute;
        top: 0px;
        left: 0px;
        z-index: 101;
    }

    .l-easytab .l-easytab-header {
        padding-left: 3px;
    }

        .l-easytab .l-easytab-header li {
            float: left;
            margin-left: 2px;
        }

            .l-easytab .l-easytab-header li span {
                display: block;
                line-height: 22px;
                height: 22px;
                padding-left: 8px;
                padding-right: 8px;
                background: url('../images/controls/bg-tab-title.gif') repeat-x;
                color: #333;
                text-decoration: none;
                border: 1px solid #AECAF0;
                color: #283B56;
            }

                .l-easytab .l-easytab-header li span.l-over {
                    background: url('../images/controls/bg-tab-title-over.gif') repeat-x;
                    border: 1px solid #DAB364;
                    cursor: pointer;
                }

                .l-easytab .l-easytab-header li span.l-selected {
                    background: none;
                    background: white;
                    border-top: 3px solid #FFBD69;
                    height: 20px;
                    color: #355686;
                    border-left: 1px solid #DAB364;
                    border-right: 1px solid #DAB364;
                    border-bottom: 1px solid white;
                }

    .l-easytab .l-easytab-panelbox {
        border: 1px solid #AECAF0;
        clear: left;
        position: absolute;
        top: 23px;
        padding: 4px;
        z-index: 100;
    }
