div.vertical-tabs { margin: 1em 0 1em 15em; /* LTR */ border: 1px solid #ccc; position: relative; /* IE6/7 */ } .vertical-tabs ul.vertical-tabs-list { width: 15em; list-style: none; list-style-image: none; /* IE6 */ border-top: 1px solid #ccc; padding: 0; position: relative; /* IE6 */ margin: -1px 0 -1px -15em; /* LTR */ float: left; /* LTR */ } .vertical-tabs fieldset.vertical-tabs-pane { margin: 0 !important; padding: 0 1em; border: 0; } fieldset.vertical-tabs-pane legend { display: none; } fieldset.vertical-tabs-pane fieldset legend { display: block; } /* Layout of each tab */ .vertical-tabs ul.vertical-tabs-list li { background: #eee; border: 1px solid #ccc; border-top: 0; padding: 0; margin: 0; min-width: 0; /* IE7 */ } .vertical-tabs ul.vertical-tabs-list li a { display: block; text-decoration: none; padding: 0.5em 0.6em; } .vertical-tabs ul.vertical-tabs-list li a:focus strong, .vertical-tabs ul.vertical-tabs-list li a:active strong, .vertical-tabs ul.vertical-tabs-list li a:hover strong { text-decoration: underline; } .vertical-tabs ul.vertical-tabs-list li a:hover { outline: 1px dotted; } .vertical-tabs ul.vertical-tabs-list li.selected { background-color: #fff; border-right-width: 0; /* LTR */ } .vertical-tabs ul.vertical-tabs-list .selected strong { color: #000; } .vertical-tabs ul.vertical-tabs-list .summary { display: block; } .vertical-tabs ul.vertical-tabs ul.vertical-tabs-list .summary { line-height: normal; margin-bottom: 0; } /** * Prevent text inputs from overflowing when container is too narrow. "width" is * applied to override hardcoded cols or size attributes and used in conjunction * with "box-sizing" to prevent box model issues from occurring in most browsers. */ .vertical-tabs .form-type-textfield input { width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } * html .vertical-tabs .form-type-textfield, * html .vertical-tabs .form-textarea-wrapper { width: 95%; /* IE6 */ }