.binder-content-pane {
	border-left:4px #E0E0E0 solid; 
	border-right:4px #E0E0E0 solid;
	border-bottom:4px #E0E0E0 solid;
	background-color:#FFFFFF;
    padding: 5px;
    text-align: center;
	overflow:visible;
	z-index:930;
	height:100%;
	margin-top:0px;
	position:relative;
}
/* These are the new styles for the player/editor */
ul.tab-list {
	line-height:1;
    margin: auto;
    min-width:300px;
    padding: 0 29px 0 0;
	z-index:10;
	margin:0;
	overflow:hidden !important;
}
ul.tab-list li{
    text-align: center;
	display:inline;
    list-style: none;
	/* Craziness below needed for IE7 to work */
	zoom:1;
	*display:inline;
	_height:29px;
}
.main-tab-wrapper {
	margin-top:-5px;
	width:100%;
	display:table;
    display: inline-block; 
    outline: none;
    z-index:20;
    text-align:center;
    padding-left:0px;
}
.tab-wrapper {
	display:inline-block;
	margin-left:0px;
	overflow:hidden;
	max-width:500px;
	height:33px;
}

.tab-wrapper-selected {
	display:inline-block;
	margin-left:0px;
	overflow:hidden;
	max-width:500px;
    position: relative;
	z-index:2000;
	height:33px;
}
.subtab-wrapper-selected {
	overflow:hidden;
	max-width:500px;
    position: relative;
	z-index:2000;
}
.tab-off-left, #tab-off-left {
	height:29px;
	display:inline-block;
	width:9px;
	background-repeat:no-repeat;
	overflow:hidden;
}
.tab-off-middle {
	height:29px;
	min-width:40px;
	max-width:450px;
	text-align:center;
	display:inline-block;
	white-space:nowrap;
	padding: 0px 2px 0px 2px;
	background-repeat:repeat-x;
	overflow:hidden;
}
.tab-off-middle a {
	padding: 4px 4px 0px 4px;
	font-size:13px;
    vertical-align:bottom;
	background-repeat:no-repeat;
	overflow:hidden;
}
.tab-off-right, #tab-off-right {
	height:29px;
	width:9px;
	display:inline-block;
	background-repeat:no-repeat;
	*margin-right:4px; 
	overflow:hidden;
}
#tab-on-left {
	height:29px;
	display:inline-block;
	width:9px;
	background-repeat:no-repeat;
	z-index:20;
	*margin-left:2px;
	overflow:hidden;
	vertical-align:top;
}
.tab-on-middle {
	height:29px;
	z-index:20;
	min-width:50px;
	max-width:450px;
	text-align:center;
	display:inline-block;
	white-space:nowrap;
	background-repeat:repeat-x;
	padding: 0px 2px 0px 2px;
	overflow:hidden;
	vertical-align:top;
}
.tab-on-middle-text {
	padding: 2px 4px 0px 4px;
	vertical-align:-2px;  
	font-size:13px;
	overflow:hidden;
    position: relative; 
    top: 0px;
     
}
.tab-off-middle-text {
	vertical-align:-2px;    
}
#tab-ax {
	height:29px;
	width:9px;
	z-index:70;
	display:inline-block;
	background-repeat:no-repeat;
	*margin-right:4px;
	overflow:hidden;
	left:-4px;
	vertical-align:top;
}
#tab-ax img {
	z-index:250;
	display:inline-block;
	position:absolute;
	top:12px;
	height:16px;
}
#tab-on-right {
	height:43px;
	width:9px;
	display:inline-block;
	background-repeat:no-repeat;
	z-index:20;
	overflow:hidden;
}

.tab-on-integrated {
	height:43px;
	z-index:20;
	min-width:50px;
	max-width:250px;
	text-align:center;
	display:inline-block;
	white-space:nowrap;
	background-repeat:repeat-x;
	padding: 0px 2px 0px 2px;
    border-radius: 6px;
}
.binder-subtab-tablook {
	display:inline-block;
	list-style:none;
	height:20px;
	padding: 3px 6px 2px 6px;
    color: #393939;
	background-color:#CDCDCD;
	font-size:small;
	margin-top:3px;
	z-index:25;
	/* max-width:320px;
	overflow:hidden; */
}
.binder-subtab-selected {
	display:inline-block;
	list-style:none;
	color: #393939;
	font-weight: bold;
	background-color:#CDCDCD;
	font-size:small;
	padding: 0px;
	height:22px;
	margin-top:3px;
	padding: 2px 4px 0px 4px;
	min-width:10px;
	/* max-width:250px;
	overflow:hidden; */
}
.binder-selected-text {
	padding: 0px 6px 0px 6px;
}
.binder-subtab {
    font-weight: bold;
    text-decoration: none;
    height:0px;
	/* max-width:300px;
	overflow:hidden; */
}
.binder-subtab-input {
		text-align:center;
		background-color:#ffffff;
}
.binder-subtab-selected-text {
    left: 0px;
    right: 10px;
    width: 100%;
    position: absolute;
    overflow: hidden;
}
.binder-subtab-selected-edit {
    font-weight: bold;
    font-size: 11px;
    position: absolute;
    bottom: 0px;
    left: 9px; 
    height: 26px;
    width: 100%;
    overflow: hidden;
    text-align: center;
}
#binder-subtab-pane {
	padding: 0px 30px 0px 0px;
	background-color:#E8E8E8;
	border-bottom: 3px solid #E8E8E8;
	z-index:10;
	height:auto;
	width:auto;
	list-style:none;
	margin-top:0em;
	margin-bottom:0em;
	position:relative;
	text-align:center;
	-webkit-margin-before:0em;
	-webkit-margin-after:0em;
}
.tab-wrapper-a {
  z-index:20;
}

/*
.main-tab-wrapper {
  display: inline-block; 
  outline: none;
}
*/

.carousel-wrap {
  width: 100%;
  height: 20px;
  display: inline-block; 
  -webkit-overflow-scrolling: touch;
}

.carousel-control {
}

.carousel-previous {
  display: inline-block; 
  cursor: pointer;
  position: absolute;
  z-index:4000;
  top:2px;
  left:-4px;
  filter:alpha(opacity=70);
  -moz-opacity:0.7;
  opacity: 0.7;
}

.carousel-next {
  display: inline-block; 
  cursor: pointer;
  position: absolute;
  top:2px;
  z-index:4000;
  right:-4px;
  filter:alpha(opacity=70);
  -moz-opacity:0.7;
  opacity: 0.7;
}
p {
	margin:0;
}
.carousel-pagination {
	position:relative;
    cursor: pointer;
	top:-18px;
	padding-top:3px;
}
.carousel-pagination p {
	padding:0;
	margin:0;
}
.active img {
	background: url("/images/icons/white_dot2.png") no-repeat;
    /*
	background-position:center 1px;
	padding:0;
	height:16px;
     */
}

a.active {
	
}

.center-wrap {
  margin-top: 2px;
}

.carousel-pagination-label {
	/*background: url("/images/icons/dot1.png") no-repeat; */
}
.triangle {
	width: 0; 
	height: 0; 
	z-index:200;
	position:absolute;
	margin-left:-50%;
	margin-top:18px;
	border-right: 12px solid transparent;
	border-bottom: 12px solid #D6D6D6;
	border-left: 12px solid transparent;
}
.sub-triangle {
	width: 0; 
	height: 0; 
	z-index:200;
	position:absolute;
	margin-left:-10px;
	display:inline-block;
	top:13px;
	border-right: 10px solid transparent;
	border-bottom: 10px solid #E8E8E8;
	border-left: 10px solid transparent;
}
.sub-triangle-container {
	width:0;
	left:50%;
	margin-top:0px;
	position:absolute;
	text-align:center;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {  
/* For webkit-based browsers (Chrome, Safari, etc.) */  
  .sub-triangle-container  { 
  	position:static;
	margin-top:-14px; }  
}
.leadin-triangle {
	width: 0; 
	height: 0; 
	z-index:200;
	position:relative;
	margin-left:46%;
	top:0px;
	border-right: 8px solid transparent;
	border-bottom: 8px solid #F5F5F5;
	border-left: 8px solid transparent;
}
.lead-in {
    padding: 5px 5px 0px 5px;
    background-color: #808080;
    text-align: center;
    font-size:small;
    list-style-type: none;
    margin: 2px 2px 0px 0px;
    height:22px;
    display:inline-block;
}
.lead-in a {
	color:white;
}
.lead-in-selected {
    padding: 5px 5px 0px 5px;
    color:white;
    background-color: #808080;
    text-align: center;
	font-size:small;
    margin: 2px 2px 0px 0px;
    height:22px;
    display:inline-block;
}
.leadin-over-pane {
    display: none;
    z-index:50;
    position:relative;
    margin:0;
}
.binder-leadin-pane {
    /*padding-top: 8px;*/
    padding: 2px 30px 0px 0px;
    /* border-bottom: 2px solid #F5F5F5; */
	border-left: 4px solid #E0E0E0; 
	border-right: 4px solid #E0E0E0;
    background-color: #F5F5F5;
    display: none;
    z-index:50;
    text-align:center;
}
.lead-in-span {
    margin: 0px 0px 2px 0px; 
    list-style-type: none;
    padding: 0;
    display: inline-block;
    text-align:center !important;
}
.close-open-arrows {
	position:absolute;
	top:3px;
	right:0px;
	z-index:60;
}
.close-open-arrows-leadin {
	position:absolute;
	top:3px;
	right:3px;
	z-index:60;
}

