/**
jquery simplyTabs plugin - CSS stylesheet

If you change the default class names in your javascript, make sure to reflect those changes in the CSS.

*/


/* you should set your tabs container 's width and height dimensions here, 

example:

#tabContainer{
 width: 505px;
 height: 600px;
 border: 1px solid black;
}
 */
 
#leftcol{
	background:#ececec;
	padding:5px;
	margin-bottom:5px;
}
#imageLegend { width:auto;}
#top_main .simplyTabs .tab-panel {width:440px;float:left;; }

.simplyTabs {
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    padding: 0;
    width:620px;
    height:192px;
	background:#fff
}
/* IE6  */
*html .simplyTabs{
	position: relative;
}


.simplyTabs ul.tab-menu {
	float:right;
    height:192px;
    width: 188px;
    list-style: none;
    position: absolute;
    overflow: hidden;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
}
.simplyTabs ul.tab-menu li {
    height: 32px;
    width: auto;
}
*html .simplyTabs ul.tab-menu li {
    margin-bottom:-3px;
}
*:first-child+html .simplyTabs ul.tab-menu li {
    margin-bottom:-3px;
}
.simplyTabs ul.tab-menu a.tab-menu-item, .simplyTabs ul.tab-menu a.tab-menu-item:visited {
	float:right;
    margin: 0;
    display: block;

}

.simplyTabs .tab-panel.tab-hidden {
    display: none;
}
.simplyTabs .tab-panel.tab-visible {
    display: block;
}

.tab-panel a:hover img{
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}