/* Layout helpers ----------------------------------*/ #tabs .ui-helper-hidden { display: none; } #tabs .ui-helper-hidden-accessible { position: absolute; left: -99999999px; } #tabs .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } #tabs .ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #tabs .ui-helper-clearfix { display: inline-block; } /* required comment for clearfix to work in Opera \*/ * html #tabs .ui-helper-clearfix { height:1%; } #tabs .ui-helper-clearfix { display:block; } /* end clearfix */ #tabs .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); } /* Interaction Cues ----------------------------------*/ #tabs .ui-state-disabled { cursor: default !important; } /* Misc visuals ----------------------------------*/ /* Overlays */ #tabs .ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* Tabs ----------------------------------*/ .ui-tabs { padding: .2em; zoom: 1; } .ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: .2em .2em 0; } .ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .2em -1px 0; padding: 0; } .ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .5em 1em; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; } .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */ .ui-tabs .ui-tabs-panel { padding: 1em 1.4em; display: block; border-width: 0; background: none; } .ui-tabs .ui-tabs-hide { display: none !important; } /* Component containers ----------------------------------*/ #tabs #tabs .ui-widget { font-family: segoe ui, Arial, sans-serif; font-size: 1.1em; } #tabs .ui-widget input, #tabs .ui-widget select, #tabs .ui-widget textarea, #tabs .ui-widget button { font-family: segoe ui, Arial, sans-serif; font-size: 1em; } #tabs .ui-widget-content { border: 1px solid #aaaaaa; background: #EAF9D2 url(images/ui-bg_highlight-soft_100_f0efea_1x100.png) 100% top repeat-x; color: #222222; font-size:14px; } #tabs .ui-widget-content a { color: #222222; } #tabs .ui-widget-header { color: #ffffff; font-weight: bold; } #tabs .ui-widget-header a { color: #ffffff; font-size:14px; } /* Interaction states ----------------------------------*/ #tabs .ui-state-default, #tabs .ui-widget-content #tabs .ui-state-default { border: 1px solid #327E04; background: #BCE27F; font-weight: bold; color: #999; outline: none; } #tabs .ui-state-default a, #tabs .ui-state-default a:link, #tabs .ui-state-default a:visited { color: #5F5F5F; text-decoration: none; outline: none; } #tabs .ui-state-hover, #tabs .ui-widget-content #tabs .ui-state-hover, #tabs .ui-state-focus, #tabs .ui-widget-content #tabs .ui-state-focus { border: 1px solid #327E04; background: #5A9D1A url(images/ui-bg_highlight-soft_25_5A9D1A_1x100.png) 50% 50% repeat-x; font-weight: bold; color: #ffffff; outline: none; } #tabs .ui-state-hover a, #tabs .ui-state-hover a:hover { color: #ffffff; text-decoration: none; outline: none; } #tabs .ui-state-active, #tabs .ui-widget-content #tabs .ui-state-active { border: 1px solid #c4c5c3; background: #FFF; font-weight: bold; color: #403D38; outline: none; } #tabs .ui-state-active a, #tabs .ui-state-active a:link, #tabs .ui-state-active a:visited { color: #403D38; outline: none; text-decoration: none; } /* Interaction Cues ----------------------------------*/ #tabs .ui-state-highlight, #tabs .ui-widget-content #tabs .ui-state-highlight {border: 1px solid #e8e1b5; background: #fcf0ba url(images/ui-bg_glass_55_fcf0ba_1x400.png) 50% 50% repeat-x; color: #363636; } #tabs .ui-state-highlight a, #tabs .ui-widget-content #tabs .ui-state-highlight a { color: #363636; } #tabs .ui-state-error, #tabs .ui-widget-content #tabs .ui-state-error {border: 1px solid #e3a345; background: #ffedad url(images/ui-bg_highlight-soft_95_ffedad_1x100.png) 50% top repeat-x; color: #cd5c0a; } #tabs .ui-state-error a, #tabs .ui-widget-content #tabs .ui-state-error a { color: #cd5c0a; } #tabs .ui-state-error-text, #tabs .ui-widget-content #tabs .ui-state-error-text { color: #cd5c0a; } #tabs .ui-state-disabled, #tabs .ui-widget-content #tabs .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; } #tabs .ui-priority-primary, #tabs .ui-widget-content #tabs .ui-priority-primary { font-weight: bold; } #tabs .ui-priority-secondary, #tabs .ui-widget-content #tabs .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; } /* Misc visuals ----------------------------------*/ /* Corner radius */ #tabs .ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; } #tabs .ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; } #tabs .ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; } #tabs .ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; } #tabs .ui-corner-top { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; } #tabs .ui-corner-bottom { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; } #tabs .ui-corner-right { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; } #tabs .ui-corner-left { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; } #tabs .ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; } /* Overlays */ #tabs .ui-widget-overlay { background: #2e2e28 url(images/ui-bg_glow-ball_25_2e2e28_600x600.png) 50% 35% repeat-x; opacity: .65;filter:Alpha(Opacity=65); } #tabs .ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #f0f0f0 url(images/ui-bg_flat_35_f0f0f0_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -webkit-border-radius: 8px; }