/* Move down content because we have a fixed navbar that is 50px tall */
/*body {
    padding-top: 50px;
    padding-bottom: 20px;
}*/

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */

/* Set widths on the form inputs since otherwise they're 100% wide */
/*input,
select,
textarea {
    max-width: 280px;
}*/
table 
{
     margin:0px;
     border:none;
     height:auto;
}

#tbComment {
    width:99%;
    height:170px;
    border: 1px solid #ddd;
}
.textField
{
    width:350px;
    height:30px; 
    border: 1px solid #ddd;
    
}
.textField-select{
 
  border: 1px solid #ddd;
    
}
:-ms-input-placeholder
{
    padding-left:10px;
    font-size:16px;
}

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
    .jumbotron {
        margin-top: 20px;
    }
    .body-content {
        padding: 0;
    }
}


#body
{
  position:absolute;
  top:0px;
  left:0px;
   width:100%; 
   vertical-align:top;
}

#footer
{
  width:100%;
  height:100px;  
  position:relative;
  bottom:0;
  left:0;
  background-color:#333333;
  text-align:center;
}
#tdContent
{ 
    width:100%;
    /*padding-top:103px;*/
    text-align:center;
    vertical-align:top;
}
#tdContent2
{ 
    width:100%;
    padding-top:103px;
    text-align:center;
    vertical-align:top;
}
#tblContent
{
    width:100%;
    background-image:url('../Images/bg-pattern.jpg');
}
#tblContent2
{
    width:100%;
    background-image:url('../Images/bg-pattern.jpg');
}


#menu {

  display:block;
  overflow:hidden;
  width:100%;
  height:28px;
  padding:5px 0;
  white-space:nowrap;
  background-color:#ffffff;
  border-bottom: solid;
  border-bottom-width:1px;
  border-bottom-color:#eeeeee;
  text-align:center;
  max-width:100%;
  margin: 0 auto;
}

#menu a
{
    opacity: 0.7;
}
div#menu a {
    display:inline;
    padding: 0 20px;
    text-decoration: none;
    color:#000000;
    background-color:white;
}

#menu a:hover
{
    opacity: 1;
    color:#ff0000;
}

#menu a:active {
    color: #ff0000;
}
#logo-header {
    background-color:#ffffff;
    padding-top:10px;
    padding-bottom:0px;
    height:75px;
    text-align:center;
    vertical-align:middle;
}
.login {
    /*position:fixed;*/
    top:0;
    left:0;
    width:100%;
    height:auto;
    z-index:11;
}
.loginp
{
    width:100%;
    padding-top:10px;
    /*padding-right: 50px;*/
    padding-bottom:15px;
    background-color:#333333;
}
.loginp1 {
    display:inline;
    line-height:25px;
    color:#ffffff;
    padding-right:10px;
    padding-bottom:10px;
}
.loginp2 {
    display:inline;
    line-height:25px;
    color:#ffffff;
    padding-right:50px;
     padding-bottom:10px;
}

div.loginp a {
    color:#ffffff;
     text-decoration: none;
    line-height:25px;
     text-align:right;
     padding:10px;
}

div.loginp a:hover
{
    opacity: 1;
    background-color:#ff0000;
}

div.loginp.selected .loginp1 a {
    opacity: 1;
    background-color: #ff0000;
}

#logo-footer {
max-width:1124px;
margin: 0 auto;
padding-top:10px;
padding-bottom:10px;
}

.middleTitle
 {
    font-family: Roboto, sans-serif;
    font-size:36pt;
    color:#000000;
}


p.first {
    margin:0;
    padding-top:20px;
    font-family: Roboto, sans-serif;
    font-size:14pt;
    color:#000000;
}

.bold{
     font-family: Roboto, sans-serif;
font-size:14pt;
color:black;
 font-weight: bold;
    margin:0;
}

.imgMiddle
{
    width:100%;
    height:auto;
     vertical-align:top;
}
.divMiddle {
     text-align: center;
      padding-top:50px;
      padding-bottom:10px;
     margin:0 auto;
     vertical-align:top;
}
.divMiddle2 {
     text-align: center;
      padding-top:50px;
      padding-bottom:50px;
     margin:0 auto;
     border:none;
     background-color:rgba(204, 204, 204, 0.3);
     vertical-align:top;
}
.divMiddle3 {
     text-align: center;
     padding-top:50px;
     margin:0 auto;
     border:none;
     background-color:rgba(204, 204, 204, 0.3);
     vertical-align:top;
}
.divMiddle4
{
    WIDTH:750PX;
    height:120PX;
     text-align: center;
     padding-top:60px;
     margin:0 auto;
     vertical-align:top;
     color:#ffffff;
     font-size:24pt;
     background-color: #e01f2c;
}
.divMiddle5 {
     text-align: center;
      padding-bottom:50px;
     margin:0 auto;
     vertical-align:top;
}
p.exchange
 {
    font-family: Roboto, sans-serif;
    font-size:14pt;
    color:#000000;
    margin:0;
}
p.exchange2
 {
    text-align:left;
    font-family: Roboto, sans-serif;
    font-size:16pt;
    color:#000000;
    margin:0;
    height:40px;
    vertical-align:middle;
}
p.exchange3
 {
    text-align:left;
    font-family: Roboto, sans-serif;
    font-size:16pt;
    color:#000000;
    margin:0;
    height:30px;
    vertical-align:top;
}
p.exchange4
 {
    text-align:left;
    font-family: Roboto, sans-serif;
    font-size:16pt;
    color:#000000;
    margin:0;
    padding-left:55px;
    height:20px;
    vertical-align:middle;
}
p.exchange5
 {
    text-align:left;
    font-family: Roboto, sans-serif;
    font-size:16pt;
    color:#000000;
    margin:0;
    height:50px;
    vertical-align:middle;
}
.benefits
{
    padding-top:30px;
    padding-bottom:30px;
    color: #eeeeee;
    font-family:Roboto ;
    font-size:14pt;
    font-weight:100;
    
}

#tblBenefit
{
    background-color:#c40303;
}
.benefits1 {
     color: #ffffff;
    font-family:Roboto;
    font-size:42pt;
    font-weight:bold;
    text-align:right;
    padding-right:70px;
}
.divGetStart {
    width:100%;
    color:#c40303;
    font-size:42pt;
    font-weight:bold;
    padding-top:20px;
    text-align:center;
    padding-bottom: 30 ;
}
ul {
    list-style: url('../Images/point-red.png');
    line-height:40px;
    vertical-align:middle;
}
.agents
{
   
    text-align:center;
    line-height: 100px;
    color: #000000;
    background-color:#e9e9e9;
    font-family:Roboto;
    font-size:14pt;
    
}
.agents2
{
   height: 100px;
   text-align:center;
   vertical-align:middle;
   color: #000000;
   background-color:#e9e9e9;
   font-family:Roboto;
   font-size:14pt;
    
}
.ads
{
    text-align:left;
     padding-left:50px;
    color:#eeeeee;
    font-family:Roboto;
    font-size:14pt;
}
.ads1
{
    text-align:center;
     padding-left:50px;
    color:#eeeeee;
    font-family:Roboto;
    font-size:14pt;
}

hr {
margin-top:20px;
margin-bottom:0px;
color:transparent;
}
.hrMiddle {
margin-top:20px;
margin-bottom:40px;

}
#divForm {
    background-color:#e9e9e9;
    border-radius: 10px;
    padding-left:2px;
    padding-right:2px;
    /*background: #73AD21;*/
   text-align-center;
    width: 1118px;
    
}
.mainSection table {
    border-spacing: 0;
}
table:not(.mainSection table) {
    width: 100%;
    text-align: left;
    font-family: Roboto, sans-serif;
    font-size: 12pt;
    border-spacing: 0px;
    padding: 0px;
    border: none;
}
.button {
    background-color: #CB0101;
    border: none;
    color: white;
    padding: 5px 15px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 12pt;
}

ul.footer3 li {
    display:inline;
    color:#ffffff;
}
div.footer1 {
    padding-top:20px;
    width:100px;
     height:20px;
}
div.footer1 td {
    text-align:left;
    padding: 0 3px;
    color:#ffffff;
    width:20px;
     height:20px;
}
ul.footer3 a {
    display:inline;
    text-decoration: none;
    color:#ffffff;
}
ul.footer3 li + li:before {
    content: " | ";
    padding: 0 10px;
    color:#ffa900;
   font-weight:bold;
}
ul.footer3 a:hover {
     color:#ffa900;
}


.BoldWhite{
 font-weight: normal;
 font-size:14pt;
 
 color:#ffffff;
 margin:0;
 opacity:1;

}
.BoldRed
{
 font-weight: normal;
 font-size:14pt;

 color:#c40303;
 margin:0;
 opacity:1;
}
.BoldBlack
{
 font-weight: normal;
 font-size:14pt;

 color:#000000;
 margin:0;
 opacity:1;
}


    a:hover{cursor:pointer;}
    button:enabled:hover, input:enabled:hover{opacity:.7;cursor:pointer;}
    /*.Base {font-family: Arial;font-size: small;font-weight: bolder;font-variant: normal;text-transform: none;text-decoration: none;}*/
    
    .Base       {font: 16px Roboto;font-variant: normal; font-weight:normal; text-transform: none;text-decoration: none;width:1280px;overflow:hidden;margin:0 auto}
    

    /*.Middle{padding-left:308px;padding-right:308px;}*/    
    /*.Middle{padding-left:5%;padding-right:5%;min-width:1280px}*/
    .Middle{width:1280px;overflow:hidden;margin:0 auto;}
    .VMiddle { vertical-align: middle;}
    
    .WhiteTextNoUnderlineCenter  { color:inherit;text-decoration: none;font:18px; align-items: center;}
    .WhiteTextNoUnderline { color:#666666;text-decoration:none;font:18px; height:inherit}
    
    .ResponsiveLeft  {float:left ;position:relative;overflow:hidden;}
    .ResponsiveRight {float:right;position:relative;overflow:hidden;}

    .MarginLeftRight10{margin-left:10px;margin-right:10px;}
    .PaddingLeftRight10 { padding-left:10px;padding-right:10px }
    .PaddingLeftRight20 { padding-left:20px;padding-right:20px }
    .PaddingLeftRight30 { padding-left:30px;padding-right:30px }

    .Padding10 { padding:10px }
    .Padding20 { padding:20px }
    .Padding30 { padding:30px }
    
    .Margin10 { margin:10px}
    .Margin20 { margin:20px}
    .Margin30 { margin:30px}

    .LeftRight10 { left:10px;right:10px }
    .LeftRight30 { left:30px;right:30px }
    .LeftRight40 { left:40px;right:40px }
    .Left1Top70  { left:1px;top:70px }
    .Left1Top90  { left:1px;top:90px }
    .Left1Top120 { left:1px;top:120px }
    .MinWidth100 { min-width:100px}
    .MinWidth200 { min-width:200px}
    .MinWidth210 { min-width:210px}
    .MinWidthHeight200 { min-width:200px;min-height:200px}

    .Width10Percent { width:10%;height:inherit }
    .Width16Percent { width:16%;height:inherit }
    .Width20Percent { width:20%;height:inherit }
    .Width30Percent { width:30%;height:inherit }
    .Width40Percent { width:40%;height:inherit }
    .Width50Percent { width:50%;height:inherit }
    .Width60Percent { width:60%;height:inherit }
    .Width70Percent { width:70%;height:inherit }
    .Width80Percent { width:80%;height:inherit }
    .Width90Percent { width:90%;height:inherit }
    .Width100Percent { width:100%;height:inherit }
    .widthAuto {width:auto}
    
    .RightJustify2 {margin-left:auto; margin-right:0;}
    .RightJustify {text-align: right;}
    .LeftJustify {text-align: Left;}
    .MiddleJustify {text-align: center;}
    .MiddleJustify2 {margin-left:auto; margin-right:auto;margin-top:auto;margin-bottom:auto}

    .verticalLine { border-left: 1px solid #c3c3c3;}
    .topline { border-bottom: 1px solid #c3c3c3;height:50px; }
    .topline1 { border-bottom: 1px solid #c3c3c3; height:1px; }
     .toplinegrey2 { border-bottom: 1px solid #c3c3c3;height:50px; background-color:rgba(204, 204, 204, 0.3); }
    .toplinegrey { background-color:#c3c3c3; border-bottom: 1px solid #c3c3c3;height:50px; }

    .BlackBar  { background-color:black;  color:white; height:110px; width:auto;text-decoration-line:none;}
    .WhiteBar  { background-color:White;  color:Black; height:300px; width:auto;text-decoration-line:none;}
    .Transparent {   background-color: Transparent;}
    /*=====< next line must embed flex otherwise doesn't work >===============*/
    .VHMiddle{display: flex;justify-content: center; /* align horizontal */align-items: center; /* align vertical */}
    .VerticalMiddle{display: flex;align-items: center;  /* align vertical */}
    
    .MenuItem{ width:auto;padding:37px 10px 41px 10px}
    /*.MenuItem{ width:200px;padding:37px 0px 41px 0px}*/
    .MenuItem:hover { background-color: red;color:white;opacity:0.9;}
    .MenuItem a[selected] { background-color: red;} 


    .Opacity80 {opacity:0.8;}
    .Opacity40 {opacity:0.4;}
    .Opacity10 {opacity:0.1;}

    .Package{opacity: 1;filter: alpha(opacity=100);padding:1px;}
    .Package:hover {opacity: 0.3;filter: alpha(opacity=30);}
    .FullWidth{position:absolute;left:0px;right:0px;}
    .FullWidthImage {width: 100%;}
    .AlignLeftRight{text-align: justify;}

    .VerticalSpace200{ margin-top:200px;}
    .VerticalSpace300{ margin-top:300px;}
    .VerticalSpace400{ margin-top:400px;}
    .VerticalSpace500{ margin-top:500px;}
    .VerticalSpace600{ margin-top:600px;}

    .NoBorderInTable{border-collapse:collapse;text-align:left}

    input[type='radio'] {
        -webkit-appearance:none;
        width:20px;
        height:20px;
        border:1px solid darkgray;
        border-radius:50%;
        outline:none;
        box-shadow:0 0 5px 0px gray inset;
    }
    input[type='radio']:hover {
        box-shadow:0 0 5px 0px orange inset;
    }
    input[type='radio']:before {
        content:'';
        display:block;
        width:60%;
        height:60%;
        margin: 20% auto;    
        border-radius:50%;    
    }
    input[type='radio']:checked:before {
        background:red;
    }

    ImageButton:active{border-color:yellow}
    .SetBorder{border:3px solid black;}
    .HighlightBorder{border:3px solid pink;}

    .StandardRowSpace {height:30px}

.registerbutton {
    font: 15px Roboto Thin,Arial,Helvetica,sans-serif;
    background-color:#6F6F6F;
    border:0px;
    Width:120px; 
    color:White;
    height:38px

}


.radio1 {
    width:10px!important;
    height:10px!important
}

.container
{
    text-align:left;
    margin-left:auto;
    margin-right:auto;
    max-width:1000px;
    width:95%

}
.content-inner-wrapper
{
    background:#fff;
    margin-bottom:20px;
    margin-bottom:1.25rem;
    padding:10px 10px 0 10px;
    border:1px solid #ddd;
}
.single-page
{
    padding:10px 50px 0 50px

}
.exbig
{
font-size:240%
}
.big
{
    font-size:160%;
    color:#ca2117;


}

.small {
    font-family:Roboto,arial,lucida grande,helvetica,sans-serif;
    font-size:16px;
    color:#444;
    line-height:1.5;
margin-top:0px;
   margin-bottom:20px;
       list-style:none;
}
.small2 {
    font-family:Roboto,arial,lucida grande,helvetica,sans-serif;
    font-size:16px;
    color:#444;
    line-height:1.5;
    padding-left:0px;
    margin-top:0px;
   margin-bottom:0px;
}
.small3 {
    font-family:Roboto,arial,lucida grande,helvetica,sans-serif;
    font-size:16px;
    color:#444;
    line-height:1.5;
    padding-left:0px;
    margin-top:0px;
   margin-bottom:0px;
}
.smallb {
    font-family:Roboto,arial,lucida grande,helvetica,sans-serif;
    font-size:16px;
    font-weight:bold;
    color:#444;
    line-height:1.5;
   margin-top:0px;
   margin-bottom:0px;
   list-style:none;
}
.a1 {
      color:#444;
    text-decoration: underline;
}

a.a1:visited {
    text-decoration: underline;
    color:#444;
}

#divContainer
{
    height:437px;
    width:810px;
   position:relative;
    text-align:center;
    margin:auto;
    background-image:url(Images/pricing-rate-table.png);
}


#textCA
{
    z-index:100;
    position:absolute;  
    left:258px;
    top:156px;
}
#textEU
{
    z-index:100;
    position:absolute;    
    left:610px;
    top:156px;
}