.clear {
     clear: both;
}

.liveName {
     background: url("../images/simple/lv_bg.png") repeat-x scroll 0px 0px transparent;
     height: 27px;
     width: 884px;
}

.liveName .liveNamePic {
     background: url("../images/simple/lv.png") no-repeat scroll 0% 0% transparent;
     display: inline-block;
     float: left;
     height: 8px;
     margin: 9px 8px 0px 11px;
     width: 6px;
}

.liveName .liveNameVlue {
     color: #FFCC00;
     display: inline-block;
     float: left;
     font-size: 14px;
     font-weight: bold;
     height: 27px;
     line-height: 27px;
}

.liveall {
     margin-left: 7px;
}

.moreTab .liveall {
     margin-left: 0px;
}

.moreTab .liveall .liveVersion {
     box-shadow: none;
}


.liveVersionTitle {
	color: #fff;
	font-size: 10pt;
	line-height: 14pt;
	font-weight: bold;
	width: 750px;
	margin: 5px 0 0 17px;
	padding: 2px 0 5px 10px;
	box-shadow: 7px 7px 10px rgba(50, 50, 50, 0.4);
	
	background: #333333; /* Old browsers */
	background: -moz-linear-gradient(45deg, #333333 0%, #666666 21%, #000000 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#333333), color-stop(21%,#666666), color-stop(100%,#000000)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(45deg, #333333 0%,#666666 21%,#000000 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(45deg, #333333 0%,#666666 21%,#000000 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(45deg, #333333 0%,#666666 21%,#000000 100%); /* IE10+ */
	background: linear-gradient(45deg, #333333 0%,#666666 21%,#000000 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.liveVersion {
     width: 760px;
     height: 198px;
	 margin: 0 0 5px 17px;
	 box-shadow: 7px 7px 10px rgba(50, 50, 50, 0.4);
}


.liveVersion .liveLeft {
     background-color: #CCCCCC;
     float: left;
	 position:relative;
	 width: 30px;
     height: 198px;
}

.liveVersion .liveLeft span {
     color: #000000;
     display: inline-block;
     font-size: 14px;
     font-weight: bold;
	 text-align:justify;
     height: 30px;
	 width: 190px;
     line-height: normal;
     margin: 80px 5px 0px -77px;
     
     position: relative; 
	 overflow: hidden;
     text-overflow: ellipsis;
	 white-space: nowrap;
	 transform: rotate(-90deg);
	-ms-transform:rotate(-90deg); /* IE 9 */
	-webkit-transform:rotate(-90deg); /* Opera, Chrome, and Safari */
}

.liveVersion .liveRight {
	 background: url("../images/Live_Bg.jpg?v0609") no-repeat scroll right 0 rgba(77,20,20,0.1);
     float: left;
     height: 198px;
     width: 730px;
}

.liveVersion .liveRightToday {
     background: url("../images/today_bg.jpg?v0609") no-repeat scroll right 0 #000;
}

.liveVersion .liveRightLastCall {
     background: url("../images/LastCall_bg.jpg?v0609") no-repeat scroll right 0 #000;
}


.liveVersion .liveRight .livInfo {
     color: #FFFFFF;
     margin: 11px auto 0px;
     width: 480px;
	 position:relative;
	 z-index: 200;
}

.liveVersion .liveRight .livInfo .liveNational {
     color: #FFFFFF;
     margin: auto;
     text-align: center;
     width: 400px;
}

.liveVersion .liveRight .livInfo .liveNational .liveTime {
     display: inline-block;
     font-size: 14px;
     font-weight: 600;
     margin-top: 10px;
	 padding: 2px 0 2px 0;
     text-align: center;
     vertical-align: top;
     width: 50px;
	 background: rgba(255,255,255, 0.6);
	 box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.6);
	 padding: 5px;
}

 .liveVersion .liveRight .livInfo .liveNational .LiveScore {
	 z-index: 300;
	 position: absolute;
	 margin-top: -30px;
	 white-space: nowrap;
	 width: 710px;
	 left: -115px;
	 text-align: center;
	 
 }

.liveVersion .liveRight .livInfo .liveNational .ScoreH, .liveVersion .liveRight .livInfo .liveNational .ScoreA {
	color: #ccc;
	font-size: 36pt;
	text-shadow: 0 0 5px rgba(222, 222, 222, 0.6);
	width: 50px;
	background-color: rgba(0, 0, 0, 0.6);
	border: 2px solid #777;
	border-radius: 10px;
	text-align:right;
	padding: 10px;

}

.liveVersion .liveRight .livInfo .liveNational .ScoreA {
	margin-left: 400px;
	text-align: left;
}

.liveVersion .liveRight .livInfo .liveNational .HalfTime {
	font-size: 12pt;
}

.liveVersion .liveRight .livInfo .liveNational .awayLogo {
     display: inline-block;
     height: 67px;
     width: 160px;
	 text-align:center;
}

.liveVersion .liveRight .livInfo .liveNational .homeLogo {
     display: inline-block;
     height: 67px;
     vertical-align: top;
     width: 160px;
	 text-align:center;
}

.Matchlogo {
}

.liveVersion .liveRight .livInfo .NationalName {
     color: #FFFFFF;
     height: 16px;
     margin: auto;
     width: 400px;
}

.liveVersion .liveRight .livInfo .NationalName .awayteamName {
     display: inline-block;
     font-size: 14px;
     font-weight: bold;
     text-align: center;
	 vertical-align: top;
	 margin-left: 7px;
     width: 160px;
}

.liveVersion .liveRight .livInfo .NationalName .homeTeamName {
     display: inline-block;
     font-size: 14px;
     font-weight: bold;
     text-align: center;
	 vertical-align: top;
	 margin-left: 63px;
     width: 160px;
}

.liveVersion .liveRight .livInfo .NationalName .draw {
     display: inline-block;
     font-size: 14px;
     margin: auto;
     text-align: center;
     width: 400px;
}

.liveVersion .liveRight .livInfo .liveType {
     height: 19px;
     margin-bottom: 2px;
}

.liveVersion .liveRight .livInfo .liveType .gameTypeName {
     display: inline-block;
     float: left;
     font-size: 14px;
     font-weight: bold;
     text-align: left;
     width: 35px;
}

.liveVersion .liveRight .livInfo .liveType .gameOne {
     background: url("../images/simple/tb_bg.png") repeat-x scroll 0% 0% transparent;
     float: left;
     font-size: 12px;
     height: 19px;
     line-height: 19px;
     margin-right: 18px;
     text-align: center;
     width: 122px;
}

.liveVersion .liveRight .livInfo .liveType .gameValueOne {
     background: url("../images/simple/tb_bg.png") repeat-x scroll 0% 0% transparent;
     float: left;
     height: 19px;
     margin-right: 36px;
     width: 183px;
}

.liveVersion .liveRight .livInfo .liveType .gameValueOne .gameValueLeft {
     display: inline-block;
     float: left;
     font-size: 12px;
     height: 19px;
     line-height: 19px;
     padding-left: 19px;
}

.liveVersion .liveRight .livInfo .liveType .gameValueOne .gameValueRight {
     display: inline-block;
     float: right;
     font-size: 12px;
     height: 19px;
     line-height: 19px;
     padding-right: 9px;
}

.liveVersion .liveRight .livInfo .liveType .gameValue {
     background: url("../images/simple/tb_bg.png") repeat-x scroll 0% 0% transparent;
     float: left;
     height: 19px;
     width: 183px;
}

.liveVersion .liveRight .livInfo .liveType .gameValue .gameValueLeft2 {
     display: inline-block;
     float: left;
     font-size: 12px;
     height: 19px;
     line-height: 19px;
     padding-left: 11px;
}

.liveVersion .liveRight .livInfo .liveType .gameValue .gameValueRight2 {
     display: inline-block;
     float: right;
     font-size: 12px;
     height: 19px;
     line-height: 19px;
     padding-right: 22px;
}

.liveVersion .liveRight .livInfo .simmore {
     background: url("../images/simple/more_bg.png") no-repeat scroll 0% 0% transparent;
     height: 22px;
     line-height: 22px;
     margin-left: 194px;
     margin-top: 3px;
     text-align: center;
     width: 80px;
}

.liveVersion .liveRight .livInfo .simmore a.more, .liveVersion .liveRight .livInfo .simmore .more 

{
	 background: none;
     font-size: 10pt;
	 width: 100%;
	 height:100%;
	 text-align:center;
	 vertical-align:middle;
	 padding-top:5px;
}

.yellow, .yellow a.PositiveOddsClass, .yellow a.NegativeOddsClass {
     color: #E1C302;
	 text-align: right;
	 width:50px;
}

.moreTab {
     background-color: #3E3E3E;
     box-shadow: 7px 7px 10px rgba(0, 0, 0, 0.4);
     margin-left: 7px;
     margin-top: 24px;
     padding: 0px 0px 9px;
     width: 883px;
}

.moreTab .tableInfo {
     margin: 16px auto auto;
     width: 849px;
}

.tableInfo th {
     background-color: #222222;
     border-top: 2px solid #959595;
     color: #FFFFFF;
     font-size: 14px;
     font-weight: bold;
     height: 31px;
     line-height: 31px;
     padding-left: 11px;
     text-align: left;
}

.moreTab .tableInfo .firstorlastMenu {
     background-color: #222222;
     border-bottom: 1px solid #0A0F22;
     border-top: 2px solid #6F6F6F;
     color: #FFFFFF;
     font-size: 14px;
     font-weight: bold;
     height: 31px;
     line-height: 31px;
     text-align: center;
}

.moreTab .tableInfo .firstorlastvalue {
     background-color: #FFD325;
     color: #1F1B57;
     font-size: 12px;
     font-weight: 600;
     height: 25px;
     line-height: 25px;
     text-align: center;
}

.moreTab .tableInfo .firstOrLastGoal {
     float: left;
     margin-right: 15px;
     width: 276px;
}

.moreTab .tableInfo .firstOrLastGoal1 {


     float: left;
     width: 267px;
}

.moreTab .tableInfo .firstOrLastGoal td {
     text-align: center;
}

.moreTab .tableInfo .halfTime {
     margin-top: 16px;
     width: 849px;
}

.menuLeftrBorde {
     border-left: 1px solid #2C2C2C;
}

.menuRightrBorde {
     border-right: 1px solid #3C3C3C;
}

.vlueLeftrBorde {
     border-left: 1px solid #4E4A3C;
}

.vlueRightrBorde {
     border-right: 1px solid #B79B2E;
}

.vlueTopAndButtom {
     border-bottom: 1px solid #4E4A3C;
     border-top: 1px solid #B79B2E;
}

.matchSpace {
	background-color:#000;
	border:none;
	margin-bottom: 10px;
 }
 
 .MatchExtra {
	position: absolute;
	z-index:500;
	background-color: rgba(255,255,255,0.5);
	width: 22px;
	text-align: center;
	vertical-align: bottom;
	border: 2px solid #ccc;
	border-top-left-radius:15px;
	border-bottom-left-radius:15px;
	display:table-row;
	float:none;
	left: 748px;
	margin-top: -100px;
	padding: 10px 0 10px 3px;
 }
 
 .MatchExtra .stats {
	 width: 14px;
	 height: 14px;
	 background: url("../images/repeat_bg.gif") no-repeat scroll 0 0 #666;
	 border: 0px #000;
	 border-radius: 7px;
	 
 }
 
 #contentContainer {
    position: absolute;
	overflow: hidden;
	width:730px;
	height: 198px;
	
	
}


.thing1 {
	background: url(../images/sportsLogo/1.gif) no-repeat center;
    position: relative;
    width: 20px;
    height: 20px;
    border-radius: 10px;
	box-shadow: 5px 0 5px #555; 
	margin: 0 0 0 60px;
	left: 0;
	top: 200px;
	
/* Chrome, Safari, Opera */
-webkit-animation-name:thing1;
-webkit-animation-duration:3.5s;
-webkit-animation-timing-function: linear;
-webkit-animation-delay: 0s;
-webkit-animation-iteration-count:5;
-webkit-animation-play-state:running;
-webkit-animation-direction: alternate; /* Safari and Chrome */ 

/* Standard syntax */
animation-name:thing1;
animation-duration: 3.5s;
animation-timing-function: linear;
animation-delay:0s;
animation-iteration-count: 5 /*infinite;*/
animation-play-state: running;
animation-direction: alternate;
}

/* Standard syntax */
@keyframes thing1 {
0% { left: -110px; top:60px; transform: rotate(0deg);}
3% { left: -70px; top:60px; transform: rotate(30deg);}
6% { left: -52px; top:59.5px; transform: rotate(60deg);}
9% { left: -11px; top:67.5px; transform: rotate(90deg); }
12% { left: 28px; top:84px; transform: rotate(120deg); }
15% { left: 61px; top: 107px; transform: rotate(150deg); }

25% { left: 132px; top:  66px; transform: rotate(180deg); }
38% {left: 212px; top: 40px; transform: rotate(210deg); }
50% { left: 295px; top: 31px; transform: rotate(240deg); } 
62% { left: 378px; top: 40px; transform: rotate(270deg); }
75% { left: 458px; top: 66px; transform: rotate(300deg); }

85% { left: 530px; top: 108px; transform: rotate(330deg); }
88% { left: 560px; top: 86px; transform: rotate(360deg); }
91% { left: 599px; top: 69px; transform: rotate(30deg); }
94% { left: 640px; top: 60px; transform: rotate(60deg); }
97% { left: 660px; top: 59.5px; transform: rotate(90deg); }
100% { left: 700px; top: 59.5px;  transform: rotate(120deg);}
}


/* Chrome, Safari, Opera */
@-webkit-keyframes thing1 {
0% { left: -110px; top:60px; transform: rotate(0deg); }
3% { left: -70px; top:60px;transform: rotate(30deg);}
6% { left: -52px; top:59.5px; transform: rotate(60deg);}
9% { left: -11px; top:67.5px; transform: rotate(90deg); }
12% { left: 28px; top:84px; transform: rotate(120deg); }
15% { left: 61px; top: 107px; transform: rotate(150deg); }

25% { left: 132px; top:  66px; transform: rotate(180deg); }
38% {left: 212px; top: 40px; transform: rotate(210deg); }
50% { left: 295px; top: 31px; transform: rotate(240deg); } 
62% { left: 378px; top: 40px; transform: rotate(270deg); }
75% { left: 458px; top: 66px; transform: rotate(300deg); }

85% { left: 530px; top: 108px; transform: rotate(330deg); }
88% { left: 560px; top: 86px; transform: rotate(360deg); }
91% { left: 599px; top: 69px; transform: rotate(30deg); }
94% { left: 640px; top: 60px; transform: rotate(60deg); }
97% { left: 660px; top: 59.5px; transform: rotate(90deg); }
100% { left: 700px; top: 59.5px;  transform: rotate(120deg);}
}

.thing2 {
	background: url(../images/sportsLogo/1.png) no-repeat center;
    position: relative;
    width: 20px;
    height: 20px;
    border-radius: 10px;
	box-shadow: 5px 0 5px #555; 
	margin: 0 0 0 60px;
	left: 0;
	top: 200px;
	
/* Chrome, Safari, Opera */
-webkit-animation-name:thing2;
-webkit-animation-duration: 5s;
-webkit-animation-timing-function: linear;
-webkit-animation-delay: 0s;
-webkit-animation-iteration-count:5;
-webkit-animation-play-state:running;
-webkit-animation-direction: normal; /* Safari and Chrome */ 

/* Standard syntax */
animation-name:thing2;
animation-duration: 8s;
animation-timing-function: linear;
animation-delay:0s;
animation-iteration-count: 5; /*infinite;*/
animation-play-state:running;
animation-direction: normal;
}



/* Standard syntax */
@keyframes thing2 {

0% { left: 650px; top: 41px;  transform: rotate(0deg);}
2.5% { left: 629px; top: 41px;  transform: rotate(-30deg);}
5% { left: 567px; top: 53px;  transform: rotate(-60deg);}
7.5% { left: 510px; top: 78px;  transform: rotate(-90deg);}
10% { left: 466px; top: 110px;  transform: rotate(-120deg);}
13.5% { left: 441px; top: 91px;  transform: rotate(-150deg);}
17% { left: 412px; top: 78px;  transform: rotate(-180deg);}
20.5% { left: 382px; top: 71px;  transform: rotate(-210deg);}
24% { left: 350px; top: 70px;  transform: rotate(-240deg);}
27.5% { left: 320px; top: 75px;  transform: rotate(-270deg);}
31% { left: 291px; top: 86px;  transform: rotate(-300deg);}
34.5% { left: 259px; top: 110px;  transform: rotate(-330deg);}
39% { left: 232px; top: 94px;  transform: rotate(0deg);}
43.5% { left: 201px; top: 90px;  transform: rotate(-30deg);}
48% { left: 171px; top: 96px;  transform: rotate(-60deg);}
52.5% { left: 152px; top: 110px;  transform: rotate(-90deg);}
57.5% { left: 131px; top: 103px;  transform: rotate(-120deg);}
63% { left: 116px; top: 103px;  transform: rotate(-150deg);}
68.5% { left: 102px; top: 110px;  transform: rotate(-180deg);}
80% { left: 80px; top: 110px;  transform: rotate(-210deg);}
100% { left: 60px; top: 110px;  transform: rotate(-260deg);}
}


/* Chrome, Safari, Opera */
@-webkit-keyframes thing2 {
0% { left: 650px; top: 41px;  transform: rotate(0deg);}
2.5% { left: 629px; top: 41px;  transform: rotate(-30deg);}
5% { left: 567px; top: 53px;  transform: rotate(-60deg);}
7.5% { left: 510px; top: 78px;  transform: rotate(-90deg);}
10% { left: 466px; top: 110px;  transform: rotate(-120deg);}
13.5% { left: 441px; top: 91px;  transform: rotate(-150deg);}
17% { left: 412px; top: 78px;  transform: rotate(-180deg);}
20.5% { left: 382px; top: 71px;  transform: rotate(-210deg);}
24% { left: 350px; top: 70px;  transform: rotate(-240deg);}
27.5% { left: 320px; top: 75px;  transform: rotate(-270deg);}
31% { left: 291px; top: 86px;  transform: rotate(-300deg);}
34.5% { left: 259px; top: 110px;  transform: rotate(-330deg);}
39% { left: 232px; top: 94px;  transform: rotate(0deg);}
43.5% { left: 201px; top: 90px;  transform: rotate(-30deg);}
48% { left: 171px; top: 96px;  transform: rotate(-60deg);}
52.5% { left: 152px; top: 110px;  transform: rotate(-90deg);}
57.5% { left: 131px; top: 103px;  transform: rotate(-120deg);}
63% { left: 116px; top: 103px;  transform: rotate(-150deg);}
68.5% { left: 102px; top: 110px;  transform: rotate(-180deg);}
80% { left: 80px; top: 110px;  transform: rotate(-210deg);}
100% { left: 60px; top: 110px;  transform: rotate(-260deg);}
}


.thing3 {
	background: url(../images/sportsLogo/1.png) no-repeat center;
    position: relative;
    width: 20px;
    height: 20px;
    border-radius: 10px;
	box-shadow: 5px 0 5px #555; 
	margin: 0 0 0 60px;
	left: 0;
	top: 200px;
	
/* Chrome, Safari, Opera */
-webkit-animation-name:thing3;
-webkit-animation-duration: 5s;
-webkit-animation-timing-function: linear;
-webkit-animation-delay: 0s;
-webkit-animation-iteration-count:5;
-webkit-animation-play-state:running;
-webkit-animation-direction: normal; /* Safari and Chrome */ 

/* Standard syntax */
animation-name:thing3;
animation-duration: 8s;
animation-timing-function: linear;
animation-delay:0s;
animation-iteration-count: 5; /*infinite;*/
animation-play-state:running;
animation-direction: normal;
}



/* Standard syntax */
@keyframes thing3 {
0% { left: -70px; top: 41px;  transform: rotate(0deg);}
2.5% { left: -40px; top: 41px;  transform: rotate(30deg);}
5% { left: 22px; top: 53px;  transform: rotate(60deg);}
7.5% { left: 79px; top: 78px;  transform: rotate(90deg);}
10% { left: 123px; top: 110px;  transform: rotate(120deg);}
13.5% { left: 148px; top: 91px;  transform: rotate(150deg);}
17% { left: 177px; top: 78px;  transform: rotate(180deg);}
20.5% { left: 207px; top: 71px;  transform: rotate(210deg);}
24% { left: 238px; top: 70px;  transform: rotate(240deg);}
27.5% { left: 270px; top: 75px;  transform: rotate(270deg);}
31% { left: 298px; top: 86px;  transform: rotate(300deg);}
34.5% { left: 330px; top: 110px;  transform: rotate(330deg);}
39% { left: 357px; top: 94px;  transform: rotate(360deg);}
43.5% { left: 388px; top: 90px;  transform: rotate(390deg);}
48% { left: 417px; top: 96px;  transform: rotate(420deg);}
52.5% { left: 436px; top: 110px;  transform: rotate(450deg);}
57.5% { left: 450px; top: 103px;  transform: rotate(480deg);}
63% { left: 473px; top: 103px;  transform: rotate(510deg);}
68.5% { left: 487px; top: 110px;  transform: rotate(540deg);}
80% { left: 517px; top: 110px;  transform: rotate(570deg);}
100% { left: 550px; top: 110px;  transform: rotate(620deg);}
}


/* Chrome, Safari, Opera */
@-webkit-keyframes thing3 {
0% { left: -70px; top: 41px;  transform: rotate(0deg);}
2.5% { left: -40px; top: 41px;  transform: rotate(30deg);}
5% { left: 22px; top: 53px;  transform: rotate(60deg);}
7.5% { left: 79px; top: 78px;  transform: rotate(90deg);}
10% { left: 123px; top: 110px;  transform: rotate(120deg);}
13.5% { left: 148px; top: 91px;  transform: rotate(150deg);}
17% { left: 177px; top: 78px;  transform: rotate(180deg);}
20.5% { left: 207px; top: 71px;  transform: rotate(210deg);}
24% { left: 238px; top: 70px;  transform: rotate(240deg);}
27.5% { left: 270px; top: 75px;  transform: rotate(270deg);}
31% { left: 298px; top: 86px;  transform: rotate(300deg);}
34.5% { left: 330px; top: 110px;  transform: rotate(330deg);}
39% { left: 357px; top: 94px;  transform: rotate(360deg);}
43.5% { left: 388px; top: 90px;  transform: rotate(390deg);}
48% { left: 417px; top: 96px;  transform: rotate(420deg);}
52.5% { left: 436px; top: 110px;  transform: rotate(450deg);}
57.5% { left: 450px; top: 103px;  transform: rotate(480deg);}
63% { left: 473px; top: 103px;  transform: rotate(510deg);}
68.5% { left: 487px; top: 110px;  transform: rotate(540deg);}
80% { left: 517px; top: 110px;  transform: rotate(570deg);}
100% { left: 550px; top: 110px;  transform: rotate(620deg);}
}
