#post-roll {
    position: absolute !important;
    top: 0;
    /*left: 0;*/
    width: 100%;
    height: 100%;
}
[touch-action="none"] {
    -ms-touch-action: none;
    touch-action: none;
}

[touch-action="pan-x"] {
    -ms-touch-action: pan-x;
    touch-action: pan-x;
}

[touch-action="pan-y"] {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
}

[touch-action="scroll"],[touch-action="pan-x pan-y"],[touch-action="pan-y pan-x"] {
    -ms-touch-action: pan-x pan-y;
    touch-action: pan-x pan-y;
}
.postRoll {
    height: 540px;
    width: 960px;
    background: #323232 url(/assets/images/postroll/bg.jpg) no-repeat center center;
    margin: 0px auto;
}
#index.home {
    text-align: center;
}

A.DownloadLink {
    margin: 20px auto 0px;
    display: block;
    color: #10A0EF;
    font: bold 2em calibri;
}
DIV.replayButton {
    position: absolute;
    width: 100%;
    display: block;
    margin: auto;
    bottom: 0px;
    z-index: 100;
    text-align: center;
}
A.postRoll-footer-button-replay {
    width: 201px;
    height: 39px;
    background: url(/assets/images/postroll/btn_replay.png) no-repeat center center;
    margin: 25px auto 0px;
	display: block;
	/* NEW - completely replaces old style parameters
	width: 181px;
    height: 40px;
    background: url(/assets/images/postroll/postroll_replay_btn.png) no-repeat top center;
    margin: auto;
	display: block
	*/
}
A.postRoll-footer-button-replay:hover {
    background: url(/assets/images/postroll/btn_replay_hover.png) no-repeat center center;
	/* NEW
	background: url(/assets/images/postroll/postroll_replay_btn.png) no-repeat bottom center;
	*/
}

/* NEW cta styles */
A.postCta-buydvd{
	position: relative;
	width: 257px;
    height: 37px;
	float: left;
	padding: 8px 0;
	background-color: #000;
	border: 1px solid #fff;
	color: #fff;
	font-family: 'fjallaoneregular';
	font-size: 20px;
}
A.postCta-buydvd:hover{
	background-color: #fff;
	border: 1px solid #000;
	color: #808080;
}
A.postCta-join{
	position: relative;
	width: 257px;
    height: 37px;
	float: right;
	padding: 8px 0;
	background-color: #000;
	border: 1px solid #fff;
	color: #fff;
	font-family: 'fjallaoneregular';
	font-size: 20px;
}
A.postCta-join:hover{
	background-color: #fff;
	border: 1px solid #000;
	color: #808080;
}
/* END NEW cta styles */
DIV.postRoll-footer-btn-container {
    text-align: center;
}
A.postRoll-footer-button-join {
    border: 2px solid #FFFFFF;
    color: #FFFFFF;
    font-family: calibri;
    text-decoration: none;
    text-align: center;
    background: #7DB9E8;
    /*Old browsers*/
    background: -moz-linear-gradient(top, #7db9e8 0%, #2b95db 100%);
    /*FF3.6+*/
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7db9e8), color-stop(100%,#2b95db));
    /*Chrome,Safari4+*/
    background: -webkit-linear-gradient(top, #7db9e8 0%,#2b95db 100%);
    /*Chrome10+,Safari5.1+*/
    background: -o-linear-gradient(top, #7db9e8 0%,#2b95db 100%);
    /*Opera 11.10+*/
    background: -ms-linear-gradient(top, #7db9e8 0%,#2b95db 100%);
    /*IE10+*/
    background: linear-gradient(to bottom, #7db9e8 0%,#2b95db 100%);
    /*W3C*/
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7db9e8', endColorstr='#2b95db',GradientType=0 );
    /*IE6-9*/
    /*+box-shadow:2px 2px 16px rgba(0, 0, 0, 0.5);*/
    -moz-box-shadow: 2px 2px 16px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 2px 2px 16px rgba(0, 0, 0, 0.5);
    -o-box-shadow: 2px 2px 16px rgba(0, 0, 0, 0.5);
    box-shadow: 2px 2px 16px rgba(0, 0, 0, 0.5);
    /*+border-radius:6px;*/
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    border-radius: 6px;
    padding: 5px 20px;
    font-size: 26px;
    font-weight: bold;
    /*+text-shadow:0px 2px #4069AF;*/
    -moz-text-shadow: 0px 2px #4069AF;
    -webkit-text-shadow: 0px 2px #4069AF;
    -o-text-shadow: 0px 2px #4069AF;
    text-shadow: 0px 2px #4069AF;
}
A.postRoll-footer-button-join:hover {
    background: #2B95DB;
    /*Old browsers*/
    background: -moz-linear-gradient(top, #2b95db 0%, #7db9e8 99%);
    /*FF3.6+*/
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2b95db), color-stop(99%,#7db9e8));
    /*Chrome,Safari4+*/
    background: -webkit-linear-gradient(top, #2b95db 0%,#7db9e8 99%);
    /*Chrome10+,Safari5.1+*/
    background: -o-linear-gradient(top, #2b95db 0%,#7db9e8 99%);
    /*Opera 11.10+*/
    background: -ms-linear-gradient(top, #2b95db 0%,#7db9e8 99%);
    /*IE10+*/
    background: linear-gradient(to bottom, #2b95db 0%,#7db9e8 99%);
    /*W3C*/
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b95db', endColorstr='#7db9e8',GradientType=0 );
    /*IE6-9*/
    color: #042131;
    /*+text-shadow:none;*/
    -moz-text-shadow: none;
    -webkit-text-shadow: none;
    -o-text-shadow: none;
    text-shadow: none;
}
.postRoll-header {
    width: 100%;
    text-align: center;
    background: transparent url(/assets/images/postroll/header.png) no-repeat 52.5% 50%;
    height: 161px;
    margin: 0px;
    padding-top: 25px;
}
.postRoll-thumbs {
    width: 100%;
    height: 169px;
    background: url(/assets/images/postroll/thumbs.jpg) no-repeat center center;
	/* NEW
	background: url(/assets/images/postroll/post-thumbs.jpg) no-repeat center center;
	*/
    border-top: 1px solid #585858;
    border-bottom: 1px solid #585858;
    display: block;
}
.postRoll-footer-cta {
    width: 100%;
    height: 65px;
    background: url(/assets/images/postroll/tagline-1.png) no-repeat center center;
    margin-top: 10px;
    display: block;
}
/* selection */
html.clearly_highlighting_enabled ::-moz-selection {
    background: rgba(246, 238, 150, 0.99);
}
html.clearly_highlighting_enabled ::selection {
    background: rgba(246, 238, 150, 0.99);
} /* cursor */
html.clearly_highlighting_enabled {
    /* cursor and hot-spot position -- requires a default cursor, after the URL one */

    cursor: url("chrome-extension://pioclpoplcdbaefihamjohnefbikjilc/clearly/images/highlight--cursor.png") 14 16, text;
} /* highlight tag */
em.clearly_highlight_element {
    font-style: inherit !important;
    font-weight: inherit !important;
    background-image: url("chrome-extension://pioclpoplcdbaefihamjohnefbikjilc/clearly/images/highlight--yellow.png");
    background-repeat: repeat-x;
    background-position: top left;
    background-size: 100% 100%;
} /* the delete-buttons are positioned relative to this */
em.clearly_highlight_element.clearly_highlight_first {
    position: relative;
} /* delete buttons */
em.clearly_highlight_element a.clearly_highlight_delete_element {
    display: none;
    cursor: pointer;
    padding: 0;
    margin: 0;
    line-height: 0;
    position: absolute;
    width: 34px;
    height: 34px;
    left: -17px;
    top: -17px;
    background-image: url("chrome-extension://pioclpoplcdbaefihamjohnefbikjilc/clearly/images/highlight--delete-sprite.png");
    background-repeat: no-repeat;
    background-position: 0px 0px;
}

em.clearly_highlight_element a.clearly_highlight_delete_element:hover {
    background-position: -34px 0px;
}
/* retina */
@media (min--moz-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) {
    em.clearly_highlight_element {
        background-image: url("chrome-extension://pioclpoplcdbaefihamjohnefbikjilc/clearly/images/highlight--yellow@2x.png");
    }

    em.clearly_highlight_element a.clearly_highlight_delete_element {
        background-image: url("chrome-extension://pioclpoplcdbaefihamjohnefbikjilc/clearly/images/highlight--delete-sprite@2x.png");
        background-size: 68px 34px;
    }
}