﻿@font-face {
    font-family: "nintendoicons-light";
    src: url("fonts/nintendoicons-light.eot");
    src: url("fonts/nintendoicons-light.eot?#iefix") format("embedded-opentype"),
         url("fonts/nintendoicons-light.woff") format("woff"),
         url("fonts/nintendoicons-light.ttf") format("truetype"),
         url("fonts/nintendoicons-light.svg#nintendo_iconsLight") format("svg");
    font-weight: normal;
    font-style: normal;
}

/* CSS3 Buttons */

.btn,
.icon{
	font: 0.875em/1.35em Helvetica, Arial, sans-serif;
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-decoration: none;
	
	padding: 0.2em 0.9em;
	padding: 0.16em 1.8em 0.24em 0.9em;
	border-radius: 1em;
	-webkit-border-radius: 1em;
	-moz-border-radius: 1em;
	-o-border-radius: 1em;
	-khtml-border-radius: 1em;
	-moz-box-shadow:0 0.0625em 0.375em rgba(0,0,0,.3);
	-webkit-box-shadow:  0 0.0625em 0.375em rgba(0,0,0,.3);
	box-shadow: 0 0.0625em 0.375em rgba(0,0,0,.3);
	text-transform: uppercase;	
	
	white-space:nowrap;	
	-moz-user-select: none;
	-webkit-user-select: none;
	user-select: none;
	
	z-index: 100;
	zoom:1;
	
	position:relative;
}

.icon{
	cursor:default;
}
	
.btn{
	margin-bottom:0.4em;
}

.btn.noicon{
	padding: 0.16em 0.6em 0.24em 0.9em;
}

.small{
	padding: 0.16em 2em 0.24em 0.9em;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    font-size: 80%;
}
		
.big{
	font-size:1.25em;
}

/* white Button */
.white.btn {
	color: #808080;
	border: 1px solid #fff;
	text-shadow: 1px 1px 0px #fff;
	background: #fff;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlN2U3ZTciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #fff 0%, #e7e7e7 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#e7e7e7));
	background: -webkit-linear-gradient(top, #fff 0%,#e7e7e7 100%);
	background: -o-linear-gradient(top, #fff 0%,#e7e7e7 100%);
	background: -ms-linear-gradient(top, #fff 0%,#e7e7e7 100%);
	background: linear-gradient(to bottom, #fff 0%,#e7e7e7 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e7e7e7',GradientType=0 );
}

.white.btn:hover  {
	color: #008FE3;
	box-shadow: 0 0px 6px rgba(0,143,227,.9);
	-webkit-box-shadow: 0 0px 6px rgba(0,143,227,.9);
	background: #fff;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlN2U3ZTciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #fff 0%, #e7e7e7 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#e7e7e7));
	background: -webkit-linear-gradient(top, #fff 0%,#e7e7e7 100%);
	background: -o-linear-gradient(top, #fff 0%,#e7e7e7 100%);
	background: -ms-linear-gradient(top, #fff 0%,#e7e7e7 100%);
	background: linear-gradient(to bottom, #fff 0%,#e7e7e7 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e7e7e7',GradientType=0 );
}

.white.btn:active {
	color: #fff;
	border: 1px solid #0076BB;
	text-shadow: 0 0 2px #005485;
	background: #008fe3;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwOGZlMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDc2YmIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #008fe3 0%, #0076bb 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#008fe3), color-stop(100%,#0076bb));
	background: -webkit-linear-gradient(top,  #008fe3 0%,#0076bb 100%);
	background: -o-linear-gradient(top,  #008fe3 0%,#0076bb 100%);
	background: -ms-linear-gradient(top,  #008fe3 0%,#0076bb 100%);
	background: linear-gradient(to bottom,  #008fe3 0%,#0076bb 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008fe3', endColorstr='#0076bb',GradientType=0 );
}

/* blue Button */
.blue.btn{
	color: #fff;
	border: 1px solid #0076BB;
	text-shadow: 0 0 2px #005485;
	background: #008fe3;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwOGZlMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDc2YmIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #008fe3 0%, #0076bb 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#008fe3), color-stop(100%,#0076bb));
	background: -webkit-linear-gradient(top,  #008fe3 0%,#0076bb 100%);
	background: -o-linear-gradient(top,  #008fe3 0%,#0076bb 100%);
	background: -ms-linear-gradient(top,  #008fe3 0%,#0076bb 100%);
	background: linear-gradient(to bottom,  #008fe3 0%,#0076bb 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008fe3', endColorstr='#0076bb',GradientType=0 );
}

.blue.btn:hover{
	color: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#0076BB), to(#008FE3));
	background: -moz-linear-gradient(top, #0076BB, #008FE3);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0076BB', endColorstr='#008FE3',GradientType=0 );
	box-shadow: 0 0px 6px rgba(0,143,227,.9);
	-webkit-box-shadow: 0 0px 6px rgba(0,143,227,.9);
	-moz-box-shadow: 0 0px 6px rgba(0,143,227,.9);
}

/* red Button */
.red.btn{
	color: #fff!important;
	border: 1px solid #b8191f;
	background: #db1e25;
	background: -webkit-gradient(linear, left top, left bottom, from(#db1e25), to(#b8191f));
	background: -moz-linear-gradient(top,  #db1e25,  #b8191f);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#db1e25', endColorstr='#b8191f',GradientType=0 );
	text-shadow: 0 0 2px #741014;
}
	
.red.btn:hover {
	color: #fff;
	border: 1px solid #b8191f;
	background: #db1e25;
	background: -webkit-gradient(linear, left top, left bottom, from(#b8191f), to(#db1e25));
	background: -moz-linear-gradient(top, #b8191f, #db1e25);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#b8191f', endColorstr='#db1e25',GradientType=0 );
	box-shadow: 0 0px 6px rgba(0,143,227,.9);
	-webkit-box-shadow: 0 0px 6px rgba(0,143,227,.9);
	-moz-box-shadow: 0 0px 6px rgba(0,143,227,.9);
}

.red.btn.arrow_next:after,
.red.btn.arrow_right:after,
.blue.btn.arrow_next:after,
.blue.btn.arrow_right:after,
.white.btn.arrow_next:after,
.white.btn.arrow_right:after,
.close_right:after{
	top:24%;
	position:absolute;
}

/* Icons */

.btn.arrow_right:after,
.btn.arrow_next:after,
.arrow_next:after{
	content: ">";	
}

.arrow_prev:after{
	content: "<";
}

.btn:before,
.icon:before{
    margin-left: -0.25em;
    padding-right: 0.1em;
    content: "";
    float: left;
   	font: 160%/0.5em nintendoicons-light;
	padding-top: 0.25em;
    text-align: center;
    text-decoration: none;
    text-transform: none;
}
	
.btn:after,
.icon:after {
	font: 80%/1.25em nintendoicons-light;
	padding-left: 0.6em;
}

.arrow_left{
	padding-right:0.8em!important;	
}
	
.arrow_left:before{
	content: "<";
	padding-right:0.1em;
	font-size: 80%;
	line-height:1.25em;
	padding-top: 0.3em;
	margin-left: -0.45em;
}
