@charset "utf-8";

/* DATA DOMAIN DEDUPLICATION CALCULATOR :: CSS DOCUMENT */

/*******************************************************************************************
********************************************************************************************
Tags
********************************************************************************************
*******************************************************************************************/

* {
	margin: 0;
	padding: 0;
}

html, body {
	font-family: Arial, Helvetica, sans-serif;
	height: 100%;
}

a:focus,
a:active {
	outline: none
}

a img {
	border: 0;
}

/*******************************************************************************************
********************************************************************************************
Global Settings
********************************************************************************************
*******************************************************************************************/

/********** GRAY TEXT **********/

#instructions p,
#summary table,
#calc form {
	color: #666;
}

/********** TITLE GRAY TEXT **********/

h1.title,
#results table td h2,
#results table p {
	color: #383838;
}

/********** WHITE TEXT **********/

#results table thead td.col1 h2 {
	color: #FFF; /* f8f8f8 */
}

/********** ALTERNATE GRAY TEXT **********/

#results table p.answer {
	color: rgb(64,68,79);
}

/********** RED TEXT **********/

#results table tr.dataDomain p.answer,
#results div.arrow p {
	color: rgb(218,17,46);
}

h1.title {
	float: left;
	width: 248px;
	font-size: 12px;
	margin: 7px 12px 1px 12px;
	overflow: hidden;
}

/*******************************************************************************************
********************************************************************************************
Structure
********************************************************************************************
*******************************************************************************************/

#container {
	position: absolute;
	width: 100%;
}

#chassis {
	position: relative;
	width: 790px;
	margin: 8px 10px;
}

/*******************************************************************************************
********************************************************************************************
Header
********************************************************************************************
*******************************************************************************************/

#header {
	display: block;
	width: 790px;
	height: 61px;
}

#instructions img {
	display: block;
}

/*******************************************************************************************
********************************************************************************************
Instructions
********************************************************************************************
*******************************************************************************************/

#instructions {
	display: block;
	position: relative;
	width: 790px;
	height: 48px;
}

#instructions p {
	position: absolute;
	top: 7px;
	left: 22px;
	width: 523px;
	font-size: 11px;
	font-weight: bold;
}

#instructions p span {
	font-size: 12px;
}

#instructions a {
	display: block;
	position: absolute;
	height: 16px;
	top: 22px;
}

#instructions a#faq {
	width: 100px;
	left: 545px;
}

#instructions a#whitepaper {
	width: 121px;
	left: 659px;
}

/*******************************************************************************************
********************************************************************************************
Main
********************************************************************************************
*******************************************************************************************/

#main {
	display: block;
	width: 790px;
}

/*******************************************************************************************
********************************************************************************************
Left
********************************************************************************************
*******************************************************************************************/

#left {
	display: block;
	width: 293px;
	padding-left: 10px;
}

#calc {
	display: block;
	width: 272px;
	height: 351px;
	margin-bottom: 21px;
	background: url(../images/bg_calc.jpg) no-repeat top left;
}

#calc h1 {
	height: 36px;
}

#calc form {
	position: relative;
	float: left;
	font-size: 11px;
	font-weight: bold;
}

#calc input {
	position: absolute;
	top: 9px;
}

#calc input.calculate {
	left: 190px;
}

#calc input.recalculate {
	left: 180px;
}

#calc form td.select {
	display: table-cell;
	width: 60px;
	vertical-align: middle;
}

#calc form label {
	display: block;
	padding: 6px 19px 2px 17px;
}

#calc form label.first {
	padding-top: 5px;
}

#calc form label a img {
	margin-left: 2px;
}

#calc form select {
	border: 1px solid #aeaeae;
	width: 50px;
	margin-left: 17px;
}

#calc form select,
#calc form select option {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding-left: 4px;
}

#summary {
	display: block;
	width: 272px;
	height: 149px;
	margin-bottom: 18px;
	background: url(../images/bg_summary.jpg) no-repeat top left;
}

#summary h1 {
	height: 18px;
}

#summary table {
	float: left;
	width: 258px;
	height: 106px;
	font-size: 11px;
	margin: 7px;
}

#summary table td {
	border-bottom: 1px solid #aeaeae;
	padding-bottom: 3px;
	padding-left: 10px;
	padding-top: 4px;
}

#summary table td.last {
	border: none;
}

#summary table td.size {
	font-weight: bold;
	width: 60px;
	padding-right: 10px;
	text-align: right;
}

#left .copy {
	width: 272px;
	font-size: 9px;
	color: rgb(159,161,167);
	margin-bottom: 5px;
	line-height: 13px;
	text-align: justify;
}

/*******************************************************************************************
********************************************************************************************
Right
********************************************************************************************
*******************************************************************************************/

#right {
	display: block;
	width: 488px;
}

#results {
	position: relative;
	display: block;
	width: 478px;
	height: 300px;
	margin-bottom: 21px;
	background: url(../images/bg_results.jpg) no-repeat top left;
}

#results div.arrow {
	position: absolute;
	top: 124px;
	left: 151px;
	width: 314px;
	height: 12px;
	vertical-align: middle;
	padding: 1px 0;
	background: url(../images/results_arrow.gif) no-repeat top left;
}

#results div.arrow p {
	display: inline;
	padding: 0 4px; 
	font-size: 9px;
	background-color: #fff;
	vertical-align: top;
}

#results table td {
	text-align: center;
}

#results table td.col1 {
	width: 139px;
}

#results table td h2 {
	font-size: 12px;
	font-weight: bold;
}

#results table thead td h2 {
	padding: 5px 16px;
}

#results table thead td {
	height: 70px;
}

#results table thead td,
#results table tbody td.col1 {
	vertical-align: middle;
}

#results table tbody td.col1 img {
	float: left;
	margin-left: 16px;
}

#results table tbody td {
	height: 76px;
	padding: 0;
	margin: 0;
}

#results table tbody tr.dataDomain td {
	height: 53px;
}

#results table tbody tr.dataDomain td.col1 {
	height: 76px;
}

#results table tbody tr.dataDomain td.shim {
	height: 23px;
}

#results table td.col2,
#results table tbody td.col2 div {
	width: 112px;
}

#results table td.col3,
#results table tbody td.col3 div {
	width: 114px;
}

#results table td.col4,
#results table tbody td.col4 div {
	width: 113px;
}

#results table p {
	font-size: 9px;
	width: 100%;
}

#results table p.answer {
	font-size: 14px;
	font-weight: bold;
}

#results table td.col1 input {
	margin-top: 10px;
}


.analysis h3 {
	background-color: #274669;
	color: #fff;
	font-size: 14px;
	line-height: 27px;
	font-weight: bold;
	text-indent: 12px;
}

.analysis div.content {
	float: left;
	width: 478px;
	background: url(../images/bg_analysis.gif) repeat-y top left;
}

.analysis div.content div {
	float: left;
	width: 221px;
	min-height: 285px;
	_height: 285px;	
	margin-top: 13px;
}

.analysis div.content div p,
.analysis div.content div ul {
	font-size: 10px;
	color: rgb(64,68,79);
	line-height: 14px;
}

.analysis div.content div p {
	margin-left: 6px;
	margin-top: 7px;
}

.analysis div.content div ul {
	list-style-type: none;
}

.analysis div.content div ul li {
	background: url(../images/bullet_blue.gif) no-repeat 7px 10px;
	padding-left: 16px;
	padding-top: 5px;
}

.analysis div.content div.left {
	margin-left: 14px;
}

.analysis div.content div.right {
	margin-left: 7px;
}