html { overflow-y: scroll }

body
{
    margin: 0px;
    padding: 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #1d1d1d;
    width: 100%;
    background: #06254c url(/images/bg_updated01032011.jpg) top center fixed no-repeat;
}
.global
{
    width: 960px;
    background-color: #fff;
    display: block;
    margin: 0px auto;
    padding: 20px 10px 10px 10px;
    overflow: hidden;
    position: relative;
    cursor:default;
}
.globalheader
{
    width: 100%;
    background-color: #FFFFFF;
    margin: 0px;
    display: block;
}
.siteheader
{
    width: 100%;
    background-color: #FFFFFF;
    margin: 0px;
    display: block;
    text-align: center;
    /*background: #FFFFFF url(/images/blue_header.jpg) top left repeat-x; */
    cursor: default;
}
.globalheadercont
{
    width: 940px;
    height: 30px;
    line-height: 30px;
    background-color: #FFF;
    display: block;
    margin: 0px auto;
    overflow: hidden;
    position: relative;
}
.header
{
    width: 100%;
    margin: 0px auto;
    display: block;
    height: 125px;
	background: url(/images/blue_header1.jpg) top left repeat-x;
}

.headerinner
{
    width: 940px;
    margin: 0px auto;
    display: block;
    height: 125px;
}

.nav
{
    width: 980px;
    display: block;
    margin: 0px auto;
    height: 37px;
}

.leftcol
{
    float: left;
    display: block;
}
.midcol
{
    float: left;
    display: block;
}
.rightcol
{
    float: left;
    display: block;
}
.twocol
{
    float: left;
    display: block;
}
.threecol
{
    float: left;
    display: block;
}
.block300
{
    width: 300px;
    margin: 10px;
    margin-top: 0px;
    margin-bottom: 20px;
    background-color: #fff;
}

.block300B
{
    width: 300px;
    margin-top: 0px;
    background-color: #fff;
    display:block;
    float: left;
}

.block320
{
    width: 300px;
    margin: 10px;
    margin-top: 0px;
    margin-bottom: 20px;
    background-color: #fff;
}
.block640
{
    width: 620px;
    margin: 10px;
    margin-top: 0px;
    margin-bottom: 20px;
    background-color: #fff;
}
.block960
{
    width: 960px;
    margin: 10px;
    margin-top: 0px;
    margin-bottom: 20px;
    background-color: #fff;
}

/*
Global header fonts
*/

hr
{
    height: 1px;
    background-color: #ccc;
    border: none 0px #ccc;
    margin: 0;
    padding: 0;
}

.hrblack
{
    background-color: #000;
    height: 2px;
    border: none 0px #ccc;
    margin: 0;
    padding: 0;
}

.dotted
{
	color: #fff; 
	background-color: Transparent;
	 border: 1px dotted #ccc; 
	 border-style: none none dotted;
}

.loginText{ 
font-size: 11px;
color: #ffffff;
}

#userControl a:link, #userControl a:visited, #userControl a:active 
{ 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	color: #000000; 
	text-decoration: none; 
	font-weight: bold; 
}
#userControl a:hover
{ 
	color: #3399ff; 
	text-decoration: none; 
	font-weight: bold; 
}
#userControl
{
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	color: #000000; 
	font-weight: bold; 
	float: right; 
	height: 30px;
	line-height: 30px;
	padding-bottom: 5px;
}

#userControl img
{
	border: none 0px #fff;
}

a
{
	text-decoration:none;
	color: #0B2B4F;
}

a:hover
{
	text-decoration: underline;
}

a img { border: 0px; }

/**
Headers
***/

/*(Use for headings on article pages)*/
h1
{
    font-size: 20px;
    color: #333333;
    font-weight: normal;
	padding:0;
    margin: 0;
}

/*(Use for block headers)*/
h2 { font-size: 20px; color: #1d1d1d; font-weight: normal; padding:0; margin: 0; }

h3
{  
    font-size: 14px;
    color: #1d1d1d;
    font-weight: bold;    
    padding:0;
    margin: 0;    
}

h4
{
    font-size: 12px;
    color: #FFF;
    font-weight: bold;    
    padding:0;
    margin: 0;    
}

h5
{
    font-size: 12px;
    color: #1d1d1d;
    padding:0;
    margin: 0;    
    padding-top:2px;
    padding-bottom:2px;    
}

h6
{
    font-size: 12px;
    color: #1d1d1d;
    padding:0;
    padding-top:2px;
    padding-bottom:2px;
    margin: 0;    
}

.category
{
    font-size:12px;
    font-style:italic;
    color:#0B2B4F;
}

#newsHeadline table
{
	padding:0;
}

#newsHeadline table tr td
{
     border-bottom: dotted 1px #ccc;
     height:16px;
     vertical-align:middle;
     
}

#newsHeadline a
{
    font-size: 12px;
    color: #1d1d1d;
    padding:0;
    text-decoration: none;
}

#newsHeadline a:hover
{
    font-size: 12px;
    color: #0B2B4F;
    text-decoration: none;   
}

.newsHeadline a
{
    color: #FFFFFF;
    text-decoration: none;
}

.newsHeadline a:hover
{
    color: #FFFFFF;
    text-decoration: underline;   
}


#headline
{
    width: 300px; 
    height: 280px; 
    background-position: top;
    margin-top: 10px;
}

#headline h3
{
    color: #FFF;
}

.headlineOverlay
{
    background: url(/images/ArticleGradient.png) repeat-x; 
    height:276px; 
    width:290px; 
    padding-left:5px;
    padding-right:5px;
}

/*
    end headers
*/

/* poll */
#button a
{
	text-decoration: none;
	background: transparent url(/images/button_right_new.png) no-repeat scroll top right;
	display: block;
	float: left;	
	padding: 5px 3px 5px 5px;
	margin-left: 0px;
	z-index:100;
	color: #FFFFFF;
	font-weight: bold;
}

#button a span {
	background: transparent url(/images/button_new.png) no-repeat;
	display: block;
	  /* padding, margins and other styles here */
	padding: 7px 10px 5px 15px;
	margin-top: -5px;
	margin-left: 0px;
}

#button .blue
{
	text-decoration: none;
	background: transparent url(/images/button-blue_right.jpg) no-repeat scroll top right;
	display: block;
	float: left;	
	padding: 5px 3px 5px 5px;
	margin-left: 0px;
	z-index:100;
}

#button a .blue {
	background: transparent url(/images/button-blue_left.jpg) no-repeat;
	display: block;
	  /* padding, margins and other styles here */
	padding: 7px 10px 5px 15px;
	margin-top: -5px;
	margin-left: 0px;
}

.button a
{
	text-decoration: none;
	background: transparent url(/images/button_red_right.jpg) no-repeat scroll top right;
	display: block;
	float: left;	
	padding: 5px 3px 5px 5px;
	margin-left: 0px;
	z-index:100;
}

.button a span {
	background: transparent url(/images/button_red_left.jpg) no-repeat;
	display: block;
	  /* padding, margins and other styles here */
	padding: 5px 10px 5px 15px;
	margin-top: -5px;
	margin-left: 0px;
}

.button .blue
{
	text-decoration: none;
	background: transparent url(/images/button-blue_right.jpg) no-repeat scroll top right;
	display: block;
	float: left;	
	padding: 5px 3px 5px 5px;
	margin-left: 0px;
	z-index:100;
}

.button a .blue {
	background: transparent url(/images/button-blue_left.jpg) no-repeat;
	display: block;
	  /* padding, margins and other styles here */
	padding: 5px 10px 5px 15px;
	margin-top: -5px;
	margin-left: 0px;
}
/* end poll */



/*links
a
{
    font-size: 11px;
    color: #0B2B4F;
    font-weight: bold;    
}
*/


/*
Nav Menu
{position:absolute;float:left;display:inline;height:40px;}
*/
/*** Nav bar styles ***/
/*Nav bar styles*/
#navcontainer
{
	width: 688px;
	float: left;
	background-color: #000;
	text-align: left;
}

/*
End Nav menu
*/

/*
Search bar
*/
#searchBar
{
    background: url(/images/MenuSearchBg.jpg) repeat-x;
    height: 32px;
    padding-left: 0px;
    padding-top: 5px;
    width: 190px;
    float:right;
    top: 0px;
    margin: 0 10px 0 0;
}

#searchBar #textfield
{
    background: url(/images/SearchBg.jpg) top right repeat-x;
    width: 158px;
    height: 22px;
    border: none 0px #fff;
    font-family: Arial;
    font-size: 12px;
    padding-left: 5px;
    padding-top: 3px;
	padding-right:0px;
}

#searchBar #q
{
    background: url(/images/SearchBg.jpg) top right repeat-x;
    width: 158px;
    height: 22px;
    border: none 0px #fff;
    font-family: Arial;
    font-size: 12px;
    padding-left: 5px;
    padding-top: 3px;
	padding-right:0px;
}


#searchBar #submitButton
{
    background-image: url(/images/Search.gif);
    border: none 0px #fff;
    width: 25px;
	margin-top: 0px;
	margin-left: 0px;
    height: 22px;
}

#searchBar .submitButton
{
    background-image: url(/images/Search.gif);
    border: none 0px #fff;
    width: 25px;
	margin-top: 0px;
	margin-left: 0px;
    height: 22px;
}
/*
End Search Bar
*/


/* main page video box
=========================================================================================== */

/* video box topper */
.ssMpVidTopper
{position:relative;width:290px;height:33px; clear:both;}
.ssMpVidTopper .ssMore
{position:right;top:8px;right:9px;font-size:10px;}
.ssMpVidTopper .ssVideoBoxHeader
{position:right;top:5px;left:0px;font-size:22px;font-weight:bold;line-height:24px;}
.ssMpVidTopper .ssVideoBoxHeader img
{margin: 0 9px 3px 0;vertical-align:text-bottom;}

/* video box bottom */
.ssPopVideoFV
{margin-top:9px;}
.ssMpVideoBot
{margin-top:9px;background:url('/images/blue-footer.gif');width:290px;height:44px;position:relative;}
.ssMpVideoBot p
{position:absolute;top:7px;left:9px;padding:0;margin:0;font-size:12px;font-weight:bold;color:#050f33;width:206px;}

/* video box content area */
.ssMpVideoContent
{position:relative;width:300px;height:550px; overflow:hidden;}

.ssMpVideoContent .ssMpVideo,
.ssMpVideoContent .ssMpVideoLive
{float:left;width:300px;height:170px;position:relative; padding-bottom:10px; }

.ssMpVideoContent .ssMpVideo .ssVidKeyFrame,
.ssMpVideoContent .ssMpVideoLive img.ssVidKeyFrame
{position:absolute;top:0px;left:0px;}

.ssMpVideoContent .ssMpVideo img.ssVbVidIcon,
.ssMpVideoContent .ssMpVideoLive img.ssVbVidIcon
{position:absolute;bottom:10px;right:14px;}

.ssMpVideo .ssVidKeyFrame
{width:300px; height:170px;}
.ssMpVideoLive .ssVidKeyFrame
{width:300px; height:170px;}

.ssMpVideoContent .ssMpVideo p,
.ssMpVideoContent .ssMpVideoLive p
{position:absolute;top:58px;left:9px;padding:0;margin:0;font-size:9px;padding-right:12px;line-height:10px;color:#051136; font-family:Arial; font-weight:normal;}



.ssMpVideoContent .ssMpVideo p a:hover,
.ssMpVideoContent .ssMpVideoLive p a:hover
{ text-decoration: none; }


#ssMpVidCtnt0,
#ssMpVidCtnt1,
#ssMpVidCtnt2
{position:absolute;top:10px;}
#ssMpVidCtnt0
{left:0px;}
#ssMpVidCtnt1
{left:336px;}
#ssMpVidCtnt2
{left:672px;}


/* video box buttons */
.ssMpVidTopperRight
{padding: 7px 0 2px 0;float:right;margin-right:0px;}
* html #ssMpVideoBox .ssMpVidTopperRight
{margin-right:0px;}

img#ssMpVidBtnL
{margin-right:0px; cursor:default; padding-left:5px;}
img#ssMpVidBtnR
{margin-left:0px; padding-left:5px;}



/* live video box rules */

/* topper over-rides */
.ssLiveVideoBox .ssVideoBoxHeader
{left:11px;}

.ssLiveVideoBox .ssMpVidTopper
{position:relative;height:36px;}

.ssLiveVideoBox .ssMpLiveVideoContent
{position:relative;height:115px; overflow:hidden; background:#f2f2f2; border-top: solid 3px #dfdfdf;border-bottom: solid 3px #dfdfdf;}

.ssLiveVideoBox .ssMpLiveVideoContent .ssMpLiveVidLnk
{position:absolute;top:11px;left:12px;font-weight:bold;font-size:16px;}

.ssLiveVideoBox .ssMpLiveVideoContent .ssMpLiveVidImg
{position:absolute;top:33px;left:12px;}

.ssLiveVideoBox .ssMpLiveVideoContent p
{position:absolute;top:32px;left:143px;width:181px;padding:0;margin:0;font-size:10px;line-height:12px;}

.ssMpVidTopperText { float: left; padding: 0 0 0 0px; line-height: 33px; }
.ssMpVidTopperRight { float: right; width: 6px; height: 33px; }

.videoOverlay
{
    background: url(/images/Play.png) no-repeat; 
    width:42px; 
    height:42px; 
    margin-left:130px; 
    margin-top:60px;
    z-index: 10;
}

.videoOverlayLive
{
    background: url(/images/Play.png) no-repeat; 
    width:42px; 
    height:42px; 
    margin-left:130px; 
    margin-top:60px;
    z-index: 10;
}

.videoHeaderOverlay
{
    width:300px; height:28px; background: url(/images/VideoGradient.png) repeat-x; margin-top:40px;
}

.videoHeaderOverlayLive
{
    width:300px; height:28px; background: url(/images/VideoGradientLive.png) repeat-x; margin-top:40px;
}

.videoHeaderText
{
    padding-left:10px; 
    padding-top:5px;
}

#ssMpVidCtnt0 a
{
    text-decoration: none;
}

/* end main page video box
======================================================================= */

/* Content Area*/
.contentArea
{ 
    min-height:28px;
    padding-bottom: 5px;
}

.contentTab:hover
{
	color: #fff;
	cursor:pointer;
}

    
.contentArea .contentHeader
{
    top:5px;
    left:0px; 
    float:left;
}

.contentArea .contentHeader img
{
    margin: 0 9px 3px 0;
    vertical-align:text-bottom;
}

.contentArea .contentRight
{
    padding: 10px 0 0 0; 
    float: right;        
}

.contentArea .contentRightLogo
{
    padding: 0px 0 0 0; 
    float: right;        
}

.contentFooter
{ 
    min-width: 290px;
}

.contentFooter img
{
    border: none 0px #fff;
}

/*action links*/

#sportsTalk a
{
    color: #0B2B4F;
    font-weight:bold;
    text-decoration: none;    
}

#matchCenter a
{
    color: #0B2B4F;    
    text-decoration: none;    
}

#matchCenter a:hover
{
    color: #0B2B4F;    
    text-decoration: underline;    
}

#matchCenter .time, #contentContainer .time
{
    width:35px;
}

#matchCenter table tr td
{
    vertical-align: top;
}

#popular div
{
    padding-top: 3px;
}

#popular a
{
    color: #0B2B4F;    
    text-decoration: none;    
}

#popular a:hover
{
    text-decoration: underline;    
}

#commented div
{
    padding-top: 3px;
}

#commented a
{
    color: #0B2B4F;    
    text-decoration: none;    
}

#commented a:hover
{
    text-decoration: underline;    
}
    
#newsHealineFooter
{
    padding-top:5px;    
}    

#newsHealineFooter a
{
    color: #0B2B4F;    
    text-decoration: none;
    font-weight: bold;
}

.actionLink
{
    font-size: 11px;
    color: #0B2B4F;
    font-weight:bold;
    text-decoration: none;    
}


.actionLink:hover
{
    text-decoration: underline;
}

.actionLinkRed
{
    font-size: 11px;
    color: Red;
    font-weight:bold;
    text-decoration: none;
    padding-right:5px;
}

.actionLinkRed:hover
{
    text-decoration: underline;
}

.contentTab
{
    float:left;
    background-color: #fff;    
    /*background: url(/images/TabOff.gif) repeat-x;*/
    background: url(http://images.supersport.com/newTabsBg.jpg) repeat-x;    
    height: 23px;
    padding-left: 6px;
    padding-right:6px;
    padding-top:7px;   
    border-right: solid 1px #fff;
    
	color:#bfbfbf;	
    font-size: 12px;
    font-weight: bold;     
}

.contentTab select
{
    width: 115px;    
    border: none;
    font-family: Arial;
    padding-left: 5px;
    padding-top: 0px;
	padding-right:0px;
}

.contentTabSelect
{
    float:right;
    background-color: #111;
    background: url(http://images.supersport.com/newTabsBg.jpg) repeat-x;    
    height: 23px;
    padding-top:3px;
    padding-right:5px;
}

.contentTabSelect select
{
    width: 150px;    
    border: none;
    font-family: Arial;
    padding-left: 5px;
    padding-top: 0px;
	padding-right:0px;
}

.contentTabActive
{
    float:left;
    background-color: #111;
    background: url(/images/TabOn.gif) repeat-x;    
    height: 21px;
    padding-left: 6px;
    padding-right:6px;
    padding-top:7px;   
    border-right: solid 1px #fff;
    
	color:#ffffff;	
    font-size: 12px;
    font-weight: bold;          
}

.contentTabActiveRed
{
    float:left;
    background-color: #111;
    background: url(/images/TabRedOn.gif) repeat-x;    
    height: 21px;
    padding-left: 6px;
    padding-right:6px;
    padding-top:7px;   
    border-right: solid 1px #fff;

	color:#ffffff;	
    font-size: 12px;
    font-weight: bold;        
}

.contentTabHighlight
{
    float:left;
    background: url(/images/TabOnArrow.jpg) bottom no-repeat;  
    height: 36px;
}

.contentTabInactive
{
	background-image: none;
}

.contentTabHighlightRed
{
    float:left;
    background: url(/images/TabOnArrowRed.jpg) bottom no-repeat;  
    height: 36px;
}

.contentTabContainer
{
    background-color: #111;
    background: url(http://images.supersport.com/newTabsBg.jpg) repeat-x;    
    height: 28px;
    width:300px;
    margin-bottom:15px;
    float:left;
}

.thumbNail
{
    padding-left:3px;
    padding-right:2px;
    float:left;
}

#contentContainer td
{
    vertical-align: top;
}

.sportsTalkContainer
{
    padding-top:10px;
    width: 300px;
    height: 110px;
}

.sportsTalkContainer .imgContainer
{
    float:left; 
    width: 90px; 
    text-align:center;
}

.sportsTalkContainer .editor
{
    width:90px; 
    padding-top:5px;
}

.sportsTalkContainer .extract
{
    text-align:justify;
}


/*Article Page*/
.socialMedia
{
	background-color: #f3f3f3; 
	text-align: right; 
	padding-bottom:10px;
}

.activeAvatar
{
	border: solid 3px #125dc2;
}

#article .articleImage
{
	float: left; 
	padding-right: 10px; 
	padding-bottom: 10px;
	padding-top: 0px; 
	clear:both;
}

.metadata
{
	color: #999999;	
}

#article .author,.contentFooter .author
{
	color: #666666;
	font-weight: bold;
}

.greyContentArea
{
	background-color: #f2f2f2;
}

#newsHeadlines div
{
	padding-left:10px;
}

#newsHeadlines
{
	padding-top:10px;
}

#todayVideos .videoImg
{
	float: left; padding-left:10px; padding-right:10px;
}

#todayVideos .videoContent
{
	padding-top: 10px;
}

#sport24 div
{
	padding-left:10px;
}

#sport24
{
	padding-top:10px;
}

/*comments*/
#comments .newCommentContainer
{
	background: url(/images/comment_gradient.gif) repeat-x; 
	height:80px;
	padding-top:10px;
	padding-left:10px;
}

#comments .newCommentTag
{
	height:73px; 
	width:20px; 
	float:left; 
	border-left: none 0px #fff; 
	background: url(/images/Comments_top.png) no-repeat;
	background-position:right; 
	padding-left:0px;
}

#comments .newCommentMainArea
{
	float:left; 
	border: solid 1px #125dc2; 
	background-position:left; 
	padding-left:0px; 
	border-left: none 0px #fff; 
	height:71px; 
	width:415px;
}

#comments .postedCommentContainer
{
	padding-top:10px;
	clear:both;
}

#comments .postedCommentTag
{
	min-height:50px; 
	width:20px; 
	float:left; 
	background-color: #ffffff;
	background: url(/images/posted_comments.png) no-repeat;
	background-position:right top;
	padding-left:10px;
}

#comments .postedCommentMainArea
{
	float:left; 
	min-height:46px; 
	width:410px;
	background-color: Transparent;
	border: 1px dotted #ccc; 
	border-style: dotted dotted dotted;
	color: #999999;
	padding:5px;
	z-index:10;
}

#comments textarea
{
	border: solid 1px #ffffff; 
	overflow:hidden; 
	padding-left:5px; 
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #333333;
    width: 405px;
    min-height: 67px;
}

.subText
{
	font-weight:normal;
	font-size: 16px;
	color: #999999;
}

#comments .postDetail
{
	width:450px; 
	padding-bottom:10px;
}
/*end comments*/

.clearfix {
	clear:both;
}

/*video page*/
#moreVideoContainer
{
	padding-top:20px; padding-bottom:20px;
}

#moreVideoContainer .morevideo
{
	float:left; width:145px; height:150px;
}

#featuredVideoContainer
{
	padding-top:20px; padding-bottom:20px;
}

#featuredVideoContainer .featurevideo
{
	float:left; width:190px;padding-left:10px;
}

#featuredVideoContainer .videoDescr
{
	height:65px;
}
/*video page end*/

/*fixtures page*/
.fixturestable .cell
{
	background: url(/images/grey_cell.jpg) repeat-x;
	padding: 5px;
	padding-left:10px;
	border-left: solid 2px #ffffff;
	border-right: solid 2px #ffffff;
} 

.fixturestable .cellcenter
{
	background: url(/images/grey_cell.jpg) repeat-x;
	padding: 5px;
	padding-left:10px;
	border-left: solid 2px #ffffff;
	border-right: solid 2px #ffffff;
	text-align: center;
} 

.fixturestable .cellfirst
{
	background: url(/images/grey_cell.jpg) repeat-x;
	padding: 5px;
	padding-left:10px;
	border-right: solid 2px #ffffff;
} 

.fixturestable .celllast
{
	background: url(/images/grey_cell.jpg) repeat-x;
	padding: 5px;
	padding-left:10px;
	border-left: solid 2px #ffffff;
} 

.fixturestable .tableHeader
{
	height:25px; background: url(/images/fixtures_blue_gradient.jpg) repeat-x;
	font-weight:bold;
	color: #ffffff;
	font-size: 14px;
	padding-left:10px;
	padding-bottom:10px;
}

#fixtures h2
{
	font-size:20px;
}

#fixtures a
{
	color:#a80c0d;
}

/*fixtures page end*/

/*video img css*/
.videopic{  text-decoration:none;  position:relative;  display:block; padding:0px;  margin-right:0px;  float:left;overflow: hidden;}
.videopic span.play-icon{ position:absolute;  left:40%;  top:35%;}  
.videopic div.textbar{ position:absolute;  left:0%;  top:59%;}  
.videopic a {text-decoration:none; border: none 0px #000}
.videopic img.pic{ border: none 0px #000; width:300px; height:170px;}

.loadable-video-image
{
	width: 300px;
	height: 175px;
}
/* end video img css*/

/* news img css*/
.newspic{  text-decoration:none;  position:relative;  display:block; padding:0px;  margin-right:0px;  float:left; overflow: hidden; width:300px; height: 290px; }
.newspic div.textbar{ position:absolute;  left:0%; color:#ffffff; top: 67%;}  
.newspic a {text-decoration:none; border: none 0px #000}
.newspic img.pic{ border: none 0px #000; height:290px; width:300px; }

/* end news img css*/

.loadable-image
{
	border: none 0px #fff;
}

.loadable-news-image
{
	border: none 0px #fff;
}


/* forms */

#formcontainer
{
	padding-left:150px;
}

#formcontainer input.txtbox 
{
    width: 120px; 
    font-size: 11px;
    height:13px;
    color: #010066; 
    padding: 2px 0 0 3px; 
    border: 1px solid #7f97a9; 
    background: #FFFFFF url(contact/input_bckgrnd.jpg) no-repeat top left;
}

#formcontainer input.selectOption  
{
    width: 179px; 
    font-size: 11px; 
    color: #010066; 
 }
 
#formcontainer .formtableUser { border: 0px none #d3dce7; width:80%; background: #f2f2f2}

/*.formtable table input, .formtable table textarea { width: 140px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #010066; padding: 5px; margin: 0 0 0 7px; border: 1px solid #7f97a9; background: #FFFFFF url(contact/input_bckgrnd.jpg) no-repeat top left; }*/
#formcontainer .inputType { width: 200px;font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; padding: 4px; border: 0px none #7f97a9; background: #FFFFFF url(/images/Registration.png) no-repeat;}
#formcontainer .selectType { width: 208px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; padding: 3px; border: 0px none #7f97a9; background: url(/images/Registration.png) no-repeat;}

#formcontainer .radiobutton { width: 208px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; padding: 1px; border: 0px none #7f97a9; background: #FFFFFF; background: url(/images/Registration2.png) no-repeat;}
#formcontainer .textareaType { width: 170px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; padding: 4px; border: 1px solid #7f97a9; background: #FFFFFF url(contact/input_bckgrnd.jpg) no-repeat top left; }
#formcontainer .formText {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }
#formcontainer .formRequired {font-size: 11px;}

.warningMessage
{
	color: #CC0000;
}

.style1
{
	width: 300px;
}

.style2
{
	width: 100px;
}
/* end forms */

/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-item {
    float: left;
    list-style: none;
    list-style-type: none;
    color: #FFFFFF;
    background: #fff;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 300px;
    height: 170px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}

.jcarousel-skin-tango.jcarousel-container {
    border: 0px none #346F97;
}

.jcarousel-skin-tango.jcarousel-container-horizontal {
    width: 300px;
}

.jcarousel-skin-tango.jcarousel-container-vertical {
    width: 300px;
    height: 245px;    
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  300px;
    height: 520px;
	
}

.jcarousel-skin-tango .jcarousel-clip-vertical {
    width:  300px;
    height: 245px;
}

.jcarousel-skin-tango .jcarousel-item {
    width: 300px;
    height: 520px;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
    margin-right: 10px;
}

.jcarousel-skin-tango .jcarousel-item-vertical {
    margin-bottom: 10px;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

.jcarousel-skin-tango li { color: #FFFFFF; }

#wrap { height: 524px; overflow: hidden; }


/* forms */

#formcontainer
{
	padding-left:150px;
}

#formcontainer input.txtbox 
{
    width: 120px; 
    font-size: 11px;
    height:13px;
    color: #010066; 
    padding: 2px 0 0 3px; 
    border: 1px solid #7f97a9; 
    background: #FFFFFF url(contact/input_bckgrnd.jpg) no-repeat top left;
}

#formcontainer input.selectOption  
{
    width: 179px; 
    font-size: 11px; 
    color: #010066; 
 }
 
#formcontainer .formtableUser { border: 0px none #d3dce7; width:80%; background: #f2f2f2}

/*.formtable table input, .formtable table textarea { width: 140px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #010066; padding: 5px; margin: 0 0 0 7px; border: 1px solid #7f97a9; background: #FFFFFF url(contact/input_bckgrnd.jpg) no-repeat top left; }*/
#formcontainer .inputType { width: 200px;font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; padding: 4px; border: 0px none #7f97a9; background: #FFFFFF url(/images/Registration.png) no-repeat;}
#formcontainer .selectType { width: 208px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; padding: 3px; border: 0px none #7f97a9; background: url(/images/Registration.png) no-repeat;}

#formcontainer .radiobutton { width: 208px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; padding: 1px; border: 0px none #7f97a9; background: #FFFFFF; background: url(/images/Registration2.png) no-repeat;}
#formcontainer .textareaType { width: 170px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; padding: 4px; border: 1px solid #7f97a9; background: #FFFFFF url(contact/input_bckgrnd.jpg) no-repeat top left; }
#formcontainer .formText {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }
#formcontainer .formRequired {font-size: 11px;}


.warningMessage
{
	color: #cd0a0a;
}

.successMessage
{
	color: Green;
}

.style1
{
	width: 200px;
}

.style2
{
	width: 340px;
	height: 20px;
}

label.inline {
	float:none;
	margin:0;
}

.upload_file {
	position:relative;
	height:1%;
	width:204px;
}

.fileupload {
	position:absolute;
	top:0;
	right:0;
	width:65px;
	height:22px;
	padding:0;
	margin:0;
	-moz-opacity:0;
	filter:alpha(opacity:0);
	opacity:0;
	z-index:2;
	cursor:pointer;
}
.fakeupload {
	background:url(/images/SuperSport_Registration2.jpg) no-repeat 100% 50%;
	margin:0;
	padding:0;
}

.fakeupload input {
	width:135px;
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; padding: 4px; border: 0px none #7f97a9; background: #FFFFFF url(/images/Registration.png) no-repeat;
}

.fakeuploadtextbox {
	width:140px;
}
/* end forms */

/* fans photos */
.inactive_thumbnail {
	opacity:0.4;filter:alpha(opacity=40);	
}

.active_thumbnail {
	opacity=1;
	filters:alpha(opacity=100);
}

.hover_thumbnail {
	opacity=1;
	filters:alpha(opacity=100);
	cursor:pointer;
}

.loading
{
	background: url(/images/loading5.gif) no-repeat center center;
	width: 300px;
	height: 200px;
}

/*end fans photos */

.videoContentLive a { color: Red; }

.country { height: 32px; text-align: right; width: 300px; margin: 0 10px 0 10px; }

.extra { margin: 15px 0 0 0; }
.extra h3 { margin: 0 0 3px 0; }
.extra_image { float: left; width: 85px; }
.extra_story {float: left; width: 300px; }
.extra_story a {font-weight: bold; }
.extra_story_image { float: left; width: 215px; }
.extra_story_image a {font-weight: bold; }
.extra_headline { padding: 1px; }
.extra_links { margin: 5px 0 0 0; color: #0B2B4F; }

.block940 { width: 940px; }
.vp_wrapper { margin: 0 10px 0 10px; }
.vp_block { height: 424px; width: 940px; background: url(/images/player_bg.jpg) repeat-x; color: #FFFFFF; }
.vp_block .video_detail { width: 164px; float: left; height: 394px; padding: 15px; }
.vp_block .fc_video_like { margin: 15px 0 15px 0; }
.vp_block table td.spacer { width: 10px; }
.vp_block .video_player_block { width: 560px; float: left; height: 424px; background-color: #000000; }
.vp_block .video_player_block .video_player { background-color:#000000; width:536px; height:400px; margin: 10px 0 0 10px; }
.vp_block .video_rate { width: 160px; float: left; height: 404px; padding: 10px; overflow: hidden; }
.vp_block .video_rate_submitted { width: 160px; float: left; height: 404px; padding: 10px; overflow: hidden; }

.vp_related_item { padding: 3px 0 3px 0px; }
.vp_related_item:hover { background: url(/images/related-roll-over.jpg) left repeat-x; }
.vp_related_item a { font-weight: normal; background: url(/images/16x16_play.png) left no-repeat; padding-left: 21px; line-height: 16px; height: 16px; }

.vg { width:940px; margin: 0 10px 0 10px; height: 900px; }
.vg_filter { float: left; width: 220px; height: 700px; background-color: #EEEEEE; }
.vg_filter .filter { width: 208px; height: 32px; margin: 7px 0 0 7px; background: url(/images/vg_filter.jpg) top left no-repeat; }
.vg_filter .menu { width: 208px; margin: 7px 0 0 7px; }
.vg_filter .menu .item { border-bottom: 1px solid #E2E2E2; background-color: #EEEEEE; }
.vg_filter .menu .item .title { cursor: pointer; padding: 2px 0 2px 15px; color: #0B2B4F; font-weight: bold; background-color: #EEEEEE; background-image: url(/images/arrow_right.png); background-repeat: no-repeat; background-position: 190px 4px; }
.vg_filter .menu .item_selected { border-bottom: 0px solid #E2E2E2; background-color: #FFFFFF; }
.vg_filter .menu .item_selected .title { padding: 2px 0 2px 15px; color: #000000; font-weight: bold; background-color: #FFFFFF; background-image: url(/images/arrow_up.png); background-repeat: no-repeat; background-position: 190px 5px; }
.vg_filter .menu .item_noselect { border-bottom: 1px solid #E2E2E2; background-color: #EEEEEE; }
.vg_filter .menu .item_noselect .title { padding: 2px 0 2px 15px; color: #0B2B4F; font-weight: bold; background-color: #EEEEEE; }
.vg_filter .menu .item_noselect .red a { color: #ae0901; }
.vg_filter .menu .item .item_options { display: none; }
.vg_filter .menu .item_selected .item_options { display: block; }
.vg_filter .menu .item_options .option { background-color: #FAFAFA; padding: 2px 0 2px 30px; border-bottom: 1px solid #E2E2E2; }
.vg_block { float: right; width: 690px; height: 800px; }

.vg_block .page_header { font-size: 25px; font-weight: bold; border-bottom: 1px solid #BBBBBB; padding: 0 0 4px 7px; margin: 0 0 0 0; }
.vg_block .page_header span { font-weight: normal; background: url(/images/arrow_left_heading.png) left no-repeat; padding: 0 0 0 30px; margin: 0 0 0 20px; }
.vg_block .paging { height: 35px; background: url(/images/paging_bg4.jpg) repeat-x; padding: 0 10px 0 0; }
.vg_block .paging .pages { float: right; color: #646464; height: 35px; line-height: 35px; }
.vg_block .paging .sorting { float: left; }
.vg_block .paging_clear { color: #757575; height: 35px; line-height: 35px; text-align: right; padding: 0 10px 0 0; border-top: 1px solid #BBBBBB; margin: 20px 0 0 0; }

a.paging_link { color: #0B2B4F; border: 1px solid #AAAAAA; padding: 1px 4px 1px 4px; text-decoration: none; margin: 0 0 0 3px; font-weight: bold; }
a.paging_link:hover { border: 1px solid #000000; background: #000000; color: #FFFFFF; text-decoration: none; font-weight: bold; }

.vg_block .video { float: left; width: 140px; height: 200px; margin: 20px 20px 0 10px; }
.vg_block .video img { width: 120px; height: 90px; margin: 0 0 10px 0; }
.vg_block .video .video_title { font-weight: bold; }
.vg_block .video .video_date { font-size: 10px; line-height: 20px; }

#matches { background-color: #DEE0DF; z-index: 1; height: 55px; width: 183px; position: absolute; left: 0px; top: 0px; display: none; text-align: left; }
#matchescon { background-color: #FFFFFF; z-index: 1; position: relative; left: 1px; top: 0px; width: 181px; height: 54px; overflow-y: auto; overflow-x: hidden; }
#matchestext { color: rgb(57, 73, 109); background-color: #FFFFFF; z-index: 1; position: relative; left: 9px; top: 3px; width: 171px; height: 46px; overflow-y: auto; overflow-x: hidden; }

#more { width: 250px; margin: 6px 0 0 10px; text-align: left; float: left; }
#morecon { height: 23px; width: 204px; border-top: 0px; padding-bottom: 5px; text-align: left; }
#moreleft { float: left; width: 7px; height: 23px; background-image: url(/images/more_left_grey.jpg); text-align: left; }
#morecenter { float: left; width: 175px; height: 23px; background-image: url(http://www.supersport.com/common/football/tmp_images/more_bg.jpg); text-align: left; }
#moretext { position: relative; left: 3px; width: 147px; height: 19px; top: 4px; color: rgb(57, 73, 109); font-weight: bold; text-align: left; }
#moreright { float: left; width: 22px; height: 23px; text-align: left; }

.vg_img { position: relative; width: 120px; height: 90px; cursor: default; }
.vg_img div { position: absolute; left: 85px; top: 60px; height: 26px; width: 26px; background: url(/images/SS_gallery_play.png) top left no-repeat; }


/* News Control */
.fp_news { margin-bottom: 0px; height: 369px; background-color: #ECECEC; } 
.fp_news .top_story { height: 349px; width: 290px; margin: 10px 0 0 13px; background-color: #fff; display:block; float: left; }
.fp_news .top_story .header { height: 37px; background-color: #003366; }
.fp_news .top_story .header span { padding: 0 0 0 10px; color: #FFFFFF; line-height: 37px; font-weight: normal; font-size: 20px; }
.fp_news .top_story .image { height: 212px; overflow: hidden; }
.fp_news .top_story .story { height: 100px; background-color: #FFFFFF; }
.fp_news .top_story .story .detail { height: 80px; padding: 6px 10px 10px 10px; }
.fp_news .top_story .story .detail div { margin: 0 0 5px 0; }
.fp_news .top_story .story .detail a { color: #003366; font-weight: bold; font-size: 16px; text-decoration: none; font-weight: normal; }
.fp_news .top_story .story .detail a:hover { text-decoration: underline; }

.fp_news .headlines { height: 347px; width: 290px; margin: 10px 0 0 13px; background-color: #fff; display:block; float: left; border: 1px solid #001E40; }
.fp_news .headlines .heading { margin: 10px 10px 20px 10px; }
.fp_news .headlines .heading span { font-weight: bold; font-size: 18px; }
.fp_news .headlines .headline { width: 270px; margin: 0 10px 0 10px; height: 28px; border-bottom: 1px dotted #646464; }
.fp_news .headlines .time { line-height: 25px; float: right; width: 13%; text-align: center; color: #CB3D31; font-size: 11px; font-weight: bold; }
.fp_news .headlines .category { line-height: 25px; float: left; width: 20%; text-align: left; color: #730504; font-size: 11px; color: #626262; font-weight: bold; font-style: normal; }
.fp_news .headlines .newsdetail { float: left; width: 40px; text-align: left; color: #666666; font-size: 10px; font-weight: normal; font-style: normal; margin: 0 0 0 0px; }
.fp_news .headlines .link { line-height: 25px; float: left; overflow: hidden; margin: 0 0 0 10px; }
.fp_news .headlines .link a { font-weight: normal; color: #072B57;  }
.fp_news .headlines .link a:hover { text-decoration: none; }
.fp_news .headlines .morenews { text-align: right; margin: 8px 10px 0 10px; }
.fp_news .headlines .morenews a { font-weight: bold; }

.fp_news .scrollable { position:relative; overflow:hidden; height: 270px; width: 290px; }
.fp_news .scrollable .items { width:20000em; position:absolute; clear:both; }
.fp_news .scrollable .items .item { float:left; cursor:pointer; height: 280px; width: 290px; }
.fp_news a.prev, .fp_news a.prevPage { display:block; width:18px; height:18px; background:url(/images/arrow_left_up.png) no-repeat; float:left; cursor:pointer; font-size:1px; }
.fp_news a.prev:hover, .fp_news a.prevPage:hover { display:block; width:18px; height:18px; background:url(/images/arrow_left_over.png) no-repeat; float:left; cursor:pointer; font-size:1px; }
.fp_news a.next, .fp_news a.nextPage { display:block; width:18px; height:18px; background:url(/images/arrow_right_up.png) no-repeat; float:left; cursor:pointer; font-size:1px; }
.fp_news a.next:hover, .fp_news a.nextPage:hover { display:block; width:18px; height:18px; background:url(/images/arrow_right_over.png) no-repeat; float:left; cursor:pointer; font-size:1px; }
.fp_news a.disabled { visibility:hidden !important; }
.fp_news .navi { width:70px; height:20px; float: left; margin: 0px; }
.fp_news .navi a { width:8px; height:8px; float:left; margin:3px; background:url(/images/button_off.png) 0 0 no-repeat; display:block; font-size:1px; }
.fp_news .navi a:hover {  background:url(/images/button_off.png) 0 0 no-repeat; }
.fp_news .navi a.active {  background:url(/images/button_on.png) 0 0 no-repeat; }
.fp_news .navleft { float: left; width: 110px; }
.fp_news .navright { width: 20px; float: right; }
.fp_news .news_item { float: left; overflow: hidden; white-space: nowrap; width: 220px; padding: 0px; border: 0px solid #ccc; }
.fp_news .news_item a.visible { display: block; font-size: 12px; }
.fp_news .news_item a.hidden { display: none; font-size: 12px; }

.news_item span { cursor: default; }
.news_item span.visible { display: block; font-size: 12px; }
.news_item span.hidden { display: none; font-size: 12px; }

.fp_morenews { width: 620px; background-color: #ECECEC; margin: 0 10px 0 10px; padding: 0 0 10px 0; }
.fp_morenews .row { height: 222px; width: 620px; background-color: #ECECEC; }
.fp_morenews .smallrow { height: 162px; }
.fp_morenews .row .block { height: 202px; width: 290px; margin: 10px 0 0 13px; background-color: #fff; display:block; float: left; }
.fp_morenews .row .smallblock {  height: 140px; }
.fp_morenews .row .block .categoryname { margin: 0px; background-color: #003366; height: 27px; line-height: 27px; }
.fp_morenews .row .block .categoryname span { font-weight: normal; font-size: 16px; color: #FFFFFF; margin: 0 0 0 10px; }
.fp_morenews .row .block .categoryname span a { font-weight: normal; font-size: 16px; color: #FFFFFF; text-decoration: none; }
.fp_morenews .row .block .item_headline { width: 280px;  height: 22px; margin: 0 10px 0 10px; line-height: 22px; font-size: 14px; float: left; overflow: hidden; white-space: nowrap; float: left; }
.fp_morenews .row .block .item_headline a { font-weight: normal; color: #003366; }
.fp_morenews .row .block .item_detail { margin: 3px 10px 0 10px;height: 80px; }
.fp_morenews .row .block .item_detail .image { float: left; height: 80px; width: 80px; }
.fp_morenews .row .block .item_detail .image div { height: 80px; width: 80px; }
.fp_morenews .row .block .item_detail .image img { height: 80px; width: 80px; }
.fp_morenews .row .block .item_detail .blurb { margin: 0 0 0 10px; float: left; height: 80px; width: 180px; font-size: 12px; color: #333333; }
.fp_morenews .row .block .item_detail .blurb span { font-size: 11px; font-weight: normal; color: #333333;  }
.fp_morenews .row .block .more_headlines { margin: 0px 10px 0 10px; clear: both; padding-top: 10px; }
.fp_morenews .row .block .more_headlines div { border-bottom: 1px dotted #C1C1C1; line-height: 18px; }
.fp_morenews .row .block .more_headlines .last { border-bottom: 0px; }
.fp_morenews .row .block .more_headlines a { color: #003366; padding: 0 0 0 10px; background: url(/images/news_link_arrow.jpg) center left no-repeat; }
.fp_morenews a.visible { display: block; }
.fp_morenews a.hidden { display: none; }

.fp_tournamentnews { margin-bottom: 0px; height: 369px; background-color: #ECECEC; } 
.fp_tournamentnews .top_story { height: 349px; width: 290px; margin: 10px 0 0 13px; background-color: #fff; display:block; float: left; }
.fp_tournamentnews .top_story .header { height: 37px; background-color: #003366; }
.fp_tournamentnews .top_story .header span { padding: 0 0 0 10px; color: #FFFFFF; line-height: 37px; font-weight: normal; font-size: 20px; }
.fp_tournamentnews .top_story .image { height: 212px; overflow: hidden; }
.fp_tournamentnews .top_story .story { height: 100px; background-color: #FFFFFF; }
.fp_tournamentnews .top_story .story .detail { height: 80px; padding: 6px 10px 10px 10px; }
.fp_tournamentnews .top_story .story .detail div { margin: 0 0 5px 0; }
.fp_tournamentnews .top_story .story .detail a { color: #003366; font-weight: bold; font-size: 16px; text-decoration: none; font-weight: normal; }
.fp_tournamentnews .top_story .story .detail a:hover { text-decoration: underline; }

.fp_tournamentnews .fp_morenewsright { height: 349px; width: 290px; float: left; margin: 10px 0 0 13px; }
.fp_tournamentnews .fp_morenewsright .header { height: 37px; background-color: #003366; }
.fp_tournamentnews .fp_morenewsright .header span { padding: 0 0 0 10px; color: #FFFFFF; line-height: 37px; font-weight: normal; font-size: 20px; }

.fp_moretournamentnews { width: 620px; background-color: #ECECEC; margin: 0 10px 0 10px; padding: 0 0 10px 0; }
.fp_moretournamentnews .row { height: 180px; width: 620px; background-color: #ECECEC; }
.fp_moretournamentnews .row .block { height: 162px; width: 290px; margin: 10px 0 0 13px; background-color: #fff; display:block; float: left; }
.fp_moretournamentnews .row .block .categoryname { margin: 0px; background-color: #003366; height: 27px; line-height: 27px; }
.fp_moretournamentnews .row .block .categoryname { font-weight: normal; font-size: 16px; color: #FFFFFF; margin: 0 0 0 0px; }
.fp_moretournamentnews .row .block .categoryname a { font-weight: normal; font-size: 16px; color: #FFFFFF; text-decoration: none; }
.fp_moretournamentnews .row .block .item_headline { width: 270px;  height: 27px; margin: 0 10px 0 10px; line-height: 27px; font-size: 14px; float: left; overflow: hidden; white-space: nowrap; float: left; }
.fp_moretournamentnews .row .block .item_headline a { font-weight: normal; color: #FFFFFF; }
.fp_moretournamentnews .row .block .item_detail { margin: 10px 10px 0 10px; height: 80px; }
.fp_moretournamentnews .row .block .item_detail .image { float: left; height: 80px; width: 80px; }
.fp_moretournamentnews .row .block .item_detail .image div { height: 80px; width: 80px; }
.fp_moretournamentnews .row .block .item_detail .image img { height: 80px; width: 80px; }
.fp_moretournamentnews .row .block .item_detail .blurb { margin: 0 0 0 10px; float: left; height: 80px; width: 180px; font-size: 12px; color: #333333; }
.fp_moretournamentnews .row .block .item_detail .blurb span { font-size: 11px; font-weight: normal; color: #333333;  }
.fp_moretournamentnews .row .block .more_headlines { margin: 0px 10px 0 10px; clear: both; padding-top: 5px; }
.fp_moretournamentnews .row .block .more_headlines div { border-bottom: 1px dotted #C1C1C1; line-height: 18px; }
.fp_moretournamentnews .row .block .more_headlines .last { border-bottom: 0px; }
.fp_moretournamentnews .row .block .more_headlines a { color: #003366; padding: 0 0 0 10px; background: url(/images/news_link_arrow.jpg) center left no-repeat; }
.fp_moretournamentnews a.visible { display: block; }
.fp_moretournamentnews a.hidden { display: none; }

.fp_morenewsright { height: 180px; width: 620px; background-color: #ECECEC; }
.fp_morenewsright .block { height: 164px; width: 290px; margin: 0px 0 21px 0px; background-color: #fff; display:block; float: left; }
.fp_morenewsright .block .categoryname { margin: 0px; background-color: #003366; height: 27px; line-height: 27px; }
.fp_morenewsright .block .categoryname { font-weight: normal; font-size: 16px; color: #FFFFFF; margin: 0 0 0 0px; }
.fp_morenewsright .block .categoryname a { font-weight: normal; font-size: 16px; color: #FFFFFF; text-decoration: none; }
.fp_morenewsright .block .item_headline { width: 270px;  height: 27px; margin: 0 10px 0 10px; line-height: 27px; font-size: 14px; float: left; overflow: hidden; white-space: nowrap; float: left; }
.fp_morenewsright .block .item_headline a { font-weight: normal; color: #FFFFFF; }
.fp_morenewsright .block .item_detail { margin: 10px 10px 0 10px;height: 80px; }
.fp_morenewsright .block .item_detail .image { float: left; height: 80px; width: 80px; }
.fp_morenewsright .block .item_detail .image div { height: 80px; width: 80px; }
.fp_morenewsright .block .item_detail .image img { height: 80px; width: 80px; }
.fp_morenewsright .block .item_detail .blurb { margin: 0 0 0 10px; float: left; height: 80px; width: 180px; font-size: 12px; color: #333333; }
.fp_morenewsright .block .item_detail .blurb span { font-size: 11px; font-weight: normal; color: #333333;  }
.fp_morenewsright .block .more_headlines { margin: 0px 10px 0 10px; clear: both; padding-top: 5px; }
.fp_morenewsright .block .more_headlines div { border-bottom: 1px dotted #C1C1C1; line-height: 18px; }
.fp_morenewsright .block .more_headlines .last { border-bottom: 0px; }
.fp_morenewsright .block .more_headlines a { color: #003366; padding: 0 0 0 10px; background: url(/images/news_link_arrow.jpg) center left no-repeat; }
.fp_morenewsright a.visible { display: block; }
.fp_morenewsright a.hidden { display: none; }
/* End News Control */

/* Columns Control */
.fp_columns_header { border-bottom: 1px solid #CCC; padding-bottom: 5px; margin: 0px; }
.fp_columns { margin-bottom: 0px; background-color: #ECECEC; padding-top: 5px; }
.fp_columns .sportstalk { float: left; width: 290px; height: 110px; background-color: #FFFFFF; margin: 10px 0 10px 13px; overflow: hidden; }
.fp_columns .sportstalk .image { float: left; width: 80px; text-align: center; height: 100%; font-weight: bold; padding: 5px 0 0 5px; }
.fp_columns .sportstalk .column { float: left; width: 170px; text-align: left; height: 100%; margin: 0 0 0 10px; }
.fp_columns_large {  height: 445px; }
.fp_columns_small {  height: 235px; }
/* End Columns Control */

/* Data Control */
.fp_data { margin-top: 20px; }
.contentTabContainer_full { background-color: #111; background: url(http://images.supersport.com/newTabsBg.jpg) repeat-x; height: 28px; margin-bottom:15px; }
/* End Data Control */

/* Photo Gallery Control */
.fp_photos_container { margin-top: 20px; }
.fp_photos_container h1 { border-bottom: 2px solid #CDD3D3; padding-bottom: 5px; margin: 0px; }
.fp_photos_container .fp_photos { margin: 0 0 0 0; }
.fp_photos_container .fp_photos .fp_photos_galleries { background-color: #daeaf1; height: 170px; }
.fp_photos_container .fp_photos .fp_photos_galleries .fp_gallery { height: 140px; width: 137px; float: left; margin: 20px 0 0 15px; color: #FFFFFF; text-align: left; }
.fp_photos_container .fp_photos .fp_photos_galleries .fp_gallery img { height: 100px; width: 130px; }
.fp_photos_container .fp_photos .fp_photos_galleries .fp_gallery div { height: 100px; width: 130px; }
.fp_photos_container .fp_photos .fp_photos_galleries .fp_gallery a { color: #003366; font-weight: bold; }
.fp_photos_container .fp_photos .fp_photos_more { background-color: #FFFFFF; margin: 5px 0 0 0; text-align: right; }
.fp_photos_container .fp_photos .fp_photos_more a { color: #FFFFFF; font-weight: bold; color: #003366; }
/* End Photo Gallery Control */

.pg { width:940px; margin: 0 10px 0 10px; height: 900px; }
.pg_filter { float: left; width: 220px; height: 700px; background-color: #EEEEEE; }
.pg_filter .filter { width: 208px; height: 32px; margin: 7px 0 0 7px; background: url(/images/vg_filter.jpg) top left no-repeat; }
.pg_filter .photo_filter { width: 208px; height: 32px; margin: 7px 0 0 7px; background: url(/images/filterimages.jpg) top left no-repeat; }
.pg_filter .menu { width: 208px; margin: 7px 0 0 7px; }
.pg_filter .menu .item { border-bottom: 1px solid #E2E2E2; background-color: #EEEEEE; }
.pg_filter .menu .item .title { cursor: pointer; padding: 2px 0 2px 15px; color: #0B2B4F; font-weight: bold; background-color: #EEEEEE; background-image: url(/images/arrow_right.png); background-repeat: no-repeat; background-position: 190px 4px; }
.pg_filter .menu .item_selected { border-bottom: 0px solid #E2E2E2; background-color: #FFFFFF; }
.pg_filter .menu .item_selected .title { padding: 2px 0 2px 15px; color: #000000; font-weight: bold; background-color: #FFFFFF; background-image: url(/images/arrow_up.png); background-repeat: no-repeat; background-position: 190px 5px; }
.pg_filter .menu .item_noselect { border-bottom: 1px solid #E2E2E2; background-color: #EEEEEE; }
.pg_filter .menu .item_noselect .title { padding: 2px 0 2px 15px; color: #0B2B4F; font-weight: bold; background-color: #EEEEEE; }
.pg_filter .menu .item_noselect .red a { color: #ae0901; }
.pg_filter .menu .item .item_options { display: none; }
.pg_filter .menu .item_selected .item_options { display: block; }
.pg_filter .menu .item_options .option { background-color: #FAFAFA; padding: 2px 0 2px 30px; border-bottom: 1px solid #E2E2E2; }
.pg_block { float: right; width: 690px; height: 800px; }

.pg_block .page_header { font-size: 25px; font-weight: bold; border-bottom: 1px solid #BBBBBB; padding: 0 0 4px 7px; margin: 0 0 20px 0; }
.pg_block .page_header span { font-weight: normal; background: url(/images/arrow_left_heading.png) left no-repeat; padding: 0 0 0 30px; margin: 0 0 0 20px; }
.pg_block .paging { height: 35px; background: url(/images/paging_bg4.jpg) repeat-x; padding: 0 10px 0 0; }
.pg_block .paging .pages { float: right; color: #646464; height: 35px; line-height: 35px; }
.pg_block .paging .sorting { float: left; }
.pg_block .paging_clear { color: #757575; height: 35px; line-height: 35px; text-align: right; padding: 0 10px 0 0; border-top: 1px solid #BBBBBB; margin: 20px 0 0 0; }

.pg_block .gallery { float: left; width: 140px; height: 200px; margin: 20px 20px 0 10px; }
.pg_block .gallery .img { width: 120px; height: 90px; margin: 0 0 10px 0; }
.pg_block .gallery .gallery_title { font-weight: bold; }
.pg_block .gallery .gallery_date { font-size: 10px; line-height: 20px; }

.fp_columns .block { height: 205px; width: 290px; margin: 10px 0 0 13px; background-color: #fff; display:block; float: left; }
.fp_columns .block .categoryname { margin: 10px 10px 0 10px; }
.fp_columns .block .categoryname span { font-weight: bold; font-size: 16px; }
.fp_columns .block .item_headline { margin: 0 10px 0 10px; line-height: 22px; }
.fp_columns .block .item_headline a { font-weight: bold; }
.fp_columns .block .item_detail { margin: 3px 10px 0 10px;height: 80px; }
.fp_columns .block .item_detail .image { float: left; height: 80px; width: 80px; }
.fp_columns .block .item_detail .blurb { margin: 0 0 0 10px; float: left; height: 80px; width: 180px; }
.fp_columns .block .item_detail .blurb span { font-size: 11px; line-height: 16px; }
.fp_columns .block .more_headlines { margin: 10px 10px 0 10px; }
.fp_columns .block .more_headlines a { padding: 0 0 0 10px; background: url(/images/news_link_arrow.jpg) center left no-repeat; }

.fp_columns .block { height: 205px; width: 290px; margin: 10px 0 0 13px; background-color: #fff; display:block; float: left; }
.fp_columns .block .categoryname { margin: 0px; background-color: #003366; height: 27px; line-height: 27px; }
.fp_columns .block .categoryname span { font-weight: normal; font-size: 16px; color: #FFFFFF; margin: 0 0 0 10px; }
.fp_columns .block .item_headline { margin: 0 10px 0 10px; line-height: 22px; font-size: 14px; }
.fp_columns .block .item_headline a { font-weight: normal; color: #003366; }
.fp_columns .block .item_detail { margin: 3px 10px 0 10px;height: 80px; }
.fp_columns .block .item_detail .image { float: left; height: 80px; width: 80px; }
.fp_columns .block .item_detail .blurb { margin: 0 0 0 10px; float: left; height: 80px; width: 180px; font-size: 12px; color: #333333; }
.fp_columns .block .item_detail .blurb span { font-size: 11px; line-height: 22px; font-weight: normal; color: #333333;  }
.fp_columns .block .more_headlines { margin: 10px 10px 0 10px; }
.fp_columns .block .more_headlines div { border-bottom: 1px dotted #C1C1C1; line-height: 18px; }
.fp_columns .block .more_headlines .last { border-bottom: 0px; }
.fp_columns .block .more_headlines a { color: #003366; padding: 0 0 0 10px; background: url(/images/news_link_arrow.jpg) center left no-repeat; }

a.bold { font-weight: bold; }

.shop .product { height: 120px; border-bottom: #CCC dotted 1px; padding: 10px 0 0 10px; }
.shop .product .pic { float: left; height: 100px; width: 80px; }
.shop .product .description { float: left; height: 110px; width: 200px; }
.shop .product .description a { font-size: 14px; font-weight: bold; }
.shop .product .description span { color: #D61042; font-weight: bold; }
.shop .more { text-align: right; margin: 10px 0 0 0; }
.shop .more a { font-weight: bold; }

.aa_search { background-color: #B4B2B3; height: 25px; }
.aa_search .aa_header { height: 25px; margin: 0 0 0 5px; float: left; color: #FFFFFF; font-weight: bold; font-size: 16px; line-height: 25px; }
.aa_search .aa_dropdown { height: 25px; margin: 0 0 0 5px; float: left; }
.aa_search .aa_dropdown select { padding: 2px; font-size: 12px; height: 23px; padding: 3px; margin: 1px 0 0 0; }
.aa_tvguide { height: 310px; margin: 10px 0 0 0; overflow: hidden; }
.aa_tvguide .aa_guide { width: 370px; height: 310px; float: left; }
.aa_tvguide .aa_guide .aa_header { background-color: #F7F7F7; border: 1px solid #DDDDDD; height: 25px; }
.aa_tvguide .aa_guide .aa_header .aa_text { float: left; color: #be0b00; font-size: 16px; height: 25px; line-height: 25px; margin: 0 0 0 10px; }
.aa_tvguide .aa_guide .aa_header .aa_link { float: right; text-align: right; line-height: 25px; height: 25px; padding-right: 5px; }

.aa_tvguide .aa_guide .scrollable .items .aa_date { background-color: #FFFFFF; padding-left: 11px; font-weight: bold; height: 30px; line-height: 30px; border-bottom: 1px solid #DDDDDD; }
.aa_tvguide .aa_guide .scrollable .items .aa_item { height: 30px; width: 368px; border-bottom: 1px dotted #c1c1c1; }
.aa_tvguide .aa_guide .scrollable .items .aa_item .aa_time { margin: 0 0 0 10px; font-size: 12px; font-weight: bold; color: #393939; margin: 0 0 0 10px; float: left; width: 50px; overflow: hidden; height: 30px; line-height: 30px; }
.aa_tvguide .aa_guide .scrollable .items .aa_item .aa_channel { float: left; width: 60px; overflow: hidden; height: 30px; line-height: 30px; }
.aa_tvguide .aa_guide .scrollable .items .aa_item .aa_channel img { margin: 3px 0 0 0; }
.aa_tvguide .aa_guide .scrollable .items .aa_item .aa_title { font-size: 12px; color: #1a1a1a; float: left; width: 240px; overflow: hidden; height: 30px; line-height: 30px; }

.aa_tvguide .aa_guide .scrollable { position:relative; overflow:hidden; height: 250px; width: 368px; border: 1px solid #DDDDDD; border-top: 0px; border-bottom: 0px; }
.aa_tvguide .aa_guide .scrollable .items { width:20000em; position:absolute; clear:both; }
.aa_tvguide .aa_guide .scrollable .items .item { background-color: #F7F7F7; float:left; height: 250px; width: 368px; overflow: hidden; }
.aa_tvguide .aa_guide a.prev, .fp_news a.prevPage { display:block; width:18px; height:18px; background:url(/images/arrow_live_left_inactive.png) no-repeat; float:left; cursor:pointer; font-size:1px; }
.aa_tvguide .aa_guide a.prev:hover, .fp_news a.prevPage:hover { display:block; width:18px; height:18px; background:url(/images/arrow_live_left_active.png) no-repeat; float:left; cursor:pointer; font-size:1px; }
.aa_tvguide .aa_guide a.next, .fp_news a.nextPage { display:block; width:18px; height:18px; background:url(/images/arrow_live_right_inactive.png) no-repeat; float:left; cursor:pointer; font-size:1px; }
.aa_tvguide .aa_guide a.next:hover, .fp_news a.nextPage:hover { display:block; width:18px; height:18px; background:url(/images/arrow_live_right_active.png) no-repeat; float:left; cursor:pointer; font-size:1px; }
.aa_tvguide .aa_guide a.disabled { visibility:hidden !important; }
.aa_tvguide .aa_guide .naviblock { background-color: #F7F7F7; width: 368px; margin: 0 auto; border-left: 1px solid #DDDDDD; border-right: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD; height: 25px; padding-top: 5px; }
.aa_tvguide .aa_guide .navisection { margin: 0 auto; height: 16px; width: 100px; }
.aa_tvguide .aa_guide .navi { width: 32px; height:20px; float: left; margin: 0 0 0 10px; }
.aa_tvguide .aa_guide .navi a { width:8px; height:8px; float:left; margin:3px; background:url(/images/button_live_off.png) 0 0 no-repeat; display:block; font-size:1px; }
.aa_tvguide .aa_guide .navi a:hover {  background:url(/images/button_live_off.png) 0 0 no-repeat; }
.aa_tvguide .aa_guide .navi a.active {  background:url(/images/button_live_on.png) 0 0 no-repeat; }
.aa_tvguide .aa_guide .navleft { float: left; width: 20px; }
.aa_tvguide .aa_guide .navright { width: 20px; float: left; margin: 0 0 0 10px; }
.aa_tvguide .aa_guide .news_item { float: left; overflow: hidden; white-space: nowrap; width: 220px; padding: 0px; border: 0px solid #ccc; }
.aa_tvguide .aa_guide .news_item a.visible { display: block; font-size: 12px; }
.aa_tvguide .aa_guide .news_item a.hidden { display: none; font-size: 12px; }

.aa_tvguid_feature { float: right; width: 240px; height: 306px; border: 1px solid #DDDDDD; }
.aa_tvguid_feature .date { font-size: 12px; height: 23px; background: url(http://images.supersport.com/TVGuideDateBg.jpg); line-height: 23px; color: #FFFFFF; font-weight: normal; padding: 0 10px 0 10px; }
.aa_tvguid_feature .date .day { float: left; }
.aa_tvguid_feature .date .time { float: right; }
.aa_tvguid_feature .detail { height: 131px; overflow: hidden; margin: 10px 10px 10px 10px; }
.aa_tvguid_feature .detail table img { margin: 0px 0 0 5px; }
.aa_tvguid_feature .detail span { color: #003366; font-weight: bold; font-size: 16px; text-decoration: none; font-weight: normal; float: left; margin: 0 0 5px 0; }

.aa_tvguid_feature .scrollable { position:relative; overflow:hidden; height: 274px; width: 240px; }
.aa_tvguid_feature .scrollable .items { width:20000em; position:absolute; clear:both; }
.aa_tvguid_feature .scrollable .items .item { float:left; height: 275px; width: 240px; overflow: hidden; }
.aa_tvguid_feature a.prev, .fp_news a.prevPage { display:block; width:18px; height:18px; background:url(/images/arrow_left_up.png) no-repeat; float:left; cursor:pointer; font-size:1px; }
.aa_tvguid_feature a.prev:hover, .fp_news a.prevPage:hover { display:block; width:18px; height:18px; background:url(/images/arrow_left_over.png) no-repeat; float:left; cursor:pointer; font-size:1px; }
.aa_tvguid_feature a.next, .fp_news a.nextPage { display:block; width:18px; height:18px; background:url(/images/arrow_right_up.png) no-repeat; float:left; cursor:pointer; font-size:1px; }
.aa_tvguid_feature a.next:hover, .fp_news a.nextPage:hover { display:block; width:18px; height:18px; background:url(/images/arrow_right_over.png) no-repeat; float:left; cursor:pointer; font-size:1px; }
.aa_tvguid_feature a.disabled { visibility:hidden !important; }
.aa_tvguid_feature .naviblock { width: 240px; margin: 0 auto; height: 25px; padding-top: 5px; }
.aa_tvguid_feature .navisection { margin: 0 auto; height: 16px; width: 120px; }
.aa_tvguid_feature .navi { width: 50px; height:20px; float: left; margin: 0 0 0 10px; }
.aa_tvguid_feature .navi a { width:8px; height:8px; float:left; margin:3px; background:url(/images/button_off.png) 0 0 no-repeat; display:block; font-size:1px; }
.aa_tvguid_feature .navi a:hover {  background:url(/images/button_off.png) 0 0 no-repeat; }
.aa_tvguid_feature .navi a.active {  background:url(/images/button_on.png) 0 0 no-repeat; }
.aa_tvguid_feature .navleft { float: left; width: 20px; }
.aa_tvguid_feature .navright { width: 20px; float: left; margin: 0 0 0 10px; }
.aa_tvguid_feature .news_item { float: left; overflow: hidden; white-space: nowrap; width: 220px; padding: 0px; border: 0px solid #ccc; }
.aa_tvguid_feature .news_item a.visible { display: block; font-size: 12px; }
.aa_tvguid_feature .news_item a.hidden { display: none; font-size: 12px; }

.fp_spotlight { margin: 20px 0 20px 10px; width: 620px; height: 225px; }
.fp_spotlight h1 { border-bottom: 2px solid #CDD3D3; padding-bottom: 5px; margin: 0px; }
.fp_spotlight .container { height: 200px; background-color: #daeaf1; }
.fp_spotlight .spotlight { float: left;height: 180px; width: 140px; padding: 10px 6px 10px 8px; }
.fp_spotlight .spotlight span { line-height: 28px; }
.fp_spotlight .spotlight div div { margin: 5px 0 5px 0; }

#newUserControl a:link, #newUserControl a:visited, #newUserControl a:active 
{ 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	color: #FFFFFF; 
	text-decoration: none; 
	line-height: 15px;
}
#newUserControl a:hover
{ 
	color: #FFFFFF; 
	text-decoration: none; 
	font-weight: bold; 
}
#newUserControl
{
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	color: #FFFFFF; 
	font-weight: normal; 
	float: right; 
	height: 30px;
	line-height: 15px;
	padding-bottom: 5px;
}

#newUserControl img
{
	border: none 0px #fff;
}

.footer_content {
	width: 940px;
	height: 130px;
	margin: 0 auto;
	padding: 0px 10px 0 10px;
	background: url(/images/hr_dotline.gif) repeat-x top;
}
.footer_content .logo {
	float:left;
	width:124px;
}
.footer_content .copy {
	float:left;
	padding-left:10px;
	text-align:left;
	margin-top:30px;
	font-size:11px;
}
.footer_content .copy a {
	color:#636367;
	text-decoration:none;
	font-size:11px;
}
.footer_content .copy a:hover {
	text-decoration:underline;
	font-size:11px;
}

.siteHeader { position: relative; width: 980px; height: 160px; margin: 0 auto; cursor: default; }
.siteHeader .userControl { position: absolute; top: 8px; left: 0px; height: 35px; width: 860px; }
.siteHeader .logoBanner { position: absolute; top: 45px; left: 0px; height: 115px; width: 864px; background: url(/images/headerBackground1.png) top repeat-x; }
.siteHeader .pageCurl { position: absolute; top: 45px; left: 864px; height: 115px; width: 116px; background: url(/images/PageCurl1.png) no-repeat top right; }
.siteHeader .sitelogo { float: left; width: 146px; height: 115px; }
.siteHeader .siteBanner { position: absolute; width: 728px; height: 90px; top: 13px; left: 148px; }
.siteMenu { width: 980px; height: 60px; margin: 0 auto; cursor: default; }
.dstvLogo { position: absolute; left: 864px; width: 96px; height: 58px; }
#mainMenu { height: 37px; background: url(/images/MenuSearchBg.jpg) repeat-x; }
.siteMenuShort { height: 37px; }

#poll a.bluearrow { color: #FFFFFF; }


#formcontainer2
{
	padding-left:0px;
}

#formcontainer2 input.txtbox 
{
    width: 120px; 
    font-size: 11px;
    height:13px;
    color: #010066; 
    padding: 2px 0 0 3px; 
    border: 1px solid #7f97a9; 
    background: #FFFFFF url(contact/input_bckgrnd.jpg) no-repeat top left;
}

#formcontainer2 input.selectOption  
{
    width: 179px; 
    font-size: 11px; 
    color: #010066; 
 }
 
#formcontainer2 .formtableUser { border: 0px none #d3dce7; width:100%; background: #f2f2f2}

/*.formtable table input, .formtable table textarea { width: 140px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #010066; padding: 5px; margin: 0 0 0 7px; border: 1px solid #7f97a9; background: #FFFFFF url(contact/input_bckgrnd.jpg) no-repeat top left; }*/
#formcontainer2 .inputType { width: 200px;font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; padding: 4px; border: 0px none #7f97a9; background: #FFFFFF url(/images/Registration.png) no-repeat;}
#formcontainer2 .selectType { width: 208px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; padding: 3px; border: 0px none #7f97a9; background: url(/images/Registration.png) no-repeat;}

#formcontainer2 .radiobutton { width: 208px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; padding: 1px; border: 0px none #7f97a9; background: #FFFFFF; background: url(/images/Registration2.png) no-repeat;}
#formcontainer2 .textareaType { width: 170px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; padding: 4px; border: 1px solid #7f97a9; background: #FFFFFF url(contact/input_bckgrnd.jpg) no-repeat top left; }
#formcontainer2 .formText {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }
#formcontainer2 .formRequired {font-size: 11px;}

.related { margin: 0 0 0 10px; }
.related h2 { line-height: 35px; }
.related .links { border-top: 1px solid #ccc; background-color: #F3F3F3; }
.related .links div { padding: 4px 0 4px 10px; border-bottom: 1px dotted #ccc; }
.related .links .last { border-bottom: 1px dotted #F3F3F3; }
.related .links div a { background: url(http://www.supersport.com/images/arrow_blue.png) left center no-repeat; font-size: 11px; color: #0B2B4F; font-weight:normal; text-decoration: none; line-height: 15px; padding-left: 20px; }
.related .more { text-align: right; font-weight: bold; margin: 5px 0 0 0; }

.article_links div { line-height: 18px; border-bottom: 1px dotted #CCC; background: #f3f3f3; padding: 4px 0 4px 10px; }
.article_links .last { border-bottom: 1px dotted #F3F3F3; }
.article_links div a { background: url(http://www.supersport.com/images/arrow_blue.png) left center no-repeat; font-size: 11px; color: #0B2B4F; font-weight:normal; text-decoration: none; line-height: 15px; padding-left: 20px; }

.shop_horizontal { width: 620px; background-color: #CCCCCC; height: 165px; padding: 0 0 0 0; }

    .scrollable_horizontal {
	    position:relative;
	    overflow:hidden;
	    width: 540px;
	    height:163px;
	    margin-top: 1px;
	    margin-bottom: 0px;
	    margin-left: 0px;
	    border:0px solid #ccc;
		background-color: #FFFFFF;
    }

    .scrollable_horizontal .items {
	    width:20000em;
	    position:absolute;
	    clear:both;
    }

    .scrollable_horizontal .items .item 
    {
	    float:left;
	    width:540px;
    }
    
    .scrollable_horizontal .items .item .product
    {
	    float:left;
	    width:255px;
	    height: 143px;
	    margin: 10px 0 0 10px;
    }
    
    .scrollable_horizontal .items .item .product .pic { float: left; height: 100px; width: 80px; }
    .scrollable_horizontal .items .item .product .description { float: left; height: 143px; width: 175px; }
    .scrollable_horizontal .items .item .product .description a { font-size: 14px; font-weight: bold; }
    .scrollable_horizontal .items .item .product .description span { color: #D61042; font-weight: bold; }

    .scrollable_horizontal .active {
	    border:2px solid #000;
	    position:relative;
	    cursor:default;
    }

    .scrollable_horizontal { float: left; }

    .shop_horizontal a.browse {
	    display:block;
	    width:30px;
	    height:30px;
	    float:left;
	    cursor:pointer;
	    font-size:1px;
	    margin-top: 68px;
    }

    .shop_horizontal a.right 				{ background:url(http://www.supersport.com/images/gallery_arrow_right.png) no-repeat; clear:right; margin-left: 6px;}
    .shop_horizontal a.right:hover 		{  }
    .shop_horizontal a.right:active 	{  } 
    .shop_horizontal a.left				{ background:url(http://www.supersport.com/images/gallery_arrow_left.png) no-repeat; margin-left: 10px; } 
    .shop_horizontal a.left:hover  		{  }
    .shop_horizontal a.left:active  	{  }

    .shop_horizontal a.disabled { visibility:hidden !important; }
    
    .diski { position: relative; margin: 0 0 20px 10px; height: 100px; width: 940px; background: url(/images/superdiskiheader.jpg) top left no-repeat; }
    .diski .wc_facebook { height: 90px; width: 50px; position: absolute; top: 20px; left: 804px; }
    .diski .wc_twitter { height: 90px; width: 60px; position: absolute; top: 20px; left: 868px; }

/* Sport24 */
.sport24 { height: 458px; width: 592px; padding-top: 10px; }

.sport24 .disclaimer { background-color: #FFFFFF; text-align: center; color: #000000; font-size: 12px; border-left: 3px solid #BCC1C7; border-right: 3px solid #BCC1C7; padding: 5px 0 10px 0; }

.sport24_col { margin: 0 0 0 14px; }
.sport24_col .sport24_header { height: 57px; position: relative; background-color: Red; background: url(http://images.supersport.com/sport24_sport24.jpg) top right no-repeat; }
.sport24_col .sport24_header .text { position: absolute; top: 13px; height: 27px; width: 420px; font-weight: bold; background-color: #20396B; padding-left: 10px; line-height: 27px; color: #FFFFFF; }
.sport24_col .sport24_header .border { position: absolute; top: 40px; height: 17px; width: 430px; border-left: 3px solid #BCC1C7; background-color: #FFFFFF; }
.sport24_col .sport24_header .logo { width: 156px; height: 57px; position: absolute; left: 433px; top: 3px; }
.sport24_col .sport24_header .logo img { width: 156px; height: 57px; }

.sport24_art { padding: 0px; width: 620px; height: 503px; }
.sport24_art .sport24_header { height: 57px; position: relative; background-color: Red; background: url(http://images.supersport.com/sport24_sport24.jpg) top right no-repeat; }
.sport24_art .sport24_header .text { position: absolute; top: 13px; height: 27px; width: 448px; font-weight: bold; background-color: #20396B; padding-left: 10px; line-height: 27px; color: #FFFFFF; }
.sport24_art .sport24_header .border { position: absolute; top: 40px; height: 17px; width: 458px; border-left: 3px solid #BCC1C7; background-color: #FFFFFF; }
.sport24_art .sport24_header .logo { width: 156px; height: 57px; position: absolute; left: 461px; top: 3px; }
.sport24_art .sport24_header .logo img { width: 156px; height: 57px; }

.sport24_block { border: 3px solid #BCC1C7; border-top: 0px; height: 384px; }
.sport24_columns { height: 344px; width: 586px; background-color: #FFFFFF; }
.sport24_article { height: 403px; width: 614px; background-color: #FFFFFF; }

.sport24_block .featuredItems { height: 230px; }

.sport24_block .featuredItems .featured { height: 230px; width: 276px; float: left; margin: 0 4px 0 10px; }
.sport24_block .featuredItems .featuredArticle { width: 290px; }
.sport24_block .featuredItems .featured .theHeader { font-size: 18px; font-weight: bold; height: 20px; }
.sport24_block .featuredItems .featured .theHeader span { color: #D04221; font-size: 14px; }
.sport24_block .featuredItems .featured .title { font-size: 11px; font-weight: bold; margin: 5px 0 0 0; height: 28px; border-top: 1px solid #EFF0F1; border-left: 2px solid #EFF0F1; border-right: 2px solid #EFF0F1; line-height: 18px; }
.sport24_block .featuredItems .featured .tick { background: url(http://images.supersport.com/sport24_bubbletip.jpg) bottom no-repeat; }
.sport24_block .featuredItems .featured .title span { padding-left: 5px; }
.sport24_block .featuredItems .featured .expertDetail { height: 170px; background-color: #EFF0F1; }
.sport24_block .featuredItems .featured .expertDetail .image { height: 160px; float: left; margin: 0px 0 0 5px; padding: 5px 0 0 0; }
.sport24_block .featuredItems .featured .expertDetail .image img { max-width: 58px; }
.sport24_block .featuredItems .featured .expertDetail .text { width: 195px; margin: 0px 0 0 10px; height: 160px; padding: 5px 0 0 0; float: left; }
.sport24_block .featuredItems .featured .expertDetail .text .theTitle { color: #4F679F; font-weight: bold; }
.sport24_block .featuredItems .featured .expertDetail .text .description { margin: 10px 0 0 0; font-size: 11px; overflow: hidden; }
.sport24_block .featuredItems .featured .expertDetail .text .expert { color: #D04221; font-size: 13px; }
.sport24_block .featuredItems .featured .expertDetail a { color: #4F679F; font-weight: bold; }

.sport24_block .moreItems { height: 100px; margin: 0 10px 0 10px; }
.sport24_block .moreItems .column { margin: 0 0 0 10px; width: 266px; float: left; height: 90px; }
.sport24_block .moreItems .column .columnHeader { margin: 5px 0 10px 0; font-weight: bold; }
.sport24_block .moreItems .columnArticle { width: 280px; height: 150px; }
.sport24_block .moreItems .columntwo { margin: 0 0 0 23px; }
.sport24_block .moreItems .column .more { height: 30px; margin: 10px 0 0 0; }
.sport24_block .moreItems .column .moreArticle { height: 13px; margin: 10px 0 0 0; }
.sport24_block .moreItems .column .more .image { width: 16px; float: left; }
.sport24_block .moreItems .column .more .image img { width: 16px; height: 16px; }
.sport24_block .moreItems .column .more .text { margin: 0 0 0 10px; float: left; }
.sport24_block .moreItems .column .more .text .headline { line-height: 16px; }
.sport24_block .moreItems .column .more .text a { font-weight: bold; color: #4069A9; }
.sport24_block .moreItems .column .more .articleLink a { color: #4069A9; padding-left: 8px; background: url(http://images.supersport.com/sport24_dot.jpg) center left no-repeat; font-weight: bold; }
.sport24_block .moreItems .column .more .text .date { color: #AAAAAA; }
.sport24_block .moreItems .moreLinks { height: 20px; }
.sport24_block .moreItems .moreLinks .link { margin: 0 4px 0 10px;width: 266px; float: left; height: 20px; }
.sport24_block .moreItems .moreLinks .linkArticle { width: 280px; }
.sport24_block .moreItems .moreLinks .linktwo { margin: 0 0 0 20px; }
.sport24_block .moreItems .moreLinks .link a { color: #4069A9; padding-left: 8px; background: url(http://images.supersport.com/sport24_dot.jpg) center left no-repeat; }

.tabdata .scrollable .items { width:20000em; position:absolute; clear:both; }
.tabdata .scrollable .items .item { float:left; height: 290px; width: 620px; overflow: hidden; }
.tabdata a.prev, .fp_news a.prevPage { display:block; width:18px; height:18px; background:url(http://www.supersport.com/images/arrow_left_up.png) no-repeat; float:left; cursor:pointer; font-size:1px; }
.tabdata a.prev:hover, .fp_news a.prevPage:hover { display:block; width:18px; height:18px; background:url(http://www.supersport.com/images/arrow_left_over.png) no-repeat; float:left; cursor:pointer; font-size:1px; }
.tabdata a.next, .fp_news a.nextPage { display:block; width:18px; height:18px; background:url(http://www.supersport.com/images/arrow_right_up.png) no-repeat; float:left; cursor:pointer; font-size:1px; }
.tabdata a.next:hover, .fp_news a.nextPage:hover { display:block; width:18px; height:18px; background:url(http://www.supersport.com/images/arrow_right_over.png) no-repeat; float:left; cursor:pointer; font-size:1px; }
.tabdata a.disabled { visibility:hidden !important; }
.tabdata .naviblock { width: 100%; margin: 0 auto; height: 25px; padding-top: 5px; }
.tabdata .navisection { margin: 0 auto; height: 16px; width: 120px; }
.tabdata .navi { height:20px; float: left; margin: 0 0 0 10px; }
.tabdata .navi a { width:8px; height:8px; float:left; margin:3px; background:url(http://www.supersport.com/images/button_off.png) 0 0 no-repeat; display:block; font-size:1px; }
.tabdata .navi a:hover {  background:url(http://www.supersport.com/images/button_off.png) 0 0 no-repeat; }
.tabdata .navi a.active {  background:url(http://www.supersport.com/images/button_on.png) 0 0 no-repeat; }
.tabdata .navleft { float: left; width: 20px; }
.tabdata .navright { width: 20px; float: left; margin: 0 0 0 3px; }

.tabdata .data_f { height: 345px; width: 620px; overflow: hidden; }
.tabdata .data_r { height: 345px; width: 620px; overflow: hidden; }
.tabdata .data_l { height: 345px; width: 620px; overflow: hidden; }
.tabdata .data_g { height: 345px; width: 620px; overflow: hidden; }
.tabdata .data_m { height: 345px; width: 620px; overflow: hidden; }
.tabdata .data_tournament { height: 305px; }

.tabdata .dataBlock { width: 305px; float: left; height: 340px; overflow: hidden; }
.tabdata .right { margin: 0 0 0 10px; }
.tabdata .log { width: 620px; }
.tabdata .sport { height: 30px; background-color: #B4B2B3; color: #FFFFFF; font-weight: bold; font-size: 16px; line-height: 30px; padding-left: 10px; margin: 10px 0 0 0; }
.tabdata .date { height: 30px; line-height: 30px; font-weight: bold; font-size: 12px; padding-left: 10px; }
.tabdata .data { border: 1px solid #DDDDDD; margin: 0 0 0 0; }
.tabdata table { width: 100%; }
.tabdata table td { border-bottom: 1px dotted #c1c1c1; height: 30px; }
.tabdata table td.time { width: 15%; padding-left: 10px; font-weight: bold; }
.tabdata table td.detail { width: 70%;  }
.tabdata table td.channel { width: 15%;  }
.tabdata table td.result { padding-left: 10px; }
.tabdata table td.last { border-bottom: 0px; }
.tabdata table td.light { background-color: #F7F7F7; }
.tabdata table td.logint { width: 9%; text-align: center; }
.tabdata table td.logheader { background-color: #B4B2B3; color: #FFFFFF; font-weight: bold; font-size: 16px; }
.tabdata table td.dark { background-color: #EDEDED; }
.tabdata table td.bold { font-weight: bold; font-size: 12px; }

.tabdata .morelink { text-align: right; width: 620px; }
.tabdata .morelink a { font-weight: bold; }

.tabdata table td.golf_header { height: 30px; background-color: #B4B2B3; color: #FFFFFF; font-weight: bold; font-size: 16px; line-height: 30px; }

.tournamentfeature { position: relative; margin: 0 0 20px 10px; height: 100px; width: 940px; background: url(/images/superdiskiheader.jpg) top left no-repeat; }
.tournamentfeature .wc_facebook { height: 90px; width: 50px; position: absolute; top: 20px; left: 804px; }
.tournamentfeature .wc_twitter { height: 90px; width: 60px; position: absolute; top: 20px; left: 868px; }

.tennisScoresRow { height: 102px; margin-top: 10px; }
.tennisScoresRow .tennisScoresItem { float: left; width: 303px; height: 100px; background-color: #FFFFFF; border: 1px solid #646464; }
.tennisScoresRow .tennisScoresItemLive { border: 1px solid #C50C0A; }
.tennisScoresRow .tennisScoresItempadded { margin-left: 10px; }
.tennisScoresRow .tennisScoresItem .tennisScoresBox { margin: 5px 0 0 5px; height: 68px; background-color: #FFFFFF; width: 291px; }
.tennisScoresRow .tennisScoresItem .tennisScoresBox table { width: 100%; background-color: #B4B2B3; }
.tennisScoresRow .tennisScoresItem .tennisScoresBox table tr.dark td { background-color: #F7F7F7; }
.tennisScoresRow .tennisScoresItem .tennisScoresBox table tr.light td { background-color: #EDEDED; }
.tennisScoresRow .tennisScoresItem .tennisScoresBox table td { height: 30px; padding-left: 3px; }
.tennisScoresRow .tennisScoresItem .tennisScoresBox table td.score { width: 10%; text-align: center; padding-left: 1px; }
.tennisScoresRow .tennisScoresItem .tennisScoresBox table td.round { background-color: #B4B2B3; color: #FFFFFF; font-weight: bold; font-size: 14px; line-height: 20px; height: 20px; }

.calendarmonth { height: 30px; background-color: #B4B2B3; color: #FFFFFF; font-weight: bold; font-size: 16px; line-height: 30px; padding-left: 10px; margin: 10px 0 0 0; }
.calendaritem { height: 30px; border: 1px solid #DCDCDC; margin-top: 5px; padding: 10px; background-color: #EDEDED; }
.calendaritemalternate { background-color: #F7F7F7; }
.calendaritem div { float: left; }
.calendaritem .date { width: 100px; text-align: center; }
.calendaritem .date span {  }
.calendaritem .title { width: 330px; }
.calendaritem .surface { width: 80px; }
.calendaritem .money { width: 70px; }

.fixDisclaimer { text-align: right; margin: 10px 0 0 0; color: #000000; font-size: 11px; }
