@charset "UTF-8";
/* CSS Document */

/* browser reset */
body, div, ul, ol, li, p, table, td, tr, th, dl, dd, dt, form, input,
textarea, button, select, option, h1, h2, h3, h4, h5, h6, h7 {
margin: 0px;
padding: 0px;
}

img{
border: none;
}


.clear{
overflow: hidden;
zoom:1;
}

.hidden{
display: none;
}

body{
font-size: 12px;
color:#666666;
font-family:Arial, Helvetica, sans-serif;
background: #2b7ed0 url(../img/bg_body.jpg) no-repeat scroll top center;
}

a, a:visited{
color: #2078fd;
text-decoration:none;
}

a:hover{
text-decoration:underline;
}

.mainContainer{
width: 1022px;
margin:0px auto;
padding: 0px;
background: url(../img/bg_mainContainer.png) repeat-y scroll 0 0;
_background: none;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/content/global/img/bg_mainContainer.png', sizingMethod='scale');

}

#mainContent{
width: 962px;
padding:0px 30px;
}

button{
color: #ffffff;
background-color:#ed228e;
padding: 2px 5px;
border:none;
}

button:hover{
cursor:pointer;
}

/* header BEGIN */
#header{
position: relative;
height: 150px;
padding: 0px 30px;
width: 962px;
overflow: hidden;
}

#disChrome{
/*background-color:#000000;*/
}

#disChrome table{
/*background-color:#000000;*/
margin: 0px auto;
}

#headerLogo{
display: block;
width: 244px;
height:110px;
position:absolute;
left: 0px;
top: 15px;
z-index:2;
text-indent: -9999px;
background: url(../img/txt_headerLogo.png) no-repeat scroll 0 0;
_background: none;
/*_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='../img/txt_headerLogo.png', sizingMethod='crop');*//*does not render in IE6*/
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/content/global/img/txt_headerLogo.png', sizingMethod='crop');
}

a#headerPlayNow{
display: block;
width: 238px;
height:130px;
position:absolute;
right: 0px;
top: 3px;
z-index:2;
text-indent: -9999px;
background: url(../img/btn_playNow.png) no-repeat scroll 0 0;
_background: none;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/content/global/img/btn_playNow.png', sizingMethod='crop');
}
a#headerPlayNow:hover{
background: url(../img/btn_playNowOvr.png) no-repeat scroll 0 0;
_background: none;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/content/global/img/btn_playNowOvr.png', sizingMethod='crop');
width: 256px;
height:139px;
}

#headerLogin{
left:535px;
list-style-type:none;
position:absolute;
top:10px;
}

#headerLogin li{
float: left;
margin-right: 10px;
font-size:10px;
color:#2078FD;
}

#headerNav{
width: 550px;
height:60px;
position:absolute;
left: 150px;
top: 35px;
z-index:1;
padding: 0px 85px;
list-style-type:none;
text-indent: -9999px;
background-position: 0px 447px;
}

#subNavContainer{
height:60px;
left:200px;
position:relative;
top:83px;
width:600px;
z-index:5;
}

#subNavContainer ul li{
list-style-type: none;
float:left;
position: relative;
top: 27px;
}

#subNavContainer ul li a{
display: block;
text-indent:-9999px;
height: 17px;
}

#headerNav, #headerNav li a, #headerNav li ul, #subNavContainer ul, #subNavContainer ul li a{
background-image: url(../img/bg_nav.png);
_background-image: url(../img/bg_navIE.gif);
}

#headerNav li{
float: left;
height: 60px;
position:absolute;
}

#headerNav li a{
display: block;
height: 60px;
background-position: 0px 507px;
}

/* toon hq */
#headerNavToonHQ, #headerNavToonHQ a{
width:120px;
}
#headerNavToonHQ a:hover, .toonHq #headerNavToonHQ a{
background-position: 1px 387px;
}
#headerNavToonHQ{
left:85px;
}
#headerNav #headerNavToonHQ ul{
width: 600px;
height:62px;
background-position: 0px 62px;
}

.toonHq #headerNavToonHQSub{
background-position:0 -180px;
_background: none;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/content/global/img/bg_navToonHq.png', sizingMethod='crop');
display:block;
height:61px;
margin-left:0px;
width:581px;
}

#headerNavToonHQSub #toonToonNews{
left: 29px;
}
#toonToonNews a{
width: 79px;
}
#toonNews #headerNavToonHQSub #toonToonNews a, #headerNavToonHQSub #toonToonNews a:hover{
background-position:0px 582px;
}

#headerNavToonHQSub #toonTopToon{
left: 37px;
}
#toonTopToon a{
width: 78px;
}
#topToons #headerNavToonHQSub #toonTop a, #headerNavToonHQSub #toonTopToon a:hover{
background-position: -91px 582px;
}

#headerNavToonHQSub #toonToonArt{
left: 42px;
}
#toonToonArt a{
width: 66px;
}
#toonArt #headerNavToonHQSub #toonArt a, #headerNavToonHQSub #toonToonArt a:hover{
background-position: -175px 582px;
}

#headerNavToonHQSub #toonToonFun{
left: 52px;
}
#toonToonFun a{
width: 69px;
}
#toonFun #headerNavToonHQSub #toonToonFun a, #headerNavToonHQSub #toonToonFun a:hover{
background-position: -250px 582px;
}

#headerNavToonHQSub #toonPlayersGuide{
left: 59px;
}
#toonPlayersGuide a{
width: 106px;
}
#playersGuide #headerNavToonHQSub #toonPlayersGuide a, #headerNavToonHQSub #toonPlayersGuide a:hover{
background-position:-325px 582px;
}

#headerNavToonHQSub #toonReleaseNotes{
left: 63px;
}
#toonReleaseNotes a{
width: 105px;
}
#releaseNotes #headerNavToonHQSub #toonReleaseNotes a, #headerNavToonHQSub #toonReleaseNotes a:hover{
background-position:-434px 582px;
}

/* about */
#headerNavAbout, #headerNavAbout a{
width:92px;
}
#headerNavAbout a:hover, .about #headerNavAbout a{
background-position: -120px 387px;
}
#headerNavAbout{
left:206px;
}

/* membership */
#headerNavMembership, #headerNavMembership a{
width:150px;
}
#headerNavMembership a:hover, .membership #headerNavMembership a{
background-position: -209px 387px;
}
#headerNavMembership{
left:292px;
}

.membership #headerNavMembershipSub{
background-position:0 -242px;
_background: none;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/content/global/img/bg_navMembership.png', sizingMethod='crop');
display:block;
height:61px;
margin-left:60px;
width:459px;
}

#headerNavMembershipSub #membershipJoin{
left: 29px;
}
#membershipJoin a{
width: 87px;
}
#join #headerNavMembershipSub #membershipJoin a, #headerNavMembershipSub #membershipJoin a:hover{
background-position:0px 564px;
}

#headerNavMembershipSub #membershipManage{
left: 42px;
}
#membershipManage a{
width: 109px;
}
#manageAccount #headerNavMembershipSub #membershipManage a, #headerNavMembershipSub #membershipManage a:hover{
background-position:-102px 564px;
}

#headerNavMembershipSub #membershipRedeem{
left: 56px;
}
#membershipRedeem a{
width: 90px;
}
#redeemCard #headerNavMembershipSub #membershipRedeem a, #headerNavMembershipSub #membershipRedeem a:hover{
background-position:-223px 564px;
}

#headerNavMembershipSub #membershipContact{
left: 70px;
}
#membershipContact a{
width: 80px;
}
#contact #headerNavMembershipSub #membershipContact a, #headerNavMembershipSub #membershipContact a:hover{
background-position:-325px 564px;
}

/* parents */
#headerNavParents, #headerNavParents a{
width:106px;
}
#headerNavParents a:hover, .parents #headerNavParents a{
background-position: -359px 387px;
}
#headerNavParents{
left:439px;
}

.parents #headerNavParentsSub{
background-position:0 -305px;
_background: none;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/content/global/img/bg_navParents.png', sizingMethod='crop');
display:block;
height:61px;
margin-left:198px;
width:459px;
}

#headerNavParentsSub #parentsRedeem{
left: 27px;
}
#parentsRedeem a{
width: 91px;
}
#redeemCard #headerNavParentsSub #parentsRedeem a, #headerNavParentsSub #parentsRedeem a:hover{
background-position:0px 546px;
}

#headerNavParentsSub #parentsManage{
left: 37px;
}
#parentsManage a{
width: 109px;
}
#manageAccount #headerNavParentsSub #parentsManage a, #headerNavParentsSub #parentsManage a:hover{
background-position:-102px 546px;
}

#headerNavParentsSub #parentsFaqs{
left: 54px;
}
#parentsFaqs a{
width: 38px;
}
#faqs #headerNavParentsSub #parentsFaqs a, #headerNavParentsSub #parentsFaqs a:hover{
background-position:-227px 546px;
}

#headerNavParentsSub #parentsMembership{
left: 65px;
}
#parentsMembership a{
width: 90px;
}
#membership #headerNavParentsSub #parentsMembership a, #headerNavParentsSub #parentsMembership a:hover{
background-position:-277px 546px;
}

/* help */
#headerNavHelp, #headerNavHelp a{
width:93px;
}
#headerNavHelp a:hover, .help #headerNavHelp a{
background-position: -464px 387px;
}
#headerNavHelp{
left: 546px;
}

.help #headerNavHelpSub{
background-position:0 -369px;
_background: none;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/content/global/img/bg_navHelp.png', sizingMethod='crop');
display:block;
height:61px;
margin-left:56px;
width:519px;
}

#headerNavHelpSub #helpFaqs{
left: 26px;
}
#helpFaqs a{
width: 43px;
}
#faqs #headerNavHelpSub #helpFaqs a, #headerNavHelpSub #helpFaqs a:hover{
background-position:0 527px;
}

#headerNavHelpSub #helpPlayersGuide{
left: 39px;
}
#helpPlayersGuide a{
width: 95px;
}
#playersGuide #headerNavHelpSub #helpPlayersGuide a, #headerNavHelpSub #helpPlayersGuide a:hover{
background-position: -56px 527px;
}

#headerNavHelpSub #helpContact{
left:55px;
}
#helpContact a{
width: 70px;
}
#contact #headerNavHelpSub #helpContact a, #headerNavHelpSub #helpContact a:hover{
background-position: -166px 527px;
}

#headerNavHelpSub #helpSubmit{
left:71px;
}
#helpSubmit a{
width: 88px;
}
#submitBug #headerNavHelpSub #helpSubmit a, #headerNavHelpSub #helpSubmit a:hover{
background-position: -250px 527px;
}

#headerNavHelpSub #helpManage{
left:85px;
}
#helpManage a{
width: 107px;
}
#manageAccount #headerNavHelpSub #helpManage a, #headerNavHelpSub #helpManage a:hover{
background-position: -353px 527px;
}
/* header END */

/* footer BEGIN */
#footer{
width: 1022px;
margin:0px auto;
text-align:center;
font-size:10px;
padding: 50px 0px 0px;
background: url(../img/bg_mainContainerBtmT.png) no-repeat scroll 0 0;
_background: none;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/content/global/img/bg_mainContainerBtmT.png', sizingMethod='crop');
}

#footerLinks1, #footerLinks2{
width: 260px;
margin:0px auto;
}

#footerLinks1{
margin-bottom: 10px;
}

#footerLinks1 li, #footerLinks2 li{
list-style-type: none;
display: inline;
}

#footer, #footer a, #footer a.dolFooterLnk{
color: #ffffff;
}
/* footer END */

/* boxes BEGIN */
.boxTop705x241{
background: url(../img/bg_boxTop705x241.png) no-repeat scroll 0 0;
height:15px;
width:960px;
}

.boxMid705x241{
background: url(../img/bg_boxMid705x241.png) repeat-y scroll 0 0;
width:960px;
_background: none;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/content/global/img/bg_boxMid705x241.png', sizingMethod='scale');
}

.boxBot705x241{
background: url(../img/bg_boxBot705x241.png) no-repeat scroll 0 0;
height:15px;
width:960px;
}

.boxTop241x705{
background: url(../img/bg_boxTop241x705.png) no-repeat scroll 0 0;
height:15px;
width:960px;
}

.boxMid241x705{
background: url(../img/bg_boxMid241x705.png) repeat-y scroll 0 0;
width:960px;
_background: none;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/content/global/img/bg_boxMid241x705.png', sizingMethod='scale');
}

.boxBot241x705{
background: url(../img/bg_boxBot241x705.png) no-repeat scroll 0 0;
height:15px;
width:960px;
}

.boxTop960{
background: url(../img/bg_boxTop960.png) no-repeat scroll 0 0;
height:15px;
width:960px;
}

.boxMid960{
background: url(../img/bg_boxMid960.png) repeat-y scroll 0 0;
width:960px;
}

.boxBot960{
background: url(../img/bg_boxBot960.png) no-repeat scroll 0 0;
height:15px;
width:960px;
}

.left705{float:left;width:705px;}
.left241{float:left;width:241px;}
.right705{float:right;width:705px;}
.right241{float:right;width:241px;}

.btmBorder{border-bottom: 3px solid #d4d4d4;}

/* boxes END */

/* arrows BEGIN */
.arrowBack{
background-image: url(../img/icon_arrowBack.png);
background-repeat: no-repeat;
background-position: left 1px;
padding: 0px 0px 1px 25px;
}

.arrowNext {
	background-image:url(../img/icon_arrow.png);
	background-repeat:no-repeat;
	background-position:right -30px;
	padding:0 25px 1px 0;
	height: 16px;
}

.arrowUp{
background-image: url(../img/icon_arrowUp.png);
background-repeat: no-repeat;
background-position: left center;
padding: 0px 0px 1px 22px;
}
/* arrows END */

.print{
background-image: url(../img/bg_print.png);
background-repeat: no-repeat;
background-position: left center;
padding: 10px 0px 10px 30px;
}

.hrDottedGray, hr{
background-image: url(../img/bg_hrDottedGray.png);
background-repeat: repeat-x;
}

hr{
height: 2px;
border: none;
margin: 25px 0px;
}

.hrSolid{
background-image:none;
border-bottom:3px solid #D4D4D4;

}
.imgFrame{
border: 1px solid #d4d4d4;
padding: 5px;
}

/*form begin*/
form#searchForm{
margin:10px 0px 20px 20px;
margin-left:20px;
}

form#searchForm .searchBoxWhite{
background:url(../img/bg_search-white.png) no-repeat scroll;
border:none;
width:335px;
height:40px;
float:left;
padding:5px 8px;
font-size:28px;
color:#666666;
top:0;
}

form#searchForm .btnSubmitBig{
cursor: pointer;
background: url(../img/btn_findIt-big.png) no-repeat scroll center left;
width: 162px;
height:50px;
float:left;
text-align: -9999px;
border: none;
margin-left:7px;
top:0;
}

/*form end */
/*did you know module start*/
.didYouKnow{line-height:18px;}
h2.didYouKnow{margin-bottom:10px;}
.didYouKnow img{ float:left; margin-right:10px;}
/*did you know module start*/

#ttLoginMsg1 a:link{color:#2078FD;text-decoration:underline;}
#ttLoginMsg1 a:visited{color:#2078FD;text-decoration:underline;}
#ttLoginMsg1 a:hover{color:#2078FD;text-decoration:underline;}
#ttLoginMsg1 a:active{color:#2078FD;text-decoration:underline;}

#ttLoginMsg2 a:link{color:#2078FD;text-decoration:underline;}
#ttLoginMsg2 a:visited{color:#2078FD;text-decoration:underline;}
#ttLoginMsg2 a:hover{color:#2078FD;text-decoration:underline;}
#ttLoginMsg2 a:active{color:#2078FD;text-decoration:underline;}

#ttPlayNow a:link,a:visited,a:hover,a:active{color:#2078FD;text-decoration:none;}
#ttPlayNow a:visited{color:#2078FD;text-decoration:none;}
#ttPlayNow a:hover{color:#2078FD;text-decoration:none;}
#ttPlayNow a:active{color:#2078FD;text-decoration:none;}

/*Begin Site Gating*/
#ttGate{background-color:#880303;color:#fff}
#ttBanner,#ttGameClosed,#ttCommerceClosed{width:994px;margin:0 auto;padding:5px}
#ttGate a:link{color:#fff;text-decoration:underline;}
#ttGate a:visited{color:#fff;text-decoration:underline;}
#ttGate a:hover{color:#fff;text-decoration:underline;}
#ttGate a:active{color:#fff;text-decoration:underline;}
/*End Site Gating*/

.ttError{color:#ff0000}
.ttInfo{font-size:8px;color:#ff0000}
.ttSm{font-size:8px}
.ttTmp{height:75px}
.ttMid{text-align:center}
.bold{font-weight:bold}

input.ttField{width:150px}