1 .claro .dijitTabPaneWrapper {background: #ffffff;}.claro
.dijitTabPaneWrapper
,.claro
.dijitTabContainerTop-tabs
,.claro
.dijitTabContainerBottom-tabs
,.claro
.dijitTabContainerLeft-tabs
,.claro
.dijitTabContainerRight-tabs
{border-color: #b5bcc7;}.claro
.dijitTabCloseButton
{background: url
("../layout/images/tabClose.png") no-repeat
; width: 14px; height: 14px; margin-left: 5px; margin-right: -5px;}.claro
.dijitTabCloseButtonHover
{background-position: -14px;}.claro
.dijitTabCloseButtonActive
{background-position: -28px;}.claro
.dijitTabSpacer
{display: none
;}.claro
.dijitTab
{border: 1px solid
#b5bcc7; background-color: #efefef; -webkit-transition-property: background-color
, border
; -moz-transition-property: background-color
, border
; transition-property: background-color
, border
; -webkit-transition-duration: 0.35s; -moz-transition-duration: 0.35s; transition-duration: 0.35s; color: #494949;}.claro
.dijitTabHover
{border-color: #759dc0; background-color: #abd6ff; -webkit-transition-duration: 0.25s; -moz-transition-duration: 0.25s; transition-duration: 0.25s; color: #000000;}.claro
.dijitTabActive
{border-color: #759dc0; background-color: #7dbdfa; color: #000000; -webkit-transition-duration: 0.1s; -moz-transition-duration: 0.1s; transition-duration: 0.1s;}.claro
.dijitTabChecked
{border-color: #b5bcc7; background-color: #cfe5fa; color: #000000;}.claro
.dijitTabDisabled
{background-color: #d3d3d3;}.claro
.tabStripButton
{background-color: transparent
; border: none
;}.claro
.dijitTabContainerTop-tabs
.dijitTab
{top: 1px; margin-right: 1px; padding: 3px 6px; border-bottom-width: 0; min-width: 60px; text-align: center
; background-image: url
("images/tabTopUnselected.png"); background-repeat: repeat-x
; background-image: -moz-linear-gradient
(top
, #ffffff 0px, #ffffff 1px, rgba
(255, 255, 255, 0.1) 2px, rgba
(255, 255, 255, 0.6) 7px, rgba
(255, 255, 255, 0) 100%); background-image: -webkit-linear-gradient
(top
, #ffffff 0px, #ffffff 1px, rgba
(255, 255, 255, 0.1) 2px, rgba
(255, 255, 255, 0.6) 7px, rgba
(255, 255, 255, 0) 100%); background-image: -o-linear-gradient
(top
, #ffffff 0px, #ffffff 1px, rgba
(255, 255, 255, 0.1) 2px, rgba
(255, 255, 255, 0.6) 7px, rgba
(255, 255, 255, 0) 100%); background-image: linear-gradient
(top
, #ffffff 0px, #ffffff 1px, rgba
(255, 255, 255, 0.1) 2px, rgba
(255, 255, 255, 0.6) 7px, rgba
(255, 255, 255, 0) 100%); -webkit-box-shadow: 0 -1px 1px rgba
(0, 0, 0, 0.04); -moz-box-shadow: 0 -1px 1px rgba
(0, 0, 0, 0.04); box-shadow: 0 -1px 1px rgba
(0, 0, 0, 0.04);}.claro
.dijitTabContainerTop-tabs
.dijitTabChecked
{padding-bottom: 4px; padding-top: 9px; background-image: url
("images/tabTopSelected.png"); background-image: -moz-linear-gradient
(top
, #ffffff 0px, #ffffff 1px, rgba
(255, 255, 255, 0) 2px, #ffffff 7px); background-image: -webkit-linear-gradient
(top
, #ffffff 0px, #ffffff 1px, rgba
(255, 255, 255, 0) 2px, #ffffff 7px); background-image: -o-linear-gradient
(top
, #ffffff 0px, #ffffff 1px, rgba
(255, 255, 255, 0) 2px, #ffffff 7px); background-image: linear-gradient
(top
, #ffffff 0px, #ffffff 1px, rgba
(255, 255, 255, 0) 2px, #ffffff 7px); -webkit-box-shadow: 0 -1px 2px rgba
(0, 0, 0, 0.05); -moz-box-shadow: 0 -1px 2px rgba
(0, 0, 0, 0.05); box-shadow: 0 -1px 2px rgba
(0, 0, 0, 0.05);}.claro
.dijitTabContainerBottom-tabs
.dijitTab
{top: -1px; margin-right: 1px; padding: 3px 6px; border-top-width: 0; min-width: 60px; text-align: center
; background-image: url
("images/tabBottomUnselected.png"); background-repeat: repeat-x
; background-position: bottom
; background-image: -moz-linear-gradient
(bottom
, #ffffff 0px, #ffffff 1px, rgba
(255, 255, 255, 0.1) 2px, rgba
(255, 255, 255, 0.6) 7px, rgba
(255, 255, 255, 0) 100%); background-image: -webkit-linear-gradient
(bottom
, #ffffff 0px, #ffffff 1px, rgba
(255, 255, 255, 0.1) 2px, rgba
(255, 255, 255, 0.6) 7px, rgba
(255, 255, 255, 0) 100%); background-image: -o-linear-gradient
(bottom
, #ffffff 0px, #ffffff 1px, rgba
(255, 255, 255, 0.1) 2px, rgba
(255, 255, 255, 0.6) 7px, rgba
(255, 255, 255, 0) 100%); background-image: linear-gradient
(bottom
, #ffffff 0px, #ffffff 1px, rgba
(255, 255, 255, 0.1) 2px, rgba
(255, 255, 255, 0.6) 7px, rgba
(255, 255, 255, 0) 100%); -webkit-box-shadow: 0 1px 1px rgba
(0, 0, 0, 0.04); -moz-box-shadow: 0 1px 1px rgba
(0, 0, 0, 0.04); box-shadow: 0 1px 1px rgba
(0, 0, 0, 0.04);}.claro
.dijitTabContainerBottom-tabs
.dijitTabChecked
{padding-bottom: 9px; padding-top: 4px; background-image: url
("images/tabBottomSelected.png"); background-image: -moz-linear-gradient
(bottom
, #ffffff 0px, #ffffff 1px, rgba
(255, 255, 255, 0) 2px, #ffffff 7px); background-image: -webkit-linear-gradient
(bottom
, #ffffff 0px, #ffffff 1px, rgba
(255, 255, 255, 0) 2px, #ffffff 7px); background-image: -o-linear-gradient
(bottom
, #ffffff 0px, #ffffff 1px, rgba
(255, 255, 255, 0) 2px, #ffffff 7px); background-image: linear-gradient
(bottom
, #ffffff 0px, #ffffff 1px, rgba
(255, 255, 255, 0) 2px, #ffffff 7px); -webkit-box-shadow: 0 1px 2px rgba
(0, 0, 0, 0.05); -moz-box-shadow: 0 1px 2px rgba
(0, 0, 0, 0.05); box-shadow: 0 1px 2px rgba
(0, 0, 0, 0.05);}.claro
.dijitTabContainerLeft-tabs
.dijitTab
{left: 1px; margin-bottom: 1px; padding: 3px 8px 4px 4px; background-image: url
("images/tabLeftUnselected.png"); background-repeat: repeat-y
; background-image: -moz-linear-gradient
(left
, #ffffff 0px, #ffffff 1px, rgba
(255, 255, 255, 0.1) 2px, rgba
(255, 255, 255, 0.6) 7px, rgba
(255, 255, 255, 0) 100%); background-image: -webkit-linear-gradient
(left
, #ffffff 0px, #ffffff 1px, rgba
(255, 255, 255, 0.1) 2px, rgba
(255, 255, 255, 0.6) 7px, rgba
(255, 255, 255, 0) 100%); background-image: -o-linear-gradient
(left
, #ffffff 0px, #ffffff 1px, rgba
(255, 255, 255, 0.1) 2px, rgba
(255, 255, 255, 0.6) 7px, rgba
(255, 255, 255, 0) 100%); background-image: linear-gradient
(left
, #ffffff 0px, #ffffff 1px, rgba
(255, 255, 255, 0.1) 2px, rgba
(255, 255, 255, 0.6) 7px, rgba
(255, 255, 255, 0) 100%);}.claro
.dijitTabContainerLeft-tabs
.dijitTabChecked
{border-right-width: 0; padding-right: 9px; background-image: url
("images/tabLeftSelected.png"); background-image: -moz-linear-gradient
(left
, rgba
(255, 255, 255, 0.5) 0px, #ffffff 30px); background-image: -webkit-linear-gradient
(left
, rgba
(255, 255, 255, 0.5) 0px, #ffffff 30px); background-image: -o-linear-gradient
(left
, rgba
(255, 255, 255, 0.5) 0px, #ffffff 30px); background-image: linear-gradient
(left
, rgba
(255, 255, 255, 0.5) 0px, #ffffff 30px); -webkit-box-shadow: -1px 0 2px rgba
(0, 0, 0, 0.05); -moz-box-shadow: -1px 0 2px rgba
(0, 0, 0, 0.05); box-shadow: -1px 0 2px rgba
(0, 0, 0, 0.05);}.claro
.dijitTabContainerRight-tabs
.dijitTab
{left: -1px; margin-bottom: 1px; padding: 3px 8px 4px 4px; background-image: url
("images/tabRightUnselected.png"); background-repeat: repeat-y
; background-position: right
; background-image: -moz-linear-gradient
(right
, #ffffff 0px, #ffffff 1px, rgba
(255, 255, 255, 0.1) 2px, rgba
(255, 255, 255, 0.6) 7px, rgba
(255, 255, 255, 0) 100%); background-image: -webkit-linear-gradient
(right
, #ffffff 0px, #ffffff 1px, rgba
(255, 255, 255, 0.1) 2px, rgba
(255, 255, 255, 0.6) 7px, rgba
(255, 255, 255, 0) 100%); background-image: -o-linear-gradient
(right
, #ffffff 0px, #ffffff 1px, rgba
(255, 255, 255, 0.1) 2px, rgba
(255, 255, 255, 0.6) 7px, rgba
(255, 255, 255, 0) 100%); background-image: linear-gradient
(right
, #ffffff 0px, #ffffff 1px, rgba
(255, 255, 255, 0.1) 2px, rgba
(255, 255, 255, 0.6) 7px, rgba
(255, 255, 255, 0) 100%);}.claro
.dijitTabContainerRight-tabs
.dijitTabChecked
{padding-left: 5px; border-left-width: 0; background-image: url
("images/tabRightSelected.png"); background-image: -moz-linear-gradient
(right
, rgba
(255, 255, 255, 0.5) 0px, #ffffff 30px); background-image: -webkit-linear-gradient
(right
, rgba
(255, 255, 255, 0.5) 0px, #ffffff 30px); background-image: -o-linear-gradient
(right
, rgba
(255, 255, 255, 0.5) 0px, #ffffff 30px); background-image: linear-gradient
(right
, rgba
(255, 255, 255, 0.5) 0px, #ffffff 30px); -webkit-box-shadow: 1px 0 2px rgba
(0, 0, 0, 0.07); -moz-box-shadow: 1px 0 2px rgba
(0, 0, 0, 0.07); box-shadow: 1px 0 2px rgba
(0, 0, 0, 0.07);}.claro
.dijitTabContainerTop-tabs
.dijitTab
{-moz-border-radius: 2px 2px 0 0; border-radius: 2px 2px 0 0;}.claro
.dijitTabContainerBottom-tabs
.dijitTab
{-moz-border-radius: 0 0 2px 2px; border-radius: 0 0 2px 2px;}.claro
.dijitTabContainerLeft-tabs
.dijitTab
{-moz-border-radius: 2px 0 0 2px; border-radius: 2px 0 0 2px;}.claro
.dijitTabContainerRight-tabs
.dijitTab
{-moz-border-radius: 0 2px 2px 0; border-radius: 0 2px 2px 0;}.claro
.tabStripButton
{background-color: #e5f2fe; border: 1px solid
#b5bcc7;}.claro
.dijitTabListContainer-top
.tabStripButton
{padding: 4px 3px; margin-top: 7px; background-image: -moz-linear-gradient
(top
, #ffffff 0px, rgba
(255, 255, 255, 0.1) 1px, rgba
(255, 255, 255, 0.6) 6px, rgba
(255, 255, 255, 0) 100%); background-image: -webkit-linear-gradient
(top
, #ffffff 0px, rgba
(255, 255, 255, 0.1) 1px, rgba
(255, 255, 255, 0.6) 6px, rgba
(255, 255, 255, 0) 100%); background-image: -o-linear-gradient
(top
, #ffffff 0px, rgba
(255, 255, 255, 0.1) 1px, rgba
(255, 255, 255, 0.6) 6px, rgba
(255, 255, 255, 0) 100%); background-image: linear-gradient
(top
, #ffffff 0px, rgba
(255, 255, 255, 0.1) 1px, rgba
(255, 255, 255, 0.6) 6px, rgba
(255, 255, 255, 0) 100%);}.claro
.dijitTabListContainer-bottom
.tabStripButton
{padding: 4px 3px; margin-bottom: 7px; background-image: -moz-linear-gradient
(bottom
, #ffffff 0px, rgba
(255, 255, 255, 0.1) 1px, rgba
(255, 255, 255, 0.6) 6px, rgba
(255, 255, 255, 0) 100%); background-image: -webkit-linear-gradient
(bottom
, #ffffff 0px, rgba
(255, 255, 255, 0.1) 1px, rgba
(255, 255, 255, 0.6) 6px, rgba
(255, 255, 255, 0) 100%); background-image: -o-linear-gradient
(bottom
, #ffffff 0px, rgba
(255, 255, 255, 0.1) 1px, rgba
(255, 255, 255, 0.6) 6px, rgba
(255, 255, 255, 0) 100%); background-image: linear-gradient
(bottom
, #ffffff 0px, rgba
(255, 255, 255, 0.1) 1px, rgba
(255, 255, 255, 0.6) 6px, rgba
(255, 255, 255, 0) 100%);}.claro
.tabStripButtonHover
{background-color: #abd6ff;}.claro
.tabStripButtonActive
{background-color: #7dbdfa;}.claro
.dijitTabStripIcon
{height: 15px; width: 15px; margin: 0 auto
; background: url
("../form/images/buttonArrows.png") no-repeat
-75px 50%; background-color: transparent
;}.claro
.dijitTabStripSlideRightIcon
{background-position: -24px 50%;}.claro
.dijitTabStripMenuIcon
{background-position: -51px 50%;}.claro
.dijitTabListContainer-top
.tabStripButtonDisabled
,.claro
.dijitTabListContainer-bottom
.tabStripButtonDisabled
{background-color: #d3d3d3; border: 1px solid
#b5bcc7;}.claro
.tabStripButtonDisabled
.dijitTabStripSlideLeftIcon
{background-position: -175px 50%;}.claro
.tabStripButtonDisabled
.dijitTabStripSlideRightIcon
{background-position: -124px 50%;}.claro
.tabStripButtonDisabled
.dijitTabStripMenuIcon
{background-position: -151px 50%;}.claro
.dijitTabContainerNested
.dijitTabListWrapper
{height: auto
;}.claro
.dijitTabContainerNested
.dijitTabContainerTop-tabs
{border-bottom: solid
1px #b5bcc7; padding: 2px 2px 4px;}.claro
.dijitTabContainerTabListNested
.dijitTab
{background-color: rgba
(255, 255, 255, 0); border: none
; padding: 4px; border-color: rgba
(118, 157, 192, 0); -webkit-transition-property: background-color
, border-color
; -moz-transition-property: background-color
, border-color
; transition-property: background-color
, border-color
; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-duration: 0.3s; -moz-border-radius: 2px; border-radius: 2px; top: 0; -webkit-box-shadow: none
; -moz-box-shadow: none
; box-shadow: none
; background-image: url
("images/tabNested.png") repeat-x
; background-image: -moz-linear-gradient
(rgba
(255, 255, 255, 0.61) 0%, rgba
(255, 255, 255, 0) 17%, rgba
(255, 255, 255, 0) 83%, rgba
(255, 255, 255, 0.61) 100%); background-image: -webkit-linear-gradient
(rgba
(255, 255, 255, 0.61) 0%, rgba
(255, 255, 255, 0) 17%, rgba
(255, 255, 255, 0) 83%, rgba
(255, 255, 255, 0.61) 100%); background-image: -o-linear-gradient
(rgba
(255, 255, 255, 0.61) 0%, rgba
(255, 255, 255, 0) 17%, rgba
(255, 255, 255, 0) 83%, rgba
(255, 255, 255, 0.61) 100%); background-image: linear-gradient
(rgba
(255, 255, 255, 0.61) 0%, rgba
(255, 255, 255, 0) 17%, rgba
(255, 255, 255, 0) 83%, rgba
(255, 255, 255, 0.61) 100%);}.claro
.dijitTabContainerTabListNested
.dijitTabHover
{background-color: #e5f2fe; border: solid
1px #cfe5fa; padding: 3px; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; transition-duration: 0.2s;}.claro
.dijitTabContainerTabListNested
.dijitTabHover
.tabLabel
{text-decoration: none
;}.claro
.dijitTabContainerTabListNested
.dijitTabActive
{border: solid
1px #759dc0; padding: 3px; -webkit-transition-duration: 0.1s; -moz-transition-duration: 0.1s; transition-duration: 0.1s;}.claro
.dijitTabContainerTabListNested
.dijitTabChecked
{padding: 3px; border: solid
1px #759dc0; background-color: #cfe5fa;}.claro
.dijitTabContainerTabListNested
.dijitTabChecked
.tabLabel
{text-decoration: none
; background-image: none
;}.claro
.dijitTabPaneWrapperNested
{border: none
;}.claro
.dijitTabContainer
.dijitTab
,.claro
.dijitTabContainer
.tabStripButton
{_background-image: none
;}