/* This css stylesheet includes all other stylesheets */

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

/* Resetting some styles */

html {
	color:#000;
	background:#fff;
	font-family: Arial, Helvetica, Geneva, sans-serif;
	font-size: 12px;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{
	margin:0;
	padding:0;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

fieldset,img{
	border:0;
	margin: 0;
}

a {
	outline: none;
}

address,caption,cite,code,dfn,th,var {
	font-style:normal;
	font-weight:normal;
}

li {
	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;
	font-variant:normal;
}
	
sup {
	vertical-align:text-top;
}
	
sub {
	vertical-align:text-bottom;
}
	
input,textarea,select {
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;
	outline-style:none;
	outline-width:0px;
	font-size:100%;
}

legend {
	color:#000;
}

del,ins {
	text-decoration:none;
}

.right {
	float: right !important;
}

.left {
	float: left !important;
}

.clear {
	clear: both;
	height: 0px;
	visibility: hidden;
}

/* Sizing, positioning */

.mainBody {
	width: 960px;
	margin:10px auto;
}


/* Grid */

.thinColumn { 
	width: 310px;
	padding-left: 10px;
	float: left;
   
}

.wideColumn { 
	width: 640px;
	float: left;
}

.lastColumn {
	clear: right;
	float: right;
	width: 300px;
}

.lineSeparatorColumns .thinColumn {
	border-right: 1px solid #ccc;
	width: 309px;
}

.lineSeparatorColumns .lastColumn {
	border-right: 0 !important;
}

/* End of grid */


/* tabBox */

.tabBox ul.tabSelect li {
	display: inline;
}

.tabBox ul.tabSelect li a {
	display: block;
	float: left;
}

/* End of tabBox */

/* IE6 Warning */

div#ie6warning {
    background: #FEE193;
    border-bottom: 1px solid #F6C723;
    text-align: center;
}

div#ie6warning p {padding: 3px 0; margin: 0}

/* End of IE6 Warning */
/* end of import: layout */
/* sabretooth: server-side import: design */

/* sprite.png - used for menu bar items, tabs, icons, form buttons, pager, and search box */
.menu ul li a, .menu ul li a strong, .menu .search, .menu .search .searchgo, .bgcolor, .tooltip, #addedtofav, .unfavwrap .words, .tabBox ul.tabSelect li a, .tabBox ul.tabSelect li a span, .tabBox ul.tabSelect li.active a, .tabBox ul.tabSelect li.active a span, .pager a, .pager a span, .pager strong, .pager strong span, .next, .prev, .fmButton, .fmButtonSm, .edit, .subscribe, .unsubscribe, .sidebarlist h2 span, .openclose h2 span, .icon, .filmmini {
	background-image: url(/static/vidcom/images/sprite.png);
	background-repeat: no-repeat;
}

/* corners.png - used for the menu bar background, tab contents background, and the top and bottom of the various boxes */
.menu, .top, .bottom, .tabContents, div.featureBox div.avatarRight .avatar, div.featureBox div.avatarRight span.top, div.featureBox div.avatarRight span.bottom, div.featureBox div.avatarLeft .comment, div.featureBox div.avatarLeft .avatar, div.featureBox div.avatarLeft span.top, div.featureBox div.avatarLeft span.bottom, div.mediaDetail div.avatarRight .avatar, div.mediaDetail div.avatarRight .avatar, div.mediaDetail div.avatarRight span.top, div.mediaDetail div.avatarRight span.bottom, div.mediaDetail div.avatarLeft .avatar, div.mediaDetail div.avatarLeft span.top, div.mediaDetail div.avatarLeft span.bottom {
	background-image: url(/static/vidcom/images/corners.png);
	background-repeat: no-repeat;
}

/* backgrounds.png - used for backgrounds that must be tiled vertically */
.inside, .featureBox .content {
	background-image: url(/static/vidcom/images/backgrounds.png);
	background-repeat: repeat-y;
}

body, html {
	background-color: #fff;
	position: relative;
}

h1 {
	font-size:18px;
	font-weight: bold;
	color:#333;
	margin: 0px 0px 5px 0px;
}

h2 {
	font-size:16px;
	font-weight: bold;
	color:#333;
	margin: 0px 0px 10px 0px;
}

h4 {
	font-size:14px;
	font-weight: bold;
	color:#333;
}

.ul {
	list-style: disc;
	padding: 10px 0px 0px 20px;
	margin: 0px 0px 30px 0px;
	width:200px;
}

.ul li {
	list-style: disc;
	margin:0px 0px 0.5em 0px;
}

a {
	color:#333;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

.avatar img, img.avatar {
	padding:1px;
	border:1px solid #ccc;
	background-color: #fff;
}

.errorText {
	color: #cc0000;
	text-align: center;
	margin:10px 30px;
}

div.break {
	border-bottom: 1px solid #ccc;
	margin: 0px 0px 15px 0px;
}

div.break h2, div.break a, div.break .sort {
	padding: 0px 5px 0px 0px;
	position: relative;
	top: 10px;
	background-color: #fff;
	display: inline;
	margin: 0px;
	text-decoration: none;
}

div.break h2 a {
	padding: 0px;
	position: static;
	top: 0px
	background-color: #fff;
	display: inline;
	margin: 0px;
	text-decoration: none;	
}

h2 a:hover {
	color: #3a6d8f;
	text-decoration: none;	
}

.nofloat {
	float: none !important;
}

div.break a.more {
	float:right;
	font-size:12px;
	font-weight:normal;
	line-height:20px;
	background-color:#fff;
	padding:0px 5px;
}

div.break .sort {
	margin: 0px 10px 0px 0px;
	display: inline;
	float:right;
	font-size: 11px;
	padding: 0px 10px 0px 0px;
}

.sort select {
	border: 1px solid #ccc;
	font-weight: normal;
}

.sort span {
	margin: 0px 0px 0px 14px;
}

.tabContents div.break {
	margin-bottom: 22px;
}

.tabContents div.break .sort {
	background-color: #e9e9e9;
}

/** HEADER **/

/*
.header {
  padding: 0px 0px 10px 0px;
  color: #333;
  font-size: 11px;
}

.header a {
  color: #333;
  font-weight: bold;
  text-decoration: none;
}

.header a:hover {
  text-decoration:underline;
}

.header .logo {
  float: left;
}

.header .loginStatus { 

  float: right;
  margin: 32px 0px 0px 0px;
}

.header .loginStatus img {
  float: left;
}

.header .loginStatus span {
	line-height: 18px;
	margin-left: 5px;
}

.avatarBlock .avatar {
  float: left;
}
*/

.header {
  /*
  background-image: url('http://assets.dev.filemobile.com/51/videocommunity/header_bg.png');
  */
  height: 145px;
  padding: 0px;
  padding-top: 0px;
  padding-bottom: 5px;
  color: black;
  font-size: 11px;
}

.header a {
  color: black;
  font-weight: bold;
  text-decoration: none;
}

.header a:hover {
  text-decoration:underline;
}

.header .logo, .header .secondaryLogo {
  float: left;
}

.header .secondaryLogo {
  margin-left: 140px;
  margin-top: 9px;
}

.header .loginStatus { 
  float: right;
  width: 200px;
  padding: 15px;
  padding-right: 0px;
  text-align: right;
}

.header .loginStatus img {
  float: right;
  padding-left: 10px;
}

.avatarBlock .avatar {
  padding-right: 5px;
  float: left;
}

.menu {
	background-position: top left;
	height: auto;
	margin:0 0 10px;
	padding:4px 0px;
}

.menu ul li {
	display:block;
	float:left;
	margin: 0px 0px 0px 10px;
	font-size:12px;
}

.menu ul li a, .menu ul li a strong {
	font-weight: normal;
	background: url(http://assets.dev.filemobile.com/96/sprite.png) transparent 0px 0px no-repeat;
}

.menu ul li a {
	display:block;
	background-position: 0px 0px;
	height:22px;
	padding-left:10px;
	color: #fff;
	text-decoration: none;
}

.menu ul li a strong {
	display:block;
	background-position: right 0px;
	height:22px;
	padding: 0px 10px 0px 0px;
	line-height:22px;
}

.menu ul li.active a, .menu ul li a:hover {
	color: #fff;
	background-position: 0px -42px;
}

.menu ul li.active a strong, .menu ul li a:hover strong {
	background-position: right -42px;
}

.menu .search {
	float: right;
	padding-right: 10px;
	border: none;
	background-position: 0px -480px;
	height: 22px;
}

.menu .search input {
	border:4px solid transparent;
	border-right:0px solid transparent;
	background-color: transparent;
	padding: 0px 0px 1px 10px;
	float: left;
	width: 172px;
	color: #333;
}

.menu .search .searchgo {
	background-position: -186px -480px;
	height: 22px;
	width: 34px;
	padding: 0px;
	border: none;
}

.navigation {
  height: 30px;
  word-spacing: 10px;
  /*
  background-image: url(http://assets.dev.filemobile.com/51/videocommunity/box.png);
  background-position: 0px -10px;
  */
  background-image: url(http://assets.filemobile.com/102/planetyou/images/navBG.jpg);
  background-repeat: repeat-x;
  color: #082642;
  margin-bottom: 10px;
  position: relative;
}

.navLinks {
  width: 380px;
  margin: 0px auto;
}

.navigation ul {
  /*
  float: left;
  padding-left: 20px;
  */
  display: table;
  margin: 0px auto;
  font-weight: bold;
  text-align: center;
}

.navigation li {
  list-style: none;
  display: inline;
  float: left;
  /*
  padding-left: 5px;
  margin-top: 5px;
  margin-right: 30px;
  */
  /*
  background: url(http://assets.dev.filemobile.com/51/videocommunity/menusprites_left.png);
  background-repeat: no-repeat;
  background-position: 0px -20px;
  */
  font-size: 12px;
  margin-top: 7px;  
}

.navigation .navSeparator {
  margin-left: 13px;
  margin-right: 13px;
  display: inline;
}

.navigation li a {
  word-spacing: normal;
  height: 15px;
  display: inline;
  /*
  padding: 3px 10px 2px 5px;
  background-image: url(http://assets.dev.filemobile.com/51/videocommunity/menusprites_right.png);
  background-position: right -20px;
  color: #333;
  */
  color: #082642;
  text-decoration: none;
}

.navigation li:hover {
  /*
  background-position: 0px 0px;
  */
  color: #FFF;
}

.navigation li a:hover {
  /*
  background-position: right 0px;
  */
  color: #FFF;
}


.navigation .search {
  position: absolute;
  top: 0px;
  right: 0px;
  float: right;
  /* width: 241px; */
  padding-top: 4px;
  padding-right: 12px;
}

.navigation .search input {
  /*
  background-color: transparent;
  border: 0;
  background-image: url(http://assets.dev.filemobile.com/51/videocommunity/search_bg.png);
  width: 201px;
  height: 17px;
  padding: 4px 30px 3px 10px;
  background-repeat: no-repeat
  */
  float: left;
  width: 128px;
  height: 17px;
  border: 1px solid #b1b1b1;
  margin-right: 5px;
}

.navigation .search #submitButton {
  width: 59px;
  height: 19px;
  margin-right: 0px;
}

/** END OF HEDER **/

 

.thumbBox {
	float: left;
	width: 134px;
	overflow: hidden;
	padding: 0px 6px;
	font-size: 11px;
	color: #333;
	height: 140px;
	margin: 0px 0px 10px 0px;
	position: relative;
}

.thumbBox a {
	color: inherit;
	text-decoration: none;
	font-weight: bold;
}

.thumbBox a:hover {
	text-decoration: underline;
}

.thumbBox .metadata {
	margin: 2px 0px 0px 0px;
}

.thumbBox .thumbImg {
	width:130px;
	height: 74px;
	padding: 1px;
	border: 1px solid #ccc;
	overflow: hidden;
	display: block;
}

.thumbBox .thumbImg:hover {
	border: 1px solid #3a6d8f;
}

.thumbBox a img {
	width:130px;
	margin: 0px;
}

.thumbBox .videoinfo img {
	vertical-align: -5%;
	margin:2px 0px 0px 0px;
}

.thumbBox a.thumbTitle {
	max-height:2.2em;
	line-height: 1.1em;
	font-size: 12px;
	color: #333;
	font-weight: bold;
	display: block;
	white-space: normal;
	padding: 2px 0px 2px 0px;
	overflow:hidden;
} 

.thumbBox .videoinfo {
	color:#FFFFFF;
	margin:0 2px;
	padding:0 2px;
	position:absolute;
	text-align:right;
	top:63px;
	width:126px;
}

.bgcolor, .tooltip, #addedtofav, .unfavwrap .words {
	background-position: 0px -238px;
}

.bgcolor {
	padding: 0px 1px 0px 2px;
}

.thumbBox a:hover {
	color: #3a6d8f;
	text-decoration: none;
}

.homeRow .thumbBox {
	padding-bottom: 0px !important;
}

.homeRow .thumbBox a.thumbTitle {
	height: auto;
}

.homeRow h2 {
	margin: 0px 0px 5px 0px;
}

/** TAB BOX **/

 

.tabBox ul {
	z-index:100;
	position: relative;
}

.tabBox ul li {
	display:block;
	float:left;
	margin:0 2px 0 0;
}

.tabBox ul.tabSelect li a {
	padding: 8px 0 5px 15px;
	background-position: 0px -149px;
	color: #757575;
	text-decoration: none;
	border-bottom: 1px solid #cccccc;
}

.tabBox ul.tabSelect li a span {
	padding: 8px 15px 5px 0;
	background-position: right -149px;
}

.tabBox ul.tabSelect li.active a {
	padding: 8px 0 6px 15px;
	background-position: 0px -84px;
	color: #333333;
	border-bottom: none;
}

.tabBox ul.tabSelect li.active a span {
	padding: 8px 15px 6px 0;
	background-position: right -84px;
}

.tabBox div.tabContents {
	padding: 5px 10px;
	clear: left;
	background-position: right top;
	background-repeat: no-repeat;
	position: relative;
	top: -1px;
	min-height: 180px;
}

.tabBox .thumbBox {
	

}

/** FOOTER **/

#footer ul.Horizontal {list-style:none;margin:0;padding:0;overflow:hidden;}
#footer ul.Horizontal li {float:left;}
#footer .VDivider {display:inline-block;background-color:#1a405a;width:1px;height:20px;}
#footer {position:relative;display:block;margin:15px auto 50px auto;clear:both;color:#284559;width:916px;height:264px;background:transparent url(http://www.discoverychannel.ca/images/sprite.png) 0 -372px no-repeat;padding:35px 35px 0 35px;overflow:hidden;}
#footer h2 {font-weight:bold;font-size:16px;line-height:16px;color:#fff;text-transform:uppercase;margin:0 0 3px 0;padding-bottom:9px;/*border-bottom:1px solid #284559;*/}
#footer a, #footer a:visited {font-size:13px;color:#b3bcc2;}
#footer a:hover {color:#fff;text-decoration:none;}
#footer .Nav {display:block;overflow:hidden;margin-bottom:37px;}
#footer .Nav ul li span {margin:0 7px;}
#footer ul.Small, #footer ul.Small a {font-size:11px;}
#footer ul.Horizontal {height:16px;margin-bottom:12px;}
#footer ul.Small {height:33px;line-height:18px;}
#footer .Copyright {text-align:center;}
#footer .FooterNote {position:absolute;bottom:38px;right:35px;font-size:11px;color:#fff;}
#footer .SmallPrint {color:#fff;font-size:11px;display:inline-block;}
#footer-logo {display:inline-block;width:94px;height:21px;background:transparent url(http://www.discoverychannel.ca/images/sprite.png) 0 -94px no-repeat;margin-bottom:-6px;}
#footer-corporate-logo {display:inline-block;width:113px;height:16px;background:transparent url(http://www.discoverychannel.ca/images/sprite.png) -94px -94px no-repeat;margin:0 0 -5px 14px;}
#footer div .VDivider, #footer nav .VDivider, #footer .Nav ul li span.VDivider {margin-left:30px;margin-right:30px;margin-bottom:-5px;}

/** END OF FOOTER **/

 

/* homepage */

.lineSeparatorColumns {
	width:590px;
	float:left;
}

.lineSeparatorColumns h2 {
	margin: 0px 0px 15px 0px;
}

.homeother {
	width:320px;
	float:right;
}

/* end of homepage */

 

/** PAGER **/

.pager {
	height: 30px;
	margin: 5px 0px 0px 4px;
}

.pager a, .pager span.separator, .pager strong {
	display: block;
	height: 24px;
	float: left;
	padding: 0px 0px 0px 5px;
	text-decoration: none;
	color: #666;
	width: auto

}

.pager a, .pager strong {
	background-position: left -565px;
	color: #FFFFFF;
	display: block;
	height: 24px;
	padding-left: 10px;
	text-decoration: none;
	margin: 0px 2px;
}

.pager a span, .pager strong span {
	background-position: right -565px;
	color: #333333;
	display: block;
	height: 24px;
	line-height: 24px;
	padding: 0px 9px 0px 0px;
}

.pager a.next span {
	background-position:right -521px;
	padding-right: 15px;
}

.pager a.prev {
	background-position:left -521px;
	padding-left: 15px;	
}

.pager span.separator {
	margin-right:3px;
	line-height: 30px;
}

.pager a:hover {
	color: #000;
	background-position: left -653px;
}

.pager a:hover span {
	background-position: right -653px;
}

.pager a.next:hover span {
	color: #000;
	background-position: right -609px;
}

.pager a.prev:hover {
	background-position:left -609px;
	padding-left: 15px;	
}

.pager a.prev:hover span {
	background-position: right -653px;
}

/** END OF PAGER **/


/* ajax pager */

.ajaxpager {
	float:right;
	position:relative;
	top:-21px;
	height:auto;
	margin-bottom:-20px;
	overflow:visible;
	background:#fff;
	padding:0px 4px;
}

.ajaxpager a {
	cursor: pointer;
}

.ajaxpager .prev {
	width:9px;
	height:0px;
	padding: 11px 4px 0px 4px;
	overflow: hidden;
	display: block;
	float:left;
	background-position: -270px -338px;
	margin:0px 16px 0px 0px;
}

.ajaxpager .next {
	width:9px;
	height:0px;
	padding: 11px 4px 0px 4px;
	overflow: hidden;
	display: block;
	float:left;
	background-position: -299px -338px;	
}

.ajaxpager .prev:hover {
	background-position: -328px -338px;	
}

.ajaxpager .next:hover {
	background-position: -357px -338px;	
}

.loading {
	width:20px;
	height:16px;
	position:absolute;
	top:-24px;
	left:548px;
	text-align: center
}

.largeloader {
	width: 100%;
	text-align: center;
	padding: 30px 0px 0px 0px;
}

/* end of ajax pager */
 

/* channels */

ul.channels {
	width: 180px;
	margin: 6px 0px 0px 0px;
}

ul.channels a {
	color:#333;
	text-decoration: none;
	display: block;
	padding:5px;
	border-bottom: 1px solid #ccc;
}

ul.channels a:hover {
	background-color: #3a6d8f;
	color: #fff;
	border-bottom: 1px solid #3a6d8f;
}

ul.channels li.active a {
	color: #3a6d8f;
	font-weight: bold;
}

ul.channels li.active a:hover {
	color: #fff;
}

/* end of channels */

 

/** Highlighted (grayish-)box **/

 

.highlightBox {
	margin:10px 0px;
	position: relative;
}

.highlightBox .details {
	background: #e8e8e8; 
	border: 1px solid #cccccc; 
	border-width: 0px 1px; 
	padding: 5px 10px 5px 15px;
}

/* resetting these styles again for sub-divs */

 

.highlightBox div div {
	background: none;
	height: auto;
	border: 0;
	padding: 0;
}

.highlightBox .bottom {
	background-position: 0px -195px;
	height: 5px;
	border: none;
}

.highlightBox .top {
	clear: both;
	background-position: 0px -150px;
	height: 5px;
	border: none;
}

/** FORMS **/

.top, .bottom {
	height:5px;
}

.inside {
	background-repeat: repeat-y;
}

.box300 .top, .sidebarlist .top, .userinfo .top {
	width: 300px;
	background-position: 0px -240px;
}

.box300 .inside, .sidebarlist .inside, .userinfo .inside {
	background-position: -1680px 0px;
}

.box300 .bottom, .sidebarlist .bottom, .userinfo .bottom {
	width: 300px;
	background-position: 0px -285px;
}

.box640 .top {
	width: 640px;
	background-position: 0px -150px;
}

.box640 .inside {
	background-position: -1000px 0px;
}

.box640 .bottom {
	width: 640px;
	background-position: 0px -195px;
}

.box300.alt .top {
	background-position: 0px -420px;
}

.box300.alt .inside {
	background-position: -2700px 0px;
}

.box300.alt .bottom {
	background-position: 0px -465px;
}

.box640.alt .top {
	background-position: 0px -330px;
}

.box640.alt .inside {
	background-position: -2020px 0px;
}

.box640.alt .bottom {
	background-position: 0px -375px;
}

.formBox {
    padding: 10px;
}

.formBox .register {
    border-left: 1px solid #ccc;  	
}

.formBox.grey .register {
    border-left: 1px solid #ccc;  	
}

input.fmTextInput, .formBox input.fmCaptcha {
	width: 180px;
	padding: 3px;
	border: 1px solid #999;
	margin: 0px 0px 5px 0px;
}

.formBox input.fmCaptcha {
	width: 140px;
}

.formBox tr th {
	text-align: right;
	font-size:12px;
	color: #333;
	font-weight: bold;
	vertical-align: top;
	padding: 6px 6px 0px 0px;
	width: 120px;
}

.formBox tr th label {
	padding: 4px 0px 0px 0px;
}

.formBox textarea.fmTextArea {
	width: 250px;
	border: 1px solid #999;
	height: 5em;
	line-height: 1.25em;
	padding: 2px;
}

.formBox textarea.largeComment {
	width:490px;
}

.formBox h2 {
	margin:2px 0px 10px 2px;
}

.formBox .register {
	float:left !important;
	margin:0 0 0 20px;
	width:350px;
}

.formBox tr td span img {
	border:1px solid #999;
	padding: 3px;
	display: block;
	margin: 0px 0px 5px 0px;
}

.fmButton {
	width:140px;
	height: 30px;
	text-align: center;
	color: #fff;
	font-weight: bold;
	background-position: 0px -388px;
	border: none;
	text-shadow: 0px -1px 0px #666;
}

.fmButton:hover {
	background-position: -160px -388px;
	cursor: pointer;
}

.fmButtonSm {
	width:90px;
	height: 23px;
	text-align: center;
	color: #fff;
	font-weight: bold;
	background-position: 0px -438px;
	border: none;
	text-shadow: 0px -1px 0px #666;
	position:relative;
	top:1px;
}

.fmButtonSm:hover {
	background-position: -110px -438px;
	cursor: pointer;
}

/** END OF FORMS **/

 
.featureBox {
	/*margin-bottom:20px;*/
}

.featureBox .promo {
        float:left;
}

.featureBox .content {
	max-height:400px;
	min-height:100px;
	padding: 5px 0px !important;
	background-position: 0px 0px;
	background-repeat: repeat-y;
        height:318px;
}

.featureBox .content .left {
	float: left;
	width: 340px;
	padding:0px 10px 0px;
}

.featureBox .content .middle {
	float: left;
	width: 300px;
	padding: 0px 5px 5px;
}

.featureBox .content .middle p {
	max-height: 116px;
	overflow: hidden;
}

.featureBox .content .right {
	float: right;
	width: 280px;
	padding: 0px 10px 5px 0px;
}

.featureBox .top {
	clear: both;
	border: none !important;
	height: 5px;
	margin: 0;
	background-position: left -60px;
}

.featureBox .bottom {
	clear: both;
	border: none !important;
	height: 5px;
	margin: 0;
	background-position: left -105px;
}

/* MEDIADETAIL */

.mediaContainer {
	width: auto;
	text-align: center;
	margin:0px 0px 10px 0px;
}

.mediaContainer .inside {
	padding:5px 0px;
}

.mediaMeta {
	width: 640px;
}

.mediaMeta ul {
	width: 140px;
	list-style-type: none;
	float: left;
}

ul.sharelizer li {
	display: inline;
}

.commentsMeta {
	clear: left;
}
 
 

/** Star rating **/

 
/** Profiles stuff **/

 

.userProfileInfo {
	float: left;
	overflow:hidden;
	white-space:nowrap;
	width:182px;
}

ul.userProfileInfo li {
	display: block;
	font-size: 12px;
	margin: 0px 0px 3px 0px;
}

.userspageleft {
	float:left;
	width:300px;
	margin:10px 0px 0px 0px;
}

.userspageright {
	float:right;
	width:640px;
}

.userspageleft .userinfo h2 {
	font-size:18px;
	margin:0px 0px 10px 0px;
	display:block;
	float:left;
}

/* tag cloud */

 

.tagCloud {
	width: 180px;
}

.tagCloud a {
	color: #333;
	text-decoration: none;
	padding: 0px 0.15em;
}

.tagCloud a:hover {
	background-color: #3a6d8f;
	color: #fff !important;
}

/* media details */

 

.tooltip {
	height: auto;
	overflow: visible;
	position: absolute;
	color: #fff;
	display: inline;
	padding: 2px 4px;
	font-size:11px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	float: left;
	margin-top: -12px;
	text-align: center;
	z-index: 10000;
}

.gotcomment {
	color: #406875;
	margin: 0px 0px 20px 0px;
}

.gotcomment .inside {
	padding:0px 10px;
}

.comments {
	padding: 10px 0px 30px 0px;
}

.comments .pager {
	margin: 0px;
}

.comments h2 {
	margin-bottom: 25px;
}

.mediaDetails h3 {
	font-size:14px;
	font-weight: bold;
	color: #333;
	margin: 20px 0px 10px 0px;
}

.userinfo {
	margin: 0px 0px 10px 0px;
	position: relative;
}

.userinfo .inside {
	padding: 4px 7px;
}

.avatarBlock {
	margin:10px 0px 10px 0px;
}

.avatarBlock a:hover .avatar {
	border: 1px solid #3a6d8f;	

}

.avatarBlock .avatar {
	margin: 0px 5px 0px 0px;
}

.avatarBlock .uploaddate {
	font-size:11px;
	color: #999;
}

.avatarBlock .uploaddate strong {
	font-weight: bold;
	color: #666;
}

.avatarBlock .uploadname {
	font-size:16px;
	font-weight: bold;
	color: #333;
	text-decoration: none;
}

.avatarBlock .uploadname:hover {
	color: #3a6d8f;
}

p.description {
	font-size:12px;
	line-height: 1.3em;
	color: #333;
	margin:0px 0px 6px 0px;
}

.details h2 {
	font-size: 16px;
	font-weight: bold;
	color: #333;
	margin: 0px 15px 6px 0px;
	padding: 0px 0px 6px 0px;
	float:left;
	width: 130px;
	line-height: 22px;
	text-align: left;
}

.details h3 {
	font-size:14px;
	font-weight: bold;
	color: #333;
	padding: 6px 0px 0px 0px;
	border-top: 1px solid #ccc;
}

.details h3 a {
	color:#333;
	text-decoration: none;
}

.details h3 a:hover {
	text-decoration: underline;
}

.details span.title {
	color: #82a4b2;
}

.sidebarlist {
	margin: 5px 0px 10px 0px;
}

.sidebarlist .thumbBox {
	width: 290px;
	height: auto;
}

.sidebarlist .thumbBox .thumbImg {
	float: left !important;
	margin: 0px 5px 0px 0px;
}

.sidebarlist .thumbBox .details {
	float: left !important;
	width:140px;
}

.sidebarlist h2 span, .openclose h2 span {
	display: block;
	float: left;
	width: 14px;
	height: 14px;
	background-position: 0px -214px;
	margin: 2px 5px 0px 0px;
}

.sidebarlist h2.active span, .openclose h2.active span {
	background-position: -34px -214px;
}

.sidebarlist h2 {
	border-left: 1px solid #ccc;
	background-color: #e8e8e8;
	border-right: 1px solid #ccc;
	cursor: pointer;
	padding: 5px 5px 4px 7px;
	margin: 0px;
}

.sidebarlist .inside {
	padding: 5px 0px 0px 0px;
}

.icon {
	height: 22px;
	width: 22px;
	display: block;
	float: left;
	margin: 0px 5px 0px 0px;
	border: none;
}

.icon:hover {
	cursor: pointer;
}

form input.icon {
	float: none;
}

.icon.ratingmeter {
	background-position: 0px -296px;
	width: 54px;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	line-height: 23px;
	cursor: default !important;
	margin: 0px 5px 0px 20px;
}

.icon.thumbsup {
	background-position: -74px -296px;	

}

.icon.thumbsdown {
	background-position: -116px -296px;	

}

.icon.fav {
	background-position: -158px -296px;
	margin: 0px 46px 0px 40px;
}

.icon.facebook {
	background-position: -200px -296px;	

}

.icon.digg {
	background-position: -242px -296px;	

}

.icon.delicious {
	background-position: -284px -296px;	

}

.icon.twitter {
	background-position: -326px -296px;
	margin: 0px;
}

.icon.mini {
	width:16px;
	height:16px;
}

.icon.mini.facebookmini {
	background-position: -162px -338px;	

}

.icon.mini.twittermini {
	background-position: -198px -338px;	

}

.icon.mini.vhostmini {
	background-position: -234px -338px;	

}

.icon.mini.thumbsupmini {
	background-position: -54px -338px;
	margin: 0px;
}

.icon.mini.ilikecomment {
	background-position: -415px -338px;
	margin: 0px;
	width: 34px;
}

.icon.mini.thumbsdownmini {
	background-position: -90px -338px;	
	margin: 0px 0px 0px 2px;
}

.icon.mini.ratingmetermini {
	background-position: 0px -338px;
	width: 34px;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	line-height: 16px;
	margin:0px 0px 2px 0px;
	float:none;
	cursor: default !important;
}

.icon.mini.unfavmini {
	background-position: -126px -338px;	
}

.filmmini {
	background-position: -386px -338px;
	position: relative;
	top:2px;
	padding: 0px 11px 9px 0px;
}

.icon.disabled {
	opacity:0.6;
	cursor:auto;
}
 

 

/* uploader */

 

.infoText {
	font-size: 0.8em;
}

.formBox table {
	margin: 0px 0px 0px 10px;
}

.formBox table tr td {
	padding: 3px;
}

/* activity feed */

 

.feeditem {
	margin:0px 0px 20px 0px;;
}

.feeditem .avatar {
	height:48px;
	width: 38px;
	float:left;
	margin:0px 8px 0px 0px;
}

.feeditem .avatar div {
	left:22px;
	position:relative;
	top:-15px;
}

.feeditem .title {
	font-size:14px;
	font-weight: bold;
}

.feeditem .facebook .title {
	color: #4b73b1;
}

.feeditem .twitter .title {
	color: #49c4cc;
}

.feeditem .vhost .title {
	color: #000;
}

.feeditem .text {
	font-size: 12px;
	color: #333;
	float:left;
	width: 274px;
}

.feeditem .text a {
	color: inherit;
	font-weight: bold;
	text-decoration: none;
}

.feeditem .text a:hover {
	text-decoration: underline;
}

.feeditem .time {
	color: #999;
	font-size: 11px;
	margin:5px 0px 0px 0px;
}

/* friend */

 

.friend {
	float:left; 
	width:71px;
	text-align:center;
	margin: 5px 0px;
	overflow: hidden;
	white-space: nowrap;
}

.friend a {
	text-decoration: none;
	color: #333;
	font-size: 10px;
	display: block;
}

.friend a:hover {
	text-decoration: underline;
}

#map {
	border:1px solid #ccc;		
}

#map .mapicon {
	background-color:#fff;
	border:1px solid #999;
	padding: 1px;
}

#map .mediainfo a {
	color:#333;
	font-weight: bold;
	text-decoration: none;
}

#map .mediainfo a:hover {
	text-decoration: underline;
}

#map .mapmarker .title {
	float:left;
	margin: 0px 0px 5px 0px;
}

#map .mapmarker a {
	font-size:18px;
	font-weight:bold;
}

#map .mapmarker a:hover {
	text-decoration: none;
	color: #3a6d8f;
}

#map .mapmarker .right {
	font-size:10px;
	line-height:26px;
	text-align:right;
	width:80px;
	float:left;
}

#map .mapmarker ul {
	line-height: 1.4em;
}

#map .mapuser {
	height: 125px; width: 195px;
}

#map .mapuser a {
	overflow: hidden;
	font-size:14px;
	font-weight:bold;
}

#map .mapuser .avatar.left {
	margin:0px 5px 0px 0px;
}

#addedtofav {
	color:#FFFFFF;
	left:-64px;
	margin-bottom:-20px;
	position:relative;
	text-align:center;
	top:26px;
	vertical-align:bottom;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	width:150px;
	display: block;
	padding: 3px 0px;
}

.unfavwrap {
	color:#FFFFFF;
	margin:0 2px;
	padding:0 2px 2px 2px;
	position:absolute;
	text-align:left;
	top:58px;
	width: 20px;
	cursor: pointer;
}

.unfavwrap:hover {
	width:126px;
}

.unfavwrap .words {
	display: none;
	padding: 0px 3px;
	height:16px;
	line-height: 16px;
}

.unfavmini:hover .words {
	position: absolute;
	left:22px;
	display: inline;
}

.searchpage .thumbBox {
	width:600px;
	height:auto;
	padding-bottom:16px;
}

.searchpage .thumbBox .thumbImg {
	float: left;
	margin: 0px 8px 0px 0px;
	height: 73px !important;
}

.searchpage .thumbBox .thumbTitle {
	font-size:14px;
}

.searchpage .thumbBox p {
	font-size:12px;
	line-height: 1.2em;
	height:2.3em;
	margin:8px 0px;
	overflow-y: hidden;
	white-space:

}

.searchpage .thumbBox .metadata {
	float:none;
}

.searchpage .thumbBox .metadata span {
	margin:0px 15px 0px 0px;
}

.searchpage .sort span {
	background-color: #fff;
}

.searchpage .thumbBox .thumbBox .details {
	width:458px;
}

.searchpage .thumbBox .thumbTitle {
	display: inline;
}

.edit, .subscribe, .unsubscribe {
	height:22px;
	width:90px;
	display: block;
	float: right;
	line-height:21px;
	text-align:center;
	font-weight:bold;
	border:none;
}

.edit {
	background-position: 0px -438px;
	color:#fff;	
}

.edit:hover {
	background-position: -110px -438px;
	text-decoration: none;
}

.subscribe {
	background-position: -220px -438px;
	color:#653911;
}

.subscribe:hover {
	background-position: -330px -438px;
	text-decoration: none;
}

.unsubscribe {
	background-position: -240px -480px;
	color:#5988ab;	
}

.unsubscribe:hover {
	background-position: -350px -480px;
	text-decoration: none;
}

.searchpage .break .avatar img{
	postion:relative;
	margin-top:-10px;
	margin-bottom:-4px;
}

.nomediaresults {
	height: 40px;
}

.mediaDetail.comments {
	padding-top: 0px;
}


/** COMMENTS **/

/** comments in featureBox on Home **/

div.featureBox div.mediaComment {
	width: 250px;
	margin-bottom: 10px;
	position: relative
}

div.featureBox div.mediaComment .comment p {
	max-height: 5em;
	line-height: 15px;
	overflow: hidden;
}

div.featureBox div.mediaComment .comment .commentbody {
	margin: 0;
	padding: 5px 10px 3px 10px;
	border: 1px solid #e6d7c0;
	border-width:0 1px;
	background: #ece7cf;
	color: black;
}

div.featureBox div.mediaComment .comment em {
	font-size: 11px;
	color: #a48d66;
}

div.featureBox div.avatarRight {
	float: right;
}

div.featureBox div.avatarRight .comment {
	width: 200px;
	float: left;
}

div.featureBox div.avatarRight .avatar {
	background-position: -237px -780px;
	float:right;
	height:16px;
	margin-left:-1px;
	margin-top:10px;
	position:relative;
	width:51px;
}

div.featureBox div.avatarRight .avatar img {
	width: 32px;
	height: 32px;
	position: absolute;
	top: -11px;
	right: 0px;
	padding:1px;
	border:1px solid #ccc;
	background-color: #fff;
}

div.featureBox div.avatarRight span.hr {
	display: block;
	height: 5px;
	width: 100%;
}
div.featureBox div.avatarRight span.top {
	background-position: left -690px;
}
div.featureBox div.avatarRight span.bottom {
	background-position: left -735px;
}

div.featureBox div.avatarLeft .comment {
	width: 200px;
	clear: both;
	float: right;
	background-position: right 0;
}
div.featureBox div.avatarLeft .avatar {
	background-position: 12px -27px;
	float:right;
	height:16px;
	margin-right:-1px;
	margin-top:12px;
	position:relative;
	width:51px;
}

div.featureBox div.avatarLeft .avatar img {
	width: 32px;
	height: 32px;
	position: absolute;
	top: -10px;
	left: 0px;
	padding:1px;
	border:1px solid #ccc;
}

div.featureBox div.avatarLeft span.hr {
	display: block;
	height: 5px;
	width: 100%;
	clear:both;
}

div.featureBox div.avatarLeft span.top {
	background-position: left -16px;
}

div.featureBox div.avatarLeft span.bottom {
	background-position: left -22px;
}

/** comments on mediaDetails **/

div.mediaDetail div.mediaComment {
	width: 640px;
	margin-bottom: 16px;
	position:relative;
}

div.mediaDetail div.mediaComment div.rating {
	float:left;
	margin:0px 0px 0px 10px;
}

div.mediaDetail div.mediaComment .comment .commentbody {
	margin: 0;
	padding: 5px 10px 3px 10px;
	border: 1px solid #e6d7c0;
	border-width:0 1px;
	background: #f7f2df;
	color: #000;
}

div.mediaDetail div.mediaComment .comment em {
	font-size: 11px;
	color: #826c47;
}

div.mediaComment .comment a, div.mediaComment .comment span {
	color: #826c47;
}

div.mediaDetail div.avatarRight .comment {
	width: 534px;
	float: right;

}

div.mediaDetail div.avatarRight .avatar {
	background-position: -4px -780px;
	float:right;
	height:15px;
	margin: 12px 0px 0px -1px;
	position:relative;
	width:51px;
}

div.mediaDetail div.avatarRight .avatar img {
	width: 32px;
	height: 32px;
	position: absolute;
	top: -10px;
	right: 0px;
	border:1px solid #ccc;
	background-color: #fff;
	padding:1px;
}

div.mediaDetail div.avatarRight span.hr {
	display: block;
	height: 4px;
	width: 100%;
	clear:both;
}

div.mediaDetail div.avatarRight span.top {
	background-position: left -600px;
}

div.mediaDetail div.avatarRight span.bottom {
	background-position: left -646px;
}

div.mediaDetail div.avatarLeft .comment {
	width: 534px;
	float: left;
}

div.mediaDetail div.avatarLeft .avatar {
	background-position: -78px -780px;
	float:left;
	height:15px;
	margin: 12px -1px 0px 0px;
	position:relative;
	width:51px;
}
div.mediaDetail div.avatarLeft .avatar img {
	width: 32px;
	height: 32px;
	position: absolute;
	top: -10px;
	left: 0px;
	border:1px solid #ccc;
	background-color: #fff;
	padding:1px;
}

div.mediaDetail div.avatarLeft span.hr {
	display: block;
	height: 4px;
	width: 100%;
}

div.mediaDetail div.avatarLeft span.top {
	background-position: left -600px;
}

div.mediaDetail div.avatarLeft span.bottom {
	background-position: left -646px;
}

div.mediaDetail p {
	margin: 0px 0px 5px 0px;
}

div.noresults {
	height:150px;
	line-height:20px;
}


/* IE7 */

*:first-child+html .tabBox ul { top: 5px; margin-top:-5px; }
*:first-child+html .tooltip { margin-bottom:-10px; }

/* Custome Planet You */

#filmsnacks09 { background-color:#eeeeee; }
*:first-child+html .fmButtonSm { top: -5px; }
/* end of import: design */
/* sabretooth: server-side import: pagespecific */

.featureBox {
  padding-top: 5px;
  background: transparent url(http://assets.dev.filemobile.com/51/videocommunity/box.png) left top no-repeat;
  margin-bottom:20px;
}

.featureBox .content {
  height: 315px;
  background: transparent url(http://assets.dev.filemobile.com/51/videocommunity/box.png) right top repeat-y;
}

.featureBox .content .left {
  float: left;
  width: 330px;
  padding: 5px;
  height: 245px;
}

.featureBox .content .middle {
  float: left;
  width: 275px;
  padding: 5px;
  height: 245px;
}

.featureBox .content .middle h2 {
  padding-bottom: 10px;
}

.featureBox .content .middle p {
  max-height: 116px;
  overflow: hidden;
}

.featureBox .content .right {
  float: left;
  width: 305px;
  padding: 5px;
  height: 245px;
}

.featureBox hr {
  clear: both;
  border: 0;
  height: 5px;
  margin: 0;
  background: transparent url(http://assets.dev.filemobile.com/51/videocommunity/box.png) left -3px no-repeat;
}

.commentsSlider {
    width: 960px;
    height: 90px;
    background: transparent url(http://assets.filemobile.com/102/planetyou/images/py_commentsSliderBg.jpg) top left no-repeat;
    margin-bottom: 20px;
}

/* MEDIADETAIL */

.mediaContainer {width: 640px; background: black; text-align: center;}
.mediaMeta {height: 50px; width: 640px; margin-bottom: 5px;}
.mediaMeta ul { width: 140px; list-style-type: none; float: left; padding-top: 2px}
.mediaMeta ul ul {padding-top: 0}
.mediaMeta ul { font-size: 9px }
.mediaMeta ul li { padding-bottom: 1px}
.mediaMeta ul li ul li { padding-bottom: 0}

ul.sharelizer li {display: inline;}

.commentsMeta {clear: left;}
/* end of import: pagespecific */
/* sabretooth: server-side import: comments */

/** COMMENTS **/

/** comments in featureBox on Home **/

div.featureBox div.mediaComment {width: 250px; margin-bottom: 10px; position:relative}
div.featureBox div.mediaComment .comment p {max-height: 60px; overflow: hidden}
div.featureBox div.mediaComment .comment .commentbody {margin: 0; padding: 5px 10px 3px 10px; border: 1px solid #d7c6aa; border-width:0 1px; background: #ece7cf; color: black}
div.featureBox div.mediaComment .comment em {font-size: 80%; color: #a48d66}

div.featureBox div.avatarRight {float: right}
div.featureBox div.avatarRight .comment { width: 200px; clear: both; float: left; background: /*transparent url(http://assets.dev.filemobile.com/51/videocommunity/balloon.png) repeat-y scroll right 0; */}
div.featureBox div.avatarRight .avatar { background:red url(http://assets.dev.filemobile.com/51/videocommunity/balloon.png) no-repeat scroll -2px -27px; float:left; height:16px; margin-left:-1px; margin-top:5px; position:relative; width:50px;}
div.featureBox div.avatarRight .avatar img {width: 32px; height: 32px; position: absolute; top: -10px; right: 0px;}
div.featureBox div.avatarRight span.hr {display: block; height: 5px; width: 100%; clear:both; float:left;}
div.featureBox div.avatarRight span.top    {background: transparent url(http://assets.dev.filemobile.com/51/videocommunity/balloon.png) no-repeat scroll left -16px}
div.featureBox div.avatarRight span.bottom {background: transparent url(http://assets.dev.filemobile.com/51/videocommunity/balloon.png) no-repeat scroll left -22px}

div.featureBox div.avatarLeft .comment { width: 200px; clear: both; float: right; background: transparent url(http://assets.dev.filemobile.com/51/videocommunity/balloon.png) repeat-y scroll right 0; }
div.featureBox div.avatarLeft .avatar { background:red url(http://assets.dev.filemobile.com/51/videocommunity/balloon.png) no-repeat scroll 12px -27px; float:right; height:16px; margin-right:-1px; margin-top:12px; position:relative; width:51px;}
div.featureBox div.avatarLeft .avatar img {width: 32px; height: 32px; position: absolute; top: -10px; left: 0px;}
div.featureBox div.avatarLeft span.hr {display: block; height: 5px; width: 100%; clear:both; float:right;}
div.featureBox div.avatarLeft span.top    {background: transparent url(http://assets.dev.filemobile.com/51/videocommunity/balloon.png) no-repeat scroll left -16px}
div.featureBox div.avatarLeft span.bottom {background: transparent url(http://assets.dev.filemobile.com/51/videocommunity/balloon.png) no-repeat scroll left -22px}

/** comments on mediaDetails **/

div.mediaDetail div.mediaComment {width: 584px; margin-bottom: 10px; position:relative}
div.mediaDetail div.mediaComment .comment .commentbody {margin: 0; padding: 5px 10px 3px 10px; border: 1px solid #d7c6aa; border-width:0 1px; background: #f7f2df; color: black}
div.mediaDetail div.mediaComment .comment em {font-size: 80%; color: #a48d66}

div.mediaDetail div.avatarRight .comment { width: 534px; clear: both; float: left;}
div.mediaDetail div.avatarRight .avatar { background:red url(http://assets.dev.filemobile.com/51/videocommunity/balloon.png) no-repeat scroll -201px -17px; float:left; height:16px; margin-left:-1px; margin-top:5px; position:relative; width:50px;}
div.mediaDetail div.avatarRight .avatar img {width: 32px; height: 32px; position: absolute; top: -10px; right: 0px;}
div.mediaDetail div.avatarRight span.hr {display: block; height: 4px; width: 100%; clear:both; float:left;}
div.mediaDetail div.avatarRight span.top    {background: transparent url(http://assets.dev.filemobile.com/51/videocommunity/balloon.png) no-repeat scroll left -8px}
div.mediaDetail div.avatarRight span.bottom {background: transparent url(http://assets.dev.filemobile.com/51/videocommunity/balloon.png) no-repeat scroll left -12px}

div.mediaDetail div.avatarLeft .comment { width: 534px; float: right; background: transparent url(http://assets.dev.filemobile.com/51/videocommunity/balloon.png) repeat-y scroll right 0; }
div.mediaDetail div.avatarLeft .avatar { background:red url(http://assets.dev.filemobile.com/51/videocommunity/balloon.png) no-repeat scroll -182px -17px; float:left; height:15px; margin-right:-1px; margin-top:12px; position:relative; width:51px;}
div.mediaDetail div.avatarLeft .avatar img {width: 32px; height: 32px; position: absolute; top: -10px; left: 0px;}
div.mediaDetail div.avatarLeft span.hr {display: block; height: 4px; width: 100%; clear:both; float:right;}
div.mediaDetail div.avatarLeft span.top    {background: transparent url(http://assets.dev.filemobile.com/51/videocommunity/balloon.png) no-repeat scroll left -8px}
div.mediaDetail div.avatarLeft span.bottom {background: transparent url(http://assets.dev.filemobile.com/51/videocommunity/balloon.png) no-repeat scroll left -12px}

/* end of import: comments */