/* Match Centre Panel */
#Match_Centre #inPlayPanel {
  background:wheat;
  border:0px solid #3399CC;
  border-radius: 5px;
  margin-bottom:3px;
}

#Match_Centre #inPlayPanel .CELIVE_summarycontent {
  width:100%; 
  padding:2px; padding-bottom:7px;
  border:2px solid #008040; border-width: 0px 0px 0px 0px;
  font-size:14px; line-height:18px;  
  text-align:left;
}
#Match_Centre #inPlayPanel .matchType {
  text-align:center; font-size:16px; font-weight:bold; margin-bottom:3px;
}
#Match_Centre #inPlayPanel .matchDate {
  text-align:center; font-size:15px; font-weight:bold; margin-bottom:3px;
}
#Match_Centre #inPlayPanel .matchVenue {
  text-align:center; font-size:16px; font-weight:bold; margin-bottom:3px;
}
#Match_Centre #inPlayPanel .matchDetails {
  color: #000000;
  text-align:center; font-size:18px; line-height:22px;
  font-weight:bold; margin-bottom:3px;
}
#Match_Centre #inPlayPanel .matchDetails img {
  margin:0px 10px;
}
#Match_Centre #inPlayPanel .CEL_matchState {
  margin-bottom:5px;
  text-align:center;
  font-size:14px; font-weight:bold; line-height:15px;
}
#Match_Centre #inPlayPanel .featurePhotoBlock {
  margin-bottom:5px;
}
#Match_Centre #inPlayPanel .featurePhoto {
  width:300px; max-width:95%;
}
#Match_Centre #inPlayPanel .featureCaption {
  display:none;
}
#Match_Centre #inPlayPanel .CELIVE_link {
  position:relative;
  display:block;
  width:80%; margin:3px auto; padding: 5px 15px;
  background:#3399CC; color:#FFFFFF;
  font-weight:bold; text-align:center;
  -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
  -webkit-transition: background-color 0.7s linear;
  -moz-transition: background-color 0.7s linear;
  -o-transition: background-color 0.7s linear;
}

#Match_Centre #inPlayPanel .CELIVE_link:hover {
  background:#008040; color:#FFFFFF;
  text-decoration:none;
  -webkit-transition: background-color 0.7s linear;
  -moz-transition: background-color 0.7s linear;
  -o-transition: background-color 0.7s linear;
}
#Match_Centre #liveCoveragePanel .CELIVE_link:active {
  background:#008040; color:#FFFFFF;
  text-decoration:none;
}

/* Match Header */
#inPlayMain .inPlayHeader {
  background-image:linear-gradient(180deg,
              rgba(0,0,0, 0.5),
              rgba(255,255,255, 0.1)), url("/INPLAY/headerImage.jpg"); opacity:1.0;
  background-repeat: no-repeat;
  background-size: cover;
  color:wheat;
  font-size:16px; line-height:24px; font-weight:bold; text-align:center;
  border-radius:5px; padding:3px;
  position:relative;
}
#inPlayMain .inPlayScore {
  width:90%; margin: 0px auto 3px auto; padding:3px;
  color:black; background:wheat;
  font-size:14px; line-height:18px; font-weight:normal; text-align:left;
  border-radius:5px;
}
#inPlayMain .cePlug {
  position:absolute; top:15px; left:15px;
}
#inPlayMain .inPlayScore img {
  float:left;
  vertical-align:middle; width:40px;
}

/* Common entry styles */

#inPlayMain .blogEntry {
  background: #FFFFCC;
  margin:5px 0px; padding:3px;
  border: 0px solid #CCCCCC;
  border-radius: 10px;
}
#inPlayMain .blogEntry .entryHeader {
  color:black; 
  padding:4px; 
  font-weight:bold; font-size:18px; line-height:22px;
  text-align:left;
}
#inPlayMain .blogEntry .entryBody {
  color:black; 
  padding:4px; 
  font-weight:normal; font-size:14px; line-height:18px;
}
#inPlayMain .blogEntry .timeStamp, .blogEntry .entryBody .timeStamp {
  font-style:italic; font-weight:bold; 
}

#inPlayMain .FOWentry {
  margin-top:0px;
  border-top-left-radius:0px; border-top-right-radius:0px; 
  border-top-width:0px;
}
#inPlayMain .FOWscore {
  margin-top:5px;
  color:white; background:red;
  padding:4px; 
  font-weight:bold; font-size:18px; line-height:22px;
  border-top-left-radius: 10px; border-top-right-radius: 10px;
}

#inPlayMain .blogEntry .commentator img.photo {
  float: left;
  width: 70px;
  margin: 0px 2% 1% 0px;
  border: 0px solid #666666; border-radius:50%;
}
#inPlayMain .blogEntry .commentatorName {
  padding:4px; 
  font-weight:bold; font-style:normal; font-size:18px; line-height:20px;
}
#inPlayMain .blogEntry .commentatorCredentials {
  padding:0px 4px; 
  font-weight:bold; font-style:normal; font-size:14px; line-height:16px;
}
#inPlayMain .blogEntry .twitter-tweet{
    margin-left: auto; margin-right: auto;
}
#inPlayMain .blogEntry .entryCredit {
  font-size:14px; line-height:20px; font-style:italic;
  text-align:center;
}
#inPlayMain .blogEntry .entryPhoto {
  margin:3px;
  text-align:center;
}
#inPlayMain .blogEntry .entryPhoto img {
  max-width:100%; height:auto;
  border-radius:5px;
  margin-bottom:3px;
}

/* Embedded images */

#inPlayMain .matchPhotoEmbed {
  width:100%; margin: 0px auto; padding:5px;
  text-align:center;
}
#inPlayMain .matchPhotoEmbed img {
  max-width:100%; height:auto;
  border-radius:5px;
  margin-bottom:3px;
}
#inPlayMain .matchPhotoCredit {
  font-size:14px; line-height:20px; font-style:italic;
}
#inPlayMain .leftAvatar {
  float:left; margin:5px; border:0px;
  max-width:25%; max-height:60px;
}
#inPlayMain .rightAvatar {
  float:right; margin:5px; border:0px;
  max-width:25%; max-height:60px;
}
#inPlayMain .expertAvatar {
  float:left; margin:5px; border:0px;
  max-width:25%; max-height:100px;
  border-radius:50%;
}

/* Responsive embedding */

#inPlayMain .facebook-wrapper {
    width:80%; margin-left:auto; margin-right:auto;
}
#inPlayMain .youtube-wrapper {
    width:80%; margin-left:auto; margin-right:auto;
}

/*  Audio Embedding  */

#inPlayMain .MKHaudioItem {
    background: #09519f;
    padding: 10px;
    border-radius: 10px;
    margin-bottom: 5px;
    color: white;
    font-size: 16px;
    font-weight: bold;
}

/*  Video Embedding  */
#inPlayMain .MKHvideoItem {
    margin:3px;
    background: none;
    padding: 10px;
    border-radius: 10px;
    margin-bottom: 5px;
    color: black;
    font-size: 16px;
    font-weight: bold;
}
#inPlayMain .video-wrapper {
    width:80%; margin:0 auto;
}
#inPlayMain .video-wrapper .audioWrapper {
    border-top-left-radius:0px; border-top-right-radius:0px;
}

/* User comments */

#inPlayMain .userDetails {
  font-weight:bold; font-size:14px;
}

/* Sidebar panels */

#inPlayMain .panelHeader {
  padding:5px; background:#006699; color:#FFFFFF;
  text-align:center; font-weight:bold; font-size:14px;
}
#inPlayMain .panelContent {
  margin:0px;
  border:1px solid #CCCCCC; padding:4px; 
  text-align:left; font-weight:normal;
  font-size:14px; line-height:18px;
}
#inPlayMain .leagueTable {
  background:white;
}
#inPlayMain .inPlayLogo {
  padding:5px; margin:0 auto;
  text-align:center; 
}
#inPlayMain .inPlayLogo img {
  max-width:90%; max-height:120px; 
}
@media only screen and (max-width: 600px) {
#inPlayMain .cePlug {
  display:block;
  position:relative;
  top:0; left:0;
}
}