/*****************************TabVO************************************/ .btt_tabsHeaderContainer ul { /* style of ul element of 'Tab-Index' item dom element*/ cursor: default; list-style-type: none; height: 35px; padding: 0 0 0 0px; margin: 0 auto 0 auto; postion:relative; } .btt_tabsHeaderContainer li { /* style of li element of 'Tab-Index' item dom element */ display: block; float: left; line-height: 42px; height: 33px; margin-left: 4px; cursor: pointer; } .btt_tabtitle{/* style of title for 'Tab-Index' item dom element */ float:left; margin-right:4px; margin-left:3px; margin-top:-3px; } .btt_tabtitle_input{ /* style of title input textfield when is displayed on editing*/ height:18px; margin-top:8px; } .btt_tablogo{ /* style of logo of 'Tab-Index' item dom element */ float:left; margin-top:7px; margin-left:-15px; } .btt_tabclose{ /* style of close item of 'Tab-index' item dom element */ } .btt_tabcloseimg{ /* style of close image in close item of 'Tab-Index' item dom element */ background:transparent url(images/tab/close.gif) no-repeat scroll 0 50%; cursor:pointer; float:left; height:15px; margin-left:0px; margin-right:-8px; margin-top:10px; overflow:hidden; width:15px; border:none; } .btt_tabHeadItem { /* style of 'Tab-Index' item dom element */ background: #4b86c4 url(images/tab/tab-bg-n.jpg) repeat-x; border-top: 1px solid #4b86c4; border-left: 1px solid #4b86c4; border-right: 1px solid #4b86c4; font-size: 12px; display: block; padding: 0 20px 0 20px; color: #9ac6f3; } .btt_tabHeadItem_selected { /* style of 'Tab-Index' item dom element when it is chosen */ background: #FFFFFF url(images/tab/tab-cur.jpg) repeat-x; border: 1px solid #FFF; font-size: 12px; padding: 0 20px 0 20px; color: #000; font-weight: bold; } .btt_tabsEditContainer { /* default style of edit area of Tab element */ display: none; } .btt_tabsEditContainer_show { /* style of edit area of Tab element when it is on edit */ display: block; height: 200px; background: #aecef1; } .btt_tabsEditContainer_show .btt_tabEditItem { /* style of edit item in edit area of Tab element when is on edit*/ background: #d0e5fa; width: 200px; border: 1px solid #458bc8; } .btt_tabsEditContainer_show .btt_tabEditItem_headerTitle { /* style of head area of edit item in edit area */ background: #458bc8; font-weight: bold; color: #FFF; margin-bottom: 10px; padding: 5px; text-align: left; } .btt_tabsEditContainer_show .btt_tabEditItem_action { /* style of edit area in each eidt item in edit area */ padding: 10px; } .btt_tabsEditContainer_show .btt_tabEditItem_action input { /* style of input textfield in edit area in each edit item */ background:#FFFFFF none repeat scroll 0 0; border:1px solid #458BC8; color:#458BC8; font-family:arial; } .btt_tabsEditContainer_show .btt_tabEditItem_action img { /* style of image in edit area in each edit item */ cursor: pointer; border:none; } .btt_tabsEditContainer_show .btt_tabEditItem_action label{ /* style of label element in edit area in each edit item */ padding: 5px; color: #333333; font-weight: bold; } .btt_tabsEditContainer_close { /* style of close area in edit area in each edit item */ width: 100%; height: 15px; text-align: center; background: #458bc8; position: relative; top:15px; } .btt_tabsContentContainer{ /* style of parent dom container for 'Tab-Content' item dom element */ display:block; } .btt_tabContentItem{ /* style of 'Tab-Content' item dom element */ }