/**
 * Styles for the cookie policy popup
 */
#cookiepopup
{
    position:                        fixed;
    bottom:                          0;
    left:                            10px;
    z-index:                         1000;

    width:                           420px;
    padding:                         1em;

    background-color:                #f7f7f7;
    border:                          1px solid #cccccc;
    border-bottom:                   none;
    -webkit-border-top-left-radius:  3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topleft:      3px;
    -moz-border-radius-topright:     3px;
    border-top-left-radius:          3px;
    border-top-right-radius:         3px;

    color:                           #333333;
    font-weight:                     normal;
    font-family:                     helvetica, arial, sans-serif;
    font-size:                       11px;
}

#cookiepopup h2,
#cookiepopup p,
#cookiepopup li,
#cookiepopup button
{
    font-family: helvetica, arial, sans-serif;
}

#cookiepopup p,
#cookiepopup li
{
    font-size: 11px;
}

#cookiepopup > button#acceptcookies
{
    position:  absolute;
    top:       10px;
    right:     10px;

    font-size: 12px;
    padding: 5px 10px;
    border-radius: 3px;
    border: 0;

    background-color: #5591cb;
    color: #ffffff;

    cursor: pointer;
}

#cookiepopup > button#acceptcookies:hover
{
    background-color: #63a9ed;
}

#cookiepopup > h2
{
    color:      #5591cb;
    margin:     0 0 1em 0;
    padding:    0;
    text-align: left;
    font-size:  18px;
}

#cookiepopup p
{
    text-align: left;
}

#cookiepopup ul
{
    display:         block;
    list-style-type: disc;
    padding-left:    40px;
    margin-bottom:   10px;
}

#cookiepopup ul li
{
    margin-bottom: 0;
}