#fadeback {
    width: 100%;
    height: 100%;
    position: fixed;
    background-color: rgba(0,0,0,0.7);
    display: none;
}


.dialog
{
    position: relative;
}

.dialog.box
{
    max-width: 450px;
    background-color: rgb(240,240,240);
    padding: 45px;
    line-height:110%;
    color: rgb(110,110,110);
}

.dialog > .note
{
    padding-bottom:15px;
}

.dialog input, .dialog select, .dialog textarea
{
    display: inline-block;
    background-color: white;
    border: 1px solid rgb(225,225,225);
    margin: 5px 0;
    height: 45px;
    color: rgb(100, 100, 100);
    width: 99.8%;
    text-indent: 15px;
    padding: 0px;
    font-size: 17px;
}

.dialog.box input, .dialog.box select, .dialog textarea
{
    font-size: 16px;
}

.dialog textarea
{
    width:100%;
    height:80%;
    text-indent: 0px;
    padding: 15px;
    resize: none;
    max-width:92%;
    font-family: Arial;
 }

.dialog input[type=checkbox]
{
width:auto;
height:auto;
margin:3px 0;
}

.dialog .field label
{
    padding:3px 10px 3px 3px;
}

.dialog .field > .validator
{
    position: absolute;
    top: 6px;
    right: 0px;
    background-color:Yellow;
    display:inline-block;
    padding:5px;
    text-align:right;
    font-size:90%;
 }

.dialog .field
{
    position: relative;
    display: inline-block;
    padding: 0px 0px;
    width: 100%;
    font-size: inherit;
    vertical-align: top;
}

.dialog.halfdivided .field
{
    width:48%;padding-right:2%;
}

.dialog .field > .endnote
{
    padding-top:15px;
}

    .dialog .label {
        padding-top: 10px;
        color: rgb(139, 139, 139);
        padding-left: 2px;
    }

.dialog .label.in
{
    padding-left:0;
    padding-top:0;
    color: rgb(180,180,180);
    line-height: 59px;
    font-size: 16px;
    position: absolute;
    height: 59px;
    top: 0px;
    left: 16px;
}

    .dialog .label.in.right {
        width: 99.8%;
        text-align: right;
        color: rgb(207 208 209);
        font-size: 11px;
        text-transform: uppercase;
        padding-left: 0;
        padding-top: 0;
        line-height:initial;
        position: absolute;
        height: 0;
        top: 10px;
        left: -5px;
    }

.dialog .butrow
{
    padding: 20px 0 0 0;
}

.dialog > .endnote
{
    padding-top:20px;
}

    .dialog input[type=button], .dialog input[type=submit] {
        border-radius: 5px;
        background-color: #29a4ed;
        padding: 8px 30px;
        color: rgba(260,260,260,0.9);
        text-transform: uppercase;
        font-size: 15px;
        font-family: 'PT Sans',sans-serif;
        display: inline-block;
        width: auto;
        margin: 0 10px 0 10px;
        text-indent: 0;
        cursor: pointer;
        outline: none;
        min-width: 119px;
        border: 0px;
        vertical-align: top;
    }

.dialog input[type=button]:first-child, .dialog input[type=submit]:first-child
{
    margin-left: 0;
}

.dialog input[type=button]:last-child, .dialog input[type=submit]:last-child
{
    margin-right: 0;
}

.dialog input[type=button]:active, .dialog input[type=submit]:active
{
    padding-top: 9px;
    padding-bottom: 7px;
}

.dialog h1
{
    font-family: robotothin;
    margin: 0;
    padding: 0 0 25px 0;
    font-weight: normal;
    font-size: 35px;
    text-shadow: 0px 0px 1px rgba(30,30,30,0.1);
}

.btnstatus
{
    display:inline-block;
    padding-top:12px;
    color:inherit;
    font-size:90%;
}

.dialog .wrapout {
    display: inline-block !important;
    text-align: center;
    padding-top: 46px;
}

    .dialog .wrapout span {
        cursor: pointer;
        padding: 15px;
        text-decoration: underline dotted grey;
        font-size: 95%;
        background-image: url(/img/icons/icon14.png) !important;
        background-position: 13% 52%;
        background-repeat: no-repeat;
        background-size: 8%;
        padding-left: 40px;
        opacity:0.8;
    }

    .dialog .wrapout span:hover{
        text-decoration:none;
    }