@charset "utf-8";

/*-- ID Strong Upsell --*/

.idsu-cf:after {height:0; line-height:0; display:block; visibility:hidden; clear:both; content:".";}
.idsu-cf {display:block;}
html[xmlns] .idsu-cf {display:block;}
* html .idsu-cf {height:1%;}

.idstrong-upsell {display:block; max-width:960px; margin:20px auto; color:#000; font-family:'Open Sans', Arial, Helvetica, sans-serif; font-size:14px; line-height:18px;}
.idstrong-upsell:first-child {margin-top:0;}
.idstrong-upsell:last-child {margin-bottom:0;}
.idstrong-upsell div {display:block;}

.idsu-header {padding:20px 40px; color:#000; font-size:24px; font-weight:600; line-height:30px; text-align:center; background-color:#F5F5F5; border:1px solid #BBB; border-bottom:none; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; border-top-left-radius:5px; border-top-right-radius:5px;}
.idsu-header-name {color:#EA0000;}
.idsu-header-logo {display:inline-block; width:160px; height:30px; text-indent:-999em; background:url(../img/idsu_logo.png) 0 0 no-repeat; vertical-align:top;}

.idsu-body {padding:30px 40px 40px 40px; background-color:#FFF; border:1px solid #BBB; -webkit-border-bottom-right-radius:5px; -webkit-border-bottom-left-radius:5px; -moz-border-radius-bottomright:5px; -moz-border-radius-bottomleft:5px; border-bottom-right-radius:5px; border-bottom-left-radius:5px;}

.idsu-title {padding:70px 0 20px 0; color:#000; font-size:24px; font-weight:600; line-height:28px; text-align:center; background:url(../img/idsu_exclamation_big.png) center 0 no-repeat; border-bottom:1px solid #BBB;}
.idsu-title-highlight {color:#EA0000;}
.idsu-title-nowrap {display:block;}

.idsu-middle {margin-top:25px;}

.idsu-categories {float:left; width:50%; padding-right:20px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.idsu-categories-title {color:#0364A9; font-size:18px; font-weight:600; line-height:22px;}
.idsu-categories-title span {color:#EA0000;}

.idsu-categories-list {margin-top:20px; color:#555; font-size:14px; line-height:18px;}
.idsu-categories-list-item {display:block; padding-left:26px; margin:4px 0; text-align:left; vertical-align:top; background:url(../img/idsu_exclamation_small.png) 0 0 no-repeat;}
.idsu-categories-list-item span {color:#000; font-weight:600;}

.idsu-footer {float:right; width:50%; margin-top:20px; padding-left:20px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}

.idsu-critical {padding:25px 30px; background:#F5F5F5; border:1px solid #BBB; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.idsu-critical-title {color:#000; font-size:20px; font-style:italic; font-weight:700; line-height:22px; text-transform:uppercase; letter-spacing:-0.01em;}
.idsu-critical-list {margin:12px -1px 0 -1px;}
.idsu-critical-list-item {float:left; width:10%; padding:0 1px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.idsu-critical-list-item div {display:block; height:56px; margin:5px 0; border:1px solid #000; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}
.idsu-critical-list-item.idsu-current div {height:66px; margin:0;}
.idsu-critical-list-item:nth-of-type(1) div {background-color:#339100;}
.idsu-critical-list-item:nth-of-type(2) div {background-color:#50AB00;}
.idsu-critical-list-item:nth-of-type(3) div {background-color:#87C600;}
.idsu-critical-list-item:nth-of-type(4) div {background-color:#FFD200;}
.idsu-critical-list-item:nth-of-type(5) div {background-color:#FFBA00;}
.idsu-critical-list-item:nth-of-type(6) div {background-color:#FF9600;}
.idsu-critical-list-item:nth-of-type(7) div {background-color:#FF6C00;}
.idsu-critical-list-item:nth-of-type(8) div {background-color:#FF4200;}
.idsu-critical-list-item:nth-of-type(9) div {background-color:#FF2400;}
.idsu-critical-list-item:nth-of-type(10) div {background-color:#FF0000;}
.idsu-critical-list-item div:before {display:block; width:100%; height:56px; color:#FFF; font-size:18px; font-weight:700; line-height:56px; text-align:center; opacity:0.5;}
.idsu-critical-list-item.idsu-current div:before {height:66px; font-size:30px; line-height:66px; opacity:1;}
.idsu-critical-list-item:nth-of-type(1) div:before {content:"1";}
.idsu-critical-list-item:nth-of-type(2) div:before {content:"2";}
.idsu-critical-list-item:nth-of-type(3) div:before {content:"3";}
.idsu-critical-list-item:nth-of-type(4) div:before {content:"4";}
.idsu-critical-list-item:nth-of-type(5) div:before {content:"5";}
.idsu-critical-list-item:nth-of-type(6) div:before {content:"6";}
.idsu-critical-list-item:nth-of-type(7) div:before {content:"7";}
.idsu-critical-list-item:nth-of-type(8) div:before {content:"8";}
.idsu-critical-list-item:nth-of-type(9) div:before {content:"9";}
.idsu-critical-list-item:nth-of-type(10) div:before {content:"10";}

.idsu-button-block {margin-top:29px; padding-top:29px; position:relative;}
.idsu-button-block:before {display:block; content:"."; width:77px; height:60px; margin-left:-38px; text-indent:-999em; background:url(../img/idsu_arw.png) 0 0 no-repeat; position:absolute; top:-40px; left:50%;}
a.idsu-button {display:block; padding:19px 10px; color:#FFF; font-size:24px; font-weight:700; line-height:32px; letter-spacing:-0.025em; text-align:center; text-decoration:none; text-transform:uppercase; white-space:nowrap; background-color:#EA0000; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease;}
a.idsu-button:hover, a.idsu-button:focus, a.idsu-button:active {background-color:#F00;}
a.idsu-button:after {display:inline-block; content:"."; width:28px; height:32px; margin-left:20px; text-indent:-999em; background:url(../img/idsu_icn_report.png) 0 0 no-repeat; vertical-align:top; opacity:0.5; transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease;}
a.idsu-button:hover:after, a.idsu-button:focus:after, a.idsu-button:active:after {opacity:1;}

.idsu-personName{
	text-transform: capitalize;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.idsu-header-logo {background-image:url(../img/idsu_logo@2x.png); background-size:160px 30px;}
.idsu-title {background-image:url(../img/idsu_exclamation_big@2x.png); background-size:64px 55px;}
.idsu-categories-list-item {background-image:url(../img/idsu_exclamation_small@2x.png); background-size:20px 18px;}
.idsu-button-block:before {background-image:url(../img/idsu_arw@2x.png); background-size:77px 60px;}
a.idsu-button:after {background-image:url(../img/idsu_icn_report@2x.png); background-size:28px 32px;}
}

/* 800px */
@media only screen and (max-width: 959px) {
.idsu-header {padding:20px 30px;}
.idsu-body {padding:30px;}
.idsu-title-nowrap {display:inline;}
.idsu-critical {padding:17px 20px;}
.idsu-critical-title {font-size:18px; line-height:20px;}
}

/* 750px */
@media only screen and (max-width: 799px) {
.idsu-categories {float:none; width:auto; padding:0; text-align:center;}
.idsu-footer {float:none; width:auto; margin-top:25px; padding:0;}
.idsu-critical-title {text-align:center;}
.idsu-categories-list { display:inline-block !important; vertical-align:top;}
}

/* 720px */
@media only screen and (max-width: 749px) {
}

/* 640px */
@media only screen and (max-width: 719px) {
.idsu-header {padding:15px 20px; font-size:18px;}
.idsu-body {padding:20px;}
.idsu-title {padding-top:65px; font-size:18px; line-height:22px;}
.idsu-middle {margin-top:20px;}
.idsu-categories-title {font-size:16px; line-height:20px;}
.idsu-categories-list {margin-top:15px; font-size:13px;}
.idsu-categories-list-item {margin:3px 5px;}
.idsu-footer {margin-top:20px;}
.idsu-critical-title {font-size:18px; line-height:20px;}
.idsu-button-block {margin-top:20px; padding:0;}
.idsu-button-block:before {display:none;}
}

/* 540px */
@media only screen and (max-width: 639px) {
}

/* 480px */
@media only screen and (max-width: 539px) {
}

/* 414px */
@media only screen and (max-width: 479px) {
.idsu-categories-list-item {display:block !important; margin:4px 0; text-align:left;}
}

/* 375px */
@media only screen and (max-width: 413px) {
.idsu-critical-title {font-size:16px; line-height:18px;}
.idsu-critical-list {margin-left:0; margin-right:0;}
.idsu-critical-list-item {padding:0 1px 0 0;}
.idsu-critical-list-item:last-child {padding:0;}
.idsu-critical-list-item div:before {font-size:16px;}
a.idsu-button {font-size:20px;}
}

/* 320px */
@media only screen and (max-width: 374px) {
.idsu-header, .idsu-body {padding:15px;}
.idsu-title {padding-bottom:15px;}
.idsu-middle {margin-top:15px;}
.idsu-categories, .idsu-footer, .idsu-button-block {margin-top:15px;}
a.idsu-button:after {margin-left:15px;}
.idsu-critical {margin:0 -16px; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0;}
}