/*++++++++ A ++++++++++*/ .tab-A { position: relative; width: 100%; height: 100%; } .tab-A-headerOuter { position: relative; width: 100%; margin-top: 1px; height: 22px; line-height: 22px; border-bottom: 1px solid #e0e0e0; } .tab-A-goleft { position: absolute; top: 0px; left: 0px; width: 24px; height: 100%; cursor: pointer; text-align: center; background-color: #ebf1ed; color: #e1d4d4; } .tab-A-goright { position: absolute; top: 0px; width: 24px; right: 0px; height: 100%; cursor: pointer; text-align: center; background-color: #ebf1ed; color: #e1d4d4; } .tab-A-header { position: absolute; left: 24px; right: 24px; height: 100%; overflow: hidden; } .tab-A-header-inner { height: 100%; } .tab-A-body { position: absolute; top: 23px; width: 100%; bottom: 0px; } .tab-A-item-header { width: 110px; border: 2px solid #a4dddb80; border-radius: 10px 10px 0px 0px; background: #ffffff; float: left; /* width: 160px; */ height: 100%; margin-left: 3px; color: gray; text-align: center; /* background-image: url("../img/tab_gray_unactive.png"); */ background-repeat: no-repeat; background-size: 100% 100%; -moz-background-size: 100% 100%; overflow: hidden; cursor: pointer; font-size: 13px; line-height: 20px; } .closeTab { /* background-image: url("../img/Colosed_1.png"); */ background-size: cover; display: inline-block; height: 18px; width: 18px; float: right; color: gray; margin-right: 5px; /* margin-top: 2px; */ } #closeBtn:hover { /* background-image: url("../img/closed_color.png"); */ background-size: cover; display: inline-block; height: 18px; width: 18px; float: right; color: #333333; /* margin-right: 5px; margin-top: 2px; */ } .tab-A-item-selectedHeader { color: black; background-color: #a0fecc40; /* background-image: url("../img/tab_gray_active.png"); */ overflow: hidden; } .tab-A-item-headerImg { font-size: 8px; margin-right: 3px; margin-left: 5px; } .tab-A-item-iframe { height: 100%; width: 100%; border: none; z-index: 10; } .tab-A-subitem-iframe { height: 100%; width: 100%; margin-left: -100%; border: 1px solid #d8d8d8; z-index: 10; } .tab-A-item-div { position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; }