@charset "UTF-8";
/* CSS Document */
#productheader {background-color: #4d3682;}
footer, #returnBtn , .more {background-color: #4d3682;}
.topproductlogo {margin: 2px 4px 2px 0; }
.topproductname {padding: 0 0 3px 0;}
.productidentifier {color: #4d3682; border-bottom: 1px solid #4d3682;}
#content {color: #4c1f4b;}
.crumbs a:link, .crumbs a:visited {color: #9C4810;}
#content a:hover, #content a:visited:hover {color: #302530;}
.stripe a:link, .stripe a:visited, .laststripe a:link, .laststripe a:visited {color: #966093; }
footer, #returnBtn  {background-color: #19131b;}

/*------------------------------------*\
	MR NAVIGATION -- all screens
\*------------------------------------*/
.notmobile a:hover, .productbtn a:hover  {color: #ffdf9a; }
.secondmenuarea { box-shadow: 0 300px 100px 200px rgb(48 51 48 / 30%); border-bottom: #303330 14px solid; margin-top: 8px;}/* product menu dropdown*/
.sectiontitle {color: #be582c; font-weight: 700;}
.sectiontitle a {color: #000000;}
.servicecolumns li > a, .resourcecolumns li > a {color: #C67608;}
.sectiontitle a:hover, .servicecolumns li > a:hover, .resourcecolumns li > a:hover {color: #703015; text-decoration: underline;}

.sectionheader {padding: 0; vertical-align: middle;}

h1 {color: #C67608;}
h3, .special {color: #4c1f4b;}
.stripe, .stripe > p, .laststripe {color:#19131b;}
.darkcolor {color: #19131b;}
.peach {color: #f4b160;}
.pullouttext p, .pullouttext li {color: #ffdf9a; font-weight: 500;}
.pullouttext h1, .pullouttext h2 {color: #f6f2e8;}
.triangledown {border-top: .4em solid #9C4810;}
.triangleleft { border-right:.4em solid #9C4810;}
.triangleright { border-left: .4em solid #9C4810; }
.darkpullout {background-color: #4d3682; color: #f4b160;}
.darkpullout a:link,
.darkpullout > .pullouttext a:link {color: #f4b160;}
.darkpullout h1, .darkpullout > .pullouttext > p > .special, .darkpullout > .pullouttext > ul > li > .special {color: #f6f2e8;}
.darkpullout > .pullouttext > ul {list-style: none;}
.darkpullout > .pullouttext > ul > li::before {content: "•"; color: #f6f2e8;
  display: inline-block; width: 1em;
  margin-left: -1em}

thead > tr {background-color: #19131b; color: #ffffff;}
thead > tr > th {border: none;}
th, td {border-bottom: 2px solid #19131b; }
.tablelink a, .tablelink > a:hover {color: #4d3682;}
tbody tr:focus-within {background-color: #19131b;}       
tbody tr:hover {background-color: #19131b;}

.step {display: grid; grid-template-columns: 200px auto; grid-template-rows: auto 36px; grid-template-areas: "task description" "direction ."; column-gap: 24px; row-gap: 6px;}
.stepcell {grid-column-start: 1; grid-row-start: 1; grid-column-end: 2; place-self: stretch; border: #383631 solid 2px; color: #383631; display: flex; align-items: center;
  justify-content: center;}
.stepdescription {grid-column-start: 2; grid-row-start: 1; place-self: center start; padding: 0 0 0 12px;}
.steparrow {grid-column-start: 1; grid-row-start: 2; place-self: start center; margin: 6px 0;}
.stepname {font-weight: 700; font-size: 120%; margin: 12px; text-align: center;}
.stepoutside {background-color: #f4b160;}
.stepcasemanager {background-color: #f7dbaa;}
.steptaskmanager {background-color: #BC986A;}
.stepprintforms {background-color: #dbd7b4;}
.stepturnin {background-color: #ff7827;}
.stepbilling {background-color: #cfaca4;}

@media all and (max-width: 899px) {
}

@media screen and (min-width:900px) {
}

@media screen and (min-width:1175px) {
/*.topimage {margin: 12px 8% 0;}
*/}