body {
  background: white;
  font-family:'Lucida Grande',Verdana,Geneva,Lucida,Helvetica,Arial,sans-serif;
  font-size:10pt;
  font-weight:normal;
}

#page {
  width: 800px;
  margin: 0 auto;
}

#header {
  height: 100px; }
#header #logo-dlm {
  max-width: 250px;
  padding-top: 10px;
  float: left; }
#header #logo-ja-company {
  max-width: 250px;
  padding-top: 20px;
  float: right; }
@media screen and (max-width: 680px) {
  #header #logo-ja-company {
    display: none; } }

#content {
  padding: 10px 20px; }

#wrap {
  min-height: 100%;
}

#main {
  ---overflow: auto;
  padding-bottom: 41px; /* this needs to be bigger than footer height*/
}

.footer {
  clear: both;
  position: relative;
  margin-top: -41px; /* negative value of footer height */
  height: 41px;
  padding-top: 10px;
}

#copyright {
  background-color: #f4f4f4;
  border-top: 1px solid #aaa;
  color: gray;
  font-size: 8pt;
  padding: 10px 15px;
  width: 100%;
}

.errorSummary {
  color: #f04124;
}

.errorMessage {
  background: #f04124;
  color: white;
  display: block;
  font-size: 0.75rem;
  font-style: italic;
  font-weight: normal;
  margin-top: -1px;
  margin-bottom: 1rem;
  padding: 0.375rem 0.5625rem 0.5625rem;
}

h1 {
  color:black;
  font-size:1.6em;
  font-weight:bold;
  margin:0.5em 0pt;
}

h2 {
  color:black;
  font-size:1.25em;
  font-weight:bold;
  margin:0.3em 0pt;
}

h3 {
  color:black;
  font-size:1.1em;
  font-weight:bold;
  margin:0.2em 0;
}

table.result {
  background:#E6ECFF none repeat scroll 0 0;
  border-collapse:collapse;
  width:100%;
}

table.result th {
  background:#CCD9FF none repeat scroll 0 0;
  text-align:left;
}

table.result th, table.result td {
  border:1px solid #BFCFFF;
  padding:0.2em;
}

td.passed {
  background-color: #60BF60;
  border: 1px solid silver;
  padding: 2px;
}

td.warning {
  background-color: #FFFFBF;
  border: 1px solid silver;
  padding: 2px;
}

td.failed {
  background-color: #FF8080;
  border: 1px solid silver;
  padding: 2px;
}

/* Global Margins - margin-# or m# increments of five until 50px then jumps to 50px */
.m0,.margin-0 { margin: 0; }
.m5,.margin-5 { margin: 5px; }
.m10,.margin-10 { margin: 10px; }
.m15,.margin-15 { margin: 15px; }
.m20,.margin-20 { margin: 20px; }
.m25,.margin-25 { margin: 25px; }
.m30,.margin-30 { margin: 30px; }
.m35,.margin-35 { margin: 35px; }
.m40,.margin-40 { margin: 40px; }
.m45,.margin-45 { margin: 45px; }
.m50,.margin-50 { margin: 50px; }
.m100,.margin-100 { margin: 100px; }
.m150,.margin-150 { margin: 150px; }
.m200,.margin-200 { margin: 200px; }
.m250,.margin-250 { margin: 250px; }

/* Global Padding */
.p0,.padding-0 { padding: 0; }
.p5,.padding-5 { padding: 5px; }
.p10,.padding-10 { padding: 10px; }
.p15,.padding-15 { padding: 15px; }
.p20,.padding-20 { padding: 20px; }
.p25,.padding-25 { padding: 25px; }
.p30,.padding-30 { padding: 30px; }
.p35,.padding-35 { padding: 35px; }
.p40,.padding-40 { padding: 40px; }
.p45,.padding-45 { padding: 45px; }
.p50,.padding-50 { padding: 50px; }
.p100,.padding-100 { padding: 100px; }
.p150,.padding-150 { padding: 150px; }
.p200,.padding-200 { padding: 200px; }
.p250,.padding-250 { padding: 250px; }

/* Specific Margins */

/* Margin Top - mt# or margin-top-# */
/* These should override the global margins so you can use m50 mt5 or margin-50 margin-top-5, yeah i got bored and just went up in 10s */
.mt0,.margin-top-0 { margin-top:0px; }
.mt5,.margin-top-5 { margin-top:5px; }
.mt10,.margin-top-10 { margin-top:10px; }
.mt15,.margin-top-15 { margin-top:15px; }
.mt20,.margin-top-20 { margin-top:20px; }
.mt30,.margin-top-30 { margin-top:30px; }
.mt40,.margin-top-40 { margin-top:40px; }
.mt50,.margin-top-50 { margin-top:50px; }
.mt100,.margin-top-100 { margin-top:100px; }
.mt150,.margin-top-150 { margin-top:150px; }
.mt200,.margin-top-200 { margin-top:200px; }
.mt250,.margin-top-250 { margin-top:250px; }

/* Margin Bottom - mb# or margin-bottom-# */
.mb0,.margin-bottom-0 { margin-bottom:0px; }
.mb5,.margin-bottom-5 { margin-bottom:5px; }
.mb10,.margin-bottom-10 { margin-bottom:10px; }
.mb15,.margin-bottom-15 { margin-bottom:15px; }
.mb20,.margin-bottom-20 { margin-bottom:20px; }
.mb30,.margin-bottom-30 { margin-bottom:30px; }
.mb40,.margin-bottom-40 { margin-bottom:40px; }
.mb50,.margin-bottom-50 { margin-bottom:50px; }
.mb100,.margin-bottom-100 { margin-bottom:100px; }
.mb150,.margin-bottom-150 { margin-bottom:150px; }
.mb200,.margin-bottom-200 { margin-bottom:200px; }
.mb250,.margin-bottom-250 { margin-bottom:250px; }

/* Margin Left - ml# or margin-left-# */
.ml0,.margin-left-0 { margin-left:0px; }
.ml5,.margin-left-5 { margin-left:5px; }
.ml10,.margin-left-10 { margin-left:10px; }
.ml15,.margin-left-15 { margin-left:15px; }
.ml20,.margin-left-20 { margin-left:20px; }
.ml30,.margin-left-30 { margin-left:30px; }
.ml40,.margin-left-40 { margin-left:40px; }
.ml50,.margin-left-50 { margin-left:50px; }
.ml100,.margin-left-100 { margin-left:100px; }
.ml150,.margin-left-150 { margin-left:150px; }
.ml200,.margin-left-200 { margin-left:200px; }
.ml250,.margin-left-250 { margin-left:250px; }

/* Margin Right - mr# or margin-right-# */
.mr0,.margin-right-0 { margin-right:0px; }
.mr5,.margin-right-5 { margin-right:5px; }
.mr10,.margin-right-10 { margin-right:10px; }
.mr15,.margin-right-15 { margin-right:15px; }
.mr20,.margin-right-20 { margin-right:20px; }
.mr30,.margin-right-30 { margin-right:30px; }
.mr40,.margin-right-40 { margin-right:40px; }
.mr50,.margin-right-50 { margin-right:50px; }
.mr100,.margin-right-100 { margin-right:100px; }
.mr150,.margin-right-150 { margin-right:150px; }
.mr200,.margin-right-200 { margin-right:200px; }
.mr250,.margin-right-250 { margin-right:250px; }

/* Specific Padding */
/* Top Padding - pt# or padding-top-# */
.pt0,.padding-top-0 { padding-top:0px; }
.pt5,.padding-top-5 { padding-top:5px; }
.pt10,.padding-top-10 { padding-top:10px; }
.pt15,.padding-top-15 { padding-top:15px; }
.pt20,.padding-top-20 { padding-top:20px; }
.pt30,.padding-top-30 { padding-top:30px; }
.pt40,.padding-top-40 { padding-top:40px; }
.pt50,.padding-top-50 { padding-top:50px; }
.pt100,.padding-top-100 { padding-top:100px; }
.pt150,.padding-top-150 { padding-top:150px; }
.pt200,.padding-top-200 { padding-top:200px; }
.pt250,.padding-top-250 { padding-top:250px; }

.pb0,.padding-bottom-0 { padding-bottom:0px; }
.pb5,.padding-bottom-5 { padding-bottom:5px; }
.pb10,.padding-bottom-10 { padding-bottom:10px; }
.pb15,.padding-bottom-15 { padding-bottom:15px; }
.pb20,.padding-bottom-20 { padding-bottom:20px; }
.pb30,.padding-bottom-30 { padding-bottom:30px; }
.pb40,.padding-bottom-40 { padding-bottom:40px; }
.pb50,.padding-bottom-50 { padding-bottom:50px; }
.pb100,.padding-bottom-100 { padding-bottom:100px; }
.pb150,.padding-bottom-150 { padding-bottom:150px; }
.pb200,.padding-bottom-200 { padding-bottom:200px; }
.pb250,.padding-bottom-250 { padding-bottom:250px; }

.pr0,.padding-right-0 { padding-right:0px; }
.pr5,.padding-right-5 { padding-right:5px; }
.pr10,.padding-right-10 { padding-right:10px; }
.pr15,.padding-right-15 { padding-right:15px; }
.pr20,.padding-right-20 { padding-right:20px; }
.pr30,.padding-right-30 { padding-right:30px; }
.pr40,.padding-right-40 { padding-right:40px; }
.pr50,.padding-right-50 { padding-right:50px; }
.pr100,.padding-right-100 { padding-right:100px; }
.pr150,.padding-right-150 { padding-right:150px; }
.pr200,.padding-right-200 { padding-right:200px; }
.pr250,.padding-right-250 { padding-right:250px; }

.pl0,.padding-left-0 { padding-left:0px; }
.pl5,.padding-left-5 { padding-left:5px; }
.pl10,.padding-left-10 { padding-left:10px; }
.pl10,.padding-left-15 { padding-left:15px; }
.pl20,.padding-left-20 { padding-left:20px; }
.pl30,.padding-left-30 { padding-left:30px; }
.pl40,.padding-left-40 { padding-left:40px; }
.pl50,.padding-left-50 { padding-left:50px; }
.pl100,.padding-left-100 { padding-left:100px; }
.pl150,.padding-left-150 { padding-left:150px; }
.pl200,.padding-left-200 { padding-left:200px; }
.pl250,.padding-left-250 { padding-left:250px; }

.side-bar .side-nav {
  border-style: solid;
  border-width: 1px;
  background-color: #f4f4f4;
  border-color: gainsboro;
  padding: 15px;
  margin-top: 15px;
}
.side-bar .side-nav li {
  margin: 0;
}
.side-bar .side-nav li a {
  padding: 5px 0;
  border-bottom: 1px solid #cccccc;
}
.side-bar .side-nav li:last-child a {
  border: none;
}

.qq-uploader {
  position: relative;
  width: 100%; }

.qq-upload-button {
  display: block;
  /* or inline-block */
  width: 105px;
  padding: 7px 0;
  text-align: center;
  margin-bottom: 0; }

.qq-upload-button-focus {
  outline: 1px dotted black; }

.qq-upload-drop-area {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  min-height: 70px;
  z-index: 2;
  background: #FF9797;
  text-align: center; }

.qq-upload-drop-area span {
  display: block;
  position: absolute;
  top: 50%;
  width: 100%;
  margin-top: -8px;
  font-size: 16px; }

.qq-upload-drop-area-active {
  background: #FF7171; }

.qq-upload-list {
  margin: 15px 0 5px 0px;
  padding: 0;
  list-style: none;
  float: right; }

.qq-upload-list li {
  margin: 0;
  padding: 0;
  line-height: 15px;
  font-size: 12px; }

.qq-upload-file, .qq-upload-spinner, .qq-upload-size, .qq-upload-cancel, .qq-upload-failed-text {
  margin-right: 7px; }

.qq-upload-spinner {
  display: inline-block;
  background: url("../images/vendors/fileuploader/loading.gif");
  width: 15px;
  height: 15px;
  vertical-align: text-bottom; }

.qq-upload-size, .qq-upload-cancel {
  font-size: 11px; }

.qq-upload-failed-text {
  display: none; }

.qq-upload-fail .qq-upload-failed-text {
  display: inline; }

.admin .grid-view table.items th {
  background: #0078a0; }
.admin .grid-view table.items tr:hover {
  background: rgba(0, 120, 160, 0.29); }
  .admin .grid-view table.items tr:hover.selected {
    background: #CDE5F5; }
  .admin .grid-view table.items tr:hover.odd {
    background: rgba(0, 120, 160, 0.29); }
.admin .grid-view table.items tr.odd {
  background: #DEE3E4; }
.admin .grid-view table.items tr.selected {
  background: #FFF; }

.settings-default-index #uploadFileDb, .settings-default-index #uploadFileSettings {
  float: left; }
.settings-default-index #btn-browse-db {
  position: absolute;
  left: 110px; }
.settings-default-index #btn-browse-settings {
  position: absolute;
  left: 110px; }
.settings-default-index #browse-modal {
  margin-top: 5px; }
  .settings-default-index #browse-modal table {
    margin-top: 25px; }
    .settings-default-index #browse-modal table .browse-files-radio {
      margin-bottom: 0; }