.text_link_tile
{
    width : 300px;
    height : 150px;

    margin : 0px;
    padding : 0px;

    margin : 20px;

    display : flex;
    align-items : center;
    justify-content : center;
    
    box-shadow: 0px 0px 10px -2px rgba(0,0,0,0.25);

    border-radius : 5px;
}

.text_link_tile a
{
    width : 100%;
    height : 100%;

    margin : 0px;
    padding : 0px;

    background-color : white;

    display : flex;
    align-items: center;
    justify-content: center;

    text-decoration : none;

    border-radius : 5px;

    color : #536171;
}

.text_link_tile a:hover
{
    background-color : #f6f6f6;
}

.text_link_tile p
{
    width : calc(100% - 60px);

    margin : 0px;
    padding : 0px;

    padding : 30px;

    line-height : 1.7;

    font-size : 16px;

    text-align : justify;
}

.version_tile
{
    width : 100%;

    margin : 0px;
    padding : 0px;

    margin : 20px;

    display : flex;
    flex-direction: column;
    align-items : center;
    justify-content : center;
    
    box-shadow: 0px 0px 10px -2px rgba(0,0,0,0.25);

    border-radius : 5px;

    color : #536171;
}

.version_tile_top
{
    width : 100%;

    margin : 0px;
    padding : 0px;

    display : flex;
    align-items: flex-start;
    justify-content: center;

    border-bottom : 1px solid #dbe3e7;
}

.version_tile_image
{
    width : 170px;

    margin : 0px;
    padding : 0px;

    padding : 10px;

    display : flex;
    align-items : center;
    justify-content : center;
}

.version_tile_image img
{
    width : 150px;
    height : auto;

    margin : 0px;
    padding : 0px;
}

.version_tile_info
{
    width : calc(100% - 190px);

    margin : 0px;
    padding : 0px;

    padding : 10px;

    display : flex;
    flex-direction : column;
    align-items : flex-start;
    justify-content: center;
}

.version_tile_info h2
{
    width : 100%;

    margin : 0px;
    padding : 0px;

    font-size : 1.2em;
}

.version_tile_info p
{
    width : 100%;

    margin : 0px;
    padding : 0px;

    margin-top : 10px;
}

.version_tile_info p a
{
    text-decoration : none;

    color : #3c80cf;
}

.version_tile_info p a:hover
{
    text-decoration : underline;
}

.version_tile_bottom
{
    width : 100%;

    margin : 0px;
    padding : 0px;

    display : flex;
    flex-direction : column;
    align-items: center;
    justify-content: center;
}

.version_tile_bottom h2
{
    width : 100%;

    margin : 0px;
    padding : 0px;

    font-size : 1.2em;

    text-align : center;

    margin-top : 10px;
    margin-bottom : 10px;
}

.version_tile_links
{
    width : 100%;

    margin : 0px;
    padding : 0px;

    display : flex;
    align-items : center;
    justify-content: space-around;
    flex-wrap : wrap;

    margin-bottom : 10px;
}

.version_tile_links a
{
    text-decoration : none;
    margin : 0px;
    padding : 0px;

    padding : 10px;

    color : #3c80cf;

    border : 1px solid #3c80cf;
    border-radius : 5px;
}

.version_tile_links a:hover
{
    text-decoration : none;
    margin : 0px;
    padding : 0px;

    padding : 10px;

    color : white;
    background-color : #3c80cf;

    border : 1px solid #3c80cf;
    border-radius : 5px;
}

.link_button_tile
{
    width : 300px;
    height : 150px;

    margin : 0px;
    padding : 0px;

    margin : 20px;

    display : flex;
    align-items : center;
    justify-content : center;
    
    box-shadow: 0px 0px 10px -2px rgba(0,0,0,0.25);

    border-radius : 5px;
}

.link_button_tile a
{
    text-decoration : none;
    margin : 0px;
    padding : 0px;

    padding : 10px;

    color : #3c80cf;
    border-radius : 5px;
}

/*********************************************************************/

.login_tile, .signup_tile
{
    width : 400px;

    margin : 0px;
    padding : 0px;

    margin : 20px;

    display : flex;
    flex-direction: column;
    align-items : center;
    justify-content : center;
    
    box-shadow: 0px 0px 10px -2px rgba(0,0,0,0.25);

    border-radius : 5px;
}

.login_tile_top, .signup_tile_top
{
    width : 100%;

    margin : 0px;
    padding : 0px;

    display : flex;
    align-items: center;
    justify-content: center;
}

.login_tile_top h2, .signup_tile_top h2
{
    width : calc(100% - 20px);

    margin : 0px;
    padding : 0px;

    padding : 10px;

    background-color : #3c80cf;

    color : white;

    border-radius : 5px 5px 0px 0px;
}

.login_tile_bottom, .signup_tile_bottom
{
    width : 100%;

    margin : 0px;
    padding : 0px;

    display : flex;
    align-items: center;
    justify-content: center;
}

.login_tile_bottom form, .signup_tile_bottom form
{
    width : 100%;

    margin : 0px;
    padding : 0px;

    padding : 10px;

    display : flex;
    align-items: center;
    justify-content: center;
}

.login_tile_bottom form p, .signup_tile_bottom form p
{
    width : 100%;

    margin : 0px;
    padding : 0px;

    padding : 10px;
}

.login_tile_bottom form p label, .signup_tile_bottom form p label
{
    width : 100%;

    margin : 0px;
    padding : 0px;

    color : #3c80cf;
}

.login_tile_bottom form p input[type=text], .signup_tile_bottom form p input[type=text]
{
    width : 100%;
    height : 30px;

    margin : 0px;
    padding : 0px;

    margin-top : 10px;

    color : #3c80cf;
}

.login_tile_bottom form p input[type=email], .signup_tile_bottom form p input[type=email]
{
    width : 100%;
    height : 30px;

    margin : 0px;
    padding : 0px;

    margin-top : 10px;

    color : #3c80cf;
}

.login_tile_bottom form p input[type=url], .signup_tile_bottom form p input[type=url]
{
    width : 100%;
    height : 30px;

    margin : 0px;
    padding : 0px;

    margin-top : 10px;

    color : #3c80cf;
}

.login_tile_bottom form p input[type=date], .signup_tile_bottom form p input[type=date]
{
    width : 100%;
    height : 30px;

    margin : 0px;
    padding : 0px;

    margin-top : 10px;

    color : #3c80cf;
}

.login_tile_bottom form p input[type=password], .signup_tile_bottom form p input[type=password]
{
    width : 100%;
    height : 30px;

    margin : 0px;
    padding : 0px;

    margin-top : 10px;

    color : #3c80cf;
}

.login_tile_bottom form p select, .signup_tile_bottom form p select
{
    width : 100%;
    height : 30px;

    margin : 0px;
    padding : 0px;

    margin-top : 10px;

    color : #3c80cf;
}

.login_tile_bottom form p input[type=submit], .signup_tile_bottom form p input[type=submit]
{
    width : 100%;
    height : 30px;

    margin : 0px;
    padding : 0px;

    margin-top : 10px;

    color : #3c80cf;

    cursor : pointer;
}