/* Caution! Ensure accessibility in print and other media types... */
/* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
@media projection, screen { .ui-tabs-hide { display: none; } }

/* Hide useless elements in print layouts... */
@media print { #menuWrapper li.mi { display: none; } }

/* Skin */
#menuWrapper li.mi { position: relative; font-family: "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif; font-weight: bold; cursor: pointer; }
#menuWrapper li.mi { list-style: none; margin: 0; padding: 0 0 0 3px; }

/* clearing without presentational markup, IE gets extra treatment */
#menuWrapper li.mi:after { display: block; clear: both; content: " "; }
#menuWrapper li.mi { display: inline-block; float: left; margin: 0 0 0 2px; font-weight: bold; }

/* float: left; fixes dir=ltr problem and other quirks IE */
#menuWrapper li.mi a.mia, #menuWrapper li.mi a.mia span.tab-inner { float: left; padding: 0 12px; background: url(../img/tabs.png) no-repeat; cursor: pointer; }

/* position: relative makes opacity fail for disabled tab in IE */
 /* @ IE 6, white-space: nowrap */
/* @ Firefox, prevent dotted border after click, use outline: 0; */
#menuWrapper li.mi a.mia { padding-left: 0; background-position: 100% -28px; text-decoration: none; white-space: nowrap; outline: 0; color: #fff; text-shadow: #2545ba 0 2px -3px; }
#menuWrapper li.mi a.mia span.tab-inner { padding: 4px 0 2px 12px; background-position: 0 -28px; }

#menuWrapper li.selected a.mia { background-position: 100% 0; text-shadow: #4089a2 0 2px -3px; cursor: pointer; color: #fff; }
#menuWrapper li.selected a.mia span.tab-inner { background-position: 0 0; }

/* @ Opera, use pseudo classes otherwise it confuses cursor... */
#menuWrapper li.selected a.mia:link, #menuWrapper li.selected a.mia:visited,
#menuWrapper li.mi .disabled a.mia:link, #menuWrapper li.mi .disabled a.mia:visited { cursor: default; }

/* @ Opera, we need to be explicit again here now... */ 
#menuWrapper li.mi a.mia:hover, #menuWrapper li.mi a.mia:focus, #menuWrapper li.mi a.mia:active,
#menuWrapper li.mi .ui-tabs-unselect a.mia:hover, #menuWrapper li.mi .ui-tabs-unselect a.mia:focus, #menuWrapper li.mi .ui-tabs-unselect a.mia:active { cursor: pointer; }
.disabled { opacity: .4; filter: alpha(opacity=40); }
#menuWrapper li.mi .disabled a.mia:link, #menuWrapper li.mi .disabled a.mia:visited { color: #000; }

/* declare background color for container to avoid distorted fonts in IE while fading 
.ui-tabs-panel { border-bottom: 0px solid #999; padding: 0; background: #fff; width: 100%; }
*/

/* Additional IE specific bug fixes... */