textarea {position: relative; font-family:arial,  helvetica, sans-serif;font-size:1.0em; margin-right:10px;margin-bottom:100px; width:99%; height:91%; resize: none; border: none;}
textarea:focus {outline: none !important; border-color: white} 	
body {margin:0;padding:0;font-family:arial,  helvetica, sans-serif;font-size:1.1em;}
#myIframe {position:absolute; z-index: 1; margin-right:10px;margin-bottom:100px; width:99%; height:91%; resize: none; border: none;}
#gresults_body {position:absolute; z-index: 2; border: none;}
#gdivdown{position: relative; margin: 6px 6px 6px 6px; height:170px; background-color: white; border-style: double; border-radius: 5px;}
#main h2 {color:#060;font-size:1.2em; text-align: center; padding-left: 5px; padding-right: 5px; border-bottom:1px solid #ccc;}
#counter1 {position: absolute; bottom: 2px; left:1px; width:98%; background-color: white; border-style: solid; border-color: white;}
#deltext1 {position:absolute; bottom: 3px; right: 9px; font-size:12px;color:#AAAAAA;cursor:pointer;} 
#counter2 {position: absolute; bottom: 2px; left:1px; width:98%; background-color: white; border-style: solid; border-color: white;}
#deltext2 {position:absolute; bottom: 3px; right: 9px; font-size:12px;color:#AAAAAA;cursor:pointer;} 
#container {width:auto; height: auto; max-width: 1200px; overflow: hidden; margin:0 auto; border:1px solid #000;padding-right: 0px;}
#header{height:60px; background-color:#77a13d;}
#header h1{color:#fff;font-size:18pt;margin:0;padding:15px 10px 10px 10px;text-align: center;}
#sidebar{width:auto; padding: 0;margin-bottom: 0;text-align: left;background-color: #005500;padding-left: 10px;padding-top: 5px;color: #ffffff;height: 30px;}
#sidebar a {color: #FFFFFF;text-decoration: none;font-size: 12pt;}
#footer {clear:both;border-top:1px solid #000;background:#77a13d;padding:10px;color:#fff;font-size:8pt;text-align:center;width:auto;}
#header h1 {color:#fff;font-size:1.3em; margin:0;padding:5px 10px 10px 10px;text-align: center;}	
#leftsidebar {height:620px; padding-right:5px;padding-bottom:5px;}
#rightsidebar {height:620px; }
#link {padding-left: 6px; padding-right: 6px;}
a.mlink{font-family:Tahoma;font-size:15px; margin-top:17px; color: #150BFF; }
a.spec{color:#060;font-weight:bold; font-size:0.8em; line-height: 2;}
a.menu{color:#060;font-weight:bold;font-size:15pt; line-height: 2;}
p {padding-left: 6px; padding-right: 6px; text-align: justify;}
p.lang {padding-left: 6px; padding-right: 6px; text-align: justify; font-size:0.8em;}
.clipboard.icon {position: absolute; z-index: 2; bottom: 6px; right: 9px; margin-top: 4px; margin-left: 4px; width: 11px; height: 13px; border: solid 1px #333333; border-top: none; border-radius: 1px; cursor: pointer;}
.clipboard.icon:before {top: -1px; left: 2px; width: 5px; height: 1px; border: solid 1px #333333; border-radius: 1px; }
.clipboard.icon:after {width: 3px; height: 1px;background-color: #333333;box-shadow: 8px 0 0 0 #333333; }
.icon:before, .icon:after {content: ''; position: absolute; display: block;}
.divtop{position: relative; margin: 6px 6px 6px 6px; height:170px; background-color: white; border-style: double; border-radius: 5px;}
.divdown{position: relative; margin: 6px 6px 6px 6px; height:170px; background-color: white; border-style: double; border-radius: 5px;}
.divlink{text-align:center; width:100%; height:22px; margin-top:9px;}
.gdown {margin-top: 10px;}
.gcenter, .gdown, .gleft, #ycenter, #ydown, #yleft, .gright, #yright  {margin-left: 2px; margin-top: 2px;}
.gright, .gleft, #yleft, #yright {height: 600px;} 
@media screen and (max-width:319px)	{
#from, #gfrom {float: left; margin-left:3px; margin-top:8px; width: calc(42% - 6px); height: 26px;}
#to,     #gto {float: left; margin-left:4px; margin-top:8px; width: calc(42% - 6px); height: 26px;}	
}
@media screen and (min-width:320px) and  (max-width:360px) {
#from, #gfrom {float: left; margin-left:3px; margin-top:8px; width: calc(45% - 6px); height: 26px;}
#to,     #gto {float: left; margin-left:4px; margin-top:8px; width: calc(45% - 6px); height: 26px;}
}
@media screen and (max-width:360px) {
#gbmain {position: relative; background-color: #EDF0F9; width: auto; height:457px;}
#swap1, #swap2 {margin-left:3px; margin-top:8px; height: 26px;float: left;}	
.mainwarp{background-color: #EDF0F9; height:80px; width:100%;}
.combowarp {height: 75px; border-color : #EDF0F9; border-style: solid;}
.buttonwarp {text-align: center; margin-top:36px;}
.mobile{width:100%; height:6px;margin-top:1px;margin-left:1px;text-align:center;}
.gbutton, .bbutton {width: 110px;height: 38px; font-size:1.1em; background-color:#005500; color:white;}
.gbutton:hover, .bbutton:hover {background-color:#77a13d;}
.gbutton:disabled, button[disabled]{border: 1px solid #999999; background-color: #cccccc; color: #666666;}	
}
@media screen and (min-width:361px) {
#swap1, #swap2 {margin-left:3px; height: 26px;float: left;}
#from, #gfrom {float: left; margin-left:3px; width: calc(50% - 75px);; height: 26px; size: 10;}
#to,     #gto {float: left; margin-left:4px; width: calc(50% - 75px); height: 26px; size: 10;}
#gbmain {position: relative; background-color: #EDF0F9; width: auto; height:408px;}
.mainwarp{background-color: #EDF0F9; height:40px; width:100%; margin-bottom:2px;}
.combowarp {text-align: center;margin-left:1px; margin-top:10px; margin-bottom:5px; float:left; height: 30px;  width: 98%; }
.buttonwarp {margin-left:3px;  float:left;background-color: #E0F1F1;}
.gbutton, .bbutton{width: 100px;height: 26px;background-color:#005500; color:white; }
.gbutton:hover, .bbutton:hover {background-color:#77a13d;}
.gbutton:disabled, button[disabled]{border: 1px solid #999999; background-color: #cccccc; color: #666666;}
}
@media screen and (max-width: 200px){
.gcenter, .gdown, #ycenter, #ydown, #ydown { display: none; }	/*center top and down */
}
@media screen and (min-width: 201px) and  (max-width:950px)  {
.gcenter, #ycenter { display:inline-block; width: calc(100% - 20px); height: 100px;} 
.gdown, #ydown { display:inline-block; width: calc(100% - 20px); height: 100px;} 
}
@media screen and (min-width: 951px)  {
#ycenter, .gcenter { display: none; }	
#ydown, .gdown {display:inline-block; width: calc(100% - 20px); height: 150px;}
}
@media screen and (max-width:640px) {	
#header {height:60px; background-color: #77a13d;}
#leftsidebar, .gleft, #yleft  {display:none;}
}	
@media screen and (min-width: 641px) {
#header {height:60px; background-color:77a13d;}
#header h1 {color:#fff;font-size:18pt;margin:0; text-align: center; padding-top:15px;} 
}
@media screen and (min-width: 641px) and  (max-width:700px){
#leftsidebar {width:155px; height:620px; float: left; }
#main{width:auto; height:auto; max-width:700px; margin-left: 170px; }
.gleft, #yleft {display:inline-block; width: 150px; height: 600px;}
}
@media screen and (min-width: 701px) and  (max-width:800px){
#main{width:auto; height:auto; max-width:700px; margin-left: 216px; }	
#leftsidebar{width:206px;  float: left; }
#yleft, .gleft {display:inline-block; width: 200px;}
}
@media screen and (min-width: 801px) and  (max-width:900px){
#leftsidebar{width:256px; float: left;}
#yleft, .gleft {display:inline-block; width: 250px; }
#main{width:auto; height:auto; max-width:700px; margin-left: 263px; }
}
@media screen and (min-width: 901px) and  (max-width:950px){
#leftsidebar{width:310px; float: left; }
#yleft, .gleft {display:inline-block; width: 300px;}
#main{width:auto; height:auto; max-width:700px; margin-left: 312px; }
}
@media screen and (max-width: 950px){
#rightsidebar, #yright, .gright { display: none; }
}
@media screen and (min-width: 951px) and  (max-width:1000px){
#leftsidebar{width:210px; float: left;}
#yleft, .gleft {display:inline-block; width: 200px;}
#rightsidebar{width:162px; float: right; }
#yright, .gright {display:inline-block; width: 150px; }
#main{width:auto; height:auto; max-width:700px; margin-left: 212px; margin-right: 164px;}
}
@media screen and (min-width: 1001px) and  (max-width:1100px){
#leftsidebar{width:306px; float: left;}
#rightsidebar{width:160px; float: right;}
#yleft, .gleft {display:inline-block; width: 300px;}
#yright, .gright {display:inline-block; width: 150px;}
#main{width:auto; height:auto; max-width:700px; margin-left: 315px; margin-right: 165px;}
}
@media screen and (min-width: 1101px) {
#leftsidebar{width:310px; float: left;}
#yleft, .gleft {display:inline-block; width: 300px; }
#rightsidebar{width:210px; float: right;}
#yright, .gright {display:inline-block; width: 200px; }
#main{width:auto; height:auto; max-width:700px; margin-left: 320px; margin-right: 220px;}
#gbmain {position: relative; background-color: #EDF0F9; width: auto; height:489px;}	
.divtop{position: relative; margin: 6px 6px 6px 6px; height:210px; background-color: white; border-style: double; border-radius: 5px;}
#gdivdown, .divdown{position: relative; margin: 6px 6px 6px 6px; height:210px; background-color: white; border-style: double; border-radius: 5px;}
}