#content-wrapper .htab { border-bottom: 1px solid #e0e0e0; padding: 0 0 0 20px; position: relative; }
#content-wrapper .htab span { float: left; display: inline; background: transparent url('/files/img/tab-left.gif') left top no-repeat; border-bottom: 1px solid #fff; margin: 0 0 -1px -1px; padding: 0; cursor: pointer; }
#content-wrapper .htab span h3 { background: transparent url('/files/img/tab-right.gif') right top no-repeat; border: 0; color: #3e3e3e; font: bold 12px Arial, Helvetica, sans-serif; margin: 0 0 0 9px; padding: 8px 9px 6px 0px; }
#content-wrapper .htab span.white { border-bottom: 1px solid #e0e0e0; }
#content-wrapper .htab span.gray { background-image: url('/files/img/tab-gray-left.gif'); border-bottom: 1px solid #e0e0e0; }
#content-wrapper .htab span.gray h3, #content-wrapper .htab span.gray2 h3 { background-image: url('/files/img/tab-gray-right.gif'); }
#content-wrapper .htab span.gray2 { background: transparent url('/files/img/tab-gray-left.gif') left top no-repeat; border-bottom: 1px solid #f4f4f4; position: relative; }
.on1, .on2 { display: block; padding: 20px 20px 0 20px; }
.off { display: none; }
.on1 { background: #f4f4f4; }

.tabs-container { border-bottom: 1px solid #ccc; padding: 20px 0 0 20px; }
ul#tabs { font: bold 12px Arial, sans-serif; text-align: left; line-height: normal; padding: 0 0 0 1px; margin: 0; list-style: none; }
ul#tabs li { display: inline; }
ul#tabs li a { float: left; padding: 0 0 0 9px; margin-left: -1px; color: #636363; font-weight: bold; text-decoration: none; background: transparent url('/r/img/tab-left.gif') 0 -200px no-repeat; }
* html ul#tabs li a { position: relative; }
ul#tabs li a span { float: left; display :block; padding: 5px 19px 3px 10px; background: transparent url('/r/img/tab-right.gif') 100% -200px no-repeat; }
/*\*/ul#tabs li a span { float: none; }/**/
ul#tabs li a:hover { background: transparent url('/r/img/tab-left.gif') 0 -100px no-repeat; }
ul#tabs li a:hover span { background: transparent url('/r/img/tab-right.gif') 100% -100px no-repeat; }
ul#tabs li.current a, ul#tabs li.current a:hover { background: transparent url('/r/img/tab-left.gif') 0 0px no-repeat; border-bottom: 1px solid #fff; margin-bottom: -1px; }
ul#tabs li.current a span, ul#tabs li.current a:hover span { background: transparent url('/r/img/tab-right.gif') 100% 0px no-repeat; }
.none { display: none; }