/* Light mode */
@media all {
    .bodyclass { margin:0px; padding:0px; font-family: Tahoma,Helvetica,Arial,sans-serif; color:#114374; background: #FFFFFF url(../images/background-sdm-320-460-ios7.jpg) no-repeat center top 30px; }
    .popup_flash2 {position: absolute; visibility: visible; top: 0px; left: 0px; z-index: 510; width:320px; }
    .popupFond {position: absolute; top: 0px; left: 0px; visibility: visible; z-index: 499; width: 320px; height: 460px; margin-left: 0px; padding: 0px; background: #FFFFFF url(../images/background-sdm-320-460-ios7.jpg) no-repeat center top;}
}
@media all and (-webkit-min-device-pixel-ratio: 2) {
    .bodyclass { margin:0px; padding:0px; font-family: Tahoma,Helvetica,Arial,sans-serif; color:#114374; background: #FFFFFF url(../images/background-sdm-640-920-ios7.jpg) no-repeat center top 30px;background-size: 100%; }
    .popup_flash2 {position: absolute; visibility: visible; top: 0px; left: 0px;  z-index: 510; width:320px; }
    .popupFond {position: absolute; top: 0px; left: 0px; visibility: visible; z-index: 499; width: 320px; height: 460px; margin-left: 0px; padding: 0px; background: #FFFFFF url(../images/background-sdm-640-920-ios7.jpg) no-repeat center top;background-size: 100%;}
}
/* Dark mode */
@media all and (prefers-color-scheme: dark) {
    .bodyclass { margin:0px; padding:0px; font-family: Tahoma,Helvetica,Arial,sans-serif; color:#97DAF7; background: #313131 url(../images/background-sdm-320-460-ios7-dark.jpg) no-repeat center top 30px; }
    .popup_flash2 {position: absolute; visibility: visible; top: 0px; left: 0px; z-index: 510; width:320px; }
    .popupFond {position: absolute; top: 0px; left: 0px; visibility: visible; z-index: 499; width: 320px; height: 460px; margin-left: 0px; padding: 0px; background: #313131 url(../images/background-sdm-320-460-ios7-dark.jpg) no-repeat center top;}
}
@media all and (-webkit-min-device-pixel-ratio: 2) and (prefers-color-scheme: dark) {
    .bodyclass { margin:0px; padding:0px; font-family: Tahoma,Helvetica,Arial,sans-serif; color:#97DAF7; background: #313131 url(../images/background-sdm-640-920-ios7-dark.jpg) no-repeat center top 30px;background-size: 100%; }
    .popup_flash2 {position: absolute; visibility: visible; top: 0px; left: 0px;  z-index: 510; width:320px; }
    .popupFond {position: absolute; top: 0px; left: 0px; visibility: visible; z-index: 499; width: 320px; height: 460px; margin-left: 0px; padding: 0px; background: #313131 url(../images/background-sdm-640-920-ios7-dark.jpg) no-repeat center top;background-size: 100%;}
}

div.headline{line-height:1.4;} div.dv{line-height:1.4;}

table{border-spacing:0px; width:100%; margin:0px;} td{vertical-align:top; margin:0px; padding:1px;}
td.half{width:50%;}
hr{height:1px; margin-top:2px; margin-bottom:2px; border: none 0;}
td.lliG{width:30px; text-align:center;background-repeat: repeat-x;} td.lliD{vertical-align:middle;background-repeat: repeat-x;}
td.il{text-align:center; width:33%; font-size:small;}

div.il{background-repeat: repeat-x; padding:2px 0 2px 0;}
div.ll{background-repeat: repeat-x;}
div.label{background-repeat: repeat-x; padding:2px;} input{} select.default{width:95%;} select.inline{} input.Fsubmit{margin:2px;} input.Finput{width:95%;} textarea{width:95%;} div.singleInputForm{padding:2px;} input.inputmail{width:40%;}
div.title{padding:2px; background-repeat:repeat-x;} img.title{vertical-align:middle; margin-right:2px;}
p{padding:4px 2px 4px 2px; margin:0px;}
div.dv{background-repeat:repeat-x; font-family: Tahoma,Helvetica,Arial,sans-serif; background-color:#A0CBE9; text-align:center; border-bottom:1px solid #1A8FB5;padding-bottom: 2px;padding-top:2px;}
div.dv a, div.dv a:visited {color:#fff;}
div.headline{padding:2px;  background-repeat:repeat-x;}
div.logo{background-repeat:repeat-x;} img.logo{margin-bottom:-3px;}
div.navlink{padding:2px 0 2px 0;  background-repeat:repeat-x;} img.navlink{vertical-align:middle;}
div.tab{background-repeat:repeat-x;} img.tab{margin-bottom:-3px;}
img.floatLeft{float:left; margin-right:2px;} img.floatRight{float:right; margin-left:2px;}
.bkimg{display:block; text-align:center; padding:2px 0 2px 0;}

img.lli{width:30px;height:30px;} div.lli_t{background-repeat: repeat-x;}
table.il{border-collapse:collapse;}
a {text-decoration: none; color:#3A579E;}
a:visited {text-decoration: none; color:#3A579E;}
a img{border: none;}
form{margin:0px;} select{color:#000000; background-color:#ffffff;} div.Form{background-repeat: repeat-x;} input.singleInputFormSubmit{vertical-align:middle;}
div.clr{clear: both;}

div.content {
    margin-top:73px;
    padding: 10px 10px 0px 10px;
    text-align:center;
}
.class_button {
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #A0CBE9), color-stop(1, #49bbff) );
    background:-moz-linear-gradient( center top, #A0CBE9 5%, #49bbff 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#A0CBE9', endColorstr='#49bbff');
    background-color:#A0CBE9;
    -webkit-border-radius:30px;
    -moz-border-radius:30px;
    border-radius:30px;
    text-indent:0;
    border:1px solid #84bbf3;
    display:inline-block;
    color:#ffffff;
    font-family:Tahoma,Arial;
    font-size:14px;
    font-weight:bold;
    font-style:normal;
    height:30px;
    line-height:30px;
    text-decoration:none;
    text-align:center;
    text-shadow:1px 1px 0px #528ecc;
    margin:0px;
    padding: 0px 20px;
}
.class_button:hover {
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #49bbff), color-stop(1, #A0CBE9) );
    background:-moz-linear-gradient( center top, #49bbff 5%, #A0CBE9 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#49bbff', endColorstr='#A0CBE9');
    background-color:#49bbff;
    text-decoration: none;
    color: #fff;
    cursor:pointer;
}
.class_button:active {
    position:relative;
    top:1px;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #378de5), color-stop(1, #79bbff) );
    background:-moz-linear-gradient( center top, #378de5 5%, #79bbff 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#378de5', endColorstr='#79bbff');
    background-color:#378de5;
    text-decoration: none;
    color: #fff;
}
.class_button:visited {
    text-decoration: none;
    color: #fff;
}

#appModeText {
    background-color:rgb(160, 203, 233);
    background-color:rgba(160, 203, 233, 0.8);
    color: #FCFCFC ;
    display: none ;
    font-family: helvetica ;
    padding: 16px 0px 10px 0px ;
    position: absolute ;
    text-align: center ;
    width:300px ;
    height:320px;
    text-shadow: 1px 1px 4px #2f3e46;
    z-index:999999;
    top: 50%;
    left: 50%;
    margin-left: -150px;
    margin-top: -160px;
    border: 1px solid #1A8FB5;
    border-radius: 30px;
}


#appModeText em {
    display: block ;
    font-size: 20px ;
    font-weight: bold ;
    line-height: 26px ;
}

#appModeText span {
    display: block ;
    font-size: 16px ;
    line-height: 22px ;
}



/* Dark mode */
@media all and (prefers-color-scheme: dark) {
    div.dv{background-repeat:repeat-x; font-family: Tahoma,Helvetica,Arial,sans-serif; background-color:#262626; text-align:center; border-bottom:1px solid #000000;padding-bottom: 2px;padding-top:2px;}
    .class_button {
        background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #303030), color-stop(1, #272727) );
        background:-moz-linear-gradient( center top, #303030 5%, #272727 100% );
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#303030', endColorstr='#272727');
        background-color:#303030;
        -webkit-border-radius:30px;
        -moz-border-radius:30px;
        border-radius:30px;
        text-indent:0;
        border:1px solid #000000;
        display:inline-block;
        color:#ffffff;
        font-family:Tahoma,Arial;
        font-size:14px;
        font-weight:bold;
        font-style:normal;
        height:30px;
        line-height:30px;
        text-decoration:none;
        text-align:center;
        text-shadow:1px 1px 0px #262626;
        margin:0px;
        padding: 0px 20px;
    }
    .class_button:hover {
        background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #272727), color-stop(1, #303030) );
        background:-moz-linear-gradient( center top, #272727 5%, #303030 100% );
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#272727', endColorstr='#303030');
        background-color:#272727;
        text-decoration: none;
        color: #fff;
        cursor:pointer;
    }
    .class_button:active {
        position:relative;
        top:1px;
        background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #4b4b4b), color-stop(1, #303030) );
        background:-moz-linear-gradient( center top, #4b4b4b 5%, #303030 100% );
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4b4b4b', endColorstr='#303030');
        background-color:#4b4b4b;
        text-decoration: none;
        color: #fff;
    }
    .class_button:visited {
        text-decoration: none;
        color: #fff;
    }
}


/* portrait */
@media screen and (orientation:portrait) {
    div.dv{position:fixed;top:0;width:100%;padding-top:54px;padding-bottom:6px;}
}
/* landscape */
@media screen and (orientation:landscape) {
    div.dv{padding-top:4px;padding-bottom:4px;}
}