.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; }

.ui-tabs .ui-tabs-nav li.ui-tabs-selected { background-color: gray; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a { color: white !important; }


.ui-tabs-vertical { width: 45em; }
.ui-tabs-vertical .ui-tabs-nav { padding: .1em; margin: 0px; float: left; width: 12em; }
.ui-tabs-vertical .ui-tabs-nav li { clear: left; width: 100%; border-bottom-width: 1px !important; border-right-width: 0 !important; margin: 0 -1px .1em 0; }
.ui-tabs-vertical .ui-tabs-nav li a { display: block; }
.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 0; padding-right: .1em; border-right-width: 1px; border-right-width: 1px; background-color: gray; }
.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-selected a { color: white !important; }
.ui-tabs-vertical .ui-tabs-panel { padding: .1em; margin: 0px; float: left; width: 32em; }

.xx ul, .xx ol { list-style-type: none; padding: 0px; margin: 0px; font-size: smaller; }
.r { padding: 12px; position: relative; left: 40px; width: 85%; }
.r ul, .r ol { list-style-type: none; }
.r li { width: 50%; float: left; }
.r p { clear: both; }
.r .u { color: black; font-weight: bold; }
.test { padding: 0px; border: 1px solid gray; cursor: pointer; position: relative; }
.xinfo { text-align: center; min-height: 36px; }
.info { position: relative; left: 40px; width: 85%; min-height: 36px; }
.info div:nth-child(1) { font-weight: bold; }
.info div:nth-child(2) { }
.info div:nth-child(3) { font-size: smaller; color: #666; }
.tag1 { position: absolute; top: 0px; left: 0px; width: 36px; height: 36px; }
.tag1 img { width: 36px; height: 36px; }
.tag2 { position: absolute; top: 0px; right: 0px; width: 36px; height: 36px; text-align: center; line-height: 36px; border-left: 1px solid gray; }
.extra { margin-top: 0px; border-top: 1px solid gray; }