
#tabHolder, #resultsHolder {width:450px; margin:auto; padding-top:15px;}
#tabHolder .clear {background-color:#9D9D9D;}
.topTab, .bottomTab {width:150px; float:left; text-align:center;}
#tabHolder a {font-weight:bold; color:#313131; display:block; background:url(/images/javaSelectorTab-back.gif) top left repeat-y; width:100%;}
#tabHolder a:hover, #tabHolder a.selected {background-color:#EEE;}
#tabHolder a span {display:block; padding:5px 0;}
#tabHolder .topTab a span {background:url(/images/javaSelectorTab-top.gif) top left no-repeat;}

#resultsHolder {background:url(/images/javaSelector-back.gif) top left repeat-y;}
#resultsHolder .option {display:none;}
#resultsHolder .selected {display:block;}
#resultsHolder .inner {padding:10px 15px 0 15px;}

.viewAll {font-size:120%;}

.leftResult {width:50%; float:left;}
.righttResult {width:49%; float:right;}

.left3ColResult {width:34%; float:left;}
.middle3ColResult {width:39%; float:left;}
.right3ColResult {width:27%; float:right;}


#resultsHolder .title {margin-bottom:15px; font-size:120%;}
#resultsHolder .result {margin-bottom:10px; height: 60px; }
#resultsHolder .result img {vertical-align:middle;}
#resultsHolder .result a.img_container {width: 60px; display:block; float: left; }
#resultsHolder .result a.img_container img {display: block; margin: 0 auto;}
#resultsHolder .result a.text_container {display: block; float: left; padding-top: 23px; margin-top: -0.5em;}
#resultsHolder .result a {font-weight:bold; display: block;}

#casestudyBottom {display:block; height:15px; font-size:15px; line-height:15px; background:url(/images/javaSelector-bottom.gif) bottom left no-repeat;}
