/* 
Website: Supersport
Updated: September 2007

Style Index
$1 - Body
$2 - Top Navigation
$3 - Secondary Navigation
$4 - Footer 
$5 - Side Navigation
$6 - Home Page
$7 - Articles
$8 - 
$9 - 
$10 -  
$11 -   
$12 - 
$13 - 
$14 - 
$15 - 
$16 - 
$17 - 
$18 - 
$19 - 
$20 - 
$21 - 
$22 - 
$23 - 
$24 - 
*/



/* ------------------------------------------------------------
	$1  Body
------------------------------------------------------------ */
body { margin: 0; padding: 0; background: #021033; }
body, td, input, select, button, textarea { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }
.ss_bg { background-image: url(sitewide/SuperSport02.jpg); background-repeat: no-repeat; }
a img { border: 0px; }
div.hidden { position: absolute; left: 0; top: 0; width: 0px; height: 0px; display: none; visibility: hidden; z-index: -1000; }
div.partner {  position: absolute; top: 0; left: 0; display: none; border: 1px solid #1B4D82; padding: 2px 5px 5px 5px; background-color: #021033; z-index: 1000; }
div.partner, div.partner td { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; }
div.partner a { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; text-decoration: none; }
div.partner a:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; text-decoration: underline; }
	
/* Reversed out white text on dark body */
.light_text { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #FFF; }
	
/* ------------------------------------------------------------
	$2  Top Navigation
------------------------------------------------------------ */

#topnav { padding: 6px 0 0 0; background: #000618; border-bottom: 1px solid #1b4d82; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; height: 21px; }
#topnav ul { margin: 0; padding: 0; list-style: none; float:left; }
#topnav li { float: left; list-style: none; padding: 0 10px 0 10px; border-right: 1px solid #FFFFFF; }
#topnav li.last { float: left; list-style: none; padding: 0 0 0 9px; margin: 0 0 0 0; border-right: none; }
#topnav a:link, #topnav a:visited, #topnav a:active { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; text-decoration: none; }
#topnav a:hover { color: #999999; text-decoration: none; }

#topnav1 { padding: 6px 0 0 0; background: #000618; border-bottom: 1px solid #1b4d82; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; height: 20px; }
#topnav1 ul { margin: 0; padding: 0; list-style: none; float:left; }
#topnav1 li { float: left; list-style: none; padding: 0 10px 0 10px; border-right: 1px solid #FFFFFF; }
#topnav1 li.last { float: left; list-style: none; padding: 0 0 0 9px; margin: 0 0 0 0; border-right: none; }
#topnav1 a:link, #topnav1 a:visited, #topnav1 a:active { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; text-decoration: none; }
#topnav1 a:hover { color: #999999; text-decoration: none; }

/*---------- Search styles ----------*/
.search_bg { font-size: 12px; color: #011136; background-image: url(sitewide/search_bg.gif); background-repeat: no-repeat; background-position: right; height: 32px; text-align: right; }
.search_btn { padding: 0 3px 0 0; }
.search_txtfield { border: 1px solid #FFFFFF; padding: 0; margin: 2px 2px 0 2px; font-size: 12px; color: #011136; font-family: Verdana, Arial, Helvetica, sans-serif; height: 18px; }


/* ------------------------------------------------------------
	$3  Secondary Navigation
------------------------------------------------------------ */
.white_tab { font-size: 12px; font-weight: bold; color: #941313; background-color: #FFFFFF; padding: 5px 3px 5px 3px; }
.white_tab a:link, .white_tab a:visited, .white_tab active { font-size: 12px; font-weight: bold; color: #941313; text-decoration: none; }
.white_tab a:hover { text-decoration: none; color: #941313; }

.white_tab1 { font-size: 12px; font-weight: bold; color: #941313; background-color: #FFFFFF; padding: 5px 3px 5px 2px; }
.white_tab1 a:link, .white_tab1 a:visited, .white_tab1 active { font-size: 12px; font-weight: bold; color: #941313; text-decoration: none; }
.white_tab1 a:hover { text-decoration: none; color: #941313; }

.red_tab { font-size: 12px; font-weight: bold; color: #FFFFFF; background-color: #c21717; padding: 5px 3px 5px 3px; }
.red_tab a:link, .red_tab a:visited, .red_tab active { font-size: 12px; font-weight: bold; color: #FFFFFF; text-decoration: none; }
.red_tab a:hover { text-decoration: none; color: #dfb9b9; }

.red_tab1 { font-size: 12px; font-weight: bold; color: #FFFFFF; background-color: #c21717; padding: 5px 3px 5px 2px; }
.red_tab1 a:link, .red_tab1 a:visited, .red_tab1 active { font-size: 12px; font-weight: bold; color: #FFFFFF; text-decoration: none; }
.red_tab1 a:hover { text-decoration: none; color: #dfb9b9; }

/*---------- Main Nav Sub Menu Styles ----------*/	
/*---------- Main Nav Sub Menu Styles ----------*/	
.main_nav_sub { margin: 9px 0 0 2px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #941313; height: 58px; background-image: url(sitewide/main_nav/mn_btm.jpg); background-repeat: no-repeat; }
.main_nav_sub ul { margin: 0; padding: 0 0 25px 0; list-style: none; float:left; }
.main_nav_sub li { float: left; list-style: none; padding: 0 10px 0 10px; border-right: 1px solid #941313; }
.main_nav_sub li.last { float: left; list-style: none; padding: 0 0 0 9px; margin: 0 0 0 0; border-right: none; }
.main_nav_sub a:link, .main_nav_sub a:visited, .main_nav_sub a:active { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #941313; text-decoration: none; }
.main_nav_sub a:hover { color: #c28383; text-decoration: none; }

/* ------------------------------------------------------------
	$4  Footer
------------------------------------------------------------ */

/*---------- Footer Styles ----------*/	
.footer_bg { background: #010066 url(landing/footer_bg.jpg) no-repeat top left; }
.footer { padding: 54px 0 0 230px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; }
.footer a:link, .footer a:visited, .footer a:active { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; text-decoration: none; }
.footer a:hover { color: #999999; text-decoration: none; }
.footer ul { margin: 0; padding: 0; list-style: none; float:left; }
.footer li { float: left; list-style: none; padding: 0 10px 0 10px; border-right: 1px solid #FFFFFF; }
.footer li.last { float: left; list-style: none; padding: 0 0 0 9px; margin: 0 0 0 0; border-right: none; }

/* ------------------------------------------------------------
	$5  Side Navigation
------------------------------------------------------------ */

/*---------- Side Navigation - Live Scores Styles ----------*/	
.sidenav { padding: 0 25px 0 0; }
.sidenav_livescores_h { background: #c21717 url(sidenav/livescores_h_bg_r.gif) no-repeat top right; padding: 7px 6px 6px 6px; }
.sidenav_livescores_logo { border-left: 1px solid #edb9b9; padding: 0 0 0 13px; }
.sidenav_livescores_view { border-right: 1px solid #edb9b9; }
.sidenav_livescores_copy { font-size: 11px; color: #c21717; padding: 0 5px 0 5px; text-decoration: none; }
.sidenav_livescores_copy a:link, .sidenav_livescores_copy a:visited, .sidenav_livescores_copy a:active { font-size: 11px; color: #c21717; text-decoration: none; }
.sidenav_livescores_copy a:hover { font-size: 11px; color: #c21717; text-decoration: underline;	}
.sidenav_livescores_dotted_brdr { background: #FFFFFF url(sidenav/livescores_dot_brdr.gif) no-repeat bottom; }

/*---------- Side Navigation - Video Styles ----------*/	
.sidenav_video_h { background: #0a1844 url(sidenav/video_h_bg.gif) no-repeat top; }
.sidenav_video_dropdown { width: 104px; margin: 0 10px 0 0; color: #010066; font-size: 11px; }
.sidenav_video_bg { background: #07143b url(sidenav/video_bg.jpg) no-repeat top; }
.sidenav_video_copy { font-size: 10px; color: #FFFFFF; padding: 0 0 0 0; }
.sidenav_video_copy a:link, .sidenav_video_copy a:visited, .sidenav_video_copy a:active { font-size: 10px; color: #FFFFFF; text-decoration: none; }
.sidenav_video_copy a:hover { font-size: 10px; color: #FFFFFF; text-decoration: underline; }
.sidenav_video_btn { padding: 0 5px 0 10px; }


/*---------- Side Navigation - News Styles ----------*/	
.sidenav_news_btm { background: #FFFFFF url(sidenav/news_btm_bg.gif) no-repeat bottom; font-size: 11px; color: #010066; padding: 0 10px 0 10px; text-decoration: none; }
.sidenav_news_btm a:link, .sidenav_news_btm a:visited, .sidenav_news_btm a:active { font-size: 11px; color: #010066; text-decoration: none; }
.sidenav_news_btm a:hover { font-size: 11px; color: #010066; text-decoration: underline; }
.sidenav_news_copy { font-size: 11px; color: #010066; padding: 0 10px 0 10px; border-left: 1px solid #d1dbe6; border-right: 1px solid #d1dbe6; background: #FFFFFF url(sidenav/news_border_btm.gif) no-repeat bottom; text-decoration: none; }
.sidenav_news_copy a:link, .sidenav_news_copy a:visited, .sidenav_news_copy a:active { font-size: 11px; color: #010066; text-decoration: none; }
.sidenav_news_copy a:hover { font-size: 11px; color: #010066; text-decoration: underline; }
	
/*---------- Side Navigation - Sports Talk Styles ----------*/	

.sidenav_st_table { background: #FFFFFF url(sidenav/sports_talk_border_btm.gif) no-repeat bottom; }
.sidenav_st_pic_brdr { border-left: 1px solid #d1dbe6; }
.sidenav_st_copy_brdr { border-right: 1px solid #d1dbe6; padding: 0 5px 0 0; }
.sidenav_st_headline { font-size: 11px; color: #010066; padding: 0; font-weight: bold; }
.sidenav_st_headline a:link, .sidenav_st_headline a:visited, .sidenav_st_headline a:active { font-size: 11px; color: #010066; padding: 0; font-weight: bold; text-decoration: none; }
.sidenav_st_headline a:hover { text-decoration: underline; }

/*---------- Side Navigation - Poll Styles ----------*/	
.sidenav_poll_copy { background: #0f256e url(sidenav/poll_bg.jpg) no-repeat top; font-size: 11px; color: #FFFFFF; padding: 10px 20px 15px 20px; border-bottom: 1px solid #FFFFFF; }
.sidenav_poll_copy td { font-size: 11px; color: #FFFFFF; }
.sidenav_poll_btm { background: #193283 url(sidenav/poll_btm.gif) no-repeat bottom; font-size: 11px; color: #FFFFFF; }

	
/* ------------------------------------------------------------
	$6  Home Page
------------------------------------------------------------ */

/*---------- News Headlines Styles ----------*/
.featured_news_header { font-size: 12px; color: #010066; font-weight: bold; padding: 8px 0 0 6px; }
.featured_news_header a:link, .featured_news_header a:visited, .featured_news_header a:active { font-size: 12px; color: #010066; font-weight: bold; text-decoration: none; }
.featured_news_header a:hover { color: #010066; text-decoration: underline; }

.featured_news_copy { font-size: 11px; color: #010066; padding: 2px 6px 2px 6px; }
.fs_button { padding: 0 10px 0 0; }
.headlines { padding: 0 0 0 13px; font-size: 11px; color: #010066; height: 25px; vertical-align: middle; background: #e6e7ec url(landing/headline_bg_tile.gif) repeat-x bottom; }
.headlines a:link, .headlines a:visited, .headlines a:active  { color: #010066; text-decoration: none; }
.headlines a:hover  { color: #010066; text-decoration: underline; }
.headlines_featured { padding: 0 0 0 13px; font-size: 11px; color: #010066; height: 25px; vertical-align: middle; background: #e6e7ec url(landing/featured_headline_bg.gif) no-repeat bottom; cursor: default; cursor: hand; }
.headlines_featured  a:link, .headlines_featured a:visited, .headlines_featured a:active{ color: #010066; text-decoration: underline; }
.headlines_featured  a:hover{ color: #010066; text-decoration: underline; }
.headlines_last { padding: 0 0 0 13px; font-size: 11px; color: #010066; height: 25px; vertical-align: middle; }
.headlines_last a:link, .headlines_last a:visited, .headlines_last a:active  { color: #010066; text-decoration: none; }
.headlines_last a:hover  { color: #010066; text-decoration: underline; }

/*---------- Home Headlines Extra Links Styles ----------*/
.headlines_extra_links { padding: 0 0 0 19px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #909abb; height: 25px; background: #FFFFFF url(landing/extra_links_bg.gif) no-repeat center; text-align:center; }
.headlines_extra_links ul { margin: 0; padding: 0; list-style: none; }
.headlines_extra_links li { float: left; list-style: none; padding: 0 16px 0 16px; border-right: 1px solid #909abb;	}
.headlines_extra_links li.last { float: left; list-style: none; padding: 0 0 0 15px; border-right: none; }
.headlines_extra_links a:link, .headlines_extra_links a:visited, .headlines_extra_links a:active { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #909abb; text-decoration: none; }
.headlines_extra_links a:hover { color: #010066; text-decoration: none; }

/*---------- Home Video Styles ----------*/
.play_btn { padding: 0 10px 0 0; }
.vid_header { padding: 0; font-size: 11px; color: #FFFFFF; background: #07143b url(landing/video_head_bg.jpg) no-repeat top; }
.vid_home_copy { padding: 0 10px 0 10px; font-size: 10px; color:#fff; }
.vid_home_copy a:link, .vid_home_copy a:active, .vid_home_copy a:visited { font-size:10px; font-weight:bold; color: #FFFFFF; text-decoration: none; }
.vid_home_copy a:hover { text-decoration: underline; }
.vid_entries { border-top: 1px solid #fff; }
.vid_home_bullet { margin: 2px 10px 2px 10px; font-size: 10px; color: #FFFFFF; background: #07143b url(landing/vid_border_btm_bg.gif) no-repeat bottom; }
.vid_home_bullet a:link, .vid_home_bullet a:active, .vid_home_bullet a:visited { font-size: 11px; color: #FFFFFF; text-decoration: none; }
.vid_home_bullet a:hover { font-size: 11px; color: #FFFFFF; text-decoration: underline; }
.vid_home_sml_btn { padding: 0 10px 0 10px; }
.vid_dropdown { margin: 0 10px 0 0; color: #010066; font-size: 11px; width: 105px; }
	
/*---------- Live Scores Styles ----------*/
.blue_tab { color: #FFFFFF; background-color: #0a1844; font-size: 11px; font-weight: bold; text-align: center; padding: 0 7px 0 7px; }
.light_blue_tab { color: #91b3d6; background-color: #1b4d82; font-size: 11px; font-weight: bold; text-align: center; padding: 0 7px 0 7px; }
.scores_sub_nav { background: #FFFFFF url(landing/scores_nav_btm.gif) no-repeat top; font-size: 11px; color: #FFFFFF; padding: 0 0 0 0; }
.scores_date { font-size: 10px; font-style: italic; color: #FFFFFF; padding: 0 0 0 10px; }
.scores_sport_select { font-size: 11px; font-style: italic;	color: #76a0cc;	padding: 0 0 0 10px; }
.scores_dropdown { margin: 0 10px 0 0; color: #010066; font-size: 11px; width: 105px; }
.scores_more_live { color: #FFFFFF; font-size: 11px; padding: 0 14px 0 0; font-weight: bold; }
table.scores tr td { color: #010066; font-size: 11px; padding: 0 10px 0 10px; background: #f1f2f9 url(landing/scores_gradient_row.gif) repeat-x top; border-bottom: 3px solid #FFFFFF; }
table.scores tr.alt td { color: #010066; font-size: 11px; padding: 0 10px 0 10px; background-image: none; background-color: #e6e7ec; border-bottom: 3px solid #FFFFFF; }
.scores_button { height: 25px; width: 79px; text-align: center; background-image: url(http://www.supersport.co.za/common/landing/lightblue_button.jpg); color: #FFFFFF; font-weight: bold; cursor: default; cursor: hand; }
.scores_button_selected { height: 25px; width: 79px; text-align: center; background-image: url(http://www.supersport.co.za/common/landing/darkblue_button.jpg); color: #FFFFFF; font-weight: bold; cursor: default; cursor: hand; }
.scores_button a, .scores_button_selected a { color: #FFFFFF; text-decoration: none; }
	
/*---------- Advert Styles ----------*/
.ad_copy { font-size: 9px; color: #909abb; padding: 0 20px 3px 0; background-color: #FFFFFF; text-align: right; vertical-align: top; }
.ad_pic { border: 1px solid #909abb; }
	
/*---------- Sports Talk Styles ----------*/	
.st_columnist_pic { margin: 0px 10px 0 10px; border: 1px solid #0a1844; }
.st_columnist_pic1 { margin: 0px 10px 0 5px; border: 1px solid #0a1844; }
.st_columnist { font-size: 12px; color: #010066; padding: 0; font-weight: bold; }
.st_columnist a:link, .st_columnist a:visited, .st_columnist a:active { font-size: 12px; color: #010066; padding: 0; font-weight: bold; text-decoration: none; }
.st_columnist a:hover { font-size: 12px; color: #010066; padding: 0; font-weight: bold; text-decoration: underline; }
.st_headline { font-size: 11px; color: #010066; padding: 0; font-weight: bold; }
.st_headline a:link, .st_headline a:visited, .st_headline a:active { font-size: 11px; color: #010066; padding: 0; font-weight: bold; text-decoration: underline; }
.st_headline a:hover { text-decoration: none; }
.st_story { font-size: 11px; color: #7a7a95; padding: 0; font-weight: normal; }
.dotted_border { background: #FFFFFF url(landing/dot_brdr.gif) repeat-x bottom; }
	
/*---------- Action Attraction Styles ----------*/	
.action_bg { background: #010066 url(landing/action_attrac_bg.gif) no-repeat top left; }
.action_h { font-size: 10px; color: #FFFFFF; text-align: right; padding: 3px 15px 0 0; }
.action_filter { background: #010066 url(landing/action_dropdown_bg.gif) no-repeat top; font-size: 10px; color: #FFFFFF; padding: 0 15px 0 0; }
.action_dates_dropdown { width: 178px; font-size: 11px; color: #010066; margin: 0 0 0 15px; }
.action_sport_dropdown { width: 76px; font-size: 11px; color: #010066; margin: 0 0 0 8px; }
.action_channel_dropdown { width: 95px; font-size: 11px; color: #010066; margin: 0 0 0 8px; }
.action_event_dropdown { width: 88px; font-size: 11px; color: #010066;margin: 0 0 0 8px; }
.action_categories_bg { background: #010066 url(landing/action_category_h.gif) no-repeat top; }
.action_categories_copy { font-size: 11px; color: #FFFFFF; font-weight: bold; padding: 0 12px 0 15px; }
table.action tr td { color: #010066; font-size: 11px; padding: 0 10px 0 10px; background: #f1f2f9 url(landing/scores_gradient_row.gif) repeat-x top; border-bottom: 3px solid #FFFFFF; border-right: 2px solid #FFFFFF; }
table.action tr.alt td {  color: #010066; font-size: 11px; padding: 0 10px 0 10px; background-image: none; background-color: #e6e7ec; border-bottom: 3px solid #FFFFFF; border-right: 2px solid #FFFFFF; }
	
/*---------- Sports Poll Styles ----------*/	
.poll { color: #FFFFFF; background: #0F256E url(landing/poll_bg1.jpg) no-repeat top left; }
.poll td { font-size: 10px; }
.poll_question { padding: 15px 10px 5px 10px; }
.poll_options { padding: 0 10px 0 5px; }
.poll_radio_btn { margin: 0px 0px 0 0px; }
.poll_bottom { background-color: #193283; padding: 0 0 0 60px; }
.poll_btn { margin: 0 20px 0 0; }
.poll_btm { background: #193283 url(landing/poll_btm.jpg) no-repeat bottom; font-size: 11px; color: #FFFFFF; }
	
/*---------- Fantasy League Styles ----------*/	
.fantasy_copy { background: #010066 url(landing/fantasy_league_right.jpg) no-repeat top left; font-size: 11px; color: #FFFFFF; padding: 0 10px 5px 10px; text-decoration: none; }
.fantasy_copy a:link, .fantasy_copy a:visited, .fantasy_copy a:active { font-size: 11px; color: #FFFFFF; text-decoration: none; }
.fantasy_copy a:hover { font-size: 11px; color: #FFFFFF; text-decoration: underline; }	

/* ------------------------------------------------------------
	$7  Article Page
------------------------------------------------------------ */

/*---------- Articles Navigation Styles ----------*/	
.article_nav { padding: 0 0 0 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #6673a0; background-color: #f3f3f5; text-align:center; }
.article_nav ul { margin: 0; padding: 0; list-style: none; }
.article_nav li { float: left; list-style: none; padding: 0 10px 0 10px; border-right: 1px solid #6673a0; }
.article_nav div { float: left; padding-left: 2px; }
.article_nav li.last { float: left; list-style: none; padding: 0 0 0 9px; border-right: none; }
.article_nav a:link, .article_nav a:visited, .article_nav a:active { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #6673a0; text-decoration: none; }
.article_nav a:hover { color: #6673a0; text-decoration: underline; }
.article_text_minus { padding: 0 4px 2px 0; }
	
/*---------- Article Styles ----------*/	
.article_table { padding: 0 0 0 0; }
.article_cat { font-family: Arial, Helvetica, sans-serif; font-size: 22px; color: #c21717; padding: 0 10px 0 0; font-weight: bold; border-right: 2px solid #c21717; text-decoration: none; }
.article_cat a:link, .article_cat a:visited, .article_cat a:active { color: #c21717; text-decoration: none; }
.article_cat a:hover { color: #c21717; text-decoration: underline; }
.article_title { font-family: Arial, Helvetica, sans-serif; font-size: 22px; color: #010066; padding: 0 0 0 10px; font-weight: bold; text-decoration: none; }
.article_title a:link, .article_title a:visited, .article_title a:active { color: #010066; text-decoration: none; }
.article_title a:hover { color: #010066; text-decoration: underline; }
.article_auth { font-size: 11px; color: #9198b5; padding: 0; text-decoration: none; }
.article_header { padding-bottom: 10px; }
div.author { padding: 7px 0 0 0; }

/*---------- Article Pic Styles ----------*/	
.article_pic_table { margin: 7px 20px 18px 0; }
.article_pic_copy { font-size: 10px; color: #FFFFFF; padding: 9px 10px 6px 10px; background-color: #0a1844; line-height: normal; text-align: center; }
.article_pic_btm { background: #0a1844 url(articles/pic_table_btm.gif) no-repeat bottom left; padding: 5px 0 9px 0; font-size: 10px; color: #FFFFFF; }
.article_pic_btn_back { padding: 0 5px 0 10px; }
.article_pic_btn_fwd { padding: 0 10px 0 5px; }
.article_pic_btn_gallery { padding: 0 10px 0 0; }

/*---------- Article Content Styles ----------*/	
.article_content { font-size: 12px; color: #010066; line-height: 20px; }
.article_content a:link, .article_content a:visited, .article_content a:active { font-size: 12px; color: #c21717; line-height: 20px; text-decoration: underline; }
.article_content a:hover { font-size: 12px; color: #6673a0; line-height: 20px; text-decoration: underline; }

.article_content_fu { font-size: 14px; color: #010066; line-height: 20px; }
.article_content_fu a:link, .article_content_fu a:visited, .article_content_fu a:active { font-size: 14px; color: #c21717; line-height: 20px; text-decoration: underline; }
.article_content_fu a:hover { font-size: 14px; color: #6673a0; line-height: 20px; text-decoration: underline; }

.article_content_fd { font-size: 10px; color: #010066; line-height: 20px; }
.article_content_fd a:link, .article_content_fd a:visited, .article_content_fd a:active { font-size: 10px; color: #c21717; line-height: 20px; text-decoration: underline; }
.article_content_fd a:hover { font-size: 10px; color: #6673a0; line-height: 20px; text-decoration: underline; }

.article_vid { font-size: 10px; color: #010066; font-weight: bold; padding: 0 0 0 2px; text-decoration: none; }
.article_vid a:link, .article_vid a:active, .article_vid a:visited { font-size: 10px; color: #010066; font-weight: bold; text-decoration: none; }
.article_vid a:hover { text-decoration: underline; }
	
/*---------- Article Bottom Navigation Styles ----------*/	

.article_btm_nav_bg { background-color: #f3f3f5; padding: 0 15px 0 0; font-size: 11px; color: #6673a0; }
.article_btm_nav { padding: 0 0 0 5px; font-size: 11px; color: #6673a0; background-color: #f3f3f5; }
.article_btm_nav a:link, .article_btm_nav a:visited, .article_btm_nav a:active { font-size: 11px; color: #6673a0; background-color: #f3f3f5; text-decoration: none; padding-right: 15px; }
.article_btm_nav a:hover { font-size: 11px; color: #010066; background-color: #f3f3f5; text-decoration: none; }
.article_btm_nav ul { font-size: 11px; color: #6673a0; margin: 0; padding: 0; list-style: none; float:left; }
.article_btm_nav li { float: left; list-style: none; padding: 0 10px 0 10px; }
.article_btm_nav li.last { float: left; list-style: none; padding: 0 0 0 9px; margin: 0 0 0 0; border-right: none; }
.gallery_btm_nav_pagination ul { font-size: 11px; color: #6673a0; margin: 0; padding: 0; list-style: none; float:right; }
.gallery_btm_nav_pagination li { float: left; list-style: none; padding: 0 4px 0 4px; }
.gallery_btm_nav_pagination a:link, .gallery_btm_nav_pagination a:visited, .gallery_btm_nav_pagination a:active { font-size: 11px; color: #6673a0; background-color: #f3f3f5; text-decoration: none; padding-right: 4px; }
.gallery_btm_nav_pagination a:hover { font-size: 11px; color: #010066; background-color: #f3f3f5; text-decoration: none; }

/* ------------------------------------------------------------
	$8  Photo Gallery Page
------------------------------------------------------------ */

/*---------- Gallery Main Pic Styles ----------*/	
.page_category { padding: 0 0 15px 0; }
.gallery_pic_caption { background-image: url(photogallery/pic_caption_bg.png); font-size: 11px; color: #010066; padding: 8px 11px 8px 11px; vertical-align: top; }
.gallery_pic_copy { font-size: 10px; color: #010066; margin: 5px 0 0 0; }
.gallery_nav_bg { background: #0a1844 url(photogallery/pic_nav_bg.gif) no-repeat bottom; }
.gallery_nav { font-size: 11px; color: #9b9b9b; text-decoration: none; padding: 0 0 0 0; vertical-align: middle; }
.gallery_nav a:link, .gallery_nav a:visited { font-size: 11px; color: #9b9b9b; padding: 0 5px 0 5px; text-decoration: none; }
.gallery_nav a:active { font-size: 11px; color: #FFFFFF; padding: 0 5px 0 5px; text-decoration: none; }
.gallery_nav a:hover { font-size: 11px; color: #cccccc; padding: 0 5px 0 5px; text-decoration: none; }
.gallery_btn { margin: 0 5px 0 5px; }
.gallery_archive { margin-top: 0px; padding: 0 0 0 0; }
table.gallery_archive tr { background-color: #f3f3f5; }
table.gallery_archive tr td.mid { border-left: 1px solid #d5d8e3; border-right: 1px solid #d5d8e3; }
.gallery_archive_pic { border: 1px solid #909abb; }
.gallery_archive_copy { }
.gallery_archive_entry { font-size: 11px; color: #010066; line-height: 12px; text-decoration: none; }
.gallery_archive_entry a:link, .gallery_archive_entry a:visited, .gallery_archive_entry a:active { font-size: 11px; color: #010066; line-height: 12px; text-decoration: none; }
.gallery_archive_entry a:hover { font-size: 11px; color: #1b4d82; line-height: 12px; text-decoration: none; }
.gallery_archive_entry_date { font-size: 10px; color: #7c87ae; }
.gallery_view_btn { margin: 0 0 0 0; }

/* ------------------------------------------------------------
	$9  Video Gallery Page
------------------------------------------------------------ */

/*---------- Featured Video Styles ----------*/	
.video_btns { margin: 15px 13px 0 0; }
.video_quickfind { background: url(videogallery/quick_find_bg.jpg) no-repeat top left; padding: 20px 16px 16px 16px; margin-top: 25px; }
.video_dropdowns { width: 238px; color: #010066; font-size: 11px; margin: 10px 0 0 0; }
.featured_movie { margin: 0 17px 0 0; }
table.videoarchive td { width: 33%; background-color: #F3F3F3; vertical-align: top; padding-top: 10px; padding-bottom: 10px; }
table.videoarchivevideos td { padding: 0px; }

/* ------------------------------------------------------------
	$10  Content Page
------------------------------------------------------------ */

.content { font-size: 12px; color: #010066; line-height: 20px; padding-top: 10px; text-align: left; }

/* ------------------------------------------------------------
	Page Template (article style template without article info)
------------------------------------------------------------ */

.page_table { padding: 0 0 10px 25px; /* Use for article based templates that do not have Top article navigation - gets rid of top padding */ }
	
/* ------------------------------------------------------------
	Contact Us 
------------------------------------------------------------ */

/* Form style */

.formtable { border: 1px solid #d3dce7; background: #FFFFFF url(contact/formtable_bck.jpg) repeat-x top left; }
.formtable table td { padding: 17px 0 0 0; }
.formtable table { padding: 0 0 17px 0; }
/*.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; }*/
.formtable input { width: 170px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #010066; padding: 4px; border: 1px solid #7f97a9; background: #FFFFFF url(contact/input_bckgrnd.jpg) no-repeat top left; }
.formtable textarea { width: 170px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #010066; padding: 4px; border: 1px solid #7f97a9; background: #FFFFFF url(contact/input_bckgrnd.jpg) no-repeat top left; }
.formtable select { width: 179px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #010066; border: 0px #FFFFFF; background: #FFFFFF; }
td.formtablebutton input { background: #FFFFFF; }

/* Required field style */

.formtable table td span { font-size: 11px; color: #c21717; }
	
/* Freeform - Address - sidenav: this can be used for any freeform block in the sidenav */

.sidenav_freeform { font-size: 11px; color: #010066; padding: 15px 15px 0 15px; border-left: 1px solid #d1dbe6; border-right: 1px solid #d1dbe6; text-decoration: none; }
.sidenav_freeform a:link, .sidenav_freeform a:visited { font-size: 11px; color: #010066; text-decoration: underline; }
.sidenav_freeform a:hover { font-size: 11px; color: #6a719d; text-decoration: underline; }
	
/* ------------------------------------------------------------
	Action Attractions 
------------------------------------------------------------ */

#act_atr_h { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #FFF; text-align: left; padding: 6px 0 4px 149px; background: #8f8925 url(action_attract/head_bckgrnd.gif) no-repeat top left; border-bottom: 1px solid #fff; }
.act_atr_region { background-color: #071a52; }
.act_atr_region select, .act_atr_search select { font-size: 11px; color: #010066; }
.act_atr_search { padding: 12px 0 12px 0px; background: #781010 url(action_attract/search_bckgrnd.gif) no-repeat top left; border-top: 1px solid #5a699d; }
.act_atr_channel { font-size: 12px; background-color: #205287; }

/* Alt Sport Heading instead of channel */

.act_atr_sport { font-family: Arial, Helvetica, sans-serif; font-size: 21px; font-weight: bold; color: #dce4ed; padding: 0 10px 0 10px; }

/* Results */

.act_atr_results th { font-size: 10px; color: #0a1844; padding: 3px 0 4px 12px; background: #d2dce6 url(action_attract/timetable_head_bckgrnd.gif) repeat-x top left; border-top: 1px solid #fff; }
.act_atr_results td { font-size: 10px; color: #010066; padding: 0 0 0 12px; background: #f1f2f8 url(action_attract/timetable_td_bckgrnd.gif) repeat-x top left; border-top: 1px solid #fff; border-left: 1px solid #e7eaee; }
.act_atr_results td.last { border-right: 1px solid #e7eaee; }

/* ------------------------------------------------------------
	Fixtures/Logs/Results etc. 
------------------------------------------------------------ */

/* Fixtures Heading (please copy this style and change the ID and Name then appropriate bckgrnd img and padding for Logs/Results etc.) */

#fixtures_h { text-align: left; padding: 11px 0 10px 10px; background: #FFFFFF url(sitewide/darkblue_header.gif) no-repeat top left; border-bottom: 1px solid #fff; }
.fixtures_date { background-color:#205287; padding: 8px 10px 8px 10px; }
.fixtures_league { background-color:#205287; padding: 8px 10px 8px 10px; }

/* Results */

.fixtures_results th { font-size: 10px; color: #0a1844; padding: 7px 0 8px 12px; background: #d2dce6 url(action_attract/timetable_head_bckgrnd.gif) repeat-x top left; border-top: 1px solid #fff; }
.fixtures_results td { font-size: 10px; color: #010066; padding: 0 0 0 12px; background: #f1f2f8 url(action_attract/timetable_td_bckgrnd.gif) repeat-x top left; border-top: 1px solid #fff; border-left: 1px solid #e7eaee; }
.fixtures_results td.last { border-right: 1px solid #e7eaee; }
.fixtures_results td.center { text-align: center; font-size: 10px; color: #010066; padding: 0 0 0 0; background: #f1f2f8 url(action_attract/timetable_td_bckgrnd.gif) repeat-x top left; border-top: 1px solid #fff; border-left: 1px solid #e7eaee; }
.fixtures_results td.centerlast { text-align: center; font-size: 10px; color: #010066; padding: 0 0 0 0; background: #f1f2f8 url(action_attract/timetable_td_bckgrnd.gif) repeat-x top left; border-top: 1px solid #fff; border-left: 1px solid #e7eaee; border-right: 1px solid #e7eaee; }

.fixtures_header_left { background-image: url(sitewide/darkblue_header_left.gif); background-repeat: no-repeat; background-position: left; padding-left: 10px; color: #FFFFFF; }
.fixtures_header_right { background-image: url(sitewide/darkblue_header_right.gif); background-repeat: no-repeat; background-position: right; }
table.fixture_table_header { background-color: #0A1844; }

/* ------------------------------------------------------------
	Live Scores 
------------------------------------------------------------ */

.live_league th { font-size: 10px; color: #0a1844; padding: 7px 0 8px 12px; background: #d2dce6 url(action_attract/timetable_head_bckgrnd.gif) repeat-x top left; border-top: 1px solid #fff; }
.live_bodytble { background: #f6f7fb url(live/live_scoretble_bckgrnd.gif) repeat-x top left; border-left: 1px solid #e7eaee; border-right: 1px solid #e7eaee; }
.live_scorefnt { font-family: Arial, Helvetica, sans-serif; font-size: 30px; color: #557da8; }
.live_venuefnt { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #557da8; }
.live_teamfnt { font-family: Arial, Helvetica, sans-serif; font-size: 20px; color: #010066; padding: 0 0 0 30px; }
.live_teamfntr { font-family: Arial, Helvetica, sans-serif; font-size: 20px; color: #010066; padding: 0 30px 0 0; }
.live_scorerfnt { font-size: 11px; color: #010066; padding: 0 0 0 30px; }
.live_scorerfntr { font-size: 11px; color: #010066; padding: 0 30px 0 0; }
.live_score_tab { border-bottom: 2px solid #557da8; }
.live_score_active { background-color: #557da8; font-size: 11px; color: #FFFFFF; text-decoration: none; font-weight: bold; padding: 0 10px 0 10px; }
.live_score_active a:link, .live_score_active a:visited, .live_score_active a:active { font-size: 11px; color: #FFFFFF; text-decoration: none; }
.live_score_active a:hover { color: #010066; text-decoration: none; }
.live_score_inactive { background-color: #dde5ee; font-size: 11px; color: #345e8a; text-decoration: none; font-weight: bold; padding: 0 10px 0 10px; }
.live_score_inactive a:link, .live_score_inactive a:visited, .live_score_inactive a:active { color: #345e8a; text-decoration: none; }
.live_score_inactive a:hover { color: #010066; text-decoration: none; }
.live_scores_stats { font-size: 11px; color: #010066; padding: 10px 10px 0px 10px; }
.live_ss_dropdown { background: #FFFFFF url(live/score_selector_dropdown_bg.gif) no-repeat top left; font-size: 10px; color: #c21717; padding: 0 0 0 10px; text-align: left; text-decoration: none; }
.live_ss_dropdown a:link, .live_ss_dropdown a:visited, .live_ss_dropdown a:active { font-size: 10px; color: #c21717; text-decoration: none; }
.live_ss_dropdown a:hover { font-size: 10px; color: #940f0f; text-decoration: underline; }
.live_ss_padding { padding: 7px 8px 0 0; border-left: 1px solid #edb9b9; border-right: 1px solid #edb9b9; }
.live_morescores { font-size: 11px; color: #c21717; padding: 0 10px 0 10px; border-left: 1px solid #edb9b9; border-right: 1px solid #edb9b9; text-decoration: none; }
.live_morescores a:link, .live_morescores a:visited, .live_morescores a:active { font-size: 11px; color: #c21717; text-decoration: none; }
.live_morescores a:hover { color: #940f0f; text-decoration: underline; }

.notice { background: #FFD324; border: 2px solid #FFF6BF; color: #514721; margin: 0px 0px 18px 0px; padding: 10px 50px 10px 50px; text-align: center; }
.notice a { color: #514721; text-decoration: none; }
.notice a:hover { text-decoration: underline; }

a.rss { display: -moz-inline-block; display:inline-block; padding: 1px 20px 1px 2px; height:15px; line-height: 15px; border:0px solid #d8dfea; background:url(http://www.supersport.com/common/sitewide/feed-icon_orange-14px+.png) no-repeat top right; color: #6673a0; text-decoration: none; font-size: 11px; }
a.rss:hover { color:#fff; border-color:#295582; background:#3b5998 url(http://www.supersport.com/common/sitewide/feed-icon_orange-14px+.png) no-repeat top right; text-decoration:none; }
.article_btm_nav a.fb_share_button { display: -moz-inline-block; display:inline-block; padding: 1px 20px 1px 2px; height:15px; line-height: 15px; border:1px solid #d8dfea; background:url(http://b.static.ak.fbcdn.net/images/share/facebook_share_icon.gif?8:26981) no-repeat top right; color: #6673a0; text-decoration: none; font-size: 11px; }
.article_btm_nav a.fb_share_button:hover { color:#fff; border-color:#295582; background:#3b5998 url(http://b.static.ak.fbcdn.net/images/share/facebook_share_icon.gif?8:26981) no-repeat top right; text-decoration:none; }
.article_btm_nav a.rss { display: -moz-inline-block; display:inline-block; padding: 1px 20px 1px 2px; height:15px; line-height: 15px; border:1px solid #d8dfea; background:url(http://www.supersport.com/common/sitewide/feed-icon_orange-14px+.png) no-repeat top right; color: #6673a0; text-decoration: none; font-size: 11px; }
.article_btm_nav a.rss:hover { color:#fff; border-color:#295582; background:#3b5998 url(http://www.supersport.com/common/sitewide/feed-icon_orange-14px+.png) no-repeat top right; text-decoration:none; }

input.txtbox 
{
    width: 120px; 
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    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;
}

.white_txt  
{
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 11px; 
    color: #FFFFFF; 
}

.txtarea  
{
    width: 170px; 
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 11px; 
    color: #010066;
    padding: 4px; 
    border: 1px solid #7f97a9; 
    background: #FFFFFF url(contact/input_bckgrnd.jpg) no-repeat top left; 
    
}

.selectOption  
{
    width: 179px; 
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 11px; 
    color: #010066; 
 }

.link
{
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 11px; 
    color: #FFFFFF; 
    text-decoration: none;
}

.link:hover
{
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 11px; 
    color: #FFFFFF; 
    text-decoration: none;
}


/* Form style */
.warningMessage {color: Red;}
.goodMessage {color:Green;}

.formtableUser { border: 1px solid #d3dce7; width:650px; background: #FFFFFF url(contact/formtable_bck.jpg) repeat-x top left; }

/*.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; }*/
.inputType { width: 170px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #010066; padding: 4px; border: 1px solid #7f97a9; background: #FFFFFF url(contact/input_bckgrnd.jpg) no-repeat top left; }
.radiobutton { width: 170px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #010066; padding: 4px; border: 1px solid #7f97a9; background: #FFFFFF; }
.textareaType { width: 170px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #010066; padding: 4px; border: 1px solid #7f97a9; background: #FFFFFF url(contact/input_bckgrnd.jpg) no-repeat top left; }
.selectType { width: 179px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #010066; padding: 4px; border: 1px solid #7f97a9; background: #FFFFFF; }
.formText {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #010067;}
.formRequired {font-size: 11px; color: #c21717;}

a.video_link { color: #FFFFFF; font-weight: bold; text-decoration: none; font-size: 11px; }
a.video_link:hover { text-decoration: underline; }

.preload { display: none; height: 100%; width: 100%; background: url(http://www.supersport.com/common/sitewide/ajax-loader.gif) center no-repeat; }

.feature_header { width: 100%; height: 34px; background: #0A1844 url(sitewide/feature_header_left.jpg) top left no-repeat; }
.feature_header div { padding: 0 0 0 10px; line-height: 34px; background: url(sitewide/feature_header_right.jpg) top right no-repeat; color: #FFFFFF; font-family: arial; font-weight: bold; font-size: 13px; }

table.poll_detail td { font-size: 10px; }
table.poll_detail td.question { font-size: 11px; color: #010066; font-weight: bold; padding: 7px 5px 0 5px; }
table.poll_detail td.options { color: #010066; padding: 0 0 10px 0; }
table.poll_detail td.buttons { padding: 15px 0 0 0; background: #FFFFFF url(landing/dot_brdr.gif) repeat-x top; text-align: center; }

a.link_btn { margin: -1px 0 0 5px; background: url(sitewide/btn_left.jpg) center left no-repeat; padding: 5px 0 4px 0; }
a.link_btn span { margin: -1px 0 0 5px; line-height: 21px; font-weight: bold; color: #FFFFFF; Background: url(sitewide/btn_right.jpg) center right no-repeat; padding: 5px 13px 4px 10px; }
a.link_btn { color: #FFFFFF; font-weight: bold; text-decoration: none; }

.aa_search { background-color: #0A1844; }
.aa_searchbox { float: left; }
.aa_searchdetails { color: #FFFFFF; float: right; font-size: 10px; padding: 3px 10px 0 0; }
.aa_headers { background-color: #0A1844; padding-top: 5px; }
.aa_headers_tbl { background-color: #5A699D; }
.aa_headers_1 { background-color: #0A1844; color: #FFFFFF; font-weight: bold; text-align: center; font-size: 10px; }
.aa_headers_2 { background-color: #0A1844; color: #FFFFFF; font-weight: bold; text-align: left; font-size: 10px; }

.nav_sub { height: 34px; background: #FFFFFF url(sitewide/nav_sub_left.jpg) top left no-repeat; }
.nav_sub ul { margin: 0; padding: 10px 0 0 0; list-style: none; float:left; }
.nav_sub li { float: left; list-style: none; padding: 0 10px 0 10px; border-right: 1px solid #941313; }
.nav_sub li.last { float: left; list-style: none; padding: 0 0 0 9px; margin: 0 0 0 0; border-right: none; }
.nav_sub a:link, .nav_sub a:visited, .nav_sub a:active { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #941313; text-decoration: none; }
.nav_sub a:hover { color: #c28383; text-decoration: none; }
.nav_sub a.homepage { color: #010066; text-decoration: none; }
.nav_sub a.homepage:hover { color: #010066; text-decoration: underline; }

td.block_tl { width: 10px; height: 10px; background: url(sitewide/top_left_crnr.gif) top right no-repeat; }

.sitefooter a:link, .sitefooter a:visited, .sitefooter a:active { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; text-decoration: none; }
.sitefooter a:hover { color: #999999; text-decoration: none; }
.sitefooter ul { margin-top: 6px; padding: 0; list-style: none; float:left; }
.sitefooter li { float: left; list-style: none; padding: 0 10px 0 10px; border-right: 1px solid #FFFFFF; }
.sitefooter li.last { float: left; list-style: none; padding: 0 0 0 9px; margin: 0 0 0 0; border-right: none; }