#container-gdc{
    margin: 0 auto;

    font: .75em sans-serif;

    position: relative;
    width: 396px;
    height: 508px;

    padding: .5em;
    border: 1px solid #CCC;
    border-radius: .5em;
}

.container-image {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 183px;
    height: 182px;
    padding: .5em;
    border: 1px solid #CCC;
    border-radius: .5em;
}

.content {
    position: absolute;
    background: white;
    top: 25px;
    height: 258px;
    width: 185px;
}

.container-latlon {
    position: absolute;
    left: 0px;
    top: 194px;
    width: 183px;
    height: 52px;
    padding: .5em;
    border: 1px solid #CCC;
    border-radius: .5em;
}

#container-report {
    font: 1.1em sans-serif;

    position: absolute; 
    left: 5px; 
    top: 394px;
    width: 381px;
    height: 106px;

	overflow: scroll;
    white-space: nowrap;

    padding: .5em;
    border: 1px solid #CCC;
    border-radius: .5em;
}

#container-form {
    position: absolute; 
    left: 204px; 
    top: 6px; 
    width: 180px;
    height: 277px;

    padding: 4px;
    border: 1px solid #CCC;
    border-radius: .5em;
}


.image{
    position: absolute; 
    border: 1px solid #CCC;
    border-radius: .5em;
}

.graphtext {
  position:absolute;
  top: 288px;
  left: 5px;
  width: 380px;
  height: 15px;
  /* border: 1px solid #ccc;  */
  border-radius: .5em;
}

.gdcplot {
    position: absolute; 
    top: 306px;
    left: 5px;
    width: 380px;
    height: 82px;
    border: 1px solid #CCC;
    border-radius: .5em;
}

ul.tab {
    list-style-type: none;

    width:195px; 
    height:30px;
    margin: 0;
    padding: 0;
    overflow: hidden;
/*
    border: 1px solid #ccc;
    background-color: #f1f1f1;
*/
}

ul.tab li {
position: absolute;
}

/* Style the links inside the list items */
ul.tab li a {
    position:absolute;
    width:38px;
    height: 18px;
    display: inline-block;
    color: black;
    text-align: center;
    padding: 1px 1px;
    text-decoration: none;
    transition: 0.3s;
    font-size: 1em;
    border: 1px solid #ccc;
    /*border-radius: .5em;*/
	border-bottom: none;
}

/* Change background color of links on hover */
ul.tab li a:hover {
    background-color: #ddd;
}

/* Create an active/current tablink class */
ul.tab li a:focus, .active {
    background-color: #ccc;
}

form div + div {
    margin-top: .5em;
}

fieldset {
    margin-top: .5em;
    border-radius: .5em;
}

.formlabel {
    display: inline-block;
    width: 70px;
    text-align: right;
}

.forminput {
    font: 1em sans-serif;

	text-align: right;

    /* To give the same size to all text field */
    width: 68px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    /* To harmonize the look & feel of text field border */
    border: 1px solid #999;
	border-radius: .5em;
}

.forminput:focus, textarea:focus {
    /* To give a little highlight on active elements */
    border-color: #000;
}

.forminput[type='number'] {
    -moz-appearance:textfield;
}

.forminput:-webkit-outer-spin-button, input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

.formbutton {
	position: absolute;
	top: 246px;
	left: 96px;
}