/*
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 : Nov 20, 2015, 10:12:14 PM
    Author     : Jan-Pieter
*/

body {
        /* background-color: #ff66cc;  */
        background-image: url('/assets/app_images/bg.png');
        padding: 0;
        margin:0;
        font-family: arial;
}

.username{
        padding-top:5px;
        font-style: italic;
        color: white;
        height: 30px;
}

#logo img{
        max-width: 100%;
        height: auto;
        padding-bottom: 5px;
}

div.content{
        border: dotted 1px gray;
}

#content{
        width: 100%;
        background-color: white;
        padding: 15px;
}

.gallery img{
        border:solid 1px white;
        border-radius: 5px;
}

.footer{
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
        background-color: #7e649d;
        height: 30px;
        color:white;
        vertical-align: bottom;
        float: bottom;
        padding-top: 5px;
}
.footer a{
        color:white;
}

.header{
        margin-bottom: 0px;
}

.header_image{ 
        max-width: 100%;
        height: auto;
        border-radius: 5px;
        border-top-left-radius: 15px;
        border-bottom-right-radius: 15px;
        float: right;
        padding-top: 5px;
        padding-bottom: 5px;
}

#images-outer{
        padding:20px;
        border-radius: 20px;

        display:none;
        position:absolute;
        top:10px;
        left:10px;
        z-index:1050;
        
        background-color: white;
        border: dotted 2px gray;
}
#images{
        background-color: white;
        overflow-y: scroll;
        overflow-x: hidden;
}
.add_image img,.image img,.galleryimage img{
        border:solid 2px white;
}
.add_image img:hover,.image img:hover,.galleryimage img:hover{
        border:solid 2px blueviolet;
}

.galery img{
    border: solid 2px white;
}