/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 26.04.2017, 20:13:01
    Author     : blast664
*/



#top_container {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 1100px;
    height: 55px;
           
}

#gui_container {
    position: absolute;
    top: 55px;
    left: 0px;
    width: 300px;
    height:800px;
   
}

#processing_container {
    position: absolute;
    top: 55px;
    left: 300px;
    width: 800px;
}

#google_ads {
    position: absolute;
    top: 100px;
    left: 1100px;
    width: 400px;
    height: 800px;
}

#poly_button {
    background-color: #004080; /* not Green */
    border: 2px solid #004080;
    color: white;
    width: 284px;
    height: 40px;
    border-radius: 8px;
    padding: 10px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
}

#poly_button:hover {
    background-color: #000000; /* Green */
    border-color: #004080;
    color: white;
}

#more_button {
    background-color: #004080; /* not Green */
    border: 2px solid #004080;
    color: white;
    width: 284px;
    height: 40px;
    border-radius: 8px;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
}

#more_button:hover {
    background-color: #000000; /* Green */
    border-color: #004080;
    color: white;
}

#play_button{
  position: absolute;
  top: 0px;
  left: 1100px;
   height: 85px;
    
}

a:link, a:visited {
    background-color: #f44336;
    color: white;
    padding: 14px 25px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
}


a:hover, a:active {
    background-color: red;
}