html, body {
	overflow-x: visible;
}
body {
  /*
     The following 2 rules are defined in the jQuery layout plugin and have been overriding our own styles. How rude!
     TODO: Determine if we really want these (probably not) and maybe get a less rude alternative for jq layout.
   */
  font-family: Geneva, Arial, Helvetica, sans-serif;
  font-size: 100%;
  margin: 0;
  background: #fff;
  text-rendering: geometricPrecision;
}

a.Disabled {
  text-decoration: none;
}

/* hide whitespace */
body > div > div.Main > div > br {
  display: none;
}
body > div > div.Main > div > form {
  padding: 0px;
}

body > div > form {
  padding: 0 20px;
}
body > div > a:nth-of-type(1){
  margin-left: 20px;
}


#navbar {
  padding: 0 20px;
  border-top: 1px solid #e6e7e8;
  border-bottom: 1px solid #a3a3a4;
  border-collapse: separate;
  background: #fff;
  box-shadow: 0px 3px 10px #ccc;
}
#nav li a {
  font-weight: normal;
  color: #808285;
  margin: 0;
  padding: 10px 30px;
}
#nav > li > a {
  border-bottom: transparent solid 3px;
}
#nav > li:hover > a {
  border-bottom-color: #888;
}
#nav > li.active > a {
  border-bottom-color: #ed1c24;
  color: #231f20;
}
#nav li ul, #float li ul {
  -webkit-box-shadow: 0px 3px 10px #ddd;
  box-shadow: 0px 3px 10px #ddd;
}
#nav li ul, #float li ul, #nav li:hover, #nav li.sfhover, #float li:hover, #float li.sfhover {
  background: #fff;
}
#nav li li, #float li li {
  display: block;
  width: 100%;
  padding: 0;
}
#nav li li a, #nav li:hover, #nav li.sfhover, #float li:hover, #float li.sfhover, #nav li:hover a {
  color: #808285;
}
#nav ul li a, #float ul li a {
  width: auto;
}

input:not([type="button"]):not([type="submit"]), textarea, select {
  border: 1px solid #d0d1d2;
  padding: 8px 10px;
  border-radius: 4px;
  font-size: 14px;
  box-shadow: -1px 1px 2px #f1f1f1;
}
input:not([type="button"]):not([type="submit"]):focus, textarea:focus, select:focus {
  outline: none;
  border-bottom: 1px solid #999;
}
#ButtonAddNew i {
    color: white;
    margin-left: -10px;
    padding-right: 10px;
}
select {
	/* height: 34px; */
}
/* ADMIN overrides */
select.tristate_box {
  padding: 1px 10px;
}
select.access {
  padding: 0px 5px;
}
#input_left, #input_right {
  height: auto;
  padding: 6px 10px;
}
/* END ADMIN overrides */

#loginWrapper {
  background: none;
}
#loginLogo {
	width: 100%;
	height: 50px;
	overflow: hidden;
	padding: 2px 0 20px 0;
	margin: 0;
	border-top: 4px solid #ed1d22;
}
form[name="frmLogon"] {
  position: relative;
}
.loginText {
  width: 200px;
}
#loginBtnWrap {
  right: 26px;
}

div#foundation
{
	display: inline-block;
    /* min-width: 1180px; */
	width: 100%;
}

#hierarchy > h3 > img {
  position: absolute;
  top: -100px;
  left: 0px;
}

#welcome img, #welcome img:hover {
  border: none;
}

#welcome svg.icon:hover {

  transform: scale(1.2);
  fill: black;
  opacity: 0.8;
  transition: ease-in-out 0.2s;
}

#welcome svg.icon {
  width: 75px;
  height: 75px;
  padding: 10px;
  margin: 5px;
  border: none;
  display: inline;
  transition: ease-in-out 0.2s;
}

#Footers {
  background: #f1f2f2;
  margin-top: 0px;
  padding-top: 20px;
}

body > div:nth-of-type(1) {
	/* background: #f7f7f7; */
	box-shadow: 0px 1px 7px #bbb;
	border-bottom: 1px solid #bbb;

  /*
    The following rules were included without accompanying documentation. The result of the rule is to position elements
    in 3D space as if the user is looking at them head-on -- which he normally does, so I'm not sure why this rule is
    here; there doesn't seem to be anything that overrides the default so there should be no need to reset it.
    These rules are commented out because they prevent FireFox (and Chrome) from honoring `position: fixed` in any
    child rule matched by the above selector.
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
  */
}
#welcome {
  min-height: 440px;
}

body div.marginbox1 {
	padding: 0px 20px 30px;
}
/**
body > div > div.ErrorBox {
	padding: 0px 20px 30px;
}
**/

#maindiv > h3 {
	margin: 20px 0px 0;
	border-bottom: 2px solid #58595b;
	ight: 300;
	font-size: 17px;
	line-height: 40px;
}

body:not(.marginbox1) > div > h3 {
	margin: 20px 20px 0;
	border-bottom: 2px solid #58595b;
	ight: 300;
	font-size: 17px;
	line-height: 40px;
}
body:not(.details) > div > h3 img.icon {
  width: 30px;
  margin: -8px 3px -8px 0px;
}
body:not(.details) > div > h3 button img.icon {
  width: 32px;
  margin: -12px 0px -12px -12px;
}

.details h3,
/* .details div.SubSection h3, */
.details > div.sticky-header > h3
{
	position: relative;
	margin: 0 0px 10px 0px;
	border-bottom: 2px solid #58595b;
	color: #58595b;
	padding: 10px 2px;
	line-height: 1.2;
}
.details h3 img {
  display: inline;
  width: 50px;
  height: 50px;
  margin: -18px -11px;
}
.details h3 .badge {
  color: #333;
  font-weight: bold;
  margin-left: 7px;
  font-size: 14px;
}

div.ListTableDiv {
  position: relative;
  padding: 0 25px;
  margin: 0 -20px;
  background: #fff;
  overflow: hidden;
}
div.ListTableDiv:after {
  content: '';
  position: absolute;
  right: 0px;
  top: -10px;
  width: 25px;
  height: 120%;
  box-shadow: -2px 0px 10px #ccc;
  z-index: 1;
}
div.ListTableDiv > div {
  overflow-x: hidden; /* scrolling will be controlled by js */
}
div.ListTableDiv .tableFloatingHeaderOriginal {
  position: relative;
}

table.ListMargin tr td.BulkTasks {
  /*color: transparent;*/ /* hide pipes | */
}

#ListHeaderRow td {
  vertical-align: middle;
}

/* BUTTON DEFINITIONS */
button, input[type="button"], input[type="submit"], .btn, body .loginBtn, body a.BulkTaskLink, .Paginator a:not(.page-link), a.BulkLink {
  position: relative;
  display: inline-block;
  height: auto;
  width: auto;
  padding: 8px 20px;
  vertical-align: top;	/* align text with images */
  background: #fff;
  border: 1px solid #e6e7e8;
  border-bottom: 2px solid #c0c1c1;
  text-decoration: none;
  text-align: center;
  color: #231f20;
  cursor: pointer;
}
button:hover, input[type="button"]:hover, input[type="submit"]:hover, .btn:hover, body .loginBtn:hover, body a.BulkTaskLink:hover, .Paginator a:not(.page-link):hover, a.BulkLink:hover {
  background: #fafafa;
}
button:focus, input[type="button"]:focus, input[type="submit"]:focus, .btn:focus, body .loginBtn:focus, body a.BulkTaskLink:focus, .Paginator a:not(.page-link):focus, a.BulkLink:focus {
  outline: none;
}

button:before,
input[type="button"]:before,
input[type="submit"]:before,
.btn:before,
body .loginBtn:before,
a.BulkTaskLink:before,
.Paginator a:not(.page-link):before,
a.BulkLink:before
{
  position: absolute;
  content: '';
  top: -1px;
  left: -1px;
  width: 100%;
  height: 100%;
  border: 1px solid #f2f2f2;
  z-index: 1;
}

button .icon, .btn .icon, body a.BulkTaskLink .icon, .Paginator a:not(.page-link) .icon {
  width: 32px;
	height: 32px;
  margin-right: 0px;
  vertical-align: middle;
}

.svgIcon {
	height: 50px;
	border: none;
}

button.Disabled, input.Disabled[type="button"], .btn.Disabled, body .loginBtn.Disabled, body a.BulkTaskLink.Disabled, .Paginator a.Disabled:not(.page-link) {
  /*opacity: 0.35;*/
  background: #eff0f0;
  color: #cecfcf;
  /*background: #f8f8f8;
  color: #bbb;*/
}

.btn-dark {
  background: #666!important;
  color: #f7f7f7!important;
  border-color: #5f5f5f!important;
  border-bottom-color: #555!important;
}
.btn-dark:hover {
  background: #555!important;
}
.btn-dark::before {
  border-color: #515151!important;
}
/* END BUTTON DEFINITIONS */


/* cList */
body a.BulkTaskLink {
  min-width: 75px;
  /*margin-right: -11px;*/ /* hide pipes | */
  font-size: 14px;
}
body table.ListMargin tr td.BulkTasks a.BulkTaskLink {
  font-weight: 200;
}
.BulkTasks > div {
	display: inline-block;
	vertical-align: middle;
}
.BulkTasks a.BulkTaskLink:first-child {
  border-radius: 2px 0 0 2px;
}
.BulkTasks a.BulkTaskLink:last-child {
  border-radius: 0 2px 2px 0;
}
td.column-scrolling {
  text-align: right;
  padding: 0px 5px;
  white-space: nowrap;
  vertical-align: top !important;
}
a.column-scroll .icon {
	height: 18px;
	border: none;
}
a.column-scroll:first-child {
  margin-right: 15px;
}
a.column-scroll:last-child {
  margin-left: 15px;
}
div.navigation-text {
	display:inline-block;
	margin-top: 12px;
}


h3 div {
  display: inline-block;
}
.details-header div {
  padding-left: 25px;
  font-weight: normal;
}
h3 .actions {
  float: right;
  margin-top: -5px;
}
h3 .actions > .BulkLink:nth-child(2) {
  margin-right: 15px;
}

table.ListTable tr.HeaderRow {
  /*position: relative;  hide overflow on FF */
}
table.ListTable tr.HeaderRow th {
  padding: 25px 20px 15px;
  border-color: #b3b6b8;
  border-top: 0;
  border-bottom-width: 1px;
  background-color: #fff;
  border-left: none;
  border-right: none;
}
table.ListTable tr.HeaderRow th,
table.ListTable tr.HeaderRow th a {
  text-decoration: none;
  font-weight: 200;
  font-family: "Arial Narrow", Arial;
  font-stretch: condensed;
  font-size: 14px;
}
table.ListTable tr {
  border-bottom: 1px solid #eee;
}
table.ListTable tr.DataRow > td {
	height: 58px;
	padding: 8px 20px;
	background-color: #f7f7f7;
	font-size: 14px;
	max-width: 300px;
	overflow: hidden;
	word-wrap: break-word;
}
table.ListTable tr.DataRow > td.truncatetext {
	text-overflow: ellipsis;
	white-space: nowrap;
}
table.ListTable tr.DataRow td:not(.fixed-column):hover:after {
  display: block;
}
table.ListTable tr.DataRow td.image-cell {
	/* Allow for hover popups */
	overflow: visible;
}
body table.ListTable tr.DataRow.Alt td {
  background-color: #fff;
}

table.ListTable .summary-row {
  display: none;
}
table.ListTable .summary-row.open {
  display: table-row;
}
table.ListTable .summary-row td {
  position: relative;
  padding: 0;
  background: #fff;
}
table.ListTable .summary-row td:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: inset -10px 0px 6px #ccc;
}
.summary-actions {
  background: #f1f2f2;
  padding: 20px 15px;
}
.summary-actions .btn {
  min-width: 75px;
  padding: 3px 25px 3px 15px;
}
.summary-details {
  display: -ms-flex;
  display: flex;
  width: 94vw;
}
.summary-detail-item {
  display: inline-block;
  -ms-flex: 1;
  flex: 1;
  margin: 20px;
  margin-right: 0;
  padding-right: 20px;
  border-right: 1px solid #eee;
}
.summary-detail-item:last-child {
  border-right: 0;
}
.summary-detail-item strong {
  display: block;
  padding-bottom: 10px;
  font-weight: 200;
  font-size: 15px;
}
.summary-detail-item .icon {
  width: 30px;
  margin-right: 5px;
  vertical-align: middle;
}

table.ListTable tr[childlistname]{
  display: none;
}
table.ListTable td.fixed-column {
  white-space: nowrap;
  padding-right: 0;
}
table.ListTable th.fixed-column input, table.ListTable td.fixed-column input {
  visibility: hidden;
}
table.ListTable th.fixed-column input:checked + span, table.ListTable td.fixed-column input:checked + span {
  display: inline-block;
}

table.ListTable th.fixed-column label,
table.ListTable td.fixed-column label {
  display: inline-block;
  position: relative;
  width: 20px;
  height: 20px;
  background: #fff;
  border: 1px solid #bcbec0;
  border-radius: 4px;
}
/**
table.ListTable th.fixed-column label {
  // position: absolute;
  top: 50%;
  margin-top: -10px;
  // top: 33%;
}
th.fixed-column > div label.fixedcheckboxonly,
td.fixed-column > div label.fixedcheckboxonly {
	top: 50%;
	margin-top: -10px;
}
****/
td.fixed-column > div > label.fixedcheckbox {
	display: inline-block;
	position: relative;
	margin-right: 10px;
}
table.ListTable th.fixed-column label span, table.ListTable td.fixed-column label span {
  display: none;
  position: absolute;
  left: -3px;
  top: -3px;
  background: url("/Images/icons.svg#check") no-repeat;
  width: 26px;
  height: 26px;
}

table.ListTable tr th.fixed-column, table.ListTable tr.DataRow td.fixed-column {
  position: relative;
  height: 100%;
  width: 30px;
  max-width: none;
  padding: 0;
  overflow: visible;
}

.fixed-column > div {
  margin: auto 0;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  position: relative;
	height: 100px;
  overflow-y: hidden;
  white-space: nowrap;
  padding: 0px 20px;
  background: #f7f7f7;
  z-index: 1;
}
/* IE Only - hack to let the DIV take up 100% height */
@media screen and (min-width:0\0) {
  table.ListTable tr th.fixed-column, table.ListTable tr.DataRow td.fixed-column {
    height: 1px;
  }
}
/* Fixed column Delimiter */
td.fixed-column > div::before {
  content: '';
  position: absolute;
  right: 7px;
  top: -25%;
  height: 150%;
  width: 100%;
	border-right: 4px solid #c9cdd0;
	box-shadow: 2px 0px 4px #ccc;
}

tr.Alt .fixed-column > div, tr th.fixed-column > div {
  background: #fff;
}
.fixed-column > div div {
  display: inline-block;
}
.fixed-column a {
  margin-right: 6px;
}
/**
.fixed-column .toggleSummaryRow {
  margin-right: 0;
}
**/
table.ListTable tr.DataRow .icon {
	border: none!important;
	margin: 0;
	width: 28px;
	height: 28px;
	vertical-align: middle;
	transition: transform 0.3s ease-out;
}
.SubSectionItems table.ListTable tr.DataRow .icon {
  width: 30px;
}
.toggleSummaryRow.open .icon {
	transform: rotate(90deg);
	fill: red;
}
/**
.ExpandWrapper .icon {
	transition: transform 0.3s ease-out;
}
***/
.ExpandWrapper.open .icon {
	transform: rotate(90deg);
	fill: red;
}

td.fixed-column > div > a, 
td.fixed-column > div > label {
  display: inline-block;
  position: relative;
  vertical-align: middle;
}
td.fixed-column > div > a .icon {
  vertical-align: baseline !important;
}

/* END cList */



/* details */
.details div.Main {
  background: #fff;
}
div.SubSection {
  padding: 0;
  float: none;
}
div[id^=divShowImages].SubSection div[id^=divShowImagesGenieTrainingSet].SubSection  {
  margin-top: 15px;
  width: 30%;
  float: left;
}
div[id="divShowImagesSlide"].SubSection {
  /* float: right; */
  width: 100%;
}
div[id^=divShowImages].SubSection > * {
  padding-left: 20px;
  padding-right: 10px;
}
div[id^=divShowImages].SubSection form {
  padding: 0;
}
table.ImageBlock {
  border-spacing: 0;
}

div[id^=divShowImages].SubSection + form {
  clear: both;
}
div[id^=divShowImages].SubSection + form table.RecordData tbody {
  -moz-column-count: 3;
  -webkit-column-count: 3;
  column-count: 3;
}
div[id^=divShowImages].SubSection + form.has-images {
  width: 70%;
  float: left;
  padding-left: 0;
  padding-right: 0;
  clear: none;
}
div[id^=divShowImages].SubSection + form.has-images table.RecordData tbody {
  -moz-column-count: 2;
  -webkit-column-count: 2;
  column-count: 2;
}
.details div[id="divShowImagesSlide"].SubSection + form {
  width: 30%;
}

/**
.details div[id="divShowImagesSlide"].SubSection + form.has-images table.RecordData tbody,
.details .tab-holder div[id="divShowImagesSlide"].SubSection table.RecordData tbody.ThreeColumn {
  -moz-column-count: 3;
  -webkit-column-count: 3;
  column-count: 3;
}
**/
.details table.RecordData tbody {
	display: block;
	-moz-column-gap: 20px;
	-moz-column-rule-color: #F7F7F7;
	-moz-column-rule-style: solid;
	-moz-column-rule-width: 1px;
	-webkit-column-gap: 20px;
	-webkit-column-rule-color: #F7F7F7;
	-webkit-column-rule-style: solid;
	-webkit-column-rule-width: 1px;
	column-gap: 20px;
	column-rule-color: #F7F7F7;
	column-rule-style: solid;
	column-rule-width: 1px;
}

.details table.RecordData tbody.ThreeColumn {
	display: block;
	-moz-column-count: 3;
	-webkit-column-count: 3;
	column-count: 3;
}

.details table.RecordData tbody.TwoColumn {
	display: block;
	-moz-column-count: 2;
	-webkit-column-count: 2;
	column-count: 2;
}

/* SLIDE SPECIFIC */
#Slide_Section .tab-content > .SubSectionLeft {
  display: flex;
  flex-direction: column;
}
#Slide_Section .tab-content > .SubSectionLeft > div {
  order: 3;
  float: none;
  width: 100%;
}
#Slide_Section .tab-content > .SubSectionLeft > div:first-child {
  order: 1;
  float: none;
  width: 100%;
}
#Slide_Section .tab-content > .SubSectionLeft > form {
  order: 2;
  float: none;
  width: 100%;
}

#Slide_Section .tab-content .ImageBlock > tbody.has-image > tr:first-child {
	position: absolute;
	top: 0px;
	max-height: 220px;
	left:0px;
}
#Slide_Section .tab-content .ImageBlock > tbody.has-image > tr.commands {
	position: absolute;
	top: 210px;
	left:0px;
}
#Slide_Section .tab-content .ImageBlock > tbody > tr.mode-warning {
	position: absolute;
	top: 250px;
}
#Slide_Section .tab-content .ImageBlock > tbody.has-image {
	/* Field Section left:0; */
	position: relative;
	padding-top: 295px;
}
.mode-warning-msg {
	margin:0px auto;
}
/* END SLIDE SPECIFIC */


div.SubSectionLeft, div.SubSectionRight {
  width: 100%;
  padding-left: 0px;
  float: none;
}
div.SubSectionLeft > form > table {
  width: 100%;
}

/* hide templates */
.details div[id$="Template"] {
  display: none;
}

.details .SubSectionLeft > table, .details .SubSectionLeft table.RecordData {
  width: 100%;
  /* padding: 0 20px; */
}
.details .SubSectionLeft > table.TMAMap {
  width: auto;
}
/*** 
.details .SubSectionLeft > .BulkLink:first-child, .SubSectionLeft > div:first-child {
  margin-left: 20px;
}
***/
.details .SubSectionLeft > table td a.BulkLink {
  margin-right: -1px;
}
.details .SubSectionLeft > form {
  display: block;
  margin-top: 15px;
  padding: 0 20px;
}
.details .section-light {
  background: #fff;
}
.details .section-light > h3 {
  background: #fff;
}
.details .section-dark {
  background: #f1f2f2;
  border-top: 1px solid #ccc;
}
.details .section-dark > h3 {
  background: #f1f2f2;
}
.details .section-light > h3, .details .section-dark > h3 {
  z-index: 9;
}

.details .RecordData label {
  display: none;
}
body.details input.Modified, body.details select.Modified, body.details textarea.Modified {
  border-color: #E4C207;
}
body.details input.FieldError, body.details select.FieldError, body.details textarea.FieldError {
  border-color: #ED1D22;
  background-color: #FFE9E9;
}
/* .details table.RecordData tr:not([class="noflex"]) { */
.details table.RecordData tr.flex {
	display: block;
	display: inline-flex;
}
.details table.RecordData tr {
  width: 100%;
  min-height: 38px;
  padding-bottom: 4px;
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid;
}
.details table.RecordData tr:after {
  content: '';
  display: block;
  clear: both;
}
.details table.RecordData tr th {
  padding-top: 12px;
  font-weight: normal;
  font-family: "Arial Narrow", Arial;
  font-stretch: condensed;
  font-size: 13px;
  vertical-align: top;
}
.details table.RecordData tr th, .details table.RecordData > tr > td {
  display: inline-block;
  width: 28%;
  float: left;
}
.details table.RecordData tr td[tablename] {
  width: 60%;
}
.details table.RecordData tr td.field-10 {
	width: 10%;
}
.details table.RecordData tr td.ssp-data {
	width: 80%;
}
/* READONLY */
.details table.RecordData tr td.readonly {
  padding-top: 11px;
}
.details input.editRecord, .details select.editRecord, .details textarea.editRecord,
.details table.ImageBlock input.editRecord,
.details table.ImageBlock select.editRecord,
.details table.ImageBlock textarea.editRecord {
	width: 100%;
	max-width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box; 
}
.details table.ImageBlock select.editRecord.ssp-interpretation {
	min-width: 90%;
	width: 90%;
}

.details td.hint {
  float: none!important;
  left: 0;
  top: 26px;
  text-align: right;
  color: #777;
}
.details table.RecordData .Thumbnails tr {
  white-space: nowrap;
}
.details table.RecordData .Thumbnails tr td, .details table.RecordData .Thumbnails tr td.readonly {
  display: table-cell;
  width: auto;
  float: none;
  padding-top: 0px;
}


TABLE.RecordData TBODY TR TD.hint LABEL {
  visibility: visible;
  float: left;
  text-align: left;
  margin-left: 3px;      
}

/* hide the error message part of hint node here; we are now adding it below the display */
.details table.RecordData tr td.hint {
    visibility:collapse; 
}

.details th>div.hint {
  float: none!important;
  left: 0;
  top: 26px;
  text-align: right;
  color: #777;
}

.details div.SubSectionRight {
  padding: 0px 40px 10px;
  width: auto;
}
.details div.SubSectionRight h3 {
  border-bottom: none !important;
  font-weight: 400;
  font-size: 16px;
  margin: 0px;
  padding-top: 8px;
}
.details div.SubSectionRight > .SubSection {
  padding-bottom: 8px;
  margin-bottom: 10px;
  border-bottom: 1px solid #ddd;
}

.details div.SubSectionRight h3 .icon {
	width: 40px;
	height: 40px;
	margin: 0px -11px -2px;
}

.details .SubSectionItems {
  -webkit-display: flex;
  display: flex;
  padding: 0 30px;
}
.details .SubSectionActions, .details .SubSectionRightActions {
  padding: 0 30px 15px;
}
.details .SubSectionItems > .SubSection {
  padding-right: 10px;
}
.details .SubSectionItems > .SubSection:last-child {
  padding-right: 0;
}

#SaveAllBottom, #ResetAllBottom {
  display: none;
}

.tabs {
	position: relative;
	padding-bottom: 0px!important;
	border-bottom: 2px solid #ccc;
	margin: 10px 0px;
}
.tabs ul {
	margin: 0 45px -2px 0px;
	overflow-y: visible;
	overflow-x: hidden;
	white-space: nowrap;
}
.tabs li:first-child {
}
.tabs li {
  position: relative;
  display: inline-block;
  border: 1px solid #eee;
  border-bottom: 2px solid #ccc;
  padding: 10px 15px;
  padding-right: 25px;
  background: #f7f7f7;
  max-width: 160px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.tabs li img {
  width: 30px;
  margin: -11px;
  margin-right: 0px;
}
.tabs li.active {
  background: #fff;
  border-bottom-color: #ED1C24;
  padding-bottom: 12px;
}
.modified-notification {
  display: none;
  position: relative;
  top: 5px;
  left: 3px;
}
.tabs li.modified {
  padding-right: 32px;
  max-width: 153px;
}
.tabs li.modified::after, h3.modified .modified-notification {
/*.tabs li.modified a.close::before {*/
  content: "*";
  display: inline-block;
  color: #ED1C24;
  font-size: 28px;
  line-height: 0;
}
.tabs li.modified::after {
  position: absolute;
  top: 21px;
  margin-left: 0px;
}

h3.modified {
  background-color: transparent;
}
.tabs li a.close {
  display: inline-block;
  font-weight: bold;
  text-decoration: none;
  color: #333;
  font-family: Verdana;
  position: absolute;
  right: 10px;
  top: 7px;
}
.tabs .tab-control {
  position: absolute;
  right: 0px;
  top: 10px;
}
.tabs .tab-navigate {
  display: inline-block;
  width: 20px;
  height: 20px;
  overflow: hidden;
}
.tabs .tab-navigate img {
  display: inline-block;
  width: 40px;
  margin-top: -10px;
  margin-left: -10px;
}
.tabs .tab-navigate:last-child img {
  margin-top: -9px;
}
/* not sure what this one is for ? */
/*.details .tabs + .tab-holder .tab-content table.RecordData tbody {
  -moz-column-count: 2;
  -webkit-column-count: 2;
  column-count: 2;
}*/
.details .divShowChildSlide table.RecordData tbody {
  -moz-column-count: 1;
  -webkit-column-count: 1;
  column-count: 1;
}
.details .tab-content > .Main > h3:first-child {
  display: none;
}
.tab-content {
  display: none;
  padding: 0;
}
.tab-content.active {
  display: block;
}
/** 
.tabs + .tab-holder .tab-content:first-child {
  padding: 0 20px;
}
***/
.details div.SubSection .tab-content > .SubSection > h3, .details div.SubSection .tab-content > .SubSection > .SubSection > .tabs {
  margin-left: 0;
  margin-right: 0;
}
/* END details */


.notification {
  position: fixed;
  bottom: 0px;
  right: 20px;
  border: 1px solid #666;
  border-radius: 3px;
  padding: 10px 15px;
  background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.75);
  /* This is ridiculous. TODO: Find a more appropriate value. */
  z-index: 999999;
  color: #fff;
  opacity: 0;
  -webkit-transform: translate3d(800px,0,0px);
  transform: translate3d(800px,0,0px);
  transition: all 0.3s ease-out;
}
.notification input[type="button"], .notification input[type="submit"], .notification button {
  padding: 4px 20px;
}
.notification.in {
  opacity: 1;
  -webkit-transform: translate3d(0px,0,0px);
  transform: translate3d(0px,0,0px);
}
.notification > span {
  display: inline-block;
  padding-right: 15px;
}
.notification .notification-error {
  color: #ED1D22;
}
.notification .notification-error span {
  display: block;
}

.sticky-header {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 98%;
	padding: 0px 20px;
	background: #fff;
	z-index: 100;
}
.sticky-header h3 {
  margin-bottom: 0;
}

.rotate-90 {
  transform: rotate(90deg);
}
.rotate-180 {
  transform: rotate(180deg);
}
.rotate-270 {
  transform: rotate(270deg);
}

/*
 * jQuery-UI 1.10 Dialog stopped trying to figure out z-indexes internally; we must control dialog position by
 * styling and stacking the UI elements correctly
 */
.ui-dialog {
  /*
   * uScope's toolbar appears to be the "highest" persistent element on the DOM. Some tooltips and dropdown's
   * are 9999 so they appear above dialogs; 2000 should get the dialogs appearing above everything.
   * NOTE that z-index alone cannot fix stacking issues; the order the elements appear in the DOM is important. The
   * "highest" element should appear last in it's document tree.
   */
  z-index: 2000;
}

/***   START: List Footer Section***/
.ListFooter_clone{
	position: fixed;
	bottom: -2px;
	left: 0px;
	width: 98%;
	padding: 0px 20px;	
	z-index: 100;	
}
.ListFooter_clone tbody{
	background: #F1F2F2;
	border:1px solid #F1F2F2; 
}
.ListFooter_clone_display {
	display: none;
}
.ListFooter_clone ul {
	bottom:0px;
	margin-bottom:33px;
} 

/***   END: List Footer Section***/