/* global.css
   styles for all pages */

/* basic styles */
body, table, td, th, p, form, input, select, textarea, div, span {
   color: #666666;
   font-family: Verdana, Arial,  Monaco; 
   font-size: 10px;}

body {
   background-color: #ffffff;
   margin: 0;
   border: 0;
   padding: 0;}


a, area {
   outline: none;
   color: #0067C6;
   text-decoration: none;}

a:link {
   color: #0067C6;
   text-decoration: none;}

a:visited {
   color: #0067C6;}

a:hover {
   color: #0067C6;
   text-decoration: underline;}

a:active {
   color: #0067C6;}
   
form {
   margin: 0;
   padding: 0;}
   
img.block {
   display: block;}

/* global font classes */

.fs10 {
   font-size: 10px;}

.fs9 {
   font-size: 9px;}

.textArticle {
   color: #666666;
   font-family: Verdana, Arial,  Monaco;
   font-size: 11px;
   line-height: 15px;}

.textMain {
   color: #666666;
   font-family: Verdana, Arial,  Monaco; 
   line-height: 12px;}

.textLight {
   color: #cbcbcb;
   font-family: Verdana, Arial,  Monaco; 
   line-height: 12px;}

.textTight {
   color: #666666;
   font-family: Verdana, Arial,  Monaco; 
   line-height: 10px;}

.textLoose {
   color: #666666;
   font-family: Verdana, Arial,  Monaco; 
   line-height: 14px;}
   
.textSmall {
   color: #666666;
   font-family: Verdana, Arial,  Monaco; 
   font-size: 9px;
   }

.textYellow {
   padding: 2px 0px 0px 0px;
   color: #FFB546;}
   
.textIntro {
   padding-top: 6px;
   font-size: 12px;
   font-weight: bold;
   color:#5E5E5E;
   line-height: 18px;
}

.textBlue {
   color: #0067C6;
}

.cppUsername {
   color: #99ccff;
}

.hdrBlue { 
   color: #0067C6;
   font-weight: bold;
}

.textWhite {
   color: #ffffff;}
   
.lh16 {
line-height: 16px;
}

.text14 {
font-size: 14px;
}

#pollAnswer {
   padding: 4px 7px 2px 4px;
   z-index: 90;}

.newsDate {
   color: #666666;
   padding: 0px 0px 3px 0px;}

#hdrNewStuff {
   padding: 2px 8px 3px 8px;
   color: #ffffff;
   font-weight: bold;
   background-color: #999999;}

#hdrGotw {
   padding: 4px 8px 0px 0px;
   color: #8E9295;
   font-weight: bold;
   font-size: 14px;}

.bulletArrowBlue {
   padding: 1px 6px 0px 12px; 
   background-image: url(../img/bullet_bluearrow.gif);
   background-repeat: no-repeat;}


.bulletLight {
   padding: 1px 6px 2px 16px; 
   color: #ffffff;
   background-color: #5BABEB;
   background-image: url(../img/bullet_lightbluearrow.gif);
   background-repeat: no-repeat;}

.bulletGrey {
   padding: 1px 6px 3px 16px; 
   color: #666666;
   background-image: url(../img/bullet_lightbluearrow.gif);
   background-repeat: no-repeat;}

.bulletSubnav {
   padding: 1px 6px 2px 16px; 
   color: #666666;
   background-image: url(../img/bullet_lightbluearrow.gif);
   background-repeat: no-repeat;}   
   
.bulletNewStuff {
   padding: 0px 6px 3px 11px; 
   color: #666666;
   background-image: url(../img/bullet_newstuff.gif);
   background-repeat: no-repeat;}

.bulletDark {
   padding: 1px 6px 2px 15px; 
   color: #ffffff;
   background-color: #666666;
   background-image: url(../img/bullet_darkbluearrow.gif);
   background-repeat: no-repeat;}

.bulletGreyArrow {
   padding: 1px 6px 3px 10px;
   background-image: url(../img/bullet_greyarrow.gif);
   background-repeat: no-repeat;
}
.bulletDocument {
   background-image: url(../img/icons/icon_download.gif);
   background-repeat: no-repeat;
   padding: 4px 2px 5px 28px;
}

.bulletLeft {
   padding: 0px 0px 0px 11px; 
   background-image: url(../img/bullet_newstuff.gif);
   background-repeat: no-repeat;
   margin: 3px 0px;
}
.bulletBlank{
   padding: 0px 0px 0px 11px; 
   margin: 3px 0px;
}

.bulletDownload {
   padding: 1px 6px 3px 16px; 
   color: #666666;
   background-image: url(../img/bullet_download.gif);
   background-repeat: no-repeat;}

.bulletRegNsider {
   background-image: url(../img/icons/bullet_regnsider.gif);
   background-repeat: no-repeat;
   padding: 4px 2px 5px 18px;
}

.bulletRegMember {
   background-image: url(../img/icons/bullet_regmember.gif);
   background-repeat: no-repeat;
   padding: 4px 2px 5px 18px;
}

.sortSelect {
   padding: 1px 6px 2px 14px; 
   color: #FFB546;
   font-weight: bold;
   font-size: 9px;
   background-color: #666666;
   background-image: url(../img/bullet_yellowarrow.gif);
   background-repeat: no-repeat;}

.sortUnSelect {
   padding: 1px 6px 2px 14px; 
   color: #ffffff;
   font-weight: bold;
   font-size: 9px;
   background-color: #666666;
   background-image: url(../img/bullet_whitearrow.gif);
   background-repeat: no-repeat;}

.linkWhite {
   color: #ffffff;
   text-decoration: none;}
.u {
   text-decoration: underline !important;
}
a.linkWhite:link {
   color: #ffffff;
   text-decoration: none;}
   
a.linkWhite:visited {
   color: #ffffff;
   text-decoration: none;}   
   
a.linkWhite:hover {
   color: #ffffff;
   text-decoration: underline;}
   
.linkCCC {
   color: #cccccc;
   text-decoration: none;}

a.linkCCC:link {
   color: #cccccc;
   text-decoration: none;}
   
a.linkCCC:visited {
   color: #cccccc;
   text-decoration: none;}   
   
a.linkCCC:hover {
   color: #cccccc;
   text-decoration: underline;}
   
a.linkGrey:link {
   color: #666666;
   text-decoration: none;}
   
a.linkGrey:visited {
   color: #666666;
   text-decoration: none;}   
   
a.linkGrey:hover {
   color: #0067C6;
   text-decoration: underline;}
   
.linkYellow {
   color: #FF9900;
   text-decoration: none;}
   
.linkYellowPad {
   padding: 4px 4px 6px 0px;}
   
a.linkYellow:link {
   color: #FF9900;
   text-decoration: none;}
   
a.linkYellow:visited {
   color: #FF9900;
   text-decoration: none;}   
   
a.linkYellow:hover {
   color: #FF9900;
   text-decoration: underline;}
   
.red {
   color: #CC0000;}
   
/* global form classes */

.searchField {
   padding: 2px 2px 3px 4px;
   width: 66px;
   background-color: #E0E0E0;
   color: #666666;
   border: 1px solid #ffffff;}

.searchField {
   padding: 2px 2px 3px 4px;
   width: 66px;
   background-color: #E0E0E0;
   color: #666666;
   border: 1px solid #ffffff;}

.searchFieldTopnav {
   padding: 2px 2px 3px 4px;
   width: 66px;
   background-color: #E0E0E0;
   color: #666666;
   border: 1px solid #666666;}

.myNinFields {
   padding: 1px 2px 2px 4px;
   width: 99px;
   background-color: #E0E0E0;
   color: #666666;
   border: 0px solid #000000;}

.searchDrop {
   width: 102px;
   background-color: #E0E0E0;
   color: #666666;
   border: 0px solid #000000;}

.hotPromoHeadline {
   padding: 2px 4px 0px 0px;
   color: #666666;
   font-size: 9px;
   line-height: 12px;}
   
/* global containers */

#iframePad {
   padding: 5px 7px 5px 7px;}

#centerAll {}
#centerMe {
   position: relative;
   top: 10px;
   width: 770px;
   height: 100%;
   } 
#mainContentContainer {
   border: 0px solid #000000;
   position: absolute;
   top: 78px;
   left: 4px;
   width: 610px;
   height: 500px;}

#searchGamelist {
   border-right: 1px solid #000000;
   border-bottom: 1px solid #000000;
   width: 56px;
   padding: 2px 6px 2px 6px;}
   
#searchFieldsContainer {
   position: absolute;
   top: 4px;
   left: 74px;}
   
.dropdown {
   width: 120px;}
   
#containerPadding {
   position: relative;
   padding: 2px 6px 2px 6px;}
   
#esrbLink {
   border: 1px solid #3333FF;
   position: absolute;
   top: 2px;
   left: 660px;
   width: 106px;
   height: 34px;}
   
#button {
   border-right: 1px solid #000000;
   border-bottom: 1px solid #000000;
   padding: 2px 6px 2px 6px;
   float:left;}
   
#newsheadline {
   padding: 4px 6px 4px 6px;
   border-bottom: 1px solid #000000;}
   
#subfeature {
   padding: 4px 6px 4px 6px;
   border-bottom: 1px solid #000000;}
   
/* nav containers */

#topnavContainer {
   position: relative;
   border: 0px solid #000000;
   width: 770px;
   height: 57px;
   z-index: 99;}

#codebankContainer {
   position: absolute;
   top: 0px;
   left: 658px;
   width: 124px;
   z-index: 100;}

#mynintendoContainer {
   position: relative;
   width: 770px;
   height: 42px;
   background: url(../img/bg_subnav.gif);
   background-repeat: no-repeat;
   margin-bottom: 1px;}

#mynintendoLoggedOutContainer {
   position: relative;
   width: 770px;
   height: 42px;
   background: url(../img/bg_subnav_loggedin.gif);
   background-repeat: no-repeat;
   margin-bottom: 1px;}

#mynintendoUsernameContainer {
   position: absolute;
   top: 7px;
   left: 559px;}

#mynintendoJoinNow {
   position: absolute;
   top: 4px;
   left: 42px;
   z-index: 4;}
   
#mynintendoIcon {
   position: absolute;
   top: 7px;
   left: 7px;
   width: 28px;
   height: 28px;
   z-index: 2;}

#mynintendoNav {
   position: absolute;
   top: 4px;
   left: 42px;
   z-index: 4;}

#mynintendoNavLoggedIn {
   position: absolute;
   top: 7px;
   left: 14px;
   z-index: 4;}

#mynintendoLogin {
   position: absolute;
   top: 21px;
   left: 49px;
   z-index: 4;}
   
#mynintendoLoggedOut {
   position: absolute;
   top: 24px;
   left: 49px;
   z-index: 4;}

#footerContainer {
   position: relative;
   width: 770px;
   height: 71px;
   background-image: url(../img/bg_footer.gif);
   background-repeat: no-repeat;}

#esrbTable {
   position: absolute;
   top: 23px;
   left: 518px;
   z-inex: 20;}

#footerLinks {
   position: absolute;
   top: 25px;
   right: 260px;
   z-inex: 20;}

#footerLinks2 {
   position: absolute;
   top: 47px;
   right: 252px;
   z-inex: 20;}

.footerLinksPad {
   padding: 0px 14px 0px 14px;}

#footerText {
   width: 770px;
   padding: 12px 0px 12px 0px;
   font-size: 9px;}

/* tabs */
.tabOn {
   background-color: #666666;}
   
#tabText {
   padding: 3px 8px 0px 8px;
   font-weight: bold;}

.tabOff {
   background-color: #8e9295;}

/* cpp containers */
.cppBannerContainer {
   width: 168px;
   height: 99px;
   background-image: url(../img/bg_cppbanner.gif);}

.adBanner {
   padding: 5px 5px 0px 0px;}

.memberStatus {
   background-image: url(../img/bg_memberstatus.gif);
   background-repeat: no-repeat;
   padding: 1px 3px;
   color:#ffffff;
   width: 48px;
   height: 13px;
   font-size: 9px;
   font-weight: bold;
   overflow: hidden;
   text-align: left;
}

.memberName{
   background-image: url(../img/bg_membername.gif);
}

.memberStatusL {
   background-image: url(../img/bg_memberstatus_l.gif);
   background-repeat: no-repeat;
   padding: 1px 3px;
   color:#ffffff;
   width: 78px;
   height: 13px;
   font-size: 9px;
   font-weight: bold;
   overflow: hidden;
   text-align: left;
}

.memberNameL{
   background-image: url(../img/bg_membername_l.gif);
}


.bulletUnlocked {
   background-image: url(../img/bg_unlocked.gif);
   background-repeat: no-repeat;
   padding: 2px 2px 2px 20px;
   margin-top: 4px;
}


.bulletLeftnav {
   padding: 1px 6px 3px 16px; 
   color: #666666;
   background-image: url(../img/bullet_lightbluearrow.gif);
   background-repeat: no-repeat;
   margin-left: 9px;
}

.bulletLeftnav a{
   color:#666666 ! important;
}

.currentLn {
   background-image: none;
   font-weight: bold;
}

.unlockedLn {
   background-image: url(../img/bullet_game_unlocked.gif);
}

.unlockedSelected {
   background-image: url(../img/bullet_game_selected.gif);
}

.unlockedNsider {
   background-image: url(../img/bullet_npower_unlocked.gif);
}

.unlockedSelectedNsider {
   background-image: url(../img/bullet_npower_selected.gif);
}

.paidAd120 {
   margin-left: 7px;
   background-image: url(../img/text/bg_adbanner120.gif);
   background-repeat: no-repeat;
   padding-left: 34px;
   margin-bottom: 7px;
}

.pad14 {
   padding: 10px 14px;
}
.pad7 {
   padding: 7px;
}
.pad14x {
   padding: 14px 14px;
}
.margin07 {
   margin: 0px 7px 7px 7px;
}

.pad07 {
   padding: 0px 7px;
}
.pad6x7 {
   padding: 6px 7px;
}
.pad6x7x6 {
   padding: 4px 7px 6px;
}
.pad2x7 {
   padding: 2px 7px;
}

.pad2x0x2x7 {
   padding: 2px 0px 2px 7px;
}

.pad4x14 {
   padding: 4px 14px;
}

.pad7x14 {
   padding: 7px 14px;
}
.pad10 {
   padding: 10px;
}

.pad14x7 {
   padding: 14px 7px;
}

.pad7x0 {
   padding: 7px 0px;
}

.pad3x0 {
   padding: 3px 0px;
}

.pad14x0 {
padding: 14px 0px;
}
.pixelCorner {
   height: 1px;
   text-align: center;
}

.corner {
   margin: 0px 1px; 
   height: 1px;
   overflow:hidden;
}


/* image styles */

.hotPromoImage {
   padding: 4px 7px 7px 0px;}

   
.top10 {
padding: 6px 7px;
}   

.top10 .hdrBlue{
padding: 0px;
}

.top10 .textIntro{
   padding: 0px;
   line-height: 15px;
}

.ranking {
   padding-left: 4px;
   font-size:24px; 
   line-height: 22px; 
   font-family: "arial black",impact; 
   color:#FF9E0D;
}

.hrTile {
   background-image: url(../img/hr_tile.gif);
   background-repeat: repeat-x;
   height:7px;
   border: 1px solid;
}

.bgBlue {
   background-color:#0066CC;
}
.bgLightBlue {
   background-color:#5BABEB;
}
.bgLight {
   background-color:#eeeeee;
}
.bgMed {
   background-color:#E0E0E0;
}
.bgDark {
   background-color:#cccccc;
}
.bg999 {
   background-color:#999999;
}
.bgWhite{
   background-color:#ffffff;
}
.bg333{
   background-color:#333333;
}
.bg666 {
   background-color:#666666;
}

.bgVr28 {
   background-image: url(../img/vr_bg_28.gif);
   background-repeat: no-repeat;
   height:28px;
}

.bgVrWhiteLeft {
background-image: url(../img/vr_white_tile_left.gif);
background-repeat: repeat-y;
}

.LB333 {
   border-left: 1px solid #cccccc;
}

.greatWhite {
   font-weight: bold;
   color:#ffffff;
   font-size: 12px;
}

.paidAd168 {
   background-image: url(../img/text/bg_adbanner168.gif);
   background-repeat: no-repeat;
   padding-left: 48px;
   margin-top: 7px;
}

.paidAd154 {
   margin-left: 7px;
   background-image: url(../img/text/bg_adbanner154.gif);
   background-repeat: no-repeat;
   padding-left: 34px;
   margin-bottom: 7px;
   height: 100px;
}

.text90{
   padding: 1px 2px 2px 4px;
   width: 90px;
   background-color: #ffffff;
   color: #666666;
   border: 1px solid #CCCCCC;
}

.select130 {
   border: 1px solid cccccc;
   width: 130px;
   margin-right: 5px;
   margin-top: 2px;
}

.select170 {
   border: 1px solid cccccc;
   width: 170px;
   margin-right: 5px;
   margin-top: 2px;
}

.hdrBlue406{
   background-image: url(../img/hdr_bg_blue_406x2.gif);
   background-repeat: no-repeat;
   padding: 4px 7px;
   color:#ffffff;
   font-weight: bold;
   font-size: 12px;
   margin-bottom: 12px;
}

.hdrBlue406s{
   background-image: url(../img/hdr_bg_blue_406.gif);
   background-repeat: no-repeat;
   padding: 4px 7px;
   color:#ffffff;
   font-weight: bold;
   font-size: 12px;
}
.hdrBlue574{
   background-image: url(../img/hdr_bg_blue_574.gif);
   background-repeat: no-repeat;
   padding: 4px 7px;
   color:#ffffff;
   font-weight: bold;
   font-size: 12px;
}
.hdrBlue196{
   background-image: url(../img/hdr_bg_blue_196.gif);
   background-repeat: no-repeat;
   padding: 4px 7px;
   color:#ffffff;
   font-weight: bold;
   font-size: 12px;
}
.pageCurrentBlue {
   padding: 0px 2px 0px 2px;
   color: #ffffff;
   background-color: #666666;
}

.textGrey100 {
   width:100px;
   height: 15px;
   background-color:#E0E0E0;
   border:0px;
   margin-top: 2px;
}

.textWhite22 {
   width:22px;
   background-color:#ffffff;
   border:1px solid #C1C1C1;
   margin-top: 3px;
}

.textWhite30 {
   width:30px;
   background-color:#ffffff;
   border:1px solid #C1C1C1;
   margin-top: 3px;
}
.textWhite35 {
   width:35px;
   background-color:#ffffff;
   border:1px solid #C1C1C1;
   margin-top: 3px;
}

.textWhite40 {
   width:40px;
   background-color:#ffffff;
   border:1px solid #C1C1C1;
   margin-top: 3px;
}
.textWhite90 {
   width:90px;
   background-color:#ffffff;
   border:1px solid #C1C1C1;

}
.textWhite140 {
   width:140px;
   background-color:#ffffff;
   border:1px solid #C1C1C1;
   margin-top: 3px;
}

.textGrey140 {
   width:140px;
   background-color:#E0E0E0;
   border:1px solid #C1C1C1;
   margin-top:1px;

}
.bubble238 {
   background-image: url(../img/bubble_bg_238.gif);
   background-repeat: repeat-y;
}
.bubble168 {
   background-image: url(../img/bubble_bg_168.gif);
   background-repeat: repeat-y;
}

.bold12 {
   font-size: 12px;
   font-weight: bold;
}
.textarea270 {
   width: 270px;
   height: 100px;
   border:1px solid #C1C1C1;
   margin-top: 3px;
}

.alert {
   color:#CC0000;
}

.hrWhite15 {
   background-image: url(../img/hr_tile_white_15.gif);
   background-repeat: repeat-x;
   height: 15px;
}

.thumbWrap154 {
   background-image: url(../img/bg_thumbwrap154.gif);
   background-repeat: no-repeat;
   height:90px;
   overflow: hidden;
   text-align: center;
   margin-bottom: 6px;
}

#mastShort {
   background-repeat: no-repeat;
   width: 770px;
   height: 84px;
   margin-top: 1px;
}

.backButton {
   padding: 56px 14px 0px 0px;
}