/* programme detail page */
/* Boxes */
/* Rightcol */
.columnRight .box {
  margin: 10px 0 10px 0;
  overflow: hidden;
  clear: both;
}

.columnRight .viePratique {
  clear: both;
}

#detailPage-nextEpisodes .npvr {
  float: right;
}

.boxContent .dataBox {
  padding: 9px;
}

#main .corner .columnLeft {
  width: 649px;
  margin-top: 10px;
  float: left;
}

#main .corner .columnRight {
  margin: 10px 0 0;
}

#main .columnRight {
  display: inline;
  float: right;
  margin: 0 0 10px;
  width: 310px;
}

.ie9 .programmeImg img {
  behavior: url("/tv-overal/PIE.htc");
  /*  border-radius  */
  -moz-border-radius: 10px;
  /* mozilla */
  -webkit-border-radius: 10px;
  /* webkit */
  -khtml-border-radius: 10px;
  /* Konqueror browsers */
  border-radius: 10px;
  /* future CSS3 browsers */
}

#main #menuChannels {
  margin: 14px;
}

#main .details .columnLeft .outerBox {
  margin-left: 10px;
}

#main .details .columnLeft .dataBox {
  margin-top: 10px;
  margin-bottom: 4px;
}

#main .details .columnLeft .yourSay,
#main .details .columnLeft .nextEpisodes {
  margin-top: 14px;
}

.greenHeader {
  height: 50px;
  background: none;
  border-bottom: 2px dotted #B9C5CC;
  clear: both;
}

.details .greenHeader h2 {
  clear: both;
  display: block;
}

.ie7 .greenHeader {
  height: 50px;
  background: none;
  border-bottom: 2px dotted #B9C5CC;
  float: left;
  margin: 0 0 10px 0;
}

.details .nextEpisodes .greenHeader {
  width: 100%;
  clear: both;
  margin: 50px 0 0 0;
}
.details .nextEpisodes #detailPage-nextEpisodes {
  float: left;
  width: 100%;
}

.greenHeader h2 {
  color: #002B45;
  font-size: 22px;
  font-weight: normal;
  padding: 10px 0 0 0px;
  font-family: Georgia, "Times New Roman", Times, serif;
  float: left;
}

.greenHeader .backToListBtn {
  float: right;
  margin: 7px 14px 0 0;
}

.greenHeader .backToListBtn a.submitBtn {
  background: url("../images/buttons.png") no-repeat scroll -61px -35px;
  float: right;
  padding-left: 34px;
  height: 30px;
}

.greenHeader .backToListBtn a.submitBtn span {
  background: url("../images/buttons.png") no-repeat scroll 100% 0;
  color: #002B45;
  cursor: pointer;
  display: block;
  font-size: 1.2em;
  font-weight: normal;
  padding: 4px 14px 0 0;
  font-family: Arial, Helvetica, sans-serif;
}

.greenHeader .backToListBtn a.submitBtn:hover span {
  text-decoration: underline;
}

.planning .dataBox {
  padding: 15px;
  margin: 10px;
}

.details .programmeDetailTitle {
  overflow: hidden;
  zoom: 1;
  border-bottom: 2px dotted #AEB1B2;
  margin-bottom: 14px;
  display: block;
}

.details .programmeDetailTitle h3 {
  color: #0098DA;
  font-size: 1.5em;
  font-weight: normal;
  font-family: Georgia, "Times New Roman", Times, serif;
  float: left;
  /* border-bottom:2px dotted #AEB1B2;*/
  margin: 14px 0 10px 0;
  border: none;
}

.details .programmeDetailTitle .title {
  float: left;
  margin-right: 7px;
}

.details .columnLeft .programmeInfo .programmeSynopsis {
  border-bottom: 0;
  font-size: 12px;
}

.actionBar {
  margin-right: 14px;
}

.programmeIcons {
  float: right;
  margin-left: 2px;
}

.programmeDetails .programmeImg {
  float: left;
  margin-right: 14px;
  display: block;
}

.boxContent .programmeInfo .programmHourChannel {
  font-size: 11px;
  color: #000000;
  /*padding-top:10px;margin-bottom:14px;*/
}

.boxContent .programmeInfo .programmHourChannel {
  color: #002B45;
  padding: 10px 0;
}

.boxContent .programmeInfo .programmHourChannel span {
  color: #0098DB;
}

.boxContent .programmeInfo .programmHourChannel span.replayEnabled {
  display: inline-block;
  width: 15px;
  height: 15px;
  text-indent: -9999px;
  background: url("../images/iconsSprite.png") no-repeat -3px -531px;
}

.detailsShareBar .npvr {
  margin: 0 7px 0 0;
}

/* CE send to friend/blog/comment*/
.CEactions {
  float: right;
}

.CEactions li {
  float: left;
}

.CEactions li a.submitBtn {
  float: none;
}

.CEactions li a.submitBtn span {
  position: absolute;
  left: -999px;
}

.CEactions li a.submitBtn.addthis {
  background: url("../images/icons.png") no-repeat;
  background-position: 0 0;
  height: 17px;
  width: 13px;
}

.CEactions li a.submitBtn.sendToFriend {
  background: url("../images/icons.png") no-repeat;
  background-position: -18px 0;
  height: 17px;
  width: 13px;
}

.CEactions li a.submitBtn.postOnBlog {
  background: url("../images/icons.png") no-repeat;
  background-position: -36px 0;
  height: 17px;
  width: 21px;
}

#sendToFriend, #postOnBlogContainer {
  clear: both;
  background: #E0E3E5;
}

#sendToFriend {
  padding: 14px 0 0 0;
  background: #E0E3E5;
}

#sendToFriendLinkClose, #postOnBlogLinkClose {
  color: #2C5774;
  text-decoration: none;
}

#sendToFriendLinkClose:hover, #postOnBlogLinkClose:hover {
  text-decoration: underline;
}

div#sendToFriend .section {
  padding: 14px 8px 0 8px;
}

#fieldset-AdditionnalEmails input, #fieldset-MyInfo input {
  margin-bottom: 4px;
  border: 1px solid #CCCCCC;
}

#sendToFriend textarea {
  border: 1px solid #CCC;
  width: 325px;
}

#fCaptcha-label label {
  margin-top: 38px;
}

#fieldset-formButtons {
  margin-bottom: 14px;
}

#sendFriendInputCancel-element, #sendFriendInputSend-label, #sendFriendInputSend-element {
  float: left;
}

#postOnBlogContainer {
  padding: 14px 0 14px;
}

.programmeDetailList {
  overflow: hidden;
  zoom: 1;
  margin-top: 14px;
  clear: both;
  padding-top: 15px;
}

.programmeDetailList li {
  float: left;
  width: 260px;
  color: #999999;
  font-weight: bold;
  padding-bottom: 14px;
  font-size: 12px;
}

.programmeDetailList li span {
  color: #2C5773;
  font-weight: normal;
}

.isAvailableDetailPage {
  border-top: 2px dotted #AEB1B2;
}

.isAvailableDetailPage .isAvailableOn {
  color: #002B45;
}

.nextEpisode li {
  border-top: 2px dotted #AEB1B2;
  overflow: hidden;
  padding: 14px 0;
}

.nextEpisode li a {
  color: #002B45;
  display: block;
  text-decoration: none;
  cursor: pointer;
}

.nextEpisode li a:hover {
  text-decoration: underline;
}

.nextEpisode li.first {
  border-top: none;
}

.nextEpisode .nextEpisodeDate {
  float: left;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 1.5em;
  margin-right: 14px;
  width: 100px;
}

.nextEpisode .nextEpisodeInfo {
  float: left;
  width: 260px;
}

.nextEpisodeTitle {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 1.5em;
  color: #0098DA;
  padding-bottom: 7px;
}

.nextEpisodeTime span {
  font-size: 1em;
  color: #0098DA;
}

.programmeDetailTitle {
  border-bottom: none;
}

.programmeDetailTitle h3 {
  color: #0098DB;
  font-size: 22px;
  margin: 14px 0 10px 14px;
  padding-bottom: 10px;
  border-bottom: 2px dotted #0098DB;
}

.programmeDetailTitle .channelLogoTv {
  float: right;
  margin-top: -50px;
}

.programmeDetailTitle h2 {
  padding-bottom: 10px;
  color: #0098DB;
  margin-left: 14px;
  font-size: 15px;
  border-bottom: 2px dotted #0098DB;
}

#silverlightPlayer {
  width: 635px;
  height: 357px;
  margin: 14px 0 0 14px;
}

#content .programmesData {
  margin: 11px 0 0 14px;
  padding-bottom: 10px;
  overflow: hidden;
  border-bottom: 1px solid #E8EBEC;
}

.noInfoAvailable {
  color: #3891b9;
  font-family: Georgia, Times, "Times New Roman", serif;
  font-size: 20px;
  margin-right: -10px;
  margin-top: 6px;
  text-align: right;
}

.programmeInfo .programmeSynopsisContent {
  color: #000000;
  font-size: 14px;
  line-height: 16px;
  padding-top: 7px;
  overflow: hidden;
}

.programmeSection {
  background: -moz-linear-gradient(top, #edf0f1 0%, #ced7db 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #edf0f1), color-stop(100%, #ced7db));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #edf0f1 0%, #ced7db 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #edf0f1 0%, #ced7db 100%);
  /* Opera11.10+ */
  background: -ms-linear-gradient(top, #edf0f1 0%, #ced7db 100%);
  /* IE10+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EDF0F1', endColorstr='#CED7DB',GradientType=0 );
  /* IE6-9 */
  /* @codingStandardsIgnoreStart  */
  background: linear-gradient(top, #edf0f1 0%, #ced7db 100%);
  /* @codingStandardsIgnoreEnd  */
  width: 635px;
  height: 28px;
  border-top: 1px dotted #A8B6Bf;
  border-bottom: 1px dotted #A8B6Bf;
  margin: 33px 0 0 14px;
}

.programmeSection .programmeSectionTitle {
  padding-left: 8px;
  overflow: hidden;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-weight: normal;
  font-size: 20px;
  color: #002b45;
}

.programmeDetails {
  clear: both;
  overflow: hidden;
  /*border-bottom:1px solid #E8EBEC;*/
  padding: 10px 0 10px;
}

.programmeDetails .programmeSynopsisText {
  overflow: hidden;
  color: #000000;
  font-size: 13.5px;
  padding-top: 7px;
  /*margin-bottom:10px;*/
}

.programmesData .programmeImg {
  float: left;
  padding-top: 10px;
  margin-right: 14px;
}

.programmesData .programmeImg:hover {
  cursor: pointer;
}

.programmeDetails .programmeImg {
  margin-right: 14px;
}

.programmeDetails .programmeStartHour {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 20px;
  float: left;
  font-weight: normal;
  color: #002b45;
  margin-right: 6px;
  /*padding:14px 0 7px 0;*/
}

.programmeDetails .programmeMainTitle {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 20px;
  font-weight: normal;
  color: #0098DB;
}

.programmeDetails .programmeSubTitle {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-style: italic;
  font-size: 13px;
  font-weight: normal;
  color: #002b45;
  padding-top: 5px;
}

.iconsOne {
  background: url("../images/tveverywhere/sprite_icons.png") no-repeat 0 0 transparent;
  height: 26px;
  width: 26px;
  padding-left: 30px;
  margin-top: 5px;
}

.iconsTwo {
  background: url("../images/tveverywhere/sprite_icons.png") no-repeat 0 -54px transparent;
  height: 26px;
  width: 26px;
}

.dottedSeparator {
  padding-top: 5px;
  border-bottom: 1px dotted #A8B6BF;
  clear: both;
}

ul.dottedLines {
  overflow: hidden;
}

ul.dottedLines li {
  margin-left: 16px;
  padding-bottom: 5px;
  overflow: hidden;
  border-bottom: 1px dotted #E8EBEC;
}

#currentAiringData .npvr, #nextAirings .npvr {
  float: right;
  width: 172px;
  padding-top: 5px;
}

#currentAiringData div.npvr:hover h4.npvr-status-text, #nextAirings div.npvr:hover h4.npvr-status-text {
  cursor: pointer;
  background-position: right -391px;
}

#currentAiringData div.npvr:hover input.npvr-quick-recorder, #nextAirings div.npvr:hover input.npvr-quick-recorder {
  cursor: pointer;
  background-position: 0 -294px;
}

#tvgrid-programmes-data .prog .disabled {
  display: none;
}

#currentAiringData .npvr .npvr-quick-planned {
  cursor: pointer;
  background-position: 0 -32px;
}

#currentAiringData .npvr .npvr-quick-recording {
  cursor: pointer;
  background-position: 0 -64px;
}

#currentAiringData div.npvr:hover input.npvr-quick-planned {
  cursor: pointer;
  background-position: 0 -326px;
}

#currentAiringData div.npvr:hover input.npvr-quick-recording {
  cursor: pointer;
  background-position: 0 -358px;
}

#tvgrid-programmes {
  overflow: hidden;
  zoom: 1;
}

/* ----- Facebook and Twitter Icons styles ----- */
.CEShareBarIcons {
  float: left;
  padding-bottom: 25px;
}

ul.CEShareBar {
  float: left;
  position: absolute;
  margin: 7px 0 0 14px;
  clear: both;
}

ul.CEShareBar li {
  border: none;
  margin: 0;
}
ul.CEShareBar li:first-child {
  padding-right: 9px;
}

/* ------- Like and Tweet button alignments ------- */
.programmeDetailTitle h3 {
  margin-bottom: 10px;
}

.programmeDetailTitle h3 .btnFacebookLike {
  position: absolute;
  right: 15px;
  top: 13px;
}

.isAvailableDetailPage {
  margin-top: 38px;
}

.programmeDetailList {
  border-bottom: 1px solid #c6c6c6;
  margin-bottom: 5px;
}

.CEactions {
  margin-top: 4px;
}

.detailsShareBar div.shareProgDetails ul.CEShareBar {
  float: right;
  position: relative;
}

.ie7 .boxContent #progDetails-record.npvr {
  float: left;
  margin: 0 0 0 190px;
}

/* ------- comments -----------*/
#commentsAnchor.BgcComments {
  padding: 5px;
}

.commentsNotYetAdded {
  font-size: 13px;
  margin: 10px 0 0;
  overflow: hidden;
  width: 150px;
}

/* button detailpage */
.details .buttonCtr {
  margin: 0 0 5px 0;
}

.details .buttonCtr a {
  float: right;
}

.buttonCtr a,
.buttonCtr a:visited {
  background: #FFFFFF;
  -webkit-border-radius: 11px;
  -o-border-radius: 11px;
  -moz-border-radius: 11px;
  border-radius: 11px;
  behavior: url("/tv-overal/PIE.htc");
  color: #002B45;
  padding: 8px 10px 8px 12px;
  text-decoration: none;
  display: block;
  margin: 0 0 10px 0;
}

.buttonCtr .icons span, .buttonBox .icons span {
  background: url(../images/tveverywhere/sprites_icons.png) no-repeat;
  padding: 6px 3px 6px 20px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
}

.buttonCtr .play span, .buttonBox .play span {
  background-position: 0 -52px;
}

/* React section */
#information {
  height: 40px;
  padding-bottom: 15px;
}

#information div {
  float: left;
}

#information .buttonReact {
  background: url("http://static.common.skynet.be/ce/Comments/Images/Rounded/btnLeftPart.png") no-repeat scroll left top transparent;
  margin-left: 7px;
  padding-left: 33px;
}

#information .buttonReact span {
  background: url("http://static.common.skynet.be/ce/Comments/Images/Rounded/btnRightPart.png") no-repeat scroll right top transparent;
  color: #269FD5;
  cursor: pointer;
  display: block;
  font-size: 1em;
  font-weight: bold;
  height: 28px;
  padding: 7px 14px 0 0;
}

#information .buttonReact:hover {
  background-position: 0 -50px;
  color: #fff;
}

#information .buttonReact:hover span {
  background-position: right -50px;
  color: #fff;
}

#information .buttonReadComments,
#information .buttonReact {
  background: url("http://static.common.skynet.be/ce/Comments/Images/Rounded/btnLeftPart.png") no-repeat scroll left top transparent;
  float: right;
  margin-left: 7px;
  padding-left: 33px;
}

#information .buttonReadComments span,
#information .buttonReact span {
  background: url("http://static.common.skynet.be/ce/Comments/Images/Rounded/btnRightPart.png") no-repeat scroll right top transparent;
  color: #269FD5;
  display: block;
  font-size: 1em;
  font-weight: bold;
  height: 28px;
  padding: 7px 14px 0 0;
}

.mspass-banner {
  display: block;
  margin: 30px 0;
}