/**
*    Tools: Overlay
**
*    Used on: -> global
*
*    @author  David Panzalović
*    @version 1.02
**/

/* =Overlay
----------------------------------------------- */
#overlay,
#overlay_flash {
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    display: block;
}

#overlay_flash {
    z-index: 900;
}

/* =Overlay box
----------------------------------------------- */
#overlay_container {
    width: 100%;
    position: fixed;
    top: 40px;
    left: 0;
    z-index: 1005;
    display: block;
}

    #overlay_container > div {
        width: 292px;
        margin: 0 auto;
    }

        #overlay_container > div form, #overlay_container > div #overlay_content {
            width: 100%;
            padding: 20px;
            float: left;
            position: relative;
        }

            #overlay_container > div form fieldset {
                width: 100%;
                float: left;
            }

        #overlay_container > div h3 {
            margin-bottom: 12px;
        }

        #overlay_container > div p {
            line-height: 16px;
            margin-bottom: 24px;
        }

        #overlay_container > div ul {
            width: 100%;
            margin-bottom: 16px;
            float: left;
        }

            #overlay_container > div ul li {
                width: 100%;
                margin-top: 6px;
                float: left;
            }

            #overlay_container > div ul li:first-child {
                margin-top: 0;
            }

                #overlay_container > div ul li input {
                    width: 15px;
                    height: 15px;
                    line-height: 15px;
                    padding: 0;
                    margin: 0 10px 0 0;
                    float: left;
                }

                #overlay_container > div ul li a {
                    height: 15px;
                    line-height: 15px;
                    padding: 0;
                    margin: 0;
                    float: left;
                }

        #overlay_container > div > form > fieldset > label {
            width: 100%;
            margin-bottom: 8px;
            float: left;
        }

        #overlay_container select, #overlay_container input[type="text"] {
            margin-bottom: 32px;
        }

        #overlay_container input[type="text"] {
            width: 270px;
            height: 23px;
            padding: 4px 10px 4px 10px;
        }

        #overlay_container textarea {
            width: 270px;
            height: 110px;
            padding: 10px;
            margin-bottom: 16px;
        }

        #overlay_container a.button, #overlay_container input.button {
            float: left;
        }

        #overlay_container a.button {
            margin-right: 20px;
        }

        #overlay_container a.button.l {
            margin-right: 0;
        }

        #overlay_container ul.errors {
            margin-top: -24px;
        }

        #overlay_container textarea + ul.errors {
            margin-top: -10px;
        }