/* This css stylesheet includes all other stylesheets */

/* sabretooth: server-side import: reset */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}

body {
	font-family:Arial, sans-serif;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

fieldset,img { 
	border:0;
}

address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}

ol,ul {
	list-style:none;
}

caption,th {
	text-align:left;
}

h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}

q:before,q:after {
	content:'';
}

abbr,acronym {
	border:0;
}

a, input {
	outline: none;
}

/* end of import: reset */
/* sabretooth: server-side import: base */

/* sprites */
ul.displays li, #playlist .icon, #gallery .icon, #playlist .addtoicon, #gallery ul li.selected a, #gallery ul li a:hover, #light, #s_facebook, #s_digg, #s_delicious, #s_twitter, #s_email, .thumbcorner, #like, #likebtn, .fmButtonSend {
background: transparent url(/static/broadband/images/sprite.png) top left no-repeat;
}

.top, .bottom, div.title {
	background: transparent url(/static/broadband/images/corners.png) 0px 0px no-repeat;
}

.inside, .container {
	background: transparent url(/static/broadband/images/backgrounds.png) 0px 0px repeat-y;		
}



/* generic */

html,body {
	font-size:12px;
	font-family: "Helvetica Neue", "Helvetica", Arial, sans-serif;
	background: #eee url(/static/broadband/images/body_bg.gif) top center no-repeat;
}

html {
	margin:0px !important;
	padding: 0px !important;
}

strong {
	font-weight: bold;
}

.left {
	float:left !important;
}

.right {
	float:right !important;
}

.clear {
	clear:both;
	visibility:hidden;
	height:0px;
}

a {
	border:none;
}

.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}





/* thumbnails */

.list .media .action:hover .tooltip, .detailed .media .action:hover .tooltip {
	position:absolute;
	margin: -14px 0px 0px 22px;
	background-color: rgba(0,0,0,0.6);
	color:#fff;
	padding:1px 4px;
	display:block;
	font-size:10px;
}

.media .action .icon {
	width:14px;
	height:14px;
	background-color:#333;
	display:block;
}

.media .action.hide .icon {
	display:none;
}

.media {
	background: transparent url(/static/broadband/images/media.gif) top left repeat-x;
}

.list .media {
	background-position:0px 0px;
}

.detailed .media {
	background-position:0px -30px;
}

.tile .media {
	background-position:0px -90px;
}

.media .action .tooltip {
	display:none;
}

/* list view */

#playlist .list .media {
	border-bottom:1px solid #ccc;
}

#playlist #scrollbar_playlist {
	border-right:1px solid #ccc;
}

#playlist .list .media:first-child {
	border-top:0px;
}

.list .media {
	height:21px !important;
	background-color:#eee;
	padding: 4px 26px 4px 43px;
	border-bottom:1px solid #ccc;
	margin: 0px;
	position: relative;
}

.list .media img {
	right: 37px;
	float:left;
	position: relative;
	width:37px !important;
	height:21px !important;
}

.list .media .info {
	float:left;
	height:21px !important;
	margin:0 0 0 -37px;
	overflow:hidden;
	position:relative;
	width:100%;
}

.list .media a.title {
	float:left;
	font-size:12px;
	font-weight:bold;
	color:#333;
	text-decoration:none;
	line-height:1em;
	margin:5px 0px 0px 8px;
	overflow:hidden;
	display:block;
	height:14px !important;
	max-width:85%;
}

.list .media a:hover {
	color:#71a0b6;
}

.list .media .duration {
	font-size:10px;
	color:#999;
	line-height:22px;
	margin:0px -30px 0px 5px;
	float:left;
}

.list .media .category {
	display:none;
}

.list .media .action {
	float:right;
	width: 18px;
	margin:4px -26px 0px 0px;
}


/* detailed view */

.detailed .media:first-child {
	border-top: none;
}

#playlist .detailed .media:last-child {
	border-bottom: none !important;
}

.detailed .media {
	height:42px;
	background-color:#eee;
	padding: 9px;
	border-bottom:1px solid #ccc;
	margin:0px 0px 0px 0px;
	position: relative;
}

.detailed .media:first-child {
	margin:0px;	
}

.detailed .media img {
	width:73px;
	height:42px;
	float:left;
	position: relative;
}

.detailed .media .info {
	margin-left:-73px;
	float:left;
	position: relative;
	padding:2px 0px 4px 80px;
	max-width:70%;
}

.detailed .media a.title {
	float:left;
	font-size:12px;
	font-weight:bold;
	color:#333;
	text-decoration:none;
	line-height:1em;
	overflow:hidden;
	display:block;
	height:14px;
}

.detailed .media a:hover {
	color:#71a0b6;
}

.detailed .media .duration, .detailed .media .category {
	font-size:10px;
	color:#999;
	clear:left;
	display:block;
}

.detailed .media .action {
	bottom:5px;
	margin:0;
	position:absolute;
	right:1px;
	width:18px;
}


/* tile view */

.tile .media {
	background-color:#eee;
	border:1px solid #ccc;
	float:left;
	margin:10px 0 0 8px;
	padding:7px;
	position:relative;
	width:125px;
}

.tile .media img {
	width:125px;
	height:70px;
	float:left;
}

.tile .media .info {
	margin:5px 0px 0px 0px;
}

.tile .media a.title {
	float:left;
	font-size:12px;
	font-weight:bold;
	color:#333;
	text-decoration:none;
	line-height:1.3em;
	height:2.5em;
	overflow:hidden;
	margin:4px 0px 4px 0px;
	width:100%;
}

.tile .media a:hover {
	color:#71a0b6;
}

.tile .media .duration, .tile .media .category {
	font-size:10px;
	color:#999;
	float:left;
	display:block;
	padding: 0px 3px 0px 0px;
	height:1.2em;
	width: auto;
	max-width:52px;
	overflow:hidden;
}

.tile .media .category:after {
	content: " /";
}
.tile .media .duration {
	padding:0px 0px 0px 0px;
}

.tile .media .action {
	bottom:5px;
	height:16px;
	overflow:visible;
	position:absolute;
	right:5px;
	width:16px;
}

.tile .media .action .icon {
	position: absolute;
	bottom:0px;
	right:0px;
	display: block;
	float: none !important;
}

.tile .media .action .tooltip {
	bottom:0;
	float: none;
	margin:0 !important;
	position:absolute;
	right:18px;
}

#gallery .tile .content .clear {
	margin-bottom:5px;
}



/* view switcher */

ul.displays {
	float:right;
	width:119px;
	height:16px;
	overflow: hidden;
	margin:-2px 0px 0px 0px;
}

#gallery ul.displays {
	width:81px;
}

ul.displays li {
	width:25px;
	padding-top:16px;
	height:0px !important;
	overflow:hidden !important;
	float:left;
	margin:0px 0px 0px 3px;
	text-align:center;
	cursor:pointer;
	background-position: top left;
}

#g-list, #p-list  {
	background-position:-20px -104px;
	margin-left:0px;
}

#g-detailed, #p-detailed {
	background-position:-65px -104px;
}

#g-tile, #p-tile {
	background-position:-110px -104px;
}

#g-list.active, #p-list.active {
	background-position:-20px -140px;
}

#g-detailed.active, #p-detailed.active {
	background-position:-65px -140px;
}

#g-tile.active, #p-tile.active {
	background-position:-110px -140px;
	margin-right:0px;
}

ul.displays li.empty {
	background-position:-155px -104px;
	margin-right: 10px
}

ul.displays li.empty:hover {
	background-position:-155px -140px;
}




/* set backgrounds */

#gallery .top {
	background-position: 0px -80px;
	height:5px;
	width:100%;
}

#gallery .bottom {
	background-position: 0px -135px;	
	position: absolute;
	bottom:0px;
	left:0px;
	width:960px;
	height: 5px;
}

#gallery .container {
	background-position: -1058px 0px;		
}

#videoinfo .top {
	background-position: 0px -90px;
	width: 402px;
	height: 5px;	
}

#videoinfo .bottom {
	background-position: -402px -90px;
	width: 402px;
	height: 5px;
}

#videoactions .top {
	background-position: 0px 0px;
	width: 218px;
	height: 5px;
}

#videoactions .bottom {
	background-position: -218px 0px;
	width: 218px;
	height: 5px;	
}

#videoactions .inside {
	padding: 8px 10px 7px 10px;
	background-position: -442px 0px;
	height: 135px;
}

#gallery div.title {
	background-position: 0px -253px;		
}

#playlist div.title {
	background-position: 0px -180px;		
}

#playlist .top, #gallery .top {
	display: none;
}

#playlist .bottom {
	position: absolute;
	bottom:0px;
	left: 0px;
	height: 5px;
}

#playlist .container {
	background-position: -700px 0px;
}





/* box layout */

.box {
	width:318px;
	margin:0px 0px 10px 0px;
	position: relative;
}

.box.large {
	margin-top: 20px;
	width:960px !important;
}

.box .top {
	background-position: 0px -45px;
	width:318px;
	height: 5px;
}

.box .bottom {
	background-position: -318px -45px;
	width:318px;
	height: 5px;
}

.box .inside, .box .container {
	background-position: -700px 0px;
	width:100%;	
}

div.title {
	padding:10px 10px 7px 10px;
	line-height:1em;
	height: 16px;
}

div.title.empty {
	padding: 4px 0px 0px 0px !important;
	height: 0px;
}

#playlist {
	margin-bottom: 0px;
}


h2 {
	font-size:14px;
	font-weight:bold;
	float:left;
}





/* sidebar */

#nowplaying, #nowplayingGallery {
	color:#666;
	font-weight: normal;
}

.tile #nowplayingGallery {
	display:block;
	width:100%;
}





/* playlist specific */

#playlist .media .action.hide .icon {
	display:block;
}

#playlist .icon {
	background-position: -51px -176px;
	cursor:pointer;
}

#playlist .list .media, #playlist .detailed .media {
	border-left:0px !important;
	border-right:0px !important;
}

#playlist  .tile .media {
	margin: 5px 0px 5px 8px;
}

#playlist, #login, #livestream {
	float:none !important;
}

#playlist .media:hover .action {
	display:block;
}

#noplaylist {
	width:280px;
	text-align:center;
	margin:0px auto;
	height: 25px;
	padding: 6px 0px 0px;
	position: relative;
	margin-top: -1.3em;
	bottom:-50%;
}

#noplaylist img {
	position: relative;
	top:2px;
}

#playlist .addtoicon {
	width:12px;
	height:12px;
	display:block;
}





/* gallery specific */

#gallery .icon, #playlist .addtoicon {
	background-position: -20px -176px;	
	cursor:pointer;
}
/*
#gallery ul li:nth-child(even) {
	background-color: #e9f1f7;
}
*/
#gallery.box.large {
	clear:both;
	margin-bottom: 20px;
}

#gallery .loading {
	height:20px;
	position:relative;
	top:140px;
	text-align:center;
	font-size:11px;
}

#gallery ul li.selected div {
	display: block;
	font-size: 11px;
	line-height: 1.2em;
	padding: 2px 5px 4px 6px;
	color:#fff;
	background-color: #5195c4;
}

#gallery ul li.selected a {
	color:#fff;
	background-position: -20px -243px;	
}

#gallery ul li a {
	display: block;
	color:#333;
	text-decoration: none;
	padding: 6px 5px;
	margin: 0px;
}

#gallery ul li a:hover {
	color:#fff;
	background-position: -20px -243px;	
}




/* scrollbars */

#scrollbar_container {   
	position: relative; 
    width:100%; 
} 
 
#scrollbar_track, #scrollbar_track_playlist, #scrollbar_track_categories, #scrollbar_track_seasons, #scrollbar_track_episodes {  
    position:absolute;  
    top:0;  
    right:0px;  
    height:100%;  
    width:4px;
    margin: 6px 0px;  
    background-color:transparent;  
    cursor:pointer;  
}

#scrollbar_track_desc {
    height:100%;  
    width:4px;
    margin: 2px 0px 0px 0px;  
    background-color:transparent;  
    cursor:pointer; 
    position: absolute;
    top: 0px;
    right: 0px; 
}

#scrollbar_track {
	margin:3px 0px 0px 0px !important;
}

#scrollbar_track_playlist {
	top:30px;
	z-index: 800;
	margin-right: 1px;
}

#scrollbar_track_categories {
	position: absolute;
	left:20%;
	margin-left:-4px;
	top:30px;
}

#scrollbar_track_seasons {
	position: absolute;
	left:40%;
	margin-left:-4px;
	top:30px;
}

#scrollbar_track_episodes {
	position: absolute;
	left:60%;
	margin-left:-5px;
	top:30px;
}
 
#scrollbar_handle {  
    width:4px;  
    background-color: #8b8b8b;  
    cursor:move;  
    opacity:0.9;
    right: 3px;
    margin: 0px;
} 
 
#scrollbar_content, #scrollbar_categories, #scrollbar_seasons, #scrollbar_episodes {  
    overflow:hidden;  
   	margin:0px 10px 0px 0px;
	height:300px !important;
	border-right: 1px solid #ccc;
} 

#scrollbar_desc {
    overflow:hidden;  
   	margin:0px 14px 0px 0px;
	height:90px !important;
    position: relative;
	font-size:11px;
	line-height: 1.4em;
	color: #333;
}

#scrollbar_content {
	border-left:1px solid #ccc;
}

#scrollbar_playlist {
	margin: 0px 11px 0px 0px;
}

#scrollbar_container.wide {
	width:80%;
}

.handtop {
	position: relative;
	top:0px;
	height: 4px;
	background: transparent url(/static/broadband/images/handles.png) top left no-repeat;
}

.handbottom {
	position: relative;
	top:-4px;
	margin: 0px 0px 0px 0px;
	height: 100%;
	background: transparent url(/static/broadband/images/handles.png) bottom right no-repeat;
}




/* video player and info */

#video {
	width: 630px;
	float:left;
	margin:0px 10px 0px 0px;
}

#videoplayer div {
	width: 630px;
	height: 355px;
	background-color: #000;
	color:#fff;
	position: absolute;
}

#videoplayer div img {
	width:100%;
	height:100%;
}

.rightside {
	float:right;
}
	
#videoplayer {
	width: 630px;
	height: 355px;
	z-index: 901 !important;
	position: relative;
	margin: 0px 0px 10px 0px;
}

#videoinfo {
	width: 402px;
	height: 150px;
	margin: 0px;
	float:left;
	background-color: #fff;
}

#videoinfo .inside {
	padding: 12px 6px 12px 12px;
	position: relative;
}

/* Wrap the boxes with a new div and this class f you want some simple shadows for Firefox, Safari and Chrome */
.shadow {
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-box-shadow: 0px 2px 6px #ccc;
	-webkit-box-shadow: 0px 2px 6px #ccc;
}

#videoactions {
	width: 218px;	
	float:right;
	background-color: #fff;
}

#videoactions h6 {
	font-size: 9px;
	font-weight: bold;
	color: #666;
	text-transform: uppercase;
	margin:0px 0px 4px 0px;
}

input {
	border:1px solid #CCCCCC;
	color:#333333;
	display:block;
	font-size:11px;
	padding:3px;
	width:190px;
}

#videotitle {
	font-size: 14px;
	font-weight: bold;
	color: #333;
	margin: 0px;
}

#videocat {
	font-size: 10px;
	color: #666;
	margin:0px 0px 8px;
}





/* remaining styles */

.leader {
	margin:0px auto 0px !important;
	padding: 20px 0px 0px 0px;
	width:982px;
	position: relative;	
	height:106px;
}

.wrapper {
	margin:10px auto 20px !important;
	width:960px;
	padding: 10px;
	position:relative;
	background-color: #fff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border:1px solid #ccc;
}

.container.list {
	min-height: 0px;	
}

.container .content {
	overflow:hidden;
}






#bigbox_ad .container {
	padding: 4px 7px 2px 9px;
	height: 253px;
}

.adtext {
	font-size:7px;
	color:#999;
	position: absolute;
	right:9px;
	top:0px;
	text-transform: uppercase;
}

#leader_id {
	width:744px;
	float:right;
	position:relative;
}

#leader_id .top {
	background-position: 0px -326px;
	height: 5px;
	width: 100%;
}

#leader_id .container {
	background-position: -2100px 0px;
	width: 100%;
	background-color: #fff;
	text-align: center;
	padding: 2px 0px;
	height: 90px;
}

#leader_id .bottom {
	background-position: 0px -371px;
	height: 6px;
	width: 100%;
}

#logo {
	float:left;
}

#light {
	display: block;
	width: 16px;
	height: 16px;
	background-position: -20px -207px;
	position: absolute;
	top:5px;
	right:5px;
	z-index: 902;		
}

#light.toggle {
	background-position: -56px -207px;
}

.container {
	padding: 0px 1px;
}



#categories, #seasons, #episodes {
	width:19.9%;
	float:left;
	margin: 0px 0px 0px;
}

#seasons, #episodes {
	border-left:1px solid #ccc;
}

#categories ul li, #seasons ul li, #episodes ul li {
	cursor: pointer;
}

ul li div {
	display: none;
}

#scrollbar_container {
	float:left;
	width: 40%;
}

ul.share {
	margin:0px 0px 12px 0px;
}

ul.share li a {
	padding: 0px !important;
	display: block;
	width: 22px;
	height: 22px;
}

ul.share li a:hover {
	background-color: transparent;
}

ul.share li {
	float: left;
	margin:0px 5px 0px 0px;
}

#s_facebook, #s_digg, #s_delicious, #s_twitter, #s_email {
	background-position: -20px -20px;	
}

#s_facebook {
	background-position: -20px -20px;	
}

#s_facebook:hover {
	background-position: -20px -62px;
}

#s_digg {
	background-position: -62px -20px;	
}

#s_digg:hover {
	background-position: -62px -62px;	
}

#s_delicious {
	background-position: -104px -20px;	
}

#s_delicious:hover {
	background-position: -104px -62px;
}

#s_twitter {
	background-position: -146px -20px;	
}

#s_twitter:hover {
	background-position: -146px -62px;	
}

#s_email {
	background-position: -188px -20px;	
}

#s_email:hover {
	background-position: -188px -62px;	
}

.thumbcorner {
	background-position: -20px -364px;
	position: relative;
	display: block;
}

.list .thumbcorner {
	background-position: -258px -364px;
	width: 37px;
	height: 21px;
	left:-37px;
}

.detailed .thumbcorner {
	background-position: -165px -364px;
	width: 73px;
	height: 42px;
}

.tile .thumbcorner {
	background-position: -20px -364px;
	width: 125px;
	height: 70px;
}

.detailed .thumbimg {
	position: relative;
}

.detailed .media .info {
	float:left;
	margin-left:0px;
	max-width:70%;
	padding:2px 0 4px 8px;
}

.like {
	margin:0px 0px 12px 0px;
}

#like {
	width:54px;
	height:22px;
	background-position: -230px -20px;
	float:left;
	margin: 0px 5px 0px 0px;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	line-height: 22px;
}

#likebtn {
	width:22px;
	height:22px;
	background-position: -304px -20px;
	float:left;	
}

#likebtn:hover {
	background-position: -304px -62px;	
}

#footer {
	padding: 0px 5px 0px 5px;
	font-size: 11px;
	clear:both;
}

#footer ul {
	margin:3px 0px 0px 0px;
}

#footer ul li {
	display:inline;
}

#footer ul li a {
	color:#333;
	text-decoration: none;
	margin: 0px 10px 0px 0px;
}

#footer ul li a:hover {
	text-decoration: underline;
}

#footer a img {
	margin: 0px 0px 0px 10px;
}

#fbLivestream .inside .loading {
	padding:4px 0px 0px 9px;
	height:323px;
	background: url(/static/broadband/images/loading_facebook.gif) center center no-repeat;
}

.description {
	height: 96px;
	position: relative;
	margin-bottom: -10px;
}


/* email to a friend */

#emailform {
	padding:10px;
	background-color: #fff;
}

#emailform h5{
	font-size: 16px;
	letter-spacing: -1px;
	margin: 5px 0px 15px;
	padding: 0px;
	color: #333;
	font-weight: bold;
}

#emailform tr th, #emailform tr td {
	vertical-align: top;
	padding: 8px 0px;
}

#emailform input {
	margin:0px 0px 5px 0px;
	border: 1px solid #999;
	font-family: inherit;
}

#emailform label {
	color: #000;
	float:left;
	font-size:11px;
	width: 80px;
	margin-top: 10px;
}

#emailform textarea {
	width: 190px;
	height:8em;
	border: 1px solid #999;
	color:#333;
	font-family: inherit;
	font-size:11px;
	padding:3px;
}

.fmButtonSend {
	background-position: -20px -290px;
	width:90px;
	height:22px;
	border: none;
	float: right;
	color: #fff !important;
	font-weight: bold;
	cursor: pointer;
}

.fmButtonSend:hover {
	background-position: -20px -332px;	
}

.errorText {
	color:#CC0000;
	font-size:11px;
	font-weight:normal;
	line-height:14px;
	padding:4px 0;
	text-align:center;
}

.thanksforemail div {
	position: relative;
	top:170px;
	text-align: center;
	line-height: 1.4em;
}



/* IE 7 */
/*  *:first-child+html {}  */

*:first-child+html .thumbcorner {
	display:none;
}

*:first-child+html #scrollbar_content {
	background-color: #fff;
	overflow: hidden;
}

*:first-child+html .thumbcorner {
	display:none;
}

*:first-child+html #scrollbar_content {
	background-color: #fff;
	overflow: hidden;
}

*:first-child+html #gallery .bottom {
	bottom: -20px;
}

 *:first-child+html #playlist .bottom {
 	bottom: 0px !important;
}

*:first-child+html #videoactions .top {
	background: transparent url(/static/broadband/images/corners.png) no-repeat scroll 0 0;
	height: 5px !important;
}

*:first-child+html #videoinfo .top {
	background: transparent url(/static/broadband/images/corners.png) no-repeat scroll 0 -90px;
	height: 5px !important;
}

*:first-child+html .box .top {
	background: transparent url(/static/broadband/images/corners.png) no-repeat scroll 0px -45px;
	height: 5px !important;
}

*:first-child+html .list .media .action {
	margin-right: 0px;
}

*:first-child+html #scrollbar_track, *:first-child+html #scrollbar_track_playlist, *:first-child+html #scrollbar_track_seasons, *:first-child+html #scrollbar_track_categories, *:first-child+html #scrollbar_track_episodes {
	display:none;
} 

*:first-child+html #scrollbar_seasons, *:first-child+html #scrollbar_categories, *:first-child+html #scrollbar_episodes {
	overflow-y: auto;
	overflow-x: hidden;
	margin: 0px !important;
	border-right: none !important;
}

*:first-child+html #scrollbar_content, *:first-child+html #scrollbar_playlist {
	margin: 0px !important;
	border-right: none !important;	
}

*:first-child+html #scrollbar_container, *:first-child+html #scrollbar_playlist {
	overflow-y: auto;
	overflow-x: hidden;
}

*:first-child+html #gallery .tile .media {
	margin: 10px 8px 0px 0px;
}

*:first-child+html #gallery .bottom {
	bottom:0px !important;
}



/* IE 6 */

* html .thumbcorner { display:none; }
* html #scrollbar_content {	background-color: #fff;	overflow: hidden; }
* html #scrollbar_container { overflow-x: hidden !important; }
* html .tile #scrollbar_content { padding-left: 6px; }
* html #scrollbar_playlist { width:316px !important; overflow-x: hidden; }
* html #playlist { overflow: hidden !important;	height: auto !important; }
* html #playlist_container { width:316px !important; overflow-x: hidden !important;	overflow-y: auto !important; hasLayout: 1; }
* html #gallery .bottom { bottom: -15px; }
* html #playlist .bottom { bottom: -5px; }
* html #videoactions .top { background: transparent url(/static/broadband/images/corners.png) no-repeat scroll 0 0; height: 5px !important; }
* html #videoinfo .top { background: transparent url(/static/broadband/images/corners.png) no-repeat scroll 0 -90px; height: 5px !important; }
* html .box .top { background: transparent url(/static/broadband/images/corners.png) no-repeat scroll 0px -45px; height: 5px !important; }
* html .large { margin-top: 0px !important; }
* html .list .media a.title { width:80% !important; }
* html #playlist .list .media { width:80% !important; }
* html .list .media .action { margin-right: 0px; float: right !important; position: relative; }
* html .list .media .duration { float: right !important; margin-right:25px; }
* html #scrollbar_track, * html #scrollbar_track_playlist, * html #scrollbar_track_seasons, * html #scrollbar_track_categories, * html #scrollbar_track_episodes { display:none; }
* html #playlist { overflow: hidden; }
* html #scrollbar_seasons, * html #scrollbar_categories, * html #scrollbar_episodes { overflow: auto; margin: 0px !important; border-right: none !important; }
* html #scrollbar_content, * html #scrollbar_playlist { margin: 0px !important; border-right: none !important; }
* html #scrollbar_container { overflow: auto; }
* html #gallery .tile .media { margin: 10px 7px 0px 0px; }
* html #playlist ul.displays { width:122px; }
* html .title h2 { line-height: 1.2em; margin-top: -3px; }
* html #videoactions .inside { height: 136px; }
* html #gallery.box.large { margin-top: 0px; }
* html .top { overflow: hidden !important; }
* html #bigbox_ad { width:302px !important; }
* html .adtext { top:-4px; }
* html #videoactions .inside { height:131px !important; }
* html #scrollbar_playlist .duration { display: none !important; }
* html #scrollbar_playlist .info { width:65% !important; }
* html #light { display: none !important; }
* html #emailform { line-height: 1.2em !important; }

/* Webkit */

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .description { margin-bottom: -7px; }
}
/* end of import: base */
/* sabretooth: server-side import: lightwindow */

#lightwindow_overlay { display: none; visibility: hidden; position: absolute; top: 0; left: 0; width: 100%; height: 100px; z-index: 998; }

#lightwindow { display: none; visibility: hidden; position: absolute; z-index: 999; line-height: 0px; }

#lightwindow_container { display: none; visibility: hidden; position: absolute; padding: 0 0 0 0; margin: 0 0 0 0; }

/* IE6 needs this or it messes with our positioning */
* html #lightwindow_container { overflow: hidden; }

#lightwindow_contents { overflow: hidden; z-index: 0; position: relative; border: 10px solid #ffffff; background-color: #ffffff; }		

#lightwindow_loading { height: 100%; width: 100%; top: 0px; left: 0px; z-index: 9999; position: absolute; background-color: #fff; padding: 10px; text-align: center; }

#lightwindow_loading_shim { display: none; left: 0px; position: absolute; top: 0px; width: 100%; height: 100%; }

#lightwindow_loading span { font-size: 12px; line-height: 32px; color: #444444; float: left; padding: 0 10px 0 0; }

#lightwindow_loading span a, #lightwindow_loading span a:link, #lightwindow_loading span a:visited { color: #09F; text-decoration: none; cursor: pointer; }

#lightwindow_loading span a:hover, #lightwindow_loading span a:active { text-decoration: underline; }

#lightwindow_loading img { position: relative; top: 50%; margin: -15px 0px 0px -20px; }

#lightwindow_navigation { position: absolute; top: 0px; left: 0px; display: none; }

/* We need to shim the navigation for IE, though its more of a sub-floor */
#lightwindow_navigation_shim { display: none; left: 0px; position: absolute; top: 0px; width: 100%; height: 100%; }

#lightwindow_navigation a, #lightwindow_navigation a:link, #lightwindow_navigation a:visited, #lightwindow_navigation a:hover, #lightwindow_navigation a:active { outline: none; }

#lightwindow_previous, #lightwindow_next { width: 49%; height: 100%; background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */ display: block; }

#lightwindow_previous { float: left; left: 0px; }

#lightwindow_next { float: right; right: 0px; }

#lightwindow_previous:hover, #lightwindow_previous:active { background: url(../images/prevlabel.gif) left 15% no-repeat; }

#lightwindow_next:hover, #lightwindow_next:active { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#lightwindow_previous_title, #lightwindow_next_title { display: none; }

#lightwindow_galleries { width: 100%; position: absolute; z-index: 50; display: none; overflow: hidden; margin: 0 0 0 10px; bottom: 0px; left: 0px; }

#lightwindow_galleries_tab_container { width: 100%; height: 0px; overflow: hidden; }

a#lightwindow_galleries_tab, a:link#lightwindow_galleries_tab, a:visited#lightwindow_galleries_tab { display: block; height: 20px; width: 77px; float: right; line-height: 22px; color: #ffffff; text-decoration: none; font-weight: bold; cursor: pointer; font-size: 11px; color: #ffffbe; background: url(../images/black-70.png) repeat 0 0 transparent; }

* html a#lightwindow_galleries_tab, * html a:link#lightwindow_galleries_tab, * html a:visited#lightwindow_galleries_tab { background: none; background-color: #000000; opacity: .70; filter: alpha(opacity=70); }

a:hover#lightwindow_galleries_tab, a:active#lightwindow_galleries_tab { color: #ffffbe; }

#lightwindow_galleries_tab_span { display: block; height: 20px; width: 63px; padding: 0 7px 0 7px; }

#lightwindow_galleries_tab .up	{ background: url(../images/arrow-up.gif) no-repeat 60px 5px transparent; }

#lightwindow_galleries_tab .down { background: url(../images/arrow-down.gif) no-repeat 60px 6px transparent; }

#lightwindow_galleries_list { background: url(../images/black-70.png) repeat 0 0 transparent; overflow: hidden; height: 0px; }

* html #lightwindow_galleries_list { background: none; background-color: #000000; opacity: .70; filter: alpha(opacity=70); }

.lightwindow_galleries_list { width: 200px; float: left; margin: 0 0 10px 0; padding: 10px; }

.lightwindow_galleries_list h1 { color: #09F; text-decoration: none; font-weight: bold; cursor: pointer; padding: 10px 0 5px 0; font-size: 16px; }

.lightwindow_galleries_list li { margin: 5px 0 5px 0; list-style-type: none; }

.lightwindow_galleries_list a, .lightwindow_galleries_list a:link, .lightwindow_galleries_list a:visited { display: block; line-height: 22px; color: #ffffff; text-decoration: none; font-weight: bold; cursor: pointer; padding: 0 0 0 10px; font-size: 11px; }

.lightwindow_galleries_list a:hover, .lightwindow_galleries_list a:active { background: #000000; color: #ffffbe; border-left: 3px solid #ffffbe; padding: 0 0 0 7px; }

#lightwindow_data { position: absolute; }

#lightwindow_data_slide { position: relative; }

#lightwindow_data_slide_inner { background-color: #ffffff; padding: 0 10px 10px 10px; }

#lightwindow_data_caption { padding: 10px 0 0 0; color: #666666; line-height: 25px; background-color: #ffffff; clear: both; }

#lightwindow_data_details { background-color: #f0f0f0; padding: 0 10px 0 10px; height: 20px; }

#lightwindow_data_author_container { width: 40%; text-align: right; color: #666666; font-style: italic; font-size: 10px; line-height: 20px; float: right; overflow: hidden; }

#lightwindow_data_gallery_container { font-size: 10px; width: 40%; text-align: left; color: #666666; line-height: 20px; float: left; overflow: hidden; }

#lightwindow_title_bar { height: 25px; overflow: hidden; }

#lightwindow_title_bar_title { color: #ffffbe; font-size: 14px; line-height: 25px; text-align: left; float: left; }

a#lightwindow_title_bar_close_link, a:link#lightwindow_title_bar_close_link, a:visited#lightwindow_title_bar_close_link { float: right; text-align: right; cursor: pointer; color: #bbb; line-height: 25px; padding: 0; margin: 0; }

a:hover#lightwindow_title_bar_close_link, a:active#lightwindow_title_bar_close_link { color: #fff; }

/* themeing lightwindow */

#lightwindow p {
	color: #000000;
	padding-right: 10px;
}

#lightwindow_contents {
	-moz-border-radius:5px;
	-moz-box-shadow:0 10px 80px rgba(0, 0, 0, 0.6);
	-webkit-border-radius:5px;
	-webkit-box-shadow:0 10px 80px rgba(0, 0, 0, 0.6)
}
/* end of import: lightwindow */