.kpi9 {
background: #000;
}

.kpi9 .wrapper {
width: 970px;
background: #0b0b0b;
padding: 0 0 28px;
margin: 0 auto;
}
.kpi9  #menu {
padding-top: 1em;
background: #000 !important;
color: white;
margin: 0px auto;
border-left: 5px solid white;
border-right: 5px solid white;
background: #000;
padding-bottom: 10px;
width: 100%;
overflow: hidden;
}

.kpi9 .wweIcons {
display: block;
}

.kpi9 #blastareas {
height: 60px;
width: 165px;
background-position: -982px -31px;
}

.kpi9 #wwenetwork {
height: 90px;
width: 237px;
background-position: -48px -198px;
margin-top: 0;
}

.kpi9 #cablesatelliteproviders {
/* ppv */
height: 75px;
width: 172px;
display: block;
margin-right: 28px;
background-position: -458px -33px;
}

.esp .kpi9 #cablesatelliteproviders {
background-position: -455px -210px;
}

.esp .kpi9 .iconbtn {
background: url("/sites/all/modules/wwe/wwe_howtowatch/images/nav-icons-2.png") no-repeat;
}

.kpi9 .iconbtn {
display: block;
position: relative;
float: left;
height: 60px;
width: 164px;
margin-right: 5px;
margin-bottom: 10px;
/*background: url('/sites/all/modules/wwe/wwe_widgets/widgets/node/how_to_watch_network/wweImages/nav-icons.png') no-repeat;*/
background: url("/sites/all/modules/wwe/wwe_howtowatch/images/nav-icons-2.png") no-repeat;
margin-top: 25px;
}

.kpi9 .row {
width: 100%;
margin-left: auto;
margin-right: auto;
margin-top: 0;
margin-bottom: 0;
}

.kpi9 .columns {
/*position: relative;*/
padding: 0;
float: left;
}

.kpi9 ul.watch_now li {
list-style: none;
float: left;
margin: 0px 0;
width: 100%;
font-size: .85em;
border-left: 5px solid white;
border-right: 5px solid white;
border-bottom: 2px solid white;
}

.kpi9 .large-12 {
 position: relative;
width: 100%;
}

.kpi9 ul.watch_now li > div > div {
background: #d6d6d6;
padding: 5px 10px 15px 10px;
overflow: auto;
font-size: 12px;
}

.kpi9 .small-12.tvProvider {
overflow: hidden;
}

.kpi9 .tvDesc-esp {display: none;}

.kpi9 .tvDesc {
padding-top: 20px;
}

.kpi9 [class*="column"] + [class*="column"]:last-child {
float: right;
}

.kpi9 .large-5 {
/*position: relative;*/
width: 41.66667%;
}

.kpi9 .itemDates {
padding-top: 20px;
}

.kpi9 .large-7 {
position: relative;
width: 58.33333%;
}

.kpi9 .large-3 {
position: relative;
width: 25%;
}

.kpi9 .large-8 {
position: relative;
width: 66.66667%;
}

.kpi9 ul.watch_now li > div > div {
background: #d6d6d6;
padding: 5px 10px 15px 10px;
overflow: auto;
font-size: 12px;
}

.kpi9 ul.watch_now li:nth-child(even) > div > div {
background: #e2e2e2;
}

.kpi9 .large-4 {
position: relative;
width: 33.33333%;
}

.kpi9 img {
display: inline-block;
vertical-align: middle;
height: auto;
width: 95%;
}

.kpi9 .btn.more {
display: block;
background: url('/sites/all/modules/wwe/wwe_widgets/widgets/node/how_to_watch_network/wweImages/bttnMORE.png') no-repeat;
height: 25px;
width: 150px;
text-indent: -9000px;
margin-bottom: 5px;
margin-right: 5px;
background-position: 0 -3px;
}

.esp .kpi9 .btn.more {
display: block;
background: url('/sites/all/modules/wwe/wwe_widgets/widgets/node/how_to_watch_network/wweImages/bttnMOREesp.png') no-repeat;
height: 25px;
width: 150px;
text-indent: -9000px;
margin-bottom: 5px;
margin-right: 5px;
background-position: 0 -3px;
}

.kpi9 .btn a {
display: block;
height: 100%;
width: 100%;
}

.kpi9 .btn.less {
display: block;
background: url('/sites/all/modules/wwe/wwe_widgets/widgets/node/how_to_watch_network/wweImages/bttnLESS.png') no-repeat;
height: 25px;
width: 150px;
text-indent: -9000px;
margin-bottom: 5px;
margin-right: 5px;
background-position: 0 -3px;
}

.esp .kpi9 .btn.less {
background: url('/sites/all/modules/wwe/wwe_widgets/widgets/node/how_to_watch_network/wweImages/bttnLESSesp.png') no-repeat;
}

.kpi9 .btnAction {
margin-top: 20px;
}

.kpi9 .large-2 {
position: relative;
width: 16.66667%;
}

.kpi9 #featured {
position: relative;
}

.kpi9 .headImg .eng, .kpi9 .headImg .esp, .kpi9 .headImg .intl {
position: relative;
width: 100%;
border-top: 5px solid white;
border-left: 5px solid white;
border-right: 5px solid white;
}

.kpi9 .headImg .eng img, .kpi9 .headImg .esp img, .kpi9 .headImg .intl img {
width: 100%;
}

.kpi9 .headImg .esp, .kpi9 .headImg .intl {display: none;}

.kpi9 .vidWrap {
width: 50%;
height: 100%;
position: absolute;
z-index: 200;
top: 1px;
right: 0px;
max-height: 332px;
/*border: 5px solid #fff;*/
}

.kpi9 .vidWrap span {
height: 100%;
width: 100%;
}

/* Set up page for JS */
.kpi9 .devicerow {display: none;}
.kpi9 .devicerow:nth-of-type(1) {display: block;}

/* HEADING */
.kpi9 #heading {
margin: 20px auto 0px auto;
}

.kpi9 h2 .white {
color: #ffffff;
}

.kpi9 h2 span {
border-bottom: 0px;
float: left;
font: 1.9em/1.3 'UnitWebPro-MediumIta', sans-serif;
text-transform: uppercase;
margin: 0 0 14px 0;
height: 24px;
padding: 0 0 3px 0;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
color: #e3272a;
margin-left: 5px;
}

.kpi9 .countryWrap {
padding: 10px 10px 5px 0px;
margin-top: 0px;
margin-right: -10px;
}

@media only screen and (min-width: 768px) {
.kpi9 .row .large-offset-1 {
position: relative;
margin-left: 8.33333%;
}

.kpi9 .reveal-modal.tiny {
margin-left: -15%;
width: 30%;
}

.kpi9 .reveal-modal {
padding: 1.875em;
top: 6.25em;
}

}

.kpi9 #select_your_country {
text-align: right;
text-transform: uppercase;
font-style: italic;
color: #e2e2e2;
font-weight: bold;
font-size: 25px;
padding-right: 10px;
}

.kpi9 .large-3 {
position: relative;
width: 25%;
}

.kpi9 #selectCountry {
margin-top: 4px;
border: 1px solid black;
font-size: 13px;
}

.kpi9 select {
width: 100%;
}

.kpi9 .select_language {
float: right;
}

.kpi9 .select_language li {
list-style: none;
float: left;
color: #fff;
}

.kpi9 .select_language li:first-child a {
color: red;
}

.kpi9 .select_language li:last-child a {
color: #fff;
}

.kpi9 .select_language li:after {
content: "|";
padding: 0 5px;
}

.kpi9 .select_language li:last-child:after {
content: "";
padding: 0;
}

.esp .kpi9 .select_language li:last-child a {
color: red;
}

.esp .kpi9 .select_language li:first-child a {
color: #fff;
}

.esp .kpi9 .buy-now {
background-position: -298px -196px !important;
width: 150px !important;
margin-right: 145px !important;
}

.kpi9 #liveevent {
background-position: -457px -112px;
}

.esp .kpi9 #liveevent {
background-position: -454px -292px;
}


.kpi9 #gamingconsoles {
background-position: -640px -115px;
}

.kpi9 #watchonline {
background-position: -808px -31px;
width: 166px;
}

.esp .kpi9 #watchonline {
background-position: -805px -210px;
}

.kpi9 #watchontv {
background-position: -642px -33px;
}

.esp .kpi9 #watchontv {
background-position: -640px -210px;
}


/* Hover and active effect for buttons 
.kpi9 #blastareas:hover, .active-blastareas .kpi9 #blastareas {
background-position: -588px -120px;
}

.kpi9 #liveevent:hover, .active-liveevent .kpi9 #liveevent {
background-position: -735px -120px;
}

.kpi9 #watchontv:hover, .active-tv .kpi9 #watchontv {
background-position: 0px -120px;
}

.kpi9 #watchonline:hover, .active-online .kpi9 #watchonline {
background-position: -146px -120px;
}

.kpi9 #gamingconsoles:hover, .active-gaming .kpi9 #gamingconsoles {
background-position: -442px 0px;
}
*/

.kpi9 .buy-now {
background-position: -301px -19px;
width: 150px !important;
margin-right: 145px !important;
margin-top: 0;
}

/* ways to watch for mobile */

.kpi9 .selectTypeWrap {
display: none;
}

.kpi9 #select_your_type {
text-transform: uppercase;
font-style: italic;
color: #e2e2e2;
font-weight: bold;
font-size: 25px;
padding-right: 10px;
margin-top: 15px;
}

.kpi9 #selectType {
margin-top: 4px;
border: 1px solid black;
font-size: 13px;
}

/* modal window for PPV providers */
.kpi9 #myModal {
background-color: #D6D6D6;
border: 2px solid #A8080A;
font-size: 80%;
z-index: 999999;
}


.kpi9 .reveal-modal {
font-size: 80%;
padding: 1.875em 1.875em 2.75em 1.875em;
}

.kpi9 .reveal-modal {
visibility: hidden;
display: none;
position: fixed;
left: 50%;
z-index: 99;
height: auto;
margin-left: -40%;
width: 80%;
background-color: white;
padding: 1.25em;
border: solid 1px #666666;
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
top: 50px;
}

.kpi9 .reveal-modal > :first-child {
margin-top: 0;
}

.kpi9 #myModal li:first-child {
margin-top: 12px;
}

.kpi9 #myModal li {
list-style: none;
margin-bottom: 12px;
height: 20px;
font-size: 12px;
border: 0 none;
}

.kpi9 #myModal li img {
float: left;
margin-top: -4px;
margin-right: 3px;
width: 21px;
height: 21px;
}

.kpi9 img {
display: inline-block;
vertical-align: middle;
height: auto;
width: 95%;
}

.kpi9 #myModal a {
color: #000;
text-decoration: underline;
}

.kpi9 #myModal a:hover {
color: #222;
}

.kpi9 .btn.providerbtn {
display: block;
background: url('/sites/all/modules/wwe/wwe_widgets/widgets/node/how_to_watch_network/wweImages/bttnContactProvider2.jpg') no-repeat;
height: 25px;
width: 150px;
text-indent: -9000px;
}

.kpi9 .reveal-modal > :last-child {
margin-bottom: 0;
}

.kpi9 .reveal-modal .close-reveal-modal {
background: #960608;
text-transform: uppercase;
color: white;
padding: 3px 5px;
font-weight: 100;
top: auto;
bottom: 0.5em;
cursor: pointer;
right: 0.6875em;
font-size: 1.375em;
line-height: 1;
position: absolute;
}

.kpi9 a.close-reveal-modal {
color: #fff !important;
text-decoration: none !important;
}

body.howtowatch #main, body.howtowatch #ad-banner {background: #000;}

/* Expands device list in country edit screen */
.page-taxonomy #edit-field-devices select {
width: 500px;
height: 500px;
}