Club Drupal

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 */

}