@charset "utf-8";
/* CSS Document */
.summary {
	display: none;
	margin:0px 0 10px 0;
	border-bottom: 1px dotted #ccc;
	width:275px;
	color:#333;
	font-size:9pt;
	padding:0px;
}

#customer_alert {
	font-size:12px;
	color:#f00;
	line-height:auto;
	background:#ddd;
}	

#fullbox {
	margin:0px;
	font-size: 15px;
	width:920px;
	padding: 0px 0px 0px 0px;
}

#left_side {
	float: left;
	width:300px;
	max-width:250px;
	margin:0px;
}

#left_side div.steps {
	margin: 0px 0px 10px 0px;	
}

div.steps strong, #right_side strong {
	color:#360;	
}


div.steps strong, #right_side strong {
	font-size:12pt;	
}

#customer_interactions.closed, 
#channel_transfers.closed, 
#interaction_prices.closed {
	visibility:hidden;/**/
	height:1px;
	overflow:hidden;
	padding:2px 5px 2px 5px;
}

#customer_interactions.open, 
#channel_transfers.open, 
#interaction_prices.open {
	visibility:visible;/**/
	overflow:visible;
	border:#ccc dashed 1px;
	background:#fc9;
}

#interaction_prices.open {
	padding-top:10px;
	height:130px;	
}


#channel_transfers.open {
	height:430px;	
}

#customer_interactions.open {
	height:210px;	
}

div.options_hide {
	color:#666;
	font-size:9pt;
	margin:0px 0px 10px -2px;
}

div.options_hide a {
	font-size:7pt;
}

#right_side {
	float: right;
	width:630px;
	max-width:630px;
	height:auto;
	min-height:900px;
	margin: 0px 0px 0px 30px;
}

#teaser {
	float:left;
	margin:10px 40px 10px 25px;
}

#output {
	padding: 15px;
	padding-top:10px;
	border:#999 1px solid;
	width:420px;
	height:auto;/*height:50px;*/
	overflow:visible;
	margin:12px;
	text-align:center;
	background:#fff;
	min-height:55px;
	float:left;
	*opacity: 0.85;
	filter: alpha(opacity=85);
	-moz-opacity: 0.95;
}

#output img {
	margin:auto;
}

div.chart1 hr {
	width:95%;
}

#output table {
	width:420px;
}
#output table tr td {
	text-transform:capitalize;
	font-size:12px;
}

#output table tr td strong {
	font-style:normal;
	font-size:12px;
	color:#666;
}

#output table tr td.data {
	text-align:right;
	color:#666;
}

#results {
	background:#fff url(../jp/image/roi-results-bg.jpg) repeat-x;
	height:auto;
	border:#999 1px solid;
	margin:10px 0px 0px 0px;
	min-height:1100px;
}

#slideroptions, #optional_sliders {
	background:#fff url(../jp/image/roi-results-bg.jpg) repeat-x;
	height:auto;
	border:#999 1px solid;
	margin:0px;
	padding:6px;
}

#display_box {
	width:40%;
	margin-left:15px;
}
.orange {
	color:#ff4500;
	font-weight:bold;
}
.customer_input_lg {
	width:140px;
	height:auto;
	text-align:left;
	float:none;
	margin-left:14px;
	font-size:14px;
	border:#ccc 1px solid;
	padding: 2px 6px 2px 6px;
	background:#fff url(../jp/image/roi-input-bg.jpg) repeat-x;
}

.customer_input_focus_lg {
	width:140px;
	height:auto;
	text-align:left;
	float:none;
	margin-left:14px;
	font-size:14px;
	border:#f60 2px inset;
	padding: 1px 5px 1px 5px;
	background:#fff url(../jp/image/roi-input-bg.jpg) repeat-x;
}

.customer_input {
	width:80px;
	height:auto;
	text-align:left;
	float:none;
	margin-left:8px;
	font-size:11px;
	border:#666 1px solid;
	padding: 2px 6px 2px 6px;
	background:#fff url(../jp/image/roi-input-bg.jpg) repeat-x;
}
.registration_input {
	width:80px;
	height:auto;
	text-align:left;
	float:none;
	margin-left:2px;
	font-size:11px;
	border:#666 1px solid;
	padding: 2px 6px 2px 6px;
	background:#fff url(../jp/image/roi-input-bg.jpg) repeat-x;
}
.registration_input_focus {
	width:80px;
	height:auto;
	text-align:left;
	float:none;
	margin-left:2px;
	font-size:11px;
	border:#f60 2px inset;
	padding: 1px 5px 1px 5px;
	background:#fff url(../jp/image/roi-input-bg.jpg) repeat-x;
}


.customer_input_focus {
	width:80px;
	height:auto;
	text-align:left;
	float:none;
	margin-left:8px;
	font-size:11px;
	border:#f60 2px inset;
	padding: 1px 5px 1px 5px;
	background:#fff url(../jp/image/roi-input-bg.jpg) repeat-x;
}

.slider-wrapper {
	margin-bottom:25px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	color:#333;
	width:250px;
	float:left;
	text-align:left;
	margin-left:2px;
}
.input-wrapper {
	margin-bottom:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#333;
	width:280px;
	float:left;
	text-align:left;
	margin-left:-6px;
}
.slider-bg {
	position: relative;
	background:url(../jp/image/black-fader-bg.gif) 6px 0 no-repeat;
	height:16px;
	width:183px;
	float: left;
	margin-left:0px;
	margin-top: 16px;
}
.slider-thumb {
	position: absolute;
	top: 4px;
	cursor:pointer;
}
.slider-value {
	float:left;
	padding: 2px 6px 2px 6px;
	font-size:10px;
	border:#666 1px solid;
	width:30px;
	max-width:35px;
	margin: 5px 0px 2px 0px;
	color:#000;
	background: #fff url(../jp/image/roi-input-bg.jpg) repeat-x;
	text-align:center;
	cursor:help;
}