/* TVEverywhere */
/*
#mvpdframeClose {
  color: #FFF;
  cursor: pointer;
  margin-top: -20px;
}

#mvpdframeClose:hover {
  color: #CCC;
}
*/
#video-player-section {
  z-index: 99;
}
#logout {
  display: none;
  /*
  padding: 0 20px;
    color: #fefefe;
    text-decoration: none;
    font-size: 11px;
    */
}
#login {
  display: none;
  color: #fff;
  /*
    padding: 0 20px;
    color: #fefefe;
    text-decoration: none;
    font-size: 11px;
    */
    padding-left: 15px;
    text-transform: uppercase;
    background: url(../images/header/login_icon.png) 0 center no-repeat;
}
#login-frame {
  display: inline-block;
  float: left;
  /*
  position: absolute !important;
  left: 983px;
  z-index: 998 !important;
  */
}

#login_overlay {
  font-size:16px;
  -webkit-font-smoothing: antialiased;
}

#login_overlay, #parental_login_overlay {
  background: #333333;
  border: 1px dotted #3d3837;
  position: absolute; /*padding: 75px 0 0 0;*/
  z-index: 10002;
}

#login_overlay h3,#parental_login_overlay h3 {
  color: #dbdad8;
  font-size: 18px;
  text-align: center;
  margin: 0 0 0 0;
}

#login_overlay #cable_control_screen,
#parental_login_overlay #cable_control_screen {
  background:
    url(http://www.aetv.com/images/minisite4g/video4g/cable-bg.png);
  border-left: 4px solid #3d3837;
  border-right: 4px solid #3d3837;
  border-top: 3px solid #3d3837;
  border-bottom: 3px solid #3d3837;
  width: 300px;
  padding: 0 0 13px 0;
  min-height: 150px;
  max-height: 300px;
  position: relative;
  float: left;
  left: 50%;
  margin: 50px 0 0 -150px
}

#login_overlay #cable_control_screen p,
#parental_login_overlay #cable_control_screen p{
  position: absolute;
  top: 10px;
  font-size: 18px;
  line-height: 24px;
  color: #CCC;
  padding: 20px;
  width: 260px;
  text-align: center;
  word-wrap: break-word;
}

#login_left_col{
 float: left;
 width: 59.393939%;
 border-right:4px solid #1f323d;
 height:100%;
 position:relative;
}
#login_left_col .login_left_txt_wrapper{

 margin: 4.59% 8%;
}
#login_left_col .login_left_txt_wrapper p.require_login_txt{
  font-family: 'AmperstandardMedium';
  font-weight: bold;
  font-size: 1.250em;
  color: #e8483f;
  display: none;
}
#login_left_col .login_left_txt_wrapper p.access_all_txt{
  font-family: 'AmperstandardMedium';
  font-weight: bold;
  font-size: 1.500em;
  margin-top: 23px;
  color:#f2ede0;
}
#login_left_col .login_left_txt_wrapper p.access_all_txt span,
#login_right_col .login_right_txt_wrapper p.access_select span
{
  color: #e8483f;
}
#login_left_col .login_left_txt_wrapper p.login_now_txt{
  font-family: 'Amperserif';
  font-size: 2.438em;
}
#login_left_col .login_left_txt_wrapper p.get_unlimited{
  font-family: 'AmperstandardMedium';
  font-weight: bold;
  font-size: 1.125em;
  margin-top: 20px;
  color:#f2ede0;
}

#login_left_col #or_col {
  display:block;
  width:80px;
  height:80px;
  border:4px solid #1f323d;
  background-color:#e8483f;
  -webkit-border-radius: 80px;
  -moz-border-radius: 80px;
  border-radius: 80px;
  font-size: 44px;
  font-family:'Amperserif';
  text-align: center;
  position:absolute;
  right:-40px;
  top: 18%;
  line-height:160%;
}

#login_right_col{
 float: right;
 width: 39.10101%;
}
#login_right_col .login_right_txt_wrapper{

 margin: 26.515% 5% 0 12.6262%;
}
#login_right_col .login_right_txt_wrapper p.access_select {
  font-family: 'AmperstandardMedium';
  font-size: 1.5em;
  color:#f2ede0;
  margin-bottom:10px;
}
#login_right_col .login_right_txt_wrapper p.watch_a_sel {
  font-family: 'AmperstandardMedium';
  font-size: 1.063em;
  color:#f2ede0;
  line-height:1.2em;
}

#play_full_episode{
  width: 100%;
  height: 142px;
  margin: 48px auto 0;
  background: url(/profiles/aetv/modules/custom/aetv_video/images/video-modal/play-off-copy.png) center center no-repeat;
}

#play_full_episode:hover{
  cursor: pointer;
}

#login_overlay #cable_control,
#parental_login_overlay #cable_control {
  margin: 4.59% 8%;
  padding:8px 2.61% 15px 2.61%;
  width: 362px;
}

#parental_login_overlay #selections .locked {
  float:left;
  width:110px;
  background:url(../images/authkey.png) center center no-repeat;
  height: 105px;
    display: block;
}

#login_overlay #cable_control p,
#parental_login_overlay #cable_control p {
  position: relative;
  top: 0;
  font-size: 12px;
  line-height: 12px;
  color: #CCC;
  width: 260px;
  text-align: center;
  margin: 10px 0 0 0;
}

#login_overlay #cable_control img,
#parental_login_overlay #cable_control img {
  border: 1px solid #3d3837;
  margin: 2px 0 0 2px;
}

#login_overlay #cable_control img:hover,
#parental_login_overlay #cable_control img:hover {
  border: 1px solid #e44747;
  cursor: pointer;
}

#login_overlay #cable_control p a,
#parental_login_overlay #cable_control p a
 {
  color: #FFF;
}

#login_overlay #cable_control p a:hover,
#parental_login_overlay #cable_control p a:hover  {
  text-decoration: underline;
}

/* #login_overlay div.video_playlist-item {float: left; margin: 50px -200px 0 110px;} */
#login_overlay div.video_playlist-item,
#parental_login_overlay div.video_playlist-item {
  float: left;
  margin: 50px -150px 0 35px;
}

#login_overlay div.video_playlist-item p,
#parental_login_overlay div.video_playlist-item p    {
  color: #FFF;
  margin: 0 0 5px 0;
}

#login_overlay div.video_playlist-item h5,
#parental_login_overlay div.video_playlist-item h5 {
  color: #FFF;
  font-size: 14px;
  margin: 10px 0 0 0;
}

#login_overlay div.video_playlist-item p:last-child,
#parental_login_overlay div.video_playlist-item p:last-child  {
  display: none;
}

#login_overlay div.video_playlist-item img,
#parental_login_overlay div.video_playlist-item img {
  width: 253px !important;
  height: 140px !important;
  position: relative;
  top: 1px;
  left: 1px;
  z-index: 9;
}

#login_overlay div.video_playlist-item div.video_overlay,
#parental_login_overlay div.video_playlist-item div.video_overlay {
  border: 1px solid #363337;
  width: 253px;
  height: 141px;
  position: absolute;
  background:
    url(/profiles/aetv/modules/custom/aetv_video/images/video-modal/thumb-overlay.png)
    center center no-repeat;
  z-index: 10
}

#login_overlay div.video_overlay:hover,
#paerntal_login_overlay div.video_overlay:hover {
  opacity: 0.8;
}

div.locked_clip div.video_overlay:hover {
  opacity: 1 !important;
  cursor: default;
}

#login-screen {
  width: 150px;
  height: 85px;
  z-index: 9999;
}

#parental_control-screen {
  width: 150px;
  height: 85px;
  z-index: 9999;
  display: none
}

#flash_missing_or_old-screen {
  width: 150px;
  height: 85px;
  z-index: 9999;
  display: none
}

#flash_missing_or_old-screen div.locked_clip {
  display: block;
  text-align: center;
}

#flash_missing_or_old-screen div.locked_clip span.error_message_spot {
  top: 200px;
  color: white;
  font-family: sans-serif;
  font-size: 14px;
}

#provider {
  display: inline-block;
  float: left;
  overflow: hidden;
  max-height: 42px;
  margin-top: -10px;
}

#provider_selected {
  /*
  top: 5px !important;
  right: 100px !important;
  line-height: 30px;
  position: absolute;
  */
  position: relative;
  z-index: 999;
  margin-top: 0;
  margin-right: 8px;
}

#provider_selected span {
  color: #7a706e;
  font-size: 13px;
  display: block;
  float: left;
  margin: 10px 10px 0 0;
}

#provider_selected img {
  margin: 0px 0px 0 10px;
}
/* CSS provided from design team for TVE login "cable_control" */
#cable_control {
  float: left;
  font-family: Arial, sans-serif;
   
}

#selector_head {

}

.headTxt {
  font-family:'AmperstandardMedium';
  float: left;
  font-size: 0.875em;
  color: #f4f1e2;

}

.ccd_button {
  cursor: pointer;
  color: #fff;
  float: right;
  font-size: 11px;
  background: #5a5957;
  border: 2px solid #5a5957;
  border-radius: 2px;
  padding: 1px 12px; /*margin-top: -12px;*/
}

.ccd_buttonStyle {
  background: #e8483f;
  border-color: #e8483f;
}

#selections {
  position:relative;
}

#cable_control_img {
  display: block;
  padding: 10px 0 5px 0;
  float:right;
}

.icons {
  float: left;
  width: 106px;
   
}

#cable_control_dropdown {
  display: none;
  background: #262626;
  position:absolute;
  z-index:10;
  top:18px;
  left:0;
  right:0;
}

#dd-options {
  margin: 0;
  padding: 0;
  height: 200px;
  overflow: auto;
  width: 100%;
}

#cable_control_dropdown #dd-options ul li {
  list-style: none outside none;
}

#cable_control_dropdown #dd-options ul,#cable_control_dropdown #dd-options ul li
  {
  margin: 0;
  padding: 0;
  font-size: 13px;
}

#cable_control_dropdown #dd-options ul li {
  color: #000;
  font-weight: bold;

} /* text-transform: uppercase; */

#cable_control_dropdown #dd-options ul li {
   
  font-family:'AmperstandardMedium';
}

#cable_control_dropdown #dd-options ul li a {
  display:block;
  color: #999;
  text-decoration: none;
  padding:5px 15px;
}

#cable_control_dropdown #dd-options ul li a:hover {
  color: #ffffff !important;
  background: #575757;
  text-decoration: none;
  display: block;
  height: 19px;
  padding-top: 3px;
  padding-bottom: 2px;
}

#cable_control p {
  display: block;
  text-align: center;
  width: 100%;
  padding-left: 60px;
  padding-top: 10px;
}

#cable_control p,#cable_control p a {
  color: #fff;
  text-decoration: none;
  font-size: 12px;
}

#cable_control p a:hover   {
  text-decoration: underline;
}

div#mvpddiv {
  border: none;
}

iframe#mvpdframe {
  /*border: none;*/
  width: 100%;
  height: 100%;
}

#mvpddiv {
  top: 50px !important;
  /*margin-left: -23% !important;*/
  z-index: 10002 !important;
}/* External rule with !important will take precedence */
/*
#mvpdframeClose {
  position: absolute;
  margin-left: 89%;
  xfloat: right;
    clear: both;
}
*/
#mvpdframe { clear: both;  float: left; }
/* fix z-index for provider logo */
/*
#provider_selected {top: 100px!important; right: 40px!important; line-height: 30px; position: absolute; z-index: 999;}
#provider_selected span {color: #7a706e; font-size: 13px; display: block; float: left; margin: 10px 10px 0 0;}
#provider_selected img {margin: 0px 0px 0 10px;}
*/
.cls_login {
  background: url("../../../../modules/custom/aetv_video/images/video-modal/dropdown-arrow.png") no-repeat
    scroll right -17px transparent;
  float: right;
  position: relative;
  top: 8px;
  width: 19px;
  display: none;
}
@media all {
  #login_overlay, #parental_login_overlay{width: 65%; height: 368px;font-size:14px;}
}

@media all and (max-width:1190px), (max-height:827px) {
  #login_overlay #cable_control, #parental_login_overlay #cable_control { width: 300px; margin-top:0; padding-bottom:0;}
  #login_overlay #selections .locked, #parental_login_overlay #selections .locked { /* width:75px; background-size:100%; */ display: none; }
  #login_overlay #cable_control img, #parental_login_overlay #cable_control img { margin-left: 2px; }
  #login_overlay #cable_control .icons:nth-child(2n+1) img, #parental_login_overlay #cable_control .icons:nth-child(2n+1) img { margin-right: 2px; }
  #login_overlay .icons { width: auto; }
  #cable_control_img { width: 306px; }
}
@media all and (min-width: 1191px) and (min-height: 828px) {
  #login_overlay, #parental_login_overlay {width: 65%; height: 463px;font-size:16px;}
}
@media all and (min-width: 1358px) and (min-height: 922px) {
  #login_overlay, #parental_login_overlay{width: 65%;; height: 557px;font-size:16px;}
}
@media all and (min-width: 1525px) and (min-height: 951px) {
  #login_overlay, #parental_login_overlay {width: 65%; height: 585px;font-size:16px;}
}