/*This css holds everything related to forms.*/
.datepicker {
	width: 50px;
	min-width: 50px;
}

/*Fix of the check box-radio button label alignment*/
input[type=checkbox],input[type=radio] { /*vertical-align: middle;*/
	position: relative;
	/*bottom: 2px;*/
	top: 1px;
	margin: 1px;
	bottom: 0px;
}

input[type=checkbox]:focus, 
input[type=radio]:focus { 
	outline: 1px dotted black !important;
}

input[type=radio] {
	bottom: 2px;
}

.grayBorder input[type="radio"] {
	bottom: 0;
}

.fieldDescription {
	font-style: italic;
	display: block;
}

.textAlignLeft {
	text-align: left;
}

.numberLabel {
	min-width: 100px;
	margin-left: 3%;
}

/* this class is applied to a button : */
.ui-datepicker-trigger {
	cursor: pointer;
	vertical-align: middle;
	min-width: 0px;
	padding: 0px 0px 0px 0px;
	border: 0px;
	background: transparent;
	background-color: transparent;
}

input {
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box; /* Firefox, other Gecko */
	box-sizing: border-box; /* Opera/IE 8+ */
}

textarea {
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box; /* Firefox, other Gecko */
	box-sizing: border-box; /* Opera/IE 8+ */
}

textarea {
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.2em;
	height: 1.2em;
	font-size: 11px;
	/*font-size: 12px;*/ /* for increasing text size */
	resize: horizontal;
}

textarea.noresize {
	height: auto;
}

textarea.statusChangeComments {
	height: auto;
}

.placeholder {
	color: #C0C0C0;
}

a.disabledLink {
	color: grey;
	cursor: default;
}

.gridForm dt {
	text-align: left;
	margin: 8px 0px 4px 0px;
}

.gridForm dd {
	text-align: left;
	margin: 5px 0px 5px 0px;
}

.gridForm  hr { /*width: 97%;*/
	width: 100%;
	border: none;
	border-top: 1px solid #7fc3d3;
	margin: 10px 0;
}

.gridForm dd input {
	width: 100%;
	/*padding: 0 9px;*/
	padding: 4px 5px;
	border: 1px solid #ccc;
	font-size: 11px;
	/*font-size: 12px;*/ /* for increasing text size */
	line-height: 1.2em;
	-webkit-box-shadow: inset 1px 1px 1px #dfdfdf;
	box-shadow: inset 1px 1px 1px #dfdfdf;
}

.gridForm dd textarea {
	height: 15px;
}

.oneLineTextarea {
	height: 15px;
}

.gridForm dd input.ui-autocomplete-input { /*padding: 0 9px;*/
	padding: 4px 5px;
	border: 1px solid #ccc;
	-webkit-box-shadow: inset 1px 1px 1px #dfdfdf;
	box-shadow: inset 1px 1px 1px #dfdfdf;
}

.gridForm .datepicker { /*width: 70%;*/
	width: 79%;
	/*margin-right: 5px;*/
}

.gridForm dd textarea {
	max-width: 100%;
	width: 100%;
	/*padding: 4px 1px 1px 9px;*/
	padding: 4px 1px 1px 5px;
	min-height: 24px;
	/*overflow: visible !important;*/
	border: 1px solid #ccc;
	-webkit-box-shadow: inset 1px 1px 1px #dfdfdf;
	box-shadow: inset 1px 1px 1px #dfdfdf;
	font-size: 11px;
	/*font-size: 12px;*/ /* for increasing text size */
}

/* IE 8 only - the textarea padding is being added to the height making it a larger height than normal input/select boxes. 
   If we start getting a larger number of IE 8 issues, moves CSS hacks to conditional IE 8 stylesheet. */  
@media \0screen {  
	.gridForm dd textarea { min-height: 20px; }  
}  

.gridForm dd input[type=checkbox] {
	width: 15px;
	min-width: 15px;
	margin: 4px;
	border: 0px;
	padding: 0px;
}

.gridForm dd input[type=checkbox]:focus {
	outline: 1px dotted black;
}

.gridForm dd input[type=radio] {
	width: 15px;
	min-width: 15px;
	margin: 4px;
	border: 0px;
	padding: 0px;
}

.gridForm dd input[type=radio]:focus {
	outline: 1px dotted black;
}

.gridForm .twoFields dd input[type=checkbox],.gridForm .twoFields dd input[type=radio] {
	margin: 0;
}

.gridForm .twoFields{
	margin: 0px;
	padding: 0px;
}

.gridForm .fourFieldsTop {
	margin-bottom: 0px;
}


dl.fourFieldsBottom label {
	background: none;
}

.gridForm dd select { 
	/*width: 77%;*/
	width: 100%;
	/*min-height: 17px;*/
	border: 1px solid #ccc;
	/*padding: 2px 2px 3px 9px;*/
	padding: 2px 2px 3px 5px;
	font-size: 11px;
	/*font-size: 12px;*/ /* for increasing text size */
	/*overflow: visible;*/ /* add if necessary for IE */
}

.disabled {
	background-color: #F2F5F7;
}

option {
	color: black;
}

option.selectPlaceholder {
	color: #C0C0C0;
}

select.gray {
	color: #C0C0C0;
}

::-webkit-input-placeholder { /* WebKit browsers */
	color: #C0C0C0;
}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color: #C0C0C0;
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
	color: #C0C0C0;
}

:-ms-input-placeholder { /* Internet Explorer 10+ */
	color: #C0C0C0;
}

dl.fieldChanged dd input :not(.fileButton),dl.fieldChanged dd select,dl.fieldChanged dd textarea {
	border: 1px solid #fdb913;
	background-color: #fff3d7;
}

dl.fieldChanged dd.noHighlight input,dl.fieldChanged dd.noHighlight select,dl.fieldChanged dd.noHighlight textarea {
	border: 1px solid #CCCCCC;
	background-color: transparent;
}

dd.fieldChanged input :not(.fileButton),dd.fieldChanged select,dd.fieldChanged textarea {
	border: 1px solid #fdb913;
	background-color: #fff3d7;
}

dl.fieldChanged dd span.checkbox {
	padding-top: 7px;
	padding-bottom: 2px;
	border: 1px solid #fdb913;
	background-color: #fff3d7;
}

dl.fieldChanged dd div.checkboxes {
	border: 1px solid #fdb913;
	background-color: #fff3d7;
}

dl.fieldChanged dd.noHighlight span.checkbox {
	padding-top: 0px;
	border: 0px none;
	background-color: transparent;
}

dd.fieldChanged span.checkbox {
	padding-top: 7px;
	padding-bottom: 2px;
	border: 1px solid #fdb913;
	background-color: #fff3d7;
}

dl.fieldChanged div.fileContainer {
	border: 1px solid #fdb913;
	background-color: #fff3d7;
}

.formSummary dl.grid_row {
	margin: 0 auto 3px 0;
}

.formSummary dt {
	margin: 0;
}

.formSummary dt label {
	padding: 0;
}

.formSummary dd {
	margin: 0;
}

.InactiveElem {
	background-color: rgb(238, 232, 170);
}

.ActiveElem {
	background-color: WHITE;
}

.gridForm dd select.profileSelect {
	width: auto;
}