1ul.CmsListMenuTabControlFlatPanel { 2 border: 1px solid #c5c4bd; 3 border-bottom: 423px solid #ece9d8; /* calculated as li.tabBodyContainer.height + a.tabHead.height + ul.tabBody.borderBottomWidth */ 4 background: #ece9d8; 5 font-size: 11px; 6 font-family: tahoma, arial, serif; 7 margin: 0 0 0 0; /* required to draw the borders and push down next content */ 8 padding: 10px 0 0 5px; 9 width: 100%; 10} 11ul.CmsListMenuTabControlFlatPanel li.CmsMenuItemFolderTabControlFlatPanel { 12 background: #ccccbd; 13 margin: 0 2px 0 0; 14 padding: 0; 15} 16ul.CmsListMenuTabControlFlatPanel li.CmsMenuItemFolderTabControlFlatPanel a.tabHead { 17 border: 1px solid #85847d; 18 height: 20px; 19 line-height: 20px; /* used to align text vertically */ 20 padding: 0 8px; 21 text-decoration: none; 22 white-space: nowrap; 23} 24ul.CmsListMenuTabControlFlatPanel li.CmsMenuItemFolderExpandedTabControlFlatPanel a.tabHead { 25 background: #ece9d8; 26 border-bottom: 1px solid #ece9d8; /* hide the bottom border */ 27 height: 22px; 28 line-height: 24px; 29 margin-top: -2px; /* should match this active state height - inactive state height */ 30 overflow: hidden; 31} 32ul.CmsListMenuTabControlFlatPanel li.CmsMenuItemFolderExpandedTabControlFlatPanel a.tabHead:focus { 33 outline: none; 34 -moz-outline: none; 35} 36ul.CmsListMenuTabControlFlatPanel li.CmsMenuItemFolderTabControl ul.tabBody { 37 left: -1px; 38} 39ul.CmsListMenuTabControlFlatPanel li.CmsMenuItemFolderTabControlFlatPanel ul.tabBody { 40 background: #ece9d8; 41 border: 1px solid #85847d; 42 margin: -1px 0 0 0; /* top margin should overlap top border width */ 43} 44* html ul.CmsListMenuTabControlFlatPanel li.CmsMenuItemFolderTabControlFlatPanel ul.tabBody { 45 z-index: -1; /* special for IE, to overlap the border */ 46} 47ul.CmsListMenuTabControlFlatPanel ul.tabBody li.tabBodyContainer { 48 border: 1px solid #85847d; 49 float: none; 50 height: 400px; 51 margin: 5px; 52 overflow: auto; 53 padding: 5px; 54 width: auto; 55} 56