/***********************************
*           OVERLAY FORM
***********************************/
.invalid {
    background-color:lightcoral;
}

.form {
    border: white 2px solid;
    color:black;
    padding:10px;
    margin-bottom:5px;
    display:none;
    font-weight:bold;

    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius:10px;

    box-shadow: 1px 1px 2px rgba(0,0,0,.5);
    -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.5);
    -moz-box-shadow: 1px 1px 2px rgba(0,0,0,.5);
}

.form_overlay {

    display:none;

    background: rgb(238,238,238);
    background: -moz-linear-gradient(top,  rgba(238,238,238,1) 0%, rgba(204,204,204,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,238,238,1)), color-stop(100%,rgba(204,204,204,1)));
    background: -webkit-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%);
    background: -o-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%);
    background: -ms-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%);
    background: linear-gradient(to bottom,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 );

    -webkit-box-shadow: 0px 1px 5px 0px black;
    -moz-box-shadow: 0px 1px 5px 0px #000000;
    box-shadow: 0px 1px 5px 0px black;

    border-radius: 10px;
    min-width:700px;
}

.form_overlay form{
    padding:15px;
}

.medium{
    width:600px;
    margin-top:50px
}

.large{
    width:800px;
}

h2.form_title{
    display: block;
    font-weight: bold;
    color: white;
    margin:0px;
    font-size:1.2em;
    padding:5px 15px;

    background: #1e5799; /* Old browsers */
    background: -moz-linear-gradient(top,  #1e5799 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e5799), color-stop(50%,#2989d8), color-stop(51%,#207cca), color-stop(100%,#7db9e8)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */

    border-bottom: 1px gray solid;

    border-radius: 10px 10px 0px 0px ; 

    text-shadow: 1px 1px 1px #757575;
}

fieldset.params {
    margin-top: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgb(254,252,234);
    background: -moz-linear-gradient(top, 
        rgba(254, 252, 234, 1) 51%, 
        rgba(239, 228, 153, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(51%,
        rgba(254, 252, 234, 1)), color-stop(100%,
        rgba(239, 228, 153, 1)));
    background: -webkit-linear-gradient(top, 
        rgba(254, 252, 234, 1) 51%,
        rgba(239, 228, 153, 1) 100%);
    background: -o-linear-gradient(top, 
        rgba(254, 252, 234, 1) 51%,
        rgba(239, 228, 153, 1) 100%);
    background: -ms-linear-gradient(top, 
        rgba(254, 252, 234, 1) 51%,
        rgba(239, 228, 153, 1) 100%);
    background: linear-gradient(top, 
        rgba(254, 252, 234, 1) 51%,
        rgba(239, 228, 153, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefcea', endColorstr='#efe499',GradientType=0 );
}

.form_overlay fieldset{
    max-width: 700px;
}

.form_overlay form{
    max-height:710px;
    overflow:auto;
}

label{
    font-weight: bold;
}

span.instruction{
    font-size:8pt;
    font-style: italic;
    font-weight: normal;
}

input.disabled{
    opacity: 0.4;
}