* {
margin: 0;
padding: 0;
}
body
{
/* min-width: 880px; */
background: #d0d4d9;
font-family: Tahoma,Geneva,sans-serif;
}
ul {
list-style: none;
}
img {
border: 0px;
text-decoration: none;
}
.cl {
clear: both;
height: 1px;
}
.header {
position: relative;
height: 148px;
border: 0px;
background-image:url('../img/headerbg.png');
background-repeat:repeat-x;
}
.small_banner {
position: absolute;
right: 33px;
top: 32px;
}
.btnlg {
display: block;
width: 12px;
height: 16px;
background: url('../img/sport_grid.gif') no-repeat -114px -120px;
}
#time {
padding-right: 10px;
color: #FFF;
}
#timezone-select {
font-size: 10px;
color: #666;
}
#tptm {
position: absolute;
top: 8px;
left: 40px;
font-size: .7em;
color: #fff;
}
#fgs {
position: absolute;
top: 10px;
right: 21px;
}
#fgs li {
float: left;
margin: 0 12px;
font-size: 11px;
}
#tptm span {
color: #64bbfe;
}
#tursp {
position: absolute;
top: 45px;
left: 29px;
font-size: 2.5em;
color: #fff;
letter-spacing: -1px;
text-decoration: none;
}
#tursp strong {
color: #8dd3fe;
font-size: 1em;
}
#tpbnr {
width: 226px;
height: 138px;
margin: 0 auto;
background: url('../img/lemon_banner.jpg') no-repeat;
}
/*MENU*/
#tmenu {
position: absolute;
/* min-width: 1082px; */
height: 35px;
text-align: left;
bottom: 9px;
left: 30px;
font-size: .7em;
font-weight: bold;
white-space:nowrap;
overflow-y:hidden;
}
#tmenu ul {
white-space:nowrap;
/* min-width: 1082; */
overflow-y:hidden;
}
#tmenu li {
white-space:nowrap;
float: left;
padding-right: 1px;
overflow-y:hidden;
}
#tmenu li a {
display: block;
float: left;
-webkit-border-top-left-radius: 6px;
-webkit-border-top-right-radius: 6px;
-moz-border-radius-topleft: 6px;
-moz-border-radius-topright: 6px;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
padding: 0 20px;
height: 34px;
background: #8395b2;
background: -moz-linear-gradient(top,#8395b2 0,#8395b2 50%,#6a7a92 51%,#546074 100%);
background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#8395b2),color-stop(50%,#8395b2),color-stop(51%,#6a7a92),color-stop(100%,#546074));
background: -webkit-linear-gradient(top,#8395b2 0,#8395b2 50%,#6a7a92 51%,#546074 100%);
background: -o-linear-gradient(top,#8395b2 0,#8395b2 50%,#6a7a92 51%,#546074 100%);
background: -ms-linear-gradient(top,#8395b2 0,#8395b2 50%,#6a7a92 51%,#546074 100%);
background: linear-gradient(to bottom,#8395b2 0,#8395b2 50%,#6a7a92 51%,#546074 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8395b2',endColorstr='#546074',GradientType=0);
box-shadow: 0 -3px 0 #445268;
line-height: 34px;
color: #fff;
text-decoration: none;
}
#tmenu li.tm_sel a,#tmenu li a:hover,#tmenu li a:active {
-webkit-border-top-left-radius: 6px;
-webkit-border-top-right-radius: 6px;
-moz-border-radius-topleft: 6px;
-moz-border-radius-topright: 6px;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
background: #c32e00;
background: -moz-linear-gradient(top,#c32e00 0,#c32e00 50%,#a62801 51%,#8b2202 100%);
background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#c32e00),color-stop(50%,#c32e00),color-stop(51%,#a62801),color-stop(100%,#8b2202));
background: -webkit-linear-gradient(top,#c32e00 0,#c32e00 50%,#a62801 51%,#8b2202 100%);
background: -o-linear-gradient(top,#c32e00 0,#c32e00 50%,#a62801 51%,#8b2202 100%);
background: -ms-linear-gradient(top,#c32e00 0,#c32e00 50%,#a62801 51%,#8b2202 100%);
background: linear-gradient(to bottom,#c32e00 0,#c32e00 50%,#a62801 51%,#8b2202 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c32e00',endColorstr='#8b2202',GradientType=0);
}
/*end*/
.container {
padding: 10px;
height: 100%;
}
div.main {
display:table-cell;
padding: 23px 20px;
background: #f0f3f6;
}
div.sidebar {
display:table-cell;
float: right;
width: 296px;
margin-left: 25px;
}
.bet_content {
margin-bottom: 10px;
background: #fff;
text-align: center;
padding: 12px 8px;
min-height: 15px;
}
.adds_content {
padding: 85px;
background-color: #637289;
height: 100%;
}
div.main,.adds_content,.bet_content,.video_content {
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}
.slot-600-100 {
position: absolute;
width: 600px;
height: 100px;
}
h1,.sport_title {
font-size: 1.1em;
color: #036193;
padding: 5px 0;
text-align: center;
}
table {
border-collapse: collapse;
}
.lstc {
font-size: .7em;
font-weight: bold;
}
.lst {
border: 1px solid #d0d4d9;
background-color: #fff;
}
.lst a {
text-decoration: underline;
color: #424e59;
}
.lst tr {
background: #fff;
}
table.lst tr:nth-child(even) {
background: #f7f8f8;
}
.lst tr:hover {
background: #f2f3f4;
}
.lst td {
text-align: center;
vertical-align: middle;
height: 35px;
padding: 0 3px;
}
.ssport {
display: block;
width: 24px;
height: 24px;
background: url('../img/sport_grid.gif') no-repeat;
font-size: 0;
line-height: 0;
text-indent: -99999;
}
.ssport.sn-baseball {
background-position: -48px 0;
}
.ssport.sn-basketball {
background-position: -72px 0;
}
.ssport.sn-boxing {
background-position: -120px 0;
}
.ssport.sn-soccer {
background-position: -120px -24px;
}
.ssport.sn-handball {
background-position: -24px -48px;
}
.ssport.sn-hockey {
background-position: -48px -48px;
}
.ssport.sn-moto_gp {
background-position: -72px -48px;
}
.ssport.sn-others {
background-position: -48px -72px;
}
.ssport.sn-football {
background-position: -96px -72px;
}
.ssport.sn-rugby {
background-position: -96px -72px;
}
.ssport.sn-tennis {
background-position: -24px -96px;
}
.ssport.sn-volleyball {
background-position: -95px -96px;
}
.list_ball {
width: 30px;
}
.list_date {
width: 55px;
}
/* .list_champ {
width: 105px;
} */
.list_tv {
width: 30px;
}
.list_tv a {
background: url('../img/sport_grid.gif') no-repeat -48px -120px;
width: 22px;
height: 17px;
display: block;
margin: 0 auto;
}
.list_date {
color: #dd0500;
}
.lst .list_champ {
color: #006acc;
font-size: .9em;
font-weight: normal;
text-align: left;
}
.lst .list_team {
padding-left: 4px;
text-align: left;
color: #424e59;
max-width: 896px;
}
.list_team a {
text-decoration: underline;
color: #424e59;
text-align: left;
}
.list_team a {
text-decoration: underline;
}
.list_team a:hover {
text-decoration: none;
}
.longer {
color: #f0f3f6;
}
.event_info h2 {
color: #000;
font-size: 1.35em;
font-weight: normal;
}
.event_info strong {
color: #505f76;
font-size: .95em;
line-height: 1.2em;
padding-right: 5px;
display: block;
}
.event_info span {
color: #c32e00;
font-size: .7em;
font-weight: bold;
line-height: 2.5em;
}
.footer {
position: relative;
height: 103px;
background-color: #3f4f66;
background: url('../img/footerbg.png') repeat-x;
margin-bottom: 50px;
}
#copy {
position: absolute;
bottom: 41px;
left: 35px;
font-size: .7em;
color: #fff;
font-family: 'Trebuchet MS',Helvetica,sans-serif;
}
#copy span {
color: #8298ae;
}
#bmenu {
position: absolute;
bottom: 41px;
right: 300px;
font-size: .7em;
font-family: 'Trebuchet MS',Helvetica,sans-serif;
}
#bmenu li {
display: inline;
}
#bmenu a {
color: #8298ae;
}
.tallstreambanner {
display: block;
position:absolute;
top: 180px;
margin-left: 680px;
width: 100px;
height: 500px;
}
#toplinks {list-style-type:none}
#toplinks li,#toplinks>li{margin:10px;display:inline}
@media only screen and (max-width: 1095px) {
.small_banner {
display: none;
}
}
}
@media only screen and (max-width: 1095px) {
#midlogo {
display: none;
}
}
@media only screen and (max-width: 1095px) {
#logotext {
display: none;
}
}
@media only screen and (min-width: 500px) {
#phonelogo {
display: none;
}
}
@media only screen and (max-width: 500px) {
.col-md-3 {
display: none;
}
}
@media only screen and (max-width: 1095px) {
div.sidebar {
display: none;
}
}
@media only screen and (max-width: 1095px) {
#tmenu {
overflow-y: visible;
height: none;
margin-bottom: 50px;
}
.header {
height: 200px
}
#bmenu {
bottom: 60px;
right: 25%;
}
}