/*
 * SimpleModal OSX Style Modal Dialog
 * http://simplemodal.com
 *
 * Copyright (c) 2013 Eric Martin - http://ericmmartin.com
 *
 * Licensed under the MIT license:
 *   http://www.opensource.org/licenses/mit-license.php
 */

#modal-content, #modal-data {
    
}

/* Overlay */
#overlay {
    background-color: #000;
}

/* Container */
#container {
    background-color: #eee;
    color: #000;
    font: 16px/24px "Lucida Grande",Arial,sans-serif;
    padding-bottom: 4px;
    width: 600px;
    -moz-border-radius-bottomleft: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -moz-border-radius-bottomright: 6px;
    -webkit-border-bottom-right-radius: 6px;
    border-radius: 0 0 6px 6px;
    -moz-box-shadow: 0 0 64px #000;
    -webkit-box-shadow: 0 0 64px #000;
    box-shadow: 0 0 64px #000;
    margin-top:100px;
}

#container a {
    color: #ddd;
}

#container #modal-title {
    color: #000;
    background-color: #ddd;
    border-bottom: 1px solid #ccc;
    font-weight: bold;
    padding: 6px 8px;
    text-shadow: 0 1px 0 #f4f4f4;
}

#container .close {
    display: none;
    position: absolute;
    right: 0;
    top: 0;
}

#container .close a {
    display: block;
    color: #777;
    font-weight: bold;
    padding: 6px 12px 0;
    text-decoration: none;
    text-shadow: 0 1px 0 #f4f4f4;
}

#container .close a:hover {
    color: #000;
}

#container #modal-data {
    font-size: 12px;
    padding: 6px 12px;
}

#container h2 {
    margin: 10px 0 6px;
}

#container p {
    margin-bottom: 10px;
}

#container span {
    color: #777;
}