/* CSS Document */

/* CSS Resets - better than * { margin:0;padding:0;border:0; } */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* End CSS Reset */

#share-buttons img {
width: 35px;
padding: 2px;
border: 0;
box-shadow: 0;
display: inline;
text-decoration:none;
color:#fff;
margin-top:10px;
}











.article {
margin-left: 20%;
margin-top:40px;
margin-right:20%;
margin-bottom:30px;
font-family: "open sans";
font-size: 16px;
color:#444;
line-height:24px;


}

h1 {
font-weight:bold;
font-size:1.5em;
}
h3 {
font-weight:bold;
margin-bottom:15px;
}
h4 {
font-weight:bold;
margin-bottom:15px;
}
b {font-weight:bold;
margin-bottom:15px;}



body {
	background-image:url(images/calc_bg2.jpg);
}

.clear { clear:both; }

.color_babyblue { color:#5985a4; }
.color_darkblue { color:#5a85a5; }
.color_green { color:#53843d; }
.color_yellow { color:#FC0; }
.color_orange { color:#C60; }
.color_red { color:#900; }

.calc_wrapper {
	width: 585px;
margin: auto;
text-align: center;
font-family: Myriad Pro,Arial;
height: 790px;
background-image: url(images/calc_bg.jpg);
border: 1px solid #bbb;
box-shadow: 0px 0px 5px 5px #f3f3f3;
margin-top: 12px;
}

.calc_title {
	margin:12px auto;
}

.calc_title:hover {
	position:relative;
	z-index:10;
}

.calc_title h1 {
	font-size:20px;
   text-shadow:
    -1px -1px 0 #fff,
    1px -1px 0 #fff,
    -1px 1px 0 #fff,
    1px 1px 0 #fff;  
}

.calc_title h2 {
	font-size:14px;
}

.calc_section {
	margin-top:30px;
}
.calc_section_large {
	margin-top:42px;
}

.calc_tt {
	display:inline-block;
	margin-left:5px;
	height:16px;
	position:relative;
}

.calc_tt_bubble {
	background-image:url(images/calc_tooltip_down_bg.png);
	width:224px;
	height:133px;
	position:absolute;
	left: -113px;
	z-index: 3;
	color: #000;
	font-size: 10px;
	font-family: arial;
	line-height: 16px;
	padding: 0px 10px;
	display:none;
}

.calc_tt_bubble_bottom {
	background-image:url(images/calc_tooltip_top_bg.png);
	bottom: 18px;
}
.calc_tt_bubble_top p {
	margin-top: 23px;
}
.calc_tt_bubble_bottom p {
	margin-top: 14px;
}

.calc_tt_bubble_top {
	top: 18px;
}
*+html .calc_tt_bubble { line-height:14px; }


.calc_tt img {
	margin-bottom: -3px;
	cursor:help;
}
*+html .calc_tt img { margin-bottom:6px; }


.calc_slider {
	background-image:url(images/calc_slider_bg.png);
	background-repeat:no-repeat;
	width:497px;
	height:59px;
	margin: auto;
}

.calc_slider_value {
	background-image:url(images/calc_value_bg.png);
	background-repeat:no-repeat;
	width:49px;
	height:33px;
	float: left;
	margin-top: 13px;
	margin-left: 18px;
	text-align:center;
	line-height:33px;
}

.calc_slider_value input {
	background: none;
	border: none;
	width: 47px;
	color: #fff;
	height: 32px;
	text-align: center;
	font-size: 18px;
}



.calc_toggle {
	background-image:url(images/calc_toggle.png);
	background-repeat:no-repeat;
	width:38px;
	height:51px;
	float:left;
	margin-top: 5px;
	margin-left: 8px;
	position:relative;
}

.calc_toggle_value {
	position:absolute;
	left:0px;
	width:100%;
	height:23px;
	top:0;
	text-align:center;
	line-height:23px;
	font-size:13px;
	text-shadow:1px 1px 2px #fff;
	color:#BBB7AE;
	cursor:pointer;
}

.calc_toggle_value_bottom {
	top:auto;
	bottom: 4px;
}

.calc_toggle_value_on {
	color:#28C917;
}

.calc_slider_bar {
	background:url(images/calc_slider_bar_on.png);
	width:330px;
	height:9px;
	float:left;
	border:none;
	margin-top: 24px;
	margin-left: 15px;
}

.ui-widget-header {
	background:url(images/calc_slider_bar.png);
	background-position:right !important;
}

.ui-slider-handle {
	background:url(images/slider-grip.jpg) !important;
	width:51px !important;
	height:37px !important;
	border:none !important;
	top: -0.6em !important;
	margin-left:-0.8em !important;
	outline:none;
}


.calc_choco_item {
	width:120px;
	height:102px;
	box-shadow:0px 0px 9px -1px #fff;
	background-color:#fff;
	float: left;
	margin: 0px;
	position:relative;
	margin-bottom:33px;
	cursor:pointer;
	border:solid 1px #ccc;
	border-radius:1px;
}
.calc_choco_item_1 {margin-left:17px;}
.calc_choco_item_2 {margin:auto 21px;}
.calc_choco_item_3 {margin-right:21px;}

.calc_choco_item_bullet {
	background-image:url(images/calc_bullet_off.png);
	width:25px;
	height:25px;
	left: 44px;
	bottom: -33px;
	position:absolute;
}
.calc_choco_item_bullet_on {
	background-image:url(images/calc_bullet_on.png);
}

.calc_choco_item p {
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	padding-top:10px;
}


.calc_process {
	background-image:url(images/calc_process.png);
	width:138px;
	height:69px;
	cursor:pointer;
	opacity:1;
	margin:auto;
}
.calc_process_pressed {
	background-image:url(images/calc_process_pressed.png);
}

.calc_results_panel {
	width:432px;
	height:114px;
	background-color:#fff;
	border:solid 1px #c7d2da;
	border-radius:1px;
	box-shadow:0px 0px 9px -1px #fff;
	margin:auto;
	margin-top:23px;
}


.calc_results {
	float:left;
	width:188px;
	margin-top:10px;
	font-size:18px;
}
.calc_result {
	font-size:36px;
}

.calc_result_small {
	font-size:12px;
	padding-top:5px;
}

.calc_result_warning {
	font-style:italic;
	font-size:19px;
	margin-top:5px;
	font-weight:bold;
   text-shadow:
    -1px -1px 0 #ccc,
    1px -1px 0 #ccc,
    -1px 1px 0 #ccc,
    1px 1px 0 #ccc;  
}


.calc_chart {
	background-image:url(images/calc_chart_bg.jpg);
	width:28px;
	height:80px;
	border:solid 1px #a1a0a0;
	float:left;
	position:relative;
	box-shadow:0px 0px 10px -3px #000;
	margin-top: 16px;
	margin-left: 30px;
}
.calc_chart_grid {
	background-image:url(images/calc_chart_grid.png);
	width:6px;
	height:73px;
	left:-7px;
	bottom:0;
	position:absolute;
}

.calc_chart_arrow {
	position:absolute;
	background-image:url(images/calc_chart_arrow.png);
	width:37px;
	height:17px;
	left:-35px;
	bottom:0px;
}

.calc_results_summary {
	float: right;
	width: 147px;
	font-size: 14px;
	margin-top: 5px;
	margin-right: 15px;
	line-height: 20px;
}

.calc_footer_logo {
	float:right;
	margin-top: 15px;
	margin-right:5px;
}