/*
    CSS for VigselForm
    
    @AUTHOR Ole Martin Pettersen

*/
/* The module body*/
#Body {
    font-family: Century Gothic, sans-serif !important;
}
.FullWidth {
    width:100%;
}
.Clear {
    clear:both;
}

div input[type=text] {
    padding: 4px;
    font-size: 14px;
    font-size: small;
    width:100%;
    height:30px;
    box-sizing : border-box;
}
Comments {
    padding: 4px;
    font-size: 14px;
    font-size: small;
    width:100%;
}
.DivShort {/*border:1px dotted red;*/
    width:100px;
    float:left;
    margin-right:6px;
}
.DivNavn {/*border:1px dotted green;*/
    width:140px;
    float:left;
    margin-right:6px;
}
.DivSingle {/*border:1px dotted maroon;*/
    width:286px;
    float:left;
    margin-right:6px;
}
.DivAfterShort {/*border:1px dotted maroon;*/
    width:180px;
    float:left;
    margin-right:6px;
}
.DivWide {/*border:1px dotted maroon;*/
    width:432px;
    float:left;
}
.DivWide textarea {
    padding: 4px;
    font-size: 14px;
    font-size: small;
    width:100%;
    height:30px;
    box-sizing : border-box;
    height:120px;
}

.Error {
    font-size:1.2em;
    font-weight:600;
    color:red;
}
.Success {
    font-size:1.2em;
    font-weight:600;
}
/*.DivHeaderBR {
    width:432px;
    padding:4px;
    background-color:darkgoldenrod;
    margin-bottom:6px;
    text-align:center;
}*/
.HeaderBR {
    font-size:1.2em;
    font-weight:600;
    color:#006600;
}
/*.DivHeaderBM {
    width:432px;
    padding:4px;
    background-color:burlywood;
    margin-bottom:6px;
    text-align:center;
}*/
.HeaderBM {
    font-size:1.2em;
    font-weight:600;
    color:#b8860b;
}
.Header {
    font-size:1.2em;
    font-weight:600;
    color:darkgoldenrod;
}

.ddBestman {
    width:140px;
}

.FormDivider {
    display:block;
        max-width: 445px;
        width: 100%;
        height: 5px;
    }

/* Button, blue hover */
.BlueHoverButton {
    padding: 6px;
    border: none;
    border-radius: 4px;
    background-color:#cccccc;
}

/* Button, blue hover: the hover effect */
.BlueHoverButton:hover {
    background-color: #006600;
    color: #FFFFFF;
}

.DisabledButton {
    padding: 6px;
    border: none;
    border-radius: 4px;
}

.DisabledButton:hover {
    background-color: #f0f0f0;
    color: #cccccc;
    cursor:not-allowed;
    
}