/* Effective stylesheet produced by snapshot save */
html { font-size: 100%; overflow-y: scroll; }
body { margin: 0px; font-size: 1em; line-height: 1.4; }
body, button, input, select, textarea { font-family: sans-serif; color: rgb(34, 34, 34); }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0px none; }
q::before, q::after { content: none; }
ul, ol { margin: 1em 0px; padding: 0px 0px 0px 40px; }
img { border: 0px none; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
form { margin: 0px; }
button, input, select, textarea { font-size: 100%; margin: 0px; vertical-align: baseline; }
button, input { line-height: normal; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0px none; padding: 0px; }
input:invalid, textarea:invalid { background-color: rgb(240, 221, 221); }
table { border-collapse: collapse; border-spacing: 0px; }
td { vertical-align: top; }
.clearfix::before, .clearfix::after { content: ""; display: table; }
.clearfix::after { clear: both; }
.clearfix {  }
@media print {
  * { background: transparent none repeat scroll 0% 0% ! important; color: black ! important; box-shadow: none ! important; text-shadow: none ! important; filter: none ! important; }
  a, a:visited { text-decoration: underline; }
  a[href]::after { content: " (" attr(href) ")"; }
  abbr[title]::after { content: " (" attr(title) ")"; }
  .ir a::after, a[href^="javascript:"]::after, a[href^="#"]::after { content: ""; }
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% ! important; }
  @page { margin: 0.5cm; }
  p, h2, h3 {  }
  h2, h3 { page-break-after: avoid; }
}
body { background: rgb(255, 255, 255) none repeat scroll 0% 0%; font-family: Helvetica,arial,sans-serif; font-size: 12px; }
h1, h2 { margin: 0px; padding: 0px; }
h1 { font-size: 18px; margin: 10px 0px 0px; color: rgb(51, 51, 51); }
h2 { font-size: 12px; }
ul, ol { margin: 0px; padding: 0px; list-style-type: none; }
a { text-decoration: none; color: rgb(51, 51, 51); }
a:hover { text-decoration: underline; }
input:-moz-placeholder { color: rgb(153, 153, 153); }
.thumb:hover .overlay { display: block; }
.thumb .overlay { position: absolute; top: 0px; display: none; }
.next a, .prev a { display: block; width: 19px; height: 19px; }
.next { background-image: url("pagination-next.gif"); }
.next:hover { background-image: url("pagination-next-hover.gif"); }
.prev { background-image: url("pagination-prev.gif"); }
.prev:hover { background-image: url("pagination-prev-hover.gif"); }
.pages { font-size: 20px; position: static; padding: 0px 5px; font-family: tomaha; }
.pages span { padding: 0px 2px; color: rgb(186, 186, 186); }
.pages span.on { color: rgb(249, 77, 77); }
.carousel { overflow: hidden; position: relative; }
.carousel .grid { width: 999em; overflow: hidden; position: relative; }
.panel .carousel .grid { height: 273px; }
.carousel img { display: block; }
.carousel-pagination li { -moz-box-orient: vertical; display: inline-block; vertical-align: middle; }
.carousel-pagination li {  }
.dropdown ul { border-radius: 0px 0px 3px 3px; display: none; border-top: 0px none; position: absolute; z-index: 50; background: rgb(238, 238, 238) none repeat scroll 0% 0%; color: rgb(102, 102, 102); float: none; }
.dropdown a { display: block; padding: 2px 10px; }
.dropdown a:hover { color: rgb(249, 77, 77); }
.bar { border-radius: 2px; position: relative; background: rgb(238, 238, 238) none repeat scroll 0% 0%; height: 29px; padding: 0px 10px; font-size: 12px; clear: both; color: rgb(102, 102, 102); }
.bar a { color: rgb(102, 102, 102); }
.bar a:hover { text-decoration: none; color: rgb(249, 77, 77); }
.bar.channel-bar { padding-right: 0px; position: relative; z-index: 50; }
.bar.channel-bar .filters { top: 0px; }
.bar.channel-bar .filters > li { border-left: 1px solid rgb(255, 255, 255); height: 29px; line-height: 28px; float: left; width: 140px; }
.bar.channel-bar .filters > li > a { display: block; padding: 0px 15px 0px 10px; margin-right: 10px; background: transparent url("caret-down-off.png") no-repeat scroll right center; width: 104px; color: rgb(102, 102, 102); }
.bar.channel-bar .filters > li > a:hover, .bar.channel-bar .filters > li > a.active { color: rgb(249, 77, 77); background: transparent url("urn:not-loaded:http://video.theloop.ca/assets/images/caret-down.png") no-repeat scroll right center; }
.bar .carousel-pagination { margin-top: 2px; }
.bar.bc_pagination ul { top: 0px; }
.bar.bc_pagination ul li { float: left; }
.bar.bc_pagination ul .next a, .bar.bc_pagination ul .prev a { padding: 0px; }
.bar.bc_pagination a { position: relative; top: 6px; }
.bar.bc_pagination .next, .bar.bc_pagination .prev { position: relative; top: 5px; }
.bar.bc_pagination a { font-weight: bold; padding-right: 10px; }
.bar.bc_pagination li.active a { color: rgb(249, 77, 77); }
.bar h2, .bar p { padding: 6px 0px; margin: 0px; float: left; }
.bar p { font-size: 12px; color: rgb(102, 102, 102); }
.bar ul { float: right; }
.box { border-radius: 3px; background: rgb(238, 238, 238) none repeat scroll 0% 0%; position: relative; border: 1px solid rgb(204, 204, 204); padding: 8px; width: 281px; color: rgb(76, 76, 76); }
.box img { margin-right: 5px; }
.box .title { margin: 0px; padding-bottom: 8px; border-bottom: 1px solid rgb(204, 204, 204); font-weight: bold; color: rgb(102, 102, 102); }
.grid { overflow: hidden; margin: 10px 0px; }
.grid.sidebar-grid { margin-bottom: 0px; }
.grid.sidebar-grid > li { width: 300px; margin: 0px 13px 15px 1px; }
.grid.sidebar-grid ul { overflow: hidden; }
.grid.sidebar-grid ul li { width: 90px; height: 124px; margin: 0px 13px 10px 0px; }
.grid li { float: left; margin: 0px 15px 16px 1px; padding: 0px; position: relative; z-index: 0; }
.grid li.last-in-row { margin-right: 0px ! important; }
.grid li.first-in-row { clear: both; }
.grid em { color: rgb(102, 102, 102); font-style: normal; }
.grid a, .grid em { font-size: 11px; display: block; word-wrap: break-word; line-height: 17px; }
.grid p { line-height: normal; margin: 5px 0px 0px; }
.grid img { display: block; border: 1px solid rgb(80, 80, 80); }
.grid a:hover img { border-color: rgb(204, 204, 204); }
.padded { padding-left: 16px; padding-right: 16px; }
#container { width: 990px; margin: -5px auto 0px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; border-width: 0px 1px; border-style: none solid; border-color: -moz-use-text-color rgb(221, 221, 221); -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; border-image: none; }
#nav { background: rgb(238, 238, 238) none repeat scroll 0% 0%; border-color: rgb(204, 204, 204); border-style: solid; border-width: 1px; margin-bottom: 15px; position: relative; overflow: visible; height: 40px; }
#nav li { position: relative; top: -1px; height: 42px; float: left; }
#nav a { color: rgb(35, 31, 32); font-size: 14px; }
#nav .subnav { display: none ! important; }
#nav > li.active > a { background: rgb(249, 77, 77) none repeat scroll 0% 0%; color: rgb(255, 255, 255); }
#nav > li:hover { background: transparent none repeat scroll 0% 0%; color: rgb(249, 77, 77); }
#nav > li.active:hover > a { color: rgb(255, 255, 255); }
#nav > li.last-child { float: right; background: transparent none repeat scroll 0% 0%; }
#nav > li.last-child:hover { background: transparent none repeat scroll 0% 0%; }
#nav > li > a { display: block; height: 100%; line-height: 39px; font-weight: bold; padding: 0px 13px; }
#nav > li > a:hover { color: rgb(249, 77, 77); text-decoration: none; }
#nav > li.first-child img { display: none ! important; }
#nav > li.first-child > a { background: rgb(204, 204, 204) url("home.png") no-repeat scroll 15px 12px; width: 48px; padding-left: 0px ! important; padding-right: 0px ! important; }
#nav > li.first-child:hover > a, #nav > li.first-child.active > a { background-image: url("urn:not-loaded:http://video.theloop.ca/assets/images/home_rollover.png"); }
#nav .subnav { display: none; border-radius: 0px 0px 3px 3px; position: absolute; z-index: 50; width: 500px; background: transparent url("urn:not-loaded:http://video.theloop.ca/assets/images/bg-menu.png") repeat-x scroll center top; padding: 10px; overflow: hidden; color: rgb(255, 255, 255); border: 1px solid rgb(49, 49, 49); }
#nav .subnav .subnav-nav { float: left; width: 150px; }
#nav .subnav .subnav-nav a { display: block; padding: 8px 0px 8px 4px; }
#nav .subnav .subnav-nav a:hover { text-decoration: underline; color: rgb(9, 187, 228); }
#nav .subnav .subnav-panels { border-left: 1px solid rgb(63, 62, 61); padding-left: 15px; float: left; width: 330px; }
#nav .subnav .subnav-panel { display: none; }
#nav .subnav .subnav-panel > p { text-transform: uppercase; font-weight: bold; margin-top: 0px; font-size: 11px; }
#nav .subnav .subnav-grid { color: rgb(255, 255, 255); }
#nav .subnav .subnav-grid .thumb { float: left; margin-right: 8px; }
#nav .subnav .subnav-grid p { margin-top: 0px; }
#nav .subnav .subnav-grid a:hover { text-decoration: underline; }
#nav form { position: relative; top: 7px; padding-right: 7px; }
#nav form input { float: left; height: 26px; }
#nav form input.text { border-radius: 4px 0px 0px 4px; box-shadow: 0px 1px 2px 0px rgb(205, 205, 205) inset; border-width: 1px 0px 1px 1px; border-style: solid none solid solid; border-color: rgb(194, 194, 194) -moz-use-text-color rgb(214, 214, 214) rgb(214, 214, 214); -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; border-image: none; padding: 6px 5px; width: 254px; height: 12px; }
#nav li.first-child { position: relative; }
#nav li.first-child img { position: relative; display: block; }
#nav > li.first-child.active > a, #nav > li.first-child > a:hover { background-image: url("urn:not-loaded:http://video.theloop.ca/assets/images/home_rollover.png") ! important; background-color: rgb(249, 77, 77) ! important; }
#body { background: rgb(255, 255, 255) none repeat scroll 0% 0%; padding-bottom: 16px; }
#main { position: relative; margin-bottom: 16px; }
#main.full-width { margin-bottom: 0px; padding: 16px 16px 10px; }
#player-container { width: 640px; float: left; color: rgb(102, 102, 102); line-height: 1.5; }
#player-container p { margin-top: 0px; margin-bottom: 15px; }
#player-container .meta .spacer { padding: 0px 10px; color: rgb(204, 204, 204); }
#player-container .meta .rating { -moz-box-orient: vertical; display: inline-block; vertical-align: middle; position: relative; top: -5px; }
#player-container .meta .rating {  }
#video-meta { min-height: 54px; }
#player-container .meta .share { font-size: 12px; width: 200px; float: left; clear: left; margin-top: -18px; padding-left: 238px; }
.addthis_toolbox { display: block; float: left; width: 108px; position: relative; margin-top: -20px; padding-left: 330px; }
.source-logo { float: right; position: relative; top: -5px; width: 200px; }
#player-tabs { width: 300px; height: 360px; float: right; }
#player-tabs > ul { border-radius: 3px; position: relative; overflow: hidden; }
#player-tabs > ul li { float: left; height: 31px; line-height: 31px; }
#player-tabs > ul li.first-child { width: 139px; }
#player-tabs > ul li.first-child a { border-radius: 3px 0px 0px 3px; position: relative; border-left: 0px none; }
#player-tabs > ul li.last-child { width: 86px; }
#player-tabs > ul li.middle-child { width: 75px; }
#player-tabs > ul li.last-child a { border-radius: 0px 3px 3px 0px; position: relative; border-right: 0px none; display: block; text-align: center; }
#player-tabs > ul a { background: rgb(238, 238, 238) none repeat scroll 0% 0%; position: relative; font-weight: normal; color: rgb(102, 102, 102); font-size: 12px; height: 50px; display: block; padding: 0px 13px; border-right: 1px solid rgb(255, 255, 255); border-left: 1px solid rgb(255, 255, 255); }
#player-tabs > ul li.selected a, #player-tabs > ul a:hover { background: rgb(238, 238, 238) none repeat scroll 0% 0% ! important; text-decoration: none; border-left: 1px solid rgb(255, 255, 255); color: rgb(249, 77, 77); }
#player-tabs > ul li.selected a { font-weight: bold; }
#player-tabs .panel { display: none; }
#player-tabs .panel .carousel-pagination { text-align: center; }
#related-links { float: right; min-height: 76px; }
#related-links a { font-size: 12px; }
#related-links ul { padding-top: 15px; }
#related-links li { margin-bottom: 8px; }
#sidebar-left { width: 100px; float: left; border-top: 1px solid rgb(204, 204, 204); }
#sidebar-left ul { display: none; }
#sidebar-left li { border-bottom: 1px solid rgb(204, 204, 204); }
#sidebar-left li.no-submenu > a { background-image: none ! important; }
#sidebar-left li.active > a { background-image: url("urn:not-loaded:http://video.theloop.ca/assets/images/caret-down.png"); color: rgb(249, 77, 77); font-weight: bold; padding-bottom: 5px; }
#sidebar-left li a { text-decoration: none; line-height: 15px; color: rgb(102, 102, 102); display: block; padding: 10px 10px 10px 0px; background: transparent url("caret-right.png") no-repeat scroll right center; }
#sidebar-left li a:hover { color: rgb(249, 77, 77); }
#sidebar-left > li > a:hover { background-image: url("urn:not-loaded:http://video.theloop.ca/assets/images/caret-right-hover.png"); }
#sidebar-left > li.active > a { color: rgb(249, 77, 77); font-weight: bold; background-image: url("urn:not-loaded:http://video.theloop.ca/assets/images/caret-down.png"); }
#sidebar-right { float: right; width: 300px; }
#sidebar-right .bar { margin: 0px 0px 10px; }
#content { float: left; width: 524px; margin: 0px 17px; position: relative; }
#content .grid { margin-bottom: 4px; }
#content .grid li { width: 118px; height: 140px; }
#preload { position: absolute; top: -5000px; left: -5000px; overflow: hidden; width: 1px; height: 1px; opacity: 0; }
.meta-item { display: block ! important; float: left; padding-top: 8px; position: relative ! important; clear: none ! important; }
.rating { top: -4px ! important; }
#rating-active { position: relative; z-index: 1; }
.spacer { top: 7px ! important; }
.share, .add_this { padding-left: 0px ! important; margin-top: 0px ! important; width: auto ! important; }
div#commentsDiv { width: 290px ! important; height: 308px ! important; overflow: auto ! important; padding-right: 10px ! important; }
.video-item.featured .videoIcon::before { content: ""; width: 0px; height: 0px; border-top: 22px solid transparent; border-bottom: 22px solid transparent; border-left: 36px solid rgb(255, 255, 255); display: block; margin: 15px 0px 0px 25px; z-index: 1; position: relative; transform: scale(0.9999); }
.video-item.featured .videoIcon::after { content: ""; width: 0px; height: 0px; border-top: 16px solid transparent; border-bottom: 16px solid transparent; border-left: 28px solid rgb(86, 216, 185); display: block; z-index: 2; position: absolute; top: 21px; left: 28px; transform: scale(0.9999); }
.video-item .videoIcon::before { content: ""; width: 0px; height: 0px; border-top: 11px solid transparent; border-bottom: 11px solid transparent; border-left: 18px solid rgb(255, 255, 255); display: block; margin: 11px 0px 0px 16px; z-index: 1; position: relative; transform: scale(0.9999); }
.video-item .videoIcon::after { content: ""; width: 0px; height: 0px; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-left: 13px solid rgb(86, 216, 185); display: block; z-index: 2; position: absolute; top: 15px; left: 18px; transform: scale(0.9999); }