/* <![CDATA[ */



a {color: #0094D6;}
p {padding: 7px 0;}


.section {
 width: 100%;
 background: #999999;
 margin: 0 0 30px;
}
ul.tabs {
 height: 28px;
 line-height: 25px;
 list-style: none;
 border-bottom: 2px solid #DDD;
 background: #333333;
}
.tabs li {
 float: left;
 display: inline;
 margin: 0 1px -1px 0;
 padding: 0 5px 1px;
 color: #F9F9F9;
 cursor: pointer;
 background: #999999;
 border: 1px solid #E4E4E4;
 border-bottom: 1px solid #F9F9F9;
 position: related;
}
.tabs li:hover,
.vertical .tabs li:hover {
 color: #F70;
 padding: 0 5px;
 background: #FFFFDF;
 border: 2px solid #33FFCC;
}
* {margin: 0; padding: 0;}
.tabs li.current {
 color: #FFBB00;
 font-weight:bold;
 background: #333333;
 padding: 0 12px 2px;
 border: 1px solid red;
 border-bottom: 1px solid #EFEFEF;
}
.box {
 display: none;
 border: 1px solid #D4D4D4;
 border-width: 0 1px 1px;
 background: #333333;
 padding: 0 12px;
}
.box.visible {
 display: block;
}

.section.vertical {
 width: 440px;
 border-left: 160px solid #FFF;
}
.vertical .tabs {
 width: 160px;
 float: left;
 display: inline;
 margin: 0 0 0 -160px;
}
.vertical .tabs li {
 padding: 0 13px;
 margin: 0 0 1px;
 border: 1px solid #E4E4E4;
 border-right: 1px solid #F9F9F9;
 width: 132px;
 height: 25px;
}
.vertical .tabs li:hover {
 width: 131px;
}
.vertical .tabs li.current {
 width: 133px;
 color: #444;
 background: #EFEFEF;
 border: 1px solid #D4D4D4;
 border-right: 1px solid #EFEFEF;
 margin-right: -1px;
}
.vertical .box {
 border-width: 1px;
}

/* ]]> */