/* blue: #1279c0 */
body {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

video::cue {
  color: white;
  text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;  
  background-color:transparent;
  font-size:18px;
}

.left { text-align: left; }
.right { text-align:right; }
.center { text-align: center; }
.leftf { float:left;}
.rightf { float:right; }
.clear { clear:both; }
.full { width:100%; }
.half { width:50%; }
.seven { width:70%; }
.three { width:30%; }
.quad { width:25%; }
.eight { width:80%; }
.one { width:10%; }
.two { width:20%; }
.nine { width:90%; }
.top { vertical-align:top; }
.spacer { padding-bottom:1rem; text-align: justify}

.widthSmall { width: 350px; text-align: left; padding-left:5px }

#pricing {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    border-collapse: collapse;
    width: 100%;
}

#pricing td, #pricing th {
    border: 1px solid #ddd;
    padding: 20px;
}

#pricing tr:nth-child(even){background-color: #f2f2f2;}

.paddingXL { padding:2rem;}
.paddingLarge { padding:15px; }
.padding { padding:10px; }
.paddingSmall { padding:5px; }
.paddingLeftFooter { padding-left:105px }
.paddingLeftVeryLarge { padding-left: 64px; }
.paddingLeftLarge { padding-left:20px; }
.paddingLeftXL { padding-left: 2rem; }
.paddingLeftXXL { padding-left: 3rem; }
.paddingLeft { padding-left: 10px; }
.paddingLeftSmall { padding-left:5px; }
.paddingRightVeryLarge { padding-right:30px; }
.paddingRightLarge { padding-right:15px; }
.paddingRight { padding-right: 10px; }
.paddingTop { padding-top: 10px; }
.paddingTopMedium { padding-top: 1.5rem; }
.paddingTopSmall { padding-top: 5px; }
.paddingTopLarge { padding-top: 1rem; }
.paddingTopVeryLarge { padding-top:27px; }
.paddingTopXL { padding-top: 2rem; }
.paddingTopXXL { padding-top: 3rem; }
.paddingBottom { padding-bottom:10px; }
.paddingBottomLarge { padding-bottom:15px; }
.paddingBottomVeryLarge { padding-top: 27px; }

.marginRight { margin-right: 20px; }

.lblScript { border:1px solid silver; padding:5px; color:black; width:98%; background-color:#F9F9F9 }
.lbl { font-size: 20px; color: black }
.tb { height: 30px; width: 100%; padding: 5px; }
.cb { height:30px; width:100%; padding:5px; }
.memo { padding:5px; width:100%; font-size:12px; }
.btn { width:100px; height:30px; }
.warning { color:red; padding-right:20px; }
.lnk { cursor: pointer; }
.lnkCancel { cursor: pointer; padding-right:10px}
a.lnkCookies { cursor: pointer; font-size:11px; color: black;}
a.lnkCookies:hover { text-decoration: none }
a.lnk { color:black; text-decoration:none; }
a.lnk:hover { text-decoration:underline; }
a.lnkUnderlined { color:black; text-decoration:underline;}
a.lnkUnderlined:hover { text-decoration: none }

.loginLeft { float: left; width:100px; vertical-align:middle; height:50px; padding-top:8px }
.loginRight { float: left; width:300px; vertical-align: middle; height: 50px; }
.loginBottom { padding: 2rem;}

.imgInfo:hover {
    cursor: pointer;
}

.leftfLbl {
    float:left;
    padding-top:10px;
    padding-left:20px;
    font-size:16px;
}

.lay {
    width:100%;
}

.layCaption
{
    color:black;
    font-size:14px;
}

a.btnLogin{
    font-size:14px;
    color:white;
    text-decoration:none;
}

a.btnLogin:hover {
    text-decoration:underline;
    color:white;
}

td.top {
    vertical-align: top;
}

td.padding {
    text-align:right;
    padding-top:2px;
}

.lblLogin {
    font-size:14px;
    color:white;
}

.containerText {
    height: 225px;
    font-size:14px;
}

.containerScript {
    border: 1px solid silver;
    background-color: #F9F9F9;
    padding: 1rem;
    margin: 1rem;
    color: black;
    width: 300px;
    text-align:justify;
}

.containerVideo {
}

.containerSubs {
    padding-top:1rem;
    height:300px;
    overflow-y: auto;
}

.containerQuestions
{
    /* background-color:#FBFBFB; */
    width:100%;
    margin-bottom:10px;
}

.containerQuestionCreate {
    width:600px;
    margin:0 auto;
}

.containerLogin {
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: 80px;
    background-color: #4285c7;
}

.containerHeader {
    margin: 0 auto;
    padding-top: 1rem;
    color: white;
    width: 900px;
    font-size: 24px;
    font-family: Calibri, Verdana;
}

.centerLogin {
    width: 900px;
    margin: 0 auto;
    /* background-color:#1279c0; */
    /* background-color:#505050; */
    /* box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.3), 0 6px 20px 0 rgba(0, 0, 0, 0.3); */
}

.footerLogin {
    padding:1rem;
}

.footerPublications {
    font-size: 12px;
    font-style: italic;
    text-align: justify;
    padding:10px;
}

.footerCookies {
    padding-top:20px;
    font-size:12px;
    text-align:justify;
}

.footerVideo {
    padding: 1rem;
}

.inlineVideo {
    width: 480px;
    height: 320px;
    object-fit: cover;
    border:1px solid silver;
}

.promo {
    border: 1px solid silver;
}

.lblCopyright {
    font-family: Calibri,Verdana,Arial;
    font-size: 12px;
    color: black;
}

.lblVersion
{
    font-family:Calibri,Verdana,Arial;
    font-size:12px;
    color:black;
    padding-right:5px;
}

.masterHeaderBackground {
    /*background-image: url('../images/bg.png');*/
    background-color: #4285c7;
    height: 120px;
    width: 100%;
    border-bottom: 1px solid silver;
}

.masterHeader {
    width:1200px;
    margin:0 auto;
    padding-top:25px;
}

.masterHeaderLogo {
}

.masterHeaderMenu {
    padding-top:20px;
    /* border-top:1px solid silver; */
}

.masterContent {
    width:1200px;
    margin:0 auto;
    margin-top:30px;
    padding-bottom:30px;
}

.lblSubscription {
    font-size:30px;
    /* background-color:#e0f2f9; */
    padding-left:10px;
    padding-right:10px;
    padding-top:2px;
    padding-bottom:2px;
}

.controlsSubs {
    background-color:green;
}

.conNewsHeader {
    font-size:24px;
}

.conNewsItem {
    border-top:1px solid silver;
    border-bottom:1px solid silver;
}

.conNewsDate {
    font-size:12px;
}