/* Initial murmerings of a MediaSilo CSS framework... */

/* browser reset styles */
/* for standardizing display of elements across browsers */
/* @import "reset.css"; */

/* common styles */
@import "common.css";

#Features ul,
#Features li,
#Features dl,
#Features dt,
#Features dd {
	margin: 0;
	padding: 0;
}

#Features ul {
	margin: 0 20px 40px;
	border: 1px solid #ccc;
}
#Features li {
  background: white;
	list-style: none;
	color: #333;
}
#Features li.odd {
	background: #EAF3E2;
}
	#Features li dl {
		padding: 10px;
		zoom: 1;
	}
	#Features li dl:after {
		content: ".";
	    display: block;
	    clear: both;
	    visibility: hidden;
	    line-height: 0;
	    height: 0;
	}
		#Features dt {
			float: left;
			width: 60%;
			font-size: 14px;
			text-decoration: underline;
			cursor: pointer;
		}
		#Features .selected dt {
			text-decoration: none;
			font-weight: bold;
			color: black;
		}
		#Features dt:hover {
			color: #0E68CC;
			text-decoration: none;
		}
		#Features dt:hover span {
			padding-right: 20px;
			background: url('/images/questionMark_circled.png') no-repeat right -1px;
		}
		#Features dd {
			margin-left: 60%;
		}
			#Features dd p{
				display: none;
			}
			#Features dd a {
				font-size: 12px;
				background: url('/images/television.png') no-repeat left top;
				text-indent: 20px;
				display: block;
				line-height: 18px;
			}
			#Features .selected dd a {
				margin-top: 10px;
			}
#Features button.toggle {
	float: right;
	margin-top: -22px;
	margin-right: 3.25em;
	font-size: 10px;
	background: #7FB54E url('/images/toggleDetails_bkg.png') repeat-x left bottom;
	border: 0;
	color: white;
	cursor: pointer;
	padding: 5px 10px;
	outline: 0;
	-moz-outline: 0;
}
.gecko #Features button.toggle {
	margin-top: -24px;
}