/* settings for interactive "What are features used for?" */

@media projection, screen {.tabs-hide {display: none;}}
@media print {#choose {display: none;}}
#choose ul#options a {
	text-decoration: none;
	}
#choose ul#options .tabs-selected a {
	color: #172F46;
	}
#choose ul#options {
	width: 500px;
	border-top: solid 1px #FFFFFF;
	list-style-type: none;
	padding: 3px 0px 0px 0px;
	margin-top: 12px;
	margin-left: 0px;
	float: left;
	clear:both;
	height: auto;
	overflow: hidden;
	}
#choose ul#options li {
	margin: 0px;
	width: 132px;
	padding: 0px 0px 3px 12px;
	list-style-type: none;
	background-repeat: no-repeat;
	background-position: 1px center;
	float: left;
	}
#choose ul#options li {
	background-image: url('../_img/off.png');
	}
#choose ul#options .tabs-selected {
	background-image: url('../_img/on.png');
	}
#choose ul#options li a:hover {
	color: #172F46;
	}
#choose ul#options .tabs-selected a:link, 
#choose ul#options .tabs-selected a:visited, 
#choose ul#options .tabs-disabled a:link, 
#choose ul#options .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
	cursor: text;
	}
#choose ul#options .tabs-disabled a:hover, 
#choose ul#options a:focus, 
#choose ul#options a:active { /* @ Opera, we need to be explicit again here now... */
	cursor: pointer;
	}
#choose ul#options .tabs-disabled {
	opacity: .4;
	}

#article #choose span.visual {
	margin-top: 12px;
	margin-bottom: 0px;
	border-bottom: none;
	}
#article #choose div.visual {
	margin-top: 0px;
	}