/* Off-Line Content Styles for WebShell 4.11+60.00 Cafe San Remo - GDH 21-Jun-26 */

/* Add the following to the head section of each page (below the defaultstyles.css reference): */
/* <link rel="stylesheet" type="text/css" href="css/offlinestyles.css"> */

/* Styles in this file are overridden by specific styles applied in-line and directly in a page */
/* Image paths are relative to this css file, not the page file */


/* ====== BASIC SETTINGS ====== */

/* Viewport Settings */
@-webkit-viewport{width: device-width} /* Generic Webkit CR, SA */
@-moz-viewport{width: device-width} /* FF */
@-ms-viewport{width: device-width} /* IE */
@-o-viewport{width: device-width} /* Opera */
@viewport{width: device-width} /* Std W3C */

/* Page Backgound */
body
{
background-color: #111111; /* Always set as visible in 'bounce-back' area on touch devices */
background-image: url('../Images-UI/pagebg.jpg');
}


p
/* Content Text */
{
color:#3C3C3C;
font-family: Verdana, Geneva, Tahoma, sans-serif;
font-size:100%;
font-weight:normal;
line-height:normal; /* Default: 'normal' is approx 120%. Values can be in %, px, pt, cm, etc */
}


/* ====== ACTIVE AREA SETTINGS ====== */

#preloadwrapper
{
/* Disable using inline "display: none" not CSS */
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1000;
text-align: center;
background-color: #111111; /* SRC Black */
/* background-image: url('../Images-UI/transpBlack25.png'); /* Default */
/* background-repeat: repeat; /* Default Disabled */
/* background-position: 50% 0%; */
/* background-size: cover; */
overflow: hidden;
}

.ploadimgframe
{
display: inline-block; /* Allow div to wrap image */
padding: 0px; /* image 'border' */
/* background-image: url('../Images-UI/boxoutbg.gif'); /* Default */
/* background-color: rgba(200,200,200,0.9); /* semi-transparent */
/* border: 2px solid #52196D; /* Default */
/* border-radius: 10px; /* Rounded or 50% Circular */
max-width: 85%;
overflow: hidden;
}

.ploadframedimg
{
/* No padding or margin - displaces img in frame div */
box-sizing: border-box;
border: 2px solid #FAFAFA; /* Default */
border-radius: 12px; /* Rounded or 50% Circular */
/* background-image: url('../Images-UI/boxoutbg.gif'); /* Default */
/* width: 450px; */
/* max-height: 70px; */
max-width: 100%;
}

.ploadframedimgspl
{
/* No padding or margin - displaces img in frame div */
box-sizing: border-box;
border: 2px solid #EEEEEE; /* Default */
/* border-radius: 50%; /* Rounded or 50% Circular */
/* background-image: url('../Images-UI/boxoutbg.gif'); /* Default */
/* width: 450px; */
max-height: 70vh;
max-width: 100%;
}

.plimgframetxt
{
display: block;
text-align: center;
font-family: Tahoma, Geneva, Verdana, sans-serif;
font-size: 160%;
color: #96002E; /* SRC Red Scheme */
margin: 10px auto;
margin-top: 16px; /* Space down from image */
max-width: 250px;
}

#loadingmsg
{
position: absolute;
top: 0px;
left: 0px;
padding-top: 6px; /* Allow for progress bar */
background-color: rgba(0,0,0,0.5); /* Default */
/* background-image: url('../Images-UI/transpBlack50.png'); /* Default */
width: 100%;
}

p.statmsg
{
text-align: left;
padding-left: 36px;
line-height: 36px;
font-size: 140%;
color: #C3C3C3; /* Contrast with loadingmsg bkgrnd */
}

img.statmsg
{
margin-right: -16px; /* Remove text offset */
}

/* Fade-In On Load */
.fadein
{
-webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
   -moz-animation: fadein 2s; /* Firefox < 16 */
        animation: fadein 2s; /* Standard, IE10+ */
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from {opacity: 0;}
    to {opacity: 1;}
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from {opacity: 0;}
    to {opacity: 1;}
}

/* Standard, IE10+ */
@keyframes fadein {
    from {opacity: 0;}
    to {opacity: 1;}
}
/* Fade-In End */

/* ====== END ====== */