/* Intvity 2023-01inv.css*/

html { height:100%; width:100%; }
body { height:100%; width:100%; background-color:white; font-family:arial, verdana, sans-serif; color:rgb(80,80,80); line-height:140%; text-align:center; margin:0px; }
div { position:relative; top:0px; left:0px; }
p { position:relative; top:0px; left:0px; }
img { position:relative; top:0px; left:0px; border:0px; }
h1 { position:relative; top:0px; left:0px; margin-top:0px; font-size:1.0em; } /* not used */
h2 { position:relative; top:0px; left:0px; margin-top:0px; font-size:1.0em; } /* not used */
h3 { position:relative; top:0px; left:0px; margin-top:0px; font-size:1.0em; margin:0vw auto 0vw auto; color:rgb(254,149,10); } 
h4 { position:relative; top:0px; left:0px; margin-top:0px; font-size:1.0em; } /* not used */

#divLogoBox, #divVideoMenu, #divEmail, #divTVscreen, #divVideoScreen, #divLoginBox, #divMainText { text-align:center; margin-left:auto; margin-right:auto; }

#divLogoBox, #divTVscreen, #divVideoScreen, #divMainText, #divWelcome, #divVideoMenu, #divDoclinks, #divFooter, #divEmail, #divDownloads, #divLoginBox, #divLoginError { max-height: 999999px; }
/* max-height: 999999px  added to prevent Chrome on Android 'font-boosting' - maybe 'html {max-height:999999px;}' */

/* general colour and text styles */
#divMainText { font-size:100%; line-height:130%; text-align:left; }
#divWelcome { font-size:100%; font-weight:bold; }
#divVideoMenu { font-size:80%; }
#divDoclinks { font-size:80%; }
#divFooter { font-size:50%; }
#divEmail { font-size:90%; }
#divEmail a:link { text-decoration: none; }
#divEmail a:visited { text-decoration: none; }
#divEmail a:hover { text-decoration: underline; }
#divEmail a:active { text-decoration: underline; }
#divDownloads a:link { text-decoration: underline; color:rgb(80,80,80); }
#divDownloads a:visited { text-decoration: underline; color:rgb(80,80,80); }
#divDownloads a:hover { text-decoration: underline; color:rgb(80,80,80); }
#divDownloads a:active { text-decoration: underline; color:rgb(80,80,80); }
#divVideoMenu a:link { color:rgb(80,80,80); text-decoration: underline; }
#divVideoMenu a:visited { color:rgb(80,80,80); text-decoration: underline; }
#divVideoMenu a:hover { color:rgb(80,80,80); text-decoration: underline; }
#divVideoMenu a:active { color:rgb(80,80,80); text-decoration: underline; }
#divDoclinks a:link { color:rgb(80,80,80); text-decoration: underline; }
#divDoclinks a:visited { color:rgb(80,80,80); text-decoration: underline; }
#divDoclinks a:hover { color:rgb(80,80,80); text-decoration: underline; }
#divDoclinks a:active { color:rgb(80,80,80); text-decoration: underline; }
#divbpcontentslink a:link { color:rgb(80,80,80); text-decoration: underline; }
#divbpcontentslink a:visited { color:rgb(80,80,80); text-decoration: underline; }
#divbpcontentslink a:hover { color:rgb(80,80,80); text-decoration: underline; }
#divbpcontentslink a:active { color:rgb(80,80,80); text-decoration: underline; }

#divbpcontentslink { font-size:80%; }

#divLoginError { color:red; }

.logo { width:80%; } /* must be 100% */
.paraHeading { color:rgb(254,149,10); font-weight:bold; }
.tvscreen { width:100%; } /* must be 100% */
.videoscreen { width:100%; border:3px solid rgb(80,80,80); } /* must be 100% */
.button { background-color:rgb(220,220,220); color:rgb(80,80,80); border:0; } 
.email { text-decoration: none; color:rgb(80,80,80); }
.ndaReq { } /* adjust */
.passViewicon { vertical-align:text-bottom; left:3px; }


/* area shading - for development work only */
/*
#divLogoBox { background-color:rgb(205,205,205); }
#divTVscreen {background-color:rgb(175,175,175);}
#divVideoScreen { background-color:rgb(175,175,175); }
#divVideoMenu { background-color:rgb(165,165,165); }
#divDoclinks { background-color:rgb(205,205,205); }
#divLoginBox { background-color:rgb(195,195,195); }
#LoginFormWrapper { background-color:rgb(225,225,225); }
#divWelcome { background-color:rgb(215,215,215); }
#divMainText { background-color:rgb(235,235,235); }
#divEmail { background-color:rgb(175,175,175); }
#divFooter { background-color:rgb(205,205,205); }
*/

/* default size values */
body { font-size:1.5vw; }
#divLogoBox { width:20vw; margin:2vw auto 0vw auto; }
#divWelcome { margin:1vw auto 1vw auto; }
#divTVscreen { width:30vw; }
#divVideoScreen { width:40vw; }
#divVideoMenu { margin:0vw auto 0.0vw auto; }
#divDoclinks { margin:0.5vw auto 0.5vw auto; }
#divLoginBox { margin:1.5vw auto 1.5vw auto; }
#divLoginForm {  }
#divMainText { width:70vw; margin:0vw auto 0vw auto; }
#divEmail {   }
#divFooter { margin:7vh auto 0vh auto; padding-bottom:5vh;}
#divDownloads { margin:1vh auto 1vh auto; }

/* landscape screens */
@media screen and (orientation: landscape) {
#divLoginBox { text-align:center; } 
#divLoginForm div { font-size:85%; display:inline; vertical-align:middle;} 
.loginText { margin-left:1.0vw; }
.loginElement { padding-left:1vw; } /* positions button horizontally */
.loginName, .loginPass { width:10vw; height:2.5vw; margin-left:0.5vw; font-size:100%; }
.passViewicon { height:2.0vh; }
.button {  margin-left:2.0vw; padding:0.5vw 2vw 0.5vw 2vw; font-size:100%; } /* has min height */
.linebreak1 { display:inline; } /* 'inline' to break or 'none' to ignore */
.linebreak2 { display:inline; }
.linebreak3, .linebreak4 { display:none; } 
/* 1 invest & target descriptor, 2 public descriptor, 3 video menu, 4 email */
}

/* medium landscape - various medium tablets, higher res smartphones & PC redcuced browser window width*/
@media screen and (max-width:850px) and (orientation: landscape) {
body { font-size:2.0vw;   }
#divTVscreen { width:25vw; } /* reduced from 30% */
#divEmail {  }
#divVideoMenu { width:70vw; }
#divMainText { font-size:2.25vw; width:85vw } /* increased text from 2.0vw and width from 65vw */
#divLoginForm div { font-size:90%; } /* imcreased from 85% */
#divFooter { font-size:75%; } /* increased from 50% */
}

/* small landscape - smaller smart phones */
@media screen and (max-width:600px) and (orientation: landscape) {
}

/* large portrait screens  - tablets */
@media screen and (orientation: portrait) {
body { font-size:2.5vw; }
#divLogoBox { width:30vw; margin:5vw auto 0vw auto; }
#divWelcome { width:80vw; margin:0vw auto 2vw auto; }
#divTVscreen { width:60vw; }
#divVideoScreen { width:75vw; }
#divVideoMenu { font-size:85%; }

#divMainText { width:85vw }
#divEmail { font-size:100%; }
#divFooter { margin:5vh auto 0vh auto; padding-bottom:5vh; font-size:65%; }
#divLoginBox { width:100%; text-align:center; margin-left:auto; margin-right:auto; width:80%; }
#divLoginForm { margin-left:10%; text-align:left; margin-top:1vh; font-size:100%;  } 
#divFormName div, #divFormPass div, #divFormButton div  { display:inline-block; }
#divDoclinks { font-size:85%; margin:2vw auto 2vw auto; }
.loginText, .loginName, .loginPass { height:3.5vw; margin-top:0.5vw;  }
.button { height:3.5vw; font-size:100%; }
.loginText { width:15vw; }
.loginName, .loginPass { width:30vw; }
.passViewicon { height:2.0vw}
.button { color:rgb(80,80,80); width:31vw; }
.linebreak1, .linebreak2 { display:none; }
.linebreak3, .linebreak4 { display:inline; }
}

/* small portrait screens  - smartphones */
@media screen and (max-width:600px) and (orientation: portrait) {
body { font-size:3.0vw; }
.button { height:5.0vw; font-size:100%; }
}