﻿UL.checkboxGroup {list-style: none; display: inline;}
UL.checkboxGroup LI {padding-right: 5px; display: inline;}
input, textarea, select, UL.checkboxGroup  {margin-bottom: 1px; padding: 5px;}
input[type="text"], input[type="password"], textarea, select, UL.checkboxGroup {
	border: Solid 1px #808080;
	border-radius: 3px;
	background-color: #DCDCDC;
	
	/* Makes 100% width not overflow table */
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;

	/* This only works in old IE */
	filter: progid:DXImageTransform.Microsoft.Gradient(
		GradientType=0,
		StartColorStr=#DCDCDC,
		EndColorStr=White);

	background-image: -ms-linear-gradient(top, #DCDCDC 0%, #FFFFFF 100%); /* IE10 Consumer Preview */
	background-image: -moz-linear-gradient(top, #DCDCDC 0%, #FFFFFF 100%); /* Mozilla Firefox */
	background-image: -o-linear-gradient(top, #DCDCDC 0%, #FFFFFF 100%); /* Opera */
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #DCDCDC), color-stop(1, #FFFFFF)); /* Webkit (Safari/Chrome 10) */
	background-image: -webkit-linear-gradient(top, #DCDCDC 0%, #FFFFFF 100%); /* Webkit (Chrome 11+) */
	background-image: linear-gradient(to bottom, #DCDCDC 0%, #FFFFFF 100%); /* W3C Markup, IE10 Release Preview */

	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-webkit-transition: border linear .2s, box-shadow linear .2s;
	-moz-transition: border linear .2s, box-shadow linear .2s;
	transition: border linear .2s, box-shadow linear .2s;
}
input[type="text"]:focus, input[type="password"]:focus, textarea:focus, select:focus {
	border-color: rgba(82, 168, 236, 0.8);
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
}

input[type="submit"] {
	display: inline-block;
	*display: inline;
	/* IE7 inline-block hack */

	*zoom: 1;
	padding: 4px 12px;
	font-size: 14px;
	line-height: 20px;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	color: #333333;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
	background-color: #f5f5f5;
	background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
	background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
	border-color: #e6e6e6 #e6e6e6 #bfbfbf;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	*background-color: #e6e6e6;
	/* Darken IE7 buttons by default so they stand out more given they won't have borders */

	filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
	border: 1px solid #cccccc;
	*border: 0;
	border-bottom-color: #b3b3b3;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	*margin-left: .3em;
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
	box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
}
input[type="submit"]:hover,
input[type="submit"]:focus,
input[type="submit"]:active,
input[type="submit"][disabled] {
	color: #333333;
	background-color: #e6e6e6;
	*background-color: #d9d9d9;
}
input[type="submit"]:active {background-color: #cccccc \9;}
input[type="submit"]:first-child {*margin-left: 0;}
input[type="submit"]:hover,
input[type="submit"]:focus {
	color: #333333;
	text-decoration: none;
	background-position: 0 -15px;
	-webkit-transition: background-position 0.1s linear;
	-moz-transition: background-position 0.1s linear;
	-o-transition: background-position 0.1s linear;
	transition: background-position 0.1s linear;
}
input[type="submit"]:focus {
	outline: thin dotted #333;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px;
}
input[type="submit"]:active {
	background-image: none;
	outline: 0;
	-webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
	-moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
	box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
}
input[type="submit"][disabled] {
	cursor: default;
	background-image: none;
	opacity: 0.65;
	filter: alpha(opacity=65);
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

:-ms-input-placeholder {font-style: italic;} /* Internet Explorer 10+ */
::-webkit-input-placeholder {font-style: italic;} /* WebKit browsers */
:-moz-placeholder {font-style: italic;} /* Mozilla Firefox 4 to 18 */
::-moz-placeholder {font-style: italic;} /* Mozilla Firefox 19+ */

/* hide placeHolder text when form is disabled */
input[disabled]:-ms-input-placeholder {color: Transparent;} /* Internet Explorer 10+ */
input[disabled]::-webkit-input-placeholder {color: Transparent;} /* WebKit browsers */
input[disabled]:-moz-placeholder {color: Transparent;} /* Mozilla Firefox 4 to 18 */
input[disabled]::-moz-placeholder {color: Transparent;} /* Mozilla Firefox 19+ */
