body {
	position: relative;
	min-height: 100vh;
	background: #eee;
}

.page a {
color: #ee6600;
}

a:hover {
color: orange;
}

.forum {
	width: 1220px;
	margin: 0px auto;
}

.video-page {
	background-color: #000;
}

.forum .item-tools, .forum  .item-tools_grey, .forum .item-tools_dark, .forum .item-dropdown  {
	font-size: 10px;
	padding: 5px 7px;
}
.forum .item-section .item-page .item-file, .forum .item-section .item-page .item-info, .forum .item-section .item-page video, .forum .item-section .item-page audio   {
	display: none;
}

.forum-page .item-nodes .item-file, .forum-page .item-nodes .item-info {
	display: none;
}

 .forum-page .item-nodes{
	width: 80%;
	float: left;
 }
 
 .forum-page .item-meta{
 width: 20%;
	float: right;
 }
 
 .forum-page .item-meta .item-labels{
	display: none;
 }

.item-page-section {
	width: 820px;
	margin: 0px auto;
}

.forum .item-section {
	border: 1px solid #CCC;
	border-radius: 10px;
	background-color: #efefef;
}

.forum .item-section .item-page {
	border: 0px solid #FFF;
}

.forum .item-section .item-page .item-title {
	font-size: .8em;
	font-weight: bold;
	margin-right: 8px;
	width: auto;
}

.forum .item-section .item-page .item-nodes {
	float: left;
	width: calc(100% - 144px);

}

.forum .item-section .item-page .item-meta {
	border-top: 0px solid #FFF;
	padding-top: 0px;
}

.forum .float-tools { 
	display: inline-block;  position: inherit; /*position: absolute; right: 1px; top: 1px; display: block;*/
}

.forum .float-wrapper { float: right; position: inherit; }

.float-tools { 
	position: absolute; right: 1px; top: 1px; display: block;
}

.float-wrapper { position: relative; }

.user-tools {
	float: right;
}

.forum .user-tools {
	float: left;
}

.item-page .item-file {
	border-top: 0px solid #FFF;
}


.item-page .item-meta {
	border-top: 0px solid #FFF;
}

.item-profile {
	float: left;
	min-width: 120px;
}

.forum .item-profile {
	float: left;
	min-width: 120px;
}

.channel_browser {
	width: calc(100% - (146px));
	display: inline-block;
}

.channel_bar {
	background-color: #333;
	border-bottom: 1px solid #000;
	text-align: left;
}

.channel_icon {
	background-color: #111;
	color: #CCC;
	width: 120px;
	display: inline-block;
	float: left;
}

div.splash-page {
	padding: 0px;
	background-color: #111;
}
div.splash-page .item-box-video, div.page .item-box-video {
	width: 100%;
	background-color: #000;
	margin: 0px;
}
div.splash-page .item-box-video .item-title,  div.splash-page .item-box-video .item-info {
	display: none;
} 
.iframe-video { min-height: 500px }
.splash-page .iframe-video, .page .iframe-video { min-height: 720px }

.item-box .item-nodes .iframe-video {
	min-height: 320px;
}

.item-box audio {
	min-height: 272px;
}

.service-title {
	font-size: 1.6em;
	font-weight: bold;
	margin-bottom: 8px;
}

div.splash-page .item-box-video .item-meta {
	border-top: 2px solid #222;
}
div.guide-video {
	display: inline-block;
	border-right: 1px solid #000;
	height: 38px;
	overflow: hidden;
	cursor: pointer;
	width: calc(20% - (2px));
}

.browse .item-box-youtube .item-title {
	display: none;
}

.guide-video-active {
	display: inline-block;
	border-right: 1px solid #000;
	background-color: #222;
	width: 20%;
	height: 38px;
	overflow: hidden;
	cursor: pointer;
	width: calc(20% - (2px));
}
.guide-video:hover { background-color: #222; color: #FFF; }

.banner {
    background: #ee6600;
    border-bottom: 4px solid orange;
    color: orange;
    font-size: 11px;
}

.banner, .footer {
	width: 100%;
}
.footer_inner {
	width: auto;
	margin: 0px 10px;
}

.profile-banner {
	background-color: #CCC;
	display: inline-block;
	width: 100%;
}
.profile-banner_inner {
	width: 1240px;
	margin: 0px auto;
}

.profile-banner .bubble {
	border-radius: 20px; background-color: #666; color: #FFF; display: inline-block; margin-top: 4px; padding: 8px; font-size: 8px; text-align: center;
}
.profile-name {
	font-size: 2em;
}

.browse-labels {
	margin-top: 20px;
}

.page, .splash-page {
	background: #eee;
	padding-bottom: 6rem;
}

.section, .section_inner {
	width: 100%;
}

div#joinFormBox {
	width: 1240px;
	margin: 0px auto;
}

.page {
	padding-bottom: 6rem;
}

.footer {
	/*position: absolute;
	bottom: 0;
	width: 100%;
	height: 6rem;*/
}

/*VIDEO PLAYER*/
/*HTML5 UI CSS*/
video {
	display: block;
	background-color: #111;
}

div.video_frame {
	display: inline-block;
}

div.btv_counter {
	float: left;
	margin: 0px;
	padding-top: 10px !important;
	height: 20px;
	width: 70px;
	text-align: center;
}

div.play {
	cursor:pointer;
	 width: 56px;
	 height: 30px;
	 background: url('img/ui/play.png') no-repeat center center;
}

div.play:hover {
	 background: url('img/ui/play_alt.png') no-repeat center center;
	background-color: #BBB;
}

div.paused {
	cursor:pointer;
	 width: 56px;
	 height: 30px;
	 background: url('img/ui/pause.png') no-repeat center center;
}

div.paused:hover {
	background: url('img/ui/pause_alt.png') no-repeat center center;
	background-color: #BBB;
}

div.replay {
	cursor:pointer;
	 width: 56px;
	 height: 30px;
	 background: url('img/ui/replay.png') no-repeat center center;
}

div.replay:hover {
	background: url('img/ui/replay_alt.png') no-repeat center center;
	background-color: #BBB;
}
 
div.full {
	cursor:pointer;
	width:30px;
	height: 30px;
	background-image: url('img/ui/full.png');
}

div.full:hover {
	background-image: url('img/ui/full_alt.png')
}

div.mini {
	cursor:pointer;
	width: 30px;
	height: 30px;
	background-image: url('img/ui/mini.png');
}

div.mini:hover {
	background-image: url('img/ui/mini_alt.png')
}

div.share {
	cursor: pointer;
	background: url('img/ui/share-icon.png') no-repeat center center;
	width: 44px; 
	height: 30px;
}

div.share:hover {
	background-image: url('img/ui/share-icon-alt.png');
	background-color: #BBB;
}

div.PROMOTE {
	cursor: pointer;
	background: url('img/ui/PROMOTE-icon.png') no-repeat center center;
	width: 44px; 
	height: 30px;
}

div.PROMOTE:hover {
	background-image: url('img/ui/PROMOTE-icon-alt.png');
	background-color: #BBB;
}

div.sound {
	cursor:pointer;
	background: url('img/ui/sound.png') no-repeat center center;
	width: 30px;
	height: 30px;
}

div.sound:hover {
	background: url('img/ui/sound_alt.png') no-repeat center center;
	background-color: #BBB;
}

div.sound:hover  .show{
	display: block;
}

.hide {
	display: none;
}

div.muted {
	cursor:pointer;
	background: url('img/ui/mute.png') no-repeat center center;
	width: 30px;
	height: 30px;
}

div.muted:hover {
	background: url('img/ui/mute_alt.png') no-repeat center center;
	background-color: #BBB;
}

div.volup {
	cursor: pointer;
	background: url('img/ui/volup.png') no-repeat center center;
	width: 30px;
	height: 30px;
}

div.volup:hover {
	background: url('img/ui/volup_alt.png') no-repeat center center;
	background-color: #EEE;
}

div.voldown {
	cursor: pointer;
	background: url('img/ui/voldown.png') no-repeat center center;
	width: 30px;
	height: 30px;
}

div.voldown:hover {
	background: url('img/ui/voldown_alt.png') no-repeat center center;
	background-color: #EEE;
}

.bigups_tv_logo {
	cursor: pointer;
	width: 124px;
	height: 30px;
	background-image: url('img/ui/btv_logo.png')
}

.bigups_tv_logo:hover {
	background-image: url('img/ui/btv_logo-alt.png')
}

.toolbar {
	display: none;
	position: relative;
	top: -30px;
	font-family: helvetica;
	font-weight: bold;
	width: 790px;
	height: 30px;
	background-image: url('img/ui/toolbar.png');
	font-size: 10px;
 }
 
 .extras_bar { 
	position: relative;
	width: 790px;
	height: 120px;
	display: none;
	
	background-image: url('img/ui/shadow_bar.png');
 }
 
.tooltip {
	float: left;
	display: none;
	position: relative;
	top: 0px;
	min-width: 30px;
	height: 10px;
	color: #FFF;
	font-size: 8px;
	background-color: #ee6600;
	border-left: 2px solid #FFF;
	text-align: center;
	
	/* unselectable */
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
 }
 
 .juice {
	 background-color: orange;
	 border-right: 1px solid #ee6600;
 }