/* 
============================================ 
	Wrap unquote to avoid web compiler errors
============================================
*/
/* 
============================================ 
	Styles main app view layout
============================================
*/
@viewport {
  height: 1024px !important;
  width: 768px !important;
  zoom: 1.0 !important; }

/* 
==================================
	DOM Container Styles
================================== */
/* Reset elements */
html, body, h1, h2, h3, h4, h5, h6,
p, header, aside, footer,
nav, section, .section-plain,
article, div, form, textarea, input[type="radio"] {
  resize: none;
  display: block;
  margin: 0 auto;
  padding: 0;
  border: 0;
  font-weight: 400;
  font-family: "Helvetica Nueue", "Segoe UI", "Trebuchet MS", Helvetica, Arial, sans-serif !important;
  font-size: 14px;
  -moz-user-select: text !important;
  -ms-user-select: text !important;
  -webkit-user-select: text !important;
  user-select: text !important; }

.clear {
  clear: both; }

.white {
  color: #fff; }

.black {
  color: #000; }

.left {
  text-align: left; }

.center {
  text-align: center;
  margin: 0 auto; }

.right {
  text-align: right; }

.test {
  border: 1px dashed red; }

.pos-left {
  float: left; }

.pos-right {
  float: right; }

html, body {
  height: 100%;
  min-height: 100%;
  background: #5e6168;
  display: block;
  position: relative;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

body {
  background: transparent url("/content/images/common/linen-background.jpg") repeat;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none; }

h1, h2, h3, h4, h5, h6 {
  font-family: "Helvetica Nueue", Helvetica, "Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif;
  margin: 0; }

h1 {
  font-size: 180%;
  line-height: normal; }

h2 {
  font-size: 160%;
  line-height: normal; }

h3 {
  font-size: 140%;
  line-height: normal; }

h4 {
  font-size: 120%;
  line-height: normal; }

h5 {
  font-size: 100%;
  line-height: normal; }

h6 {
  font-size: 80%;
  line-height: normal; }

.placeholder {
  color: #aaa !important; }

.placeholder:focus {
  color: #000 !important; }

button {
  border-radius: 10px;
  display: inline-block;
  height: 32px;
  min-height: 24px;
  border: 1px solid rgba(0, 0, 0, 0.5);
  padding: 0;
  font-size: 13px;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
  font-weight: bold;
  font-family: Helvetica, Arial, sans-serif; }
  button:disabled, button[disabled="disabled"] {
    background: rgba(0, 0, 0, 0.1);
    color: rgba(0, 0, 0, 0.4);
    border: 1px solid rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 2px rgba(255,255,255,0.9), inset 0 0 2px rgba(255,255,255,0.6);
    -webkit-box-shadow: 0 0 2px rgba(255,255,255,0.9), inset 0 0 2px rgba(255,255,255,0.6);
    box-shadow: 0 0 2px rgba(255,255,255,0.9), inset 0 0 2px rgba(255,255,255,0.6);
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7); }

div[data-role="page"] {
  min-width: 1024px; }

div[data-role="popup"] {
  width: 40% !important;
  min-width: 300px !important;
  margin: 5% auto auto auto !important;
  min-height: 400px !important;
  max-height: 400px !important;
  display: block !important;
  float: none !important;
  background-color: rgba(0, 0, 0, 0.7) !important;
  position: relative !important; }
  div[data-role="popup"] header {
    margin: 0 !important; }

/* Wrapper for all body content */
div.screenwrapper {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  padding: 0;
  background-color: transparent !important;
  background: transparent !important; }

.ui-overlay-a {
  background-color: rgba(0, 0, 0, 0.7) !important;
  position: relative !important; }

div.landing-notice-section {
  width: 66%;
  height: auto;
  background: #fff;
  border-radius: 15px;
  padding: 15px;
  font-size: 13px;
  margin: 15px;
  text-align: initial; }

.notice-label {
  color: red; }

.copyright {
  font-size: 11px !important;
  font-weight: 500 !important;
  text-align: center !important;
  vertical-align: middle !important;
  position: relative;
  width: 100%;
  text-shadow: none;
  display: block; }

.copyright-home-page {
  /* Width needs to account for margin from the form-control-container  */
  width: -moz-calc(100% - 60px);
  width: -webkit-calc(100% - 60px);
  width: calc(100% - 60px); }

.elite-version-number {
  font-size: 12px !important;
  font-weight: 500 !important;
  text-align: center !important;
  vertical-align: middle !important;
  float: right;
  color: rgba(255, 255, 255, 0.3);
  padding-right: 5px;
  padding-top: 7px;
  text-shadow: none;
  display: block; }

/* Wrapper for just the content section excluding the header */
div[data-role="content"],
div[data-role="content-sub-header"] {
  overflow: auto !important;
  -webkit-overflow-scrolling: touch;
  display: block;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 45px;
  padding: 0;
  padding-top: 0;
  padding-bottom: 0; }

div[data-role="content-sub-header"] {
  top: 87px; }
  div[data-role="content-sub-header"] .form-control-container {
    margin-top: 15px;
    min-width: 930px; }

/* Wrapper for the overlay content container */
div[data-role="overlay-panel"] {
  margin: 0;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: 1;
  border: 0;
  background: transparent url("/content/images/common/linen-background.jpg") repeat;
  box-shadow: -4px -1px 3px #232323;
  display: block;
  overflow: hidden;
  padding: 0;
  min-height: 100% !important;
  position: fixed !important; }

/* Wrapper for the sidenav container */
div.sidenav-panel {
  background: #333336;
  margin: 0 auto 0 0;
  width: 275px;
  border: 0;
  padding: 0;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: 1;
  display: block;
  height: 100%;
  min-height: 100%;
  opacity: 0; }

/* END DOM Container Styles */
/* Header/Top Nav Styles */
header.top {
  height: 45px;
  max-height: 45px;
  background: transparent url("/content/images/common/title-bar-tile4.png");
  overflow: hidden;
  position: absolute;
  top: 0;
  z-index: 900;
  display: block;
  width: 100%; }

.top-left-nav,
.top-right-nav {
  white-space: nowrap; }

.toptitle {
  margin-top: 14px !important; }

.header-back-button {
  display: inline-block;
  position: relative;
  top: -34px;
  height: 32px;
  width: auto;
  left: 70px;
  visibility: hidden;
  box-sizing: border-box;
  font-family: charcoal,arial,sans-serif;
  font-weight: bold !important;
  font-size: 12px !important;
  line-height: 32px;
  color: #efefef !important;
  text-align: center;
  padding: 0 10px 0 6px;
  background-color: #222;
  background-image: url("/content/images/buttons/back-button-tile.png");
  background-repeat: repeat-x;
  cursor: pointer; }
  .header-back-button:before {
    position: absolute;
    left: -14px;
    height: 32px;
    width: 14px;
    background-image: url("/content/images/buttons/back-button-left.png");
    background-repeat: no-repeat;
    background-size: 14px 32px;
    content: ' ';
    cursor: pointer; }
  .header-back-button:after {
    position: absolute;
    right: -6px;
    height: 32px;
    width: 6px;
    background-image: url("/content/images/buttons/back-button-right.png");
    background-repeat: no-repeat;
    background-size: 6px 32px;
    content: ' '; }

[data-role="sub-header"] {
  margin: 0 auto;
  padding: 0;
  height: 40px;
  min-height: 40px;
  max-height: 40px;
  width: 100%;
  border-bottom: 1px solid #333;
  overflow: hidden;
  background: #ba5e01;
  background: -webkit-gradient(linear, left top, left bottom, from(#e98400), to(#ba5e01));
  background: -moz-linear-gradient(top, #e98400, #ba5e01);
  background: -ms-linear-gradient(#e98400, #ba5e01);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e98400', endColorstr='#ba5e01');
  display: block;
  top: 46px !important;
  position: absolute;
  right: 0;
  z-index: 80;
  -moz-box-shadow: 0 2px 2px rgba(0,0,0,0.3);
  -webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.3);
  box-shadow: 0 2px 2px rgba(0,0,0,0.3); }
  [data-role="sub-header"] .sub-header-container-ul {
    max-height: 40px;
    margin: 0 auto;
    width: auto;
    list-style-type: none;
    display: block;
    padding: 0;
    vertical-align: middle; }
  [data-role="sub-header"] .sub-header-container-ul-li-l,
  [data-role="sub-header"] .sub-header-container-ul-li-c,
  [data-role="sub-header"] .sub-header-container-ul-li-r {
    display: block;
    width: 33%;
    height: 40px;
    max-height: 40px;
    padding: 0;
    box-sizing: border-box;
    line-height: 32px;
    vertical-align: middle;
    float: left;
    position: relative; }
  [data-role="sub-header"] .sub-header-container-ul-li-l {
    text-align: left; }
  [data-role="sub-header"] .sub-header-container-ul-li-c {
    text-align: center;
    min-width: 34%;
    overflow: hidden; }
  [data-role="sub-header"] .sub-header-container-ul-li-r {
    text-align: right;
    float: right; }
  [data-role="sub-header"] fieldset[data-role="controlgroup"][data-type="horizontal"] {
    height: 26px;
    max-height: 26px;
    font-size: 90%;
    margin: 2px auto !important;
    display: block; }
  [data-role="sub-header"] fieldset[data-role="controlgroup"][data-type="horizontal"] span.ui-btn-text {
    height: 26px;
    max-height: 26px;
    font-size: 95%; }

div.ui-collapsible-content {
  padding: 0 !important; }

div.ui-collapsible-content div.grid-container {
  border: none !important;
  white-space: pre-line;
  word-break: break-all;
  word-wrap: break-word;
  word-spacing: normal; }
  div.ui-collapsible-content div.grid-container ul.glv-ul-header {
    background: #ddd !important;
    background-image: none !important;
    border-bottom: 1px solid #999;
    font-size: 90%;
    height: 12px !important;
    padding: 0 !important; }
    div.ui-collapsible-content div.grid-container ul.glv-ul-header li div {
      -webkit-border-top-left-radius: 0 !important;
      -webkit-border-top-right-radius: 0 !important;
      border-top-left-radius: 0 !important;
      border-top-right-radius: 0 !important;
      background: #d9d9d9 !important;
      background-image: none !important;
      color: #555 !important;
      font-weight: 500 !important; }
  div.ui-collapsible-content div.grid-container div.glv-footer {
    display: none !important; }

div[data-role="collapsible-container"] [data-role="collapsible"] {
  margin: 15px auto;
  position: relative; }
  div[data-role="collapsible-container"] [data-role="collapsible"] h3.ui-collapsible-heading span.ui-btn-text {
    font-size: 100%;
    position: relative;
    width: 100%;
    display: block; }

/* END Header/Top Nav Styles */
/* Page Content Styles */
div.form-control-container {
  -webkit-transform: translate3d(0, 0, 0);
  width: 100%;
  display: block;
  background: #dddddd url("/content/images/common/background-paper.png");
  text-shadow: 0 1px 0 #ddd;
  color: #999;
  padding: 30px;
  -moz-box-shadow: box-shadow: 1px 2px 7px rgba(0,0,0,.5);
  -webkit-box-shadow: box-shadow: 1px 2px 7px rgba(0,0,0,.5);
  box-shadow: box-shadow: 1px 2px 7px rgba(0,0,0,.5);
  position: relative;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 100%;
  min-width: 100%;
  margin: 0 auto !important;
  -moz-border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  border-radius: 0 !important;
  height: auto;
  min-height: 100%;
  bottom: 0; }

div.form-control-container div[data-role="fieldcontain"] div.ui-controlgroup-label {
  font-weight: 700;
  font-size: 90%;
  color: #444; }

div.form-control-container form {
  height: 100%;
  display: block;
  position: relative;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

div.form-control-container form div.bottom-form-button-wrapper {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0; }

div[data-role="fieldcontain"] {
  position: relative; }

div.section {
  border: 1px solid rgba(0, 0, 0, 0.3);
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  padding: 4px 10px 2px;
  /*background:rgba(0,0,0,.1);*/
  background: rgba(255, 255, 255, 0.8);
  margin: 0 auto;
  min-width: 920px;
  max-width: 1180px; }
  div.section.section-full {
    max-width: inherit !important; }

div.section.plain,
div.section.plain-no-padding {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  padding: 4px 10px 2px;
  background: transparent;
  margin: 0 auto;
  min-width: 920px;
  max-width: 1180px; }

div.grid-wrapper {
  min-width: 920px;
  max-width: 1180px; }

div.section input[type="text"],
div.section input[type="password"],
div.section input[type="email"],
div.section input[type="number"],
div.section input[type="tel"],
div.section input[type="range"],
div.section input[type="color"],
div.section input[type="date"],
div.section input[type="url"],
div.section input[readonly="readonly"],
div.section input[disabled],
div.section textarea,
div.section div.ui-select,
div.section ul[data-role="listview"] {
  width: auto;
  font-size: 90% !important;
  max-width: 462px !important;
  display: inline-block;
  min-height: 28px !important;
  vertical-align: top;
  color: #333;
  padding: 5px; }

input[type="text"].threshold {
  max-width: 40px !important;
  width: 40px !important;
  text-align: right; }

input[type="text"].indicator-value {
  text-align: right;
  width: 125px; }

div.section div.ui-select,
div.section ul[data-role="listview"] {
  width: 100%;
  max-width: 462px !important; }

div.section label {
  font-size: 90% !important;
  color: #444;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) !important;
  text-align: left;
  font-weight: 700;
  width: 21% !important;
  display: inline-block;
  white-space: nowrap; }

div.section input[readonly="readonly"],
div.section textarea[readonly="readonly"] {
  border-color: transparent !important;
  color: #333 !important;
  font-weight: bold;
  font-family: inherit;
  background: none;
  text-shadow: none;
  padding-left: 0;
  padding-right: 10px;
  padding-top: 10px;
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important; }

div.form-control-container div.header-subtitle {
  color: #888;
  font-weight: 600;
  font-size: 90%;
  text-align: left;
  letter-spacing: normal;
  margin: -3px auto;
  clear: both;
  display: block; }

div.form-control-container hr.header-line {
  width: 100%;
  min-width: 980px;
  color: #4e76b2;
  background: #4e76b2;
  height: 2px;
  border: none;
  margin-bottom: 12px;
  clear: both;
  display: block; }

.legend {
  display: block;
  margin: 20px auto 3px;
  font-size: 90%;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.5);
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
  min-width: 730px;
  max-width: 1190px; }
  .legend.legend-full {
    max-width: inherit !important;
    padding-left: 10px; }

.page-note-highlight {
  margin: -20px auto 0;
  text-align: center;
  width: 100%;
  font-size: 85%;
  color: rgba(0, 0, 0, 0.5);
  font-weight: 500;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7); }

.ui-btn-corner-all {
  -moz-border-radius: 8px !important;
  -webkit-border-radius: 8px !important;
  border-radius: 8px !important; }

a.ui-btn-corner-all,
button.ui-btn-corner-all {
  -moz-border-radius: 8px !important;
  -webkit-border-radius: 8px !important;
  border-radius: 8px !important; }

.ui-slider a.ui-btn-corner-all,
.ui-slider button.ui-btn-corner-all {
  -moz-border-radius: 4px !important;
  -webkit-border-radius: 4px !important;
  border-radius: 4px !important; }

.ui-select.ui-btn-corner-all,
.ui-select .ui-btn-corner-all {
  -moz-border-radius: 8px !important;
  -webkit-border-radius: 8px !important;
  border-radius: 8px !important; }

.ui-btn,
.ui-btn-inner,
.ui-btn-text,
.ui-btn-hidden,
.ui-slider,
.ui-slider-label {
  max-height: 32px;
  font-size: 14px; }

.ui-slider-label,
.ui-slider-label {
  line-height: 250% !important;
  font-size: 14px !important; }

li.ui-btn,
li div.ui-btn-inner,
li div.ui-btn-text,
li div.ui-btn-hidden {
  max-height: 150px; }

.ui-controlgroup-controls .ui-btn,
.ui-controlgroup-controls .ui-btn-inner,
.ui-controlgroup-controls .ui-btn-text,
.ui-controlgroup-controls .ui-btn-hidden {
  min-height: 32px !important;
  line-height: 150%; }

.ui-btn-f.ui-btn-corner-all,
.ui-btn-up-f.ui-btn-corner-all,
.ui-btn-hover-f.ui-btn-corner-all,
.ui-btn-inner-f.ui-btn-corner-all,
.ui-btn-text-f.ui-btn-corner-all,
.ui-btn-hidden-f.ui-btn-corner-all,
.ui-btn-g.ui-btn-corner-all,
.ui-btn-up-g.ui-btn-corner-all,
.ui-btn-hover-g.ui-btn-corner-all,
.ui-btn-inner-g.ui-btn-corner-all,
.ui-btn-text-g.ui-btn-corner-all,
.ui-btn-hidden-g.ui-btn-corner-all,
.ui-btn-h.ui-btn-corner-all,
.ui-btn-up-h.ui-btn-corner-all,
.ui-btn-hover-h.ui-btn-corner-all,
.ui-btn-inner-h.ui-btn-corner-all,
.ui-btn-text-h.ui-btn-corner-all,
.ui-btn-hidden-h.ui-btn-corner-all,
.clear-button.ui-btn-corner-all,
button.clear-button,
.ui-btn.clear-button.ui-btn-corner-all,
.ui-btn.clear-button-up.ui-btn-corner-all,
.ui-btn.clear-button-inner.ui-btn-corner-all,
.ui-btn.clear-button-text.ui-btn-corner-all,
.ui-btn.clear-button-hidden.ui-btn-corner-all {
  -moz-border-radius: 16px !important;
  -webkit-border-radius: 16px !important;
  border-radius: 16px !important;
  max-height: 40px;
  font-size: 14px !important;
  line-height: 140% !important;
  max-width: 1200px !important;
  margin: 30px auto 0 !important;
  padding: 0 !important; }

.ui-select .ui-btn {
  margin-left: 3px !important;
  -moz-box-shadow: 0 0 3px rgba(0,0,0,0.3) !important;
  -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.3) !important;
  box-shadow: 0 0 3px rgba(0,0,0,0.3) !important; }

div[data-role="fieldcontain"] ul[data-role="listview"] {
  margin-left: 0 !important;
  margin-top: 0 !important;
  padding: 0 !important; }

div.divider-line {
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  border-bottom: 1px solid white;
  background-color: transparent;
  height: 1px; }

div.timeZoneDisclaimer,
span.timeZoneDisclaimer {
  display: block;
  width: 100%;
  text-align: right;
  margin: 0 auto;
  padding: 2px 20px 2px 2px;
  font-size: 80%;
  color: rgba(0, 0, 0, 0.5);
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7);
  font-weight: normal;
  max-width: 1180px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

/* Secondary header Styles (i.e. - used in assessments) */
div.header-title-container {
  min-width: 980px;
  width: 100%;
  position: relative;
  display: table !important;
  table-layout: fixed !important;
  height: auto;
  clear: both;
  margin: 0 auto;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

div.secondary-header {
  display: table-cell !important;
  width: 30%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 34px; }

div.secondary-header:nth-child(1) {
  width: 40%; }

div.secondary-header:nth-child(2) {
  text-align: center; }

div.secondary-header:nth-child(3) {
  text-align: right; }

div.secondary-header div.secondary-header-title {
  text-align: right;
  font-size: 0.90em;
  height: 18px;
  overflow: hidden !important;
  text-overflow: ellipsis;
  width: 98%;
  max-width: 98%;
  vertical-align: bottom; }

div.secondary-header:nth-child(1) div.secondary-header-title {
  text-align: left; }

div.secondary-header:nth-child(2) div.secondary-header-title {
  text-align: center; }

div.secondary-header:nth-child(3) div.secondary-header-title {
  text-align: right; }

div.secondary-header div.secondary-header-value {
  font-size: 1.15em;
  color: #333;
  height: 32px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  overflow: hidden !important;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  max-width: 100%;
  padding-top: 8px;
  vertical-align: bottom; }

div.secondary-header:nth-child(1) div.secondary-header-value {
  text-align: left;
  padding-top: 0; }

div.secondary-header:nth-child(2) div.secondary-header-value {
  text-align: center; }

div.secondary-header:nth-child(3) div.secondary-header-value {
  text-align: right; }

h1.header-title,
h2.container-title {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: auto;
  max-width: 98%;
  display: block;
  left: 0;
  font-size: 1.70em;
  height: 32px;
  color: #4e76b2;
  text-shadow: 0 1px 0 #ddd;
  font-weight: 700;
  margin-bottom: 0 !important;
  padding-left: 2px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.subtitle {
  clear: both;
  font-size: 120%;
  color: #333;
  display: block;
  margin: 1px auto 20px;
  font-weight: 400;
  text-shadow: 0 1px 0 #ddd; }

/* END Page Content Styles */
/* Footer Styles */
footer.bottom {
  height: 32px;
  margin: 0 auto;
  display: block; }

footer.bottom nav {
  margin: 14px 10px 0 0;
  text-align: left; }

footer.bottom nav ul li {
  color: #ccc;
  margin: 2px;
  font-size: .8em; }

footer.bottom nav ul li a:link,
footer.bottom nav ul li a:visited {
  color: #ccc;
  margin: 2px;
  text-decoration: none; }

footer.bottom nav ul li a:active,
footer.bottom nav ul li a:hover {
  color: #ccc;
  margin: 2px;
  text-decoration: underline; }

footer.bottom p {
  font-size: .8em;
  color: #ccc;
  margin: 14px 0 0 10px;
  text-align: right; }

img.footer-logo {
  width: 32px;
  height: 32px;
  border: 0; }

/* END Footer Styles */
/* Custom Button Styles */
.process-button {
  text-shadow: none;
  border: solid 1px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0px 1px 1px 0px rgba(255,255,255,.4);
  -webkit-box-shadow: inset 0px 1px 1px 0px rgba(255,255,255,.4);
  box-shadow: inset 0px 1px 1px 0px rgba(255,255,255,.4);
  background-image: url("/content/images/buttons/add-btn-back-tile.png");
  background-repeat: repeat-x;
  margin: 2px auto !important;
  cursor: pointer; }

.clear-button {
  color: #000 !important;
  text-shadow: none;
  border: solid 1px rgba(0, 0, 0, 0.3);
  text-align: center;
  font-weight: bold;
  padding: 0;
  background-color: #fff !important;
  cursor: pointer;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); }

.process-button:disabled {
  background: rgba(150, 150, 150, 0.3) !important;
  color: rgba(0, 0, 0, 0.6) !important;
  -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.4), 0 1px 1px rgba(255,255,255,.2);
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.4), 0 1px 1px rgba(255,255,255,.2);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.4), 0 1px 1px rgba(255,255,255,.2);
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
  border: none;
  cursor: default; }

.clear-button:disabled {
  background: rgba(150, 150, 150, 0.3) !important;
  color: rgba(0, 0, 0, 0.6) !important;
  -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.9), 0 1px 1px rgba(255,255,255,.2);
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.9), 0 1px 1px rgba(255,255,255,.2);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.9), 0 1px 1px rgba(255,255,255,.2);
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
  border: none;
  cursor: default; }

div.ui-select .ui-btn-text {
  font-size: 90% !important;
  text-align: left !important; }

div.button-wrapper {
  width: auto !important;
  min-width: 300px !important;
  display: block;
  clear: both !important;
  margin: 15px 30px !important;
  text-align: center;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0; }

div.button-wrapper button,
div.button-wrapper .ui-btn
div.button-wrapper .ui-btn-inner,
div.button-wrapper .ui-btn-inline,
div.button-wrapper .ui-btn-hidden {
  width: 300px !important;
  min-width: 300px !important;
  max-width: 300px !important;
  margin: 0 15px 0 0;
  display: inline-block !important;
  -moz-box-shadow: inset 0 0 2px rgba(255,255,255,0.6);
  -webkit-box-shadow: inset 0 0 2px rgba(255,255,255,0.6);
  box-shadow: inset 0 0 2px rgba(255,255,255,0.6); }

[data-theme="h"] {
  height: 36px;
  display: block;
  color: #111 !important;
  text-shadow: none;
  border: solid 1px rgba(0, 0, 0, 0.3);
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  font-weight: bold;
  padding: 0;
  margin: 0 auto 5px;
  background: #fff !important;
  /* Fallback background color for non supported browsers */ }

[data-theme="g"] {
  height: 36px;
  display: block;
  color: #fff !important;
  text-shadow: 0 1px 0 #333;
  border: solid 1px rgba(0, 0, 0, 0.3);
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  font-weight: bold;
  padding: 0;
  margin: 0 auto 5px;
  -moz-box-shadow: inset 0px 1px 1px 0px rgba(255,255,255,.4);
  -webkit-box-shadow: inset 0px 1px 1px 0px rgba(255,255,255,.4);
  box-shadow: inset 0px 1px 1px 0px rgba(255,255,255,.4);
  background: #6fc842 !important;
  /* Fallback background color for non supported browsers */
  background: url("/content/images/buttons/add-btn-back-tile.png") center repeat-x !important; }

a.top-header-icon,
.ui-icon-back-button,
.ui-icon-notifications-on,
.ui-icon-notifications-off,
.ui-icon-save,
.ui-icon-edit,
.ui-icon-page-options,
.ui-icon-page-icons {
  display: block;
  height: 30px;
  width: 44px;
  float: left;
  margin: 5px 0 3px;
  background-size: 44px 30px;
  background-repeat: no-repeat;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.ui-icon-notifications-on {
  background-image: url("/content/images/buttons/notifications-on.png"); }

.ui-icon-notifications-off {
  background-image: url("/content/images/buttons/notifications-off.png"); }

.ui-icon-save,
.ui-icon-edit {
  height: 31px !important;
  width: auto;
  margin-top: 4px;
  margin-right: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  font-family: charcoal,arial,sans-serif;
  font-weight: bold !important;
  font-size: 12px !important;
  line-height: 17px;
  color: #eee !important;
  text-align: center;
  padding: 8px 12px 0 11px;
  border: 1px solid #444;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #314ffe url("/content/images/buttons/small-button-tile.png");
  /* Fallback background color for non supported browsers */
  background-size: 44px 30px;
  -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.9), 0 1px 1px rgba(255,255,255,.4);
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.9), 0 1px 1px rgba(255,255,255,.4);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.9), 0 1px 1px rgba(255,255,255,.4);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
  cursor: pointer;
  visibility: hidden; }

.ui-icon-save:active,
.ui-icon-edit:active {
  -moz-box-shadow: inset 1px 3px 2px rgba(0,0,0,.5), 0 1px 1px rgba(255,255,255,.3);
  -webkit-box-shadow: inset 1px 3px 2px rgba(0,0,0,.5), 0 1px 1px rgba(255,255,255,.3);
  box-shadow: inset 1px 3px 2px rgba(0,0,0,.5), 0 1px 1px rgba(255,255,255,.3);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4); }

.ui-icon-save[disabled="disabled"],
.ui-icon-edit[disabled="disabled"] {
  background: rgba(255, 255, 255, 0.3);
  color: rgba(0, 0, 0, 0.6) !important;
  -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.9), 0 1px 1px rgba(255,255,255,.2);
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.9), 0 1px 1px rgba(255,255,255,.2);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.9), 0 1px 1px rgba(255,255,255,.2);
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
  cursor: default; }

.ui-icon-back-button {
  margin-left: 50px;
  width: 54px;
  background-size: 54px 30px;
  background-image: url("/content/images/buttons/back.png"); }

[data-role="button"][data-inline="true"] {
  display: block;
  margin: 10px auto 10px;
  max-width: 300px;
  clear: both; }

a.ui-btn-f,
div.ui-btn-f,
a.ui-btn-up-f,
div.ui-btn-up-f {
  color: white;
  font-weight: 700;
  border: 1px solid #711414;
  background: #ab2525;
  text-shadow: 0 -1px 1px #711414;
  background: url("/content/images/buttons/delete-btn-back-tile.png") center repeat-x;
  min-height: 36px; }

a.ui-btn-down-f,
div.ui-btn-down-f,
a.ui-btn-hover-f,
div.ui-btn-hover-f {
  color: white;
  font-weight: 700;
  border: 1px solid #711414;
  background: #ab2525;
  text-shadow: 0 -1px 1px #711414;
  background: url("/content/images/buttons/delete-btn-back-tile-active.png") center repeat-x;
  min-height: 36px; }

fieldset[data-role="controlgroup"][data-type="horizontal"] {
  margin: 0 auto !important;
  display: inline-block !important;
  padding: 0; }

.form-control-container div[data-role="fieldcontain"] label {
  vertical-align: top !important;
  padding-top: 9px !important;
  padding-left: 5px;
  box-sizing: border-box; }

.form-control-container div[data-role="fieldcontain"] label:first-child {
  width: 220px !important;
  padding-right: 10px !important;
  margin-right: 10px !important; }

.form-control-container div[data-role="fieldcontain"] label.ui-select,
.form-control-container div[data-role="fieldcontain"] label.ui-slider {
  vertical-align: top !important; }

div[data-edit-list-container="true"] [data-role="button"] {
  width: 460px !important;
  min-width: 460px !important;
  max-width: 460px !important;
  margin-left: 230px !important;
  height: 36px !important;
  font-size: 90%;
  margin-top: 0 !important;
  background: #fff !important;
  color: #111;
  border: 1px solid rgba(0, 0, 0, 0.2);
  text-shadow: none !important;
  -moz-box-shadow: 0 0 3px rgba(0,0,0,0.3);
  -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.3);
  box-shadow: 0 0 3px rgba(0,0,0,0.3); }

/* Target FF only for button margin fix  */
@-moz-document url-prefix() {
  div[data-edit-list-container="true"] [data-role="button"] {
    margin-left: 245px !important; } }

div[data-edit-list-container="true"] [data-role="button"]:active {
  -moz-box-shadow: 0 0 0 rgba(0,0,0,0.3);
  -webkit-box-shadow: 0 0 0 rgba(0,0,0,0.3);
  box-shadow: 0 0 0 rgba(0,0,0,0.3); }

.ui-btn-inner {
  padding: 7px 9px; }

.ui-btn-text {
  font-size: 90%; }

div[data-edit-list-container="true"] ul {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none; }

div.ui-select {
  margin-left: -3px !important;
  margin-top: -3px !important;
  margin-bottom: -3px !important;
  font-size: 90%;
  text-align: left;
  padding: 0 !important; }

div.ui-select span.ui-btn-inner {
  padding: 7px 9px;
  border-radius: 6px !important;
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
  border-bottom-left-radius: 6px !important;
  border-bottom-right-radius: 6px !important; }

div.ui-select span.ui-btn-inner span.ui-btn-text {
  font-size: 90% !important; }

.form-control-container div[data-role="fieldcontain"] .ui-radio label,
.form-control-container div[data-role="fieldcontain"] .ui-radio span.ui-btn-inner,
.form-control-container div[data-role="fieldcontain"] .ui-radio span.ui-btn-inner span.ui-btn-text {
  font-size: 95% !important;
  vertical-align: middle !important;
  padding-top: 3px !important;
  height: 28px !important;
  border-top: none !important;
  overflow: hidden; }

ul[data-edit-list="true"] {
  width: 500px !important;
  margin-left: 10px !important;
  display: inline-block !important;
  border-collapse: collapse;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none; }

a.is-disableable[disabled="disabled"] {
  background: rgba(150, 150, 150, 0.3) !important;
  color: rgba(0, 0, 0, 0.6) !important;
  -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.9), 0 1px 1px rgba(255,255,255,.2);
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.9), 0 1px 1px rgba(255,255,255,.2);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.9), 0 1px 1px rgba(255,255,255,.2);
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
  border: none;
  cursor: default; }

span.header-count-badge,
span.header-count-badge.hidden,
span.header-count-badge.warning {
  width: auto;
  min-width: 12px;
  background: rgba(255, 255, 255, 0.9);
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  border-radius: 30px;
  border: 1px solid rgba(255, 255, 255, 0.9);
  height: 12px;
  display: inline-block;
  padding: 4px;
  text-align: center;
  font-size: 12px;
  line-height: 110%;
  font-weight: 600;
  margin: -5px 10px;
  color: #2a5c8e;
  text-shadow: none;
  position: relative; }

span.header-count-badge.positive {
  background: rgba(146, 205, 0, 0.9);
  border: 2px solid #fff;
  color: #fff;
  text-shadow: none;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
  background-image: url("/content/images/common/small-gradient-overlay.png");
  background-repeat: repeat-x; }

span.header-count-badge.warning {
  background: #c03232;
  border: 2px solid #fff;
  color: #fff;
  text-shadow: none;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
  background-image: url("/content/images/common/small-gradient-overlay.png");
  background-repeat: repeat-x; }

span.header-count-badge.hidden {
  display: none; }

span.header-count-badge.exclaimation {
  background-image: url("/content/images/icons/badge-exclaimation.png");
  background-repeat: no-repeat;
  background-position: center;
  background-color: #c03232; }

span.max-score-heading {
  width: auto;
  min-width: 60px;
  height: auto;
  overflow: hidden;
  display: inline-block;
  padding: 0;
  text-align: right;
  font-size: 120%;
  font-weight: 800;
  color: rgba(255, 255, 255, 0.9);
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
  right: 20px;
  margin: 0 10px;
  position: absolute; }

div.small-info-icon,
span.small-info-icon,
a.small-info-icon {
  width: 12px !important;
  min-width: 12px !important;
  max-width: 12px !important;
  background: rgba(0, 0, 0, 0.4) !important;
  -moz-border-radius: 30px !important;
  -webkit-border-radius: 30px !important;
  border-radius: 30px !important;
  height: 12px !important;
  max-height: 12px !important;
  min-height: 12px !important;
  display: block !important;
  padding: 4px !important;
  text-align: center !important;
  text-shadow: none !important;
  cursor: pointer !important; }

.small-info-icon:after {
  content: "i";
  font-size: 12px;
  font-weight: 600;
  font-style: oblique;
  margin: -1px auto 0;
  display: block;
  color: rgba(255, 255, 255, 0.9); }

a.screen-cancel-button {
  position: absolute;
  right: 370px;
  top: -1px;
  display: block;
  line-height: 0px !important;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  width: 60px;
  height: 32px;
  color: #fff !important;
  text-shadow: 0 0 0 #fff;
  border: solid 1px rgba(0, 0, 0, 0.3);
  font-size: 24px;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  padding: 0;
  margin: 0 auto 5px;
  -moz-box-shadow: inset 0px 1px 1px 0px rgba(255,255,255,.4);
  -webkit-box-shadow: inset 0px 1px 1px 0px rgba(255,255,255,.4);
  box-shadow: inset 0px 1px 1px 0px rgba(255,255,255,.4);
  background: #B93300 !important;
  /* Fallback background color for non supported browsers */
  background: url("/content/images/buttons/delete-btn-back-tile.png") center repeat-x !important; }

a.screen-cancel-button .ui-btn-text {
  top: 7px !important;
  border: none;
  font-size: 70%; }

a.screen-cancel-button .ui-btn-inner {
  display: inline-block !important;
  overflow: visible !important; }

a.screen-add-button {
  position: absolute;
  right: 370px;
  top: -1px;
  display: block;
  line-height: 0px !important; }

a.screen-add-button .ui-btn-text {
  top: 7px !important;
  border: none;
  font-size: 150%; }

a.screen-add-button .ui-btn-inner {
  overflow: visible !important; }

input.screen-file-browse-button {
  width: 85px; }

/* Target FF only to make file upload button width smaller*/
@-moz-document url-prefix() {
  input.screen-file-browse-button {
    width: 75px; } }

/* Target FF only for login button margin fix  */
@-moz-document url-prefix() {
  a#cmdlogon {
    margin-left: 5px !important; } }

/*
==================================
    Custom Radio Button Styles
================================== */
label.radio-label.radio-label.radio-label.radio-label {
  width: 90% !important;
  height: 100% !important;
  max-height: 100% !important; }
  label.radio-label.radio-label.radio-label.radio-label .ui-icon {
    top: 1.1em; }

/* 
==================================
    END Custom Radio Button Styles
================================== */
/* END Custom Button Styles */
a {
  text-decoration: none; }

.inline-table-header,
.inline-table {
  width: 90%; }

.inline-table th.name,
.inline-table td.name {
  width: 40%;
  text-align: left; }

.inline-table th.date,
.inline-table td.date {
  width: 18%;
  text-align: center; }

.inline-table th.status,
.inline-table td.status {
  width: auto;
  text-align: center; }

table {
  width: 100%;
  height: auto;
  -moz-box-shadow: inset 1px 1px 2px rgba(0,0,0,.3), inset -1px -1px 2px rgba(0,0,0,.3);
  -webkit-box-shadow: inset 1px 1px 2px rgba(0,0,0,.3), inset -1px -1px 2px rgba(0,0,0,.3);
  box-shadow: inset 1px 1px 2px rgba(0,0,0,.3), inset -1px -1px 2px rgba(0,0,0,.3);
  border: 1px solid rgba(255, 255, 255, 0.6);
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  padding: 1px;
  background: #ccc; }

table caption {
  text-align: left; }

table thead th {
  color: #444;
  font-size: 90%;
  overflow: hidden;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  background: #aaa;
  /* Fallback background color for non supported browsers */
  background: url("/content/images/common/grid-header-gradient.png") top left repeat-x #aaa;
  text-align: left;
  padding: 5px 7px;
  font-weight: 700; }

table thead th:first-child {
  border-top-left-radius: 8px; }

table thead th {
  border-bottom: 1px solid #333; }

table tr th.divider {
  color: #fff;
  text-align: left;
  padding: 5px 7px;
  text-shadow: -1px -1px 0 #456f9a;
  background: #5e87b0;
  /* Fallback background color for non supported browsers */
  background-image: -moz-linear-gradient(top, #81a8ce, #5e87b0);
  /* Firefox 3.6 */
  background-image: -webkit-gradient(linear, left top, left bottom, from(#81a8ce), to(#5e87b0));
  /* Safari & Chrome */
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#81a8ce', endColorstr='#5e87b0');
  /* IE6 & IE7 */
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#81a8ce', endColorstr='#5e87b0')";
  /* IE8 */ }

table thead th:last-child {
  border-top-right-radius: 8px; }

table tbody tr {
  color: #333;
  background: #fff;
  /* Fallback background color for non supported browsers       
	background-image: -moz-linear-gradient(top, #fff, #ddd);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd));
	background-image: url(/content/images/common/table-row-gradient.png);*/ }

table tbody tr:active {
  background: rgba(150, 190, 230, 0.4); }

table tbody td {
  padding: 7px;
  border-top: 1px solid #eee;
  border-left: 1px solid #eee;
  border-right: 1px solid #bbb;
  border-bottom: 1px solid #bbb;
  text-shadow: none;
  font-size: 100%; }

table tbody td:last-child {
  border-right: 0; }

tfoot td {
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7);
  color: #111;
  padding: 5px 7px;
  font-size: 90%; }

input.add {
  color: #fff;
  font-weight: bold;
  background: #ddd !important;
  /* Fallback background color for non supported browsers */
  background-image: -moz-linear-gradient(top, #fff, #ddd) !important;
  /* Firefox 3.6 */
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd)) !important;
  /* Safari & Chrome */
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#fff', endColorstr='#ddd') !important;
  /* IE6 & IE7 */
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#fff', endColorstr='#ddd')" !important;
  /* IE8 */ }

table tbody td.arrow-td {
  width: 1%; }

a.details-button {
  -moz-border-radius: 16px !important;
  -webkit-border-radius: 16px !important;
  border-radius: 16px !important;
  width: 20px !important;
  height: 20px !important;
  display: block !important;
  color: #fff !important;
  text-shadow: 0 0 0 #fff !important;
  border: solid 3px #fff !important;
  font-size: 22px !important;
  line-height: 17px !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-weight: 700 !important;
  text-align: center !important;
  padding: 0 !important;
  margin: 0 auto !important;
  -moz-box-shadow: 0 1px 4px rgba(0,0,0,0.5) !important;
  -webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.5) !important;
  box-shadow: 0 1px 4px rgba(0,0,0,0.5) !important; }

a.details-button:link,
a.details-button:visited {
  background: #628bb4 !important;
  border: solid 3px #fff !important;
  color: #fff !important; }

a.details-button:hover,
a.details-button:active {
  background: #3b6288 !important;
  border: solid 3px #dae3ed !important;
  color: #dae3ed !important; }

input[type=button].add-button,
a.add-button,
button.add-button {
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  width: 60px;
  height: 32px;
  display: block;
  color: #fff !important;
  text-shadow: 0 0 0 #fff;
  border: solid 1px rgba(0, 0, 0, 0.3);
  font-size: 24px;
  line-height: 18px;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  padding: 0;
  margin: 0 auto 5px;
  -moz-box-shadow: inset 0px 1px 1px 0px rgba(255,255,255,.4);
  -webkit-box-shadow: inset 0px 1px 1px 0px rgba(255,255,255,.4);
  box-shadow: inset 0px 1px 1px 0px rgba(255,255,255,.4);
  background: #6fc842 !important;
  /* Fallback background color for non supported browsers */
  background: url("/content/images/buttons/add-btn-back-tile.png") center repeat-x !important;
  cursor: pointer; }

input[type=button].add-button:disabled,
a.add-button:disabled,
button.add-button:disabled {
  background: rgba(0, 0, 0, 0.1) !important;
  /* Fallback background color for non supported browsers */
  cursor: default;
  color: rgba(0, 0, 0, 0.3) !important;
  text-shadow: none; }

input[type=button].add-button .ui-btn-inner,
a.add-button .ui-btn-inner {
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px; }

input[type=button].add-button .ui-btn-text,
a.add-button .ui-btn-text {
  font-size: 150%; }

input[type=button].add-button:active,
a.add-button:active {
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  width: 60px;
  height: 32px;
  display: block;
  color: #fff !important;
  text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.5);
  font-size: 24px;
  line-height: 18px;
  font-family: arial, helvetica, sans-serif;
  text-align: center;
  padding: 0;
  margin: 0 auto 5px;
  -moz-box-shadow: inset 0px 1px 1px 1px rgba(33,33,33,.2), 0px 1px 1px 0 rgba(255,255,255,.5);
  -webkit-box-shadow: inset 0px 1px 1px 1px rgba(33,33,33,.2), 0px 1px 1px 0 rgba(255,255,255,.5);
  box-shadow: inset 0px 1px 1px 1px rgba(33,33,33,.2), 0px 1px 1px 0 rgba(255,255,255,.5);
  background: #6fc842 !important;
  /* Fallback background color for non supported browsers */
  background: url("/content/images/buttons/add-btn-back-tile-active.png") center repeat-x !important; }

input[type=number]:disabled {
  background: rgba(0, 0, 0, 0.1) !important;
  /* Fallback background color for non supported browsers */
  cursor: default;
  color: rgba(0, 0, 0, 0.3) !important; }

div[data-role=ui-grid-b] {
  clear: both; }

.read-only-textbox {
  width: 99% !important;
  max-width: 100% !important;
  height: auto !important;
  background: none !important;
  resize: none !important;
  border: none !important;
  overflow: auto !important;
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important; }

.detail-info-icon {
  width: 12px !important;
  min-width: 12px !important;
  max-width: 12px !important;
  background: #999 !important;
  background: rgba(0, 0, 0, 0.4) !important;
  -moz-border-radius: 30px !important;
  -webkit-border-radius: 30px !important;
  border-radius: 30px !important;
  height: 12px !important;
  max-height: 12px !important;
  min-height: 12px !important;
  display: inline-block !important;
  padding: 3px !important;
  text-align: center !important;
  text-shadow: none !important;
  cursor: pointer !important;
  background-image: url("/content/images/common/help_icon.gif");
  margin: 0 5px; }

.detail-info-icon:after {
  content: "?";
  font-size: 12px;
  font-weight: 600;
  font-style: oblique;
  margin: -2.5px auto 0;
  display: block;
  color: #ffffff;
  color: rgba(255, 255, 255, 0.9); }

#intelligent-content-dialog-intelligent-content {
  background: #fff; }

/* Inline warning message style for modal dialog pop-over content */
div.admin-group-user-assignment-limit-warning {
  background: lightyellow;
  text-shadow: none;
  color: #333;
  width: 100%;
  padding: 7px 10px 3px;
  font-size: .9em;
  position: relative;
  border: 1px solid rgba(0, 0, 0, 0.3); }

div.admin-group-user-assignment-limit-warning div {
  position: absolute;
  z-index: 500;
  top: 16px;
  left: 54px; }

/* Global message formatting*/
div.error-message-container {
  color: #333;
  background: #f8f8f8;
  height: 100%;
  min-height: 100%;
  width: 100%;
  min-width: 100%;
  position: absolute;
  z-index: 999;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }
  div.error-message-container div.error-content {
    display: block;
    padding: 20px;
    text-align: center;
    vertical-align: top; }
    div.error-message-container div.error-content div.error-content-message {
      display: inline-block;
      vertical-align: middle; }

/* CSS icons */
.warning-icon {
  border-radius: 50%;
  display: inline-block;
  font-size: 8px;
  height: 6em;
  margin: 0 10px;
  overflow: hidden;
  position: relative;
  text-align: center;
  text-decoration: none;
  text-shadow: none;
  width: 6em;
  vertical-align: middle; }

.warning-icon::before {
  border: solid 3em transparent;
  border-bottom-color: #f6d401;
  border-bottom-width: 5em;
  border-radius: 6px;
  border-top-width: 0;
  content: '';
  left: 50%;
  margin: -.414em -50%;
  position: absolute; }

.warning-icon::after {
  color: black;
  content: '\0021';
  font-family: Georgia, Times, "Times New Roman", serif;
  font-size: 3.2em;
  font-style: normal;
  font-weight: 800;
  left: 41%;
  position: absolute;
  top: 14%;
  z-index: 999; }

/* Media Queries */
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  .ui-icon-toggle-side-nav {
    margin-left: 4px;
    background-image: url("/content/images/icons/toggle-side-nav@2x.png"); }
  .ui-icon-notifications-on {
    background-image: url("/content/images/buttons/notifications-on.png"); }
  .ui-icon-notifications-off {
    background-image: url("/content/images/buttons/notifications-off.png"); } }

@media only screen and (min-width: 1025px) {
  select, input[type=text], input[type=password] {
    margin: 0 auto !important; }
  div[data-role="page"] {
    min-width: 1024px; }
  div[data-role="content"] {
    margin: 0 auto;
    padding: 0; }
  .form-control-container div[data-role="fieldcontain"] {
    padding-top: 0px; }
  select,
  input[type="text"],
  input[type="password"],
  input[type="email"],
  input[type="number"],
  input[type="tel"] {
    max-height: 32px;
    min-height: 32px;
    height: 32px;
    padding: 5px;
    font-size: 100%; }
  label {
    vertical-align: middle;
    padding: 5px;
    font-size: 80%; } }

@media only screen and (width: 768px) and (orientation: portrait) {
  header.top {
    background: transparent url("/content/images/common/title-bar-tile3.png"); }
  div[data-role="page"] {
    min-width: 768px !important;
    max-width: 768px !important; }
  div[data-role="content"] {
    margin: 0 auto;
    padding: 0;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    width: 100%; }
  div.form-control-container {
    width: 100%;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    margin: 0;
    background: #dddddd url("/content/images/common/background-paper.png"); } }

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  div.screenwrapper {
    max-height: 768px !important; }
  div[data-role="page"] body {
    min-width: 1024px !important;
    max-width: 1024px !important;
    max-height: 768px !important; }
  div[data-role="content"] {
    min-width: 100% !important;
    max-width: 1024px !important;
    min-height: 100% !important; } }

@media print {
  * {
    -webkit-print-color-adjust: exact; } }

/* END Media Queries */
header.top {
  background: transparent url("/content/images/common/title-bar-tile3.png"); }

div.form-control-container {
  background: #dddddd url("/content/images/common/background-paper.png"); }

div.section.comment-control-section textarea {
  max-width: 100% !important; }