/* CSS Planet Teal Portal */
* { margin: 0px; padding: 0px; list-style: none }
/* Clearfix and clearing div*/
.cf:after { clear: both; display: block; content: "."; height: 0; visibility: hidden }
.cf { display: inline-block }
/* Hides from IE-mac \*/
* html .cf { height: 1% }
.cf { display: block }
/* End hide from IE-mac */
body { text-align: center; background:none }
.container { margin-left: auto; margin-right: auto; width: 780px; text-align: left }
a img { border: none }
a * { cursor: pointer }
p, span, div, li, ol, ul, blockquote, a { font-size: 12px; font-family: Tahoma,Arial,Helvetica,sans-serif }


.page_I p, .page_I span, .page_I div, .page_I ol, .page_I ul, .page_I blockquote, .page_I a {color:#fff}

/* reset the inherited body background attributes */
html {background:none !important}
body, #Form {background:none}
#bps-wrapper, #bps-footer {width:990px;margin:0 auto}


.DN { display: none }
/* Clearfix and clearing div*/
.cf:after { clear: both; display: block; content: "."; height: 0; visibility: hidden }
.cf { display: inline-block }
/* Hides from IE-mac \*/
* html .cf { height: 1% }
.cf { display: block }
/* End hide from IE-mac */
.cl { clear: both; width: 1px !important; margin: 0px !important; padding: 0px !important; font-size: 1px !important; line-height: 1px !important; height: 1px !important }
/*  Body-left content */
.btn_Shop { width: 320px; background-image: url(/Portals/74/images/buysomepowergear.gif); height: 120px }
.btn_Shop  a { width: 320px; display: block; height: 120px }
.btn_Membership { width: 320px; background-image: url(/Portals/74/images/getyourmembership.gif); height: 200px }
.btn_Membership  a { width: 320px; display: block; height: 200px }

/* Links */
.containerContent_O p { padding: 5px 0px 5px 0px; font-weight: 400 }
.containerContent_O p a { color: #ffcc33; font-weight: 700; font-size: 10px; text-decoration: none; height: 17px }
.containerContent_O p.cf { margin: 5px 0px; padding: 0px }
span.buttonText { float: left; padding: 2px 5px 0px 2px; color: #ffcc33; background-image: url(/Portals/74/images/BTN_text.gif); background-position: top left; background-repeat: repeat-x; font-size: 10px; font-weight: 700; height: 17px }
span.buttonLeft { float: left; width: 8px; display: block; background-image: url(/Portals/74/images/BTN_left.gif); background-position: left; background-repeat: no-repeat; height: 17px }
span.buttonRight { float: left; width: 12px; display: block; background-image: url(/Portals/74/images/BTN_right.gif); background-position: right; background-repeat: no-repeat; height: 17px }

/* Typography */
.containerContent_O h3 { padding-left: 0px; color: #ffffff; font-weight: 700 }
h3.articleHeader_I { padding-top: 10px }
.newsList_O .newsContent_O { }
.newsList_O .newsImage_O { float: right }
.newsList_O .newsImage_O .newsImage_I { padding: 5px 0px 5px 5px }
.newsList_O .newsContent_O h3 a { text-decoration: none }
.newsList_O .newsContent_O div.newsDate_I { color: #ffcc33; font-weight: 700 }
.serialItem { padding-top: 20px; background: url(/Portals/_default/Containers/tealContainer/images/divider2.gif) 0px 10px repeat-x }
h2.newsHeader_O span.newsHeader_I { font-weight: 700 }
div.newsDate_O { padding-bottom: 15px }
div.newsDate_O div.newsDate_I { color: #ffcc33; font-weight: 700 }
div.newsImage_O { float: right; padding: 0px 0px 10px 10px }

/* Player Profiles Page */
div.teamPlayerProfiles { padding: 0px 0px 0px 3px }
div.teamPlayerProfiles div.teamPlayerProfileContainer { float: left; width: 97px; text-align: center }
div.teamPlayerProfiles div.teamPlayerProfileContainer li { list-style: none }
div.teamPlayerProfiles div.IP { width: 60px; margin: 0px auto; text-align: left }
div.teamPlayerProfiles div.TD { width: 60px; margin: 0px auto; padding: 0px 0px 10px 0px; text-align: left }
div.teamPlayerProfiles div.relatedMediaContainer { display: none }
div.teamPlayerProfiles p.guernsey { display: none }
div.playerProfileDetailsContainer div.largeImgContainer { float: left; padding: 0px 10px 0px 0px }
div.playerProfileDetailsContainer div.playerProfileFastFacts div.PlayersDataTypes { float: left }
div.playerProfileDetailsContainer div.playerProfileFastFacts div.PlayersDataTypes h3 { font-size: 16px; font-family: "Helvetica", "Sans-Serif" }
div.playerProfileDetailsContainer div.playerProfileFastFacts div.PlayersDataTypes h5 { display: none }
div.playerProfileDetailsContainer div.playerProfileFastFacts div.PlayersDataTypes strong { float: left; width: 90px; clear: left; padding: 3px 0px }
div.playerProfileDetailsContainer div.playerProfileFastFacts div.PlayersDataTypes span.statValue { float: left; width: 140px; padding: 3px 0px }
div.playerProfileDetailsContainer div.playerProfileFastFacts div.PlayerStats { display: none }
div.statistics_O div.Ladder h3 { display: none }
div.statistics_O div.Ladder table { width: 395px }
div.statistics_O div.Ladder table th { color: #ffffff; text-align: left }
div.statistics_O div.Ladder table td { padding: 0px 2px 0px 0px; width: 400p; white-space: nowrap; color: #ffffff; font-size: 12px; font-family: "Tahoma", "Arial", "Helvetica", "Sans-Serif"; text-align: left }
/* Screensavers and Wallpapers */
div.screensaver { padding: 10px }
div.screensaver img { float: left; margin-right: 10px }
div.wallpaper { padding: 10px }
div.wallpaper img { float: left; margin-right: 10px }
div.game { padding: 0px 5px 40px 5px }
div.game h4 { padding: 0px 0px 20px 0px; color: #ffffff; font-weight: 700 }
div.game a { font-weight: 700 }
div.game.last { padding: 0px 5px 0px 5px }
div.crossword { padding: 0px 5px 40px 5px }
div.crossword h4 { padding: 0px 0px 20px 0px; color: #ffffff; font-weight: 700 }
div.crossword a { font-weight: 700 }
div.crossword.last { padding: 0px 5px 0px 5px }

/* Forms */
ul.formList { margin: 0px; padding: 0px; list-style: none }
ul.formList li { margin: 5px 0px 0px 0px; list-style: none }
label.standardLabel { float: left; width: 100px; font-weight: bold; text-align: left }
input.inputBox { float: left; width: 140px; font-weight: bold; text-align: left }
ul.heroMail { margin: 0px; padding: 0px; list-style: none }
ul.heroMail li { margin: 5px 0px 0px 0px; list-style: none }
ul.heroMail label.standardLabel { float: left; width: 100px; font-weight: bold; text-align: left }
ul.heroMail input.inputBox { float: left; width: 220px; font-weight: bold; text-align: left }
ul.heroMail select { float: left; width: 220px; font-weight: bold; text-align: left }
ul.heroMail textarea { float: left; width: 220px; font-weight: bold; text-align: left; height: 100px }
fieldset { border: 0px none #000000 }
#email_Form td.NormalBold { display: none !important }
#email_Form td table { display: none !important }
div.relatedLinks_O { clear: right; width: 180px; float: right; border-top: 2px solid; border-bottom: 2px solid; padding-top: 5px; padding-bottom: 5px; margin: 0px 10px 0px 20px }
div.relatedLinks_O h4 { padding-left: 20px; color: #ffffff; font-weight: 700 }
div.relatedLinks_O ul li { padding: 8px 0px 8px 20px; list-style: none; background: url( http://mm.afl.com.au/afl_archive/cp2/c2/webi/article/617095dh.gif) 2px 10px no-repeat }
div.comment_O div.comment_I { padding: 4px; background: #0098a6 }
div.comment_O h4.commentHeader_I { color: #ffcc33; font-size: 12px; font-family: "Tahoma", "Arial", "Helvetica", "Sans-Serif"; font-weight: 700 }
div.comment_O div.commentContent_I { color: #ffffff; font-size: 12px; font-family: "Tahoma", "Arial", "Helvetica", "Sans-Serif"; font-weight: 400 }
div.addCommentscontainer div.postComment label { width: 70px; float: left }
div.addCommentscontainer div.postComment input { width: 246px; float: left }
div.addCommentscontainer div.postComment textarea { width: 246px }
div.addCommentscontainer div.postComment span.commentPost { padding: 10px 0px; display: block; font-weight: 700 }
div.addCommentscontainer div.postComment div:after { clear: both; display: block; content: "."; height: 0; visibility: hidden }
div.addCommentscontainer div.postComment div { display: inline-block }
/* Hides from IE-mac \*/
* html div.addCommentscontainer div.postComment div { height: 1% }
div.addCommentscontainer div.postComment div { display: block }
/* End hide from IE-mac */
.BG { background: url(/Portals/_default/Skins/planetTeal/images/leftBG.jpg) top left transparent no-repeat }
.BG1 { background: url(/Portals/_default/Skins/planetTeal/images/leftBG1.jpg) top left transparent no-repeat }
.BG2 { background: url(/Portals/_default/Skins/planetTeal/images/leftBG2.jpg) top left transparent no-repeat }
.BG3 { background: url(/Portals/_default/Skins/planetTeal/images/leftBG3.jpg) top left transparent no-repeat }
.BG4 { background: url(/Portals/_default/Skins/planetTeal/images/leftBG4.jpg) top left transparent no-repeat }
div.itemVideo_O { padding: 5px 0px }
div.itemVideo_O div.image_O { float: left; padding-right: 5px }
div.itemVideo_O a { font-size: 11px }
table.advertisement_O { width: 400px }
table.advertisement_O td { width: 25%; background: #75ccd3; text-align: center; vertical-align: middle }
div.contactUs a.formLink strong { color: #ffffff; font-size: 12px !important }
div.contactUs a.formLink { color: #ffffff; font-size: 12px !important }
div#email_form span.Normal p a.formLink { color: #ffffff; font-size: 12px !important }

.DN { display: none }
div.page_O { text-align: center }
div.page_I { margin: 0px auto; width: 776px; text-align: left }
div.leftContent_O { width: 330px; float: left; overflow: hidden }
div.rightContent_O { width: 441px; float: left; padding-top: 32px; overflow: hidden }
div.rightContent_I { padding-right: 40px }
div.header_I { background: url(/Portals/_default/Skins/planetTeal/images/headerBG.gif) top left transparent repeat-x; height: 175px; overflow: hidden }
div.content_O { background: url(/Portals/_default/Skins/planetTeal/images/contentTile.gif) 0px 2px transparent }
div.content_M { background: url(/Portals/_default/Skins/planetTeal/images/contentBG.gif) top left transparent repeat-x }
div.leftContent_O { padding-top: 288px }
div.footerBar { background: url(/Portals/_default/Skins/planetTeal/images/footerBG.gif) top left transparent repeat-x; height: 40px }
div.footer_O { background: url(/Portals/_default/Skins/planetTeal/images/contentTile.gif) 0px 2px transparent }
div.adminFooter { background: #ffffff; height: 15px }

/*** Sorrento Footer Redesign ***/
div.sorrentoFooter_O { background: #0175b0; text-align: center; height: 31px }
div.sorrentoFooter_O div { text-align: center }
div.sorrentoFooter_O a { color: #ffffff; font-family: "Verdana", "Arial", "Sans-Serif"; font-size: 11px; line-height: 29px; text-decoration: none }
div.sorrentoFooter_O a:hover { text-decoration: underline }
div.sorrentoFooter_O ul { width: 730px; margin: 0px auto; overflow: hidden }
* html div.sorrentoFooter_O ul { position: relative; left: -20px }
div.sorrentoFooter_O li { padding: 0px 7px; float: left; list-style: none; background: url(/Portals/_default/Skins/planetTeal/images/sorrentoLeft.gif) center left transparent no-repeat; text-align: center; line-height: 29px; position: relative; left: -1px }
/*** End Sorrento Footer Redesign ***/

/*** Sorrento Header Redesign ***/
  /* BigPond Sorrento Header Start */
    div.sorrentoHeader_O { background: url(http://mm.afl.com.au/afl/sorrentoHeader/bg_header.gif) #ffffff repeat-x bottom left }
    div.sorrentoHeader_I { width: 100%; margin: 0px auto; position: relative; height: 55px; overflow: hidden }
    div.sorrentoHeader_O ul.bigPondLinks { margin: 0px; padding: 0px; list-style-type: none !important; position: absolute; left: 180px; top: 7px }
    div.sorrentoHeader_O ul.bigPondLinks li { float: left; clear: none; margin: 0px; padding: 0px 8px 0px 9px; list-style-type: none !important; background: transparent url(http://mm.afl.com.au/afl/sorrentoHeader/gr_links_divider.gif) no-repeat left center; font-family: verdana,helvetica,arial,sans-serif; font-size: 9px }
    div.sorrentoHeader_O ul.bigPondLinks li.first { background: none }
    div.sorrentoHeader_O ul.bigPondLinks li a:link, div.sorrentoHeader_O ul.bigPondLinks li a:visited { color: #666666; text-decoration: none }
    div.sorrentoHeader_O ul.bigPondLinks li a:hover, div.sorrentoHeader_O ul.bigPondLinks li a:active { color: #1177aa; text-decoration: underline }
    div.sorrentoHeader_O div#searchSensis { width: 170px; position: absolute; top: 30px; /*	right: 57px;*/ left: 600px }
    div.sorrentoHeader_O div#sensisLogo { width: 108px; float: left; background: url(http://mm.afl.com.au/afl/sorrentoHeader/bg_sensis_logo.gif) no-repeat; position: absolute; top: 1px; left: 1px; height: 15px; z-index: 2 }
    div.sorrentoHeader_O div#searchSensis input#findField { width: 107px; float: left; border: 1px solid #a5acb2; padding: 2px; margin: 0px; background: #ffffff; font-size: 10px; z-index: 1 }
    div.sorrentoHeader_O div#bigPondHeaderAd { position: absolute; top: 0px; right: 0px }
    div.sorrentoHeader_O div.sorrentoAFLLogo { display: none }
    div.sorrentoHeader_O div#bigPondLogo { position: absolute; left: 0px; top: 10px; height: 55px }
    div.sorrentoHeader_O ul.channelsNav { margin: 0px; padding: 0px; list-style-type: none !important; position: absolute; top: 25px; left: 147px; height: 30px; overflow: hidden }
    div.sorrentoHeader_O ul.channelsNav li { float: left; clear: none; margin: 0px; padding: 0px; list-style-type: none !important }
    div.sorrentoHeader_O div#bigPondLogo a img, div.sorrentoHeader_O ul.channelsNav li a img { border: 0px none #ffffff }
    #dnn_sorrentoFooter .noContainer_O .noContainer_I {display:none}
    ul.sorrentoLinks {left:0 !important;display:block;overflow:hidden !important;position:relative}
    ul.sorrentoLinks li {left:-1px}
  /* BigPond Sorrento Header Finish */
/*** End Sorrento Header Redesign ***/

/*** Footer ***/
ul.footerLinks_O { padding-left: 30px; line-height: 28px; height: 32px; overflow: hidden }
ul.footerLinks_O li { list-style: none; font-size: 12px; font-family: "Verdana", "Arial", "Sans-Serif"; line-height: 28px; height: 32px }
ul.footerLinks_O a { color: #ffffff }
ul.footerLinks_O a:hover { color: #2f4f4f }
/*** End Footer ***/

/*** Header ***/
/* Header banner LEFT */
.headerBannerOC { width: 780px; background-image: url(/Portals/_default/Skins/planetTeal/images/BG_header.gif); background-position: top left; background-repeat: repeat-x; height: 179px }
.headerBannerLeftOC { float: left; width: 200px; position: relative }
.headerBannerLeftOC h1 { width: 200px; background-image: url(/Portals/_default/Skins/planetTeal/images/h1_planetteal.gif); background-repeat: no-repeat; position: absolute; top: 20px; left: 15px; height: 158px }
.headerBannerLeftOC h1 a { display: block; height: 175px }
/* Header banner RIGHT w/ Nav */
.headerBannerRightOC { float: left; width: 770px }
.headerBannerRightOC ul { padding: 17px 0px 0px 243px }
.headerBannerRightOC li { float: left; display: inline; list-style-type: none }
.headerBannerRightOC li.catchup, 
.headerBannerRightOC li.catchup a { width: 101px; display: block; background-image: url(/Portals/_default/Skins/planetTeal/images/BTN_catchup.gif); background-position: 0px 158px; height: 158px }
.headerBannerRightOC li.catchup a:hover { background-position: 0px 0px }
.headerBannerRightOC li.send, 
.headerBannerRightOC li.send a { width: 83px; display: block; background-image: url(/Portals/_default/Skins/planetTeal/images/BTN_send.gif); background-position: 0px 158px; height: 158px }
.headerBannerRightOC li.send a:hover { background-position: 0px 0px }
.headerBannerRightOC li.download, 
.headerBannerRightOC li.download a { width: 92px; display: block; background-image: url(/Portals/_default/Skins/planetTeal/images/BTN_download.gif); background-position: 0px 158px; height: 158px }
.headerBannerRightOC li.download a:hover { background-position: 0px 0px }
.headerBannerRightOC li.learn, 
.headerBannerRightOC li.learn a { width: 84px; display: block; background-image: url(/Portals/_default/Skins/planetTeal/images/BTN_learn.gif); background-position: 0px 158px; height: 158px }
.headerBannerRightOC li.learn a:hover { background-position: 0px 0px }
.headerBannerRightOC li.play, 
.headerBannerRightOC li.play a { width: 77px; display: block; background-image: url(/Portals/_default/Skins/planetTeal/images/BTN_play.gif); background-position: 0px 158px; height: 158px }
.headerBannerRightOC li.play a:hover { background-position: 0px 0px }
.headerBannerRightOC li.win, 
.headerBannerRightOC li.win a { width: 84px; display: block; background-image: url(/Portals/_default/Skins/planetTeal/images/BTN_win.gif); background-position: 0px 158px; height: 158px }
.headerBannerRightOC li.win a:hover{ background-position: 0px 0px }
/*** End Header ***/

*+html .headerBannerRightIC ul { margin-top:-18px}
*html .headerBannerRightIC ul {margin-top:-18px}