/* all form fields */

input, select, textarea, a.alikebutton, li.alikebutton, button.alikebutton {
	background: #fcfaaa;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border-radius: 3px;
	font-family: 'Consolas', sans-serif;
	font-size: 11px;
	border: 1px solid #cabefe; 
	margin: 2px;
	padding: 2px 0;
	vertical-align: baseline;
}
textarea {
	padding: 2px 4px;
}
a.alikebutton.grayout, a.alikebutton.grayout:hover {
	background: #eaeff2;
	color: #606060;
}

input[type=submit], input[type=reset], a.alikebutton, li.alikebutton, h4.alikebutton, button.alikebutton {
	background-color: #a0a0ff;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eaeff2), to(#c2e1f2));
	background: -webkit-linear-gradient(top, #eaeff2, #c2e1f2);
	background: -moz-linear-gradient(top, #eaeff2, #c2e1f2);
	background: -ms-linear-gradient(top, #eaeff2, #c2e1f2);
	background: -o-linear-gradient(top, #eaeff2, #c2e1f2);
	padding: 1px 6px;
	min-width: 50px;
	margin: 2px;
	cursor: pointer;
	color: black;
	font-weight: normal;
	vertical-align: middle;
    /* override tools.css and other bootstrap */
    box-shadow: 0 0 0;
    -webkit-box-shadow: 0 0 0;
    text-shadow: none; 
}

h4.alikebutton.noclick, a.alikebutton.noclick, input.noclick {
    cursor: default;
}

input[type=submit]:hover, 
a.alikebutton:hover, 
a.alikebutton.selected, 
li.alikebutton:hover, 
div#xleftmenu div#xleftmenumenu li.alikebutton:hover, 
button.alikebutton:hover,
button.alikebutton.selected {
	background-color: #0000ff;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#b2d1e2), to(#2060A0));
	background: -webkit-linear-gradient(top, #b2d1e2, #2060A0);
	background: -moz-linear-gradient(top, #b2d1e2, #2060A0);
	background: -ms-linear-gradient(top, #b2d1e2, #2060A0);
	background: -o-linear-gradient(top, #b2d1e2, #2060A0);
	color: white !important;
}

label {
	font-size: 11px;
	vertical-align: middle;
}
input, input[type=submit], input[type=reset] {
	padding: 1px 6px;
	margin: 2px;
	vertical-align: middle;
}
input[type=checkbox] {
	margin: 4px 2px;
	vertical-align: middle;
}
input[type=radio] {
	border: 10px solid black;
	margin: 2px;
	background: green;
	vertical-align: middle;
}


input.disabled, a.alikebutton.disabled, button.alikebutton.disabled {
	background: #e0e0e0;
	color: #404040;
}
input[type=submit]:disabled, input[type=submit]:disabled:hover, input[readonly=readonly], a.alikebutton:disabled, button.alikebutton:disabled {
	background: #e0e0e0;
	color: #404040;
}


.l450 { width: 450px; }
.l400 { width: 400px; }
.l350 { width: 350px; }
.l300 { width: 300px; }
.l250 { width: 250px; }
.l200 { width: 200px; }
.l150 { width: 150px; }
.l125 { width: 125px; }
.l100 { width: 100px; }
.l075 { width: 075px; }
.l050 { width: 050px; }

.p100 { width: 100%; }
.p95 { width: 95%; }
.p90 { width: 90%; }
.p85 { width: 85%; }
.p80 { width: 80%; }
.p75 { width: 75%; }
.p70 { width: 70%; }
.p65 { width: 65%; }
.p60 { width: 60%; }
.p55 { width: 55%; }
.p50 { width: 50%; }
.p45 { width: 45%; }
.p40 { width: 40%; }
.p35 { width: 35%; }
.p30 { width: 30%; }
.p25 { width: 25%; }
.p20 { width: 20%; }
.p15 { width: 15%; }
.p10 { width: 10%; }
.p05 { width: 05%; }
.p04 { width: 04%; }
.p03 { width: 03%; }
.p02 { width: 02%; }
.p01 { width: 01%; }

/* property box styles, goes along with javascript for testing field contents somewhere */

input.propemail { /* email */
	width: 350px;
}
input.proptel { /* phone */
	width: 250px;
}
input.propstr { /* generic string */
	width: 250px;
}
textarea.proptxt { /* textarea */
	width: 250px;
	height: 100px;
}
input.propnum {
	width: 20%;
	min-width: 80px;
}