@media projection, screen { .ui-tabs-hide { display: none; } } @media print { #tabbedContent .ui-tabs-nav { display: none; } } #tabbedContent { margin: 0; padding: 0; background-color: #FFF; } #tabbedContent div { background-color: #FFF; } #tabbedContent div div { background-color: #EEEFEA; } #tabbedContent ul { background-color: #FAFAFA; background-image: url(/sumerian/img/tab_green_right.png); background-repeat: repeat-x; background-position: right 1px; height: 30px; } #tabbedContent div ul { background: #EEEFEA; height: auto; } #tabbedContent .ui-tabs-nav, #tabbedContent .ui-tabs-panel { } #tabbedContent .ui-tabs-nav { list-style: none; margin: 0; padding: 0; } #tabbedContent .ui-tabs-nav:after { display: block; clear: both; content: " "; } #tabbedContent .ui-tabs-nav li { float: left; margin: 0; list-style: none; padding: 0; background: none; border-right: 1px solid #FFF; } #tabbedContent .ui-tabs-nav a, #tabbedContent .ui-tabs-nav a span { display: block; padding: 0 28px 0 28px; line-height: 1.4; } #tabbedContent .ui-tabs-nav a { margin: 1px 0 0; padding-left: 0; color: #677F54; background-image: url(/sumerian/img/tab_green_right.png); background-repeat: no-repeat; background-position: center top; font-weight: bold; text-align: center; text-decoration: none; white-space: nowrap; outline: 0; } #tabbedContent .ui-tabs-nav a span.firstTab { background-image: url(/sumerian/img/tab_green_left.png); background-repeat: no-repeat; background-position: left top; } #tabbedContent .ui-tabs-nav .ui-tabs-selected a, #tabbedContent .ui-tabs-nav .ui-tabs-selected a, #tabbedContent .ui-tabs-nav a:hover, #tabbedContent .ui-tabs-nav a:focus, #tabbedContent .ui-tabs-nav a:active { position: relative; top: 1px; z-index: 2; margin-top: 0; color: #FFF; background-image: url(/sumerian/img/tab_green_selected.png); background-repeat: no-repeat; background-position: right top; } #tabbedContent .ui-tabs-nav a span { height: 24px; padding-top: 1px; padding-right: 0; } *>.ui-tabs-nav a span { width: auto; height: auto; } #tabbedContent .ui-tabs-nav .ui-tabs-selected a span, #tabbedContent .ui-tabs-nav a:hover span, #tabbedContent .ui-tabs-nav a:focus span, #tabbedContent .ui-tabs-nav a:active span { padding-bottom: 1px; background-image: url(/sumerian/img/tab_green_selected.png); background-repeat: no-repeat; background-position: -2px top; } #tabbedContent .ui-tabs-nav a:hover span, #tabbedContent .ui-tabs-nav a:focus span, #tabbedContent .ui-tabs-nav a:active span { background-position: -2px top; } #tabbedContent .ui-tabs-nav .ui-tabs-selected a span.firstTab, #tabbedContent .ui-tabs-nav a:hover span.firstTab, #tabbedContent .ui-tabs-nav a:focus span.firstTab, #tabbedContent .ui-tabs-nav a:active span.firstTab { background-position: left top; } #tabbedContent .ui-tabs-nav a, #tabbedContent .ui-tabs-nav .ui-tabs-disabled a:hover, #tabbedContent .ui-tabs-nav .ui-tabs-disabled a:focus, #tabbedContent .ui-tabs-nav .ui-tabs-disabled a:active { } #tabbedContent .ui-tabs-nav .ui-tabs-selected a span, #tabbedContent .ui-tabs-nav a:hover span, #tabbedContent .ui-tabs-nav a:focus span, #tabbedContent .ui-tabs-nav a:active span { } #tabbedContent .ui-tabs-nav a span, #tabbedContent .ui-tabs-nav .ui-tabs-disabled a:hover span, #tabbedContent .ui-tabs-nav .ui-tabs-disabled a:focus span, #tabbedContent .ui-tabs-nav .ui-tabs-disabled a:active span { } #tabbedContent .ui-tabs-nav .ui-tabs-selected a:link, #tabbedContent .ui-tabs-nav .ui-tabs-selected a:visited, #tabbedContent .ui-tabs-nav .ui-tabs-disabled a:link, #tabbedContent .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */ cursor: text; } #tabbedContent .ui-tabs-nav a:hover, #tabbedContent .ui-tabs-nav a:focus, #tabbedContent .ui-tabs-nav a:active, #tabbedContent .ui-tabs-nav .ui-tabs-unselect a:hover, #tabbedContent .ui-tabs-nav .ui-tabs-unselect a:focus, #tabbedContent .ui-tabs-nav .ui-tabs-unselect a:active { /* @ Opera, we need to be explicit again here now... */ cursor: pointer; } #tabbedContent .ui-tabs-disabled { /*opacity: .4; filter: alpha(opacity=40);*/ } #tabbedContent .ui-tabs-panel { padding: 1px 0; background: #fff; } #tabbedContent .ui-tabs-loading em { padding: 0 0 0 20px; background: url(/sumerian/img/loading.gif) no-repeat 0 50%; } * html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */ display: inline-block; } *:first-child+html .ui-tabs-nav { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */ display: inline-block; } #diagrams { text-align: left; background-color: #EEEFEA; border: none; } #buttons { text-align: left; background-color: #EEEFEA; border: none; } #buttons div { background-color: #EEEFEA; text-align: left; background-image: none; border: none; display: block; } #buttons li a { width: 250px; background-color: #D0D9C9; text-align: left; background-image: none; padding: 3px; } #buttons div a:hover { background-color: #8FA280; background-image: none; }