/* 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 {
.ui-tabs-nav { display: none; }
}
#tabcontainer { float: left; width: 100%; text-align: left; overflow: visible; margin-top: 20px;  height:;
}
ul.tablist { display: block; float: left; width: 150px; height: 479px; list-style-type: none; background-image: url(../siteimages/design-menu-bg.jpg); background-repeat: no-repeat; background-position: left 70px; text-align: right; position: absolute; left: 20px; top: 50px; z-index: 3; }
ul.tablist2 { display: block; float: left; width: 150px; height: 479px; list-style-type: none; background-image: url(../siteimages/articles-menu-bg.jpg); background-repeat: no-repeat; background-position: left top; text-align: right; }
/* Skin */
.ui-tabs-nav, .ui-tabs-panel { font-family: Helvetica, Arial, sans-serif; }
.ui-tabs-nav { list-style: none; margin: 0px; }
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */ display: block; clear: both; content: " "; }
.ui-tabs-nav li { float: left; min-width: 150px; padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; }
.ui-tabs-nav a, .ui-tabs-nav a span { color: #384146; font-size: 21px; padding-right: 2px; padding-left: 3px; display: block; }
.ui-tabs-nav a { text-decoration: none; white-space: nowrap; /* required in IE 6 */ outline: 0; margin: 0px; padding: 0px; font-weight: bold; }
.ui-tabs-nav .ui-tabs-selected a { position: relative; top: 0px; z-index: 2; margin-top: 0px; color: #000; }
.ui-tabs-nav a span { width: 150px; /* IE 6 treats width as min-width */ min-width: 150px; text-align:right; }
*>.ui-tabs-nav a span { /* hide from IE 6 */ width: 150px; text-align:right; }
.ui-tabs-nav .ui-tabs-selected a span { padding-bottom: 0px; }
.ui-tabs-nav .ui-tabs-selected a span, .ui-tabs-nav a:hover span, .ui-tabs-nav a:focus span, .ui-tabs-nav a:active span { color: #77EABF; background-image: url(../siteimages/menu-select-bg.png); }
.ui-tabs-nav .ui-tabs-selected a:link, .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; color: #76E9BE; }
.ui-tabs-nav a:hover { /* @ Opera, we need to be explicit again here now... */ cursor: pointer; color: #FFFFFF; border-bottom-width: 5px; border-bottom-style: none; border-bottom-color: #FFFFFF; }
.ui-tabs-disabled { opacity: .4; filter: alpha(opacity=40); }
.ui-tabs-panel { overflow: auto; color: #FFFFFF; margin-left: 170px; padding-left: 15px; white-space: nowrap; position: relative; }
.articlestexture { margin: 0px; color: #000000; padding-left: 25px; padding-right: 20px; padding-bottom: 5px; padding-top: 5px; height: 320px; overflow: auto; }
.articlestexture img { margin-top: 0px; margin-right: 10px; margin-bottom: 10px; margin-left: 10px; padding: 3px; }
.articlestexture p { margin-bottom: 1em; }
.horizontalscroll { white-space: nowrap; width: 14000px; overflow: auto; float: left; }
.horizontalprint { white-space: nowrap; width: 6300px; overflow: auto; float: left; }
.horizontalemail { white-space: nowrap; width: 1100px; overflow: auto; float: left; }
.ui-tabs-loading em { padding: 0 0 0 20px; background-image: url(jquery.fancybox/fancy_progress.png); background-repeat: no-repeat; background-position: 0 50%; }
/* Additional IE specific bug fixes... */
* 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; }