html,body,* {
	font-family: Helvetica,Arial,sans-serif;
	font-size:10px;
	font-weight:normal;
	color:#000;	
	padding:0;
	margin:0;
	border:none;
}

body{
	text-align:center;
}


h1 {
	font-family: Lucida Console, Helvetica,Arial,sans-serif;
	font-size:22px;
	font-weight:bold;
	color:#fff;
	padding:25px 0 0 3px;
}



#wrapper {
	width:500px;
	margin:0px auto;
	text-align:center;
	background:#f2f2f2 url(../images/white2-striped-bg.jpg);
}


#header, #footer {
	position:relative;
	width:500px;
	text-align:left;
	margin:0;
	padding:0;
	height:65px;
	background:#c2c2c2;
	color:#ffffff;
}

#upper-block {
	background:#f5f5f5 url(../images/white-striped-bg.jpg);
	padding:36px 0;
	border-bottom:4px #ededed solid;
}

#calc-table {
	text-align:left;
	width:456px;
	height:236px;
	background:#222222 url(../images/black-striped-bg.jpg);
	margin:0 auto;
	border:6px #b7b7b7 solid;
	border-radius:8px;
}

.label {
	font-size:18px;
	color:#eeeeee;
	padding:28px 0 10px 33px;
	line-height:18px;
	background:url(../images/label-bg.png) right 28px no-repeat;
}

input {
	font-size:22px;
	text-align:right;
	height:40px;
	width:90px;
	color:#eeeeee;
	margin:24px 0 8px 15px;
	padding:10px 15px 10px 0;
	background:#999999;
	border:2px #fff solid;
	border-radius:8px;
}


#labels {
	float:left;
	width:320px;
}

#inputs {
	float:right;
	width:120px;
	height:236px;
	background:#40b6d1;
	border-radius:4px;
	margin:0;
}

#edge {
	background: url(../images/cm-bg.jpg);
	padding-right:40px;
}


#slider-block {
	width:400px;
	height:25px;
	margin:36px auto 0 auto;
	background:url(../images/slider-block-bg.jpg)no-repeat 0 50%;
	text-align:left;
}

#slider-left {
	width:0px;
	padding:0;
	height:25px;
	background:url(../images/slider-bg.jpg) no-repeat 0 50%;
	text-align:right;
}

#slider-button {
	position:relative;
	left:2px;
	float:right;
	width:25px;
	height:25px;
	background:url(../images/slider-button-bg.png) right 0 no-repeat;
}

#scale {
	margin-top:3px;
	text-align:center;
}

.lilac {
	color:#5b3b7b;
}

.gray {
	color:#9b9b9b;
}

.red {
	color:#a63d3d;
}

#result {
	text-align:center;
	width:456px;
	height:30px;
	margin:36px auto;
}

#result span {
	font-family: Lucida Console, Helvetica,Arial,sans-serif;
	font-weight:bold;
	font-size:13px;
}

#instructions {
	width:456px;
	margin:8px auto;
}

#instructions	h4 {
	text-align:left;
	margin:0;
	font-weight:bold;
}

#instructions	p {
	text-align:left;
	padding: 5px 162px 5px 0;
}

#sample{
	width:230px;
	height:100px;
	background:#ffffff;
	margin:3px auto;
	border-radius:10px;
}

#sample p{
	text-align:center;
	font-size:12px;
	font-weight:bold;
	color:#333333;
	padding:40px 0 0 0;
}

h3 {
	padding:0;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	color:#333333;
}

h5 {
	text-align:left;
	padding: 5px 0 0 0;
	font-size:13px;
}

#explanation{
	width:456px;
	margin:30px auto;
}

#explanation	p {
	text-align:left;
	padding: 0px 160px 0 0;
}


#footer {
	height:113px;
	border-bottom:5px #cccccc solid;

}

/****************************/


.clear{
	float:none;
	clear:both;
}


.fs13 {
	font-size:13px;
}

.fs22 {
	font-size:13px;
}

fsnormal {
	font-size:1em;
}

.bold {
	font-weight:bold;
}

.italic {
	font-style:italic;
}

.blue {
	color:#4e8abe;
}

.lightblue {
	color:#79c1cd;
}

.white {
	color:#fff;
}

.black {
	color:#3c3c3c;
}


.p-center{
	text-align:center;
}

.p-left{
	text-align:left;
}

.p-right{
	text-align:right;
}