
.tw-rotate { float:left; margin:0; padding:0; width:100%; position:relative; }
.tw-hide { display:none; }
.without_title { margin-top:1.25em; }
.ui-tabs-nav, .ui-tabs-panel { float:left; width:100%; clear:both; }
.tw-tabbed-widgets, #sidebar .tw-tabbed-widgets { margin:0; padding:0; float:left; width:100%; background-color:#FFF; }

/* tabs */
ul.tw-nav-list, #sidebar ul.tw-nav-list { list-style: none; float:left; width:330px; margin:0 0 -3px 0; padding:0; text-align: center; }
ul.tw-nav-list span, #sidebar ul.tw-nav-list span { padding-left: 20px }
ul.tw-nav-list li, #sidebar ul.tw-nav-list li { list-style:none; list-style-image:none; display:block; float:left; clear:none; width: 159px; height: 38px; background-color: #999; font-family: Georgia, "Times New Roman", Times, serif; font-size: 22px; line-height: 38px; border-bottom: solid 5px #f0f0f0; border-left: solid 5px #f0f0f0; border-right: solid 5px #f0f0f0; text-align: center; }
ul.tw-nav-list li a, #sidebar ul.tw-nav-list li a { color: #ccc;}
ul.tw-nav-list li:before, #sidebar ul.tw-nav-list li:before, #sidebar li.widget:before { content:''; }
ul.tw-nav-list a, #sidebar ul.tw-nav-list a { float:left; outline: none; }
ul.tw-nav-list li.ui-tabs-selected, #sidebar ul.tw-nav-list li.ui-tabs-selected  { background-color:#fff; border-top: solid 1px #CCC; border-left: solid 1px #CCC; border-right: solid 1px #CCC; border-bottom: none; }
ul.tw-nav-list li.ui-tabs-selected a, #sidebar ul.tw-nav-list li.ui-tabs-selected a,
ul.tw-nav-list li.ui-tabs-selected a:hover, #sidebar li.ui-tabs-selected a:hover { color:#000; text-decoration:none; }
.ui-tabs-panel, #sidebar .ui-tabs-panel { margin:0; padding-bottom: 15px; float:left; width:328px; border: solid 1px #ccc; border-top: none; }
#sidebar .without_title { margin-top:0; color: #F00; }
* html #sidebar li.widget { float:left; margin-bottom:5px; }
* html #sidebar .ui-tabs-panel { float:none; } 

/* defaults for the default theme */
#sidebar ul.tw-nav-list ul li:before { content:''; }
#sidebar ul.tw-nav-list { font-size:1.1em; }
#sidebar .tw-accordion .tw-widgettitle { padding:0.55em 0 0.6em; }
#sidebar .tw-accordion ul.tabbed-widget-item { margin:0.75em 0 1.25em 0; padding:0; list-style-image:none; }
#sidebar .tw-accordion ul.tabbed-widget-item li.widget:before { content:''; display:none; }
#sidebar .tw-accordion .widget { margin:0; }
#sidebar .tw-accordion { margin-bottom:2em; margin-top:0; }
* html #sidebar .tw-accordion .tw-widgettitle { font-size:1.1em; float:none; }

.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { 
	/* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active { 
	/* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}

/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
	.tw-rotate { margin:0; }
    ul.tw-nav-list { display: none; }
    .tw-hide, .tw-rotate h1, .tw-rotate h2, .tw-rotate h3, .tw-rotate h4 { display:inherit; }
}
