body, html {
    height:  100%;
    margin:  0px auto;
    padding: 0px auto;
    font-family: 'Open Sans', Sans-Serif;
}

div.fullscreen{ 
height:     auto;       /* These two lines were the key. */
    min-height: 100%
    /*overflow:   hidden;*/ /* Do not use this, it crops in small browsers. */
    margin:     0px auto;
    padding:    0px auto;


width:100%; 
background-color: green;
} 

.syn{
  width:100%;
  height:33%;
  background-color:#fbfbfb;
  overflow: auto;
  word-wrap: break-word;
 /* overflow-x: hidden;*/
}

.search{
  width:100%;
  height:34%;
  background-color:#d9d9d9;
}

.ant{
  width:100%;
  height:33%;
  background-color:#fbfbfb;
  overflow: auto;
  word-wrap: break-word;
  /*overflow-x: hidden;*/
}

.resText{
  width:99%;
  position: center;
  margin: 1%;
}

/*  ====================    input text   ================   */

.textbox { 
    background: white; 
    border: 1px solid #DDD; 
    border-radius: 5px; 
    box-shadow: 0 0 5px #DDD inset; 
    color: #000; 
    outline: none; 
    height:25px; 
    width: 160px; 
   } 
	


.inpWrap {
	position: fixed;
  margin-left: -80px;
  	left: 50%;
  	top: 58%; 
    /*-webkit-transform: translate(-50%, 0); */
    
}





/*  ==================    center button ==================== */

.round-button {
}
.round-button-circle {
  width: 90px;
  height: 90px;
  position:absolute;
  top: 45%;
  left: 50%;
   transform: translate(-50%, -50%);
  
  border-radius: 50%;
  border:6px solid #cfdcec;
    overflow:hidden;
    
    background: transparent linear-gradient(to bottom, #30879f 0%, #7daab7 100%) repeat scroll 0% 0%;
    box-shadow: 0 0 3px gray;
}
.round-button-circle:hover {
  background: transparent linear-gradient(to bottom, #1c7891 0%, #5b8692 100%) repeat scroll 0% 0%;
}
.round-button a {
    display:block;
  float:left;
  width:100%;
  padding-top:50%;
    padding-bottom:50%;
  margin-top:-0.7em;
    
  text-align:center;
  color:#e2eaf3;
    font-family:Verdana;
    font-size:2em;
    font-weight:bold;
    text-decoration:none;
}

/* ==========================  Button GO ============================*/
.buttonGO {
  width: 40px;
  height: 40px;
  position:absolute;
  top: 57%;
  left: 79%;
   border-top: 1px solid #96d1f8;
   background: #65a9d7;
   box-shadow: 0 0 2px gray;
  -webkit-border-radius: 50%;
   -moz-border-radius:50%;
   border-radius: 50%;
   
   }

.buttonGO:hover {
   border-top-color: #28597a;
   background: transparent linear-gradient(to bottom, #1c7891 0%, #5b8692 100%) repeat scroll 0% 0%;
   color: #ccc;
   }
.buttonGO:active {
   border-top-color: #1b435e;
background: transparent linear-gradient(to bottom, #1c7891 0%, #5b8692 100%) repeat scroll 0% 0%;
   }

   .goText{
    color: white;
   font-size: 15px;
   font-family: Helvetica, Arial, Sans-Serif;
   text-decoration: none;
   text-align:center;
   line-height : 37px;
   }


   /*==========  invisible text-box   =============*/

   .invTextBox{
    background: transparent;
    border: 0px; 
    border-radius: 0px; 
    box-shadow: 0 0 0px #DDD inset; 
    color: transparent; 
    outline: none; 
    height:1px; 
    width: 1px; 
   }

   .shadow {
   -moz-box-shadow:    inset 0 0 10px #30879f;
   -webkit-box-shadow: inset 0 0 10px #30879f;
   box-shadow:         inset 0 0 10px #30879f;
}