/**
 * @file
 * Tabs Styling
 *
 * Adds styles for the primary and secondary tabs.
 *
 * Compare this with default CSS found in the system module's stylesheet (a copy
 * of which is in drupal6-reference.css, line 510.)
 */

div.tabs ul.tabs { border-top:0;}

div.tabs ul.primary { margin: 0 0 20px; padding: 0; list-style: none; zoom: 1; font-weight:bold; }
div.tabs ul.primary:before,
div.tabs ul.primary:after { display: table; content: ""; zoom: 1;  *display: inline; }
div.tabs ul.primary:after { clear: both; }
div.tabs ul.primary > li { float: left; list-style-type:none; margin-right:0; margin-bottom:0; font-size:12px; text-transform:uppercase; text-shadow: 1px 1px 1px #F1F2F3; }
div.tabs ul.primary > li > a { display: block; }
div.tabs ul.primary { width: 100%; border-bottom: 1px solid #D0D0D0; }
div.tabs ul.primary > li { position: relative; top: 1px; background-image: none!important; }
div.tabs ul.primary > li > a { padding: 0 15px; margin-right: 2px; line-height: 1.8; border: 1px solid transparent; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; background-color: #eee; border-color: #E1E1E1 #E1E1E1 #D0D0D0; background-image:none; }
div.tabs ul.primary > li > a:hover { text-decoration: none; background-color: #ffffff; border-color: #E1E1E1 #E1E1E1 #D0D0D0; }
div.tabs ul.primary > li.active > a { color: #454545; background-color: #ffffff; border: 1px solid #D0D0D0; border-bottom-color: transparent; }

ul.secondary { margin: 0; padding: 0 0 0 5px; /* LTR */ border-bottom: 1px solid #c0c0c0; list-style: none; white-space: nowrap; background: url(../images/tab-secondary-bg.png) repeat-x left bottom; }
ul.secondary li { float: left; /* LTR */ margin: 0 5px 0 0; padding: 5px 0; border-right: none; /* LTR */ }
ul.secondary a { display: block; height: 24px; margin: 0; padding: 0; border: 1px solid #c0c0c0; text-decoration: none; color: #777; background: url(../images/tab-secondary.png) repeat-x left -56px; }
ul.secondary a .tab { display: block; height: 18px; /* 24px (parent) - 6px (padding) */ margin: 0; padding: 3px 8px; line-height: 18px; }
ul.secondary a:hover,
ul.secondary a:focus { background: url(../images/tab-secondary.png) repeat-x left bottom; }
ul.secondary a.active,
ul.secondary a.active:hover,
ul.secondary a.active:focus { border: 1px solid #c0c0c0; color: #000; background: url(../images/tab-secondary.png) repeat-x left top; }