/* ---------- Home Page: Live coverage (main display panel) ----------- */

#Match_Centre #liveCoveragePanel {
  border:0px solid #3399CC;
  border-radius: 5px;
  margin-bottom:3px;
}
#Match_Centre #liveCoveragePanel .matchType {
  text-align:center; font-size:16px; font-weight:bold; margin-bottom:3px;
}
#Match_Centre #liveCoveragePanel .matchDate {
  text-align:center; font-size:15px; font-weight:bold; margin-bottom:3px;
}
#Match_Centre #liveCoveragePanel .matchDetails {
  color: #000000;
  text-align:center; font-size:18px; line-height:22px;
  font-weight:bold; margin-bottom:3px;
}
#Match_Centre #liveCoveragePanel .matchDetails img {
  margin:0px 10px;
}
#Match_Centre #liveCoveragePanel .matchVenue {
  text-align:center; font-size:16px; font-weight:bold; margin-bottom:3px;
}
#Match_Centre #liveCoveragePanel .featurePhotoBlock {
  margin-bottom:5px;
}
#Match_Centre #liveCoveragePanel .featurePhoto {
  width:300px; max-width:95%;
}
#Match_Centre #liveCoveragePanel .featureCaption {
  display:none;
}
#Match_Centre #liveCoveragePanel .CEL_header {
  text-align:center; text-transform:none;
  font-size:18px; font-weight:bold; line-height:28px;
}
#Match_Centre #liveCoveragePanel .CEL_competition {
  text-align:center;
  font-size:16px; font-weight:bold; line-height:20px;
}
#Match_Centre #liveCoveragePanel .CEL_venue {
  margin-bottom:5px;
  text-align:center;
  font-size:14px; font-weight:bold; line-height:17px;
}
#Match_Centre #liveCoveragePanel .CEL_matchState {
  margin-bottom:5px;
  text-align:center;
  font-size:14px; font-weight:bold; line-height:15px;
}
#Match_Centre #liveCoveragePanel .CEL_score {
  font-size:16px; font-weight:bold; text-align:left;
}
#Match_Centre #liveCoveragePanel .CEL_overs {
  font-size:13px; font-weight:bold; color:BBBBBB; text-align:right;
}
#Match_Centre #liveCoveragePanel .CEL_media {
  margin-bottom:10px;
}
#Match_Centre #liveCoveragePanel .CEL_sponsor {
  text-align:center;
}
/* ---------- Home Page: Live coverage (summary panel) ----------- */

#Match_Centre #liveCoveragePanel .CELIVE_summaryheader {
  width:100%; 
  background-color:#008040; color:#FFFFFF;
  padding:2px; padding-left:4px;
  font-size:14px; font-weight:bold;
}

#Match_Centre #liveCoveragePanel .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 #liveCoveragePanel .CELIVE_summarycontent b,  .CELIVE_summarycontent strong {
  font-size:13px; 
}

#Match_Centre #liveCoveragePanel .CELIVE_summaryfooter {
  display:none;
  width:100%; 
  background-color:#008040;
  height:2px; font-size:1px;
}

#Match_Centre #liveCoveragePanel .CELIVE_link, #Match_Centre #liveCoveragePanel .wideTextButton {
  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 #liveCoveragePanel .CELIVE_link:hover, .wideTextButton: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;
}

@media only screen and (max-width: 992px) {
  #Match_Centre #liveCoveragePanel .column-6 {
    float:none; width:100%;
  }
}

/* General utility and layout rules */

.smaller {
  font-size:12px;
}

div.website, span.website { display: inline;}
div.mobile, span.mobile   { display: none;}

#liveCoverageMainSidebar .panelHeader {
  padding:5px; background:#006699; color:#FFFFFF;
  text-align:center; font-weight:bold; font-size:14px;
}
#liveCoverageMainSidebar .panelContent {
  margin:0px;
  border:1px solid #CCCCCC; padding:4px; 
  text-align:left; font-weight:normal;
  font-size:14px; line-height:18px;
}

/* live scorecard & commentary rules */

#liveNavTabGroup {
    width:100%; margin:5px 0px; padding:5px;
    background:#bfe4f6;
    text-align:center;
}
#liveNavTabGroup a.liveNavTab, #liveNavTabGroup a.updateButton {
    display:inline-block;
    background-color: #FFCC33;
    color: #006699;
    position: relative;
    width: 24%;
    margin: 0px 2px;
    padding: 5px;
    font-size: 14px;
    line-height: 18px;
    font-weight: bold;
    text-decoration: none;
    border-radius: 7px;
}
#liveNavTabGroup a.liveNavTab:hover, #liveNavTabGroup a.updateButton:hover {
    background-color: #006699;
    color: #FFCC33;
}

#liveCoverageMain .LIVEpage {
  background-color:#FFFFFF;
}
#liveCoverageMain .LIVEheader {
  background-color:#FFFFFF; color:#000000;
  width:100%; 
  font-size:16px; line-height:24px;
  font-weight: bold; text-align:left;
}
#liveCoverageMain .LIVEmatchTitle {
  background-color:#FFFFFF; color:#000000;
  font-size:18px; line-height:24px;
}
#liveCoverageMain .LIVEmatchInfo {
  background-color:#bfe4f6; color:#000000;
  margin:4px 0px;
  border-top:1px solid #006699;;
  border-bottom:1px solid #006699;;
}
#liveCoverageMain .LIVEteamName {
  background-color:transparent; color:#000000;
  padding:4px;
  font-size:18px; font-weight:bold; text-align:left;
}
#liveCoverageMain .LIVEinfoHeader {
  background-color:#bfe4f6; color:#000000;
  width:160px; padding:2px;
  font-weight:bold; 
}
#liveCoverageMain .LIVEinfoCell {
  background-color:#bfe4f6; color:#000000;
  padding:2px;
  font-weight:normal;
}
#liveCoverageMain .LIVEcardHeader {
  background-color:#006699; color:#FFFFFF;
  font-weight:bold; 
}
#liveCoverageMain .LIVEfowBox {
  border: 1px solid #003366;
  width:95%; padding:2px; 
  text-align:left;
}

#liveCoverageMain .batsman {width:180px; padding:2px; text-align:left;}
#liveCoverageMain .howout  {width:210px; padding:2px; text-align:left;}
#liveCoverageMain .score   {padding:2px; text-align:right;}
#liveCoverageMain .bowler  {width:180px; padding:2px; text-align:left;}
#liveCoverageMain .batting, #liveCoverageMain .bowling {width:25px; padding:2px; text-align:right;}

#liveCoverageMain .inningsModule {
  background-color:#bfe4f6;
  padding-top:4px; padding-bottom:4px; margin-bottom:8px;
}

#liveCoverageMain .battingSection tr:nth-child(even), #liveCoverageMain .bowlingSection tr:nth-child(even), 
#liveCoverageMain .fowSection tr:nth-child(even) {
  background-color:#cfe8f5;
}

#liveCoverageMain summary {
  outline:none; cursor: pointer;
}
#liveCoverageMain summary img {
  vertical-align:middle; width:40px; border:0px;
}
#liveCoverageMain summary::-webkit-details-marker {
    color: #006699; font-size:36px;
}
#liveCoverageMain summary::-webkit-details-marker:hover {
    color: red; font-size:36px;
}

#liveCoverageMain .tabGroup {
  float:right; margin-top:3px;
}
#liveCoverageMain .tabGroup .tab {
  background-color:#FFCC33; color:#006699;
  position:relative;
  width:auto; margin:0px 2px;
  padding:5px; 
  font-size:14px; line-height:18px;
  font-weight:bold; text-decoration:none;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
}
#liveCoverageMain .tabGroup .tab:hover {
  background-color:#006699; color:#FFFFFF;
  text-decoration:none;
}

#liveCoverageMain tr.highlight {
  background-color:transparent;
}
#liveCoverageMain tr.highlight td {
  font-weight:bold;
}

#liveCoverageMain .wicketCount {
  float: left; width:7%;
  font-size:200%; line-height:150%;
  padding:3px; margin:0;
  background:transparent; color:#FFFFFF;
  font-weight:bold;
}
#liveCoverageMain .overCount {
  float: left; display:block; width:7%;
  font-size:200%; line-height:200%;
  padding:1%; padding-top:0px; padding-bottom:4%; margin-right:1%;
  background:#DDDDDD;
  text-align:center;
  font-weight:bold
}

#liveCoverageMain .CMwicket {
  background-color:#006699; color:#FFFFFF;
  width:100%; margin:10px 1px; padding:3px;
  font-size:14px; line-height:19px;
  text-align:center; font-weight:bold;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}
#liveCoverageMain .CMcomment {
  margin:6px 0px;
  font-size:14px; line-height:19px; font-style: italic;
}

#liveCoverageMain .CMoverdescription {
  float:right; width:89%;
  margin-top:0px; margin-right:1%;
  font-size:14px; line-height:19px; font-weight: bold;
}

#liveCoverageMain .CMrunstrip {
  width: 98%; margin: 6px auto;
  padding:4px;
  border: 1px solid #CCCCCC;
  text-align:left;
}

#liveCoverageMain span.ordinary  { 
  font-size:14px; line-height:19px;
}
#liveCoverageMain strong.SIX {
  padding:1px 5px; background:red; color:white; border-radius:3px;
}
#liveCoverageMain strong.FOUR {
  padding:1px 5px; background:green; color:white; border-radius:3px;
}


/*  Other embedded items  */

#liveCoverageMain a.NRmoreButton {
  display:inline-block;
  background-color: #FFCC33; color: #006699;
  padding:2px 5px;
  font-weight:bold; font-size:14px; line-height:18px;
  text-decoration:none;
  -webkit-border-radius:3px; -moz-border-radius: 3px; border-radius: 3px;
}
#liveCoverageMain a.NRmoreButton:hover {
  background-color: #006699; color: #FFCC33;
  text-decoration:none;
}

#liveCoverageMain .NRbox {
  border:2px solid #000000;
  padding:5px;
  border-radius:5px;
  margin-bottom:5px;
}
#liveCoverageMain .NRtitle {
  color:#000000;
  padding:2px 5px;
  font-weight:bold; font-size:20px; line-height:24px;
}
#liveCoverageMain .NRtitle img {
  margin-right: 5px; width:20px;
}
#liveCoverageMain .NRdescription {
  width:100%; margin:0px; padding:3px 5px;
  font-size:15px; line-height:20px;
}
#liveCoverageMain .NRsummary {
  margin:0px; padding:3px;
  background:#006699; color:#FFCC33;
  font-size:110%; font-weight:bold; line-height:110%; 
}
#liveCoverageMain .NRcontent {
  padding:2px 5px;
  color:#000000;
}
#liveCoverageMain .NRphoto {
  max-width:95%; margin:5px auto;
  max-height: 320px; overflow:hidden;
  text-align:center;
  border-radius:10px;
}
#liveCoverageMain .NRvideo {
  width:100%; margin:0px;
  padding:2px 0px 5px 0px;
  background:#FFFFFF;
  text-align:center;
}
#liveCoverageMain .NRquote {
  width:100%; margin:0px;
}
#liveCoverageMain .NRaudio {
  background:#000000; color:#FFFFFF;
  padding:5px;
}
#liveCoverageMain .NRsocialMedia {
  width:100%; margin:0px;
  color:#FFFFFF;
  padding:1px;
  text-align:center;
}
#liveCoverageMain .twitter-tweet {
  margin:0px auto;
}
#liveCoverageMain .socialMedia {
  width:100%;
  background:#FFFFCC; color:#000000;
}

#liveCoverageMain .blogEntry {
  margin:3px auto; width:95%; padding:3px;
  background:#FFF0BB; color:black; 
  border-radius:5px;
}
#liveCoverageMain .blogEntry .entryCredit {
  font-size:14px; line-height:20px; font-style:italic;
  text-align:center;
}
#liveCoverageMain .blogEntry .entryPhoto {
  margin:3px;
  text-align:center;
}
#liveCoverageMain .blogEntry .entryPhoto img {
  max-width:100%; height:auto;
  border-radius:5px;
  margin-bottom:3px;
}

/* Photo Embedding */

#liveCoverageMain .matchPhotoEmbed {
  width:100%; margin: 0px auto; padding:5px;
  text-align:center;
}
#liveCoverageMain .matchPhotoEmbed img {
  max-width:100%; height:auto;
  border-radius:5px;
  margin-bottom:3px;
}
#liveCoverageMain .matchPhotoCredit {
  font-size:14px; line-height:20px; font-style:italic;
}

#liveCoverageMain .bottomBorder {
  padding-bottom:5px;
  border-bottom: 1px solid #CCCCCC;
}

/* Audio Embedding */

#liveCoverageMain .audioBox {
    color:white; background:#09519f; 
    padding:10px; 
    border-radius:10px;
    margin:3px 0px;
}
#liveCoverageMain .audioTitle {
    background:none; color: #FFFFFF;
    font-style:normal;
    font-size: 16px;
    line-height: 22px;
}
#liveCoverageMain .audioWrapper {
      font-family:Arial;
 }
#liveCoverageMain .MKHaudioItem {
  background:#09519f; padding:10px; border-radius:10px;margin-bottom:5px;
  color:white; font-size:16px; font-weight:bold;
}
<

/* Expert Commentary */

#liveCoverageMain .commentator {
  margin:0px; padding:1%;
  background:#FFFFCC; color:#000000;
  font-size:14px; line-height:19px;
}
#liveCoverageMain img.avatar1 {
  float:left; width:70px;
  margin:0px 2% 1% 0px;
  border:1px solid #666666;
}

/* Statistical Snippets */

#liveCoverageMain .snippet {
  width:100%; margin:5px 0px; padding:5px;
  background:#FFFFCC;
}
#liveCoverageMain .snippetHeader {
  color:#000000;
  font-weight:bold; font-size:18px; line-height:22px; text-transform:none;
}
#liveCoverageMain .snippetContent {
  margin:4px;
  color:#000000;
  font-size:14px; line-height:19px;
}

/*  Sidebar items   */
#liveCoverageMain #scoresArea {
  font-size:14px; line-height:20px;
}
#liveCoverageMain .leagueTable {
  width:100%;
}
#liveCoverageMain .leagueTable tr td {
  text-align:right;
}
#liveCoverageMain .leagueTable tr td:first-child {
  width:50%;
  text-align:left;
}

@media only screen and (min-width: 992px) {
  #liveCoverageMain .fullCard  {display:block;}
  #liveCoverageMain .shortCard {display:none;}
  #liveCoverageMainSidebar {display:block;}
}
@media only screen and (max-width: 992px) {
  #liveCoverageMain .fullCard  {display:block;}
  #liveCoverageMain .shortCard {display:none;}
  #liveCoverageMainSidebar {display:none;}
}
@media only screen and (max-width: 768px) {
  #liveCoverageMain .CMrunstrip        {display:none;}
  #liveCoverageMain .overCount         {width:12%;}
  #liveCoverageMain .CMoverdescription {width:85%;}
  #liveCoverageMainSidebar {display:none;}
}
@media only screen and (max-width: 600px) {
  #liveCoverageMain .fullCard  {display:none;}
  #liveCoverageMain .shortCard {display:block;}
  #liveCoverageMain .CMrunstrip        {display:none;}
  #liveCoverageMain .overCount         {width:12%;}
  #liveCoverageMain .CMoverdescription {width:85%;}
  #liveCoverageMainSidebar {display:none;}
}