/****** FILE: themes/gamry/css/pages/Calculator2Page.css *****/
/*-- Calculator Form --*/
#calc							{ max-width:500px; margin:50px auto 0; clear:both; padding:20px; background:#ecf0f2; border:1px solid #c2cfd6; -webkit-border-radius:20px; border-radius:20px; }
#Form_CalculatorForm .stacked label.right { font-size: 16px; }
input.calc						{ min-height:0px !important; height:30px !important; margin:0; padding-top:0px !important; padding-bottom:0px !important; }
input.hide						{ display:none; }
.click_show 					{ padding-top: 6px; display: inline-block; line-height: 18px; }
#Form_CalculatorForm div.field > label				{ width:70%; padding-top:13px; }
#Form_CalculatorForm div.field > div					{ width:25%; }
.Actions						{ float:none; width:100%; text-align:right; }

/*-- Conversion Form --*/
#Form_ConversionForm div.field > label { padding-top:14px; }
#Form_ConversionForm .required > label:after { content:' *'; color:#cc0000; position:relative; top:-2px; }
div.field > input[type=text],
div.field > input[type=email]	{ width: 65%; float: right; height:auto; min-height:43px; padding:10px; border: 1px #ccc solid; color: #353231; font: normal 15px/15px Arial, sans-serif; margin-bottom: 2px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
div.field > input[type=text]:focus,
div.field > input[type=email]:focus { border-color:#999; outline:none; box-shadow:0 0 3px 1px #999; }	

div.field > label.error 		{ padding-left: 35%; width: 100%; text-align: left !important; padding-top: 5px !important; font-size: 14px; color: #cc0000; margin-bottom: 2px; }

.honeypot 						{ position: absolute; top: -9999px; }

#submit 						{ width: 65%; float: right; }
.action input					{ color:#FFF; font-size:16px; outline:none; border:none; padding:8px 15px; background:#003f69; margin-bottom:3px;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease; }
.action input:hover,
.action input:focus				{ cursor:pointer; background: #012C49; }


#page_title 					{ width:80%; }
#bookmark_me					{ width:15%; float:right; margin:-50px 0 0; text-align:right; }
#bookmark_me > a				{ display:inline-block; text-align:center; font-size:12px; line-height:1em; }
#bookmark_me > a > img			{ display:none; margin:0 auto 8px !important; }

.fancybox-skin					{ background:none !important; }
#access_popup					{ width:450px; padding:30px; background:#e5e2e2; -webkit-border-radius:10px; border-radius:10px; }
#access_form:after				{ content:"."; display:block; height:0; clear:both; zoom:1; visibility:hidden; }
#access_form div.field > label	{ width:30% !important; }

.user_fields,
.calc_fields					{ padding:4%; border:1px solid #c2cfd6; -webkit-border-radius: 20px; border-radius:20px; background:#ecf0f2; }

@media(max-width:768px){
	#bookmark_me				{ float:none; margin-bottom:10px; width:100%; }
	#bookmark_me > a > img		{ display:block; }
}

@media(max-width:600px){
	.calc_fields div.field > label	{ width:150px !important; float:left; padding-top:6px !important; }
	.calc_fields div.field > div	{ width:auto !important; margin-left:160px !important; clear:none !important; float:none !important; }
}

@media(max-width:500px){
	#page_title 				{ width:100%; text-align:center; }
	#bookmark_me				{ text-align:center; float:none; margin-top:0; }
	#access_popup				{ width:auto; padding:20px; }
}

@media(max-width:400px){
	.calc_fields div.field > label	{ font-size:14px; width:120px !important; }
	.calc_fields div.field > div	{ margin-left:130px !important; font-size:14px; }
	#bookmark_me > a > img		{ width:36px; }
}

#Form_ConversionForm_Comments_Holder { display: none; }