rlm@46: /*
rlm@46:  * Ext JS Library 2.1
rlm@46:  * Copyright(c) 2006-2008, Ext JS, LLC.
rlm@46:  * licensing@extjs.com
rlm@46:  * 
rlm@46:  * http://extjs.com/license
rlm@46:  */
rlm@46: 
rlm@46: .x-tab-panel {
rlm@46:     overflow:hidden;
rlm@46: }
rlm@46: .x-tab-panel-header, .x-tab-panel-footer {
rlm@46: 	background: #deecfd;
rlm@46: 	border: 1px solid #8db2e3;
rlm@46:     overflow:hidden;
rlm@46:     zoom:1;
rlm@46: }
rlm@46: 
rlm@46: 
rlm@46: .x-tab-panel-header {
rlm@46: 	border: 1px solid #8db2e3;
rlm@46: 	padding-bottom: 2px;
rlm@46: }
rlm@46: 
rlm@46: .x-tab-panel-footer {
rlm@46: 	border: 1px solid #8db2e3;
rlm@46: 	padding-top: 2px;
rlm@46: }
rlm@46: 
rlm@46: 
rlm@46: .x-tab-strip-wrap {
rlm@46: 	width:100%;
rlm@46:     overflow:hidden;
rlm@46:     position:relative;
rlm@46:     zoom:1;
rlm@46: }
rlm@46: ul.x-tab-strip {
rlm@46: 	display:block;
rlm@46:     width:5000px;
rlm@46:     zoom:1;
rlm@46: }
rlm@46: 
rlm@46: ul.x-tab-strip-top{
rlm@46: 	padding-top: 1px;
rlm@46: 	background: url(../images/default/tabs/tab-strip-bg.gif) #cedff5 repeat-x bottom;
rlm@46: 	border-bottom: 1px solid #8db2e3;
rlm@46: }
rlm@46: 
rlm@46: ul.x-tab-strip-bottom{
rlm@46: 	padding-bottom: 1px;
rlm@46: 	background: url(../images/default/tabs/tab-strip-btm-bg.gif) #cedff5 repeat-x top;
rlm@46: 	border-top: 1px solid #8db2e3;
rlm@46: 	border-bottom: 0 none;
rlm@46: }
rlm@46: 
rlm@46: .x-tab-panel-header-plain .x-tab-strip-top {
rlm@46:     background:transparent !important;
rlm@46:     padding-top:0 !important;
rlm@46: }
rlm@46: .x-tab-panel-header-plain {
rlm@46:     background:transparent !important;
rlm@46:     border-width:0 !important;
rlm@46:     padding-bottom:0 !important;
rlm@46: }
rlm@46: 
rlm@46: .x-tab-panel-header-plain .x-tab-strip-spacer {
rlm@46:     border:1px solid #8db2e3;
rlm@46:     border-top: 0 none;
rlm@46:     height:2px;
rlm@46:     background: #deecfd;
rlm@46:     font-size:1px;
rlm@46:     line-height:1px;
rlm@46: }
rlm@46: 
rlm@46: .ext-border-box .x-tab-panel-header-plain .x-tab-strip-spacer {
rlm@46:     height:3px;
rlm@46: }
rlm@46: 
rlm@46: 
rlm@46: ul.x-tab-strip li {
rlm@46:     float:left;
rlm@46:     margin-left:2px;
rlm@46: }
rlm@46: 
rlm@46: 
rlm@46: ul.x-tab-strip li.x-tab-edge {
rlm@46:     float:left;
rlm@46:     margin:0 !important;
rlm@46:     padding:0 !important;
rlm@46:     border:0 none !important;
rlm@46:     font-size:1px !important;
rlm@46:     line-height:1px !important;
rlm@46:     overflow:hidden;
rlm@46:     zoom:1;
rlm@46:     background:transparent !important;
rlm@46:     width:1px;
rlm@46: }
rlm@46: 
rlm@46: .x-tab-strip a, .x-tab-strip span, .x-tab-strip em {
rlm@46: 	display:block;
rlm@46: }
rlm@46: 
rlm@46: .x-tab-strip a {
rlm@46: 	text-decoration:none !important;
rlm@46: 	-moz-outline: none;
rlm@46: 	outline: none;
rlm@46: 	cursor:pointer;
rlm@46: }
rlm@46: 
rlm@46: .x-tab-strip-inner {
rlm@46:     overflow:hidden;
rlm@46: 	text-overflow: ellipsis;
rlm@46: }
rlm@46: 
rlm@46: .x-tab-strip span.x-tab-strip-text {
rlm@46: 	font:normal 11px tahoma,arial,helvetica;
rlm@46: 	color:#416aa3;
rlm@46: 	white-space: nowrap;
rlm@46: 	cursor:pointer;
rlm@46:     padding:4px 0;
rlm@46: }
rlm@46: .x-tab-strip .x-tab-with-icon .x-tab-right {
rlm@46:     padding-left:6px;
rlm@46: }
rlm@46: .x-tab-strip .x-tab-with-icon span.x-tab-strip-text {
rlm@46: 	padding-left:20px;
rlm@46:     background-position: 0 3px;
rlm@46:     background-repeat: no-repeat;
rlm@46: }
rlm@46: 
rlm@46: .x-tab-strip-over span.x-tab-strip-text {
rlm@46: 	color:#15428b;
rlm@46: }
rlm@46: 
rlm@46: .x-tab-strip-active {
rlm@46:     cursor:default;
rlm@46: }
rlm@46: 
rlm@46: .x-tab-strip-active span.x-tab-strip-text {
rlm@46: 	cursor:default;
rlm@46: 	color:#15428b;
rlm@46:     font-weight:bold;
rlm@46: }
rlm@46: 
rlm@46: .x-tab-strip-disabled .x-tabs-text {
rlm@46: 	cursor:default;
rlm@46: 	color:#aaaaaa;
rlm@46: }
rlm@46: 
rlm@46: .x-tab-panel-body {
rlm@46:     overflow:hidden;
rlm@46: }
rlm@46: .x-tab-panel-bwrap {
rlm@46:     overflow:hidden;
rlm@46: }
rlm@46: .ext-ie .x-tab-strip .x-tab-right {
rlm@46:     position:relative;
rlm@46: }
rlm@46: 
rlm@46: .x-tab-strip-top .x-tab-strip-active .x-tab-right {
rlm@46:     margin-bottom:-1px;
rlm@46: }
rlm@46: 
rlm@46: .x-tab-strip-top .x-tab-strip-active .x-tab-right span.x-tab-strip-text {
rlm@46:     padding-bottom:5px;
rlm@46: }
rlm@46: 
rlm@46: .x-tab-strip-bottom .x-tab-strip-active .x-tab-right {
rlm@46:     margin-top:-1px;
rlm@46: }
rlm@46: .x-tab-strip-bottom .x-tab-strip-active .x-tab-right span.x-tab-strip-text {
rlm@46:     padding-top:5px;
rlm@46: }
rlm@46: 
rlm@46: 
rlm@46: .x-tab-strip-top .x-tab-right {
rlm@46: 	background: transparent url(../images/default/tabs/tabs-sprite.gif) no-repeat 0 -51px;
rlm@46:     padding-left:10px;
rlm@46: }
rlm@46: 
rlm@46: .x-tab-strip-top .x-tab-left {
rlm@46: 	background: transparent url(../images/default/tabs/tabs-sprite.gif) no-repeat right -351px;
rlm@46:     padding-right:10px;
rlm@46: }
rlm@46: 
rlm@46: .x-tab-strip-top .x-tab-strip-inner {
rlm@46: 	background: transparent url(../images/default/tabs/tabs-sprite.gif) repeat-x 0 -201px;
rlm@46: }
rlm@46: 
rlm@46: .x-tab-strip-top .x-tab-strip-over .x-tab-right {
rlm@46: 	 background-position:0 -101px;
rlm@46: }
rlm@46: .x-tab-strip-top .x-tab-strip-over .x-tab-left {
rlm@46: 	 background-position:right -401px;
rlm@46: }
rlm@46: .x-tab-strip-top .x-tab-strip-over .x-tab-strip-inner {
rlm@46: 	 background-position:0 -251px;
rlm@46: }
rlm@46: 
rlm@46: .x-tab-strip-top .x-tab-strip-active .x-tab-right {
rlm@46: 	background-position: 0 0;
rlm@46: }
rlm@46: 
rlm@46: .x-tab-strip-top .x-tab-strip-active .x-tab-left {
rlm@46: 	background-position: right -301px;
rlm@46: }
rlm@46: 
rlm@46: .x-tab-strip-top .x-tab-strip-active .x-tab-strip-inner {
rlm@46: 	background-position: 0 -151px;
rlm@46: }
rlm@46: 
rlm@46: .x-tab-strip-bottom .x-tab-right {
rlm@46: 	background: url(../images/default/tabs/tab-btm-inactive-right-bg.gif) no-repeat bottom right;
rlm@46: }
rlm@46: 
rlm@46: .x-tab-strip-bottom .x-tab-left {
rlm@46: 	background: url(../images/default/tabs/tab-btm-inactive-left-bg.gif) no-repeat bottom left;
rlm@46: }
rlm@46: 
rlm@46: .x-tab-strip-bottom .x-tab-strip-active .x-tab-right {
rlm@46: 	background: url(../images/default/tabs/tab-btm-right-bg.gif) no-repeat bottom left;
rlm@46: }
rlm@46: 
rlm@46: .x-tab-strip-bottom .x-tab-strip-active .x-tab-left {
rlm@46: 	background: url(../images/default/tabs/tab-btm-left-bg.gif) no-repeat bottom right;
rlm@46: }
rlm@46: .x-tab-strip-bottom .x-tab-left {
rlm@46:     padding:0 10px;
rlm@46: }
rlm@46: .x-tab-strip-bottom .x-tab-right {
rlm@46:     padding:0;
rlm@46: }
rlm@46: .x-tab-strip .x-tab-strip-close {
rlm@46:     display:none;
rlm@46: }
rlm@46: .x-tab-strip-closable {
rlm@46:     position:relative;
rlm@46: }
rlm@46: 
rlm@46: .x-tab-strip-closable .x-tab-left {
rlm@46:     padding-right:19px;
rlm@46: }
rlm@46: 
rlm@46: .x-tab-strip .x-tab-strip-closable a.x-tab-strip-close {
rlm@46: 	background-image:url(../images/default/tabs/tab-close.gif);
rlm@46:     opacity:.6;
rlm@46:     -moz-opacity:.6;
rlm@46:     background-repeat:no-repeat;
rlm@46:     display:block;
rlm@46: 	width:11px;height:11px;
rlm@46:     position:absolute;
rlm@46:     top:3px;
rlm@46:     right:3px;
rlm@46:     cursor:pointer;
rlm@46:     z-index:2;
rlm@46: }
rlm@46: 
rlm@46: .x-tab-strip .x-tab-strip-active a.x-tab-strip-close {
rlm@46:     opacity:.8;
rlm@46:     -moz-opacity:.8;
rlm@46: }
rlm@46: .x-tab-strip .x-tab-strip-closable a.x-tab-strip-close:hover{
rlm@46: 	background-image:url(../images/default/tabs/tab-close.gif);
rlm@46:     opacity:1;
rlm@46:     -moz-opacity:1;
rlm@46: }
rlm@46: 
rlm@46: .x-tab-panel-body {
rlm@46:     border: 1px solid #8db2e3;
rlm@46:     background:#fff;
rlm@46: }
rlm@46: .x-tab-panel-body-top {
rlm@46:     border-top: 0 none;
rlm@46: }
rlm@46: .x-tab-panel-body-bottom {
rlm@46:     border-bottom: 0 none;
rlm@46: }
rlm@46: 
rlm@46: .x-tab-scroller-left {
rlm@46:     background: transparent url(../images/default/tabs/scroll-left.gif) no-repeat -18px 0;
rlm@46:     border-bottom: 1px solid #8db2e3;
rlm@46:     width:18px;
rlm@46:     position:absolute;
rlm@46:     left:0;
rlm@46:     top:0;
rlm@46:     z-index:10;
rlm@46:     cursor:pointer;
rlm@46: }
rlm@46: .x-tab-scroller-left-over {
rlm@46:     background-position: 0 0;
rlm@46: }
rlm@46: .x-tab-scroller-left-disabled {
rlm@46:     background-position: -18px 0;
rlm@46:     opacity:.5;
rlm@46:     -moz-opacity:.5;
rlm@46:     filter:alpha(opacity=50);
rlm@46:     cursor:default;
rlm@46: }
rlm@46: .x-tab-scroller-right {
rlm@46:     background: transparent url(../images/default/tabs/scroll-right.gif) no-repeat 0 0;
rlm@46:     border-bottom: 1px solid #8db2e3;
rlm@46:     width:18px;
rlm@46:     position:absolute;
rlm@46:     right:0;
rlm@46:     top:0;
rlm@46:     z-index:10;
rlm@46:     cursor:pointer;
rlm@46: }
rlm@46: .x-tab-scroller-right-over {
rlm@46:     background-position: -18px 0;
rlm@46: }
rlm@46: .x-tab-scroller-right-disabled {
rlm@46:     background-position: 0 0;
rlm@46:     opacity:.5;
rlm@46:     -moz-opacity:.5;
rlm@46:     filter:alpha(opacity=50);
rlm@46:     cursor:default;
rlm@46: }
rlm@46: 
rlm@46: .x-tab-scrolling .x-tab-strip-wrap {
rlm@46:     margin-left:18px;
rlm@46:     margin-right:18px;
rlm@46: }
rlm@46: 
rlm@46: .x-tab-scrolling {
rlm@46:     position:relative;    
rlm@46: }
rlm@46: 
rlm@46: .x-tab-panel-bbar .x-toolbar {
rlm@46:     border:1px solid #99bbe8;
rlm@46:     border-top:0 none;
rlm@46:     overflow:hidden;
rlm@46:     padding:2px;
rlm@46: }
rlm@46: 
rlm@46: .x-tab-panel-tbar .x-toolbar {
rlm@46:     border:1px solid #99bbe8;
rlm@46:     border-top:0 none;
rlm@46:     overflow:hidden;
rlm@46:     padding:2px;
rlm@46: }