.v-tabsheet-spacertd div { border-color: #bfbfbf; border-left: none; } .v-tabsheet-tabitem { border: none; border-bottom: 1px solid #bfbfbf; color: #4d748f; padding: 0; } .v-tabsheet-tabitem .v-caption { padding: 5px 16px; } .v-tabsheet-tabitem-selected { border: 1px solid #bfbfbf; border-bottom: none; color: #222; } .v-tabsheet-tabitem-selected .v-caption { padding: 4px 15px 6px 15px; } .v-tabsheet-content { border: none; } .v-tabsheet-deco { height: 0; } .v-tabsheet-tabs .v-icon, .v-tabsheet-tabs .v-captiontext, .v-tabsheet-tabs .v-errorindicator { display: inline; float: none; } .v-sa .v-tabsheet-tabs .v-captiontext { display: inline-block; } .v-tabsheet-tabs .v-icon { width: 16px !important; height: 16px !important; } .v-tabsheet-tabs .v-errorindicator { display: inline-block; width: 13px; height: 16px; background: transparent url(../common/icons/error.png) no-repeat 50%; } .v-ff2 .v-tabsheet-tabs .v-icon, .v-ff2 .v-tabsheet-tabs .v-errorindicator { display: -moz-inline-stack; } .v-ie6 .v-tabsheet-tabs .v-errorindicator { background-image: url(../common/icons/error-ie6.png); } .v-ie .v-tabsheet-tabs .v-errorindicator { zoom: 1; display: inline; } .v-tabsheet-scroller { margin-top: -20px; height: 17px; } .v-tabsheet-scrollerPrev, .v-tabsheet-scrollerNext, .v-tabsheet-scrollerPrev-disabled, .v-tabsheet-scrollerNext-disabled { border: none; background: transparent; background-image: url(img/tab-prev.png); /** sprite-ref: verticals */ width: 18px; height: 17px; overflow: hidden; cursor: default; } .v-tabsheet-scroller button::-moz-focus-inner { border: none; } .v-tabsheet-scrollerNext { background-image: url(img/tab-next.png); /** sprite-ref: verticals */ } .v-tabsheet-scrollerPrev:active { background-image: url(img/tab-prev-pressed.png); /** sprite-ref: verticals */ } .v-tabsheet-scrollerNext:active { background-image: url(img/tab-next-pressed.png); /** sprite-ref: verticals */ } .v-tabsheet-scrollerPrev-disabled, .v-tabsheet-scrollerPrev-disabled:active { background-image: url(img/tab-prev-disabled.png); /** sprite-ref: verticals */ opacity: 1; filter: none; } .v-tabsheet-scrollerNext-disabled, .v-tabsheet-scrollerNext-disabled:active { background-image: url(img/tab-next-disabled.png); /** sprite-ref: verticals; sprite-margin-bottom: 1px */ opacity: 1; filter: none; } /* Tabsheet on blue background */ .blue .v-tabsheet-spacertd div, .blue .v-tabsheet-tabitem, .blue .v-tabsheet-tabitem-selected { border-color: #7c8a91; } /* Tabsheet on black background */ .black .v-tabsheet-spacertd div, .black .v-tabsheet-tabitem, .black .v-tabsheet-tabitem-selected { border-color: #3e4044; color: #6a7f89; } .black .v-tabsheet-tabitem-selected { color: #c9ccce; } /* Framed style */ .v-tabsheet-framed .v-tabsheet-tabitemcell, .v-tabsheet-framed .v-tabsheet-spacertd { height: 32px; padding: 0; } .v-tabsheet-framed .v-tabsheet-tabitemcell { background: no-repeat; background-image: url(img/framed/tab-left.png); /** sprite-ref: verticals */ padding: 0 0 0 3px; } .v-tabsheet-framed .v-tabsheet-tabitemcell-first { padding-left: 10px; background-image: url(img/framed/tab-first-left.png); /** sprite-ref: verticals */ } .v-tabsheet-framed .v-tabsheet-tabitem, .v-tabsheet-framed .v-tabsheet-spacertd div { border: none; height: 32px; background: transparent repeat-x; background-image: url(img/framed/tab-bg.png); /** sprite-ref: verticals; sprite-alignment: repeat */ padding: 0; color: #222; text-shadow: #fff 0 1px 0; } .v-tabsheet-framed .v-tabsheet-tabitem .v-caption { border: none; height: 23px; background: no-repeat right top; background-image: url(img/framed/tab-right.png); /** sprite-ref: verticals; sprite-alignment: right */ padding: 9px 8px 0 6px; } .v-tabsheet-framed .v-tabsheet-tabitem .v-captiontext { height: 16px; } .v-tabsheet-framed .v-tabsheet-tabitemcell-selected { background-image: url(img/framed/tab-left-sel.png); /** sprite-ref: verticals */ } .v-tabsheet-framed .v-tabsheet-tabitemcell-selected-first { background-image: url(img/framed/tab-first-left-sel.png); /** sprite-ref: verticals */ } .v-tabsheet-framed .v-tabsheet-tabitem-selected { background-image: url(img/framed/tab-bg-sel.png); /** sprite-ref: verticals; sprite-alignment: repeat */ color: #232930; } .v-tabsheet-framed .v-tabsheet-tabitem-selected .v-caption { background-image: url(img/framed/tab-right-sel.png); /** sprite-ref: verticals; sprite-alignment: right */ } .v-tabsheet-framed .v-tabsheet-spacertd div { margin-right: 4px; } .v-tabsheet-framed .v-tabsheet-spacertd { background: transparent no-repeat right top; background-image: url(img/framed/tab-spacer-right.png); /** sprite-ref: verticals; sprite-alignment: right */ } .v-tabsheet-content-framed { border: 1px solid #dcdcdc; border-bottom: none; border-top: none; } .v-tabsheet-content-framed .v-tabsheet-tabsheetpanel { background: #fff; } .v-sa .v-tabsheet-content-framed, .v-ff3 .v-tabsheet-content-framed { border-color: rgba(0,0,0,.1); } .v-tabsheet-deco-framed { height: 1px; border-top: 1px solid #bebebe; background: #e2e2e2; overflow: hidden; } .v-sa .v-tabsheet-deco-framed, .v-ff3 .v-tabsheet-deco-framed { border-top-color: rgba(0,0,0,.1); background: rgba(0,0,0,.08); } .v-tabsheet-framed .v-tabsheet-scroller { height: 31px; margin-top: -31px; padding-right: 3px; border-right: 1px solid #afafaf; position: relative; float: right; } .v-tabsheet-framed .v-tabsheet-scroller button { margin-top: 7px; }