/* Styles responsible for PGRedesign starts here. */
@charset "UTF-8";
/* Web fonts */
@font-face { font-family: "DIRECTVCurve Light"; font-weight: normal; font-style: normal; src: url("/guia/PG-2.0/PG-2.0-fonts/DIRECTVCurve-Light.eot"); src: url("/guia/PG-2.0/PG-2.0-fonts/DIRECTVCurve-Light.eot?#iefix") format("embedded-opentype"), url("/guia/PG-2.0/PG-2.0-fonts/DIRECTVCurve-Light.woff") format("woff") }
@font-face { font-family: "DIRECTVCurve Regular"; font-weight: normal; font-style: normal; src: url("/guia/PG-2.0/PG-2.0-fonts/DIRECTVCurve-Regular.eot"); src: url("/guia/PG-2.0/PG-2.0-fonts/DIRECTVCurve-Regular.eot?#iefix") format("embedded-opentype"), url("/guia/PG-2.0/PG-2.0-fonts/DIRECTVCurve-Regular.woff") format("woff") }
@font-face { font-family: "DIRECTVCurve Medium"; font-weight: normal; font-style: normal; src: url("/guia/PG-2.0/PG-2.0-fonts/DIRECTVCurve-Medium.eot"); src: url("/guia/PG-2.0/PG-2.0-fonts/DIRECTVCurve-Medium.eot?#iefix") format("embedded-opentype"), url("/guia/PG-2.0/PG-2.0-fonts/DIRECTVCurve-Medium.woff") format("woff") }
@font-face { font-family: "DIRECTVCurve Bold"; font-weight: normal; font-style: normal; src: url("/guia/PG-2.0/PG-2.0-fonts/DIRECTVCurve-Bold.eot"); src: url("/guia/PG-2.0/PG-2.0-fonts/DIRECTVCurve-Bold.eot?#iefix") format("embedded-opentype"), url("/guia/PG-2.0/PG-2.0-fonts/DIRECTVCurve-Bold.woff") format("woff") }
@font-face { font-family: 'Helvetica Neue Light'; font-style: normal; font-weight: normal; src: url("/guia/PG-2.0/PG-2.0-fonts/HelveticaNeueLight.woff") format("woff"); }
@font-face { font-family: 'Helvetica Neue Regular'; font-style: normal; font-weight: normal; src: url("/guia/PG-2.0/PG-2.0-fonts/HelveticaNeueRegular.woff") format("woff"); }
@font-face { font-family: 'Helvetica Neue Medium'; font-style: normal; font-weight: normal; src: url("/guia/PG-2.0/PG-2.0-fonts/HelveticaNeueMedium.woff") format("woff"); }
@font-face { font-family: 'Helvetica Neue Bold'; font-style: normal; font-weight: normal; src: url("/guia/PG-2.0/PG-2.0-fonts/HelveticaNeueBold.woff") format("woff"); }

body {
    font-family: "DIRECTVCurve Regular", "Helvetica Neue Regular", Arial, Helvetica, sans-serif;
    font-size: 75%;
    background: #ffffff !important;
}
/* Re-usable styles starts here. */
.hideThis {
    display: none !important;
}
.spacerLine-20 {
    display: block;
    height: 20px;
}
.extraSpacer-15 {
    display: inline-block;
    width: 15px;
}
.floatSpacer-10 {
    float: left;
    width: 100%;
    display: block;
    height: 10px;
}
.textLowerCase {
    text-transform: lowercase !important;
}
.textUpperCase {
    text-transform: uppercase !important;
}
.textCapitalize {
    text-transform: capitalize !important;
}
.errorRegular {
    background-color: #FFC;
    border: 1px solid #D7D7D7;
    color: #FF0000;
    font-weight: bold;
    height: auto;
    padding: 11px 2px 11px 36px;
    background-image: url('../img/fancyBoxImg/login_error.png');
    background-repeat: no-repeat;
    background-position: 11px 11px;
    margin-bottom: 20px;
}
.preloaderRecordForNewPG {
    position: fixed;
    height: 100%;
    top: 0;
    left: 0;
    width: 100%;
    background: url('../img/programing-guide/progress-indicator-left.gif') no-repeat center #FFF;
    z-index: 9999;
}
/* Re-usable styles ends here. */
div#PGLogin {
    line-height: 1.5;
    color: #222222;
}
div#PGLogin .hideThis {
    display: none !important;
}
div#PGLogin table {
    width: 100%;
}
div#PGLogin table tr td {
    padding: 0;
}
div#PGLogin table tr td fieldset {
    border: none;
}
div#PGLogin h2 {
    border-bottom: 1px solid #D7D7D7;
    color: #333333;
}
div#PGLogin div.enter_emailpassword {
    height: 70px;
}
div#PGLogin div.enter_emailpassword div.login_left {
    float: left;
    width: 30%;
}
div#PGLogin div.enter_emailpassword div.login_left label {
    text-align: left;
    padding: 0 12px 0 0;
    margin: 0;
    color: #333;
    display: block;
}
div#PGLogin div.enter_emailpassword div.login_right {
    float: left;
    width: 65%;
    text-align: right;
}
div#PGLogin div.enter_emailpassword div.login_right span.remember_login {
    display: inline-block;
    height: 14px;
    width: 14px;
}
div#PGLogin div.enter_emailpassword div.login_right input {
    float: left;
    height: 19px;
    width: 100%;
    margin: 0;
    background-color: #FFFFFF;
    border: 1px solid #BBBBBB;
}
div#PGLogin div.buttonList {
    text-align: center;
}
div#PGLogin div.buttonList a.btnSubmit {
    color: #ffffff;
    background: #2272C9 0% 0% no-repeat padding-box;
    display: inline-block;
    padding: 0.5em 1em;
    border-radius: 5px;
    transition: background 0.3s;
    text-decoration: none;
    margin-right: 15px;
}
div#PGLogin div.buttonList a.btnCancel {
    color: #222222;
    background: #C5D0E0 0% 0% no-repeat padding-box;
    display: inline-block;
    padding: 0.5em 1em;
    border-radius: 5px;
    transition: background 0.3s;
    text-decoration: none;
    margin-left: 15px;
}
div.detailForNewPG h1.pageTitle {
    text-align: center;
    font-family: "DIRECTVCurve Regular", "Helvetica Neue Regular", Arial, Helvetica, sans-serif;
    font-weight: 500;
    font-size: 2.2em;
    color: #222222;
    letter-spacing: 0.5px;
    margin-bottom: 25px;
}
/* `min-width` and `max-width` applied here are based on content inside iframe. It is not based on usual screen width. */
@media only screen and (min-width: 480px) {
    div.detailForNewPG h1.pageTitle {
        font-size: 1.5em;
    }
}
div.detailForNewPG big.contentTitle {
    font-family: "DIRECTVCurve Bold", "Helvetica Neue Bold", Arial, Helvetica, sans-serif;
    font-weight: 500;
    font-size: 2em;
    color: #333333;
    display: block;
}
/* `min-width` and `max-width` applied here are based on content inside iframe. It is not based on usual screen width. */
@media only screen and (min-width: 480px) {
    div.detailForNewPG big.contentTitle {
        font-size: 1.8em;
    }
}
div.detailForNewPG div.startTimeDiv,
div.detailForNewPG div.channelDiv,
div.detailForNewPG div.durationDiv,
div.detailForNewPG div.priorityDiv,
div.detailForNewPG div.accountsDiv,
div.detailForNewPG div.decoderDiv,
div.detailForNewPG div.messageText,
div.detailForNewPG div.buttonsDiv {
    width: 100%;
    margin-top: 20px;
}
div.detailForNewPG *.leftSide {
    width: 45%;
    display: inline-block;
    font-family: "Helvetica Neue Medium", Arial, Helvetica, sans-serif;
    font-size: 1.45em;
    color: #111111;
    margin: 0px;
    padding: 0px;
    vertical-align: top;
    line-height: 1.5em;
    font-weight: normal;
}
/* `min-width` and `max-width` applied here are based on content inside iframe. It is not based on usual screen width. */
@media only screen and (min-width: 400px) and (max-width: 479px) {
    div.detailForNewPG *.leftSide {
        width: 35%;
    }
}
/* `min-width` and `max-width` applied here are based on content inside iframe. It is not based on usual screen width. */
@media only screen and (min-width: 480px) {
    div.detailForNewPG *.leftSide {
        width: 29%;
        font-size: 1.2em;
    }
}
div.detailForNewPG *.rightSide {
    width: 53%;
    display: inline-block;
    font-family: "Helvetica Neue Medium", Arial, Helvetica, sans-serif;
    font-size: 1.45em;
    color: #666666;
    margin: 0px;
    padding: 0px;
    vertical-align: top;
    line-height: 1.5em;
}
/* `min-width` and `max-width` applied here are based on content inside iframe. It is not based on usual screen width. */
@media only screen and (min-width: 400px) and (max-width: 479px) {
    div.detailForNewPG *.rightSide {
        width: 63%;
    }
}
/* `min-width` and `max-width` applied here are based on content inside iframe. It is not based on usual screen width. */
@media only screen and (min-width: 480px) {
    div.detailForNewPG *.rightSide {
        width: 69%;
        font-size: 1.2em;
    }
}
div.detailForNewPG *.rightSide.onlyThis {
    width: 100%;
    font-family: "Helvetica Neue Regular", Arial, Helvetica, sans-serif;
    font-size: 1.3em;
}
/* `min-width` and `max-width` applied here are based on content inside iframe. It is not based on usual screen width. */
@media only screen and (min-width: 480px) {
    div.detailForNewPG *.rightSide.onlyThis {
        width: 69%; /* `69%` is the width of `div.detailForNewPG *.rightSide` from min-width: 500px. */
        margin-left: 29%; /* `29%` is the width of `div.detailForNewPG *.leftSide` from min-width: 500px. */
        font-size: 1.05em;
    }
}
div.detailForNewPG *.rightSide *.setAsInlineBlock {
    display: inline-block;
    float: left;
}
div.detailForNewPG div.accountsDiv select,
div.detailForNewPG div.decoderDiv select {
    border: 1px solid #000;
    width: 98%;
}
div.detailForNewPG div.durationDiv input[type="checkbox"] {
    margin: 0px;
}
div.detailForNewPG div.priorityDiv input[type="radio"] {
    margin: 0px 5px 0px 0px;
}
div.detailForNewPG div.buttonsDiv a[id$="_btnRecord"] {
    display: inline-block;
    width: 49%;
    height: 40px;
    vertical-align: middle;
    line-height: 40px;
    background: #2272C9 0% 0% no-repeat padding-box;
    border-radius: 5px;
    text-align: center;
    font-family: "Helvetica Neue Medium", Arial, Helvetica, sans-serif;
    font-size: 1.2em;
    font-weight: 500;
    color: #FFFFFF;
    text-decoration: none;
    padding: 0px;
}
/* `min-width` and `max-width` applied here are based on content inside iframe. It is not based on usual screen width. */
@media only screen and (min-width: 480px) {
    div.detailForNewPG div.buttonsDiv a[id$="_btnRecord"] {
        font-size: 1.5em;
        height: 50px;
        line-height: 50px;
    }
}
div.detailForNewPG div.buttonsDiv a.cancelOrCloseButton {
    display: inline-block;
    width: 49%;
    height: 40px;
    vertical-align: middle;
    line-height: 40px;
    background: #C5D0E0 0% 0% no-repeat padding-box;
    border-radius: 5px;
    text-align: center;
    font-family: "Helvetica Neue Medium", Arial, Helvetica, sans-serif;
    font-size: 1.2em;
    font-weight: 500;
    color: #222222;
    text-decoration: none;
    padding: 0px;
    float: right;
}
/* `min-width` and `max-width` applied here are based on content inside iframe. It is not based on usual screen width. */
@media only screen and (min-width: 480px) {
    div.detailForNewPG div.buttonsDiv a.cancelOrCloseButton {
        font-size: 1.5em;
        height: 50px;
        line-height: 50px;
    }
}
div.messageNoDvr br.notForSmallScreens,
div.messageNoDvr br.notForSmallScreens::after,
div.messageNoDvrHd br.notForSmallScreens,
div.messageNoDvrHd br.notForSmallScreens::after {
    content: " \0020";
}
/* `min-width` and `max-width` applied here are based on content inside iframe. It is not based on usual screen width. */
@media only screen and (min-width: 480px) {
    div.messageNoDvr br.notForSmallScreens,
    div.messageNoDvr br.notForSmallScreens::after,
    div.messageNoDvrHd br.notForSmallScreens,
    div.messageNoDvrHd br.notForSmallScreens::after {
        content: ' \A';
        white-space: pre-line;
    }
}
div.messageNoDvr div.newPGDVRWarningIconDiv,
div.messageNoDvrHd div.newPGDVRWarningIconDiv {
    width: 100%;
    text-align: center;
}
div.messageNoDvr div.newPGDVRWarningIconDiv span.newPGDVRWarningIcon,
div.messageNoDvrHd div.newPGDVRWarningIconDiv span.newPGDVRWarningIcon {
    display: inline-block;
    background-image: url('../img/fancyBoxImg/error_message_ico.png');
    background-repeat: no-repeat;
    background-position: center;
    width: 50px;
    height: 50px;
}
div.messageNoDvr p.noDvrWarningMsgLineOne,
div.messageNoDvrHd p.noDvrWarningMsgLineOne {
    color: #CE3131;
    text-align: center;
    font-family: "Helvetica Neue Medium", Arial, Helvetica, sans-serif;
    font-size: 2em;
}
/* `min-width` and `max-width` applied here are based on content inside iframe. It is not based on usual screen width. */
@media only screen and (min-width: 480px) {
    div.messageNoDvr p.noDvrWarningMsgLineOne,
    div.messageNoDvrHd p.noDvrWarningMsgLineOne {
        font-size: 1.8em;
    }
}
div.messageNoDvr p.noDvrWarningMsgLineTwo,
div.messageNoDvrHd p.noDvrWarningMsgLineTwo {
    color: #666666;
    text-align: center;
    font-family: "Helvetica Neue Regular", Arial, Helvetica, sans-serif;
    font-size: 1.55em;
    line-height: 1.55em;
}
/* `min-width` and `max-width` applied here are based on content inside iframe. It is not based on usual screen width. */
@media only screen and (min-width: 480px) {
    div.messageNoDvr p.noDvrWarningMsgLineTwo,
    div.messageNoDvrHd p.noDvrWarningMsgLineTwo {
        font-size: 1.075em;
        line-height: 1.5em;
    }
}
div.messageNoDvr p.noDvrWarningMsgLineThree,
div.messageNoDvrHd p.noDvrWarningMsgLineThree {
    color: #222222;
    text-align: center;
    font-family: "Helvetica Neue Medium", Arial, Helvetica, sans-serif;
    font-size: 1.8em;
    line-height: 1.4em;
}
/* `min-width` and `max-width` applied here are based on content inside iframe. It is not based on usual screen width. */
@media only screen and (min-width: 480px) {
    div.messageNoDvr p.noDvrWarningMsgLineThree,
    div.messageNoDvrHd p.noDvrWarningMsgLineThree {
        font-size: 1.35em;
        line-height: 1.5em;
    }
}
div.messageNoDvr p.noDvrWarningMsgLineThree a,
div.messageNoDvrHd p.noDvrWarningMsgLineThree a {
    color: #00AEEF;
    text-decoration: underline;
    font-family: "Helvetica Neue Bold", Arial, Helvetica, sans-serif;
}
div.messageNoDvr div.divForCloseLink,
div.messageNoDvrHd div.divForCloseLink,
div.ResultDetail div.divForCloseLink {
    text-align: center;
}
div.messageNoDvr div.divForCloseLink a.closeLink,
div.messageNoDvrHd div.divForCloseLink a.closeLink,
div.ResultDetail div.divForCloseLink a[id$="_lnkClose"] {
    display: inline-block;
    width: 100%;
    height: 50px;
    vertical-align: middle;
    line-height: 50px;
    background: #C5D0E0 0% 0% no-repeat padding-box;
    border-radius: 5px;
    text-align: center;
    font-family: "Helvetica Neue Medium", Arial, Helvetica, sans-serif;
    font-size: 1.75em;
    color: #222222;
    text-decoration: none;
    padding: 0px;
}
/* `min-width` and `max-width` applied here are based on content inside iframe. It is not based on usual screen width. */
@media only screen and (min-width: 480px) {
    div.messageNoDvr div.divForCloseLink a.closeLink,
    div.messageNoDvrHd div.divForCloseLink a.closeLink,
    div.ResultDetail div.divForCloseLink a[id$="_lnkClose"] {
        font-size: 1.25em;
        height: 40px;
        line-height: 40px;
    }
}
div.ppvSuccessBlock div.newPGDVRSuccessIconDiv {
    width: 100%;
    text-align: center;
}
div.ppvSuccessBlock div.newPGDVRSuccessIconDiv span.newPGDVRSuccessIcon {
    display: inline-block;
    background-image: url('../img/programing-guide/check_ico_blue.png');
    background-repeat: no-repeat;
    background-position: center;
    width: 50px;
    height: 50px;
}
div.ppvSuccessBlock p.noDvrSuccessMsgLineOne {
    color: #222222;
    text-align: center;
    font-family: "DIRECTVCurve Medium", "Helvetica Neue Medium", Arial, Helvetica, sans-serif;
    font-size: 2.2em;
}
/* `min-width` and `max-width` applied here are based on content inside iframe. It is not based on usual screen width. */
@media only screen and (min-width: 480px) {
    div.ppvSuccessBlock p.noDvrSuccessMsgLineOne {
        font-size: 1.3em;
    }
}
div.ppvSuccessBlock p.noDvrSuccessMsgLineTwo {
    letter-spacing: -0.27px;
    color: #222222;
    text-align: center;
    font-family: "Helvetica Neue Regular", Arial, Helvetica, sans-serif;
    font-size: 1.4em;
    line-height: 1.4em;
}
/* `min-width` and `max-width` applied here are based on content inside iframe. It is not based on usual screen width. */
@media only screen and (min-width: 480px) {
    div.ppvSuccessBlock p.noDvrSuccessMsgLineTwo {
        font-size: 1em;
        line-height: 1em;
    }
}
div.ppvSuccessBlock p.noDvrSuccessMsgLineThree {
    letter-spacing: -0.33px;
    color: #222222;
    text-align: center;
    font-family: "Helvetica Neue Regular", Arial, Helvetica, sans-serif;
    font-size: 1.8em;
    line-height: 1.4em;
}
/* `min-width` and `max-width` applied here are based on content inside iframe. It is not based on usual screen width. */
@media only screen and (min-width: 480px) {
    div.ppvSuccessBlock p.noDvrSuccessMsgLineThree {
        font-size: 1.25em;
        line-height: 1.25em;
    }
}
div.ppvSuccessBlock div.divForCloseLink {
    text-align: center;
}
div.ppvSuccessBlock div.divForCloseLink a.closeLink {
    display: inline-block;
    width: 100%;
    height: 50px;
    vertical-align: middle;
    line-height: 50px;
    background: #C5D0E0 0% 0% no-repeat padding-box;
    border-radius: 5px;
    text-align: center;
    font-family: "Helvetica Neue Medium", Arial, Helvetica, sans-serif;
    font-size: 1.75em;
    color: #222222;
    text-decoration: none;
    padding: 0px;
}
/* `min-width` and `max-width` applied here are based on content inside iframe. It is not based on usual screen width. */
@media only screen and (min-width: 480px) {
    div.ppvSuccessBlock div.divForCloseLink a.closeLink {
        font-size: 1.25em;
        height: 40px;
        line-height: 40px;
    }
}
/* Styles responsible for PGRedesign ends here. */