/*
* Styles
* 
* @package CT Mortgage Calculator
* @subpackage CSS
*

/* ============================================================================== */
/* Browser Reset
/* ============================================================================== */

	.widget_ct_mortgagecalculator fieldset,
	.widget_ct_mortgagecalculator ul,
	.widget_ct_mortgagecalculator li { border: none; margin: 0; padding: 0;}

/* ============================================================================== */
/* Button Styles
/* ============================================================================== */

	.widget_ct_mortgagecalculator input[type="submit"],
	.widget_ct_mortgagecalculator input[type="button"] {
		position: relative; border-radius: 3px; color: #fff; font-weight: bold; font-size: 11px; padding: 1em 1.4em; line-height: 0.8em; text-decoration: none; text-align: center; white-space: nowrap; text-shadow: 0 -1px 0 rgba(0,0,0,0.35); background: #505050; background: -moz-linear-gradient(top,  #505050 0%, #101010 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#505050), color-stop(100%,#101010)); background: -webkit-linear-gradient(top,  #505050 0%,#101010 100%); background: -o-linear-gradient(top,  #505050 0%,#101010 100%); background: -ms-linear-gradient(top,  #505050 0%,#101010 100%); background: linear-gradient(to bottom,  #505050 0%,#101010 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#505050', endColorstr='#101010',GradientType=0 ); border: 1px solid #101010; box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.2) inset;}

	.widget_ct_mortgagecalculator input[type="submit"]:hover,
	.widget_ct_mortgagecalculator input[type="button"]:hover { cursor: pointer; opacity: 0.9; -moz-opacity: 0.9; -webkit-opacity: 0.9;}

	.widget_ct_mortgagecalculator input[type="submit"]:active,
	.widget_ct_mortgagecalculator input[type="button"]:active {
		top: 1px; background: #101010; background: -moz-linear-gradient(top,  #101010 0%, #505050 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#101010), color-stop(100%,#505050)); background: -webkit-linear-gradient(top,  #101010 0%,#505050 100%); background: -o-linear-gradient(top,  #101010 0%,#505050 100%); background: -ms-linear-gradient(top,  #101010 0%,#505050 100%); background: linear-gradient(to bottom,  #101010 0%,#505050 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#101010', endColorstr='#505050',GradientType=0 );}

/* ============================================================================== */
/* Form Styles
/* ============================================================================== */

	.widget_ct_mortgagecalculator input[type="text"] { border: 1px solid #ccc; padding: 3px 4px; outline: none;	-moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; color: #777; margin: 0;		width: 110px; max-width: 100%; display: block; margin-bottom: 10px;	background: #fff;}
	.widget_ct_mortgagecalculator input[type="text"]:focus { border: 1px solid #aaa; color: #444; -moz-box-shadow: 0 0 3px rgba(0,0,0,.2); -webkit-box-shadow: 0 0 3px rgba(0,0,0,.2);	box-shadow:  0 0 3px rgba(0,0,0,.2);}
	.widget_ct_mortgagecalculator input[type="text"] { width: 88%;}
		.widget_ct_mortgagecalculator input#mcPayment { background: #ffffe0;}