#search-heading {
	position: absolute;
	top: 420px;
	left: 0px;
	width: 1920px;
	height: 46px;
	/*background: url("../images/buttons/btn7.png") center center no-repeat;*/
	background-size: 100% 100%;
	font-family: "Myriad Pro", sans-serif;
	font-size: 42px;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	color: #fff;
}
#search_keyboard {
	position: absolute;
	top: 1080px;
	left: 0px;
	width: 1080px;
	/*height: 251px;*/
	z-index: 2;
	font-family: "Myriad Pro", sans-serif, Times, "Myriad Pro", sans-serif;
	font-size: 42px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	color: #fff;
}
.search-input{
	background-color: #fff;
	border:solid white 1px;
	padding:0 20px;
	font-size: 42px;
	font-weight:normal;
	letter-spacing:3px;
	color: #000;
	font-family: "Myriad Pro", Helvetica, sans-serif;

}
#search_keyboard .button {
	font-family: "Myriad Pro", sans-serif, Times, "Myriad Pro", sans-serif;
	color: #fff;
	cursor: hand;
	font-size: 1em;
}

#search_keyboard .searchTop{
    /*
    background: url("../images/buttons/btnwide.png") center center no-repeat;
    background-size: 95% ;*/
    background-color: rgb(49, 49, 36, .8);
    border:solid red rgba(0,0,0,0) 6px;
    cursor: pointer;
        width: 236px;   
}
#search_keyboard .searchSpace{
    /*background: url("../images/buttons/btnwider.png") center center no-repeat;
    background-size: auto 100%;*/
    background-color: rgb(49, 49, 36, .8);
    border:solid red rgba(0,0,0,0) 6px;
    cursor: pointer;
        width: 336px;   
}
#search_keyboard table {border-collapse:separate;border-spacing:6px;}
#search_keyboard table td table td{
    background-color: rgb(49, 49, 36, .8);
    border:solid red rgba(0,0,0,0) 6px;
    cursor: pointer;    
    /*background:url("../images/buttons/btn5.png") center center no-repeat;*/
/*    border-radius: 10px;*/
    border: 3px solid white;
}
#search_keyboard table td table tr{
    /*background-color:white;*/
    border:solid red 0px;
    height: 63px;
}
#searchdata {
    position: absolute;
    top: 103px;
    left: 0px;
    height:711px;
    width: 1920px;
    z-index: 5;
    font-family: "Myriad Pro", sans-serif, Times, "Myriad Pro", sans-serif;
    font-size: 14px;
    font-weight: 100;
    text-align: center;
    color: #fff;
/*    border-top: 2px #fff solid;*/
/*    border-bottom: 2px #fff solid;*/
/*   background-color: rgb(26, 82, 118, .4);*/
}
#searchdata table{
	border-collapse:separate;
	border-spacing:10px 0px;
	margin:0 auto;
}
.result-cell{
/*	border-top:solid #fff 5px;
	border-bottom:solid #fff 5px;*/
	background: url("../images/buttons/buttonwider.png") center center no-repeat;
	background-size: 301px 90%;

}
.resultsbutton {
	font-family: "Myriad Pro", sans-serif, Times, "Myriad Pro", sans-serif;
	color: #fff;
	font-weight: bold;
	cursor: pointer;
	padding:0 8px;
	font-size: 1.5em;
	width: 300px;
}
.search-navigation {
    position: absolute;
    z-index: 9;
    top: 835px;
    left: 595px;
    text-align: center;
    color: #fff;
    font-size: 33px;
    font-family: inherit;
    font-weight: 800;
}
.btn-primary {
    border-radius: 0px;
    padding: 0;
    border: 2px #fff solid;
    color: #454547;
     background-color: #fff;
    width: 99px;
    height: 56px;
    font-size: 20px;
    line-height: 56px;
    float: left;
    margin-right: 1em;
    border-radius: 50px !important;
}
#search_keyboard {
    text-align: center;
    position: absolute;
    top: 111px;
    left: 0px;
    font-weight: bold;
    z-index: 2;
    width: 1920px;
    color: #fff;
    font-size: 22px;
    font-family: "Myriad Pro", sans-serif, Times, "Myriad Pro", sans-serif;
    height: 711px;
/*    border-top: 2px #fff solid;*/
/*    border-bottom: 2px #fff solid;*/
    padding-top: 140px;
/*      background-color: rgb(26, 82, 118, .4);*/
}
#search_keyboard .rowQwerty td {
    cursor: pointer;
    width: 55px;
    background-size: 100% 100%;
    background: url(../images/buttons/button5.png) center center no-repeat;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
td {
	z-index: 50;
}
#keyboard {
  display: flex;
  flex-flow: column;
  align-items: center;
  margin-top: 50px;
}

kbd {
  font-size: 28px;
  background-color: rgb(26, 82, 118, .6);
  padding: 3px 13px 6px 13px;
  border-radius: 3px;
  display: inline-block;
  /*border-bottom: solid 2px #999;*/
  text-transform: uppercase;
  margin: 0px 2px 0px 2px;
  height: 57px;
  width: 62px;
  line-height: 1.7;
  cursor: pointer;
/*  border-radius: 13px;*/
  color: white;
  border: 1px solid white;

}
.row {
  flex: 1 1 auto;
  margin-bottom: 10px;
}

#keyboard > div.keyboard-spacebar{
  height: 57px;
  width: 413px;
   background-color: rgb(26, 82, 118, .6);
  padding: 3px 13px 6px 13px;
  border-radius: 3px;
  display: inline-block;
  /*border-bottom: solid 2px #999;*/
  text-transform: uppercase;
/*   border-radius: 13px;*/
      border: 1px solid white;
}

/* Darker Black Buttons */
.keyboard-btn-delete,.keyboard-btn-go,.keyboard-btn-uparrow{
/*  background: #231F20;*/
  text-align: center;
}

/* Custom Button Sizes */
.keyboard-btn-go {
  text-transform: none;
  width: 112px;
}

.keyboard-btn-delete, .keyboard-btn-uparrow {
  width: 63px;
}

/* Delete Icon Image Height Initialize */
img[src$="delete.png"] { 
  height:28px;
  margin-top: .3em;
}

/* Keyboard Row Alignment*/
span.row:nth-child(3){
  margin-left: -20px;
}
span.row:nth-child(4){
  margin-left: 3px;
}
span.row:nth-child(5){
  margin-left: 35px;
}

/* Custom Text Input Styling*/
form > input[type="text"]{
  height: 44px;
  background: #fff;
  border: none;
  width: 580px;
  color: black;
  margin-bottom: 20px;
  font-size: inherit;
  font-family: inherit;
  text-transform: uppercase;
  padding-left: .5em;
}


/* Shift Functionality CSS for Jquery */
.lowercaseText {
  text-transform: lowercase;
}

.uppercaseText {
  text-transform: uppercase;
  padding-top: .5em;
}
ul > li {
   position: relative;
   display: inline;
}

ul > li > a > img[src*="images/"] {
  position: absolute;
  width: 100px;
  top: -7px;
  left: 0px;
} 