/* -----------------------------------------------------------------------


 Blueprint CSS Framework 0.8
 http://blueprintcss.org

   * Copyright (c) 2007-Present. See LICENSE for more info.
   * See README for instructions on how to use Blueprint.
   * For credits and origins, see AUTHORS.
   * This is a compressed file. See the sources in the 'src' directory.

----------------------------------------------------------------------- */

/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/* typography.css */
body {font-size:11px;color:#222;background:#fff;font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;}
h1 {font-size:3em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:2em;margin-bottom:0.75em;}
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em;}
p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
a:focus, a:hover {color:#000;}
a {color:#009;text-decoration:underline;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;}
thead th {background:#c3d9ff;}
th, td, caption {padding:4px 10px 4px 5px;}
tr.even td {background:#e5ecf9;}
tfoot {font-style:italic;}
caption {background:#eee;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0 !important;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}

/* grid.css */
.container {width:960px;margin:0 auto;}
.showgrid {background:url(src/grid.png);}
.column, div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22 {float:left;margin-right:8px;}
.last, div.last {margin-right:0;}
.span-1 {width:36px;}
.span-2 {width:80px;}
.span-3 {width:124px;}
.span-4 {width:168px;}
.span-5 {width:212px;}
.span-6 {width:256px;}
.span-7 {width:300px;}
.span-8 {width:344px;}
.span-9 {width:388px;}
.span-10 {width:432px;}
.span-11 {width:476px;}
.span-12 {width:520px;}
.span-13 {width:564px;}
.span-14 {width:608px;}
.span-15 {width:652px;}
.span-16 {width:696px;}
.span-17 {width:740px;}
.span-18 {width:784px;}
.span-19 {width:828px;}
.span-20 {width:872px;}
.span-21 {width:916px;}
.span-22, div.span-22 {width:960px;margin:0;}
input.span-1, textarea.span-1, select.span-1 {width:36px!important;}
input.span-2, textarea.span-2, select.span-2 {width:62px!important;}
input.span-3, textarea.span-3, select.span-3 {width:106px!important;}
input.span-4, textarea.span-4, select.span-4 {width:150px!important;}
input.span-5, textarea.span-5, select.span-5 {width:194px!important;}
input.span-6, textarea.span-6, select.span-6 {width:238px!important;}
input.span-7, textarea.span-7, select.span-7 {width:282px!important;}
input.span-8, textarea.span-8, select.span-8 {width:326px!important;}
input.span-9, textarea.span-9, select.span-9 {width:370px!important;}
input.span-10, textarea.span-10, select.span-10 {width:414px!important;}
input.span-11, textarea.span-11, select.span-11 {width:458px!important;}
input.span-12, textarea.span-12, select.span-12 {width:502px!important;}
input.span-13, textarea.span-13, select.span-13 {width:546px!important;}
input.span-14, textarea.span-14, select.span-14 {width:590px!important;}
input.span-15, textarea.span-15, select.span-15 {width:634px!important;}
input.span-16, textarea.span-16, select.span-16 {width:678px!important;}
input.span-17, textarea.span-17, select.span-17 {width:722px!important;}
input.span-18, textarea.span-18, select.span-18 {width:766px!important;}
input.span-19, textarea.span-19, select.span-19 {width:810px!important;}
input.span-20, textarea.span-20, select.span-20 {width:854px!important;}
input.span-21, textarea.span-21, select.span-21 {width:898px!important;}
input.span-22, textarea.span-22, select.span-22 {width:950px!important;}
.append-1 {padding-right:44px;}
.append-2 {padding-right:88px;}
.append-3 {padding-right:132px;}
.append-4 {padding-right:176px;}
.append-5 {padding-right:220px;}
.append-6 {padding-right:264px;}
.append-7 {padding-right:308px;}
.append-8 {padding-right:352px;}
.append-9 {padding-right:396px;}
.append-10 {padding-right:440px;}
.append-11 {padding-right:484px;}
.append-12 {padding-right:528px;}
.append-13 {padding-right:572px;}
.append-14 {padding-right:616px;}
.append-15 {padding-right:660px;}
.append-16 {padding-right:704px;}
.append-17 {padding-right:748px;}
.append-18 {padding-right:792px;}
.append-19 {padding-right:836px;}
.append-20 {padding-right:880px;}
.append-21 {padding-right:924px;}
.prepend-1 {padding-left:44px;}
.prepend-2 {padding-left:88px;}
.prepend-3 {padding-left:132px;}
.prepend-4 {padding-left:176px;}
.prepend-5 {padding-left:220px;}
.prepend-6 {padding-left:264px;}
.prepend-7 {padding-left:308px;}
.prepend-8 {padding-left:352px;}
.prepend-9 {padding-left:396px;}
.prepend-10 {padding-left:440px;}
.prepend-11 {padding-left:484px;}
.prepend-12 {padding-left:528px;}
.prepend-13 {padding-left:572px;}
.prepend-14 {padding-left:616px;}
.prepend-15 {padding-left:660px;}
.prepend-16 {padding-left:704px;}
.prepend-17 {padding-left:748px;}
.prepend-18 {padding-left:792px;}
.prepend-19 {padding-left:836px;}
.prepend-20 {padding-left:880px;}
.prepend-21 {padding-left:924px;}
div.border {padding-right:3px;margin-right:4px;border-right:1px solid #eee;}
div.colborder {padding-right:25px;margin-right:26px;border-right:1px solid #eee;}
.pull-1 {margin-left:-44px;}
.pull-2 {margin-left:-88px;}
.pull-3 {margin-left:-132px;}
.pull-4 {margin-left:-176px;}
.pull-5 {margin-left:-220px;}
.pull-6 {margin-left:-264px;}
.pull-7 {margin-left:-308px;}
.pull-8 {margin-left:-352px;}
.pull-9 {margin-left:-396px;}
.pull-10 {margin-left:-440px;}
.pull-11 {margin-left:-484px;}
.pull-12 {margin-left:-528px;}
.pull-13 {margin-left:-572px;}
.pull-14 {margin-left:-616px;}
.pull-15 {margin-left:-660px;}
.pull-16 {margin-left:-704px;}
.pull-17 {margin-left:-748px;}
.pull-18 {margin-left:-792px;}
.pull-19 {margin-left:-836px;}
.pull-20 {margin-left:-880px;}
.pull-21 {margin-left:-924px;}
.pull-22 {margin-left:-968px;}
.pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .pull-10, .pull-11, .pull-12, .pull-13, .pull-14, .pull-15, .pull-16, .pull-17, .pull-18, .pull-19, .pull-20, .pull-21, .pull-22 {float:left;position:relative;}
.push-1 {margin:0 -44px 1.5em 44px;}
.push-2 {margin:0 -88px 1.5em 88px;}
.push-3 {margin:0 -132px 1.5em 132px;}
.push-4 {margin:0 -176px 1.5em 176px;}
.push-5 {margin:0 -220px 1.5em 220px;}
.push-6 {margin:0 -264px 1.5em 264px;}
.push-7 {margin:0 -308px 1.5em 308px;}
.push-8 {margin:0 -352px 1.5em 352px;}
.push-9 {margin:0 -396px 1.5em 396px;}
.push-10 {margin:0 -440px 1.5em 440px;}
.push-11 {margin:0 -484px 1.5em 484px;}
.push-12 {margin:0 -528px 1.5em 528px;}
.push-13 {margin:0 -572px 1.5em 572px;}
.push-14 {margin:0 -616px 1.5em 616px;}
.push-15 {margin:0 -660px 1.5em 660px;}
.push-16 {margin:0 -704px 1.5em 704px;}
.push-17 {margin:0 -748px 1.5em 748px;}
.push-18 {margin:0 -792px 1.5em 792px;}
.push-19 {margin:0 -836px 1.5em 836px;}
.push-20 {margin:0 -880px 1.5em 880px;}
.push-21 {margin:0 -924px 1.5em 924px;}
.push-22 {margin:0 -968px 1.5em 968px;}
.push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9, .push-10, .push-11, .push-12, .push-13, .push-14, .push-15, .push-16, .push-17, .push-18, .push-19, .push-20, .push-21, .push-22 {float:right;position:relative;}
.prepend-top {margin-top:1.5em;}
.append-bottom {margin-bottom:1.5em;}
.box {padding:1.5em;margin-bottom:1.5em;background:#E5ECF9;}
hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;}
hr.space {background:#fff;color:#fff;}
.clearfix:after, .container:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.clearfix, .container {display:block;}
.clear {clear:both;}

/* forms.css */
label {font-weight:bold;}
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;}
input.text, input.title, textarea, select {margin:0.5em 0;border:1px solid #bbb;}
input.text:focus, input.title:focus, textarea:focus, select:focus {border:1px solid #666;}
input.text, input.title {width:300px;padding:5px;}
input.title {font-size:1.5em;}
textarea {width:390px;height:250px;padding:5px;}
.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}

/* BizBOXTV */
/* http://bizboxtv.com */
/* Styles by Carbon Media Design */
/* http://carbonmedia.ca */

/* Global ----------------------------------------------------------------- */
body {
	background: #161515 url( images/bg_body.gif ) repeat-y scroll 51% 0;
	color: #ccc;
	font-family: "Helvetica Neue", Helvetica, Arial, Verdana, Sans-Serif;
  text-align: center;
}
a, a:focus {
  color: #57abbd;
  cursor: pointer;
  outline-color: -moz-use-text-color !important;
  outline-style: none !important;
  outline-width: medium !important;
  /*text-decoration: none;*/
}
a:hover {
  color: #8ed2e1;
  text-decoration: underline;
}
dl {
  margin: 0;
}
dl.column1,
dl.column2 {
  float: left;
  margin: 0 20px 0 0;
  width: 207px;
}
dl.column2 {
  margin: 0;
}
dt {
  margin-bottom: 10px;
}
dd {
  margin: 0;
}
h1, h2, h3, h4, h5, h6 {
  color: #fff;
  font-family: "Helvetica Neue", Helvetica, Verdana, Tahoma, Arial, Sans-Serif;
  line-height: 1.5;
}
h1 {
  margin-top: 0;
  font-size: 2.25em;
}
h2 {
  font-size: 1.75em;
}
h2 span,
h2 span a {
  color: #1c1c1c;
  font-size: 0.875em;
  font-style: italic;
}
h3 {
  font-size: 1.25em;
}
h4 {
  font-size: 1em;
  margin: 0 0 4px 0;
  overflow: hidden;
  text-align: center;
}
h5 {
  font-size: 0.875em;
}
h6 {
  font-size: 1em;
}
hr {
  background: #373737 none repeat scroll 0 0;
  border: medium none;
  clear: both;
  color: #373737;
  float: none;
  height: 0.2em;
  margin: 0 0 1.45em;
  width: 100%;
}
img {
	border: 0;
}
object {
  display: block;
  outline: none;
}
p {
  font-size: 1.125em;
}
ul {
  list-style: none;  
  margin: 0.25em 0 0.75em 0;
}
ul.inline li {
  display: inline;
  margin: 0 12px 0 0;
}

/* Header ------------------------------------------------------------------- */
#header {
  background: #000;
  height: 314px;
  position: relative;
  z-index: 24;
}
#header img,
img.separator {
  display: block; 
}
#searchbar, #logo, #navigation, #separator {
  margin: 0 auto;
  width: 960px;
}

/* Separator ----------------- */
#header img {
  background: transparent url( images/bg_separator.png ) no-repeat scroll 0 0;
  height: 4px;
  margin: 0 auto;
}

/* Searchbar ------------------------------ */
#searchbar {
  background: #000 url( images/bg_searchbar.png ) no-repeat scroll 1px 0;
  color: #fff;
  height: 38px;
  z-index: 29;
}
#searchbar #search-bg {
  background: transparent url( images/bg_search.gif ) no-repeat scroll 0 top;
  display: block;
  float: left;
  height: 18px;
  width: 210px;
}
#searchbar form {
  float: right;
  margin: 9px 6px 0 0;
}
#searchbar input {
  color: #666;
}
#searchbar input.query {
  background: transparent;
  border: 0;
  font-size: 9px;
  margin: 0 4px;
  padding: 0;
  width: 196px;
}
#searchbar input.focus {
  color: #000;
}

/* Logo -------------------------------- */
#logo {
  background: transparent url( images/bizbox_logo.jpg ) no-repeat scroll 0 -11px;
  height: 198px;
  position: relative;
}
#logo a.logo {
  top: 90px;
  width: 424px;
}

/* Navigation -------------------------- */
#navigation {
  background: #000 url( images/bg_navigation.jpg ) no-repeat scroll left top;
	height: 74px;
	text-align: right;
	width: 959px;
}
#navigation ul#static {
  float: left;
}

/* Dynamic w/ Superfish ---- */
#navigation ul#dynamic {
  float: right;
}
#navigation span {
	visibility: hidden;
}
#navigation ul {
  margin: 0;
}
#navigation ul li {
  float: left;
  height: 35px;
  margin: 0 0 0 36px;
  width: 130px;
}
#navigation a {
  background: transparent url( images/sf_nav_sprites.jpg ) no-repeat scroll -1px 0;
  color: #fff;
  display: block;
  height: 35px;
  font: 12pt/1.2 Helvetica, Arial, sans-serif;
  overflow: hidden;
  padding: 0;
  text-decoration: none;
  text-indent: 10000px;
  width: 130px;
}
#navigation li.channels {
  margin: 0;
}
#navigation li.channels a:hover {
  background-position: -1px -35px;
}
#navigation li.shows a {
  background-position: -167px 0;
}
#navigation li.shows a:hover {
  background-position: -167px -35px;
}
#navigation li.networks a {
  background-position: -334px 0;
}
#navigation li.networks a:hover {
  background-position: -334px -35px;
}
/* Sub Menus ---------- */
#navigation ul li ul li {
  height: 25px;
  margin: 0;
  padding: 0;
  width: 164px;
}
#navigation ul li ul a {
  background-image: none;
  font-size: 1em;
  height: 13px;
  padding: 6px;
  text-indent: 0;
  width: 152px;
}
/* Fix for off-kilter PSD mock */
#navigation ul li.shows ul li,
#navigation ul li.networks ul li {
  width: 166px;
}
#navigation ul li.shows ul a,
#navigation ul li.networks ul a {
  width: 154px;
}
#navigation ul li.shows ul,
#navigation ul li.networks ul {
	right: 48px;
}
/* end fix */

#navigation ul li.channels li {
	background:	#9a1a56;
}
#navigation ul li.channels ul a:hover {
	background:	#870f47;
}
#navigation ul li.shows li {
	background:	#57abbd;
}
#navigation ul li.shows ul a:hover {
	background:	#43a1b5;
}
#navigation ul li.networks li {
	background:	#8ec31c;
}
#navigation ul li.networks ul a:hover {
	background:	#83b419;
}

/* Static Menu ---- */
#navigation ul#static li {
  height: 50px;
  margin: 24px 0 0 0;
  width: 155px;
}
#navigation ul#static li a {
  background: transparent url( images/static_menu_sprites.jpg ) no-repeat scroll left top;
  height: 50px;
  text-indent: -10000px;
  text-align: left;
  width: 155px;
}
#navigation ul#static li.production a:hover {
  background-position: 0 -50px;
}
#navigation ul#static li.about a {
  background-position: -155px 0;
}
#navigation ul#static li.about a:hover {
  background-position: -155px -50px;
}
#navigation ul#static li.broadcast a {
  background-position: -310px 0;
}
#navigation ul#static li.broadcast a:hover {
  background-position: -310px -50px;
}

/* Wrapper ----------------------------------------------------------------- */
#wrapper {
  margin: 0 auto;
  position: relative;
  text-align: left;
  width: 960px;
  z-index: 21;
}

/* Main ----------------------------------------------------------------- */
#main {
  position: relative;
  z-index: 22;
}

/* Content ------------------------------ */
#content {
  background: #181818;
  position: relative;
  z-index: 23;
  zoom: 1;
}
body.home #content {
  background: #181818 url( images/bg_content.gif ) repeat-y scroll 458px 0;
}
.column-left,
.column-right {
  float: left;
}
.column-left {
  width: 460px;
}
.column-right {
  background: #181818;
  border-left: 2px solid #1c1c1c;
  position: relative;
  width: 498px;
}
.short {
  min-height: 335px;
}
.long {
  min-height: 1020px; 
}
.padded {
  padding: 35px 35px 0 35px;
  width: 390px;
}
#search .details {
  padding-top: 0;
}
#video-player {
  background: transparent url( images/bg_video_player.png ) no-repeat scroll left top;
  height: 323px;
  position: relative;
}
#video-player div.video-frame {
  height: 268px;
  margin: 0;
  overflow: hidden;
  padding-top: 24px;
  padding-left: 27px;
  width: 396px;
}
#video-player div.video-frame h3 {
  margin: 10px;
}
#video-player embed,
#video-player object {
  height: 308px;
  width: 396px;
}
/* Controls ----------------------- */
#video-player #controls {
  background-image: url( images/bg_video_controls_sprite.gif );
  height: 31px;
  position: relative;
  margin-left: 25px;
  width: 398px;
}
#video-player .prev-off {
  background-position: 0 -31px;
}
#video-player .next-off {
  background-position: 0 -62px;
}
#video-player .all-off {
  background-position: 0 -93px;
}
#video-player a {
  bottom: 9px;
  color: #fff;
  height: 14px;
  left: 22px;
  padding: 0 4px 1px 4px;
  position: absolute;
  width: 90px;
  text-decoration: none;
}
#video-player a span {
  color: #a91e22;
  font-size: 1.125em;
  font-weight: bold;
}
#video-player a:hover {
  color: #a91e22;
}
#video-player a.client {
  bottom: 11px;
  left: 146px;
  padding-bottom: 0;
  text-align: center;
  width: 102px;
}
#video-player a.next {
  left: 280px;
  text-align: right;
  padding-right: 20px;
}
#video-player a.previous {
  left: 4px;
  padding-left: 20px;
}

/* Details --------------------- */
#video-details {
  background: #2f2f2f url( images/bg_video_details.gif ) repeat-y scroll left top;
  color: #555;
  padding: 6px 34px 1px 26px;
}
#video-details a {
  /*color: #95171a;*/
}
#video-details p {
  color: #a8a8a8;
  margin: 0 20px;
}
#video-details h4 span {
  color: #ababab;
}
#video-details-bottom {
  background: #141414 url( images/bg_video_details_bottom.gif ) no-repeat scroll left top;
}
#video-description {
  margin-bottom: 10px;
}
#video-description p {
  font-size: 1em;
}

/* Video Sharing ------------------------ */
#share-this-video {
  background: url( images/bg_share_this_video.png ) no-repeat scroll left top;
  height: 47px;
  margin-top: 10px;
  width: 401px;
}
#share-this-video ul {
  margin-left: 230px;
}
#share-this-video li {
  float: left;
  margin: 6px 8px 0 0;
}

/* Pages & VideoCollection Indexes ------ */
div.page {
  padding-top: 35px;
  padding-bottom: 35px;
}

/* Clients ------------------------------ */
a.banner img {
  display: block;
}
div.details {
  padding: 32px 32px 8px 32px;
}
div.details h1 {
  color: #22292e;
  left: 32px;
  opacity: 0.5;
  position: absolute;
  top: 75px;
}
div.videos .thumbnail {
  max-height: 112px;
  max-width: 150px;  
}
div.videos div.video,
ul.video-collections li {
  background: #282828;
  border-bottom: 2px solid #373737;
  /*height: 118px;*/
  margin: 5px 0;
  padding-top: 5px;
  /*overflow: hidden;*/
}
div.videos div.video.current span {
  color: #9A1A56;
  font-size: 0.75em;
  font-weight: bold;
}
div.videos div.video:hover,
ul.video-collections li:hover {
  background: #313131;
}
div.videos div.video div.column-left {
  background: transparent;
  margin-right: 17px;
  padding-left: 5px;
  width: 150px;
}
div.videos div.video div.column-right {
  background: transparent;
  border: 0;
  min-height: 110px;
  padding-right: 5px;
  width: 257px;
}
div.videos div.video div.column-right div.video-name {
  font-size: 1.125em;
  line-height: 1.2;
  padding: 0 10px 6px 0;
}
div.videos div.video div.column-right p {
  margin: 0;
}
div.videos div.video div.column-right p.tags {
  border-top: 1px dotted #373737;
  border-bottom: 1px dotted #373737;
  font-weight: bold;
  margin-top: 2px;
  padding: 2px 0 3px;
  width: 232px;
}

/* Futher Video Collection declarations - */
ul.video-collections {
  margin-top: 16px;
}
ul.video-collections li {
  /*padding: 6px 8px;*/
  border: 0;
  min-height: 94px;
  padding: 0;
  position: relative;
}
ul.video-collections li p {
  font-size: 1em;
}
ul.video-collections a {
  color: #93c518;
}
ul.video-collections li a.watch-now {
  bottom: 7px;
  right: 230px;
  position: absolute;
}
ul.video-collections li hr {
  background: #93c518 none repeat scroll 0 0;
  bottom: 10px;
  color: #93c518;
  left: 8px;
  margin-bottom: 0;
  position: absolute;
  width: 496px;
}
ul.channels li a {
  color: #9a1a55;
}
ul.channels li hr {
  background: #9a1a55 none repeat scroll 0 0;
  color: #9a1a55;
}
ul.shows li a {
  color: #58acb7;
}
ul.shows li hr {
  background: #58acb7 none repeat scroll 0 0;
  color: #58acb7;
}
/* With Images --------------------- */
.vc-text {
  float: left;
  padding: 6px 8px;
  width: 457px;
}
.vc-image {
  background: #181818;
  float: right;
  padding: 1px 0 1px 8px;
}
.vc-image img {
  display: block;
}

/* Boxes, Big and Small (Nav Features) ----------------- */
#nav-features {
  background: #181818;
}
.small .box,
.large .box {
  background: #181818;
  margin: 0;
  padding: 0;
  position: relative;
  height: 184px;
}
.small .box {
  float: left;
  font-size: 1.25em;
  height: 200px;
  line-height: 1.4;
  margin-right: 0;
  width: 315px;
}
.large .box {
  font-size: 0.875em;
  width: 460px;
}
.small .box p,
.large .box p {
  padding: 0 32px;
  text-align: justify;
}
.small .box h1,
.large .box h1 {
  height: 80px;
}
.small .box h1 a,
.large .box h1 a {
  height: 80px;
  left: 0;
  top: 0;
}
.small .box h1,
.small .box h1 a {
  width: 315px;
}
.small .shows,
.small .shows h1,
.small .shows h1 a {
  width: 330px;
}
.large .box h1,
.large .box h1 a {
  width: 460px;
}
.more {
  background: transparent url( images/watch_now_sprites.gif ) no-repeat scroll 0 0;
  bottom: 16px;
  display: block;
  height: 25px;
  position: absolute;
  overflow: hidden;
  right: 30px;
  text-indent: -10000px;
  width: 120px;
}
.channels .more {
  background-position: 0 0;
}
.channels .more:hover {
  background-position: 0 -25px;
}
.shows .more {
  background-position: -120px 0;
}
.shows .more:hover {
  background-position: -120px -25px;
}
.networks .more {
  background-position: -240px 0;
}
.networks .more:hover {
  background-position: -240px -25px;
}

.channels h1 a {
  background: transparent url( images/features/feature_large_channels.jpg ) no-repeat scroll left top;
}
.shows h1 a {
  background: transparent url( images/features/feature_large_shows.jpg ) no-repeat scroll left top;
}
.networks h1 a {
  background: transparent url( images/features/feature_large_networks.jpg ) no-repeat scroll left top;
}

.small .channels h1 a {
  background: transparent url( images/features/feature_small_channels.jpg ) no-repeat scroll left top;
}
.small .shows h1 a {
  background: transparent url( images/features/feature_small_shows.jpg ) no-repeat scroll left top;
}
.small .networks h1 a {
  background: transparent url( images/features/feature_small_networks.jpg ) no-repeat scroll left top;
}

/* Twitter ----------------------- */
#twitter {
  background: #00424d url( images/bg_twitter_updates.jpg ) no-repeat scroll left top;
  /*height: 116px;*/
  line-height: 1.3;
  margin: 10px 10px 0;
  height: 0;
  overflow: hidden;
  position: relative;
  width: 940px;  
}
#twitter-avatar {
  background: transparent url( images/bizbox_avatar_sprite.png ) no-repeat scroll 0 -2px;
  display: block;
  height: 76px;
  margin: 10px;
  overflow: hidden;
  position: relative;
  text-indent: -10000px;
  width: 74px;
}
#twitter-avatar:hover {
  background-position: 0 -78px;
}
.twitter-message {
  height: 71px;
  left: 96px;
  position: absolute;
  top: 13px;
  width: 900px;
}
#twitter-status a {
  color: #49c5ad;
}
#twitter-status a:hover {
  color: #2fd0ed;
}
#twitter-status {
  width: 900px;
}
#twitter-status {
  color: #fff;
  font-family: Arial, sans-serif;
  font-size: 9pt;
}
#twitter-details {
  height: 48px;
  position: absolute;
  left: 0;
  top: 10px;
  width: 440px;
}
#twitter-details img {
  margin-top: 1px;  
  vertical-align: text-top;
}
#twitter-details p {
  color: #0b849a;
  font-size: 0.825em;
  margin: 6px 0 4px 0;
}
#twitter-details p a {
  color: #0b849a;
}
#twitter-details a {
  text-decoration: none;  
}
#twitter-details a span {
  color: #0096d4;
}
#twitter-details a:hover {
  color: #2fd0ed;
  text-decoration: underline;
}
#twitter-details a:hover span {
  color: #fff;
}
#follow {
  -webkit-opacity: 0.3;
  -moz-opacity: 0.3;
  opacity: 0.3;
  
  height: 37px;
  left: 11px;
  position: absolute;
  top: 90px;
  width: 132px;
}

/* Connections ------------------- */
#connections {
  background: #1b1916 url( images/bg_connections.jpg ) no-repeat scroll left top;
  height: 110px;
  margin: 0 10px 10px;
  width: 940px;
}
#connections ul li a {
  background: transparent url( images/connections_button_sprite.png ) no-repeat scroll left top;
  display: block;
  height: 50px;
  overflow: hidden;
  text-indent: -1000px;
  width: 203px;
}
#connections ul {
  margin: 0 0 0 300px;
}
#connections ul li {
  float: left;
  margin-top: 25px;
}
#connect-on-twitter a:hover {
  background-position: 0 -50px;
}
#connect-on-facebook a {
  background-position: -203px 0 !important;
}
#connect-on-facebook a:hover {
  background-position: -203px -50px !important;
}
#connect-on-youtube a {
  background-position: -406px 0 !important;
}
#connect-on-youtube a:hover {
  background-position: -406px -50px !important;
}

/* Featured ---------------------- */
body.home div.featured {
  padding: 20px 34px 10px;
}
div.featured {
  background: transparent url( images/bg_column_right.png ) repeat-y scroll left top;
  min-height: 335px;
  padding: 8px 34px 0;
}
div.featured h1 {
  background: transparent url( images/headers/featured_on_bizboxtv.gif ) no-repeat scroll left top;
  height: 36px;
  margin-bottom: 20px;
  width: 306px;
}
div.featured div.video {
  background: #222;
  float: left;
  height: 124px;
  margin: 0 15px 10px 0;
  padding: 2px 2px 0 2px;
}
div.featured div.video:hover {
  background: #424242;
}
div.featured div.video a.image {
  background: #000;
  display: table-cell;
  height: 105px;
  padding-top: 4px;
  vertical-align: middle;
}
div.featured div.video a.text {
  display: block;
  height: 18px;
  overflow: hidden;
  padding: 0 2px 0 2px;
  text-decoration: none;
  width: 125px;
}

/* Pagination --------------------------------------------------------- */
.pagination {
  list-style: none;
  margin: 16px 0;
}
.pagination li,
.pagination a,
.pagination a:visited {
  display: inline;
}
.pagination a,
.pagination a:visited {
  background: #222;
  text-decoration: none;
}
.pagination a:hover {
  background: #222;
}
.pagination .gap,
.pagination .current,
.pagination a,
.pagination a:visited {
  padding: 3px 6px;
}
.pagination .gap {
  color: #454545;
}
.pagination .disabled {
  color: #666;
}
.pagination .current {
  border: 0;
  background: #333;
  color: #454545;
}

/* Albums ----------------------------------------------------------------- */
dl.album dt {
  margin: 0 0 0 0;
}
dd.caption {
  background: #020202;
  border: 1px solid #090909;
  margin: -5px 2px 18px 2px;
  padding: 0 4px;
  width: 190px;
}
ul.photos li {
  margin-right: 2px;
  margin-bottom: 10px;
}

/* Footer ----------------------------------------------------------------- */
#footer {
  background: #101010;
	clear: both;
	color: #6c6c6c;
	height: 94px;
	margin: 0 auto;
	padding: 15px 24px;
	position: relative;
	text-align: left;
	width: 912px;
}
#footer p {
  float: left;
  font-size: 1em;
	margin: 0;
	width: 400px;
}
#footer a {
  border: 0;
  padding: 0 2px;
  text-decoration: none;
}
#footer span.addy a {
  color: #fff;
  text-decoration: underline;
}
#footer a:hover {
  color: #fff;
  text-decoration: underline;
}
#footer ul {
  margin: 12px 0 8px 0;
}
a.carbon-media-logo {
  background: transparent url( images/cmd_logo_sprite.png ) no-repeat scroll 0 -58px;
  height: 60px;
  width: 186px;
  left: 760px;
  top: 8px;
}
a.carbon-media-logo:hover {
  background-position: 0 0;
}
/*#footer img.carbon {
	padding-left: 22px;
}*/

/* Credits ----------------------------- */
#credits {
  position: absolute;
  right: 20px;
  top: 15px;
}

/* Sub-Navigation ------------------------------ */
ul#subnavigation {
  list-style: disc;
  float: right;
	margin: 0;
	width: 426px;
}
ul#subnavigation li {
  float: left;
  height: 16px;
  margin-right: 12px;
  overflow: hidden;
  width: 134px;
}

/* Link Overlays --------------------------- */
.overlay {
  border: 0;
  cursor: pointer;
  height: 88px;
  left: 34px;
  overflow: hidden;
  position: absolute;
  text-indent: -10000px;
  top: 10px;
  width: 470px;
}
.overlay:focus {
  border: 0;
}

/* Misc ----------------------------------------------------------------- */
body .column-right div.current {
  background: #203239;
}
.replaced-header {
  overflow: hidden;
  text-indent: -10000px;
}

/* Search results */
.highlight {
  background: #9A1A53;
  color: #fff;
  padding: 0 2px;
}

/* Hides flash replaced content */
.alt {
  display: none;
}

.vcard .type {
  display: none;
}
.vcard .adr {
  margin-top: 1em;
}
.vcard .org {
  font-weight: bold;
}
.thumbnail {
  max-height: 100px;
  max-width: 129px;
}

::-moz-selection{
  background: #126678;
  color: #fff;
} 
::selection {
  background: #126678;
  color: #fff;
}

/* Misc ------------------------------ */
/* The prepended body tags overrides any lower scoring selectors */
body .cl-b {
	clear: both;
}
body .cl-l {
	clear: left;
}
body .cl-r {
	clear: right;
}
body .no-border,
body .no-border:hover {
  border: 0;
}
body .no-margin {
  margin: 0;
}
body .underline {
	text-decoration: underline;
}

/* Font Sizes ------------------------------ */
.small {
  font-size: 0.675em;
}
.large {
  font-size: 120%;
}

/* Clearfix ------------------------------ */
/*.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
  display: inline-table;
}
* html .clearfix {
  height: 1%;
}
.clearfix {
  display: block;
}*/

/* Lightbox ------------------------------ */
/* Fixes a strange outline bug which
   displays a scrollbar when active */
#bottomNavClose:active {
  outline: none;
}

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	right:			46px;
	top:			34px; /* match top ul list item height */
	z-index:		1199;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	right:			50px; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu {
	float:			left;
	margin-bottom: 0;
}
.sf-menu a {
	padding: 4px;
	text-decoration:none;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#13a;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	/*background:	#CFDEFF;*/
	background-position: 0 0;
	outline:		0;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	0;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			0.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	/*background:		url('../images/arrows-ffffff.png') no-repeat -10px -100px; *//* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			0.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	/*background:	url('../images/shadow.png') no-repeat bottom right;*/
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}

/* YCODASLIDER 3.0 */

/* TROPPO SECCO: div.yslider-wrap *{margin: 0; padding: 0;} */
a:focus { outline:none }

div.ycodaslider {
  width: 498px;
/*  margin: auto;*/
  text-align: center;
  padding-bottom: 0;
  overflow: hidden;
}

div.ycodaslider-small {
  width: 340px;
}

div.yslider-wrap { 
  /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
  margin: 12px 0;
  position: relative;
  width: 100%;
}

div.yslider-viewer { /* This is the viewing window */
  position: relative;
  border: 0; /* this is the border. should have the same value for the links */
  margin: auto;
  height: 279px;
  clear: both;
  overflow: hidden; /* comment for debug */
  width: 430px;   /* 1000 for debug; Also specified in  div.yslider-viewer div.yslider-container div.yslider-panel  below */
}

div.ycodaslider-small div.yslider-viewer { /* This is the viewing window */
  height: 225px;
  width: 270px;
}

div.yslider-viewer div.yslider-container { 
/* This is the big long container used to house your end-to-end divs. 
   Width is calculated and specified by the JS  */
  position: relative;
  left: 0;
  top: 0;
  width: 100%;
  list-style-type: none;
  /* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
}

div.yslider-viewer div.yslider-container div.yslider-panel { 
/* Each panel is arranged end-to-end */
  float: left;
  height: 100%;
  position: relative;
  width: 430px; /* Also specified in  div.yslider-viewer  above */
}

div.ycodaslider-small div.yslider-viewer div.yslider-container div.yslider-panel { 
	width: 270px;
}

div.yslider-viewer div.yslider-container div.yslider-panel div.yslider-panelwrapper { 
/* Wrapper to give some padding in the panels, without messing with existing panel width */
  text-align: left;
  /*padding:10px;*/
}

div.yslider-nav { /* This is the div to hold your nav (the UL generated at run time) */
  margin: auto;
  display: none;
}
div.yslider-nav ul { /* The auto-generated set of links */
  list-style: none;
  margin: 0; padding: 0;/* RESET */ 
}
div.yslider-nav ul li {
  float: left;
  margin-right: 2px; /* If you change this, be sure to adjust the initial value of navWidth in slideviewer.js */
  list-style-type:none;
}
div.yslider-nav a { /* The nav links */
  font-size: 9px;
  font-weight: bold;
  text-align: center;
  line-height: 22px;
  background: #c6e3ff;
  color: #000;
  text-decoration: none;
  display: block;
  padding: 0 4px;
}
div.yslider-nav a:hover {
  background: #9cf;
}
div.yslider-nav a.current {
  background: #39c;
  color: #fff;
}
div.yslider-navl, div.yslider-navr { /* The left and right arrows */
  position: absolute;
  bottom: -10px;
  text-indent: -9000em;
}
div.yslider-navl a, div.yslider-navr a {
  display: block;
  height: 19px;
  width: 87px;
}
div.yslider-navl {
  left: -2px;
  z-index: 3827;
}
div.yslider-navr {
  right: 2px;
  z-index: 3828;
}
div.yslider-navl {
  background: url( images/pagination_prev.gif ) no-repeat center;
}
div.yslider-navr {
  background: url( images/pagination_next.gif ) no-repeat center;
}