/* post-float clearing */

.focus:after,
.field:after,
.text:after,
.notes:after {		
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

/* setup */

.focus {
	height: 1%;
	background: #455560 url(../images/focus-background.gif) 0 0 repeat-x;
}

/* instructions */

.instructions {
	margin: 0 35px;
	padding-top: 36px;
	color: #fff;
}
.instructions p {
	font-size: 1.17em;
	line-height: 1.58em;
}

/* main text */

.text {
	padding-top: 2px;
	padding-bottom: 1em;
	color: #fff;
}
.text.column {
	float: left;
	width: 445px;
}
.text .details {
	margin: 0 10px 0 20px;
	padding: 14px 15px 0;
	line-height: 1.42em;
	background: transparent url(../images/focus-hrule.gif) 0 0 repeat-x;
}
.text.second .details {
	margin: 0 20px 0 10px;
}
.text h3 {
	margin: 24px 25px 9px 35px;
	height: 20px;
	font-weight: bold;
	text-indent: -9999px;
	overflow: hidden;
}
.text.second h3 {
	margin: 24px 35px 9px 25px;
}
.text h3#hsd_bandwidth {
	background: transparent url(../images/header-hsd_bandwidth.gif) 0 0 no-repeat;
}
.text h3#vod_bandwidth {
	background: transparent url(../images/header-vod_bandwidth.gif) 0 0 no-repeat;
}
.text h4 {
	margin: 0 0 1em;
	font-size: 1.17em;
	font-weight: bold;
}
.text h5 {
	margin: 0 0 0.5em;
	font-size: 1em;
	font-weight: bold;
	font-style: italic;
}
.text p {
	margin: 0 5px 1em;
	font-size: 1em;
}
.text .details p.intro {
	margin-top: 1em;
	font-size: 1.17em;
	line-height: 1.58em;
}
.text ul {
	list-style-image: url(../images/text-bullet.gif);
}
.text ul.links {
	list-style-image: url(../images/sidebar-bullet.gif);
}
.text ul li {
	margin: 0 0 0.5em 16px;
	font-size: 1em;
}
.text p.half {
	margin-bottom: 0.5em;
}
.text ul + h4 {
	margin-top: 2em;
}
.text .fullspec {
	margin-top: 3em;
}
.text .fullspec p {
	font-size: 0.92em;
}

/* calculators */

.calculator {
	margin-bottom: 1em;
	background: transparent url(../images/calculator-background.gif) 0 0 repeat-y;
}
.calculator h4 {
	margin-bottom: 0;
	height: 73px;
	background-color: transparent;
	background-position: 0 0;
	background-repeat: no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}
.calculator#hsd h4 {
	background-image: url(../images/calculator-header_hsd.gif);
}
.calculator#vod h4 {
	background-image: url(../images/calculator-header_vod.gif);
}

.calculator fieldset {
	margin: 0 5px;
	background: transparent url(../images/calculator-background_fieldset.gif) 0 0 no-repeat;
}
.calculator .field {
	padding-top: 9px;
}
.calculator .field label {
	float: left;
	padding: 7px 0 0 24px;
	width: 262px;
	font-weight: bold;
}
.calculator .field input {
	float: left;
	margin: 0 0 0;
	padding-top: 2px;
	width: 64px;
	height: 20px;
	text-align: center;
	font-size: 1.17em;
	font-weight: bold;
	color: #0078c1;
}
.calculator .field .percent {
	float: left;
	padding: 7px 0 0 5px;
	width: 20px;
	font-weight: bold;
	color: #46b9ff;
}
.calculator .field.result label {
	font-size: 1.25em;
}
.calculator .field.result span {
	float: left;
	margin: 5px 0 0;
	width: 64px;
	height: 22px;
	font-weight: bold;
	font-size: 1.54em;
	text-align: center;
}

.calculator .field#hsd_households,
.calculator .field#vod_households {
	height: 46px;
	background: transparent url(../images/calculator-background_households.gif) 0 46px no-repeat;
}
.calculator .field#hsd_households input,
.calculator .field#vod_households input {
	margin-top: 5px;
}
.calculator .field#hsd_penetration,
.calculator .field#vod_penetration {
	height: 39px;
	background: transparent url(../images/calculator-background_penetration.gif) 0 39px no-repeat;
}
.calculator .field#hsd_penetration label,
.calculator .field#hsd_penetration span,
.calculator .field#vod_penetration label,
.calculator .field#vod_penetration span {
	padding-top: 2px;
}
.calculator .field#hsd_concurrency,
.calculator .field#vod_concurrency {
	height: 36px;
	background: transparent url(../images/calculator-hrule.gif) 0 43px repeat-x;
}
.calculator .field#hsd_concurrency label,
.calculator .field#hsd_concurrency span,
.calculator .field#vod_concurrency label,
.calculator .field#vod_concurrency span {
	padding-top: 3px;
}
.calculator .field#hsd_concurrent,
.calculator .field#vod_concurrent {
	height: 62px;
	background: transparent url(../images/calculator-background_concurrent.gif) 0 62px no-repeat;
}
.calculator .field#hsd_concurrent label,
.calculator .field#hsd_concurrent span,
.calculator .field#vod_concurrent label,
.calculator .field#vod_concurrent span {
	padding-top: 5px;
}
.calculator .field#hsd_bandwidth_service,
.calculator .field#vod_bandwidth_service {
	height: 34px;
}
.calculator .field#hsd_bandwidth_service label,
.calculator .field#hsd_bandwidth_service span,
.calculator .field#vod_bandwidth_service label,
.calculator .field#vod_bandwidth_service span {
	padding-top: 2px;
}
.calculator .field#hsd_bandwidth,
.calculator .field#vod_bandwidth {
	height: 59px;
	background: transparent url(../images/calculator-background_bandwidth.gif) 0 0 repeat-x;
}
.calculator .field#hsd_bandwidth label,
.calculator .field#hsd_bandwidth span,
.calculator .field#vod_bandwidth label,
.calculator .field#vod_bandwidth span {
	padding-top: 4px;
}

.calculator .buttons {
	padding: 10px 0 0 219px;
	height: 52px;
	background: transparent url(../images/calculator-background_buttons.gif) 0 0 no-repeat;
}

.calculator button {
	float: left;
	height: 31px;
	background-color: transparent;
	background-position: 0 0;
	background-repeat: no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	cursor: pointer;
}
.calculator button.reset {
	margin-right: 10px;
	width: 64px;
	background-image: url(../images/button-reset.gif);
}
.calculator button.calculate {
	width: 77px;
	background-image: url(../images/button-calculate.gif);
}
.calculator button:hover {
	background-position: 0 -31px;
}

/* important notes */

.notes {
	clear: both;
	margin: 0 20px;
	background: transparent url(../images/focus-hrule.gif) 0 0 repeat-x;
}
.notes .text {
	margin: 0 20px;
	padding-top: 1.5em;
}
.notes .text .column {
	float: left;
	padding-bottom: 3em;
}
.notes .text .column.one {
	margin-right: 20px;
	width: 256px;
}
.notes .text .column.two {
	margin-right: 20px;
	width: 276px;
}
.notes .text .column.three {
	width: 238px;
}