/*general structure of a page*/

/*inner page*/ 

.inner-wrapper{
  position: relative;
  height: 100%;
  white-space: nowrap;
  background: #f4f1e2;
}


.inner-wrapper .inner-container{ 
  height: 100%;
  overflow: hidden;
  position: relative;
}

.inner-wrapper .inner-container.scrollable-container {
  overflow-y: scroll;
}

.js .inner-wrapper .inner-container{
  visibility: hidden;
  opacity: 0;
}


.inner-page{
  height: 100%;
  display: inline-block;
  white-space: nowrap;
  vertical-align: top;
  zoom: 1;
  position: relative;
  -webkit-perspective: 1000;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  background-color: #f4f1e2;
  min-width: 100%;
}

.full-width {
  width: 100%;
}
/*
.inner-page.offset{
	padding-left: 112px;
}
*/
.inner-page .column{
  display: inline-block;
  white-space: normal;
  vertical-align: top;
}

.inner-page .column.available-height {
  height: 100%;
}

.inner-page .column.available-height-minus-bar {
  height: -webkit-calc(100% - 94px);
  height: -moz-calc(100% - 94px);
  height: calc(100% - 94px);
}

.inner-page.all-video .column.available-height-minus-bar {
  height: -webkit-calc(100% - 1px);
  height: -moz-calc(100% - 1px);
  height: calc(100% - 1px);
}

.inner-page .bumper{
  width: 200px;
  height: 100%;
  background-color: #3b3b3b;
  margin-right: -5px; /*fix for webkit ipad rendering issue*/
  display: none;
}


/*column inside a column*/
.inner-page .column > .column{
  display: inline-block;
  white-space: normal;
  vertical-align: top;
  /*height: 100%;*/
}

.inner-page .column > .column.available-height{
  height: 100%;
}

.inner-page .column > .column.available-height{
  height: -webkit-calc(100% - 94px);
  height: -moz-calc(100% - 94px);
  height: calc(100% - 94px);
}



/*bottom bar*/

.bottom-bar{
  width: 100%; /*fallback on 100% if calc not available*/
  width: -webkit-calc(100% - 101px);
  width: -moz-calc(100% - 101px);
  width: calc(100% - 101px);
  position: absolute;
  left: 111px;
  height: 37px;
  background-color: #1f323d;
  bottom: 0px;
  z-index: 1;
}

.bottom-bar .inner{
  position: relative;
  display: inline-block;
  white-space: nowrap;
  vertical-align: top;
  zoom: 1;
  width: 100%;
  height: 100%;
  font-size: 14px;
}

.bottom-bar .inner .column{
  display: inline-block;
  white-space: normal;
  vertical-align: top;
  padding-top: 13px;
  height: 24px;
  margin-right: -3px;
  position: relative;
  text-align: center;
  color: inherit;
}

.bottom-bar .inner .column.selected{
  background-color: #D5D7C8;
}

.bottom-bar .inner .column.selected .pointy-bg{
  /*background: url("/profiles/aetv/modules/custom/aetv_episode/images/currentEpisodeBG.png") no-repeat scroll center center transparent;
  height: 50px;
  left: 0;*/
  position: absolute;
  top: -10px;
  /*width: 155px;*/
  z-index: -1;
  width: 0;
  height: 0;
  /*
  border-bottom: 10px solid #d5d7c8;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  */
  left: 50%;
  margin-left: -10px;

}


.has-right-separator{
  border-left: solid 1px #2e2e2e;
  border-right: solid 1px #404040;
}


/* global ui elements */

.modal-close-button a,
.inner-close-button {
  background: #000 url(/profiles/aetv/themes/custom/aetv/images/close-button-x.png) no-repeat center;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  height: 24px;
  width: 24px;
  text-indent: -10000px;
  position: relative;
  display: inline-block;
  z-index: 10000;
  border: #999999 2px solid;
}

.js .aetv-hide-from-desktop {
  display: none !important;
}