button {
	outline:none;
	/* layout */

	/* text */
	text-decoration: 		none;
	text-shadow: 			rgba(255,255,255,.5) 0 1px 0;
	-webkit-user-select: 	none;
	-moz-user-select: 		none;
	user-select: 			none; 
	font-family:			Roboto-Bold; 
	white-space:nowrap;
	
	/* effects */
	-webkit-border-radius: 	0px;
	-moz-border-radius: 	0px;
	border-radius: 	0px;
	-webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, .25);
	box-shadow:  0px 0px 0px 0px rgba(0, 0, 0, .25);
	border:1px #cfcfcf solid;
    text-transform:uppercase;
	
	/* color */	 
	color:	#555;
    background: #fefefe; /* Old browsers */
    background: -moz-linear-gradient(top,  #fefefe 0%, #eeeeee 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #fefefe 0%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #fefefe 0%,#eeeeee 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #fefefe 0%,#eeeeee 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #fefefe 0%,#eeeeee 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */

}

button:active {
    border:1px solid #8fb9d0;
    -webkit-box-shadow: 0px 0px 21px 0px rgba(21, 136, 255, 0.25);
    -moz-box-shadow:    0px 0px 21px 0px rgba(21, 136, 255, 0.25);
    box-shadow:         0px 0px 21px 0px rgba(21, 136, 255, 0.25);
}

.key {
    width:7%;
 	margin-left:.5%;			
	margin-right:.5%;
    font-size: 150%; 
}

.spaceBar {
    width:50%;  
    color:#999;
    font-size:100%;
    padding-top:1%;
    padding-bottom:1%;
}

.keyRed {
    color:#903;
}

.searchButton {
    background: #1d8fd5; /* Old browsers */
    background: -moz-linear-gradient(top,  #1d8fd5 0%, #1454ab 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1d8fd5), color-stop(100%,#1454ab)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #1d8fd5 0%,#1454ab 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #1d8fd5 0%,#1454ab 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #1d8fd5 0%,#1454ab 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #1d8fd5 0%,#1454ab 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1d8fd5', endColorstr='#1454ab',GradientType=0 ); /* IE6-9 */
    border:1px solid #8fb9d0;
    color:#fff;
    text-transform:uppercase;
    padding:5%;
    font-size:175%;
    transition-property: opacity;
    transition-duration: .5s;
    -webkit-box-shadow: 0px 0px 31px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow:    0px 0px 31px 0px rgba(0, 0, 0, 0.25);
    box-shadow:         0px 0px 31px 0px rgba(0, 0, 0, 0.25);
}
.searchButton:active {
    -webkit-box-shadow: 0px 0px 31px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow:    0px 0px 31px 0px rgba(0, 0, 0, 0.25);
    box-shadow:         0px 0px 31px 0px rgba(0, 0, 0, 0.25);
    color:#ffcf5b;
}
.searchButton:disabled {
    opacity: .25;
    transition-property: opacity;
    transition-duration: .5s;
}
#backButton {
    padding-right:15%;   
}

#fullScreenCloseButton {
    position:absolute;
    display:none;   
    height:5%;
    background: #1d8fd5; /* Old browsers */
    background: -moz-linear-gradient(top,  #1d8fd5 0%, #1454ab 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1d8fd5), color-stop(100%,#1454ab)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #1d8fd5 0%,#1454ab 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #1d8fd5 0%,#1454ab 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #1d8fd5 0%,#1454ab 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #1d8fd5 0%,#1454ab 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1d8fd5', endColorstr='#1454ab',GradientType=0 ); /* IE6-9 */
    border:1px solid #8fb9d0;
    color:#fff;
    text-transform:uppercase;
}

@media (orientation: portrait) {

    .searchButton {
        padding:3%;
        font-size:225%;
    }
    #backButton {
        padding-right: 6%;
    }

#fullScreenCloseButton {
    height:9%;
    top: 83%
}
}