@charset "utf-8";
html {
	height: 100%;
	width: 100%;
}
body {
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	font-size: 0.9em;
	line-height: 150%;
	position: relative;
	background-image: url(../images/bg-striped-white.gif);
}
#FixedHeadFrame {
	position: fixed;
	top: 0;
	width: 100%;
	height: 33px;
	line-height: 33px;
	background-image: url(../images/bg-striped-white.gif);
	padding-left: 50px;
	color: #363636;
	border-bottom: 3px solid #FFF;
	z-index: 20;
}
#NotifyWrap{
	float: right;
    width: 570px;
    padding: 5px;
	margin-bottom:5px;
}
#NotifyFrame {
	width: 100%;
	background-image: url(../images/bg-removed-dark.gif);
}
#NotifyFrame td {
	vertical-align: top;
}
#NotifyDismiss {
	cursor: pointer;
	padding: 12px;
}
.FixedHeadContent {
	width: 935px;
}
.FixedHeadLeft {
	float: left;
}
.FixedHeadRight {
	float: right;
}
.BlackFrame {
	position: relative;
	width: 100%;
	height: 100%;
	perspective: 1000px;
	background: #000000;
	border-bottom: 3px solid #FFF;
}
#mainFrame {
	width: 985px; /* 1020 total */
	padding: 36px 35px 10px 0;
}
/* fixed head elements */
.FixedTopOptions {
	background: url(../images/red-arrow-8x8.png);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 10px;
	cursor: pointer;
}
/* top logo */
.NavFrame {
	padding: 5px 0 10px 50px;
	/*float: left;*/
}
.NavLogo {
	float: left;
	margin-right: 15px;
}
.EDICommLogo{
    float: right;
    margin-left: 15px;
}
.ReturnHome {
	opacity: 0;
}
/* top navigation */
#NavLinks {
	float: left;
	margin-top: 30px;
	font-size: 1.3em;
}
#NavLinks ul {
	list-style-type: none;
}
#mainNav {
	padding:0;
	margin:0;
}
#mainNav li {
	position: relative;
	margin-right: 20px;
	float: left;
}
#mainNav li ul {
	display: none;
	position: absolute;
	left: 0;
	font-size: 0.9em;
	padding: 3px 0 0 0;
	z-index: 20;
}
#mainNav li ul li {
	float: none;
	white-space:nowrap;
	width: 100%;
	background-color: #000000;
	padding: 2px 5px;
}
#mainNav li:hover ul {
	display: block;
}
/* main content frames */
.gradientBg, .chalkBg, .gradientBgSm {
	background-repeat: no-repeat;
	padding-left: 50px;
	padding-bottom: 50px;
}
.gradientBg {
	min-height: 350px;
	background-image: url(../images/bg-black-gradient.jpg);
}
.gradientBgSm {
	min-height: 156px;
	padding-top:15px;
	/*background-image: url(../images/bg-black-gradient-sm.jpg);*/
}
.chalkBg {
	min-height: 350px;
	background-image: url(../images/bg-chalk.jpg);
	background-position: right top;
}
.leftCol {
	width: 300px;
	padding-top: 30px;
	float: left;
}
.rightCol {
	width: 595px;
	padding-top: 30px;
	float: right;
}
.rightColLeft {
	width: 290px;
	float: left;
}
.rightColRight {
	width: 290px;
	float: right;
}
/* images */
img {
	border: 0;
}
/* headers */
h1, h2, h3 {
	font-weight: normal;
}
h1 {
	margin-top: 0;
	margin-bottom: 10px;
}
h2 {
	margin-top: 0;
	margin-bottom: 7px;
}
h3 {
	margin-top: 0;
	margin-bottom: 3px;
}
h4 {
	margin-top: 0;
	margin-bottom: 3px;
}
.RedBottomHead {
	border-bottom: solid 1px #A00710 !important;
	margin-bottom: 10px !important;
}
h2.RedBottomHead {
	padding-bottom: 7px;
}
/* text elements */
p {
	margin-top: 0px;
	padding: 0px;
}
.SmallGreyTxt {
	font-size: 0.9em;
	color: #959595;
}
.LgWhiteTxt {
	font-size: 1.2em;
}
ul.InlineList {
	list-style-type: none;
	padding: 0;
	margin-top: 0;
}
ul.InlineList li {
	display: inline-block;
	margin-right: 5px;
}
sup {
	font-size: 70%;
}
/* margins */
.SmBtmMargin {
	margin-bottom: 5px;
}
.MedBtmMargin {
	margin-bottom: 15px;
}
.BtmMargin {
	margin-bottom: 25px;
}
.SmTopMargin {
	margin-top: 5px;
}
.MedTopMargin {
	margin-top: 15px;
}
.TopMargin {
	margin-top: 25px;
}

/* links */
a {
	color: #FFFFFF;
	text-decoration: underline;
	outline: none;
}
a:link, a:visited, a:active {
	color: #FFFFFF;
	text-decoration: underline;
}
a:hover, #menu .CriteriaDiv:hover {
	color: #A00710;
	text-decoration: none;
}
.window a:hover {
	color: #FFFFFF;
}
/* tables */
table:not(.jqplot-table-legend) {
	width: 100%;
	border: 0;
	border-spacing: 0;  /* cellspacing equivalent */
	border-collapse: collapse;  /* For IE < 8 */
}
td, th {
    padding: 0; /* cellpadding equivalent */
}
.PaddedTbl td, .PaddedTbl th {
	padding: 5px;
}
.window .PaddedTbl th {
	padding-bottom: 2px;
}
.DataTbl {
	word-wrap: break-word;
	word-break: break-all;
}
th {
	text-align: left;
	font-weight: normal;
	font-size: 0.9em;
	color: #959595;
}
.FloatingTblHeader {
	position: absolute;
	top: 5px;
	visibility: hidden;
	background-color: #000;
	z-index: 1; /* just to make it above input type number controls */
}
.window .FloatingTblHeader {
	background-color: #333;
}
.TblRowLight {
	background-image: url(../images/bg-tbl-row-light.gif);
}
.TblRowDark {
	background-image: url(../images/bg-tbl-row-dark.gif);
}
.RemovedItem.TblRowLight {
	background-image: url(../images/bg-removed-light.gif);
}
.RemovedItem.TblRowDark {
	background-image: url(../images/bg-removed-dark.gif);
}
#ItemRefForm .RemovedItem input[name="RefNum[]"], #ItemRefForm .RemovedItem input[name="UniqueKey[]"] {
	display: none;
}
.TblRowHighlight, .PieTbl tbody tr:hover {
	background-image: url(../images/bg-tbl-highlight.gif) !important;
}
.OldTrxTr {
	border-left: 4px solid #A00710;
}
.TblCol25 {
	width: 25%;
}
.WindowSm .TblCol25 input[type="text"], .WindowSm .TblCol25 input[type="number"] {
	width: 113px;
}
.TblCol50 {
	width: 50%;
}
.WindowSm .TblCol50 input[type="text"], .WindowSm .TblCol50 input[type="number"] {
	width: 226px;
}
.WindowSm .TblCol50 select {
	width: 240px;
}
.TblCol75 {
	width: 75%;
}
.WindowSm .TblCol75 input[type="text"], .WindowSm .TblCol75 input[type="number"] {
	width: 339px;
}
.TblCol100 {
	width: 100%;
}
.WindowSm .TblCol100 input[type="text"], .WindowSm .TblCol100 input[type="number"] {
	width: 476px;
}
.WindowSm .TblCol100 select {
	width: 490px;
}
/* Table header styles */
.DisplayTableOuterContainer {
	position: relative;
	padding-top: 24px; /* This would be 28px, but -4px due to collection checkbox border */
	background: #000;
}
.window .DisplayTableOuterContainer {
	background: url(../images/bg-grey-strip.gif);
}
.DisplayTableInnerContainer {
	overflow-y: auto;
}
.DisplayTableInnerContainer th {
	height: 0;
	line-height: 0;
	padding-top: 0;
	padding-bottom: 0;
	color: transparent;
	border: none;
	white-space: nowrap;
	/* We don't want the duplicate text to be selectable */
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.DisplayTableInnerContainer th > input {
	/* Hide checkboxes, because color:transparent isn't enough */
	opacity: 0;
	height: 0;
	margin: 0;
	display: block;
	/* Firefox has a 2px border which can't be changed, Chrome doesn't, so let's add one anyways and then compensate */
	border: 2px solid transparent;
	-moz-appearance: none; /* Removes content height, but not border */
}
.DisplayTableInnerContainer th div {
	position: absolute;
	color: #959595;
	padding: 5px;
	top: 0;
	margin-left: -5px;
	line-height: normal;
}
/* form elements */
input[type=text], input[type=email], input[type=number], input[type=password], textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #FFF;
	padding: 5px 7px;
	background-color: #555;
	border: none;
	height: 17px;
}
select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	height: 27px;
	color: #FFF;
	padding: 5px 0 5px 5px;
	background-color: #555;
	border: none;
}
input[type=file] {
	color: #FFF;
	background: none;
}
textarea {
	overflow: auto; /* IE scrollbar fix */
}
.TblForm .blueBg .CollCheckbox {
	margin-right: 10px; /* Add more space to give the column sort indicators room. */
}
.InputBlock {
	display: block;
	margin-bottom: 15px;
}
.InputBlockHeader,
.InputBlock .AutoTrxLabel {
	color: #959595;
	display: block;
}
.InputBlock.FullWidth {
	float: left;
	width: 100%;
}
.InputBlock.HalfWidth {
	float: left;
	width: 48%;
}
.InputBlock.HalfWidth.Left {
	margin-right: 2%;
}
.InputBlock.HalfWidth.Right {
	margin-left: 2%;
}
.InputBlock > select,
.InputBlock > input[type=text],
.InputBlock > input[type=email],
.InputBlock > input[type=number],
.InputBlock > input[type=search],
.InputBlock > input[type=date],
.InputBlock > input[type=datetime],
.InputBlock > input[type=datetime-local],
.InputBlock > input[type=file],
.InputBlock > input[type=password] {
	/* Any wide single-line input should be included, HTML5 has way too many */
	width: 100%;
	box-sizing: border-box;
	height: 27px;
}
input.AdHalf {
	width:200px !important;
	text-transform:none;
}
.CreateTopInputs {
	margin-bottom: 10px;
}
.CreateBottomInputs {
	margin: 25px 0;
}
.VerticalForm td, .VerticalFormMed td {
	padding-bottom: 20px;
	vertical-align: top;
}
.LeftLabel {
	text-transform: uppercase;
	font-weight: normal;
	font-size: 1.2em;
	width: 130px;
}
.LeftLabelMed {
	text-transform: uppercase;
	font-weight: normal;
	font-size: 1.2em;
	width: 200px;
}
.VerticalForm input[type=text], .VerticalForm input[type=email], .VerticalForm input[type=number], .VerticalForm input[type=password], .VerticalForm textarea {
	width: 330px;
}
.VerticalForm .captcha {
	width: auto !important;
}
.VerticalFormMed input[type=text], .VerticalFormMed input[type=email], .VerticalFormMed input[type=number], .VerticalFormMed input[type=password], .VerticalFormMed textarea {
	width: 380px;
}
input.InputWarning, textarea.InputWarning, select.InputWarning {
	background-color: #cc9900 !important;
	/*background: url(../images/status-yellow.png) center 95% no-repeat;
	border: 2px solid #CC9900;*/
}
input.error, textarea.error, select.error {
	background-color: #ad2d2d !important;
}
label.error {
	color: #FF0000;
	display: block;
}
.blueBg input[type=text], .blueBg input[type=number], .blueBg select {
	background: #425d7a;
}
.blueBg select {
	border: none;
	color: #FFF;
	padding: 5px 0 5px 5px;
}
.blueBg input[type=text]:focus, .blueBg input[type=number]:focus, .blueBg select:focus {
	background: #555;
}
input[type=text]:disabled, input[type=email]:disabled, input[type=number]:disabled, input[type=password]:disabled, textarea:disabled, select:disabled {
	-webkit-box-shadow: inset 0 0 2px #000;
	-moz-box-shadow: inset 0 0 2px #000;
	box-shadow: inset 0 0 2px #000;
	background: none;
}
/* abbreviations */
abbr {
	cursor: help;
	border: none;
}
/* clearfix */
.clearfix:after {
	content: "";
	display: table;
	clear: both;
}
/* jQuery UI */
.ui-widget {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .9em;
}
/* loading animation */
.loading-animation {
	padding: 5px 0 5px 20px;
	background-image: url(../images/loading-animation.gif);
	background-repeat: no-repeat;
	background-position: left center;
	float: left;
	display: none;
}
.LoadingDiv {
	display: none;
	text-align: center;
}
/* Criteria Details */
.CriteriaDetails {
	border-bottom: 1px solid #004A82;
}
.CriteriaDetailsButton {
	float: right;
	font-size: 0.8em;
	padding: 0.25em 0.5em;
	background: #004A82;
}
.CriteriaDetailsPanel {
	border-top: 1px solid #004A82;
	padding: 5px 0;
	font-size: 0.9em;
	width: 100%;
	background-image: url(../images/bg-grey-strip.gif);
}
.window .CriteriaDetailsPanel {
	/* Override striped pattern to prevent pattern tearing. */
	background: none;
}
.CriteriaDetailsPanel p {
	margin: 0;
}
.CriteriaDetailsPanel .SearchQuery {
	clear: both;
}
.CriteriaDetailsContentWrapper {
	padding: 0 10px;
}
.CriteriaDetailsColumn {
	float: left;
}
.CriteriaDetailsColumn.Count1 { width: 99%; }
.CriteriaDetailsColumn.Count2 { width: 49%; }
.CriteriaDetailsColumn.Count3 { width: 32%; }
.CriteriaDetailsColumn.Count4 { width: 24%; }
.CriteriaDetailsColumn.Count5 { width: 19%; }
.CriteriaDetailsItem label {
	color: #959595;
}
.CriteriaDetailsItem label:after {
	content: ': ';
}
/* Refine window */
#WindowRefine .Refinement-date {
	width: 100%;
	clear: both;
}
#WindowRefine .Refinement-date-radios {
	line-height: 30px;
}
#WindowRefine .Refinement-date-radios label {
	margin-right: 20px;
}
#WindowRefine .Refinement-date-separator {
	color: #959595;
	margin: 0 10px;
}
#WindowRefine .FooterButtons {
	clear: both;
	padding-top: 10px;
}
/* MySQL query errors */
#QueryFail {
	color: #F00;
	margin-bottom: 10px;
}
/* download */
.downloadFrame {
	min-height: 42px;
}
.downloadPDF {
	float: left;
}
.downloadTxt {
	margin-left: 50px;
}
/* status colors */
.greenTxt {
	color: #39b54a;
}
.yellowTxt {
	color: #ffcc00;
}
.redTxt {
	color: #a00710;
}
.neutral, .good, .StatusGreenSm, .caution, .StatusYellowSm, .warning, .StatusRedSm, .validated, .scheduled {
	height: 16px;
	line-height: 16px;
	background-repeat: no-repeat;
	background-position: left;
}
.neutral, .good, .caution, .warning, .validated, .scheduled {
	padding-left: 20px;
}
.StatusGreenSm, .StatusYellowSm, .StatusRedSm {
	padding-left: 13px;
}
.neutral {
	background-image: url(../images/status-grey.png);
}
.good {
	background-image: url(../images/status-green.png);
}
.StatusGreenSm {
	background-image: url(../images/status-green-sm.png);
}
.caution {
	background-image: url(../images/status-yellow.png);
}
.StatusYellowSm {
	background-image: url(../images/status-yellow-sm.png);
}
.warning {
	background-image: url(../images/status-red.png);
}
.StatusRedSm {
	background-image: url(../images/status-red-sm.png);
}
.validated {
	background-image: url(../images/validated.png);
}
.scheduled {
	background-image: url(../images/scheduled.png);
}
.usr {
	cursor: help;
	padding: 4px 5px 4px 6px; /* Icon isn't square, needs 3px extra side padding to make bg circular */
	border-radius: 50%;
	background-color: #959595;
}
.usr:after {
	content: url(../images/user.png);
}
/* Spinning processing icons */
@keyframes spin {
	/* Counterclockwise spin */
	from { transform: rotate(360deg); }
	to   { transform: rotate(  0deg); }
}
.spin-icon:before {
	animation: spin 1s linear infinite;
	float: left;
	width: 16px;
	height: 16px;
	margin-right: 5px;
}
.processing-caution:before {
	content: url(../images/processing-yellow.png);
}
.processing-neutral:before {
	content: url(../images/processing-grey.png);
}
.processing-good:before {
	content: url(../images/processing-green.png);
}
.processing-warning:before {
	content: url(../images/processing-red.png);
}
/* info line */
.info {
	padding-left: 20px;
	line-height: 16px;
	background-image: url(../images/info-icon.png);
	background-repeat: no-repeat;
	background-position: left;
	height: 16px;
}
/* buttons */
.button {
	display: inline-block;
	white-space: nowrap;
	font-size: 1em;
	line-height: 100%; /* just to overwrite body style */
	padding: 6px 15px;
	margin-right: 15px;
	text-decoration: none !important;
	text-transform: uppercase;
	-moz-border-radius: .2em;
	-webkit-border-radius: .2em;
	border-radius: .2em;
	background-color: #7C090C;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#B13A3D), to(#7C090C));
	background-image: -webkit-linear-gradient(top, #B13A3D, #7C090C);
	background-image: -moz-linear-gradient(top, #B13A3D, #7C090C);
	background-image: -ms-linear-gradient(top, #B13A3D, #7C090C);
	background-image: -o-linear-gradient(top, #B13A3D, #7C090C);
	background-image: linear-gradient(top, #B13A3D, #7C090C);
}
.button:last-child {
	margin-right: 0;
}
.btnSm {
	font-size: .9em;
	padding: 4px 7px;
}
.button:hover {
	background-color: #B13A3D;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#7C090C), to(#B13A3D));
	background-image: -webkit-linear-gradient(top, #7C090C, #B13A3D);
	background-image: -moz-linear-gradient(top, #7C090C, #B13A3D);
	background-image: -ms-linear-gradient(top, #7C090C, #B13A3D);
	background-image: -o-linear-gradient(top, #7C090C, #B13A3D);
	background-image: linear-gradient(top, #7C090C, #B13A3D);
}
a.button:hover {
	color: #FFF;
}
.button:active {
	position: relative;
	top: 1px;
	-moz-box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;
	-webkit-box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;
	box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;
}
.button:focus {
	outline: 0;
	background-color: #700D0F;
	/*border: 1px solid #666;*/
}
button.button, input.button {
	font-family: Arial, Helvetica, sans-serif;  /* Mac fix */
	border: none;
	color: #FFF;
	cursor: pointer;
	overflow: visible; /* removes extra side spacing in IE */
}
.button::-moz-focus-inner { /* removes extra inner spacing in Firefox */
	border: 0;
	padding: 0;
}
/* expandable sections */
.expand-handle {
	margin-bottom: 0;
	line-height: 200%;
	cursor: pointer;
}
.expand-handle:before {
	content: url(../images/arrow-right.png);
	display: inline-block; /* :before content is inline by default, inline can't be transformed */
	float: left;
	padding: 0 8px;
}
.expand-handle.expand-handle-open:before {
	transform: rotate(90deg) translateX(0.5px);
}
.expand-content {
	background-image: url(../images/bg-grey-strip.gif);
	border-bottom: 1px solid #A00710;
	padding: 10px;
}
.window .expand-content {
	background: none;
}

/* header report notifications */
#FixedNotificationCount {
    font-size: 1.1em;
    font-weight: bold;
    color: #959595;
    cursor: pointer;
    padding-top: 2px;
    vertical-align: top;
    margin-right: 5px;
}
.notifications-found {
    color: #d01d24 !important;
}
#FixedNotificationsWindow tr {
    vertical-align: middle;
}
.ReportCounter {
	color: #c12026;
    width: 25px;
    text-align: right;
}

/* Email notification settings */
.EmailNotificationList {
	margin-bottom: 1em;
}
.EmailNotificationList .EmailNotification {
	padding: 0.75em 0 0.25em;
}
.EmailNotificationList .EmailNotification:nth-child(n+2) { /* Select all but the first one */
	border-top: 1px solid #444;
}
.EmailNotification .NotificationSchedule {
	line-height: 3em;
}
.EmailNotification .NotificationToggle {
	padding-left: 1em;
}
.EmailNotification .RunNowBtn,
.EmailNotification .RunQueuedIndicator {
	float: right;
	margin-right: 15px;
}
.EmailNotification input[type=number] {
	width: 40px;
}
.EmailNotification .PartnerNotice {
	margin-top: 0.5em;
}
.EmailNotification .EmailSendTo,
.EmailNotification .EmailList {
	float: left;
	line-height: 2.5em;
	margin: 0;
}
.EmailNotification .EmailList {
	list-style-type: none;
	width: 66%;
	padding-left: 9px;
}
.EmailNotification .EmailList input[type=email] {
	width: 66%;
}
/* Rules below are hacky but well-documented =) */
.EmailNotification .NotificationToggle[data-enabled='0'] ~ .NotificationSchedule {
	/* Hide schedule section when notification is disabled */
	display: none;
}
.EmailNotification .NotificationMode[data-mode='hours'] ~ .HourInput {
	/* Hide hours option when mode is hours, the first input takes care of that already */
	display: none;
}
.EmailNotification .EmailList li:not(:last-child) .PlusBtn {
	/* Hide plus buttons for all but the last item */
	display: none;
}
.EmailNotification .EmailList .MinusBtn {
	/* Combined with the next rule, show minus buttons only when there are multiple <li>s */
	display: none;
}
.EmailNotification .EmailList li ~ li .MinusBtn,
.EmailNotification .EmailList li:first-child:not(:last-child) .MinusBtn {
	/* Combined with the previous rule, show minus buttons only when there are multiple <li>s */
	display: inline-block;
}

/* contact support */
/*img#supportBtn {
	position: absolute;
	top: 200px;
	right: 0px;
	cursor: pointer;
}*/
/* help window button */
#helpBtn, img#supportBtn {
	position: fixed;
	top: 200px;
	right: 0px;
	cursor: pointer;
	z-index:100;
}

.video {
	border: 2px solid white;
    padding: 0px 2px 0px 4px;
    border-radius: .6em;
	-webkit-border-radius: .6em;
    margin-left: 5px;
	background-color:#555;
	font-size: 0.8em;
}

/* pagination */
.pagination div {
	width: 33%;
	display: inline-block;
}
.previous {
	padding-left: 15px;
	text-transform: uppercase;
	cursor: pointer;
	background-image: url(../images/arrow-previous.png);
	background-repeat: no-repeat;
	background-position: left center;
}
.page {
	text-transform: uppercase;
	text-align: center;
}
.next {
	padding-right: 15px;
	text-transform: uppercase;
	cursor: pointer;
	background-image: url(../images/arrow-next.png);
	background-repeat: no-repeat;
	background-position: right center;
}
.ResultIndicator .ResultCount {
	text-align: center;
	width: 99%;
	font-size: 0.9em;
	color: #fff;
}
.ResultIndicator .NoResults {
	text-align: center;
	font-size: 1.25em;
	margin: 0;
}

/* Welcome Center */
.ShortStack {
	font-family: 'Short Stack', cursive;
}
.coloredRule {
	margin-bottom: 10px;
}

/* tool tips */
.tooltip-head {
	float: left;
	margin-right: 10px;
}
.tooltip-parent {
	position: relative;
	margin-left: 5px;
}
h2 ~ .tooltip-parent {
	margin-left: 0;
}
.tooltip-link {
	cursor: pointer;
}
.tooltip-content {
	width: 210px;
	position: absolute;
	top: -7px;
	left: 30px;
	padding: 7px 10px;
	border: 1px solid #464646;
	border-radius: 3px;
	box-shadow: 3px 3px 4px #000;
	font-size: 0.75em;  /* same as SmallGreyTxt */
	color: #959595;  /* same as SmallGreyTxt */
	line-height: 140%;
	background-image: url(../images/bg-grey-strip.gif);
	z-index: 10;
}
.tooltip-content p:last-child {
	margin-bottom: 0;
}
.tooltip-arrow {
	position: absolute;
	top: 5px;
	left: -11px;
	z-index: 11;
}
/* psuedo element tooltips */
.tooltip {
	position: relative;
}
.tooltip:before, .tooltip:after {
	position: absolute;
	opacity: 0;
	transition: opacity 0.4s ease;
}
.tooltip:before {  /* the arrow below */
	content: "";
	width: 0;
	height: 0;
	/* left: 30%; */
    left: -9999px;
	bottom: 90%;
	border-top: 20px solid #CCC;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
}
.tooltip:after {  /* the content bubble */
	content: attr(data-tooltip);
	bottom: 130%;
	/* left: 20%;*/
	left: -9999px;
	background: #CCC;
	padding: 5px 15px;
	color: #000;
	border-radius: 10px;
	white-space: nowrap;
}
.tooltip:hover:before {
	left: -5px;
}
.tooltip:hover:after {
	left: -15px;
}
.tooltip:hover:before, .tooltip:hover:after {
	opacity: 1;
	/* supersede base transition for delay only upon hover */
	transition: opacity 0.4s 0.7s ease;
}

/* WF toolbar */
.toolbar ul {
	list-style: none;
	padding: 0;
	margin: 0;
	text-align: center; /* to center icon if header is long */
}
.toolbar-edit div {
	float: left;
	margin-left: 15px;
}
.toolbar-edit div:first-child {
	margin-left: 0;
}
.toolbar-edit ul {
	border-left: 2px solid #464646;
	padding-left: 15px;
}
.toolbar-edit div:first-child ul {
	border: none;
	padding-left: 0;
}
.toolbar-view {
	float: right;
	/*	margin-bottom: 10px;*/
}
.toolbar-view div {
	display: inline-block;
	margin-right: 15px;
	float: left;
}
.toolbar-view div:last-child {
	margin-right: 0;
}
.toolbar-view ul {
	border-right: 2px solid #464646;
	padding-right: 15px;
}
.toolbar-view div:last-child ul {
	border: none;
	padding-right: 0;
}
.toolbar-filter {
	float: right;
	margin: 20px 0;
	font-size: 0.75em;
}
.toolbar-filter .search-input,
.toolbar-filter .filter-button {
	display: inline-block;
	padding-right: 10px;
	float: left;
}
.toolbar-filter .filter-button:last-child {
	padding-right: 0;
}
.toolbar-filter .filter-button img {
	vertical-align: middle;
	margin-right: 2px;
}
.toolbar-filter .filter-button,
.toolbar-filter .filter-button img,
.toolbar-filter .filter-button label {
	cursor: pointer;
}
.toolbar-filter .filter-button label {
	color: #959595;
}
.toolbar-filter .filter-button:hover label {
	color: #fff;
}
.WindowSm .toolbar-filter .filter-button label,
.FrameSm  .toolbar-filter .filter-button label {
	display: none; /* Hide text in a small window. */
}
.WindowSm .toolbar-filter .search-input .BasicSearchQuery,
.FrameSm  .toolbar-filter .search-input .BasicSearchQuery {
	width: 100px; /* Narrower input box for small windows. */
}
.toolbar-filter .search-input {
	position: relative;
	background: #555;
	margin-right: 7px;
	padding-right: 15px;
}
.toolbar-filter .search-input .BasicSearchQuery {
	font-size: 1.2em;
	padding: 0 0 0 7px;
}
.toolbar-filter .search-input .advanced-search-trigger {
	cursor: pointer;
	font-size: 1.5em;
	color: #959595;
	position: absolute;
	padding: 5px; /* Needed to make clickable region larger. */
	right: 0px;
	top: -6px; /* Smaller position values to compensate for extra padding. */
}
.toolbar-filter .search-input .advanced-search-trigger:hover {
	color: #fff;
}
.toolbar-filter .advanced-search-panel {
	background: #252525;
	box-shadow: 1px 1px 5px #333;
	border-radius: 5px 0 5px 5px;
	position: absolute;
	top: 27px;
	right: 0px;
	z-index: 10;
	width: 200px;
	padding: 10px;
	font-size: 1.3em;
}
.advanced-search-panel .close-panel {
	position: absolute;
	right: 8px;
	top: 7px;
	cursor: pointer;
}
.advanced-search-panel .SearchQuery,
.advanced-search-panel .SearchField {
	display: block;
	width: 100%;
	box-sizing: border-box;
	margin-bottom: 10px;
	height: 27px;
}

.ToolbarHead {
	font-size: 75%;
	margin-bottom: 0;
	color: #959595;
	text-align: center;
}
.toolbar-edit .ToolbarHead {
	padding-left: 15px;
}
.toolbar-view .ToolbarHead {
	padding-right: 15px;
}
.toolbar-edit div:first-child .ToolbarHead, .toolbar-view div:last-child .ToolbarHead {
	padding: 0;
}
.WindowLg .TableBottomButtons {
	text-align: center;
}
.CollCount {
	width: 30px;
	height: 40px;
	line-height: 30px;
	text-align: center;
	background-image: url(../images/item-collection-grey.png);
}
.window .CollCount {
	background-image: url(../images/item-collection-black.png);
}
.toolbar-icons li {
	width: 30px;
	height: 30px;
	display: inline-block;
	cursor: pointer;
	background-position: left top;
}
.toolbar-edit .toolbar-icons li {
	margin-left: 10px;
}
.toolbar-edit .toolbar-icons li:first-child {
	margin-left: 0;
}
.toolbar-view .toolbar-icons li {
	margin-right: 10px;
}
.toolbar-view .toolbar-icons li:last-child {
	margin-right: 0;
}
.toolbar-icons li:hover {
	background-position: left -30px;
}
.toolbar-icons li:active {
	background-position: left -60px;
}
.ToolbarEditHeadBtn {
	background-image: url(../images/edit-header-data.png);
}
.ToolbarCombineBtn {
	background-image: url(../images/combine.png);
}
.ToolbarCreateBtn, .ToolbarAuto810Btn, .ToolbarRt753Btn, .ToolbarPLTBtn {
	background-image: url(../images/create.png);
}
.ToolbarSendDateBtn, .ToolbarUploadBtn {
	background-image: url(../images/edit-send-date.png);
}
.ToolbarPrintBtn {
	background-image: url(../images/print.png);
}
.ToolbarResetBtn {
	background-image: url(../images/reset.png);
}
.ToolbarDeleteBtn {
	background-image: url(../images/delete.png);
}
.ToolbarFilterBtn {
	background-image: url(../images/filter.png);
}
.ToolbarDownloadBtn {
	background-image: url(../images/download.png);
}
.ToolbarAckBtn, .ToolbarValidateBtn {
	background-image: url(../images/acknowledge.png);
}
.ToolbarAutohideBtn {
	background-image: url(../images/po-hide-all-completed.png);
}
.CollAddBtn {
	background-image: url(../images/add.png);
}
.CollSetRestoreBtn {
	background-image: url(../images/reset.png);
}
.CollSetRemoveBtn {
	background-image: url(../images/remove.png);
}
.CollSetQfUniqueCtnBtn {
	background-image: url(../images/carton-one.png);
}
.CollSetQfSameCtnBtn {
	background-image: url(../images/carton-all.png);
}
.CollSetHideBtn {
	background-image: url(../images/po-hide.png);
}
.CollSetActivateBtn {
	background-image: url(../images/po-show.png);
}
.CollDetailsBtn {
	background-image: url(../images/details.png);
}
.ViewAllBtn {
	background-image: url(../images/view-all.png);
}
.ViewIncludedBtn {
	background-image: url(../images/view-included.png);
}
.ViewRemovedBtn {
	background-image: url(../images/view-excluded.png);
}
.ViewErrorBtn {
	background-image: url(../images/view-invalid.png);
}

/* Smaller 18px icons */
.Icon18,
.Icon18Before:before {
	width: 18px;
	height: 18px;
	display: inline-block;
	cursor: pointer;
	background-position: left top;
    vertical-align: middle;
	margin-left: 5px;
}
.Icon18Before:before {
	content: '';
	margin-right: 5px;
}
.Icon18:hover,
.Icon18Before:hover:before{
	background-position: left -18px;
}
.Icon18:active,
.Icon18Before:active:before {
	background-position: left -36px;
}
.PlusBtn,
.PlusBtnBefore:before {
	background-image: url(../images/small-plus.png);
}
.MinusBtn,
.MinusBtnBefore:before {
	background-image: url(../images/small-minus.png);
}
.NewWindowBtn,
.NewWindowBtnBefore:before {
	background-image: url(../images/new-window.png);
}

/* fixed top little windows */
#FixedNotificationsWindow {
    width: 450px;
}
#FixedAccountWindow {
	width: 130px;
}
.PopDownWindow {
	display: none;
	position: fixed;
	top: 27px;
	padding-top: 14px;
	background-image: url(../images/account-options-arrow-dark.png);
	background-repeat: no-repeat;
	background-position: center top;
	z-index: 25;
}
.PopDownContent {
	margin: 0;
	padding: 10px;
	border-radius: 3px;
	box-shadow: 3px 3px 4px #000;
	background-color: #363636;
	line-height: 180%;
	white-space: nowrap;
}
.PopDownContent h4 {
	font-weight: normal;
	margin: 0 0 5px 0;
	border-bottom: 1px solid #A00710;
}
.PopDownContent .ActivePartner {
	color: #959595;
}
.PopDownContentScroll {
	max-height: 200px;
	overflow: auto;
	padding-right: 25px;  /* to ensure content does not go behind scroll bar */
}
.PopDownWindow ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#FixedPartnersList li:not(.ActivePartner), #FixedNotificationsWindow tr, #FixedNotificationsWindow h4, #FixedAccountWindow a, #menu a {
	text-decoration: none;
	cursor: pointer;
}
#FixedPartnersList li:not(.ActivePartner):hover, #FixedNotificationsWindow tr:hover, #FixedNotificationsWindow h4:hover, #FixedAccountWindow a:hover, #menu a:hover {
	text-decoration: none;
    color: #c12026 !important;
}
/* windows */
.window {
	display: none;
	position: absolute;
	text-align: left;
	padding: 20px;
	margin-bottom: 20px;
	/*overflow: hidden;   this cuts off tool tip overlays. need to find fix if commenting out causes problems  */
	-moz-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: 3px 3px 4px #000;
	-webkit-box-shadow: 3px 3px 4px #000;
	box-shadow: 3px 3px 4px #000;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
	background-image: url(../images/bg-grey-strip.gif);
}
.WindowCl {
	z-index: 101;
	padding:0px;
	box-shadow: none!important;
	background-image: none!important;
	display:table;
	width: 98%;
	position:fixed;
	top:20px!important;
}
.WindowLg {
	width: 945px;	/* total: 985px */
	z-index: 101;
}
.WindowMed {
	width: 600px;
	z-index: 201;
}
.WindowSm {
	width: 500px;
	z-index: 301;
}
#WindowWorking {
	width: 274px;
	z-index: 401;
	cursor: move;
}
.WindowResults {
	margin-top: 1em;
}
.window-head {
	height: 25px;
	margin-left: -20px;
	margin-top: -20px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	border-top-right-radius: 3px;
	border-top-left-radius: 3px;
	cursor: move;
	background-image: url(../images/bg-black-strip.gif);
}
.window-x, .ask-window-x, .display-window-x {
	position: absolute;
	right: 8px;
	top: 7px;
	cursor: pointer;
}
.window-head-foot {
	margin-left: -20px;
	margin-top: -1px;
	margin-bottom: 15px;
}
.WindowLg > .window-head, .WindowLg > .window-head-foot {
	width: 985px;
}
.WindowMed > .window-head, .WindowMed > .window-head-foot {
	width: 640px;
}
.WindowSm > .window-head, .WindowSm > .window-head-foot {
	width: 540px;
}
/* window masks */
.mask {
	display: none;
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	background-color: #000;
	filter: alpha(opacity=50);	/* for IE 5-8 */
	opacity: 0.5;
}
#MaskCl, .MaskCl {
	z-index: 100;
	filter: alpha(opacity=80);	/* for IE 5-8 */
	opacity: 0.8;
}
#MaskLg, .MaskLg {
	z-index: 100;
}
#MaskMed, .MaskMed {
	z-index: 200;
}
#MaskSm, .MaskSm {
	z-index: 300;
}
#MaskWorking {
	z-index: 400;
}
/* scrollable table frames */
.TblScroll {
	overflow: auto;
	position: relative;
}
.TblScrollMini {
	max-height: 310px;
}
.TblScrollShort {
	max-height: 500px;
}
.TblScrollTall {
	max-height: 700px;
}
/* warning divs */
.NoJsWarning, #BadBrowserDiv {
	background-image: url(../images/bg-grey-strip.gif);
	padding: 20px 0 20px 50px;
}
.NoJsWarning p, #BadBrowserDiv p {
	margin: 0;
}
#BadBrowserDiv {
	display: none;
}
/* table sorting */
.Sortable {
    cursor: pointer !important;
}
.FSortable{
	cursor: pointer !important;
}
.SortAsc{
    background-image: url(../images/arrow-up.png);
    background-repeat: no-repeat;
    background-position:2px center;
    padding-left: 12px !important;
}
.SortDesc{
    background-image: url(../images/arrow-down.png);
    background-repeat: no-repeat;
    background-position: 2px center;
    padding-left: 12px !important;
}
/* footer */
.footer {
	width: 935px;
	padding: 15px 0 15px 50px;
	font-size: 0.75em;
	color: #555555;
}
.footer p {
	padding: 5px 0;
	margin: 0;
}
.footer a {
	color: #d01d24;
}

/* Table-specific styles */
#PlCreateTblForm .DisplayTableOuterContainer,
#InvCreateTblForm .DisplayTableOuterContainer {
	margin-bottom: 10px; /* Less space than normal because we display a collection count here for these tables. */
}
#DistrEditTbl input:not([type=checkbox]) {
	width: 90%;
}
#StoreDistrTbl .blueBg td {
	width: 25%;
}

#drawerButton {
	position:absolute;
	top:2px;
	left:10px;
	cursor:pointer;
	font-size:32pt;
	color:#A00710;
}

#drawerButton:hover {
    color:#B13A3D;
}

#menu .RedBottomHead {
	margin-top:20px;
}

#menu h2 {
	margin-left:10px;
}

#menu .CriteriaDiv {
	cursor:pointer;
}

.tip {
	position:fixed;
	z-index: 50;
	padding:10px;
	display:none;
	background-image: url(../images/bg-removed-dark.gif);
}

.StripedDiv {
	background: #1f1f1f;
}

.RepeatableDiv {
	padding: 10px;
	border-top: 1px solid #363636;
	border-bottom: 1px solid #000;
}

.checkList {
	max-height:100px;
	overflow-y:auto;
	background-color: #555;
	padding:5px 7px;
}

.checkList > div > input,label {
	vertical-align:middle;
}

/* OC WF rules */
.OcWfContainer {
	display: table;
	table-layout: fixed;
	width: 100%;
}
.OcWfHeader {
	display: table-cell;
	box-sizing: border-box;
	overflow: hidden;
	vertical-align: top;
}
.OcWfMainFrame {
	display: table-cell;
}
.OcWfHeaderHandle,
.OcWfTrxHandle {
	border-bottom: 1px solid #000;
	margin: 0 1em 0.5em;
	font-weight: bold;
}
.OcWfHeaderHandle.expand-handle-open,
.OcWfTrxHandle.expand-handle-open {
	background: #636363;
	border-bottom: 0;
	margin: 0;
	padding: 0 1em;
}
.OcWfHeaderForm {
	border: 3px solid #636363;
	padding: 1em;
}
.OcWfHeaderForm label {
	font-size: 0.9em;
	color: #959595;
}
.OcWfTrxContent {
	padding: 1em;
	border: 3px solid #636363;
}
.OcWfTrxFrame:last-child .OcWfTrxContent {
	margin-bottom: 1em;
}
.button.OcWfNextTrxButton {
	display: block;
	margin: 0 auto;
}
.OcWfTrxHandle:not(.expand-handle-open) ~ .OcWfNextTrxButton,
.OcWfTrxFrame:last-child .OcWfNextTrxButton {
	display: none;
}
.OcWfIconLink {
	font-size: 0.9em;
	color: #959595;
	padding: 0 1em 1em;
	cursor: pointer;
	transition: color 250ms;
}
.OcWfIconLink:hover {
	color: #FFF;
}
.OcWfIconLinkLeft {
	float: left;
}
.OcWfIconLinkRight {
	float: right;
}
.OcWfIconLink.SeparatorAfter {
	padding-right: 0;
	margin-right: -0.5em;
}
.OcWfIconLink.SeparatorAfter:after {
	content: '|';
	padding-left: 1em;
	color: #959595 !important; /* Don't change on hover */
}
.OcWfHeaderHandle.HasErrors .ErrorIconAfter:after,
.OcWfTrxFrame.HasErrors .ErrorIconAfter:after {
	content: '';
	width: 16px;
	height: 16px;
	display: inline-block;
	vertical-align: middle;
	background-image: url(../images/error.png);
}


/* Transitions/effects */
#menu .expand-content {
	padding:0px!important;
}
.SlidingContent,
.expand-content {
	transition:
		transform    250ms ease-in-out,
		opacity      250ms ease-in-out,
		max-height     0ms linear 250ms,
		padding-top    0ms linear 250ms,
		padding-bottom 0ms linear 250ms,
		margin         0ms linear 250ms,
		border         0ms linear 250ms;
	transform-origin: top;
	overflow: hidden;
}
.SlidingContent:not(.IsOpen),
.expand-content:not(.IsOpen) {
	transform: scaleY(0);
	opacity: 0;
	max-height: 0px;
	padding-top: 0;
	padding-bottom: 0;
	margin: 0;
	border: none;
}
.SlidingContent.IsOpen,
.expand-content.IsOpen {
	transform: scaleY(1);
	opacity: 1;
	transition:
		transform    250ms ease-in-out,
		opacity      250ms ease-in-out;
	max-height: 2000px; /* Tall enough for the maximum possible height */
}

/* Grows from a corner rather than vertically */
.SlidingContent-xy {
	transition:
		transform    250ms ease-in-out,
		opacity      250ms ease-in-out,
		max-height     0ms linear 250ms,
		max-width      0ms linear 250ms,
		width          0ms linear 250ms,
		padding        0ms linear 250ms,
		margin         0ms linear 250ms,
		border         0ms linear 250ms;
	transform-origin: top left;
	overflow: hidden;
}
.SlidingContent-xy:not(.IsOpen) {
	transform: scaleX(0) scaleY(0);
	opacity: 0;
	max-height: 0px;
	max-width: 0px;
	width: 0px; /* For some reason max-width isn't enough */
	padding: 0;
	margin: 0;
	border: none;
}
.SlidingContent-xy.IsOpen {
	transform: scaleX(1) scaleY(1);
	opacity: 1;
	max-height: 2000px; /* Tall enough for the maximum possible height */
	max-width: 2000px;
	transition:
		transform    250ms ease-in-out,
		opacity      250ms ease-in-out;
}
.faqseq.IsOpen,
.faqseq .expand-content.IsOpen {
	max-height: none!important;
}
.FadingContent,
.tooltip-content {
	transition: 100ms linear;
	transition-property: opacity;
}
.FadingContent:not(.IsOpen),
.tooltip-content:not(.IsOpen) {
	opacity: 0;
	pointer-events: none; /* It's not actually gone when hidden, so we need to prevent clicks/etc */
}
.FadingContent.IsOpen,
.tooltip-content.IsOpen {
	opacity: 1;
}


.OcWfHeaderHandle.expand-handle-open:before {
	transform: rotate(180deg); /* This handle points left when open */
}
.OcWfHeader {
	width: 350px;
	transform-origin: top right;
}
.OcWfHeader.IsOpen {
	max-width: 350px;
}
.OcWfHeader .OcWfHeaderForm {
	max-height: 700px;
	transform: scaleY(1);
	transform-origin: top;
	transition: transform 250ms ease-in-out;
}
.OcWfHeader:not(.IsOpen) .OcWfHeaderForm {
	max-height: 0px;
	transform: scaleY(0);
	transition:
		transform 250ms ease-in-out,
		max-height  0ms linear 250ms;
}
.OcWfTrxContent.IsOpen {
	max-height: 800px;
}

.mp-menu {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 15.6em;
	height: 100%;
	-webkit-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0);
	box-shadow:1px 1px 1px rgb(160, 7, 16);
	margin-top: 36px;
}

.mp-level {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color:#141414;
	-webkit-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0);
}

/* overlays for pusher and for level that gets covered */
.BlackFrame::after,
.mp-level::after,
.mp-level::before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	width: 0;
	height: 0;
	opacity: 0;
}

.BlackFrame::after,
.mp-level::after {
	background: rgba(0,0,0,0.3);
	-webkit-transition: opacity 0.3s, width 0.1s 0.3s, height 0.1s 0.3s;
	transition: opacity 0.3s, width 0.1s 0.3s, height 0.1s 0.3s;
}

.mp-level::after {
	z-index: -1;
}

.BlackFrame.mp-pushed::after,
.mp-level.mp-level-overlay::after {
	width: 100%;
	height: 100%;
	opacity: 1;
	-webkit-transition: opacity 0.3s;
	transition: opacity 0.3s;
}

.mp-level.mp-level-overlay {
	cursor: pointer;
}

.mp-level.mp-level-overlay.mp-level::before {
	width: 100%;
	height: 100%;
	background: transparent;
	opacity: 1;
}

.BlackFrame,
.mp-level {
	-webkit-transition: -webkit-transform 0.5s;
	transition: transform 0.5s;
}

/* overlap */
.mp-overlap .mp-level.mp-level-open {
	box-shadow: 1px 0 2px rgba(0,0,0,0.2);
	-webkit-transform: translate3d(-40px, 0, 0);
	transform: translate3d(-40px, 0, 0);
}

/* First level */
.mp-menu > .mp-level,
.mp-menu > .mp-level.mp-level-open,
.mp-menu.mp-overlap > .mp-level,
.mp-menu.mp-overlap > .mp-level.mp-level-open {
	box-shadow: none;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

/* cover */
.mp-cover .mp-level.mp-level-open {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.mp-cover .mp-level.mp-level-open > ul > li > .mp-level:not(.mp-level-open) {
	-webkit-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0);
}

/* content style */
.mp-expand-handle {
	margin-bottom: 0;
	line-height: 200%;
	cursor: pointer;
}
.mp-expand-handle:before {
	content: url(../images/arrow-right.png);
	display: inline-block; /* :before content is inline by default, inline can't be transformed */
	float: left;
	padding: 0 8px;
}

.mp-expand-content {
	background-image: url(../images/bg-grey-strip.gif);
	border-bottom: 1px solid #A00710;
	padding: 10px;
}

.mp-menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.mp-menu.mp-overlap h2::before {
	position: absolute;
	top: 0;
	right: 0;
	margin-right: 8px;
	font-size: 75%;
	line-height: 1.8;
	opacity: 0;
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
	-webkit-transition: opacity 0.3s, -webkit-transform 0.1s 0.3s;
	transition: opacity 0.3s, transform 0.1s 0.3s;
}

.mp-menu.mp-cover h2 {
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 700;
	font-size: 1em;
}

.mp-overlap .mp-level.mp-level-overlay > h2::before {
	opacity: 1;
	-webkit-transform: translateX(0);
	transform: translateX(0);
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
}

.mp-menu ul li > a {
	display: block;
	padding: 0.7em 1em 0.7em 1.8em;
	outline: none;
	box-shadow: inset 0 -1px rgba(0,0,0,0.2);
	text-shadow: 0 0 1px rgba(255,255,255,0.1);
	font-size: 1.4em;
	-webkit-transition: background 0.3s, box-shadow 0.3s;
	transition: background 0.3s, box-shadow 0.3s;
}

.mp-menu ul li::before {
	position: absolute;
	left: 10px;
	z-index: -1;
	color: rgba(0,0,0,0.2);
	line-height: 3.5;
}

.mp-level > ul > li:first-child > a {
	box-shadow: inset 0 -1px rgba(0,0,0,0.2), inset 0 1px rgba(0,0,0,0.2);
}

.mp-menu ul li a:hover,
.mp-level > ul > li:first-child > a:hover {
	background: rgba(0,0,0,0.2);
	box-shadow: inset 0 -1px rgba(0,0,0,0);
}

.mp-menu .mp-level.mp-level-overlay > ul > li > a,
.mp-level.mp-level-overlay > ul > li:first-child > a {
	box-shadow: inset 0 -1px rgba(0,0,0,0);
}

.mp-level > ul > li:first-child > a:hover,
.mp-level.mp-level-overlay > ul > li:first-child > a {
	box-shadow: inset 0 -1px rgba(0,0,0,0), inset 0 1px rgba(0,0,0,0);
} /* seems like Chrome 34.0.1847.131 needs the second shadow otherwise the transition breaks */

.mp-back {
	position: relative;
	display: block;
	padding: 1em;
	outline: none;
	background: rgba(0,0,0,0.1);
	box-shadow: inset 0 1px rgba(0,0,0,0.1);
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 700;
	font-size: 0.8em;
	-webkit-transition: background 0.3s;
	transition: background 0.3s;
}

.mp-back::after {
	content: url(../images/arrow-right.png);
	/*float: left;*/
	/*padding: 0 8px;*/
	position: absolute;
	right: 10px;
}

.mp-menu .mp-level.mp-level-overlay > .mp-back,
.mp-menu .mp-level.mp-level-overlay > .mp-back::after {
	background: transparent;
	box-shadow: none;
	color: transparent;
}

/* Fallback example for browsers that don't support 3D transforms (and no JS fallback) */
/* We'll show the first level only */
.no-csstransforms3d .BlackFrame,
.no-js .BlackFrame {
	padding-left: 300px;
}

.no-csstransforms3d .mp-menu .mp-level,
.no-js .mp-menu .mp-level {
	display: none;
}

.no-csstransforms3d .mp-menu > .mp-level,
.no-js .mp-menu > .mp-level {
	display: block;
}

/* Slideshow container */
.slideshow-container {
  max-width: 1000px;
  position: relative;
  margin: auto;
  width:575px;
}

.slideshow-full {
	max-width:100%!important;
	width:auto!important;
}

.slideshow-full .slide-prev,.slideshow-full .slide-next {
	font-size: 1.2em;
}

.slideshow-full .slide {
	padding-left:42px;
	padding-right:42px;
}

.slide {
	display:none;
}

.slide-prev, .slide-next {
	position: absolute;
    top: 50%;
    width: auto;
    margin-top: -22px;
    padding: 16px;
    color: white;
    cursor: pointer;
    font-weight: bold;
    transition: 0.6s ease;
    border-radius: 0 3px 3px 0;
}

.slide-prev {
	display:none;
}

/* Position the "next button" to the right */
.slide-next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

.slide-active {
	display:block;
}

/* On hover, add a black background color with a little bit see-through */
.slide-prev:hover, .slide-next:hover {
  background-color: rgba(0,0,0,0.8);
}

.faqref {
	cursor: pointer;
	text-decoration: none;
}

/* error notification */
.notifyError {
	background-image: url(../images/error.png);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 20px;
}

.modAll {
}

.mod {
	background-image: url(../images/bg-grey-strip.gif);
	border-top: 1px solid #363636;
    border-bottom: 1px solid #000;
	width:305px;
	/*height: 305px;  old */
	height:230px;
    display: inline-block;
    vertical-align: top;
	position:relative;
	text-align:center;
}
.modCl {
	background-image:none!important;
	border:0px!important;
	height: auto;
}
.mod2 {
	width:620px;
}
.mod3 {
	width:935px;
}

.modGood {

}
.modWarning {
	box-shadow:0px 0px 10px 3px #FF0000;
}
.modCaution {
	box-shadow: 0px 0px 10px 3px #ffcc00;
}
.modPrtStats {
	margin-top:10px;
	text-align:center;
}
.modPrtStats > span {
	margin-right: 2px;
}
.modPrtStats > span:hover{
	cursor:pointer;
}
.modPrtStat{
	display: inline-block;
}
.modPrtStat > span {
	display: table-cell;
	padding-left: 9px!important;
	height:9px;
}
.modPrtStat.active {
	border: 1px solid #c3c3c3;
    border-radius: 50%;
}
.modContainer .slideshow-container {
	max-width:auto;
	width:auto;
}
.modContainer .slide-prev, .modContainer .slide-next {
	top: 22px;
	padding: 7px 16px 8px 16px;
}
.modPrtHead {
	text-align: center;
	background: #1f1f1f;
	border-top: 1px solid #363636;
    border-bottom: 1px solid #000;
}
.modPrtBody {
	min-height: 200px;
	/*background-color: #666666;*/
	margin-top:10px;
}
.modPrtHeadTxt {
	line-height: 36px;
	text-align:center;
}
.modPrtHeadTxt .modPrtStat {
	margin-right: 5px;
}
.modRow {
	margin-bottom: 10px;
}
.modRow .mod:not(:first-child) {
	margin-left: 10px;
}
.modStatLg {
	font-size: 1.4em;
	margin-bottom:25px;
	color: #959595;
}
.modStatSm {
	color: #959595;
}
.modSep{
	margin-top:25px;
}
.modTitle {
	background-image: url(../images/bg-black-strip.gif);
	line-height: 36px;
	padding-left: 5px;
	padding-right: 5px;
}
.modTitle .modCt > label {
	font-weight:bold;
}
.modTitle .modCt > span {
	vertical-align: middle;
}
.modCl .modTitle {
	background-image:none!important;
}
.modDataH {
	position: relative;
	height:194px;
	display:table;
	text-align:center;
	width:100%;
}
.modCl .modDataH {
	height:100%;
}
.modData {
	width:100%;
	display:table-cell;
	vertical-align:middle;
}
.modCl .modData {
	vertical-align:top;
}
.modGrRnd {
	height:204px;
}
.modData table.modStats {
	display:inline;
}
.modData table.modStats td:first-child {
	text-align: right;
	padding-right:10px;
}
.modData table.modStats td:last-child {
	text-align: left;
}

.modData .DisplayTableOuterContainer {
	display:inline-block!important;
	width:98%;
	background:none;
}

.modData .DisplayTableOuterContainer table:not(.jqplot-table-legend) {
	display:table;
	text-align: left;
}

.modData .TblScrollShort {
	max-height:130px;
}

.modData .info {
	text-align: left;
	margin:5px;
}

.modDisabled {
	color: #959595!important;
}
.modClick:hover{
	box-shadow: 0px 0px 25px 3px #666;
	cursor: pointer;
}
.modLink{
	cursor:pointer;
}
.modIcon {
	float: right;
	margin-left: 10px;
	cursor: pointer;
}
.modIconTip {
	text-align:right;
	margin-top:5px;
	opacity: 0;
	height:20px;
    color: #959595;
}
.modBtmInfo {
	position:absolute;
	bottom:5px;
	right:5px;
	text-align:right;
}
.modCl .modBtmInfo {
	position: relative;
	margin-top:10px;
}

@keyframes pulse {
	0% { box-shadow:0px; }
	50% { box-shadow:0px 0px 10px 3px #ffe064;  }
	100% { box-shadow:0px;}
}
.StatPulse {
	animation: pulse 2s linear infinite;
	border-radius: 50%;
}
.modCircle {
	width: 64px;
    height: 64px;
    border-radius: 36px;
    background: #FF3d3d;
    border: 4px solid #CC0000;
    position: relative;
    display: table;
    text-align: center;
}
.modCircleCtr {
	position: relative;
    vertical-align: middle;
    display: table-cell;
}
.jqplot-table-legend a{
	color: inherit;
	text-decoration : none;
	outline : 0;
 }