/* tabs */
.anchors {  list-style: none; margin: 0; padding: 0 0 1px; position: relative; top: 4px}
.anchors:after { /* clearing without presentational markup, IE gets extra treatment */
 display: block;
    clear: both;
    content: " ";
}
.anchors li { float: left;}

.anchors a {display: block; position: relative; top: 1px; }

a#tab_overview{ width: 85px; height: 33px; background: url('images/overview_off-trans.png') no-repeat; border-bottom: 1px solid #666;}
.anchors .on a#tab_overview{background: url('images/overview_on-trans.png') no-repeat;  /*border-bottom: 1px solid #fff;*/ border: none; height: 34px}

a#tab_details{ width: 106px; height: 33px; background: url('images/details_off-trans.png') no-repeat;  }
.anchors .on a#tab_details{background: url('images/details_on-trans.png') no-repeat; border-bottom: 1px solid #fff;}

a#tab_instructors{ width: 102px; height: 33px; background: url('images/instructors_off-trans.png') no-repeat;  }
.anchors .on a#tab_instructors{background: url('images/instructors_on-trans.png') no-repeat; border-bottom: 1px solid #fff; }

a#tab_reviews{ width: 102px; height: 33px; background: url('images/reviews_off-trans.png') no-repeat;  }
.anchors .on a#tab_reviews{background: url('images/reviews_on-trans.png') no-repeat; border-bottom: 1px solid #fff; }

a#tab_apply{ width: 102px; height: 33px; background: url('images/apply-trans.png') no-repeat;  }

.anchors .on a {}

.anchor{ background: #fff; margin: 16px 0 0 0; width: 517px; border: 1px solid #666; border-top: none; border-bottom: none;}

.anchor_txt{ padding: 0 20px 0 20px;}



.anchors .on a:link, .anchors .on a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.anchors a:hover, .anchors a:focus, .anchors a:active {
    cursor: pointer;
}