a:hover{opacity:.7;cursor:pointer;}
    button:hover, input: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-Light';font-variant: normal;text-transform: none;text-decoration: none;width:1280px;overflow:hidden;margin:0 auto} AH 04/11/2017*/

   .Base       {font: 16px 'Roboto-Light';font-variant: normal;text-transform: none;text-decoration: none;overflow:hidden;margin:0 auto; width:100%;position: relative; }
    

    /*.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;} AH 04/11/2017*/ 
    .Middle{overflow:hidden;margin:0 auto;width:100%;position: relative; padding-left:10%; padding-right:10%;}
    .centeredDiv 
    {
        width:1280px; overflow:hidden;
        margin:0 auto;
    
        /*the two lines below can be omitted, they are just to highlight the centerd div with 1280px*/
        border:1px solid black;
        background-color:#AABBCC;
    }

.regulartext {
  
   Width:230px;
  
}
    .WhiteTextNoUnderlineCenter  { color:inherit;text-decoration: none;font:18px; align-items: center;}
    .WhiteTextNoUnderline { color:inherit;text-decoration:none;font:18px; height:inherit}
    
    .ResponsiveLeft  {float:left ;position:relative;overflow:hidden;}
    .ResponsiveRight {float:right;position:relative;overflow:hidden;}
    
    .MarginRight20{margin-right:20px;}
    .MarginLeftRight10{margin-left:10px;margin-right:10px;}
    .MarginLeftRight80{margin-left:80px;margin-right:80px;}
    .PaddingLeftRight10 { padding-left:10px;padding-right:10px }
    .PaddingLeftRight20 { padding-left:20px;padding-right:20px }
    .PaddingLeftRight30 { padding-left:30px;padding-right:30px }
    
.PaddingTopBottom20 {
    padding-top: 20px;
    padding-bottom: 20px;
}

    .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 }
    .Left1Top120 { left:1px;top:120px }
    .MinWidth95 { min-width:95px}
    .MinWidth100 { min-width:100px}
    .MinWidth115 { min-width:115px}
    .MinWidth200 { min-width:200px}
    .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;}

    .MasterDiv { background-color:white;}
    .BlackBar  { clear:both;display:block;background-color:black;  color:white; height:110px; width:100%;text-decoration-line:none; float: left;}
    .WhiteBar  { background-color:White;  color:Black; height:300px; width:auto;text-decoration-line:none;}
    .GrayBar   { background-color:#f2f2f2;color:Black; height:60px;  width:auto;text-decoration-line:none;font:12px,italic,bold;margin-left:0px;margin-right:0px}
    .RedBar    { background-color:#970000;color:white; height:100px;text-decoration-line:none;font:12px,italic,bold;}
    .PackageBar{ background-color:White;  color:Black; height:auto;  width:auto;text-decoration-line:none;font:12px,italic,bold;margin-left:2px;margin-right:2px; vertical-align:middle; text-align:center;}
    .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:relative;left:0px;right:0px;}
    .FullWidthImage {width: 100%;}
    .HalfWidthImage {width: 50%;}
    .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}
.shopperbutton {
    font: 28px 'Roboto', sans-serif;
    font-weight:300;
    background-color:#970000;
    border:0px;
    Width:318px; 
    max-width: 100%;
    color:White;
    height:70px;
    text-align:center;
    vertical-align:central;
    margin:10px 20px 10px 0px;
    

}

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

}

.adtitle {
   font: 20px 'Roboto', sans-serif;
    font-weight:normal;
    color:black;
    padding-bottom:6px;
}
.adtext {
    font: 15px 'Roboto', sans-serif;
    font-weight:normal;
    color:#6F6F6F;
    min-height:40px;
    max-width:230px;
    margin: auto;
    padding-bottom:6px;
}



.innerBlockForVerticalAlign {
  display: inline-block;
  vertical-align: middle;
  padding:0 10px 10px 10px;
  margin: 0 auto;
  max-width: 100%;
}
.outerBlockForVerticalAlign {
  height: 458px;
  margin: 0 auto;
}
.outerBlockForVerticalAlign:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}

.horizontalDivider {
    display: none;
}

.secondaryMobImage {
    display: none;
    padding-top: 9px;
    padding-bottom: 9px;
}

.primaryMobPackageImage {
}

.secondaryMobPackageImage {
    display: none;
    padding-top: 19px;
    padding-bottom: 19px;
}


.Element-Hidden {
    display: none;
}







.channels {
    font: 16px Roboto Thin,Arial,Helvetica,sans-serif;
    font-weight:bold;
    color:black;
    height:20px;
    padding-left:8px
}
.channelstitle {
    font: 18px Roboto Thin,Arial,Helvetica,sans-serif;
    color:black;
    padding-left:8px
}
.channelGenre {
    font: 18px Roboto Thin,Arial,Helvetica,sans-serif;
    color:black;
    padding-left:30px
}

.radio1 {
    width:10px!important;
    height:10px!important
}
.channelicons {
    width:50px;
    height:50px;
    border:none
}
.genrecss {

    width: 650px; 
    height: 420px; 
    background-color: transparent; 
    padding-top: 50px; 
    padding-left: 15px;
    
    
}

.gladbutton {
    font: 28px 'Roboto', sans-serif;
    font-weight:300;
    background-color:#ed1c24;
    border:0px;
    Width:650px; 
    color:White;
    height:70px;
    text-align:center;
    vertical-align:central;
    border-radius: 15px;
    margin-bottom:20px;
    margin-top:10px;
    
    

}