/* General */
body {
   font-family: Lucida Grande, Lucida Sans, Arial, sans-serif;
   font-size: 11px;
   margin: 0;
   padding: 0;
}

.hot {
   color: red;
}

td a.hot {
   color: red;
}

.emphasize {
   font-weight: bold;
}

.emphasizeMinor {
   font-style: italic;
   font-weight: bold;
}

a:link,a:visited,a:active {
   color: #003468;
   text-decoration: none;
}

a:hover {
   text-decoration: none;
   color: gray;
}

input[type="text"],
input[type="number"],
input[type="tel"],
input[type="email"],
input[type="password"],
input[type="url"],
textarea {
   border: 1px solid lightgray;
}

input[type="button"] {
   border-width: 1px;
   border-radius: 0.5em;
   padding: 0.2em;
   padding-left: 0.5em;
   padding-right: 0.5em;
}

a > img {
   border: none;
   vertical-align: middle;
}

span > img,
label > img {
   margin-left: 0.5em;
   vertical-align: middle;
}

/* Overriding jQuery default */
.ui-autocomplete {
   z-index: 1500;
}

/* Header */
#Header {
   background-color: white;
   margin-left: 1em;
   margin-top: 0.8em;
   margin-bottom: 0.5em;
}

#Header div {
   display: inline;
}

#Header img {
   border: white none 0px;
}

#Header #SerescoApp {
   font-size: 25px;
   font-weight: bold;
   padding-left: 80px;
   vertical-align: 18px;
}

#AppHeader {
   position: fixed;
}

/* Footer */
#Footer {
   border-top: 5px solid lightgray;
   color: #999999;
   float: left;
   margin: 1em;
   margin-top: 20px;
   padding-top: 5px;
   width: 98%;
}

#Footer a {
   color: #666666;
}

/* Standard input field formatting */
input[type="radio"] {
   vertical-align: middle;
}

input[type="tel"] {
   width: 9em;
}

input[type="tel"][name*="PhoneExt"] {
   width: 3em;
}

input[type="email"] {
   width: 20em;
}

input[name*="FirstName"][type="text"],
input[name*="PreferredName"][type="text"],
input[name*="LastName"][type="text"] {
   max-width: 8em;
   width: 8em;
}

input[name*="Address"][type="text"] {
   max-width: 15em;
   width: 15em;
}

input[name*="CompanyName"][type="text"] {
   max-width: 20em;
   width: 20em;
}

input[name*="City"][type="text"] {
   max-width: 10em;
   width: 10em;
}

input[name*="PostalCode"][type="text"] {
   max-width: 5em;
   width: 5em;
}

input[name*="CountryInfo"][type="text"] {
   max-width: 20em;
   width: 20em;
}

input[name*="UnitSerial"],
input[name="unitSerial"] {
   width: 6em;
}

input[name*="ProjectName"],
input[name="projectName"] {
   width: 22em;
}

input[name="ProjectNameSearch"] {
   width: 10em;
}

input[name*="Date"] {
   max-width: 8em;
   width: 8em;
}

input[name*="Quantity"],
input[name="quantity"] {
   width: 2em;
}

input[type="number"] {
   text-align: right;
   width: 3em;
}

select[required],
textarea[required],
password[required],
input[required] {
   border: 1px solid red;
}

/* Content */
#content {
   margin: 1em;
}

.required {
   color: red;
   padding-left: 3px;
}

/* Message Dialog */
#SerescoMessage p:first-child {
   margin-top: 0;
   z-index: 99;
}

/* Dialog Boxes */
#DialogWindow,
#DialogWindow.ui-dialog,
#DialogWindow.ui-dialog > * {
   background-color: whitesmoke;
}

.serescoDialogForm > h2 {
   font-size: 1.2em;
   font-weight: normal;
   margin: 0;
   margin-left: 0.6em;
   margin-bottom: 0.5em;
   padding: 0;
}

.serescoDialogForm hr {
   margin-top: 1em;
   margin-bottom: 1em;
}

.serescoDialogForm > div {
   margin-bottom: 0.3em;
   width: 100%;
}

.serescoDialogForm > div label,
.serescoDialogForm > div span:first-child {
   display: inline-block;
   width: 9em;
}

.serescoDialogForm > div span:nth-child(3) {
   display: inline-block;
   margin-left: 1em;
}

.FilterStatusSelectButtons,
#FilterStatusSelectButtons {
   margin-top: 1em;
   text-align: center;
}

.FilterStatusSelectButtons input[type="button"],
#FilterStatusSelectButtons input[type="button"] {
   margin-right: 0.5em;
   width: 4em;
}

/* Info Boxes */
fieldset {
   background-color: whitesmoke;
   border: 1px solid lightgray;
   border-radius: 0.5em;
   display: inline-block;
   margin-bottom: 1em;
   margin-right: 1em;
   padding: 0.5em;
   vertical-align: top;
}

fieldset.noBorder {
   background-color: transparent;
   border: 0;
   border-radius: 0;
   margin: 0;
   margin-bottom: 1em;
   padding: 0;
}

fieldset:last-child {
   margin-right: 0;
}

fieldset legend {
   background-color: aliceblue;
   border: 1px solid lightgray;
   border-radius: 0.5em;
   font-size: 14px;
   padding: 0.1em;
   padding-left: 1em;
   padding-right: 1em;
}

fieldset.noBorder legend {
   background-color: transparent;
   border: none;
   font-size: 12px;
   font-weight: bold;
   margin-bottom: 0.2em;
   padding: 0;
}

fieldset hr {
   margin-top: 1em;
   margin-bottom: 1em;
}

fieldset > div {
   margin-bottom: 0.3em;
   vertical-align: middle;
   width: 100%;
}

fieldset > div.radioGroup {
   margin-bottom: 0;
}

fieldset > legend img,
fieldset > div label img {
   margin-left: 0.5em;
   vertical-align: middle;
}

fieldset > div label:first-child {
   display: inline-block;
   width: 9em;
}

fieldset > div span:nth-child(3) {
   display: inline-block;
   margin-left: 1em;
}

fieldset.rightValues > div label {
   width: auto;
   max-width: 75%;
}

fieldset.rightValues > div span {
   float: right;
   text-align: right;
}

fieldset.rightValues > div {
	clear: both;
}

/* Tool Tips */
.serescoTooltip {
   background: lightyellow;
   padding: 0.2em;
}
.addPoolToolTip{
    display: inline-block;
    z-index: 100001 !important;
}

/* Checkbox Group */
.checkBoxGroup {
   display: inline-block;
   width: 10em;
}

/* Application Help */
#Help img {
   height: 12px;
   width: 12px;
}

.non-a-product {
   color: purple !important;
}

input::placeholder{
   font-style: italic;
}