body
{
    background-color: #F5F5F5;
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 13px;
    margin: 0;
    padding: 0;
}
a:link, a:active, a:hover, a:visited
{
    color: #1985b5;
}
a > img
{
    border: none;
}
h1
{
    color: white;
    font-size: 48px;
    margin: 20px 0px;
    padding-left: 60px;
    -moz-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
}
h1>a:link { text-decoration:none; }
h1>a:link, h1>a:active, h1>a:hover, h1>a:visited{ color:white; }
h2
{
    padding: 0px;
    font-size: 18px;
    font-weight: normal;
    margin: 0 0 5px 0;
    border-bottom: 1px solid #2D2D2D;
}
h2>.note { font-size:12px; }
h3
{
    padding: 0px;
    font-size: 15px;
    font-weight: bold;
    margin: 0 0 5px 0;
} 
ul
{
    color: #2D2D2D;
    list-style: none outside none;
    margin: 0px;
    padding: 0px;
}
.safe-browsing ul 
{
    list-style:disc outside none;
    padding-left:20px;  
}
ul > li
{
    padding-bottom: 6px;
}
ul > li > span
{
    font-size: 11px;
    line-height: 12px;
}
p
{
    color: #2D2D2D;
    line-height: 24px;
    margin: 0px;
    padding: 0px;
}
nav
{
    font-size: 18px;
}
.nav .mario { margin-left:20px; }
.nav .mario-standing { display:none; margin-left:20px; }
.cl { clear:left; }
.content
{
    /*background-color: #009BCA;*/
    background-image:url('/_files/contentbg-steel.jpg');
    border: 1px solid silver;
    border-radius: 20px;
    box-shadow: 0pt 6px 15px 1px silver;
    min-height: 640px;
    margin: 60px auto 20px;
    overflow: auto;
    position: relative;
    width: 1024px;
    z-index: 100;
    -moz-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
}
.safe-browsing .content
{
    max-width: 1024px;
    width:90%;
}
.footer
{
    color: #2D2D2D;
    font-size: 11px;
    margin: auto;
    text-align: center;
    width: 1024px;
}
.werd
{
    position: absolute;
    right: 0px;
    top: 0px;
    text-align:center;
    width:200px;
    z-index: 1;
    
}
.werd>p>iframe
{
    width: 150px !important;
}
.twtr-widget
{
    z-index: 2;
}
.content-block, .content-block-wide, .content-block-full, .twitter-block
{
    background-color: white;
    border: 1px solid gray;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 0pt 0pt 5px 0pt gray;
    float: left;
    margin-left: 65px;
    margin-bottom: 15px;
    padding: 15px;
    position: relative;
    min-height: 200px;
    width: 220px;
    z-index: 10;
    -moz-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
}
.learn-online
{
    margin-left: 20px;
    width: 264px;
}
.content>.nav
{
    min-height: 120px;
    top: -15px;
    /* hopefully the only hack.. IE 6 & 7 need a push */
    *min-height:175px;
    *top:0px;
    /* end tragic hackery */
    position: relative;
    z-index: 15;
}
.content-block-wide
{
    min-height: 165px;
    width: 536px;
}
.content-block-full
{
    min-height: 165px;
    width: 84%;
}
.external-block
{
    padding: 10px;
    position: absolute;
    top: 10px;
    right: 13px;
    width: 300px;
    -moz-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
}
.external-block > a
{
    border-radius: 10px;
    box-shadow: 0px 0px 1px 1px gray;
    display: block;
    float: left;
    height: 48px;
    width: 48px;
    margin-left: 30px;
    -moz-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
}
.external-block > a.first
{
    margin-left: 0px;
}
.external-block > a > img
{
}
.twitter-block
{
    margin-bottom: 0px;
    padding: 8px;
    position: relative;
    width: 260px;
}
.tilted-right
{
    -moz-transform-origin: left top;
    -moz-transform: rotate(30deg);
    -webkit-transform-origin: left top;
    -webkit-transform: rotate(30deg);
    -o-transform-origin: left top;
    -o-transform: rotate(30deg);
    -ms-transform-origin: left top;
    -ms-transform: rotate(30deg);
}

/*safety */
.safe-browsing p { line-height:17px; padding-bottom:15px; }
.safe-browsing ul { padding-bottom:5px; }
.safe-browsing .content-block-full p:last-child { border-top:1px solid #3C3C3C; padding-top:5px; }

/* game */
.nintendo .content-block-full .games-cont { height: 500px; overflow:auto;
    scrollbar-3dlight-color:silver; 
    scrollbar-arrow-color:white; 
    scrollbar-base-color:gray; 
    scrollbar-darkshadow-color:black; 
    scrollbar-face-color:rgb(0, 155, 202); 
    scrollbar-highlight-color:white; 
    scrollbar-shadow-color:black;
}
.nintendo .filter { padding-bottom:10px; border-bottom:1px solid #3C3C3C; }
.nintendo .filter input { width:250px; }
.nintendo .filter label { padding-right:20px;}
.nintendo table { float:left; margin-left:20px; width:45%; }
.nintendo table td 
{
    border:1px solid #77C8FF;
    border-radius: 10px 0px 0px 0px;
    padding:4px 5px 4px 4px; 
    text-align:right;
}
.nintendo table td.game  
{
    background-color:#E9E9E9;
    border:none;
    border-radius: 0px 10px 10px 0px;
    font-size:16px;
    text-align:left;
}
.nintendo table a { margin:0 0 0 8px; }
.playnintendo .nescafe, .playnintendo .jsnes  
{
    display:block;
    float:left;
    border-radius: 10px;
    box-shadow: 0pt 6px 15px 1px silver;
    margin:30px 0;
    padding:10px;
    text-align:center;
    text-decoration:none;
    width:46%;
}
.playnintendo a > span { display:block; text-decoration:underline; }
.playnintendo .jsnes { margin-left: 15px; }
.playnintendo .game-block  
{
    border-radius: 10px;
    box-shadow: 0pt 6px 15px 1px silver;
    margin:30px 0;
    overflow:auto;
    padding:5px;
    position:relative;
    width:98%;
}
.playnintendo .game-player {float:left; text-align:center; width:61%;}
.playnintendo .game-info { float:right; padding-left:10px; width:36%; }
.playnintendo .game-info table { width:250px; }
.playnintendo .game-info table td { border:1px solid gray; padding:4px; }
.playnintendo .game-info th { background-color:silver; border:1px solid gray; font-size:13px; font-weight:normal; }

/* mobile styles */
body, div, table, tr, td, p, ul, li, span, a { -webkit-tap-highlight-color: rgba(0,0,0,0);  }

/*-----------------------------------------------------------------------------------------------*/
/*                                         TOOLTIP STYLES                                        */
/*-----------------------------------------------------------------------------------------------*/

.tip {
	width: 320px;
	display: none;
	line-height:16px;
	padding:0;
	position: absolute;
	z-index: 500;
}
.tipTop{
	background: transparent url(/_files/tooltip/tipBtm.png) no-repeat top;
	height:32px;
	position:relative;
	z-index:510;
}
.tipPoint  
{           
            background-color:#3c3c3c;
            opacity:0.5;
            position:absolute; 
            height:24px; 
            width:24px;
            z-index:501;
            -moz-transform-origin: left top;
            -webkit-transform-origin: left top;
            -o-transform-origin: left top;
            -ms-transform-origin: left top;
            -moz-transform: rotate(45deg);
            -webkit-transform: rotate(45deg);
            -o-transform: rotate(45deg);
            -ms-transform: rotate(45deg);  
          }
.tipMid  
{
          color:#3c3c3c;
          border:1px solid gray;
          border-radius:10px;
	      box-shadow: 0 0 40px 0px gray;
	      background-color:transparent;
	      padding:10px;
	      position:relative;
	      z-index:502;
	      margin:0px;
	      background-image:url('/_files/contentbg-steel.jpg');
	     }/*background: transparent url(/_files/tooltip/tipMid.png) repeat-y;*/
.tipBtm {background: transparent url(/_files/tooltip/tipTop.png) no-repeat bottom; position:relative; height: 25px; z-index:503;}

.openExternal
{
    display: block; 
    background-color:#CCCCCC;
    border: 1px solid #908C8C; 
    color: #282727 !important;
    padding: 5px 0px; 
    margin:20px auto 0px auto; 
    overflow:hidden; 
    text-decoration:none !important; 
    text-transform:uppercase; 
    text-align:center; 
    width:120px;
}

.openExternal:hover
{
    text-decoration:underline !important;
}