/* _____ MAIN STYLESHEET ______________________________________________________
blinkx 4.0
www.blinkx.com

Color Palette
-------------
TBD (Once final comps obtained)

Z-Index
-------
- Use z-index of 9999 for items that need to be displayed over
	header (e.g. nav panels)
- Use z-index of 8888 or below for everything else

- z-index 8999 is used for notification

- z-index 101 is used on sponsored search overlay in expanded player
- z-index 100 is used on home panel and expanded player

File Layout
-----------
[*] STYLE CLASSES
[1] GLOBAL
[2] HEADER
[3] HOMESCREEN / LANDING PAGE
[4] SIGN UP SCREENS
[5] STREAM / VERTICAL
[6] SPECIAL / VERTICAL
[7] VIDEO PLAYER / HORIZONTAL
[8] AD UNITS
[9] UTILITY
[10] ERROR PAGE
[11] CSS MEDIA QUERIES
[12] FONTS (@font-face)
[13] CONTENT HUB
[14] NON-IFRAMED PLAYER
____________________________________________________________________________ */

/* _____ [*] STYLE CLASSES _________________________________________________ */

.category-title {
	position: absolute;
	bottom: 3px;
	left: 5px;
	display: block;
	width: 110px;
	z-index: 1;
	font-size: 16px;
	font-weight: normal;
}

a, a img {
	border: none;
}

/* _____ [*] SPRITES _______________________________________________________ */

.connect-facebook, .connect-facebook:hover.disconnected, .connect-facebook:active.disconnected, .connect-twitter, .connect-twitter:hover.disconnected, .connect-twitter:active.disconnected, .connect-youtube, .connect-youtube:hover.disconnected, .connect-youtube:active.disconnected, .signin-facebook, .signin-facebook:hover, .signin-facebook:active, .signin-twitter, .signin-twitter:hover, .signin-twitter:active{
	background: url(../images/sprites.png) no-repeat;
}

.connect-facebook{
	background-position: 0 0;
	width: 246px;
	height: 51px;
}

.connect-facebook:hover.disconnected{
	background-position: 0 -51px ;
	width: 246px;
	height: 51px;
}

.connect-facebook:active.disconnected{
	background-position: 0 -102px ;
	width: 246px;
	height: 51px;
}

.connect-twitter{
	background-position: 0 -153px ;
	width: 246px;
	height: 51px;
}

.connect-twitter:hover.disconnected{
	background-position: 0 -204px ;
	width: 246px;
	height: 51px;
}

.connect-twitter:active.disconnected{
	background-position: 0 -255px ;
	width: 246px;
	height: 51px;
}

.connect-youtube{
	background-position: 0 -306px ;
	width: 248px;
	height: 51px;
}

.connect-youtube:hover.disconnected{
	background-position: 0 -357px ;
	width: 248px;
	height: 51px;
}

.connect-youtube:active.disconnected{
	background-position: 0 -408px ;
	width: 248px;
	height: 51px;
}

.signin-facebook{
	background-position: -246px 0;
	width: 246px;
	height: 39px;
}

.signin-facebook:hover{
	background-position: -246px -39px ;
	width: 246px;
	height: 39px;
}

.signin-facebook:active{
	background-position: -246px -78px ;
	width: 246px;
	height: 39px;
}

.signin-twitter{
	background-position: -246px -117px ;
	width: 246px;
	height: 39px;
}

.signin-twitter:hover{
	background-position: -246px -156px ;
	width: 246px;
	height: 39px;
}

.signin-twitter:active{
	background-position: -246px -195px ;
	width: 246px;
	height: 39px;
}

.done, .done:hover, .done:active, .next, .next:hover, .next:active, .send, .send:hover, .send:active, .skip, .skip:hover, .skip:active{
	background: url(../images/blue-button-sprites.png) no-repeat;
}

.done{
	background-position: 0 0;
	width: 158px;
	height: 59px;
}

.done:hover{
	background-position: 0 -58px ;
	width: 158px;
	height: 59px;
}

.done:active{
	background-position: 0 -117px ;
	width: 158px;
	height: 59px;
}

.next{
	background-position: -159px 0;
	width: 158px;
	height: 59px;
}

.next:hover{
	background-position: -159px -58px ;
	width: 158px;
	height: 59px;
}

.next:active{
	background-position: -159px -117px ;
	width: 158px;
	height: 59px;
}

.send{
	background-position: -318px 0;
	width: 158px;
	height: 59px;
}

.send:hover{
	background-position: -318px -58px ;
	width: 158px;
	height: 59px;
}

.send:active{
	background-position: -318px -117px ;
	width: 158px;
	height: 59px;
}

.skip{
	background-position: -477px 0;
	width: 158px;
	height: 59px;
}

.skip:hover{
	background-position: -477px -58px ;
	width: 158px;
	height: 59px;
}

.skip:active{
	background-position: -477px -117px ;
	width: 158px;
	height: 59px;
}

.lets-go, .lets-go:hover, .lets-go:active{
	background: url(../images/lets-go-sprites.png) no-repeat;
}

.lets-go{
	background-position: 0 0;
	width: 158px;
	height: 59px;
	cursor: pointer;
}

.lets-go:hover{
	background-position: 0 -58px ;
	width: 158px;
	height: 59px;
}

.lets-go:active{
	background-position: 0 -117px ;
	width: 158px;
	height: 59px;
}

.confirm-disconnect, .confirm-disconnect:hover, .confirm-disconnect:active{
	background: url(../images/confirm-disconnect-sprite.png) no-repeat;
}

.confirm-disconnect{
	background-position: 0 0;
	width: 138px;
	height: 38px;
	cursor: pointer;
	float: left;
	left: 150px;
}

.confirm-disconnect:hover{
	background-position: 0 -38px;
	width: 138px;
	height: 38px;
}

.confirm-disconnect:active{
	background-position: 0 -76px;
	width: 138px;
	height: 38px;
}

.cancel-disconnect, .cancel-disconnect:hover, .cancel-disconnect:active{
	background: url(../images/cancel-disconnect-sprite.png) no-repeat;
}

.cancel-disconnect{
	background-position: 0 0;
	width: 138px;
	height: 38px;
	cursor: pointer;
	float: left;
	left: 160px;
}

.cancel-disconnect:hover{
	background-position: 0 -38px;
	width: 138px;
	height: 38px;
}

.cancel-disconnect:active{
	background-position: 0 -76px;
	width: 138px;
	height: 38px;
}

.watched1, .watched2, .watched3, .watched4, .watched5, .watched6{
	background: url(../images/watched-sprites.png) no-repeat;
}

.watched1{
	background-position: 0 0;
	width: 31px;
	height: 32px;
}

.watched2{
	background-position: 0 -31px ;
	width: 31px;
	height: 32px;
}

.watched3{
	background-position: 0 -63px ;
	width: 31px;
	height: 32px;
}

.watched4{
	background-position: 0 -95px ;
	width: 31px;
	height: 32px;
}

.watched5{
	background-position: 0 -127px ;
	width: 31px;
	height: 32px;
}

.watched6{
	background-position: 0 -159px ;
	width: 31px;
	height: 32px;
}

/* _____ [1] GLOBAL ________________________________________________________ */

* {
	position: relative;
	margin: 0;
	padding: 0;
}

body {
	padding-top: 50px;
	width: 100%;
	background: #3e3e3e;
	font-family: 'Helvetica Neue', Helvetica, sans-serif;
}

h1, h2 {
	font-family: 'FreightSans Book', Arial;
	font-weight: normal;
}

a:link, a:visited,
a:hover, a:active {
	color: #0e66be;
}

.wrapper {
	display: block;
	margin: 0 auto;
	/*background: #ebebeb;*/
	background: #3e3e3e;
}

#container > div {
	margin:0 auto;
}

/* _____ [2] HEADER ________________________________________________________ */

#header {
	position: fixed;
	top: 0;
	z-index: 9000;
	margin: 0;
	padding: 5px 5px 12px;
	height: 41px;
	width: 100%;
	border-bottom: 1px solid #cfcfcf;
	background: #fff;
	color: #000;
	font-size: 13px;
}

.logo {
	float: left;
	margin: 2px 7% 0;
	font-weight: bold;
	font-size: 24px;
}

.logo img {
	z-index: 9999;
	float: left;
	margin-top: 9px;
	border: none;
	cursor:pointer;
	max-width: 126px;
	height: auto;
}

.search-form {
	float: left;
	margin: 9px 2% 0;
}

.search-form img {
	position: absolute;
	left: 10px;
	top: 11px;
}

.search-form input {
	padding: 2px 10px 2px 30px;
	width: 250px;
	height: 26px;
	line-height: 26px;
	vertical-align: middle;
	border: 1px solid #BBB;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	color: #5d6572; /* Fallback if RGBA not supported */
	color: rgba(93, 101, 114, 0.5);
	font-size: 14px;
}

/* toolbar Autocomplete */
#searchForm ul {
	position:absolute;
	top:31px;
	z-index:2;
	display:none;
	min-width:290px;
	border:1px solid #d4d4d4;
	background-color:#fff;
	list-style-type:none;
	overflow: hidden;
	-webkit-box-shadow: 0 2px 8px rgba(0,0,0,0.15);
	-moz-box-shadow: 0 2px 8px rgba(0,0,0,0.15);
	box-shadow: 0 2px 8px rgba(0,0,0,0.15);
}

#searchForm ul li {
	padding:8px 0;
	cursor:pointer;
	width: 100%;
}

#searchForm ul li .imgwrap {
	float:left;
	overflow:hidden;
	margin-right:10px;
	width:50px;
	height:50px;
	background-color:#f4f4f4;
}

#searchForm ul li p {
	float:left;
	overflow:hidden;
	color:#333;
	font-size:16px;
	line-height:30px;
	height: 30px;
	padding: 0 8px;
}

#searchForm ul li img {
	float:left;
	width:30px;
	height:30px;
	position: relative;
}

.suggested-channels-title {
	margin-left: 15px;
	font-size: 16px;
	font-weight: bold;
	color: #000;
}

.suggest-channel p , .suggest-query p {
	margin-left: 7px;
}

.suggest-channel p {
	margin-left: 42px;
}

.suggest-thumb {
	width: 30px;
	height: 30px;
	background-position: center center;
	background-size: contain !important;
	background-repeat: no-repeat !important;
	position: absolute;
	margin-left: 15px;
}

.suggest-divider {
	border-top: 1px solid rgba(211, 211, 211, 0.9);
	width: 100%;
	padding: 0 !important;
}

.selected-suggest {
	background: #666;
}

.selected-suggest p {
	color: #fff !important;
}

.suggest-text span {
	font-weight: bold;
}

.search-button {
	box-shadow:inset 0px 1px 0px 0px #f5978e;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f24537), color-stop(1, #c62d1f) );
	background:-moz-linear-gradient( center top, #f24537 5%, #c62d1f 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f24537', endColorstr='#c62d1f');
	background-color:#f24537;
	border-radius: 6px;
	text-indent:0;
	border:1px solid #d02718;
	display:inline-block;
	color:#fff;
	font-family: Arial, sans-serif;
	font-size:15px;
	font-weight: bold;
	height:32px;
	line-height:32px;
	width:70px;
	text-align:center;
	text-shadow:1px 1px 0px #810e05;
	position: absolute;
	bottom: 0;
	left: 293px;
	cursor: pointer;
}

.search-button:hover {
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #c62d1f), color-stop(1, #f24537) );
	background: -moz-linear-gradient( center top, #c62d1f 5%, #f24537 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c62d1f', endColorstr='#f24537');
	background-color: #c62d1f;
}

.search-button:active {
	position: relative;
	bottom: 31px;
}

div.block-loading {
	margin: 15px 0;
	font-size: 15px;
}

#blocker {
	display: none;
	position: relative;
}

#blocker .message-panel-body {
	text-align: center;
}

#blocker .signin-facebook, #blocker .signin-twitter {
	margin-top: 0 !important;
}

#blocker .close-btn, #welcome .close-btn {
	width: 14px;
	height: 14px;
	background: transparent url('../images/blocker-close-btn.png') no-repeat;
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 10001;
	cursor: pointer;
}

.modal-signin-buttons {
	margin: 0 auto;
	width: 517px;
}

.modal-signin {
	float: left;
	margin-top: 90px;
}

.modal-signin-single {
	margin: 23px auto 0 auto !important;
}

.modal-signin-double {
	margin-left: 145px;
}

.reauth-facebook {
	margin-top: 0;
	margin-left: 114px;
}

.interstitial-panel-header {
	border-bottom: none !important;
	height: 85px;
	/*width: 1006px;*/
}

.interstitial-panel-header h2 {
	float: left;
	display: block;
	width: 197px;
	height: 42px;
	margin: 15px 40px 0 35px;
	background: url( '../images/blinkx-logo-197x42.gif' );
}

.interstitial-panel-header p {
	float: left;
	font-size: 21px;
	margin-top: 15px;
}

.interstitial-panel-body {
	background: #5cb4e2 !important;
	height: 405px;
	padding: 0 !important;
	-webkit-box-shadow:  1px 5px 3px 1px rgba(0, 0, 0, 0.7);
	box-shadow:  1px 5px 3px 1px rgba(0, 0, 0, 0.7);
	font-family: Arial, sans-serif;
}

.interstitial-panel-body-left {
	float: left;
	width: 544px;
	height: inherit;
	background: url( '../images/interstitial-body-left.jpg' );
}

.interstitial-panel-body-right {
	float: left;
	background: #3996d1;
	width: 397px;
	height: 335px;
	padding: 35px 35px 35px 30px;
}

.interstitial-panel-body-right p {
	color: #fff;
	font-weight: normal;
	font-size: 17px;
}

.interstitial-panel-body-right ul {
	color: #fff;
	font-weight: normal;
	font-size: 15px;
	list-style: none;
}

.interstitial-panel-body-right ul li {
	margin: 0 0 15px -24px;
}

.interstitial-signin-buttons {
	width: 811px !important;
}

.interstitial-facebook, .interstitial-twitter,
.interstitial-close {
	margin-top: 23px;
}

.interstitial-twitter {
	margin-right: 25px;
}

.interstitial-close {
	width: 266px;
	height: 39px;
	background: url( '../images/no-thanks-sprite.png' );
	float: left;
}

.interstitial-close {
	background-position: 0 0;
	width: 266px;
	height: 39px;
}
.interstitial-close:hover {
	background-position: 0 -40px;
	width: 266px;
	height: 39px;
}
.interstitial-close:active {
	background-position: 0 -80px;
	width: 266px;
	height: 39px;
}

.single-auth-facebook, .single-auth-twitter {
	margin-left: 114px;
}

.modal-facebook {
	margin-right: 25px;
}

#share {
	display: none;
	position: relative;
	text-align: left;
	padding: 20px;
}

#share-error {
	color: red;
	position: absolute;
	top: 87px;
	left: 50px;
	font-size: 13px;
}

#share label {
	font-size: 16px;
	font-weight: bold;
}

#share label span {
	color: #959595;
	opacity: 0.85;
	font-size: 13px;
	font-weight: normal;
	position:relative;
	top: -1px;
}

#share input, #share textarea {
	margin: 10px 0 15px;
	padding: 2px 8px;
	width: 543px;
	height: 26px;
	line-height: 26px;
	vertical-align: middle;
	border: 1px solid #BBB;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	color: rgba(93, 101, 114, 0.5);
	font-size: 14px;
}

#share textarea {
	height: 60px;
}

#share .close-btn, #reauth .close-btn, .interstitial .close-btn {
	width: 14px;
	height: 14px;
	background: transparent url('../images/blocker-close-btn.png') no-repeat;
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 10001;
	cursor: pointer;
}

.share-form-header {
	font-size: 32px;
	padding: 0 0 30px;
	font-family: 'FreightSans Book', Arial;
	color: #2f2f2f;
}

#share-send {
	position: relative;
	top: 15px;
}

#preview-thumb {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #BBB;
	float: left;
margin-right: 13px;
margin-top: 10px;
}

#preview-title {
	font-size: 15px;
	font-weight: bold;
	position: relative;
	top: 17px;
	color: #555;
}

#preview-link {
	font-size: 13px;
	font-weight: normal;
	position: relative;
	top: 20px;
	color: #959595;
}

.auth {
	float: right;
	margin-top: 3px;
	margin-right: 7%;
	padding:  7px;
	color: #000;
	font-size: 15px;
	cursor:pointer;
}

.auth-signin {
	margin-top: 10px;
}

.auth-login {
	margin-top: 4px;
}

.add-margin {
margin-top: 20px !important;
}
.help-image {
text-align: center;
}

.login-status-with-arrow {
	background-image:url(../images/login-settings-arrow.png);
	background-repeat: no-repeat;
	background-position: center right;
	padding-right:11px;
}

#login-settings-avatar {
	border: 1px solid #c6c6c6;
	border-radius: 2px;
	width:28px;
	height:28px;
}

.login-settings-arrow {
	padding: 12px 5px;
}

#welcome-message, .message-panel-body {
	font-size: 16px;
	line-height: 22px;
	text-align: left;
	padding: 25px;
	color: #8e8e8e;
	background: #ebebeb;
}

#welcome-message p, .message-panel-body p {
	margin-bottom: 13px;
}

#welcome-message ul, .message-panel-body ul {
	margin-left: 25px;
}

#welcome-message ul li, .message-panel-body ul li. {
	margin-bottom: 13px;
}

.welcome-go, .message-panel-button {
	margin: 0 auto;
	position: relative;
	top: -25px;
}

/* sign in form */
.signin-form-header, .welcome-panel-header, .message-panel-header {
	font-size: 32px;
	padding: 15px 0 10px;
	border-bottom: 1px solid #ccc;
	font-family: 'FreightSans Book', Arial;
	color: #2f2f2f;
}

#signin-form-facebook-btn {
	width: 248px;
	height: 39px;
	margin: 90px 15px 50px 0;
}

#signin-form-twitter-btn {
	width: 248px;
	height: 39px;
	margin: 90px 0 50px 15px;
}

#signin:hover {
	color: #777;
}

#settings-panel {
	position: absolute;
	top: 32px;
	right: 0;
	z-index: 9999;
	border: 1px solid #b7b7b7;
	-webkit-border-radius: 4px;
	moz-border-radius: 4px;
	border-radius: 4px;
	display: none;
	background: url(../images/settings-panel-bg.png) repeat-x center center;
	-webkit-box-shadow: 0 2px 8px rgba(0,0,0,0.15);
	-moz-box-shadow: 0 2px 8px rgba(0,0,0,0.15);
	box-shadow: 0 2px 8px rgba(0,0,0,0.15);
	color: #777;
}

#settings-panel.visible {
	display: block;
}

#settings-panel .arrow {
	position: absolute;
	top: -8px;
	right: 15px;
}

#settings-panel ul {
	list-style: none;
	width: 168px;
}

#settings-panel ul li {
	padding:  14px 15px;
	background-repeat: no-repeat;
	background-size: 20px;
	font-size: 16px;
}

#settings-panel ul li > span {
	cursor:pointer;
}

#settings-panel ul li.first {
	padding-top: 20px;
}

#settings-panel ul li.last {
	padding-bottom: 20px;
}

#settings-panel ul li.divider-bottom {
	padding-bottom: 15px;
	border-bottom: 1px solid rgba(211,211,211,0.9);
}

#settings-panel ul li.divider-top {
	padding-top: 15px;
	border-top: 1px solid #fff;
}

.favorites {
	float: right;
	margin-top: 10px;
	margin-right:  10px;
	padding:  7px;
	color:  #000;
	font-size: 15px;
	cursor:pointer;
	background: url(../images/icon-star.png) no-repeat left center;
}

.favorites:hover, #favorites.hover {
	color: #777;
	background: url(../images/icon-star-on.png) no-repeat left center;
}

.favorites p, .categories > p {
	margin-left: 13px;
}

#favorites-panel {
	position: absolute;
	top: 36px;
	right: -88px;
	z-index: 9999;
	display:none;
	border: 1px solid #b7b7b7;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background-color:  #fff;
	-webkit-box-shadow: 0 2px 8px rgba(0,0,0,0.15);
	-moz-box-shadow: 0 2px 8px rgba(0,0,0,0.15);
	box-shadow: 0 2px 8px rgba(0,0,0,0.15);
	color: #777;
	min-width: 250px;
}

#favorites-panel .arrow {
	position: absolute;
	top: -8px;
	left: 46%;
}

#favorites-panel ul {
	list-style: none;
	font-size:  13px;
	padding-left: 15px;
	padding-right: 15px;
}

#favorites-panel ul li {
	margin: 15px 0;
	cursor:pointer;
	background-repeat: no-repeat;
	background-size: 32px;
	padding-left: 44px;
	height:32px;
	line-height:32px;
	vertical-align: middle;
	background-position:center left;
	font-size: 16px;
}

#favorites-panel ul .divider-top {
	padding-top: 15px;
	border-top: 1px solid #fff;
}

#favorites-panel-container {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: auto;
}

#favorites .divider {
	width:100%;
	height:2px;
	background-color:white;
	border-top: 1px solid rgba(211,211,211,0.9);
	display:none;
}
.menu-section-title {

	display: none;
	margin-bottom: -28px !important;
}

.menu-section-title li {
	padding-left: 0 !important;
	color: #474747;
	font-size: 15px !important;
}

#favorites-link, #sidebar-favorites-link {
	background-image:url(../images/favorites.png);
}
#history-link, #sidebar-history-link {
	background-image:url(../images/history.png);
}
#my-stream-link, #sidebar-my-stream-link {
	background-image:url(../images/mystream.png);
}
#fb-link, #sidebar-fb-link {
	background-image:url(../images/facebook.png);
}
#twitter-link, #sidebar-twitter-link {
	background-image:url(../images/twitter.png);
}
#youtube-link, #sidebar-youtube-link {
	background-image:url(../images/youtube.png);
}

.share-panel {
	position: absolute;
	z-index: 9999;
	display:none;
	padding:  8px 20px;
	border: 1px solid #ccc;
	border-radius: 5px ;
	background-color:  #fff;
	-webkit-box-shadow: 0 2px 7px #222;
	-moz-box-shadow: 0 2px 7px #222;
	box-shadow: 0 2px 7px #222;
	color: #777;
	font-size:13px;
}

.share-panel-player-media {
	bottom: 70px;
	right:-20px;
}

.share-panel-media {
	bottom: 50px;
	right:-10px;
}

.share-panel .arrow {
	position: absolute;
	top: -8px;
	right: 32px;
}

.share-panel .arrow-down {
	position: absolute;
	bottom: -8px;
	right: 32px;
}

.share-panel ul {
	list-style: none;
	font-size:  13px;
}

.share-panel ul li {
	margin:  12px 0;
	cursor:pointer;
	background-repeat: no-repeat;
	padding-left: 44px;
	background-position:middle left;
	height:32px;
	line-height:32px;
}

.share-panel .static-text {
	padding-left:0px;
}

.share-panel .fb-link {
	background-image:url(../images/facebook.png);
}
.share-panel .twitter-link {
	background-image:url(../images/twitter.png);
}
.share-panel .email-link {
	background-image:url(../images/email.png);
}

.player-media-info .social-share {
	cursor: pointer;
	background-repeat: no-repeat;
	width: 32px;
	height: 32px;
	position: absolute;
	bottom: 28px;
}

.player-media-info .fb-link {
	background-image:url(../images/facebook-29.png);
	right: 80px;
}
.player-media-info .twitter-link {
	background-image:url(../images/twitter-29.png);
	right: 40px;
}
.player-media-info .email-link {
	background-image:url(../images/email-29.png);
	right: 0;
}

#favorite-videos {
	padding-bottom: 10px;
	border-bottom: 1px solid #ccc;
}

#channel-favorites {
	padding-top: 10px;
	display:none;
}

#channel-favorites li {
	padding-left:0 !important;
}

#channel-favorites .imageHolder, .sidebar-channels .host-icon, .sidebar-channels .imageHolder {
	display:block;
	width:32px;
	height:32px;
	float:left;
	background-repeat:no-repeat;
	background-position:center;
	vertical-align:middle;
}

#channel-favorites .channelLabel, .sidebar-channels .channel-name, .sidebar-channels .channelLabel {
	margin-left:44px;
	white-space:nowrap;
}

.categories {
	float: right;
	margin-top: 10px;
	margin-right: 30px;
	padding: 7px;
	color: #000;
	font-size: 15px;
	cursor:pointer;
	background: url(../images/icon-cat.png) no-repeat left center;
}

.categories:hover, #categories.hover {
	color: #777;
	background: url(../images/icon-cat-on.png) no-repeat left center;
}

#categories-panel {
	position: absolute;
	top: 36px;
	right: -65px;
	z-index: 9999;
	display:none;
	padding: 10px;
	border: 1px solid #444;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background-color: #474747;
	-webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.6);
	-moz-box-shadow: 0 2px 6px rgba(0,0,0,0.6);
	box-shadow: 0 2px 6px rgba(0,0,0,0.6);
	color: #fff;
	width: 860px;
}

#categories-panel .arrow {
	position: absolute;
	top: -8px;
	right: 100px;
}

#categories-panel ul {
	width: 860px;
	list-style: none;
	font-size:  13px;
	z-index: 9999;
}

#categories-panel ul li {
	float: left;
	margin: 10px;
	width:  150px;
	height: 85px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background-position: center center;
	text-shadow:  1px 1px 1px #000;
	font: 18px;
	font-weight:  bold;
	cursor:pointer;
	border: 1px solid rgba(132, 132, 132, 0.8);
	-webkit-box-shadow:  0 1px 4px 1px rgba(0, 0, 0, 0.15);
	-moz-box-shadow:  0 1px 4px 1px rgba(0, 0, 0, 0.15);
	box-shadow:  0px 1px 4px 1px rgba(0, 0, 0, 0.15);
}

#categories-panel-gradient {
	background: rgb(252,252,252); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmY2ZjZmMiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI3NCUiIHN0b3AtY29sb3I9IiMwMjAxMDEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvcmFkaWFsR3JhZGllbnQ+CiAgPHJlY3QgeD0iLTUwIiB5PSItNTAiIHdpZHRoPSIxMDEiIGhlaWdodD0iMTAxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-radial-gradient(center, ellipse cover,  rgba(252,252,252,1) 0%, rgba(2,1,1,1) 74%); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(252,252,252,1)), color-stop(74%,rgba(2,1,1,1))); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover,  rgba(252,252,252,1) 0%,rgba(2,1,1,1) 74%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover,  rgba(252,252,252,1) 0%,rgba(2,1,1,1) 74%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover,  rgba(252,252,252,1) 0%,rgba(2,1,1,1) 74%); /* IE10+ */
	background: radial-gradient(ellipse at center,  rgba(252,252,252,1) 0%,rgba(2,1,1,1) 74%); /* W3C */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc', endColorstr='#020101')"; /* IE8+ */
	width: 880px;
	height: inherit;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0.15;
	display: block;
	padding-bottom: 20px
}

#resume-container {
	position: fixed;
	top: 59px;
	left: 0;
	width: 100%;
	height: 135px;
	background-color: #000;
	background-color: rgba(0,0,0,0.7);
	display:none;
	font-weight:bold;
	font-size:17px;
	z-index:9000;
}

#resume {
	margin:0 auto 0 auto;
	width: 534px;
	height: 135px;
	color:white;
}
.resume-image {
	position:absolute;
	top:25px;
	left:0;
	width: 150px;
	height: 85px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background-position: center center;
	text-shadow: 1px 1px 1px #000;
	border: 1px solid rgba(132, 132, 132, 0.8);
}
.resume-title {
	position:absolute;
	top:25px;
	left:165px;
	width: 351px;
	text-shadow: 1px 1px 1px black;
}
.resume-button {
	position:absolute;
	bottom:25px;
	left:165px;
	width:138px;
	height:38px;
	background-image:url(../images/resume.png);
	cursor:pointer;
	background-position:top;
}
.resume-close {
	position:absolute;
	bottom:25px;
	left:313px;
	width:138px;
	height:38px;
	background-image:url(../images/close-button.png);
	cursor:pointer;
	background-position:top;
}

#notification {
	position: fixed;
	z-index: 8999;
	background-color: #fcf8d1;
	padding: 14px 18px;
	border: 1px solid #cfcfcf;
	font-size: 15px;
	color: #333;
	display: none;
}

#notification-link {
	color: #1b7cc7;
	text-decoration: underline;
	cursor: pointer;
}

/* _____ [3] HOMESCREEN / LANDING PAGE _____________________________________ */

.landing {
	display:none;
	width: 100%;
	height: 1154px;
	background: #000;
	color: #fff;
	overflow: hidden;
	z-index: 100;
	-webkit-box-shadow:  0px 1px 4px 1px rgba(0, 0, 0, 0.15);
	box-shadow:  0px 1px 4px 1px rgba(0, 0, 0, 0.15);
}

/*** Masonry Layout Begin ***/

#headline {
	background: #000;
	border-bottom:solid 1px #2b2b2b;
	z-index: 4;
}

#headline-inner {
	width: 1000px;
	height: 60px;
	margin: 0 auto;
}

#headline h2 {
	font-size: 30px;
	margin: 0 auto 15px;
	float: left;
}

#headline p {
	margin: 30px 10px 20px 50px;
	float: left;
}

#fb-like {
	margin-left: 10px;
	float: left;
}

#bottomline {
	background: #efefef;
	color: #6d6d6d;
	font-size: 20px;
	height: 90px;
	border-bottom: solid 1px #2b2b2b;
	z-index: 4;
	padding: 0px 20px 10px;
}

#bottomline-inner {
	margin: 0 auto;
	width: 1390px;
}

#bottomline-inner p {
	margin: 40px 40px 0 80px ;
	float: left;
}

.featured-partner {
	float: left;
	list-style: none;
	cursor: pointer;
}

.featured-partner img {
	margin: 10px;
}

#masonry {
		width: 1007px;
		height: 450px;
		margin: 20px auto;
		z-index: 2;
		clear: both;
}

.masonry-column {
	width: 325px;
	float: left;
	margin-right: 16px;
}

.masonry-column:last-child {
	margin-right: 0;
}

.box {
	background-position: center center;
	background-repeat: no-repeat;
	cursor: pointer;
	-webkit-box-shadow: 0 2px 5px 1px rgba(0, 0, 0, 0.27);
	-moz-box-shadow: 0 2px 5px 1px rgba(0,0,0, 0.27);
	box-shadow: 0 2px 5px 1px rgba(0, 0, 0, 0.27);
	position: relative;
}
.slides.one, .slides.four,
.slides.five {
	margin:0 auto;
	width:325px;
	height:255px;
	overflow: hidden;
	position: relative;
}
.slides.two, .slides.three,
.slides.six {
	margin:0 auto;
	width:325px;
	height:175px;
	overflow: hidden;
	position: relative;
}
.slides ul, .partner-slides ul {
	list-style: none;
	margin:0;
	padding:0;
	position: absolute;
}
.slides.one li, .slides.four li,
.slides.five li {
	float: left;
	height: 255px;
	width: 325px;
	position: relative;
	background-position: center center;
}
.slides.two li, .slides.three li,
.slides.six li {
	float: left;
	height: 175px;
	width: 325px;
	position: relative;
	background-position: center center;
}
.partner-slides {
	margin:0 auto;
	width:800px;
	height:450px;
	overflow: hidden;
	position: relative;
	border: 1px solid #3e3e3e;
}
.partner-slides li {
	float: left;
	width: 800px;
	height: 450px;
	position: relative;
	cursor: pointer;
	background-position: center center;
}
.box.one {
	width: 325px;
	height: 255px;
	margin-bottom: 20px;
}
.box.two {
	height: 175px;
}
.box.three {
	height: 175px;
	margin-bottom: 20px;
}
.box.four {
	height: 255px;
}
.box.five {
	height: 255px;
	margin-bottom: 20px;
}
.box.six {
	height: 175px;
}

.box-badge {
	width: 91px;
	height: 80px;
	background-color: red;
	background: url( ../images/badge-bg.png );
}

.box-badge p {
	text-align: center;
	top: 18px;
	right: 14px;
	font-size: 21px;
	font-weight: bold;
	text-transform: uppercase;
	-webkit-transform: rotate( -45deg );
	transform: rotate( -45deg );
}

.box-category {
	/*height: 30px;*/
	line-height: 16px;
	font-size: 16px;
	font-weight: bold;
	background-color: rgba( 0, 0, 0, 0.6 );
	position: absolute;
	bottom: 36px;
}

.box-title {
	width: 325px;
	height: 36px;
	font-size: 13px;
	line-height: 14px;
	background-color: rgba( 0, 0, 0, 0.6 );
	position: absolute;
	bottom: 0;
}

.box-category p {
	padding: 4px 10px 2px;
	text-shadow: 1px 1px 1px #000;
}

.box-title p {
	padding: 4px 10px 5px;
	text-shadow: 1px 1px 1px #000;
}

.partner-picks {
	float: left;
	margin: 10px 0 10px 20px;
	width: 180px;
	height: 78px;
	background: url( ../images/partner-picks.png );
}

.featured-partner-slider {
	height: 500px;
	background: #000;
	padding: 8px 0;
	clear: both;
}

.partner-play-btn {
	position: absolute;
	border-radius: 50%;
	background: rgba( 0, 0, 0, 0.3 );
	width: 150px;
	height: 150px;
	left: 320px;
	top: 110px;
	cursor: pointer;
}

.play-arrow {
	width: 0;
	height: 0;
	border-top: 30px solid transparent;
	border-bottom: 30px solid transparent;
	border-left: 60px solid #fff;
	left: 50px;
	top: 45px;
}

.partner-logo {
	position: absolute;
	left: 20px;
	bottom: 40px;
}

.partner-title {
	position: absolute;
	left: 120px;
	bottom: 43px;
	height: 50px;
	max-width: 520px;
	background: rgba( 0, 0, 0, 0.6);
	padding: 5px 10px;
	font-size: 22px;
	text-shadow: 1px 1px 1px #000;
}

.partner-nav-dots {
	margin: 0 auto;
	width: 160px;
}

.partner-nav-dots ul {
	list-style: none;
}

.partner-nav-dots ul li {
	float: left;
	border-radius: 50%;
	background: #ccc;
	width: 20px;
	height: 20px;
	margin: 10px 6px;
	cursor: pointer;
}

/*** Masonry Layout End ***/

#home-texture {
	background: url(../images/home-bg-texture.jpg) repeat;
	width: 100%;
	height: 630px;
	position: absolute;
	top: 0;
}

#home-gradient {
	width: 100%;
	height: 630px;
	position: absolute;
	top: 0;
	opacity: 0.9;
	background: #1d2123; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	/*background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFkMjEyMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzYzQ1NDkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);*/
	background: -moz-linear-gradient(top,  #1d2123 0%, #364249 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1d2123), color-stop(100%,#364249)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #1d2123 0%,#364249 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #1d2123 0%,#364249 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #1d2123 0%,#364249 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #1d2123 0%,#364249 100%); /* W3C */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#1d2123', endColorstr='#364249')"; /* IE8+ */
}

#home-gradient-2 {
	width: 100%;
	height: 630px;
	position: absolute;
	top: 0;
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	/*background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIyOCUiIHN0b3AtY29sb3I9IiMxZDIxMjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIzOSUiIHN0b3AtY29sb3I9IiMxZDIxMjMiIHN0b3Atb3BhY2l0eT0iMC44NSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMWQyMTIzIiBzdG9wLW9wYWNpdHk9IjAiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);*/
	background: -moz-linear-gradient(top,  rgba(29,33,35,1) 28%, rgba(29,33,35,0.85) 39%, rgba(29,33,35,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(28%,rgba(29,33,35,1)), color-stop(39%,rgba(29,33,35,0.85)), color-stop(100%,rgba(29,33,35,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(29,33,35,1) 28%,rgba(29,33,35,0.85) 39%,rgba(29,33,35,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(29,33,35,1) 28%,rgba(29,33,35,0.85) 39%,rgba(29,33,35,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(29,33,35,1) 28%,rgba(29,33,35,0.85) 39%,rgba(29,33,35,0) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(29,33,35,1) 28%,rgba(29,33,35,0.85) 39%,rgba(29,33,35,0) 100%); /* W3C */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#1d2123', endColorstr='#001d2123')"; /* IE8+ */
	/*opacity: 0.75;*/
}

.landing h2 {
	padding-top: 20px;
	text-align: center;
	font-weight: normal;
	font-size: 32px;
	font-family: 'FreightSans Light', Arial;
	z-index: 1;
	letter-spacing: 1px;
}

.landing h3 {
	clear: both;
	padding-top: 30px;
	text-align: center;
	font-weight: normal;
	font-size: 26px;
	font-family: 'FreightSans Light', Arial;
	z-index: 1;
	letter-spacing: 1px;
}

.landing #searchFormHome {
	margin: 15px auto 30px;
	width: 430px;
	z-index: 2;
}

.landing #searchFormHome input{
	padding: 7.1px 10px;
	width: 400px;
	height: 28.8px;
	line-height: 28.8px;
	vertical-align: middle;
	border: 1px solid transparent !important;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	color: rgba(93, 101, 114, 0.4);
	font-size: 18px;
	z-index: 1;
}

.landing #searchFormHome img {
	position: absolute;
	left: 350px;
	cursor:pointer;
	z-index: 1;
}

#home-categories {
	clear: both;
	margin: 15px auto 15px;
	width:  850px;
	height:300px;
	list-style: none;
	font-size:  13px;
	z-index: 1;
}

#home-categories li {
	position:relative;
	float: left;
	display: block;
	margin: 9px;
	width:  150px;
	height: 85px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 2px 5px 1px rgba(0, 0, 0, 0.27);
	-moz-box-shadow: 0 2px 5px 1px rgba(0,0,0, 0.27);
	box-shadow: 0 2px 5px 1px rgba(0, 0, 0, 0.27);
	background-position: center center;
	background-repeat: no-repeat;
	text-shadow:  1px 1px 1px #000;
	font: 18px;
	font-weight:  bold;
	cursor:pointer;
	border: 1px solid rgba(132, 132, 132, 0.5);
	z-index: 1;
}

.cat-thumb-overlay {
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc3JSIgc3RvcC1jb2xvcj0iIzY3Njc2NyIgc3RvcC1vcGFjaXR5PSIwLjUiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzY3Njc2NyIgc3RvcC1vcGFjaXR5PSIwLjY1Ii8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(103,103,103,0.5) 77%, rgba(103,103,103,0.65) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(77%,rgba(103,103,103,0.5)), color-stop(100%,rgba(103,103,103,0.65))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(103,103,103,0.5) 77%,rgba(103,103,103,0.65) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(103,103,103,0.5) 77%,rgba(103,103,103,0.65) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(103,103,103,0.5) 77%,rgba(103,103,103,0.65) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(103,103,103,0.5) 77%,rgba(103,103,103,0.65) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#a6676767',GradientType=0 ); /* IE6-8 */
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	display: block;
	width: 150px;
	height: 85px;
	position: absolute;
	bottom: 0;
	opacity: 0.5;
}

/*#home-signin {
	text-align: center;
	z-index: 1;
}*/

.home-signin-buttons {
	width: 507px;
	margin: 0 auto;
}

.home-signin {
	cursor:pointer;
	z-index: 1;
	-webkit-box-shadow: 0 3px 5px 1px rgba(0, 0, 0, 0.27);
	-moz-box-shadow: 0 3px 5px 1px rgba(0, 0, 0, 0.27);
	box-shadow: 0 3px 5px 1px rgba(0, 0, 0, 0.27);
	float: left;
	margin-top: 25px
}

.home-facebook {
	margin-right: 15px;
}

/* Autocomplete */
#searchFormHome ul {
	position:absolute;
	top:46px;
	z-index:2;
	display:none;
	min-width:420px;
	border:1px solid #999;
	background-color:#fff;
	list-style-type:none;
}

#searchFormHome ul li {
	padding:8px 0;
	cursor:pointer;
}

#searchFormHome ul li .imgwrap {
	float:left;
	overflow:hidden;
	margin-right:10px;
	width:50px;
	height:50px;
	background-color:#f4f4f4;
}

#searchFormHome ul li p {
	float:left;
	overflow:hidden;
	color:#333;
	font-size:18px;
	line-height:30px;
	padding: 0 8px;
}

#searchFormHome ul li img {
	width:440px;
	padding: 0 8px;
}

#searchFormHome ul li img {
	float:left;
	width:50px;
	height:50px;
}

.bva-button {
	z-index: 10;
	float: right;
	position: absolute;
	top: 30px;
	right: 30px;
	cursor: pointer;
}

/* _____ [4] SIGN-UP SCREENS ______________________________________________ */

#signup {
	display: none;
	width: 100%;
	z-index: 8889;
	background: #EBEBEB;
	position: absolute;
	top: 60px;
	opacity: 0;
}

#signup-top {
	margin: 15px auto 15px;
	width:850px;
}

#signup-top h2 {
	margin-left: 10px;
	padding-top: 38px;
	font-weight: normal;
	font-size: 42px;
	font-family: 'FreightSans Book', Arial;
}

#signup-top h3 {
	clear: both;
	margin-left: 10px;
	color: #777;
	font-weight: normal;
	font-size: 24px;
	font-family: 'FreightSans Book', Arial;
}

#signup #done {
	position: absolute;
	top: 60px;
	right: 0;
	margin-right: 10px;
	border: none;
	color: #fff;
	font-size: 20px;
	cursor: pointer;
}

#signup-categories {
	clear: both;
	margin: 15px auto 15px;
	width:  850px;
	color: #fff;
	list-style: none;
	font-size:  13px;
}

#signup-categories li {
	position:relative;
	float: left;
	display: block;
	margin: 10px;
	width:  150px;
	height: 85px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-position: center center;
	background-size: 150px 85px;
	background-repeat: no-repeat;
	text-shadow: 1px 1px 1px #000;
	font: 18px;
	font-weight: bold;
	cursor:pointer;
	-webkit-box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.25);
	box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.25);
}

#signup-categories .selected {
}

#signup-categories li span {
		display: none;
		width: 52px;
		height: 52px;
}

#signup-categories li.selected span {
	display: block;
}

#signup-categories li span img {
	margin-left: 50px;
	margin-top: 10px;
}

#connect-slots {
	margin: 90px auto 15px;
	width: 851px;
}

#connect-slot-1 {
	width: 420px;
	float: left;
	border-right: 1px solid #ccc;
	text-align: center;
}

#connect-slot-2 {
	width: 420px;
	float: right;
	text-align: center;
}

.connect-button{
	margin: 40px 0 0 87px;
	cursor:pointer;
}

.next-button, .done-button, .skip-button {
	position: absolute;
	top: 40px;
	right: 10px;
	cursor: pointer;
}

/* _____ [5] STREAM / VERTICAL ____________________________________________ */

#searchDetail {
	width:534px;
	font-size: 20px;
	margin: 0 auto;
}

#clear-history {
	display: block;
	position: absolute;
	top: 60px;
	right: 0;
	width: 95px;
	height: 30px;
	color: #777;
	text-align: center;
	line-height: 40px;
	cursor: pointer;
	background-image: url( ../images/btn-clear-history.png );
	z-index: 101;
}

#stream {
	color: #f4f4f4;
}

#stream-title {
	padding: 55px 0 35px;
	font-size: 40px;
	line-height: 47px;
	z-index: 2;
	color: #f4f4f4;
}

#stream-title strong{
	font-weight: bold;
}

#stream-loading {
	height: 46px;
	width: 534px;
	margin: 0 auto;
	visibility: hidden;
}

#search-results-message {
	top: 35px;
	font-size: 14px;
	z-index: 3; /* Must in order to be clickable */
}

#searchDetail .stream-title-with-logo {
	margin-left:65px;
}

#searchDetail .stream-title-with-favorite {
	width: 370px;
}

#searchDetail .sort-by {
	font-size: 11px;
	position: relative;
	bottom: 10px;
	cursor: pointer;
	z-index: 10001;
	color: #777;
	display: none;
}

.right {
	float: right;
}

.sort-inactive {
	margin-right: 11px;
	opacity: 0;
}

.sort-option:hover {
	color: #474747;
}

#searchDetail .sort-by .sort-arrow {
	margin-left: 4px;
}

#searchDetail .stream-logo {
	width: 100px;
	height: 157px;
	position: absolute;
	background-repeat:no-repeat;
	background-position: left center;
	background-size:50px;
	z-index: 1;
}

.channel-subscribe {
	display: none;
	position:absolute;
	top:60px;
	right:0;
	width:97px;
	height:30px;
	color: #777;
	vertical-align: middle;
	text-align:center;
	line-height:40px;
	cursor:pointer;
	background-image:url("../images/favorite.png");

}

.not-subscribed {
	background-position: top left;
}

.subscribe-working {
	background-position: top left;
}
.subscribed {
	background-position: bottom left;
}

.category-subscribe {
	display: none;
	position:absolute;
	top:60px;
	right:0;
	width:176px;
	height:30px;
	color: #777;
	vertical-align: middle;
	text-align:center;
	line-height:40px;
	cursor:pointer;
	background-image:url("../images/add-to-mystream.png");
}

.category-not-subscribed {
	background-position: bottom center;
}

.category-subscribed {
	background-position: top center;
}

#searchDetail .stream-title-with-category {
	width: 355px;
}

.stream-no-result, .stream-no-history {
	margin: 0 auto 50px;
	width:534px;
	font-size: 14px;
	font-weight: normal;
}

.media-item, .vid-player {
	width: 534px;
	height: 300px;
}

.media-item {
	margin: 0 auto 50px auto;
	background-color: #EEE;
	height: auto;
	z-index: 100;
}

.vid-player {
	clear: both;
	margin: 0 auto !important;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	cursor: pointer;
}

.playable-media-item .vid-player {
	background-color: #AAA;
	opacity:0;
}

.non-playable-media-item .vid-player {
	background-color: #2F2F2F;
}

.non-playable-media-item .vid-play-overlay {
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	opacity:0;
}

.vid-container {
	width:inherit;
	height:inherit;
	background-repeat:no-repeat;
	background-position:center middle;
	background-size:880px 495px;
}

.vid-container .pendingRemove {
	width: 100%;
	height: 100%;
}

.vid-container video {
	width: 100%;
	height: 100%;
}

.vid-container video.companion {
	width: 516px;
	height: 290px;
	position: absolute;
	top: 100px;
	left:0;
}

.vid-container .sponsor_text {
	position:absolute;
	padding-top:10px;
	text-align: center;
	color:white;
	font-family:Helvetica,sans-serif;
	font-size:11px;
	width: 100%;
}

.vid-container .previewPoster {
	z-index: 2;
	width: 100%; height: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100%;
}

#burl_advert_div {
	position:absolute;
	top:120px;
	right:0;
	border:1px solid black;
	width:300px;
	height:250px;
	background-color:#ccc;
}

.vid-preview {
	width: 640px;
	height: 360px;
	background-position: center center;
}

.vid-favorite {
	position: absolute;
	top: 10px;
	right: 64px;
	width: 44px;
	height: 29px;
	background-image: url("../images/favorite-video.png");
	cursor: pointer;
}

.vid-favorite-over {
	background-position: 0 87px !important;
}

.player-media-item .vid-favorite {
	right:0;
}
.player-media-item .vid-share {
	right:0;
}

.vid-favorite img {
	padding-bottom: 3px;
	width: 13px;
	height: 12px;
}
.not-favorite {
	background-position: 0 116px;
}
.updating-favorite {
	background-position: 0 58px;
}
.favorite-hover {
	background-position: 0 87px !important;
}
.favorite {
	background-position: 0 29px  !important;
}


.vid-share {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 44px;
	height: 29px;
	cursor: pointer;
	background-image:url(../images/share.png);
	background-position: 0 0;
}

.vid-share-over {
	background-position: 0 87px !important;
}

.vid-share-open {
	background-position: 0 58px !important;
}

.vid-close {
	position: absolute;
	top: 5px;
	right: 25px;
	width: 10px;
	height: 9px;
	cursor: pointer;
	background-image:url(../images/close.png);
}

.playable-media-item .vid-info {
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC42NSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.85) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.85))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.85) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.85) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.85) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.85) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-8 */
	height: 60px;
}

.playable-media-item .vid-title {
	text-shadow: 0 1px 3px rgba(0, 0, 0, 0.75);
}

.vid-info .vid-favorite,
.vid-info .vid-share {
	margin-top: 10px;
}

.media-item.playable-media-item {
	border: 1px solid #cfcfcf;
	/*border: 1px solid rgba(207,207,207,1);*/
}

.media-item.playable-media-item .vid-info .vid-info-text {
	width: 350px;
	height: 50px;
	display: table-cell;
	vertical-align: middle;
	/*top: 150px;*/
}

.media-item.playable-media-item .vid-info .vid-favorite,
.media-item.playable-media-item .vid-info .vid-share {
	/*top: 150px;*/
}

/*
.media-item.playable-media-item .vid-info .vid-title,
.media-item.playable-media-item .vid-info .vid-publisher {
	width: 350px;
}
*/

.media-item.non-playable-media-item {
	overflow:hidden;
	background: none;
	height: 104px !important;
	margin-bottom: 60px;
}

.media-item.non-playable-media-item .vid-player {
	margin: 0 !important;
	width: 150px;
	height: 85px;
	/*background-size:185px 104px;*/
	background-repeat: no-repeat;
}

.media-item.non-playable-media-item .vid-player a {
	display: block;
	width: 185px;
	height: 104px;
}

.media-item.non-playable-media-item .vid-detail {
	top: 28px;
	left: 86px;
	padding:0;
	width: 657px;
	border: none;
	background: none;
}

.media-item.non-playable-media-item .vid-info {
	top: -3px;
	left: 165px;
	width: 369px;
	text-shadow: none;
}

.media-item.non-playable-media-item .vid-info .vid-title {
	margin-left: 0;
	color: #454545;
}

.media-item.non-playable-media-item .vid-info a {
	text-decoration: none;
}

.media-item.non-playable-media-item .vid-title {
	margin: 3px 0 5px 0;
	width: 369px;
}

.media-item.non-playable-media-item .vid-info .vid-description {
	margin-top: 15px;
	color: #f4f4f4;
	line-height: 21px;
	height: 42px;
	overflow: hidden;
}

.media-item.non-playable-media-item .vid-title a {
	color: #f4f4f4;
}

.media-item.non-playable-media-item .external-play-message a {
	color: #f4f4f4;
	font-size: 14px;
	border: none;
}

.media-item.non-playable-media-item .external-play-message {
	padding: 0;
	background: #3e3e3e;
	color: #f4f4f4;
	text-align: left;
	width: 378px;
}

.media-item.non-playable-media-item .external-play-message a img {
	position: relative;
	top: 3px;
	border: 0;
}

.media-item.non-playable-media-item .show-more {
	display: none !important;
}

.vid-play-overlay {
	position:absolute;
	top:0;
	left:0;
	margin: 0 auto;
	width: inherit;
	height: inherit;
	cursor:pointer;
}

.non-playable-media-item .vid-play-overlay {
	position: relative;
	width: inherit;
	height: inherit;
	border: 1px solid #afafaf;
}

.external-play-message-container {
	position: absolute;
	bottom: 150px;
	width: inherit;
}

.vid-container .external-play-message {
	padding: 20px;
	/* Fallback for web browsers that don't support RGBa */
	background-color:  rgb(0,  0,  0);
	/* RGBa with 0.6 opacity */
	background-color:  rgba(0,  0,  0,  0.3);
	/* For IE 5.5 - 7*/
	color: white;
	text-align: center;
	font-size: 18px;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#88000000,  endColorstr=#88000000);
	/* For IE 8*/
	-ms-filter:  "progid:DXImageTransform.Microsoft.gradient(startColorstr=#88000000,  endColorstr=#88000000)";
}

.unsupported-video-message {
	width: inherit;
	height: inherit;
	background-color: black;
	color: white;
	vertical-align:  middle;
	text-align:  center;
	font-size:  16px;
	line-height:  360px;
}

.vid-context {
	overflow-y:auto;
	background: #fff;
	border-bottom-width: 0;
	min-height: 73px;
}

.context-avatar {
	float:left;
	margin: 10px;
}

.context-avatar img {
	width: 50px;
	height: 50px;
}

.context-info-box {
	padding: 10px 0;
}

.context-info {
	width: 450px;
	height: 53px;
	display: table-cell;
	position: relative;
	top: -5px;
	line-height: 21px;
}

.context-info p {
	margin: 5px;
}

.context-info h3 {
	color: #000;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.5em;
}

.context-info h3 span {
	font-weight: normal;
	font-size: 12px;
	color: #969696;
}

.context-info h4 {
	color: #777;
	font-weight: normal;
	font-size: 14px;
}

.context-info img {
	margin: 0 3px;
	position: relative;
	top: 1px;
}

.vid-pubdate, .vid-duration, .vid-progress {
	font-size: 13px;
	text-shadow: 0 1px 3px rgba(0, 0, 0, 0.75);
	font-weight: normal;
	color: #fff;
	position: absolute;
	top: 8px;
}

.vid-pubdate {
	left: 10px;
}

.vid-duration, .vid-progress {
	right: 10px;
}

.vid-info {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 65px;
	text-shadow: 1px 1px 1px black;
	font-weight: bold;
}

.vid-info .vid-logo {
	float: left;
	margin: 0 10px;
	width: 50px;
	height: 50px;
	background-position: center center;
	background-repeat: no-repeat;
	/*top: 150px;*/
}

.vid-info-text .vid-title, .vid-info-text .vid-publisher {
	color: #fff;
}

.vid-info .vid-title {
	font-size: 16px;
	font-weight: 500;
	max-height: 40px;
	overflow: hidden;
	line-height: 20px;
}

.vid-info .vid-publisher {
	font-size: 13px;
	text-shadow: 0 1px 3px rgba(0, 0, 0, 0.75);
	font-weight: normal;
	line-height: 21px;
}

/*.vid-title {
	text-overflow: ellipsis;
	font-size: 1.3em;
	line-height: 1em;
}*/


.vid-description {
	color: #777;
	font-weight: normal;
	font-size: 14px;
	line-height: 21px;
}

.vid-detail {
	padding: 10px;
	background: #fff;
	border-top-width: 0;
	min-height: 40px;
}

.vid-detail .fold {
	overflow: hidden;
	height: 30px;
}

.show-less-box, .show-less-context-box {
	display: none;
}

.show-more, .show-less, .show-more-context, .show-less-context {
	color: #a3a3a3;
	cursor:pointer;
	font-size: inherit;
}

.channel-box {
	width: 534px;
	margin: 0 auto 50px;
/*	background-color: #fff;
	border: 1px solid #d4d4d4;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;*/
}

.channel-box h2 {
	font-family: 'FreightSans Book', Arial;
	font-size: 28px;
	color: #383838;
	margin: 20px 0 10px 15px;
	font-weight: normal;
}

.channel-box li {
	width: 158px;
	float: left;
	list-style: none;
	margin: 0 0 20px 15px;
}

.channel-box li p {
	margin-top: 5px;
	font-size: 14px;
	color: #666;
	font-family: 'Helvetica Neue', Helvetica,sans-serif;
}

.channel-box .channel-image {
	width: 158px;
	height: 98px;
}

.channel-box .host-icon, .channel-box .imageHolder {
	/*width: 32px;*/
	height: 25px;
}

#sidebar {
	position: fixed;
	top: 170px;
	left: 7%;
}

.sidebar-channels {
	z-index: 99;
}

.sidebar-channels h2 {
	text-transform: uppercase;
	padding-left: 0 !important;
	color: #f4f4f4;
	font-size: 18px !important;
	margin: 15px 0;
}

.sidebar-channels ul {
	list-style: none;
	font-size: 13px;
	padding-left: 15px;
	padding-right: 15px;
}

.sidebar-channels li {
	font-size: 16px !important;
	margin: 15px 0 15px -15px;
	line-height: 32px;
	color: #f4f4f4;
	cursor: pointer;
}

.sidebar-channels .host-icon, .sidebar-channels .imageHolder {
	width: 32px;
	height: 32px;
	background-size: 32px 32px;
}

.sidebar-channels .channel-name, .sidebar-channels .channelLabel {
	width: 140px;
}

#sidebar-social-media, #sidebar-favorite-channels {
	display: none;
}

#sidebar-social-media ul {
	list-style: none;
}

#sidebar-social-media ul li {
	margin: 15px 0;
	cursor:pointer;
	background-repeat: no-repeat;
	background-size: 32px;
	padding-left: 44px;
	height:32px;
	line-height:32px;
	vertical-align: middle;
	background-position:center left;
	font-size: 16px;
	color: #f4f4f4;
}

#sidebar-my-stream-link, #sidebar-social-media .sidebar-social-subset {
	display: none;
}

.channel-results {
	margin: 55px auto -10px;
}

.channel-results li {
	cursor: pointer;
}

.vid-sponsored-search {
	border: 1px solid #222222;
	background-color: #2f2f2f;
}

.sponsored-search-info-box {
	padding: 10px;
}

.sponsored-search-info {
	width: 450px;
	display: table-cell;
	position: relative;
}

.sponsored-search-info h3 {
	font-size: 14px;
	font-weight: bold;
	line-height: 2em;
	color: #999999;
}

.sponsored-search-info h4 {
	color: #666;
	font-weight: normal;
	font-size: 14px;
}

.sponsored-search-info h4 a {
	font-weight: normal;
	color: #1b7cc7;
	text-decoration: none;
}

.sponsored-search-info img {
	margin: 0 3px;
	position: relative;
	top: 1px;
}

.channel-takeover-bg {
	opacity: 0;
	position: fixed;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #ebebeb;
}

/* _____ [6] SPECIAL / VERTICAL ____________________________________________ */

#screen {
	position: absolute;
	z-index: 8888;
	top: 50px;
	/*left: 50%;*/
	/*margin-left: -320px;*/
	width: 100%;
	background: #3e3e3e;
}

#settings {
	width: 640px;
	margin: 0 auto;
	background: #3e3e3e;
	opacity: 0;
}

#settings h2 {
	padding: 45px 0;
	font-family: 'FreightSans Book', Arial;
	font-size: 40px;
	color: #f4f4f4;
}

#settings h3 {
	width: 640px;
	border-bottom: 1px solid #777;
	font-family: 'FreightSans Book', Arial;
	font-size: 28px;
	padding-bottom: 10px;
	color: #f4f4f4;
}

#settings ul {
	list-style: none;
	margin-bottom: 60px;
	color: #444;
}

#settings ul li {
	color: #f4f4f4;
	width: 640px;
	border-bottom: 1px solid #cfcfcf;
	font-size: 26px;
	padding: 20px 0;
	font-family: 'FreightSans Book', Arial;
}

#settings ul li img {
	margin-right: 15px;
	position: absolute;
	top: 16px;
}

#settings ul li span {
	margin-left: 50px;
}

#settings ul li .button {
	position: absolute;
	right: -15px;
	cursor: pointer;
}

#settings ul li .button.connected {
	cursor: pointer;
}

#settings p {
	line-height: 20px;
	font-size: 14px;
	color: #444;
	margin-bottom: 40px;
}

#fb-connect-message, #twitter-connect-message, #yt-connect-message {
	position: absolute;
	top: 25px;
	right: 200px;
	font-size: 12px;
	text-align: left;
}

#done {
	position: relative;
	top: -30px;
	cursor: pointer;
}

.legal-doc {
	width: 640px;
	margin: 0 auto;
	background: #3e3e3e;
	opacity: 0.3
}

.legal-doc h1 {
	padding: 45px 0 15px;
	font-family: 'FreightSans Book', Arial;
	font-size: 40px;
	color: #f4f4f4;
}

.legal-doc h2 {
	padding: 15px 0 7px;
	font-family: 'FreightSans Book', Arial;
	font-size: 32px;
	color: #f4f4f4;
}

.legal-doc h3 {
	font-family: 'FreightSans Book', Arial;
	font-size: 26px;
	margin: 20px 0 10px 0;
	color: #f4f4f4;
}

.legal-doc h4 {
	font-family: 'FreightSans Book', Arial;
	font-size: 22px;
	color: #f4f4f4;
}

.legal-doc p {
	line-height: 20px;
	font-size: 15px;
	color: #f4f4f4;
	margin: 10px 0 10px 0;
}

/* _____ [7] VIDEO PLAYER / HORIZONTAL _____________________________________ */

.vid-panel-holder {
	position:absolute;
	top:0;
	left:0;
}

#vid-panel {
	position:absolute;
	overflow:hidden;
}

#player-texture {
	background: url(../images/home-bg-texture.jpg) repeat;
	width: 100%;
	height: 590px;
	position: absolute;
	top: 0;
}

#player-gradient {
	background: #1d2123;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod?¦EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #1d2123 0%, #364249 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1d2123), color-stop(100%,#364249));
	background: -webkit-linear-gradient(top, #1d2123 0%,#364249 100%);
	background: -o-linear-gradient(top, #1d2123 0%,#364249 100%);
	background: -ms-linear-gradient(top, #1d2123 0%,#364249 100%);
	background: linear-gradient(to bottom, #1d2123 0%,#364249 100%);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#1d2123', endColorstr='#364249')";
	width: 100%;
	height: 590px;
	position: absolute;
	top: 0;
	opacity: 0.9;
}

#player-gradient-2 {
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod?¦BoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
	background: -moz-linear-gradient(top, rgba(29,33,35,1) 28%, rgba(29,33,35,0.85) 39%, rgba(29,33,35,0) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(28%,rgba(29,33,35,1)), color-stop(39%,rgba(29,33,35,0.85)), color-stop(100%,rgba(29,33,35,0)));
	background: -webkit-linear-gradient(top, rgba(29,33,35,1) 28%,rgba(29,33,35,0.85) 39%,rgba(29,33,35,0) 100%);
	background: -o-linear-gradient(top, rgba(29,33,35,1) 28%,rgba(29,33,35,0.85) 39%,rgba(29,33,35,0) 100%);
	background: -ms-linear-gradient(top, rgba(29,33,35,1) 28%,rgba(29,33,35,0.85) 39%,rgba(29,33,35,0) 100%);
	background: linear-gradient(to bottom, rgba(29,33,35,1) 28%,rgba(29,33,35,0.85) 39%,rgba(29,33,35,0) 100%);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#1d2123', endColorstr='#001d2123')";
	width: 100%;
	height: 590px;
	position: absolute;
	top: 0;
}

#branded-player-container, #curtain-container {
	width: 1200px;
	height: 590px;
	position: absolute;
	top: 0px;
	display: none;
}

#branded-player-container {
	cursor: pointer;
}

#curtain-container {
	overflow: hidden;
}

#curtainLeft, #curtainRight {
	position: absolute;
	width: 600px;
	height: 590px;
	top: 0px;
	overflow: hidden;
}

#curtainLeft {
	left: 0px;
	background-position: top left;
}

#curtainRight {
	right: 0px;
	background-position: top right;
}

#overlay-container {
	position: absolute;
	z-index: 2;
	overflow: hidden;
}

#hor-stream-container {
	overflow:hidden;
	position: absolute;
}

#hor-stream-spinner {
	display: none;
}

.hor-stream {
	position:absolute;
	overflow:hidden;
	margin:0;
	padding-left: 200px;
	padding-right: 200px;
}

.hor-stream .invisible {
	visibility: hidden;
}

.media-item.playable-media-item {
	background-color: #2f2f2f;
	background-color: rgba(47,47,47,1);
}

#hor-stream-left-arrow, #hor-stream-right-arrow {
	position:absolute;
	top:20px;
	width:30px;
	background-position: center center;
	background-repeat:no-repeat;
	cursor:pointer;
	display: none;
}

#hor-stream-left-arrow, #hor-stream-right-arrow {
	position: absolute;
	background-image:url(../images/hor-stream-arrow.png);
	background-repeat: no-repeat;
	width: 20px;
	height: 38px;
}

#hor-stream-left-arrow {
	background-position: -35px 0;
}

#hor-stream-right-arrow {
	background-position: -125px 0;
}

#hor-stream-suggests {
		position: absolute;
		width: 150px;
		height: 0;
		overflow: hidden;
}

#hor-stream-suggests h3 {
	font-size: 20px;
	margin-bottom: 10px;
	color: #f4f4f4;
}

.hor-stream-suggest {
	width: 150px;
	overflow: hidden;
	margin-bottom: 20px;
	cursor: pointer;
}

.hor-stream-suggest-img {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 150px 84px;
	width: 150px;
	height: 84px;
}

.hor-stream-suggest-title {
		padding: 3px;
		color: #fff;
}

#player-offscreen-indicator-up, #player-offscreen-indicator-down {
	display: none;
	position: fixed;
	background-image: url(../images/player-offscreen-indicator.png);
	background-repeat: no-repeat;
	background-position: left top;
	width: 81px;
	height: 73px;
	cursor: pointer;
	z-index: 1;
}

#player-offscreen-indicator-down {
	background-position: left bottom;
}

#player-offscreen-indicator-up:hover {
	background-position: right top;
}

#player-offscreen-indicator-down:hover {
	background-position: right bottom;
}


.player-media-item {
	position:absolute;
	float:left;
	margin: 20px;
}

.player-media-item-hide {
	display: none;
}

.player-media-item .player-media-info {
	margin-top: 10px;
	height:70px;
	border:0;
	background-color:transparent;
	/*display: none;*/
}

.player-media-item-sponsored-search {
	margin: 20px 36px 0px 36px;
}

.player-media-info-box {
	margin-top: 10px;
	width: 650px;
	height: 70px;
	display: table-cell;
	vertical-align: middle;
}

.player-media-info .player-media-logo {
	margin: 0 12px 0 0;
	float:left;
	width:50px;
	height: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	cursor:pointer;
}

.player-media-info-box .player-media-title, .player-media-info-box .player-media-publisher {
	color:#fff;
}

.player-media-info-box .player-media-title {
	font-size: 20px;
	line-height: 21px;
	max-height: 46px;
	overflow: hidden;
}

.player-media-info-box .player-media-publisher {
	font-weight:400;
	font-size:13px;
	margin-top: 2px;
}

.player-media-suggest-container {
	position:absolute;
	bottom:10px;
	left:0;
	height:135px;
}

.player-media-suggest-container-media {
	float:left;
	overflow:hidden;
	margin-right:20px;
	width:160px;
	height:135px;
	cursor:pointer;
}

.player-media-suggest-container-media h3 {
	color:#fff;
	font-weight:400;
	font-size:11px;
}

.player-media-suggest-container-media img {
	width:160px;
	height:90px;
}

.player-media-suggest-container-media img {
	width:160px;
	height:90px;
}

#vid-toggle-autoplay {
	position: absolute;
	right: 10px;
	bottom: 10px;
	font-size: 12px;
	color: #ccc;
}

.vid-toggle-autoplay-active {
	color: #999;
}

#vid-toggle-autoplay-on, #vid-toggle-autoplay-off {
	cursor: pointer;
}

.player-poster {
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

.player-poster.inactive {
	opacity:0.5;
	filter:alpha(opacity=50);
}

.player-media-preview-image {
	display: none;
}

.player-media-preview {
	overflow: hidden;
}

.player-media-date {
	left: 10px;
}

.layer-media-preview-image {
	display: none;
}

.player-sponsored-search {
	width: 100%;
	line-height: 18px;
	white-space:nowrap;
	color: #999999;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	position: relative;
	top: -8px;
	font-family: 'Helvetica Neue', Helvetica, sans-serif;
}

.player-sponsored-search span.pb {
	color: #666;
	font-size: 14px;
}

.player-sponsored-search a {
	color: #1b7cc7;
	font-size: 14px;
	text-decoration: none;
}

.player-controls {
	background-color:#000;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;

	-webkit-box-shadow:  6.9px 4px 12px 0 rgba(0, 0, 0, 0.54);
	-moz-box-shadow:  6.9px 4px 12px 0 rgba(0, 0, 0, 0.54);
	box-shadow:  6.9px 4px 12px 0 rgba(0, 0, 0, 0.54);

	border: 1px solid #222;

	width: 700px;
	height: 53px;
	position: absolute;
	bottom: 30px;
	left: 77px;
	display:none;

	opacity:0.7;
}

.play-pause {
	width: 22px;
	height: 25px;
	position: absolute;
	top: 14px;
	left: 21px;
	background-image:url(../images/play-pause.png);
	background-repeat:no-repeat;
	cursor:pointer;
}

.play {
	background-position:top left;
}

.pause {
	background-position:bottom left;
}

.progressContainer {
	width: 465px;
	height: 27px;
	position: absolute;
	top: 14px;
	left: 59px;
	cursor:pointer;
}

.timeline {
	width:100%;
	height:8px;
	position:absolute;
	top:9px;
	left:0;
	background-color:#999999;
	z-index:1;
}

.progressComplete {
	width:0;
	height:8px;
	position:absolute;
	top:9px;
	left:0;
	background-color:white;
	z-index:2;

	-webkit-box-shadow: 3.9px 2.5px 4px 0 rgba(0, 0, 0, 0.54);
	-moz-box-shadow: 3.9px 2.5px 4px 0 rgba(0, 0, 0, 0.54);
	box-shadow: 3.9px 2.5px 4px 0 rgba(0, 0, 0, 0.54);
}

.progressMarker {
	width:8px; /*temp*/
	height:25px;
	position:absolute;
	top:2px;
	left:0;
	background-image:url(../images/progress-marker.png);
	z-index:3;
}

.time {
	font-size: 13pt;
	font-weight: bold;
	color:white;

	position:absolute;
	top:0;
	left:535px;

	height:53px;
	line-height:53px;
	vertical-align:middle;

	-webkit-box-shadow: 3.9px 2.5px 4px 0 rgba(0, 0, 0, 0.54);
	-moz-box-shadow: 3.9px 2.5px 4px 0 rgba(0, 0, 0, 0.54);
	box-shadow: 3.9px 2.5px 4px 0 rgba(0, 0, 0, 0.54);
}

.volume-control {
	width:23px;
	height:19px;
	position:absolute;
	top:17px;
	right:90px;
	background-image:url(../images/volume.png);
	cursor:pointer;
}

.volume-max {
	background-position:top left;
}

.volume-muted {
	background-position:bottom left;
}

.quality {
	font-size: 18px;
	font-weight: bold;
	color:white;
	position:absolute;
	top:0;
	right:54px;
	height:53px;
	line-height:53px;
	vertical-align:middle;
	-webkit-box-shadow: 3.9px 2.5px 4px 0 rgba(0, 0, 0, 0.54);
	-moz-box-shadow: 3.9px 2.5px 4px 0 rgba(0, 0, 0, 0.54);
	box-shadow: 3.9px 2.5px 4px 0 rgba(0, 0, 0, 0.54);
}

.fullscreen {
	width:27px;
	height:26px;
	position:absolute;
	top:13px;
	right:18px;
	background-image:url(../images/fullscreen.png);
}

#footer {
	z-index: 8888;
}

#footer-left {
	position: fixed;
	left: 20px;
	bottom: 20px;
	width: 410px;
}

#footer-right {
	position: fixed;
	right: 20px;
	bottom: 20px;
	width: 150px;
}

#footer ul {
	list-style: none;
	font-size: 11px;
}

#footer ul li {
	float: left;
	margin-right: 15px;
	/*color: #777;*/
	color: #f4f4f4;
}

#footer ul li a, #footer ul li div {
	color: #f4f4f4;
	cursor: pointer;
	text-decoration: none;
}

#footer ul li a:hover, #footer ul li a:active, #footer ul li div:hover {
	color: #ccc;
}

.legal-bullets {
	line-height: 20px;
	font-size: 14px;
	color: #f4f4f4;
	margin: 20px 0 30px 0;
}

.legal-bullets li {
	margin-left: 35px;
}

/* _____ [8] AD UNITS ______________________________________________________ */

.ad-takeover-bg {
	opacity: 0;
	z-index: 1;
	position: fixed;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #ebebeb;
	cursor: pointer;
}
.takeover-bg-img {
	display: block;
	margin: 0 auto;
}
.ad-takeover-banner {
	z-index: 2;
	width: 728px;
	height: 90px;
	margin: 0 auto 35px !important;
	display: none;
	cursor: pointer;
}

#iframeAdContainer
{
	display:none;
	width:1px;
	height:1px;
	overflow:hidden;
}

.g_intersit
{
	position:absolute;
	top:0;
	left:0;
	z-index:10000;
	width:100%;
	height:1330px;
	background-color:transparent;
	background-image: url(../images/transparent.gif);
}
/* _____ [9] UTILITY _______________________________________________________ */

.clear { /* Clear floats */
	clear: both;
}

.ir { /* Image Replacement */
	border:0;
	background-color: transparent;
	color: transparent;
	text-shadow: none;
	font: 0/0 a;
}

.truncate {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.em {
	font-weight: bold;
}

#loader { /* Transition Overlay */
	display: none;
	margin: 0 auto;
	background: #3e3e3e;
	opacity: 0;
	width: 100%;
	height: 100%;
	z-index: 8888;
	position: absolute;
	top: 0;
}

#fb-root { /* Hides box outlines which sometimes show up on site. */
	display: none;
}

#statsFrameContainer {
	display: none;
}

/* _____ [10] ERROR PAGE ___________________________________________________ */
#errors {
	margin: 15px auto 40px;
	width:850px;
}

#error404 {
	width: 530px;
	margin: 0 auto;
}

#errors h2 {
	padding-top: 45px;
	font-family: 'FreightSans Book', Arial;
	font-size: 40px;
	color: #f4f4f4;
}

#errors h3 {
	padding-top: 20px;
	font-family: 'FreightSans Book', Arial;
	font-size: 24px;
	font-weight: normal;
	color: #f4f4f4;
}

#error404 p {
	padding: 20px 0;
	color: #f4f4f4;
	font-size: 16px;
}

#error404 p.noPad {
	padding: 0;
	color: #f4f4f4;
	font-size: 16px;
}

#error404 img {
	margin: 0 auto;
}

#error404Stream {
	margin: 10px 0;
	display: table;
}

.media-item-error {
	width: 240px;
		height: auto;
	float: left;
	margin: 0 15px 15px 0;
	border: 1px solid #cfcfcf;
	position: relative;
}

.vid-player-error {
	width: 240px;
	height: 135px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.vid-detail-error {
	padding: 5px;
	background: #fff;
	border-top-width:0;
	height: 30px;
}

h5.vid-title-error {
		width: 230px;
		height: 20px;
		color: #777;
		font-weight: normal;
		font-size: 12px;
		line-height: 20px;
		text-overflow: ellipsis;
		overflow: hidden;
		white-space: nowrap;
}

h6.vid-publisher-error {
		width: 230px;
		height: 14px;
	color: #777;
		font-weight: normal;
		font-size: 10px;
		line-height: 12px;
		text-overflow: ellipsis;
		overflow: hidden;
		white-space: nowrap;
}

.vid-logo-error {
	width: 30px;
	position: absolute;
	left: 8px;
	bottom: 48px;
}

.vid-play-overlay-error {
	width: 240px;
	height: 135px;
	overflow: hidden;
	cursor: pointer;
	position: absolute;
	top: 0;
	left: 0;
}

.vid-playbtn-error {
		width: 60px;
		height: 60px;
		position: absolute;
		top: 38px;
		left: 90px;
		border: 0;
}




/* _____ [11] CSS MEDIA QUERIES _____________________________________________*/

/* iPad - Both Orientations: Landscape & Portrait */
@media only screen and (min-device-width:768px) and (max-device-width:1024px) {
	.logo {
		margin-right: 0.5%;
		margin-left: 1%;
	}
	.auth {
		margin-right: 1.5%;
	}
	#sidebar {
		left: 1.5%;
	}
	#footer-left {
		left: 15px;
		width: 210px;
	}
	#footer-right {
		right: 5px;
		width: 185px;
	}
	#footer ul li {
		margin-right: 10px;
	}
}

/* iPad - Landscape */
@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) {
}

/* iPad - Portrait */
@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait) {
}

/* Retina Display */
@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-device-pixel-ratio:1.5) {
}

/* < 1024px */
@media only screen and (max-width: 1024px){
	.logo {
		margin-right: 0.5%;
		margin-left: 1%;
	}
	.auth {
		margin-right: 1%;
	}
	.search-form input {
		width: 125px;
	}
	.search-button {
		left: 168px;
	}
}

/* _____ [13] CONTENT HUB _________________________________________________ */

.content-hub-box {
	margin: 0 auto;
	-webkit-box-shadow: 0px 0px 6px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 0px 6px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 0px 6px 0px rgba(50, 50, 50, 0.75);
}

.content-hub-header-shadow {
	-webkit-box-shadow: 0px 5px 5px 0px rgba(50, 50, 50, 0.41);
	-moz-box-shadow:    0px 5px 5px 0px rgba(50, 50, 50, 0.41);
	box-shadow:         0px 5px 5px 0px rgba(50, 50, 50, 0.41);
}

#content-hub-header {
	margin: 0 auto;
	/*width: 1024px;*/
	height: 62px;
	padding: 23px 0 37px;
	z-index: 9999;
	background-position: center;
}

#content-hub-player {
	width: 1024px;
	height: 480px;
	margin: 0 auto;
	background-color: #1d2123;
}

#content-hub-player .vid-panel-overlay {
	width: 874px;
	height: 220px;
	background: url(../images/content-hub-overlay-fallback.png);
	background: rgba(0,0,0,0.7);
	bottom: 480px;
	padding: 167px 75px 100px;
	cursor: pointer;
}

#content-hub-player .vid-panel-overlay h3 {
	color: #ccc;
	font-family: 'FreightSans Medium', Arial !important;
	font-weight: normal;
	font-size: 32px;
	margin: 0 0 0 4px;
}

#content-hub-player .vid-panel-overlay p {
	color: #ccc;
	font-family: 'FreightSans Book', Arial;
	font-weight: normal;
	font-size: 22px;
	margin: 0 0 5px 4px;
}

#content-hub-player .player-cta-text {
	color: #ccc;
	font-family: 'FreightSans Book', Arial;
	font-weight: normal;
	font-size: 18px !important;
	margin-bottom: 10px;
	height: 22px !important;
	margin-left: 4px;
}

#content-hub-player .player-vid-duration {
	color: #ccc;
	font-family: 'FreightSans Light', Arial !important;
	font-weight: normal;
	font-size: 18px;
}

#content-hub-logo-holder {
	margin: 0 auto;
	width: 1024px;
	z-index: 10001;
}

#content-hub-logo {
	display: block;
	width: 224px;
	height: 84px;
	margin-left: 30px;
	cursor: pointer;
	background-position: center !important;
	position: absolute;
	top: 20px;
	z-index: 9999;
}

#content-hub-grid {
	margin: 0 auto;
	width: 1024px;
	height: 940px;
}

#content-hub-grid-content {
	float: left;
	background: #dedddd;
	width: 692px;
	height: 890px;
	padding: 17px 8px 33px 8px;
}

#grid-content-text {
	margin-left: 17px;
	margin-bottom: 25px;
}

#grid-content-text h1 {
	font-family: 'FreightSans Medium', Arial;
	font-weight: normal;
	font-size: 41px;
	margin-bottom: 10px;
	color: #525657;
}

#grid-content-text p {
	font-family: 'FreightSans Medium', Arial;
	font-weight: normal;
	font-size: 15px;
	color: #2d3437;
}

#content-hub-grid-content ul li {
	display: block;
	width: 344px;
	height: 206px;
	margin-bottom: 15px;
	cursor: pointer;
}

#content-hub-grid-content ul li img {
	left: 30px;
	bottom: 30px;
	position: absolute;
}

#content-hub-grid-content .channel-subscribe {
	top: 10px;
	right: 15px;
	position: absolute;
}

.grid-overlay {
	width: 284px;
	height: 146px;
	background: url(../images/content-hub-overlay-fallback.png);
	background: rgba(0,0,0,0.7);
	padding: 30px;
}

.grid-overlay h3 {
	color: #ccc;
	font-family: 'FreightSans Medium', Arial !important;
	font-weight: normal;
	font-size: 22px;
	margin-bottom: 15px;
}

.grid-overlay p {
	color: #ccc;
	font-family: 'FreightSans Book', Arial;
	font-weight: normal;
	font-size: 15px;
	height: 28px;
}

.grid-cta-text {
	font-size: 10px !important;
	height: 14px !important;
}

.grid-vid-duration {
	color: #ccc;
	font-family: 'FreightSans Light', Arial !important;
	font-weight: normal;
	font-size: 13px;
	margin-top: 15px;
}

.grid-vid-description, .player-description {
	font-family: 'FreightSans Medium', Arial !important;
}

.grid-channel-left {
	float: left;
	margin-right: 3px;
}

.grid-channel-right {
	float: right;
}

#content-hub-grid-aside {
	float: right;
	background: #f1f1f1;
	width: 300px;
	height: 924px;
	padding: 8px;
}

#aside-banner-ad {
	width: 300px;
	height: 250px;
	position: relative;
}

#aside-twitter-feed {
	border-top: 1px solid #dcdcdc;
	margin-top: 20px;
	padding-top: 20px;
}

#content-hub-footer {
	margin: 0 auto;
	width: 1024px;
	height: 54px;
	background-color: #f3f3f3;
}

#content-hub-footer #twitter-icon, #content-hub-footer #facebook-icon {
	width: 32px;
	height: 32px;
	float: left;
	margin: 12px 0 0 20px;
	background-image: url(../images/corporate/footer-social-icons.png);
	background-repeat: no-repeat;
	cursor: pointer;
}

#content-hub-footer #facebook-icon {
	margin-left: 4px;
	background-position: -36px 0;
}

#content-hub-footer ul {
	margin-right: 20px;
		list-style: none;
		float: right;
}

#content-hub-footer ul li {
	float: left;
	line-height: 54px;
	color: #7f7f7f;
	font-size: 14px;
	margin-left: 30px;
}

#content-hub-footer ul li a {
	color: #7f7f7f;
	text-decoration: none;
}

#aside-twitter-feed .twitter-timeline {
	color: #7f7f7f;
	text-decoration: none;
	font-size: 14px;
}

#aside-twitter-feed .twitter-info {
	margin: 0 10px 20px 15px;
	height: 48px;
}

#aside-twitter-feed .twitter-info img {
	height: 48px;
	vertical-align: bottom;
}

#aside-twitter-feed .twitter-channel-name {
		font-size: 32px;
		color: #525657;
		font-family: "FreightSans Medium", Arial !important;
		line-height: 48px;
		margin-left: 10px;
		display: inline-block;
}




/* _____ [14] NON-IFRAMED PLAYER _____________________________________________*/


.player_row {position:relative; width:<?=$width?>px; height:<?=$height?>px;}
.player_container {position:relative; width:<?=$width?>px; height:<?=$height?>px; overflow: hidden;}
#burl_advert_div {display:none;position:absolute;top:115px;right:0;width:300px;height:250px;background-color:#CCCCCC;}
#overlay_div {display:none;position:absolute;bottom:0;left:0;width:854px;height:90px;background-color:#CCCCCC;}
.bannerHeader {position:absolute;top:-18px;left:0;width:inherit;height:18px;background-color:black;opacity:0.7;color:#666666;font-family: Helvetica,sans-serif;font-size:11px;}
.bannerHeader .left {position:absolute;top:1px;left:4px;}
.bannerHeader .close {position: absolute;top:4px;right:4px;width:10px;height:9px;cursor:pointer;background-image: url(<?=B4_STORE_PREFIX_AND_PATH?>/images/close.png);}
.bannerHeader .countdown {position:absolute;top:1px;right:18px}
#burl_advert_div2 {display:none;position:absolute;top:25px;left:0;border:1px solid black;width:300px;height:250px;background-color:#CCCCCC;}
.sponsor_text {display:none;position:absolute;top:10px;left:325px;color:white;font-family:Helvetica,sans-serif;font-size:11px;}
object:focus { outline:none; }
#flashContent { display:none; }
#controls { position:absolute; bottom:10px;right:0; opacity:0.5;}
#ui_feedback { position:absolute; bottom:0;left:0;width:<?=$width?>px;color:white;opacity:0.6;}
#controls div{ cursor:pointer; background-color:black;color:white; border:none; float:right; margin: 0 2px; padding:0 4px;font-family: sans-serif;font-weight:bold;}
#log { overflow: auto; height:200px; background-color:white; text-align: left; font-family: courier,sans-serif;}
#verifyContainer {zIndex:0;background-color:transparent;width:0;height:0;margin:0;padding:0;line-height:0;vertical-align:top;border:0;font-size:0;position:relative;top:0;left:0;}