/* rjc - horizontal menu tabs, originally in header */
/* id selector "#menu_tabs" changed to class selector ".menu_tabs" in case we need more than once on page. */
ul.menu_tabs {
	font: 12px/1.2 Geneva, Arial, Helvetica, sans-serif;
	/* font-weight: bold; */
	clear:left;
	float:left;
	width:100%;
	list-style:none;
	margin:0 0 0 0;
	padding:0;
	border-top:8px solid #9cf;
}
.menu_tabs li {
	display:inline;
	list-style:none;
	margin:0;
	padding:0;
}
.menu_tabs li a {
	display:block;
	float:left;
	border-style: none solid solid; /* no border on top edge */
	border-width: 2px;
	border-color: #9cf;
	margin:0 0 0 1px;
	padding:3px 5px;
	text-align:center;
	background:#def;
	color:#333;
	text-decoration:none;
	position:relative;
	left:15px;
	line-height:1.3em;
	box-shadow: 5px 5px 3px #bbb;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
}
.menu_tabs li a:hover {
	color:#fff;
	background-color:#069;
	border-color:#069;
}
.menu_tabs li a.active,
.menu_tabs li a.active:hover {
	color:#069;
	border-color:#069;
	background:#fff;
	font-weight:bold;
	cursor: default;
	pointer-events: none; /* doesn't work in Opera or IE */
}
.menu_tabs li a span {
	display:block;
}
/* rjc - model display, based on menu_tabs above */
ul.model_tabs {
	font: Geneva, Arial, Helvetica, sans-serif;
	font-size: x-small;
	clear:left;
	float:left;
	width:100%;
	margin:10px 0 0 0;
	padding:0;
	
}
.model_tabs li {
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;				/* for IE */
	*display:inline;	/* ditto */
	vertical-align: top;
	list-style:none;
	margin:0;
	padding:0;
}
.model_tabs li img {
	max-width:100%; /* shrink images to fit */
}
.model_tabs li a {
	/* display:block; */
	float:left;
	border-style: solid;
	border-width: 2px;
	border-color: #6af;
	margin:3px;
	padding:3px 5px;
	text-align:center;
	background:#fff;
	color:#333;
	text-decoration:none;
	position:relative;
	left:15px;
	/* line-height:1.3em; */
	width: 180px; /* rjc - this is a major difference from menu_tabs */
	box-shadow: 5px 5px 3px #bbb;
	border-radius: 12px;
	filter:Alpha(opacity=70); /* IE8 and earlier */
	opacity: 0.7;
}
.model_tabs li a:hover {
	border-color: #069;
	filter:Alpha(opacity=100); /* IE8 and earlier */
	opacity: 1;
}
.model_tabs li a.active,
.model_tabs li a.active:hover {
	color:#069;
	background:#cae5ff;
}
.model_tabs li a span { /* is this necessary? */
	display:block;
}