@charset "utf-8";
/* CSS Document */
*{padding:0; margin:0}
a, a:focus {color:#888;}
a:hover {color:#999;}
body{font-family: 'neosansregular', Arial, sans-serif;font-size:12px;color:#888;background-color:#f3f3f3;overflow-x: hidden;}
@font-face {font-family: 'neosansregular';src: url('../fonts/neosans-webfont.eot'); src: local('☺'), url('../fonts/neosans-webfont.woff') format('woff'), url('../fonts/neosans-webfont.ttf') format('truetype'),
src: url('../fonts/neosans-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/neosans-webfont.svg#neosansregular') format('svg');font-weight: normal;font-style: normal;}
.container {width:100%;margin:auto;}
.menu {width:403px;height:54px;background:url(../images/menu.png) no-repeat top;float:right;margin-right:0px;margin-top:10px;padding:18px 0 0 85px;font-size:14px;}
.menu a,.menu a:visited {color:#888888;text-decoration:none;} .menu a:hover {color:#0CF;} .menu a:focus {color:#0CF;text-decoration:underline;}
.menutrans {width:100%;height:55px;background:url(../images/trans_menu.png) no-repeat top #051422 ;}
.menutrans2 {width:100%;height:55px;background:url(../images/trans_menu_2.png) no-repeat top #051422;margin:13px 0 0 0 ;}
.menutrans3 {width:100%;height:55px;background:url(../images/product_based_calc.png) no-repeat top #051422 ;}
.menutrans4 {width:100%;height:55px;background:url(../images/process_based_calc.png) no-repeat top #051422 ;}
.menutrans5 {width:100%;height:55px;background:url(../images/results.png) no-repeat top #051422 ;}
.infotrans {width:100%;min-height:43px;background:url(../images/trans_info.png) repeat-x top;color:#fff;font-size:14px;}
.infotrans2 {width:100%;min-height:43px;background:url(../images/trans_info2.png)  repeat top;color:#fff;font-size:14px;}
#bg{position:absolute;z-index:-9999; width:100%; background:url(../images/cost_it_main_bg.jpg) no-repeat top;}
#verticalbar{position:absolute;z-index:-9999;overflow:hidden;top:215px;height:656px;}
#colbg{
	z-index:-9999;
	background:url(../images/bg_2.png) top repeat;
	min-height:450px;
	float:left;
	width:909px;
}
#colbg2{position:absolute;z-index:-9999;overflow:hidden;top:408px;}
#colbg3{position:absolute;z-index:9998;overflow:hidden;}
#colbg4{
	position:absolute;
	z-index:9999;
	overflow:hidden;
	margin:0;
	width:1297px;
	top: 1383px;
	left: -181px;
}
.input1 {width:965px;margin:auto;}
.input2 {width:849px;margin:auto;}
.input3 {width:761px;margin:auto;}
.input4 {width:100%;margin:auto;}
.input5 {width:1280px;margin:auto;}
.btnform {width:761px;margin:auto;}
#header {height:209px;width:100%;min-width:1024px;background:url(../images/header_main_bg.png);margin-left:auto;margin-right:auto;}
#logo {float:left;padding:15px;}
.inputbtn1 {background:url(../images/form1.png) no-repeat top;width:225px;height:40px;border:none;outline:none;}
.pbc {background:url(../images/pbc.png) no-repeat top;width:238px;height:52px;border:none;outline:none;margin-left:0px;}
.pbc:hover {background:url(../images/pbcH.png);cursor:pointer;}
.psbc {background:url(../images/psbc.png) no-repeat top;width:238px;height:52px;border:none;outline:none;margin-left:0px;}
.psbc:hover {background:url(../images/psbcH.png); cursor:pointer;}
#headertext {margin:65px 0 0 10px;color:#FFF;float:left;font-size:16px;font-weight:bold;}
.checkbox, .radio {width: 32px;height: 32px;padding: 0 5px 0 0;background: url(../images/checkbox.png) no-repeat;display: block;clear: left;float: left;}
.checkbox:checked {background: url(../images/checkbox.png) no-repeat;display: block;}
.radio {background: url(radio.png) no-repeat;}
.select {position: absolute;width: 158px;height: 32px;padding: 0 24px 0 8px;color: #fff;font: 12px/21px arial,sans-serif;background: url(../images/checkbox.png) no-repeat;overflow: hidden;}
#results{width:809px;margin:auto;padding:0 20px;}
#images_container {float:left;}
h3 {margin:10px 0;font-size:16px;}
#images_container img, #flow_container img {cursor:pointer;}
.diagram_msg {font-size:15px;font-weight:bold;color:#37E864;}
.diagram_separator {width:100%;height:2px;background:#6C6;margin:10px 0;}
#plant_capacity, #cost_range, #mechanical, #buildings {font-weight:bold;font-size:16px;color:#d0190b;}
.results_txt {margin:0 0 10px 0;}
.submit {background:url(../images/submit.png) no-repeat top;width:114px;height:52px;border:none;outline:none;}
.submit:hover {background:url(../images/submith.png) no-repeat top;width:114px;height:52px;border:none;outline:none;}
.next {background:url(../images/next.png) no-repeat top;width:106px;height:52px;border:none;outline:none;}
.next:hover {background:url(../images/nexth.png) no-repeat top;width:106px;height:52px;border:none;outline:none;}
.prev {background:url(../images/prev.png) no-repeat top;width:106px;height:52px;border:none;outline:none;}
.prev:hover {background:url(../images/prevh.png) no-repeat top;width:106px;height:52px;border:none;outline:none;}
.next2 {background:url(../images/next2.png) no-repeat top;width:106px;height:52px;border:none;outline:none;}
.next2:hover {background:url(../images/next2h.png) no-repeat top;width:106px;height:52px;border:none;outline:none;}
input[type="button"] {cursor:pointer;}
.prev2 {background:url(../images/prev2.png) no-repeat top;width:106px;height:52px;border:none;outline:none;}
.prev2:hover {background:url(../images/prev2h.png) no-repeat top;width:106px;height:52px;border:none;outline:none;}
.next3 {background:url(../images/next3.png) no-repeat top;width:106px;height:52px;border:none;outline:none;}
.next3:hover {background:url(../images/next3h.png) no-repeat top;width:106px;height:52px;border:none;outline:none;}
.proceed {background:url(../images/proceed_btn.png) no-repeat top;width:236px;height:52px;border:none;outline:none;}
.proceed:hover {background:url(../images/proceed_btnh.png) no-repeat top;width:236px;height:52px;border:none;outline:none;}
input[type="button"] {cursor:pointer;}
.prev3 {background:url(../images/prev3.png) no-repeat top;width:106px;height:52px;border:none;outline:none;}
.prev3:hover {background:url(../images/prev3h.png) no-repeat top;width:106px;height:52px;border:none;outline:none;}
input[type="button"] {cursor:pointer;}

button[disabled]:active, button[disabled],
input[type="reset"][disabled]:active,
input[type="reset"][disabled],
input[type="button"][disabled]:active,
input[type="button"][disabled],
select[disabled] > input[type="button"],
select[disabled] > input[type="button"]:active,
input[type="submit"][disabled]:active,
input[type="submit"][disabled] 
{background:url(../images/disabled.png) no-repeat top;width:106px;height:52px;border:none;outline:none;cursor:default;}
  
img {border:none;}