/* 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}
}
/* Skin */
.ui-tabs-nav {list-style: none;margin:0;padding:0;font-size: 11px;text-transform:uppercase;}
.ui-tabs-nav:after {/* clearing without presentational markup, IE gets extra treatment */display: block;clear: both;content: " "}
.ui-tabs-nav li {float: left;margin:0;min-width: 1px;/* be nice to Opera */}
.ui-tabs-nav a, .ui-tabs-nav a span {display: block;padding: 0 6px;background: url(images/tab.png) no-repeat}
.ui-tabs-nav a {margin: 1px 0 0;/* position: relative makes opacity fail for disabled tab in IE */
padding-left: 0;color: #1361a4;font-weight:700;line-height: 1.2;text-align:center;text-decoration: none;white-space: nowrap;/* required in IE 6 */ outline: 0;/* prevent dotted border in Firefox */}
.ui-tabs-nav .ui-tabs-selected a {position: relative;top: 1px;z-index: 2;margin-top: 0;color: #0896d0}
.ui-tabs-nav a span {width: 30px;/* IE 6 treats width as min-width */
min-width:30px;height: 17px;/* IE 6 treats height as min-height */
min-height: 17px;padding-top: 21px;padding-right: 0}
*>.ui-tabs-nav a span {/* hide from IE 6 */
width: auto;height:17px}
.ui-tabs-nav .ui-tabs-selected a span {padding-bottom: 1px}
.ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active {background-position: 100% -117px}
.ui-tabs-nav a, .ui-tabs-nav .ui-tabs-disabled a:hover, .ui-tabs-nav .ui-tabs-disabled a:focus, .ui-tabs-nav .ui-tabs-disabled a:active {background-position: 100% -78px}
.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 {background-position: 0 -39px}
.ui-tabs-nav a span, .ui-tabs-nav .ui-tabs-disabled a:hover span, .ui-tabs-nav .ui-tabs-disabled a:focus span, .ui-tabs-nav .ui-tabs-disabled a:active span {background-position: 0 0}
.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-deselectable a:hover, .ui-tabs-nav .ui-tabs-deselectable a:focus, .ui-tabs-nav .ui-tabs-deselectable a:active {/* @ Opera, we need to be explicit again here now... */
cursor: pointer}
.ui-tabs-panel {width:435px;height:320px;padding:0 8px;/* declare background color for container to avoid distorted fonts in IE while fading */}
.ui-tabs-loading em {padding: 0 0 0 20px;background: url(images/loading.gif) no-repeat 0 50%}
/* Additional IE specific bug fixes... */
* html .ui-tabs-nav {/* auto clear, @ IE 6 & IE 7 Quirks Mode */display:inline}
*: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}
#breadcrumb {width:755px;text-align:justify;margin: 20px 7px 1px  205px; border:#e5f0fa 5px solid; padding:2px 0; }
#breadcrumb img {float:left;margin:0 5px 3px 0; background:url(images/img1.gif); padding:12px} 
