/* ------------------------------------------------------------------------ BASE FIXES */
/* general fix for older browsers */
input {
  width: auto;
  overflow: visible;
  cursor: pointer;
}

/* general fix to make the gradient work*/
.ie9 .gradient {
  filter: none;
}

/* ----------------------------------------------------------------------- GENERAL CSS */
.npvr h4.npvr-status-text span.npvr-status {
  font-family: arial, sans-serif;
}

/* the div that gives the button some color*/
.npvr {
  color: #fff;
  display: inline;
  float: left;
  /* rounded corners */
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  /* background */
  background: -moz-linear-gradient(top, #5aaacd 0%, #5aaacd 50%, #238dbf 50%, #238dbf 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5aaacd), color-stop(50%, #5aaacd), color-stop(50%, #238dbf), color-stop(100%, #238dbf));
  background: -webkit-linear-gradient(top, #5aaacd 0%, #5aaacd 50%, #238dbf 50%, #238dbf 100%);
  background: -o-linear-gradient(top, #5aaacd 0%, #5aaacd 50%, #238dbf 50%, #238dbf 100%);
  background: -ms-linear-gradient(top, #5aaacd 0%, #5aaacd 50%, #238dbf 50%, #238dbf 100%);
  background: linear-gradient(top, #5aaacd 0%, #5aaacd 50%, #238dbf 50%, #238dbf 100%);
}

/* we need to give ie9 a little help */
.ie9 .npvr {
  /* background */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzVhYWFjZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzVhYWFjZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzIzOGRiZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyMzhkYmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
}

.npvr:hover {
  background: -moz-linear-gradient(top, #0b5f9d 0%, #0b5f9d 50%, #0f6aa5 50%, #0f6aa5 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0b5f9d), color-stop(50%, #0b5f9d), color-stop(50%, #0f6aa5), color-stop(100%, #0f6aa5));
  background: -webkit-linear-gradient(top, #0b5f9d 0%, #0b5f9d 50%, #0f6aa5 50%, #0f6aa5 100%);
  background: -o-linear-gradient(top, #0b5f9d 0%, #0b5f9d 50%, #0f6aa5 50%, #0f6aa5 100%);
  background: -ms-linear-gradient(top, #0b5f9d 0%, #0b5f9d 50%, #0f6aa5 50%, #0f6aa5 100%);
  background: linear-gradient(top, #0b5f9d 0%, #0b5f9d 50%, #0f6aa5 50%, #0f6aa5 100%);
  cursor: pointer;
}

/* we need to give ie9 a little help */
.ie9 .npvr:hover {
  color: #fff;
  display: inline;
  float: left;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzBiNWY5ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzBiNWY5ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzBmNmFhNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwZjZhYTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  /* rounded corners */
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
}

.npvr span.npvr-status-text {
  height: 22px;
  float: left;
  padding: 6px 12px 0 0;
  font-family: Arial, sans-serif;
  font-size: 12px;
  color: #fff;
  background: transparent;
}

.npvr span.npvr-status-text a {
  color: #fff;
}

.npvr span.npvr-status-text a:hover {
  text-decoration: none;
}

.npvr input {
  border: 0;
  width: 36px;
  height: 28px;
  margin: 0 10px 0 0;
  text-indent: -9999px;
  float: left;
  display: inline;
  background: url("images/sprite.png") no-repeat transparent;
  line-height: 0;
  /* for ie7 to hide the text */
  border-right: 1px dotted #fff;
}

#progDetailsBox .toolTipMiddle ul li#progDetailsBox-livetv .npvr-status a {
  color: #fff;
}

#progDetailsBox .toolTipMiddle ul li#progDetailsBox-livetv .npvr-status a:hover {
  text-decoration: none;
}

#progDetailsBox .toolTipMiddle ul li#progDetailsBox-livetv {
  margin: 5px 0 0 0;
}

.npvr input.npvr-quick-recorder.disabled,
.npvr input.npvr-quick-delete.disabled,
.npvr input.npvr-quick-stop.disabled {
  display: none;
}

.npvr input.npvr-quick-recorder {
  background-position: 8px -1px;
}

.npvr input.npvr-quick-delete {
  background-position: 8px -67px;
}

.npvr input.npvr-quick-stop {
  background-position: 8px -135px;
}

/* This is the Watch Now button in the grid */
.toolTipMiddle ul li#progDetailsBox-livetv .npvr-quick-recorder {
  background-position: 8px -204px;
}

/* Hover the Watch Now button in the grid */
.toolTipMiddle ul li#progDetailsBox-livetv .npvr-quick-recorder:hover {
  background-position: 8px -204px;
}

/* This is the Watch Now button on the page VOD */
input.npvr-quick-recorder-play {
  background-position: 8px -204px;
}

/* Hover the Watch Now button on the page VOD */
input.npvr-quick-recorder-play:hover {
  background-position: 8px -204px;
}

/* The replay button */
input.npvr-quick-recorder-replay {
  background-position: 0px -498px;
}

/* need  to check */
.npvr input.npvr-quick-delete:hover,
.npvr:hover input.npvr-quick-delete {
  background-position: 8px -101px;
}

/* need  to check */
.npvr input.npvr-quick-stop:hover,
.npvr:hover input.npvr-quick-stop {
  background-position: 8px -169px;
}

.npvr input span.npvr-status-text {
  border: solid red 1px;
}

/* ----------------------------------------------------------------------- THE DIRTY BROWSERS */
/* THE CSS FOR THE IE7-IE8 IS BASED ON SLIDING DOORS */
/* ---------------- BASE RESET */
.ie7 .npvr input.npvr-quick-recorder,
.ie7 .npvr input.npvr-quick-delete,
.ie7 .npvr input.npvr-quick-stop,
.ie7 .npvr input.npvr-quick-recorder-play,
.ie8 .npvr input.npvr-quick-recorder,
.ie8 .npvr input.npvr-quick-delete,
.ie8 .npvr input.npvr-quick-stop,
.ie8 .npvr input.npvr-quick-recorder-play {
  background-image: none;
  border-right: none;
}

.ie7 .npvr input.npvr-quick-recorder-replay,
.ie8 .npvr input.npvr-quick-recorder-replay {
  border-right: none;
}

.ie6 .npvr input.npvr-quick-recorder.disabled,
.ie6 .npvr input.npvr-quick-delete.disabled,
.ie6 .npvr input.npvr-quick-stop.disabled {
  visibility: hidden;
}

/* ---------------- BASE STUFF */
/*- NORMAL STATE -*/
.ie6 .npvr,
.ie7 .npvr,
.ie8 .npvr {
  display: inline-block;
}

/*- QUICK RECORDER -*/
.ie7 .npvr input.npvr-quick-recorder,
.ie8 .npvr input.npvr-quick-recorder {
  background: url("images/sprite.png") -39px -2px no-repeat;
}

/*- QUICK RECORDER:HOVER -*/
.ie7 .npvr input.npvr-quick-recorder:hover,
.ie7 .npvr:hover input.npvr-quick-recorder,
.ie8 .npvr input.npvr-quick-recorder:hover,
.ie8 .npvr:hover input.npvr-quick-recorder {
  background: url("images/sprite.png") -39px -35px no-repeat;
}

/*- QUICK DELETE -*/
.ie7 .npvr input.npvr-quick-delete,
.ie8 .npvr input.npvr-quick-delete {
  background: url("images/sprite.png") -39px -66px no-repeat;
}

/*- QUICK DELETE:HOVER -*/
.ie7 .npvr input.npvr-quick-delete:hover,
.ie7 .npvr:hover input.npvr-quick-delete,
.ie8 .npvr input.npvr-quick-delete:hover,
.ie8 .npvr:hover input.npvr-quick-delete {
  background: url("images/sprite.png") -39px -100px no-repeat;
}

/*- QUICK STOP -*/
.ie7 .npvr input.npvr-quick-stop,
.ie8 .npvr input.npvr-quick-stop {
  background: url("images/sprite.png") -39px -133px no-repeat;
}

/*- QUICK STOP:HOVER -*/
.ie7 .npvr input.npvr-quick-stop:hover,
.ie7 .npvr:hover input.npvr-quick-stop,
.ie8 .npvr input.npvr-quick-stop:hover,
.ie8 .npvr:hover input.npvr-quick-stop {
  background: url("images/sprite.png") -39px -167px no-repeat;
}

/*- IN THE GRID - WATCH NOW -*/
.ie7 .toolTipMiddle ul li#progDetailsBox-livetv .npvr-quick-recorder,
.ie8 .toolTipMiddle ul li#progDetailsBox-livetv .npvr-quick-recorder {
  background-position: -39px -201px;
}

/*- IN THE GRID - WATCH NOW:HOVER -*/
.ie7 .toolTipMiddle ul li#progDetailsBox-livetv:hover .npvr-quick-recorder,
.ie8 .toolTipMiddle ul li#progDetailsBox-livetv:hover .npvr-quick-recorder {
  background-position: -39px -235px;
}

/*- IN THE GRID - REPLAY -*/
.ie7 .toolTipMiddle ul li#progDetailsBox-replay .npvr-quick-recorder-replay,
.ie8 .toolTipMiddle ul li#progDetailsBox-replay .npvr-quick-recorder-replay {
  background-position: -39px -498px;
}

/*- IN THE GRID - REPLAY:HOVER -*/
.ie7 .toolTipMiddle ul li#progDetailsBox-replay:hover .npvr-quick-recorder-replay,
.ie8 .toolTipMiddle ul li#progDetailsBox-replay:hover .npvr-quick-recorder-replay {
  background-position: -39px -532px;
}

/*- VOD -*/
.ie7 .npvr input.npvr-quick-recorder-play,
.ie8 .npvr input.npvr-quick-recorder-play {
  background: url("images/sprite.png") -39px -201px no-repeat;
}

/*- VOD:HOVER -*/
.ie7 .npvr input.npvr-quick-recorder-play:hover,
.ie8 .npvr input.npvr-quick-recorder-play:hover,
.ie7 .npvr:hover input.npvr-quick-recorder-play,
.ie8 .npvr:hover input.npvr-quick-recorder-play {
  background: url("images/sprite.png") -39px -235px no-repeat;
}

/*- IN THE GRID - REPLAY -*/
.ie7 .toolTipMiddle ul li#progDetailsBox-replay .npvr-quick-recorder-replay,
.ie8 .toolTipMiddle ul li#progDetailsBox-replay .npvr-quick-recorder-replay {
  background-position: -39px -498px;
}

/*- IN THE GRID - REPLAY:HOVER -*/
.ie7 .npvr:hover input.npvr-quick-recorder-replay,
.ie8 .npvr:hover input.npvr-quick-recorder-replay {
  background-position: -39px -532px;
}

/*- IN THE GRID - REPLAY:HOVER -*/
.ie7 .npvr-quick-recorder-replay,
.ie8 .npvr-quick-recorder-replay {
  background-position: -39px -498px;
}

/* ///////////////////////////////////////////////////////////////  */
/* /////////////////////// to check in dvl ///////////////////////  */
/* ///////////////////////////////////////////////////////////////  */
/*- IN THE GRID - WATCH NOW -*/
    /*    .ie7 .toolTipMiddle ul li#progDetailsBox-record .npvr-quick-delete,
/*    .ie8 .toolTipMiddle ul li#progDetailsBox-record .npvr-quick-delete{
/*        background-position: -39px -201px;
/*        border: solid red 1px;
    }

    /*- IN THE GRID - WATCH NOW:HOVER -*/
/*    .ie7 .toolTipMiddle ul li#progDetailsBox-record:hover .npvr-quick-delete,
/*    .ie8 .toolTipMiddle ul li#progDetailsBox-record:hover .npvr-quick-delete{
        background-position: -39px -235px;
        border: solid blue 1px;
    }

/* ///////////////////////////////////////////////////////////////  */
/* /////////////////////// END to check in dvl ///////////////////////  */
/* ///////////////////////////////////////////////////////////////  */
/*- TEXT -*/
.ie7 .npvr span.npvr-status-text,
.ie8 .npvr span.npvr-status-text {
  height: 28px;
  float: left;
  padding: 0px;
  font-family: Arial, sans-serif;
  font-size: 12px;
  color: #fff;
  background: transparent;
  display: inline-block;
}

.ie7 .npvr span.npvr-status-text span,
.ie8 .npvr span.npvr-status-text span,
.ie7 .npvr.iehelper .npvr-status-text,
.ie8 .npvr.iehelper .npvr-status-text {
  background: url("images/btn-right.png") top right no-repeat;
  display: inline-block;
  height: 28px;
  padding: 6px 12px 0 5px;
  margin: 0 0 0 -10px;
}

.ie7 .npvr.iehelper span.npvr-status-text,
.ie8 .npvr.iehelper span.npvr-status-text {
  margin: 0 0 0 -20px;
  display: inline-block;
  float: none;
  padding: 6px 12px 0 10px;
}

.ie7 .npvr.iehelper input,
.ie8 .npvr.iehelper input {
  margin-right: 0;
}

/* HOVER STATE */
.ie7 .npvr:hover span.npvr-status-text span,
.ie8 .npvr:hover span.npvr-status-text span,
.ie7 .npvr.iehelper:hover span.npvr-status-text,
.ie8 .npvr.iehelper:hover span.npvr-status-text {
  background: url("images/btn-right-hover.png") top right no-repeat;
}

.npvr.live {
  margin-left: 10px;
}