/*
 * ROI Calculator CSS
 *
 * http://www.arenasolutions.com/roi/
 * written by Coream Kang
 * August 2009
 */

	/* custom tooltip style */
	#ROICal .qtip-content{
		font-family:Verdana,Arial,Helvetica,sans-serif;
		font-size:11px;
	}
	#ROICal{
		background:#fff url(/images/roi/hdrMain.gif) top no-repeat;
		margin:0 auto;
		padding:145px 60px 30px;
		position:relative;
	}
	#ROICal h1,#ROICal h1 em{
		display:none;
	}
	#ROICal #getROI{
		background:#fbfbfb url(/images/roi/bgButton.png) bottom repeat-x;
		border:2px solid #b6b6b6;
		clear:right;
		color:#6c6c6c;
		display:block;
		float:right;
		font-size:16px;
		font-weight:700;
		margin-bottom:15px;
		padding:6px 21px;
		text-transform:uppercase;
	}
	#ROICal #getROI:hover{
		background-image:none;
		color:#36393d;
		text-decoration:none;
	}
	#ROICal #formCal ul{
		list-style-type:none;
		margin:0;
		padding:0;
	}
	#ROICal #formCal ul li{
		clear:both;
		padding-bottom:15px;
		position:relative;
	}
	#ROICal #formCal ul li label{
		color:#2e2d29;
		float:left;
		font-size:13px;
		font-weight:700;
	}
	#ROICal input,#ROICal select,#ROICal select option{
		background-color:#f0f0e6;
		color:#69665c;
		float:right;
	}
	#ROICal input{
		border:1px solid #d4d4c6;
		float:right;
		font-size:25px;
		margin:-16px 0 15px;
		padding:4px 10px;
		text-align:right;
		width:128px;
	}
	#ROICal input#scrap{
		background:#f0f0e6 url(/images/roi/bgInputDollar.png) 4px center no-repeat;
		padding-left:25px;
		width:113px;
	}
	#ROICal select,#ROICal select option{
		font-size:18px;
		text-align:left;
	}
	#ROICal select{
		border:1px solid #d4d4c6;
		margin:-4px 0 15px;
		padding-left:4px;
	}
	#ROICal hr{
		display:none;
	}
	#ROICal .tooltip{
		background:url(/images/roi/iconInformation.png) 0 7px no-repeat;
		clear:left;
		color:#989885;
		cursor:pointer;
		display:inline-block;
		font-family:Verdana,Arial,Helvetica,sans-serif;
		float:left;
		font-size:11px;
		font-weight:400;
		line-height:16px;
		padding:5px 0 10px 17px;
	}
	#ROICal .tooltip:hover{
		color:#5a78b7;
		cursor:pointer;
	}
	/* output */
	#ROICal #output{
		background-color:#f9f9f1;
		border:1px solid #e6e6db;
		color:#4073a6;
		display:block;
		font-family:Georgia, 'Times New Roman', Times, serif;
		font-size:30px;
		line-height:94px;
		padding-bottom:8px;/* accomodating font size of #ROI */
		position:relative;
		text-align:center;
	}
	#ROICal #output strong{
		border-bottom:1px solid #4073a6;
		height:32px;
		padding:0 10px;
		width:85px;
	}
	#ROICal #output #ROI{
		color:#000;
		display:inline-block;
		font-family:Arial;
		font-size:40px;
		font-weight:700;
		text-align:center;
		width:85px;
	}
	#ROICal #output .tooltip{
		display:none;
		left:64px;
		position:absolute;
		top:70px;
	}
	/* validation error msgs */
	#ROICal input.error{
		border:1px solid #f66;
	}
	#ROICal #formCal ul li label.error{
		background:#fcc url(/images/roi/bgError.gif) top right no-repeat;;
		clear:right;
		color:#f66;
		font-size:11px;
		float:right;
		margin:-12px 0 15px;
		padding:7px 6px 2px;
	}
	/* offer area */
	#ROICal p{
		clear:both;
	}
	#ROICal #offer{
		color:#9d9d8b;
		display:none;
		font-size:16px;
		font-weight:700;
		padding-top:32px;
		text-align:center;
	}
	#ROICal #offer a{
		background:url(/images/roi/bgBtn.png) top no-repeat;
		color:#fff;
		display:inline-block;
		line-height:38px;
		margin-left:5px;
		padding-right:10px;/* adjusting text center */
		text-align:center;
		width:287px;
	}
	#ROICal #offer a:hover{
		background:url(/images/roi/bgBtn.png) bottom no-repeat;
		text-decoration:none;
	}
	
	/*custom*/

	
	

/* for mini calculator */

	/* custom tooltip style */
	
	#mini{
		background-color:#fff;
		width:415px;
	}
	#mini #ROICal{
		width:375px;
		z-index:100;
	}
	#mini #ROICal #getROI{
		border-width:1px;
		font-size:13px;
		padding:3px 9px;
	}
	#mini #ROICal #formCal ul li label:first-child{
		font-size:11px;
		width:255px;
	}
	#mini #ROICal input{
		font-size:14px;
		margin:-11px 0 15px;
		padding:5px;
		width:90px;
	}
	#mini #ROICal input#scrap{
		background:#f0f0e6 url(/images/roi/bgInputDollarSm.png) 2px center no-repeat;
		padding-left:12px;
		width:83px;
	}
	#mini #ROICal select,#mini #ROICal select option{
		font-size:11px;
	}
	#mini #ROICal select{
		margin-top:-13px;
	}
	/* output */
	#mini #ROICal #output{
		font-size:20px;
		line-height:62px;
		padding:0 0 4px;
	}
	#mini #ROICal #output strong{
		padding:0 5px;
		width:53px;
	}
	#mini #ROICal #output #ROI{
		font-size:24px;
		width:53px;
	}
	#mini #ROICal #output .tooltip{
		top:38px;
		left:18px;
	}
	/* offer area */
	#mini #ROICal #offer{
		font-size:11px;
		padding-top:20px;
	}
	#mini #ROICal #offer a{
		background:url(/images/roi/bgBtnSm.png) top no-repeat;
		line-height:30px;
		margin-left:3px;
		padding-right:5px;/* adjusting text center */
		width:227px;
	}
	#mini #ROICal #offer a:hover{
		background:url(/images/roi/bgBtnSm.png) bottom no-repeat;
	}
	
	/*custom*/
	#mini{
		background:transparent url(/images/roi/bgMiniCal.png) bottom repeat-x;
	}
	#mini #ROICal{
		background:transparent url(/images/roi/hdrMainSm.gif) top no-repeat;
		padding:85px 20px 0;
	}
	#miniCal{
		background-color:#fff;
		/*background:#d3d3c3 url(/images/roi/bgMini.png) top repeat-x; removing background gradient */
		margin:0 !important;
		padding:0;
		width:0;
	}