﻿
.tabs { margin: 0 auto; }
    .tabs a { text-decoration: none; }
    .tabs ul, .tabs li { padding: 0; margin: 0; list-style: none; }
    .tabs > ul li { float: left; }
.tab-content { position: relative; display: none; }

/***选项卡扩展样式***/

.tab-head { background: url(images/bg_title.gif) repeat-x left -95px; height: 29px; }
    .tab-head ul, .tab-blue .tab-head li { float: left; }
    .tab-head .left, .tab-blue .tab-head .right { display: none; }
    .tab-head .font { background: url(images/bg_title.gif) repeat-x left -95px; border-right: 1px solid #b5d3de; padding: 1px 6px 0px 6px; font-size: 13px; color: #1f69b0; height: 28px; line-height: 28px; cursor: pointer; float: left; }
    .tab-head ul.selected .font { background-position: left -66px; font-weight: bold; font-size: 14px; }

/*皮肤一*/
.tab-blue { border: 1px solid #b5d3de; margin: 4px auto 0px auto; }
    .tab-blue .tab-head { background: url(images/bg_title.gif) repeat-x left -95px; height: 29px; }
        .tab-blue .tab-head ul, .tab-blue .tab-head li { float: left; }
        .tab-blue .tab-head .left, .tab-blue .tab-head .right { display: none; }
        .tab-blue .tab-head .font { background: url(images/bg_title.gif) repeat-x left -95px; border-right: 1px solid #b5d3de; padding: 1px 6px 0px 6px; font-size: 13px; color: #1f69b0; height: 28px; line-height: 28px; cursor: pointer; float: left; }
        .tab-blue .tab-head ul.selected .font { background-position: left -66px; font-weight: bold; font-size: 14px; }

/*皮肤二*/
.tab-blue2 { margin: 4px auto 0px auto; }
    .tab-blue2 .tab-head { background: url(images/bg_tabgovhover.gif) repeat-x left -87px; height: 29px; }
        .tab-blue2 .tab-head ul, .tab-blue2 .tab-head li { float: left; cursor: pointer; }
        .tab-blue2 .tab-head ul { margin-left: 1px; }
            .tab-blue2 .tab-head ul li.left { background: url(images/bg_tabgovhover.gif) no-repeat -40px -116px; width: 4px; height: 29px; }
            .tab-blue2 .tab-head ul li.right { background: url(images/bg_tabgovhover.gif) no-repeat 3px -116px; width: 4px; height: 29px; }
            .tab-blue2 .tab-head ul li.font { padding: 1px 5px 0px 5px; font-weight: bold; font-size: 12px; color: #1f69b0; background: url(images/bg_tabgovhover.gif) no-repeat -40px top; height: 28px; line-height: 28px; }
                .tab-blue2 .tab-head ul li.font a { font-weight: bold; font-size: 12px; color: #1f69b0; }
            .tab-blue2 .tab-head ul.selected li.left { background-position: left top; }
            .tab-blue2 .tab-head ul.selected li.right { background-position: right -58px; }
            .tab-blue2 .tab-head ul.selected li.font { background-position: left -29px; background-repeat: repeat-x; }
            .tab-blue2 .tab-head ul.up li.right { background-position: -40px -116px; }
/*皮肤三*/
.tab-blue3 { margin: 4px auto 0 auto; }
    .tab-blue3 .tab-head { background: url(images/bg_webbsthover.gif) repeat-x left -78px; height: 26px; }
        .tab-blue3 .tab-head ul, .tab-blue3 .tab-head li { float: left; cursor: pointer; }
            .tab-blue3 .tab-head ul li.left { background: url(images/bg_webbsthover.gif) no-repeat -40px -116px; width: 4px; height: 26px;border: solid 1px red; }
            .tab-blue3 .tab-head ul li.font { background: url(images/bg_webbsthover.gif) no-repeat -40px -78px; padding: 2px 6px 0 6px; font-weight: bold; font-size: 12px; color: #1f69b0; height: 24px; line-height: 24px; }
            .tab-blue3 .tab-head ul li.right { background: url(images/bg_webbsthover.gif) no-repeat left -105px; width: 4px; height: 26px; }
                .tab-blue3 .tab-head ul li.font a { font-weight: bold; font-size: 12px; color: #1f69b0; }
            .tab-blue3 .tab-head ul.selected li.left { background-position: left top; }
            .tab-blue3 .tab-head ul.selected li.right { background-position: right -52px; }
            .tab-blue3 .tab-head ul.selected li.font { background-position: left -26px; background-repeat: repeat-x; color: #ffffff; }
            .tab-blue3 .tab-head ul.up li.right { background-position: -40px -116px; }
    .tab-blue3 .tab-content { border: 1px solid #cbe2f0; border-top: 0px; }
/*皮肤四*/
.tab-blue4 { margin: 4px auto 0 auto; border: 1px solid #cee5f3; }
    .tab-blue4 .tab-head { border-bottom: 1px solid #d9d7d8; background: url(images/bg_sitemaphover.gif) repeat-x left -75px; height: 25px; }
        .tab-blue4 .tab-head ul, .tab-blue4 .tab-head li { float: left; cursor: pointer; }
        .tab-blue4 .tab-head ul { position: relative; top: 1px; }
            .tab-blue4 .tab-head ul li.left { background: url(images/bg_sitemaphover.gif) no-repeat -40px -116px; width: 6px; height: 24px; }
            .tab-blue4 .tab-head ul li.right { background: url(images/bg_sitemaphover.gif) no-repeat 5px -101px; width: 6px; height: 24px; }
            .tab-blue4 .tab-head ul li.font { background: url(images/bg_sitemaphover.gif) no-repeat -40px -78px; padding: 0px 8px; font-weight: bold; font-size: 12px; color: #707175; height: 24px; line-height: 24px; }
                .tab-blue4 .tab-head ul li.font a { font-weight: bold; font-size: 12px; color: #707175; }
            .tab-blue4 .tab-head ul.selected li.left { background-position: left top; height: 25px; }
            .tab-blue4 .tab-head ul.selected li.right { background-position: right -50px; height: 25px; }
            .tab-blue4 .tab-head ul.selected li.font { background-position: left -25px; background-repeat: repeat-x; height: 25px; line-height: 25px; }
            .tab-blue4 .tab-head ul.up li.right { background-position: -40px -116px; }
    .tab-blue4 .tab-content { border-top: 0; }

/*皮肤五*/
.tab-blue5 { margin: 4px auto 0 auto; border: 1px solid #bad5e6; background: url(images/sub_bgtitle.gif) repeat-x left -199px; }
    .tab-blue5 .tab-head { height: 29px; padding-left: 4px; margin: 0px 5px; border-bottom: 1px solid #d4d9dd; }
        .tab-blue5 .tab-head ul, .tab-blue5 .tab-head li { float: left; cursor: pointer; }
        .tab-blue5 .tab-head ul { position: relative; top: 5px; margin: 0px 2px; }
            .tab-blue5 .tab-head ul li.left { background: url(images/sub_titlehover.gif) no-repeat left -153px; width: 6px; height: 24px; }
            .tab-blue5 .tab-head ul li.right { background: url(images/sub_titlehover.gif) no-repeat right -203px; width: 6px; height: 24px; }
            .tab-blue5 .tab-head ul li.font { background: url(images/sub_titlehover.gif) repeat-x left -178px; padding: 1px 14px 0px 14px; font-size: 12px; color: #000000; height: 23px; line-height: 23px; }
                .tab-blue5 .tab-head ul li.font a { font-weight: bold; font-size: 12px; color: #000000; }
            .tab-blue5 .tab-head ul.selected li.left { background-position: 1px -78px; height: 25px; }
            .tab-blue5 .tab-head ul.selected li.right { background-position: right -128px; height: 25px; }
            .tab-blue5 .tab-head ul.selected li.font { background-position: left -103px; color: #226dbe; font-weight: bold; height: 24px; line-height: 24px; }
    .tab-blue5 .tab-content { border-top: 0px; min-height: 160px; _height: 160px; background-color: #ffffff; }

/*皮肤六*/
.tab-blue6 { margin: 4px auto 0 auto; width: 96%; }
    .tab-blue6 .tab-head { border-bottom: 1px solid #d1d1d1; height: 22px; position: relative; }
        .tab-blue6 .tab-head ul, .tab-blue6 .tab-head li { float: left; cursor: pointer; }
        .tab-blue6 .tab-head ul { height: 20px; margin-right: 4px; position: relative; top: 1px; }
        .tab-blue6 .tab-head .left, .tab-blue6 .tab-head .right { display: none; }
        .tab-blue6 .tab-head ul li.font { background: url(images/sub_titlehover.gif) repeat-x left -182px; border: 1px solid #d1d1d1; color: #434142; padding: 1px 10px 0px 10px; font-size: 12px; height: 19px; line-height: 19px; cursor: pointer; }
            .tab-blue6 .tab-head ul li.font a { font-weight: bold; font-size: 12px; color: #434142; }
        .tab-blue6 .tab-head ul.selected li.font { border-bottom: 0px; height: 20px; }
