@charset "utf-8";
/* CSS Document */

#innerContent {font-size:12px; width:920px; padding-right:10px;}
#innerContent h1 {width:auto; background:#568400; padding:7px 10px;}
#innerContent h2 {margin:0 0 10px 0;}
a.more {float:right; display:block; background:url(../images/home/btn_more.gif) no-repeat 0 1px; padding:0 0 0 17px; color:#333; line-height:120%; font-size:12px;}
.moreContainer {background:url(../images/dash_1.gif) repeat-x top; padding:7px 0 0 0;}
table {width:100%;}

/* Main Structure starts */
#leftCol {width:610px; float:left;}
#rightCol {width:300px; float:right;/* background:#e9e9e9; min-height:1107px;*/}
#fontSizeContainer {margin:24px 10px 0 0; line-height:150%; text-align:left;}
#mainCol {background:url(../images/home/right_bg.gif) repeat-y right top;}
/* Main Structure ends */

/* newsBox starts */
#newsBox {height:255px; position:relative;}
#newsBox .photos {position:relative; height:198px; width:100%; z-index:1;}
#newsBox .photos img {position:absolute; top:0; left:0; display:none;}
#newsBox .details {width:402px; height:40px; color:#FFF; background:#333; padding:5px 10px 10px 10px;}
#newsBox .details div {display:none; width:100%;}
#newsBox .details h3 {font-size:15px; font-weight:bold; margin:0 0 2px 0; line-height:18px; color:#FFF;}
#newsBox .details p {padding:0; margin:0; line-height:14px;}
#newsBox .rightCol {position:absolute; width:188px; height:255px; top:0; right:0; background:#d5e0bf; z-index:10;}
#newsBox .rightCol a.more {margin:7px 7px 0 0;}
#newsBox .nav a {display:block; width:168px; height:65px; padding:11px 6px 0 14px; color:#3F3F3F; cursor:pointer; background:url(../images/home/news_dash.gif) no-repeat bottom center; position:relative;}
#newsBox .nav a:hover, #newsBox .nav a.active {background:#afc485; text-decoration:none;}
#newsBox .nav a .imgContainer {float:left; border:1px solid #EAEAEA; margin:0 10px 0 0;}
#newsBox .nav a .imgContainer img {border:1px solid #FFF; width:60px; height:50px;}
#newsBox .nav a .txt {float:left; padding:0; margin:0; width:92px; line-height:14px;}
#newsBox .nav a .arrow {width:7px; height:76px; background:url(../images/home/news_arrow.gif) no-repeat; position:absolute; left:-4px; top:0; visibility:hidden;}
#newsBox .nav a:hover .arrow, #newsBox .nav a.active .arrow {visibility:visible;}
#homeNewsFLVContainer {position:absolute; left:0; top:0; width:422px; height:198px; z-index:10000; background:#000;}
#homeNewsFLV {color:#FFF; padding:10px; display:none;}
#homeNewsFLV a {color:#FF9;}
#homeNewsFLV img {display:block !important; position:static !important; margin:10px 0 0 0;}
/* newsBox ends */

/* whatsHot starts */
.whatsHotContainer {width:100%; margin:10px 0 0 0; background:#E6EDD9; font-size:12px;}
.whatsHotContainer h1 {width:auto; background:#568400; padding:5px 10px;}

.whatsHotContainer .content {padding:10px;}
.whatsHotContainer .content iframe {float:left;}
div.whatshotItem {width:285px; height:70px; padding:0; float:left; background:#E6EDD9; font-size:12px;}
div.whatshotItem img {float:left; margin:0 10px 0 0;}
div.whatshotItem a {width:185px; float:left; display:block; color:#333; line-height:16px;}
div.whatshotItem a strong{color:#568400;}
div.whatsHotStroke {float:left; width:1px; height:70px; margin:0 9px; background-color:#FFF;}
/* whatsHot ends */

/* video starts */
#leftInside {width:300px; float:left; margin:10px 10px 0 0;}
#video {width:280px; border:1px solid #D7D7D7; margin:0 0 10px 0; padding:10px 9px 9px 9px; position:relative;}
#video .video {height:210px; background:#000;}
#video h1 {background:none; margin:0 0 10px 0; padding:0;}
#video .details {background:#333; padding:10px; font-weight:bold; font-size:12px; line-height:12px;}
#video .details h3 {margin:0 0 4px 0;  color:#FFFF00; font-size:12px; line-height:12px;}
#video .details p {padding:0; margin:0; color:#FFF;}
#video .content {margin:0 0 10px 0; font-weight:bold;}
#video .content .header {border-bottom:1px solid #E6E6E6; padding-bottom:2px;}
#video .content .header div {color:#666;}
#video .content .first, #video .content .mid, #video .content .last {float:left; margin:10px 0 0 0; color:#333;}
#video .content .first {width:74px;}
#video .content .mid {width:146px;}
#video .content .last {width:55px;}
#video .content .mid a {color:#568400; font-weight:normal;}
#video .content .mid a strong {color:#333;}
#video .content .last div {padding:7px 0; background:#FFEB99; text-align:center; width:100%;}
/* video ends */

/* photos starts */
#photos {position:relative; border:1px solid #D7D7D7; margin:0 0 10px 0; padding:10px 10px 0px 10px;}
#photos h1 {background:none; margin:0 0 10px 0; padding:0;}
#photos .arrowL, #photos .arrowR {position:absolute; top:80px; width:11px; height:16px; display:block;}
#photos .arrowL {left:10px; background:url(../images/home/btn_arrow_L.gif) no-repeat;}
#photos .arrowR {right:10px; background:url(../images/home/btn_arrow_R.gif) no-repeat;}
#photos .content {margin:0 auto; text-align:center; width:150px; padding-bottom:40px; height:auto !important; height:127px; min-height:127px;}
#photos .content a {border:1px solid #D8D8D8; padding:10px; display:block;}
#photos .content a:hover {text-decoration:none;}
#photos .content span {color:#568400; font-weight:bold; padding:10px 0 0 0; text-align:left; display:block;}
#photos .moreContainer {position:absolute; bottom:9px; width:280px; padding-bottom:0;}
/* photos ends */

/* offer starts */
#offer {width:300px; float:left; margin:10px 0 0 0;}
/* offer ends */

/* blogs starts */
#blogs {width:280px; float:left; background:#E6EDD9; margin:10px 0 0 0; padding:10px 10px 30px 10px; /*height:auto !important; height:550px; min-height:550px;*/ position:relative; font-size:12px;}
#blogs h1 {background:none; margin:0 0 15px 0; padding:0;}
#blogs .content {margin:0 0 15px 0;}
#blogs .content div {float:left; margin:0 0 15px 0;}
#blogs .content div img {float:left; margin:0 10px 0 0;}
#blogs .content div a {width:188px; float:left; display:block; color:#333; line-height:16px;}
#blogs .content div a strong{color:#568400;}
#blogs .content div.last {margin-bottom:0;}
#blogs .moreContainer {position:absolute; bottom:10px; width:280px;}
/* blogs ends */

/* Latest Mark Six starts */
#latestMarkSix {text-align:center; font-size:15px; font-weight:700; padding:4px 0;}
/* Latest Mark Six ends */

/* live center starts */
#livecentre .content {padding:10px;}
#livecentre .content .match {width:280px; background:url(../images/home/bg_livecenter.gif) repeat-y 0 0; font-weight:bold;}
#livecentre .content .match * {float:left;}
#livecentre .content .match div {width:270px; background:url(../images/home/bg_livecentertop.gif) no-repeat 0 0; padding:8px 5px 0 5px; min-height: 20px; height: auto !important; height: 20px;}
#livecentre .content .match a {width:115px; color:#568400; font-size:13px; display:block; text-align:center; padding:2px;}
#livecentre .content .match span {color:#FFF; padding:0 8px; text-align:center;}
#livecentre .content .match p {background:url(../images/home/bg_livecenterbtm.gif) no-repeat 0 100%; color:#FFCC00; text-align:center; padding:5px 0; width:100%; min-height: 16px; height: auto !important; height: 16px;}
#livecentre .content .others {padding:10px 0;}
#livecentre .content .others h4 {font-size:12px; color:#666; font-weight:bold;}
#livecentre .content .others .first, #livecentre .content .others .mid, #livecentre .content .others .last {float:left; margin:7px 0 0 0; color:#333;}
#livecentre .content .others .first {width:26px;}
#livecentre .content .others .mid {width:174px; font-weight:bold; color:#FF9900;}
#livecentre .content .others .mid a {color:#568400;}
#livecentre .content .others .last {width:80px; text-align:right; color:#333;}
/* live center ends */

/* Promo Banner starts */
#bannerPromo {padding:1px; margin-top:1px;}
/* Promo Banner ends */

/* search box starts */
#searchBox .content {padding:10px 0 10px 10px; overflow:hidden; background:#E9E9E9;}
#searchBox .content * {float:left;}
#searchBox .content input, #searchBox .content select {margin:0 3px 0 0; width:106px; color:#666; font-size:12px;}
#searchBox .content input {border:1px solid #B2B2B2; height:15px; padding:1px;}
#searchBox .content select {height:19px;}
#searchBox .content .btn {padding:2px 4px 0 7px;}
/* search box ends */

/* fixture starts */
#fixture .content {padding:10px;}
#fixture .content .matchoftheday {width:280px; color:#FFF;}
#fixture .content .matchoftheday div p {text-align:center; padding:5px 0 0 0; width:100%; margin:0;}
#fixture .content .matchoftheday div div * {float:left; font-weight:bold;}
#fixture .content .matchoftheday div div img {margin-left:10px;}
#fixture .content .matchoftheday div div a {width:105px; font-size:12px; display:block; text-align:center; padding:0 4px; color:#FFF;}
#fixture .content .matchoftheday div div span {text-align:center;}
#fixture .content .matchoftheday .matchTopBg {background:url(../images/home/bg_matchtop.gif) repeat-y top;}
#fixture .content .matchoftheday .matchBtmBg {background:url(../images/home/bg_matchbtm.gif) repeat-y top;}
#fixture .content .matchoftheday .matchTop {background:url(../images/home/matchtop.gif) no-repeat top; min-height: 39px; height: auto !important; height: 39px; padding:0 0 5px 0;}
#fixture .content .matchoftheday .matchBtm {background:url(../images/home/matchbtm.gif) no-repeat bottom; min-height: 46px; height: auto !important; height: 46px; padding:0 0 5px 0;}
#fixture .nav {background:url(../images/dash_1.gif) repeat-x top; padding:5px 0; text-align:right; margin:10px 0 0 0;}
#fixture table {background:url(../images/dash_1.gif) repeat-x top;}
#fixture table th, #fixture table td {padding:2px; vertical-align:top;text-align:left; }
#fixture table th {color:#666; font-weight:bold; background:url(../images/dash_2.gif) repeat-x bottom;}
#fixture table td {color:#333;}
#fixture table td.icon {width:16px;}
#fixture table td.match {padding-left:5px;}
#fixture table td.date {text-align:right;}
#fixture table td a span {color:#333;}
#fixture table tr.rowColor td {background:#D1D1D1; border-top:1px solid #E9E9E9;}
#fixture table tr.rowColor td.icon {border-right:1px solid #E9E9E9;}
#fixture table tbody {background:url(../images/dash_2.gif) repeat-x bottom;}
#fixture table tbody.last {background:none;}
#fixture select {font-size:12px; color:#666; font-weight:bold; min-width:140px; height:19px;}
/* fixture ends */

/* leaguetable starts */
#leaguetable h1.worldcup {background-image:url(../images/home/heading_icon_worldcup.gif); background-repeat:no-repeat; background-position:right bottom;}
#leaguetable .content {padding:10px;}
#leaguetable .nav {text-align:right; margin:0 0 5px 0;}
#leaguetable table th, #leaguetable table td {padding:2px; color:#333; vertical-align:top; text-align:center;}
#leaguetable table th {font-size:12px; font-weight:400; border-bottom:1px solid #568400;}
#leaguetable table th.long {width:25px;}
#leaguetable table td {font-size:12px; width:17px;}
#leaguetable table th.team, #leaguetable table td.team {width:auto; text-align:left;}
#leaguetable table td a {color:#45841C;}
#leaguetable table tr.rowColor td {background:#D1D1D1;}
#leaguetable select {font-size:12px; color:#666; font-weight:bold; min-width:140px; height:19px;}
/* leaguetable ends */

/* voting starts */
#voting .content {padding:10px;}
#voting .content h4 {font-size:12px; color:#497100; font-weight:bold; margin:0 0 10px 0;}
#voting table th, #voting table td {padding:5px 2px; text-align:left;}
#voting table th {width:15px;}
#voting table td {color:#333; font-weight:bold;}
#voting table th input {width:14px; height:16px; padding:0; margin:0;}
#voting table td label {width:100%; display:block;}
#voting .chart .first, #voting .chart .mid, #voting .chart .last {float:left; color:#333; font-weight:bold; padding:0 10px 10px 0;}
#voting .lastRow .first, #voting .lastRow .mid, #voting .lastRow .last {padding-bottom:0;}
#voting .lastRow .first {height:10px;}
#voting .chart .first {width:70px; border-right:1px solid #D1D1D1;}
#voting .chart .mid {width:150px;}
#voting .chart .last {width:37px; text-align:right; padding-right:0;}
#voting .chart .bar {height:10px; background:#2F5395; overflow:hidden;}
#voting .chart {background:url(../images/dash_1.gif) repeat-x bottom; padding:0 0 10px 0;}
#voting .content p {background:url(../images/dash_1.gif) repeat-x bottom; width:auto; text-align:right; font-weight:bold; padding:3px 0; color:#333;}
/* voting ends */