.form-horizontal .control-label { padding-top: 0px; }
.form-horizontal { margin-top: 5px; }
.form-control { height: 24px; padding: 4px 4px 4px 4px; }

form {
    background-color: #ededed; 
    border: solid 1px #cccccc; 
    border-radius: 5px; 
    padding: 10px;
}
input[type=text], input[type=email], input[type=password], input[type=file], input[type=datetime] {
    height: 24px; 
    border-radius: 4px; 
    border: 1px solid #999999; 
    vertical-align: middle; 
}
select {
    height: 24px; 
    border-radius: 4px; 
    border: 1px solid #999999; 
    vertical-align:middle; 
    max-width: 300px;
}
textarea {
    max-width: 100%; 
    width: 100%; 
    height: 64px; 
    border: 1px solid #999999; 
    border-radius: 4px; 
}
input[type=text] {height: 24px; border-radius: 4px; border: 1px solid #999999; width: 200px; max-width: 200px;}
input[type=email] {height: 24px; border-radius: 4px; border: 1px solid #999999; width: 300px; max-width: 300px;}
input[type=password] {height: 24px; border-radius: 4px; border: 1px solid #999999; width: 200px;  max-width: 200px;}
input[type=number] {height: 24px; border-radius: 4px; border: 1px solid #999999; width: 50px;  max-width: 50px;}
/*input[type=password] { padding: 6px 12px 6px 12px; }*/

/* DateTime Picker */
input[type=datetime] { 
    background-image: url('../Images/time.png');
    background-position: 97% 50%; 
    background-size: 16px 16px; 
    background-repeat: no-repeat; 
    width: 200px;
}
input[type=checkbox] {
    transform: scale(2.0); 
    margin-left: 7px; 
    margin-top: 7px;
    margin-right: 20px;
}
input[type=radio] {
    transform: scale(2.0); 
    margin-left: 7px; 
    margin-top: 7px;
    margin-right: 20px;
}
input[type=number] {
    width: 100px;
}

input[type=file] {
    max-width: 500px;
}

/*input[type=submit] {
    background-color: #339999;
}
input[type=button] {
    background-color: #339999;
}*/

.col-md-2, .col-md-3, .col-md-4, .col-md-9 {padding-left: 0px;}
.row {padding-bottom: 10px;}
.req {background-color: #b3ffff;}

.w100 {width: 100px; max-width: 100px; }
.w200 {width: 200px; max-width: 200px; }
.w300 {width: 300px; max-width: 300px; }
.w400 {width: 400px; max-width: 400px; }
.w500 {width: 500px; max-width: 500px; }
.h24 {height: 24px;}

/* Override Bootstrap margins that cause the form to overflow on mobile devices */
.form-horizontal .form-group {margin-left: 0px; margin-right: 0px;}

/* Auto complete */
.ui-autocomplete {background-color: #ffffff; border-color: #999999; background-image: none;}
.ui-menu-item a.ui-state-focus { background: DodgerBlue; color: white; }

/* Placeholder */
textarea::-webkit-input-placeholder {color: gray !important;}
textarea:-moz-placeholder {color: gray !important;}
textarea::-moz-placeholder {color: gray !important;}
textarea:-ms-input-placeholder {color: gray !important;}

/* Form validation */
.alert-valSum { background-color:#fff0cd; color:#a20000; border-color:#a20000; font-weight:bold; width: 100%;}
.alert-valSum ul { font-weight:normal; }
.validation-summary-errors { font-weight:bold; }
.validation-summary-valid { display: none; }

/* Required field notation */
.form-group.required .control-label:after, .form-inline.required .control-label:after, fieldset.required legend:after {content:" *"; color:red; font-weight:bold; font-size: 125%; vertical-align:middle;}