body {
  margin:0px;
  font-family:Arial,Helvetica,Geneva,sans-serif;
  font-size:10pt;
  color: #333;
  background-color: #19232d;
  background-image: url(../images/background.jpg);
  background-repeat: repeat-x;
  background-attachment: fixed;
  background-size: cover;
}

img {
  vertical-align: bottom;
}

a img {
  border: 0px none;
}

sup, sub {
  height: 0;
  line-height: 1;
  vertical-align: baseline;
  vertical-align: bottom;
  position: relative;
}

sup {
  bottom: 1ex;
}

sub {
  top: .5ex;
}

input, select {
  font-size: 10pt;
  background: white;
  border: 1px solid green;
}

input[type="text"], input[type="password"], select {
  font-size: 10pt;
  border: 1px solid green;
}

hr {
  border-style: -moz-bg-inset;
}

ul {
  list-style-image: url("../images/bullet.gif");
  margin-top: 0px;
  margin-left:0px;
  padding-left: 20px;
}

ul.recommended {
  list-style-image: url("../images/recommended.gif");
  margin-top: 7px;
  margin-left:5px;
  padding-left: 20px;
}

h1 {
  font-size: 14pt;
  margin: 10px 0px 10px 0px;
}

h3 {
  font-weight:bold;
  font-size: 10pt;
  margin: 0px 5px 0px 5px;
}

h4 {
  color: #006ba6;
  border-bottom: 1px solid #006ba6;
  margin: 10px 5px 5px 5px;
  font-size: 11pt;
}

h4.resetPassword {
  background-color: #DCE8EB;
  margin: 10px 5px 5px 5px;
  font-size: 11pt;
  color: darkgreen;
}

h4.simple {
  background-color: #DCE8EB;
  margin: 5px 5px 5px 8px;
  font-size: 11pt;
}

a {
  color: #567D26;
}

a:visited {
  color: #0A2F66;
}

p {
  margin: 5px;
}

/* content is used for single column pages */
#content {
  width: 1180px;
  margin: auto;
  background-color: #FFFFFF;
}

#content::before {
  content: " ";
  display: table;
}

#content::after {
  clear: both;
}

/** 2 column layout **/
#twoColumnDiv {
  width: 980px;
  margin-left: 5px;
}

#twoColumnDiv #column1 {
  float: left;
  width: 240px;
}

#twoColumnDiv #column2 {
  float: left;
  width: 740px;
}

/** 3 column layout **/
#threeColumnDiv {
  width: 980px;
  margin-left: 5px;
}

#threeColumnDiv #column1 {
  float: left;
  width: 240px;
}

#threeColumnDiv #column2 {
  float: left;
  width: 495px;
}

#threeColumnDiv #column3 {
  float: left;
  width: 240px;
}

#header {
  width: 1180px;
  margin: auto;
  background-color: #FFFFFF;
}

#header::before {
  content: " ";
  display: table;
}

#header::after {
  clear: both;
}

#footer {
  text-align: center;
  width: 1180px;
  height: 80px;
  background-color: #111;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
  color: #fff;
  box-sizing: border-box;
}

#footer p {
  margin: 0px;
}

#footer a {
  color: #428bca;
}

#footerLeft {
  float:left;
  padding-top: 5px;
  width: 10%;
}

#footerMiddle {
  float: left;
  padding-top: 10px;
  text-align: center;
  width: 80%;
}

#footerRight {
  float: right;
  padding-top: 5px;
  width: 10%;
}

#footerPopup {
  text-align: center;
  float: left;
  width: 650px;
  clear: both;
}

#container {
  margin-top:0px;
  padding-top:0px;
}

#logo {
  display: block;
  margin-top: 2px;
  margin-left: 20px;
  padding-top: 15px;
}

#importBar, #pdfReaders {
  float: left;
  margin-top: 5px;
  margin-left: 5px;
}

#pdfReaders img {
  border: 0px none;
}

#orderBar, #bottomButtonBar {
  float: right;
  margin-top: 5px;
}

#reportButtons {
  margin: 5px 10px !important;
}

#paging {
  white-space: nowrap;
  vertical-align: bottom;
}

#paging a img {
  border: 0px none;
}

#paging a {
  color: #0A2F66;
}

#userInfo {
  font-size:8pt;
  left:910px;
  line-height:normal;
  position:absolute;
  text-align:right;
  top:47px;
  width:75px;
}

#chatWithSupport {
  left:860px;
  line-height:normal;
  position:absolute;
  text-align:right;
  top:5px;
  width:125px;
}

/** Validation styles **/
input.error, select.error {
  background-color: #FA410C;
  cursor: help;
  color: #FFFFFF;
}

label {
  font-weight: bold;
}

label.optional {
  font-weight: normal;
}

label.error {
  background:transparent url(images/unchecked.gif) no-repeat scroll 0px 0px;
  padding-left:16px;
}

input.disabled, select.disabled, label.disabled, div.disabled {
  display:none;
}

label.required {
  font-weight: bold;
}

label.simple {
  margin-left: 10px;
  margin-right: 0px;
}

label.simpleRequired {
  color: #87AFC7;
  font-weight: bold;
  margin-left: 10px;
  margin-right: 0px;
}

label.simpleRequired2 {
  color: #87AFC7;
  font-weight: bold;
  margin-left: 8px;
  margin-right: 0px;
}

label.light {
  color:#5E767E;
  font-weight: bold;
  margin-left: 8px;
  margin-right: 0px;
}

label.light2 {
  color:#848484;
  font-weight: bold;
  margin-left: 10px;
  margin-right: 0px;
}

/** Focused fields **/
.focused {
  background: #ffff7d;
  border: 1px solid green;
}

.notFocused {
  background: white;
  border: 1px solid green;
}

/** Table div styles **/
.dataRow {
  display: block;
  width: 95%;
  margin-left: 10px;
}
.dataCell {
  float: left;
  text-align: center;
}
.dataRowSimple {
  display: block;
  width: 100%;
}
.dataCellSimple {
  float: left;
  margin-left: 1px;
}
div.dataCell label {
  margin-left: 0px;
}
div.dataRow input {
  margin-right:10px;
}
div.dataCell select {
  margin-right: 10px;
}
.clear {
  clear:both;
  margin-top:-1px;
  height:1px;
  overflow:hidden;
  width: 100%;
}

.disclaimer {
  color: #437CBC;
}

.info {
  color: #437CBC;
}

.headerAdditonalInfo {
  float:right;
  color: #FFEC3E;
}

/* This is for warnings that are displayed in the body */
.warning {
  color: #FF9900;
}

/* This is for warnings that are displayed in the header */
.warningHeader {
  color: #FFEC3E;
}

ul.simple {
  list-style-image: none;
  list-style-type: none;
  padding-left: 0px;
  padding-top: 4px;
  margin-left:5px;
}

li.simple {
  margin-top:4px;
}

.sort span {
  cursor: pointer;
  text-decoration: underline;
}

.sort img {
  border-bottom: 1px solid #3E6FB8;
}

.sortHover {
  text-decoration: underline;
  padding-bottom: 1px !important;
}

.sortHover img {
  border-bottom: 1px solid #3E6FB8;
}

.errorMessage {
  padding:0px;
  color: red;
  font-weight: bold;
}

#pickApplicationPopup li label {
  color: #0A2F66;
}

.tooltip-pre {
  white-space: pre;
}
