@CHARSET "UTF-8";
/*.rateUp {
    background:transparent url('http://static.common.skynet.be/ce/Comments/Images/Rounded/buttonEnabledRightSide.png') no-repeat scroll 0px 0px;
} */
/* Comments system */
.ui-dialog-titlebar {
  display: none;
}

li.hidden div.commentitem {
  display: none;
}

li.hidden div.commenttop span.hour {
  display: none;
}

li.hidden div.commenttop span.hideshow a.hideComment {
  display: none;
}

li.shown div.commenttop span.hideshow {
  display: none;
}

li.hideSubCommentsToShow {
  display: none;
}

.BgcComments {
  margin: 10px 0;
  overflow: hidden;
}

.commentList, .mainForm, .commentItem {
  clear: both;
}

#information {
  height: 40px;
}

#information div {
  float: left;
}

.commentsNotYetAdded {
  overflow: hidden;
  width: 150px;
}

#information .commentsCount {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 15px;
  font-weight: bold;
}

#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;
  cursor: pointer;
  display: block;
  font-size: 1em;
  font-weight: bold;
  height: 28px;
  padding: 4px 14px 0 0;
  text-transform: capitalize;
}

#information .buttonReadComments:hover, #information .buttonReact:hover {
  background-position: 0 -47px;
  color: #FFFFFF;
}

#information .buttonReadComments:hover span, #information .buttonReact:hover span {
  background-position: right -47px;
  color: #FFFFFF;
}

#information .buttonReadComments:active, #information .buttonReact:active {
  background-position: 0 -137px;
  color: #FFFFFF;
}

#information .buttonReadComments:active span, #information .buttonReact:active span {
  background-position: right -137px;
  color: #FFFFFF;
}

.pagination {
  background-color: #024A6B;
  border-color: #457381;
  border-style: dotted none;
  border-width: 2px medium;
  clear: both;
  height: 30px;
  margin: 21px 0;
  padding: 14px 24px 0;
}

.pagination .paginationControl {
  padding-top: 0;
}

.pagination .centered {
  float: left;
  margin: 0 3px;
  width: 210px;
}

.pagination .centered .groupNumberedPages {
  margin: 0 auto;
  text-align: center;
  width: 180px;
}

.pagination .disabled {
  font-size: 1em;
}

.pagination .paginationControl .previousPage, .pagination .paginationControl .nextPage, .pagination .paginationControl .even, .pagination .paginationControl .odd {
  background: url("http://static.common.skynet.be/ce/Comments/Images/Rounded/paginator.png") no-repeat scroll right 0 transparent;
}

.pagination .paginationControl .previousPage {
  background-position: -7px -10px;
  display: block;
  float: left;
  font-size: 0;
  height: 13px;
  margin: 4px 5px;
  width: 8px;
  padding-left: 0;
}

.pagination .paginationControl .nextPage {
  background-position: -101px -10px;
  display: block;
  float: right;
  font-size: 0;
  height: 10px;
  margin: -18px 5px;
  width: 10px;
  padding-right: 0;
}

.pagination .paginationControl .even {
  background-position: -61px -6px;
  color: #fff;
  margin: 0 5px;
  padding: 3px 8px;
  text-align: center;
  width: 21px;
}

.pagination .paginationControl .odd {
  background-position: -31px -6px;
  color: #fff;
  line-height: 21px;
  margin: 0 auto;
  padding: 3px 8px;
  text-align: center;
  width: 21px;
}

.paginationControl .firstPage {
  float: left;
}

.paginationControl .lastPage {
  float: right;
}

.commentList {
  font-size: 0.92em;
  margin-top: 10px;
}

.commentList .commenttop {
  display: block;
  margin: 10px 0 20px;
  overflow: hidden;
  padding: 5px 0 5px 10px;
}

.commentList .commenttop .commentAuthorDateTime {
  float: left;
}

.commentList .commenttop .authorDateTime {
  float: left;
}

.commentList .commenttop .hour {
  color: #FFFFFF;
}

.commentList .commenttop .commentRatings {
  color: #FFFFFF;
  float: right;
  font-size: 1.1em;
}

.commentList .commenttop .commentRatings ul li {
  float: right;
}

.rateUp, .rateDown, .report {
  background: url("http://static.common.skynet.be/ce/Comments/Images/Rounded/vote.png") no-repeat scroll 0 0 transparent;
  cursor: pointer;
  display: block;
  font-size: 0;
  height: 30px;
  margin-right: 7px;
  margin-top: -5px;
  overflow: hidden;
  text-indent: 1000000px;
}

.rating {
  margin-right: 7px;
}

.rateDown {
  background-position: -50px 0;
  width: 20px;
}

.rateUp {
  background-position: -20px 50%;
  width: 20px;
}

.report {
  background-position: 0 0;
  width: 5px;
}

/* commentItem with Rounded corners */
/* Even */
#main .columnLeft .BgcComments ul.commentList li.even {
  background: none;
}

.commentList li.even .roundedCornersBox, .commentList .subcomments li.even .roundedCornersBox {
  background-color: #FFFFCC;
  color: #000000;
}

.commentList li.even .roundedCornersBox .topCorners, .commentList .subcomments li.even .roundedCornersBox .topCorners {
  background: url("http://static.common.skynet.be/ce/Comments/Images/Rounded/comRdCrnEvenTopLeft.png") no-repeat scroll 0 0 #03344B;
  height: 11px;
  padding-left: 10px;
  padding-top: 12px;
}

.commentList li.even .roundedCornersBox .topCorners div, .commentList .subcomments li.even .roundedCornersBox .topCorners div {
  background: url("http://static.common.skynet.be/ce/Comments/Images/Rounded/comRdCrnEvenTopRight.png") no-repeat scroll right top transparent;
  height: 11px;
}

.commentList li.even .roundedCornersBox .bottomCorners, .commentList .subcomments li.even .roundedCornersBox .bottomCorners {
  background: url("http://static.common.skynet.be/ce/Comments/Images/Rounded/comRdCrnEvenBottomLeft.png") no-repeat scroll left bottom transparent;
  height: 20px;
}

.commentList li.even .roundedCornersBox .bottomCorners div, .commentList .subcomments li.even .roundedCornersBox .bottomCorners div {
  background: url("http://static.common.skynet.be/ce/Comments/Images/Rounded/comRdCrnEvenBottomRight.png") no-repeat scroll right bottom transparent;
  height: 20px;
}

/* Odd */
.commentList li.odd .roundedCornersBox, .commentList .subcomments li.odd .roundedCornersBox {
  background-color: #CDD6B2;
  color: #000000;
}

.commentList li.odd .roundedCornersBox .topCorners, .commentList .subcomments li.odd .roundedCornersBox .topCorners {
  background: url("http://static.common.skynet.be/ce/Comments/Images/Rounded/comRdCrnOddTopLeft.png") no-repeat scroll 0 0 #03344B;
  height: 11px;
  padding-left: 10px;
  padding-top: 11px;
}

.commentList li.odd .roundedCornersBox .topCorners div, .commentList .subcomments li.odd .roundedCornersBox .topCorners div {
  background: url("http://static.common.skynet.be/ce/Comments/Images/Rounded/comRdCrnOddTopRight.png") no-repeat scroll right top transparent;
  height: 12px;
}

.commentList li.odd .roundedCornersBox .bottomCorners, .commentList .subcomments li.odd .roundedCornersBox .bottomCorners {
  background: url("http://static.common.skynet.be/ce/Comments/Images/Rounded/comRdCrnOddBottomLeft.png") no-repeat scroll left bottom transparent;
  height: 20px;
}

.commentList li.odd .roundedCornersBox .bottomCorners div, .commentList .subcomments li.odd .roundedCornersBox .bottomCorners div {
  background: url("http://static.common.skynet.be/ce/Comments/Images/Rounded/comRdCrnOddBottomRight.png") no-repeat scroll right bottom transparent;
  height: 20px;
}

.commentList .commentitem {
  padding: 0 7px;
}

.commentList .commentText {
  overflow: hidden;
  padding: 0 0 20px;
}

div.subcomments {
  margin-left: 4em;
}

#main .columnLeft .commentList .showAll {
  float: right;
}

#main .columnLeft .commentList div.react {
  background: none repeat scroll 0 0 transparent;
  float: left;
  margin: -16px 0 0 -4px;
  padding-left: 0;
  cursor: pointer;
}

#main .columnLeft .commentList div.react a.react {
  background: none;
  color: #0098DB;
}

.commentList .commentBottom form {
  margin-top: 7px;
}

/* REACT FORM */
.mainForm {
  margin-top: 10px;
}

.mainForm .roundedCornersBox {
  background-color: #024A6B;
  color: #000000;
}

.mainForm .roundedCornersBox .topCorners {
  background: url("http://static.common.skynet.be/ce/Comments/Images/Rounded/comRdFormTopLeft.png") no-repeat scroll 0 0 transparent;
  height: 13px;
}

.mainForm .roundedCornersBox .topCorners div {
  background: url("http://static.common.skynet.be/ce/Comments/Images/Rounded/comRdFormTopRight.png") no-repeat scroll right top transparent;
  height: 13px;
}

.mainForm .roundedCornersBox .bottomCorners {
  background: url("http://static.common.skynet.be/ce/Comments/Images/Rounded/comRdFormBottomLeft.png") no-repeat scroll 0 0 transparent;
  height: 13px;
}

.mainForm .roundedCornersBox .bottomCorners div {
  background: url("http://static.common.skynet.be/ce/Comments/Images/Rounded/comRdFormBottomRight.png") no-repeat scroll right bottom transparent;
  height: 13px;
}

.mainForm .roundedCornersBox form {
  margin-bottom: -14px;
  margin-top: -12px;
  padding: 7px;
  text-align: center;
}

.mainForm form .roundedCornersBox, .commentList .commentBottom form .roundedCornersBox {
  background-color: #FFFFFF;
  color: #000000;
}

.mainForm form .roundedCornersBox .topCorners, .commentList .commentBottom form .roundedCornersBox .topCorners {
  background: url("http://static.common.skynet.be/ce/Comments/Images/Rounded/comRdTxtAreaTopLeft.png") no-repeat scroll 0 0 transparent;
  height: 4px;
  padding: 0;
}

.mainForm form .roundedCornersBox .topCorners div, .commentList .commentBottom form .roundedCornersBox .topCorners div {
  background: url("http://static.common.skynet.be/ce/Comments/Images/Rounded/comRdTxtAreaTopRight.png") no-repeat scroll right top transparent;
  height: 4px;
}

.mainForm form .roundedCornersBox .bottomCorners, .commentList .commentBottom form .roundedCornersBox .bottomCorners {
  background: url("http://static.common.skynet.be/ce/Comments/Images/Rounded/comRdTxtAreaBottomLeft.png") no-repeat scroll 0 0 transparent;
  height: 4px;
}

.mainForm form .roundedCornersBox .bottomCorners div, .commentList .commentBottom form .roundedCornersBox .bottomCorners div {
  background: url("http://static.common.skynet.be/ce/Comments/Images/Rounded/comRdTxtAreaBottomRight.png") no-repeat scroll right bottom transparent;
  height: 4px;
}

form textarea {
  border: medium none;
  height: 105px;
  width: 99%;
}

form .description {
  font-size: .92em;
  color: #999999;
  margin-top: 10px;
}

form #cancel, form #send {
  margin: 10px 0;
}

form fieldset {
  border: 0 none;
  display: inline;
}

#bgcCommentOverlay {
  padding: 10px;
  display: block;
  zoom: 1;
}

div#cancel {
  background: url("http://static.common.skynet.be/ce/Comments/Images/Rounded/Generation_Icon_Close.png") no-repeat scroll left top transparent;
  cursor: pointer;
  display: block;
  float: right;
  height: 20px;
  margin-top: -30px;
  width: 20px;
}

div#cancel:hover {
  background: url("http://static.common.skynet.be/ce/Comments/Images/Rounded/Generation_Icon_Close.png") no-repeat scroll -20px 0 transparent;
}

div#cancel span {
  font-size: 0;
}

#bgcCommentOverlay h2 {
  background: none repeat scroll 0 0 transparent;
  font-size: 24px;
  line-height: 26px;
  margin: 0 0 7px;
  padding: 0;
  zoom: 1;
}

#bgcCommentOverlay .roundedCornersBox .topCorners {
  background: url("http://static.common.skynet.be/ce/Comments/Images/Rounded/comOverlayerTop.png") no-repeat scroll left top transparent;
  height: 49px;
}

#bgcCommentOverlay .roundedCornersBox .bottomCorners {
  background: url("http://static.common.skynet.be/ce/Comments/Images/Rounded/comOverlayerBottom.png") no-repeat scroll left top transparent;
  height: 49px;
}

#bgcCommentOverlay .overlayBody {
  background: url("http://static.common.skynet.be/ce/Comments/Images/Rounded/comOverlayerBody.png") repeat-y scroll left top transparent;
  padding: 0 50px;
}

#bgcCommentOverlay .overlayBody .roundedCornersBox {
  background-color: #024A6B;
  width: 600px;
}

#bgcCommentOverlay .overlayBody .disclaimer {
  color: #000000;
  margin: 0 auto;
  overflow: hidden;
  width: 572px;
}

#bgcCommentOverlay .overlayBody .disclaimer p {
  background-color: #FFFFCC;
  padding: 0 7px;
}

#bgcCommentOverlay .overlayBody .disclaimer .roundedCornersBox {
  width: 572px;
}

#bgcCommentOverlay .overlayBody .disclaimer .roundedCornersBox .topCorners {
  background: url("http://static.common.skynet.be/ce/Comments/Images/Rounded/comOverlayerDisclaimerTop.png") no-repeat scroll left top transparent;
  height: 13px;
}

#bgcCommentOverlay .overlayBody .disclaimer .roundedCornersBox .bottomCorners {
  background: url("http://static.common.skynet.be/ce/Comments/Images/Rounded/comOverlayerDisclaimerBottom.png") no-repeat scroll left bottom transparent;
  height: 13px;
}

#bgcCommentOverlay .overlayBody .roundedCornersBox .topCorners {
  background: url("http://static.common.skynet.be/ce/Comments/Images/Rounded/comOverlayerBodyTop.png") no-repeat scroll left top transparent;
  height: 14px;
}

#bgcCommentOverlay .overlayBody .roundedCornersBox .bottomCorners {
  background: url("http://static.common.skynet.be/ce/Comments/Images/Rounded/comOverlayerBodyBottom.png") no-repeat scroll left top transparent;
  height: 13px;
}

#bgcCommentOverlay form {
  float: left;
  margin-left: 14px;
  margin-top: 7px;
  width: 40%;
}

#bgcCommentOverlay form dt {
  float: left;
}

#bgcCommentOverlay form img {
  width: 235px;
}

#bgcCommentOverlay form input {
  width: 230px;
  margin: 2px 0 7px;
}

#bgcCommentOverlay form #cancel-element {
  background: url("http://static.common.skynet.be/ce/Comments/Images/Rounded/buttonEnabledRightSide.png") no-repeat scroll left top transparent;
  float: left;
  margin-left: 200px;
  padding-left: 22px;
}

#bgcCommentOverlay form #cancel-element button {
  background: url("http://static.common.skynet.be/ce/Comments/Images/Rounded/buttonEnabledLeftSide.png") no-repeat scroll right top transparent;
  border: medium none;
  color: white;
  height: 28px;
  margin: 0;
  padding-bottom: 2px;
}

#bgcCommentOverlay form #submit-element {
  background: url("http://static.common.skynet.be/ce/Comments/Images/Rounded/buttonEnabledRightSide.png") no-repeat scroll left top transparent;
  float: left;
  margin-left: 300px;
  margin-top: -45px;
  padding-left: 22px;
}

#bgcCommentOverlay form #submit-element input {
  background: url("http://static.common.skynet.be/ce/Comments/Images/Rounded/buttonEnabledLeftSide.png") no-repeat scroll right top transparent;
  border: medium none;
  color: #FFFFFF;
  height: 28px;
  margin: 0;
  width: 80px;
}

.ie7 #bgcCommentOverlay form #submit-element input {
  margin-left: -300px;
}

#bgcCommentOverlay .commentToReport {
  float: left;
  margin-left: 7px;
  margin-top: 7px;
  width: 53%;
  height: 195px;
  overflow: auto;
  text-align: left;
}

.ui-resizable-handle {
  display: none !important;
}

.tooltipComments {
  background: url("http://static.common.skynet.be/ce/Comments/Images/Rounded/TooltipLeftPart.png") no-repeat scroll left top transparent;
  height: 58px;
  margin: -80px 85px;
  overflow: hidden;
  position: absolute;
  z-index: 1000;
  color: #fff;
}

.tooltipComments a:link, .tooltipComments a:visited, .tooltipComments a {
  color: #fff;
}

.tooltipComments span {
  background: url("http://static.common.skynet.be/ce/Comments/Images/Rounded/TooltipRightPart.png") no-repeat scroll right top transparent;
  display: block;
  height: 31px;
  overflow: hidden;
  padding: 0 4px 4px;
}

/* IE7 Comments Button Alignment Issue  */
* + html > head + body form #cancel, form #send {
  margin: 0;
}

.ui-front {
  z-index: 1000000;
}
