@charset "UTF-8";

body {
	width: 960px;
	margin: auto;
	background: url(../images/stv-body-bg.jpg) repeat-x top #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	color: #464646;
}

a {
	color: #df5902;
	text-decoration: none;
}

a:hover {
	color: #666;
}

ul {
	list-style: none;
}

/*-------------------------------------------------------- CONTAINER */

#container {
}

/*-------------------------------------------------------- HEADER */

#stv-header {
	width: 960px;
	height: 150px;
}

#stv-header a {
	color: #2493be;
	font-size: 11px;
	font-weight: bold;
}

#stv-header a:hover {
	color: #df5902;
}

#stv-header ul {
	padding-top: 6px;
	margin-bottom: 15px;
}

#stv-header #stv-header-left {
	float: left;
}

#stv-header #stv-header-right {
	float: right;
}

#stv-header ul li {
	float: left;
}

#stv-header ul li.divider {
	margin: 0 6px;
}

#stv-header #stv-header-logo {
	display: block;
	width: 126px;
	height: 88px;
	float: left;
	clear: left;
}

#stv-header #collapsedBanner {
	float: right;
	width: 730px;
	height: 94px;
	text-align: right;
}

/*-------------------------------------------------------- NAVIGATION */

#nav {
	background: #1e1e1e;
	width: 960px;
}

#nav #nav-primary {
	background: url(../images/stv-nav-primary-bg.jpg) repeat-x top;
	height: 50px;
	font-size: 16px;
	font-weight: bold;
	padding-left: 4px;
}

#nav #nav-primary li {
	margin-top: 24px;
	float: left;
}

#nav #nav-primary li a {
	display: block;
	padding: 0 14px 0 13px;
	background: url(../images/stv-nav-primary-divider.jpg) right no-repeat;
	vertical-align: middle;
}

#nav #nav-primary li a:hover, #nav #nav-secondary li a:hover {
	color: #EEE;
}	

#nav li#nav-upload a {
	background: url(../images/stv-icon-upload.jpg) no-repeat right;		
	color: #1f93bc;
	padding-right: 23px;
}

#nav li#nav-upload a:hover {
	background: url(../images/stv-icon-upload-selected.jpg) no-repeat right;
}

#nav #nav-bottom {
	background: url(../images/stv-nav-bottom.jpg) no-repeat;
	display: block;
	height: 5px;
}

#nav #nav-secondary {
	color: #c1c0be;
	overflow: hidden;
}

#nav #nav-secondary a {	
	font-weight: bold;
	font-size: 12px;
	line-height: 20px;
}

#nav #nav-secondary ul {
	width: 166px;
	float: left;
	clear: right;
	margin: 15px 10px 15px 1px;
	padding-left: 15px;
	line-height: 15px;
}

#nav #nav-secondary ul li {
	height: 20px;
	overflow: hidden;
	padding-left: 8px;
	background: url(../images/stv-nav-bullet.jpg) no-repeat 0px 8px;
}

#nav #nav-secondary .static {
	width: auto;
	margin-right: 0px;
}

#nav #nav-secondary .static li {
	text-indent: 0px;
	background: none;
}

#nav #nav-secondary .static a {
	display: block;
	font-size: 16px;
	color: #FFF;
	background: url(../images/stv-nav-static-arrow.png) no-repeat 0px 1px;
	padding-left: 26px;
}

#nav #nav-secondary .static a:hover {
	color: #AAA;
	background: url(../images/stv-nav-static-arrow-hover.png) no-repeat 0px 1px;
}
	
#nav #nav-secondary .submenu-title {
	text-indent: 0;
	background: none;
	font-weight: bold;
	font-size: 17px;
	color: #FFF;
	list-style: none;
	margin-bottom: 8px;
	text-indent: -9px;
}

#nav #nav-secondary .nav-category {
	display: none;
}

#nav #nav-secondary .nav-float ul {
	width: 940px;
	margin: 5px 4px 0 1px;
}

#nav #nav-secondary .nav-float ul li {
	float: left;
	margin: 0 10px 0 0;
}

#content {
	margin: 20px 0 20px 0;
}

/*-------------------------------------------------------- LEFT COLUMN */

#left_column {
	width: 590px;
	background: #FFF;
	float: left;
}

#left_column .body-top, #left_column .body-bottom {
	background: url(../images/stv-body-top.jpg) no-repeat;
	display: block;
	height: 5px;
	line-height: 5px;
}

#left_column .body-bottom {
	background: url(../images/stv-body-bottom.jpg) no-repeat;
}

.paging li {
	float: left;
}

.paging li a {
	background: #FFF;
	display: block;
	width: 18px;
	height: 18px;
	font-size: 11px;
	font-weight: bold;
	border: 1px solid #df5902;
	text-align: center;
	line-height: 18px;
	margin-left: 4px;
}

.paging li a:hover {
	color: #333;
}

#videos-container {
	min-height: 856px;
	height: auto !important;
	height: 856px;
	padding: 0 15px;
}

body#show #videos-container {
	min-height: 1367px;
	height: auto !important;
	height: 1367px;
}

body#show #videos-container.no-header {
	min-height: 1714px;
	height: auto !important;
	height: 1714px;
}

body#home #videos-container {
	min-height: 945px;
	height: auto !important;
	height: 945px;
}

#videos-container h1 {
	color: #333;
	font-size: 18px;
	font-weight: bold;
	line-height: 24px;
	margin-top: 9px;
}

#videos-container #paging-top {
	float: right;
	margin-top: 4px;
}

#videos-container #paging-bottom {
	float: right;
	margin: 10px 0 24px 0;
}

#sorting {
	background: url(../images/stv-search-sorting-bg.jpg) repeat-x;
	font-weight: bold;
	color: #464646;
	height: 20px;
	padding: 0 5px;
	margin: 11px 0 0 0;
}

#sorting li {
	float: left;
}

#sorting a {
	display: block;
	font-weight: normal;
	color: #464646;
	height: 19px;
	padding: 0 6px;
	margin: 0 6px 0 7px;
}

#sorting a:hover {
	color: #DF5902;
}

#videos {
	border-top: 1px solid #d5d5d5;
	border-bottom: 1px solid #d5d5d5;
	padding: 5px 0 0 0;
}

#videos h2 {
	font-size: 14px;
	font-weight: bold;
	line-height: 17px;
}

#videos h3 a {
	color: #464646;
	font-size: 11px;
	font-weight: bold;
	line-height: 16px;
	text-decoration: underline;
}

#videos h3 a:hover {
	text-decoration: none;
}

#videos h4 {
	font-size: 12px;
	line-height: 24px;
	color: #1f93bc;
}

#videos p {
	color: #464646;
	font-size: 11px;
	line-height: 16px;
	margin: 1px 0 5px 135px;
}

.play-button {
	background: url(../images/stv-play-button.gif) no-repeat center;
	display: block;
	height: 24px;
	width: 24px;
	cursor: pointer;
	margin: 0 7px 0 1px;
	text-indent: -9999px;
	float: left;
	overflow: hidden;
}

.thumb {
	background: url(../images/stv-temp-video-thumb.jpg) no-repeat center;
	border: 1px solid #AAA;
	padding: 2px;
	display: block;
	height: 90px;
	width: 120px;
	float: left;
	margin-right: 8px;
}

a.thumb:hover {
	border-color: #df5902;
}

#videos-container #videos li {
	padding: 9px 10px 9px 10px;
	border-top: 1px solid #d5d5d5;
	border-bottom: 1px solid #d5d5d5;
	height: 97px;
}

#videos-container #videos li.odd {
	background: #f8f8f8;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
}

#videos-container #videos li p {
	height: 48px;
	margin-bottom: 3px;
}

#google {
	height: 100px;
	padding-left: 18px;
}

body#home #google {
	height: 100px;
	padding-left: 18px;
}

/*-------------------------------------------------------- RIGHT COLUMN */

#right_column {
	width: 350px;
	float: right;
}

#search {
	background: url(../images/stv-search-bg.jpg) #333333;
	width: 350px;
	height: 68px;
	margin: 0 0 19px 0;
}

#search li {
	margin: 0 0 0 10px;
	padding: 7px 0 0 0;
}

#search h2 {
	font-size: 14px;
	font-weight: bold;
}

#search input {
	background: url(../images/stv-search-input-bg.jpg) no-repeat;
	margin-top: 2px;
	height: 21px;
	width: 243px;
	border: 1px solid #b7b7b7;
	float: left;
	padding: 2px 0 0 4px;
}

#search #submit_search {
	background: url(../images/stv-search-submit.jpg) no-repeat;
	display: block;
	width: 59px;
	height: 23px;
	cursor: pointer;
	margin: 2px 0 0 259px;
	color: #FFF;
	font-size: 14px;
	line-height: 23px;
	font-weight: bold;
	padding: 0px 0 0 12px;
}

#search a#submit_search:hover {
	color: #333;
}

#expandedBanner {
	width: 300px;
	height: 250px;
	background: #444242;
	margin: 0 0 19px 24px;
	border: 1px solid #595757;
}

/*-------------------------------------------------------- VIDEO POD */

#video-tabs {
	height: 31px;
}

#video-tabs li {
	float: left;
}

#video-tabs a {
	display: block;
	height: 31px;
	margin-right: 4px;
	text-indent: -9999px;
	overflow: hidden;
}

#video-tabs #video-tab-similar {
	background: url(../images/stv-tabs-similar.jpg) no-repeat top;
	width: 123px;
}

#video-tabs #video-tab-recent {
	background: url(../images/stv-tabs-recent.jpg) no-repeat top;
	width: 125px;
}

#video-tabs #video-tab-popular {
	background: url(../images/stv-tabs-popular.jpg) no-repeat top;
	width: 74px;
}

#video-pod {
	width: 350px;
	background: #FFF;
	margin-bottom: 20px;
}

#more-videos {
	padding: 5px 15px 0px 15px;
}

#more-videos li {
	padding-top: 10px;
	height: 106px;
	border-bottom: 1px solid #d5d5d5;
}

#more-videos a {
	font-weight: bold;
	font-size: 14px;
	line-height: 17px;
}

#more-videos a:hover {
	color: #666;
}

#more-videos p {
	margin-top: 1px;
	font-size: 11px;
	line-height: 16px;
}

#more-videos .thumb {
}

.more-videos-info {
	height: 70px;
	overflow: hidden;
}

/*-------------------------------------------------------- PUFF POD */

#puff-pod {
	width: 350px;
	background: #FFF;
}

#skyscraperBanner {
	float: right;
	height: 649px;
	margin: 9px 14px 0 0;
}

#skyscraperBanner a {
	display: block;
	border: 1px solid #000;
}

#puffs {
	margin: 6px 0 0 11px;
}

/*#puffs li {
	width: 128px;
}
	
#puffs a {
	display: block;
	font-weight: bold;
	font-size: 12px;
	margin-bottom: 7px;
	line-height: 14px;
}

#puffs .puff {
	background: url(../images/stv-temp-puffs.jpg) no-repeat center;		
	height: 90px;
	width: 120px;
	border: 1px solid #df5902;
	padding: 2px;
	margin-bottom: 6px;
}

#puffs a.puff:hover {
	border-color: #AAA;
}*/

.pod-top, .pod-bottom {
	background: url(../images/stv-pod-top.gif) no-repeat #333;
	display: block;
	height: 5px;
	line-height: 0px;
}

.pod-bottom {
	background: url(../images/stv-pod-bottom.gif) #333;
	height: 5px;
	width: 350px;
}

.videos-pod-top {
	background: url(../images/stv-video-pod-top.gif) #333;
	height: 5px;
	width: 350px;
}


/*-------------------------------------------------------- FOOTER */

#footer {
	height: 170px;
	background: #464646;
	font-size: 11px;
	line-height: 16px;
}

#footer a {
	color: #FFF;
}

#footer a:hover {
	color: #df5902;
}

#footer .footer-top {
	background: url(../images/stv-footer-top.jpg) no-repeat top;
	display: block;
	height: 5px;
}

#footer h3 {
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
	border-bottom: 1px solid #616161;
	padding-bottom: 5px;
	margin-bottom: 3px;
	text-indent: 10px;
}

#footer h4 {
	font-weight: bold;
	display: inline;
}

#footer #legal {
	height: 30px;
	margin: 95px 0 0 20px;
}

#footer #legal h4 a {
	font-size: 11px;
	font-weight: bold;
	line-height: 14px;
	color: #df5902;
}

#footer #legal h4 a:hover {
	color: #df5902;
	text-decoration:underline
}

#footer ul li {
	padding-left: 10px;
}

#footer #footer-left {
	width: 327px;
	float: left;
	margin: 10px 0 0 10px;
}

#footer #footer-left ul {
	float: left;
	width: 109px;
}

#footer #footer-right {	
	width: 580px;
	margin: 10px 0 0 370px;
	color: #FFF;
}

#footer #footer-right ul {
	float: left;
	width: 193px;
}

#footer #footer-right ul li {
	margin-bottom: 0px;
	display: block;
}

/*-------------------------------------------------------- HOME */

body.home #content #content-header {
	background: url(../images/stv-temp-home-banner.jpg) no-repeat;
	width: 960px;
	height: 332px;
	margin-bottom: 20px;
}

body.home #videos-container {
	padding: 0;
}

body.home #videos-container li {
	height: 205px;
	border-bottom: 1px solid #CCC;
	padding-left: 7px;
	padding-right: 7px;
}

body.home #videos-container li.odd {
	height: 189px;
	background: url(../images/stv-slider-bg.jpg) top repeat-x;	
}

body.home #videos-container li.odd .thumbnail-header {
	margin-top: 0px;
}

body.home #videos-container .thumb {
	float: none;
}

.thumbnail-left {
	background: url(../images/stv-slider-left.jpg) no-repeat bottom;
	display: block;
	float: left;
	margin-top: 40px;
	height: 15px;
	width: 15px;
	cursor: pointer;
}

.thumbnail-right {
	background: url(../images/stv-slider-right.jpg) no-repeat top;
	display: block;
	float: right;
	cursor: pointer;
	margin-top: 40px;
	height: 15px;
	width: 15px;
	cursor: pointer;
}

.thumbnail-header {
	height: 33px;
	border-bottom: 1px solid #CCC;
	margin: 6px 21px 10px 21px;
}

.thumbnail-header h1 {
	clear: right;
}

.thumbnail-header h1, .thumbnail-header a {
	float: left;
}

.thumbnail-header a {
	font-size: 11px;
	margin: 14px 0 0 13px;
}

.thumbnail-header a:hover {
	color: #333;
}

a.thumbnail-header-feed {
	background: url(../images/stv-rss-small.jpg) no-repeat left;
	display: block;
	float: right;
	text-align: right;
	margin: 14px 0 0 0;
	padding-left: 17px;
}

.thumbnail-slider {
	height: 140px;
	width: 534px;
	overflow: hidden;
	float: left;
	margin: 0 0 0 6px;
}

.thumbnail-box {
	width: 9999px;
}

.thumbnail-container {
	width: 126px;
	float: left;
	margin: 0 10px 0 0;	
}

.thumbnail-container h2 {
	text-align: center;
	margin-top: 5px;
}

body#home .thumbnail-container h2 {
	text-align: center;
	margin-top: 5px;
	height: 28px;
	overflow: hidden;
}

.thumbnail-container a {
	float: none;
	font-size: 12px;
	font-weight: bold;
	line-height: 14px;
	color: #333;
}

/*-------------------------------------------------------- SHOW */

#left-header {
	background: url(../images/stv-temp-show-header.jpg) no-repeat;
	width: 590px;
	height: 346px;
	border-bottom: 1px solid #333;
}

#left-header ul {
	position: absolute;
	bottom: 9px;
	left: 16px;
	width: 164px;
	font-size: 0px;
}

#left-header ul li {
	margin-top: 4px;
}

#left-header h1 {
	color: #FFF;
	font-size: 24px;
	font-weight: bold;
	line-height: 24px;
}

#left-header h1.left-header-title {
	position: relative;
	left: 16px;
	top: 16px;
	width: 164px;
}

#left-header li a {
	font-size: 16px;
	line-height: 20px;
}

#left-header li a:hover {
	color: #EEE;
}

#header-rss {
	position: absolute;
	right: 0px;
	bottom: 4px;
	background: url(../images/stv-rss.gif) no-repeat;
	display: block;
	height: 18px;
	width: 18px;
	cursor: pointer;
	text-indent: -9999px;
	float: right;
}

body.show #videos {
	border-top: 0;
}

body.show #videos p {
	height: 48px;
}

/*-------------------------------------------------------- VIDEO */

#video {
	margin-left: 4px;
}

#video h1 {
	color: #333333;
	font-weight: bold;
	font-size: 20px;
	margin: 3px 0 5px 2px;
	line-height: 20px;
}

#video h3 {
	margin-top: 14px;
}

#video #player {
	height: 366px;
	width: 570px;
}

#video #action-bar {
	background: url(../images/stv-action-bar-bg.jpg) repeat-x;
	height: 33px;
	width: 576px;
	margin: 16px 0 0 3px;
}

#video #action-bar li {
	float: left;	
}

#video #action-bar #action-bar-rate {
	background: url(../images/stv-action-bar-left-bg.jpg) no-repeat left top;
	height: 33px;
	width: 25px;
	padding: 0px 0px 0px 10px;
	font-size: 11px;
	font-weight: bold;
	line-height: 33px;
}

#video #action-bar #action-bar-jskit {
	height: 33px;
	width: 168px;
}

#video #action-bar #action-bar-social {
	background: url(../images/stv-action-bar-right-bg.jpg) no-repeat right;
	font-weight: bold;
	height: 33px;
	width: 243px;
}

#video #action-bar #action-bar-social a {
	height: 16px;
	width: 16px;
	margin: 0 0 0 11px;
}

#video #action-bar #action-bar-social ul {
	background: url(../images/stv-action-bar-divider.jpg) no-repeat left;
	height: 33px;
	padding-left: 14px;
}

#video #action-bar #action-bar-social ul li {
	font-size: 11px;
	margin: 8px 0 0 0;
}

#video #video-info {
	min-height: 198px;
	height: auto !important;
	height: 198px;
	margin: 18px 18px 10px 14px;
}

#video-info h2 {
	font-size: 14px;
	font-weight: bold;
	line-height: 17px;	
}

#video-info h3 {
	font-size: 12px;
	font-weight: bold;	
}

#video-info p {
	margin-top: 1px;
	font-size: 14px;
	line-height: 20px;
}

#video-info .tags a {
	font-size: 12px;
}

#video-info .tags a:hover {
	color: #333;
}

#video #video-info ul {
}

#video-info-extra {
	background: #f1f1f1;
	width: 212px;
	float: right;
	margin-left: 18px;
	border-top: 1px solid #b2b1b1;
	padding: 2px 5px 7px 4px;
	font-size: 11px;
	line-height: 14px;
}

#video-info-extra a {
	text-decoration: underline;
}

#video-info-extra a:hover {
	text-decoration: none;
}

#video-info-extra p {
	font-size: 11px;
	line-height: 14px;
}

#video-info-extra li {
	border-top: 1px solid #d5d5d5;
	padding: 5px;
}

#video-info-extra li ul li {
	background: url(../images/stv-video-info-arrow.jpg) no-repeat 3px 5px;
	border-top: none;
	padding: 0 5px 0 9px;
}

#video-info-extra h4 {
	font-weight: bold;	
}

#video-info-extra p {
	margin: 0;
	padding: 0;
}

#video #action-bar #action-bar-next {
	background: #FFF;
	padding-left: 10px;
}

#video #action-bar #action-bar-next a {
	background: url(../images/stv-action-bar-next.jpg) no-repeat top;
	display: block;
	height: 28px;
	width: 107px;
	color: #FFF;
	font-size: 16px;
	font-weight: bold;
	padding: 5px 0 0 13px;
	overflow: hidden;
}

#video #action-bar #action-bar-next a:hover {
	background: url(../images/stv-action-bar-next.jpg) no-repeat bottom;
	color: #333;
}

#comments-container {
	min-height: 1049px;
	height: auto !important;
	height: 1049px;
	margin: 0 18px 0 19px;
}

#comments-container h2 {
	font-weight: bold;
	font-size: 20px;
	line-height: 19px;
	color: #333333;
}

#comments-container h2 a {
	display: block;
	font-size: 12px;
	font-weight: normal;
	margin-left: 1px;
}

#comments-container #paging-top {
	float: right;
	margin-top: 12px;
}

#comments-container #paging-bottom {
	float: right;
	margin-top: 10px;
}

#comments-container #comments {
	margin-top: 4px;
}

#comments-container #comments li {
	border-top: 1px solid #e4e4e4;
	border-bottom: 1px solid #e4e4e4;
	padding: 8px 10px 15px 9px;
}

#comments-container #comments li.comments-odd {
	background: #f8f8f8;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
}

#comments-container #comments h3 {
	color: #6e6e6e;
	font-weight: bold;
}

#comments-container #comments h4 {
	line-height: 10px;
	color: #aeaeae;
	margin-bottom: 10px;
}

#comments-container #comments img {
}

#comments-container #comments p {
	margin: -119px 0 0 152px;
	width: 402px;
	line-height: 20px;
	color: #353434;
}

#comments-container #comments p .report {
	display: block;
	margin-top: 20px;
}

#comments-title {
	float: left;
	padding-top: 8px;
}

#comments-title h3 {
	font-size: 20px;
	color: #333333;
	font-weight: bold;
}

/*-------------------------------------------------------- UPLOAD */

.upload-p {
	margin: 12px 0;
}

.upload-legal {
	color: #AAA;
}

.upload-legal a {
	color: #AAA;
	text-decoration: underline;
}

.upload-legal a:hover {
	color: #AAA;
}

/*-------------------------------------------------------- JS-KIT */

#left_column .js-kit-rating {
	margin: 5px 0 0 3px;
	height: 25px;
}

#right_column .js-kit-rating {
	margin: -3px 0 0 -3px;
}

#right_column .js-kit-rater {
	margin-top: 3px;
}

.js-rating-labelText {
	position: relative;
	top: -17px;
	left: 86px;
	text-align: left !important;
}

#right_column .js-rating-labelText {
	display: none;
}

.js-singleComment {
	border: none !important;
	font-family: inherit !important;
	font-size: 12px !important;
	margin: 0 !important;
	text-align: left;
	padding: 8px 10px 15px 9px;
}

.js-singleComment div {
	padding: 0 !important;
	margin: 0 !important;
}

.js-comment-stripe-1 {
	border-top: 1px solid #e4e4e4 !important;
	border-bottom: 1px solid #e4e4e4 !important;
}

.js-comment-stripe-2 {
	background: #f8f8f8;
	border-top: 1px solid #FFF !important;
	border-bottom: 1px solid #FFF !important;
}

.js-singleCommentAvatar {
	float: none !important;
	margin-top: 25px;
	display: none;
}

.js-singleCommentINFO {
	float: left !important;	
	text-align: left !important;
}

.js-singleCommentRating {
	float: right;
	display: none;
}

.js-singleCommentName {
	font-weight: bold;
	color: #6e6e6e;
	line-height: 14px;
}

.js-singleCommentText {
	width: 402px;
	float: right;
	color: #353434;
}

.js-singleCommentDate {
	font-size: 12px !important;
	color: #aeaeae;
	line-height: 14px;
}

.js-singleCommentCtls, .js-singleCommentKarmaComMod, .js-LeaveComment, .js-commentRatingDisplay, .js-CCMore {
	display: none !important;
}

.js-CreateComment {
	width: 553px;
	float: left;
	display: block !important;
	border-top: 1px solid #e4e4e4;
	background: url(../images/stv-comments-bg.jpg) repeat-x top;
}

.js-poweredBy {
	margin: 0 !important;
}

.js-antispamBy {
	text-align: left !important;
}

.js-CreateCommentBg {
	border: none !important;
}

.js-CreateCommentBg input, .js-CreateCommentBg textarea {
	border: 1px solid #c8c8c8;
	width: 344px;
	padding: 4px 0pt 0pt 4px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 5px;
}

.js-CreateCommentBg input {
	background: url(../images/stv-comments-input-bg.jpg) no-repeat;
	height: 18px;
}

.js-CreateCommentBg textarea {
	background: url(../images/stv-comments-textarea-bg.jpg) no-repeat;	
	height: 150px;
}

input.js-CmtButton {
	border: none;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 12px;
	text-transform: uppercase;
	background: url(../images/stv-comments-submit-bg.jpg) no-repeat;	
	width: 123px;
	height: 27px;
	line-height: 27px;
	padding: 0px 0px 1px 0px;
	float: right;
	margin-right: 0 !important;
}

.js-CCButtons {
	margin-top: 10px !important;
	width: 350px;
}

.js-commentFieldSubject {
	font-size: 14px;
}

.js-commentFieldLabel {
	color: #353434;
	font-size: 11px;
}

.js-PageNavTop, .js-PageNavBottom {
	height: 20px;
	margin: 0 !important;
	font-size: 0px;
	padding: 10px 0;
	float: right;
}

.js-PageNavBottom {
	clear: both;
}

.js-PageNavTop a, .js-PageNavBottom a {
	display: block;
	width: 18px;
	height: 18px;
	font-size: 11px;
	font-weight: bold;
	border: 1px solid #df5902;
	text-align: center;
	line-height: 18px;
	margin-right: 4px;
	float: left;
	opacity: 1 !important;
}

.js-PageNavTop a:hover, .js-PageNavBottom a:hover {
	color: #333;
}

.js-PageNavTop strong, .js-PageNavBottom strong {
	display: block;
	width: 18px;
	height: 18px;
	font-size: 11px;
	font-weight: bold;
	color: #FFF;
	background: #df5902;
	border: 1px solid #df5902;
	text-align: center;
	line-height: 18px;
	margin-right: 4px;
	float: left;
}

.js-OldComments {
	clear: both;
	margin-bottom: 0px !important;
	border-bottom: 1px solid #E4E4E4;
}




/*-------------------------------------------------------- PUFFS */


ul.puffs {
	list-style-type:none;
	margin: 0px;
	padding: 0px;
	width: 125px;
}

ul.puffs li {
	list-style-type:none;
	margin: 0px 0px 5px 0px;
	padding: 0px;
	
}

ul.puffs li#puff-one {	
	background:#fff url(/includes/puffs/player-puff.jpg) no-repeat scroll 0 0;
	width:125px;
	height:145px;
}

/*ul.puffs li#puff-one {	
	background:#fff url(/includes/puffs/rangers-celtic-Aitken-125-145.jpg) no-repeat scroll 0 0;
	width:125px;
	height:145px;
}
*/

ul.puffs li#puff-two {	
	background:#fff url(/includes/puffs/video-jobs-puff.gif) no-repeat scroll 0 0;
	width:125px;
	height:145px;
}

/*ul.puffs li#puff-two {	
	background:#fff url(/includes/puffs/DOI-videopuff.jpg) no-repeat scroll 0 0;
	width:125px;
	height:145px;
}*/

ul.puffs li#puff-three {	
	background:#fff url(/includes/puffs/britney.jpg) no-repeat scroll 0 0;
	width:125px;
	height:145px;
}
/*
ul.puffs li#puff-three {	
	background:#fff url(/includes/puffs/BS---video-puff.jpg) no-repeat scroll 0 0;
	width:125px;
	height:145px;
}*/

/*ul.puffs li#puff-three {	
	background:#fff url(/includes/puffs/politics.jpg) no-repeat scroll 0 0;
	width:125px;
	height:145px;
}
*/

ul.puffs li#puff-four {	
	background:#fff url(/includes/puffs/Bingo-4-125x145.jpg) no-repeat scroll 0 0;
	width:125px;
	height:145px;
}

ul.puffs li a {
	color:#fff;
	display:block;
	padding: 110px 2px 2px 2px;
	height:31px;
	width: 125px;
}

ul.puffs li a:hover {
	color: #000;
}


/*-------------------------------------------------------- GUIDANCE */



#guidance-container {
       background-color: #fff;
}

.videofaqs {font-size:1.2em}
.videofaqs h1 {margin-bottom:10px}
.videofaqs h2 {font-size:1.3em; font-weight:bold}
.videofaqs h3 {font-size:1.2em !important; font-weight:bold}
.videofaqs #faq-summary {list-style-type:disc; padding-left:15px; margin-bottom:25px;}
.videofaqs #faq-summary li {margin-bottom:5px}
.videofaqs #faq-list li {}
.videofaqs #faq-list li li {}
.videofaqs .btt {text-align:right; border-bottom:solid 1px #ccc; margin-bottom:15px; padding-bottom:15px}
.videofaqs #winlist, .videofaqs #maclist {list-style-type:disc; padding-left:15px; margin-bottom:15px}


#guidance-container input, #guidance-container textarea {
       border: 1px solid #c8c8c8;
       width: 344px;
       padding: 4px 0pt 0pt 4px;
       font-size: 12px;
       font-family: Arial, Helvetica, sans-serif;
       margin-bottom: 5px;
}


#guidance-container h3 {
font-weight:bold;
margin-bottom:5px;
font-size:14px;
}

#guidance-container p {
margin: 10px 0px;

}

#guidance-container div {
display: block;
margin-bottom: 10px;
}

#guidance-container label {
margin-top:5px;
color:#353434;
font-size:11px;
}

#guidance-container label.age-check {
font-size:12px;
font-weight: bold;
}

#guidance-container input {
background:transparent url(/images/stv-comments-input-bg.jpg)
no-repeat scroll 0%;
height:18px;
border:1px solid #C8C8C8;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
margin-bottom:5px;
padding:4px 0pt 0pt 4px;
width:344px;
display: block;
}

#guidance-container textarea {
background:transparent url(/images/stv-comments-input-bg.jpg)
no-repeat scroll 0%;
height:48px;
border:1px solid #C8C8C8;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
margin-bottom:5px;
padding:4px 0pt 0pt 4px;
width:375px;
display: block;
}

#guidance-container .check-box {
width: 14px !important;
height: 14px !important;
float: left;
padding: 0;
margin: 0px 5px 0px 0px;
}

#guidance-container #submit_guidance {
background:transparent
url(http://video.stv.tv/assets/images/stv-search-submit.jpg) no-repeat
scroll 0%;
color:#FFFFFF;
cursor:pointer;
display:block;
font-size:14px;
font-weight:bold;
height:23px;
line-height:23px;
margin:2px 0pt 0pt 0px;
padding:0px 0pt 0pt 12px;
width:59px;
}


/*-------------------------------------------------------- GENERAL USE */

.clearfix:after, .container:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.clearfix, .container {display: inline-block;}
* html .clearfix,
* html .container {height: 1%;}
.clearfix, .container {display: block;}

/* Regular clearing
   apply to column that should drop below previous ones. */

.clear { clear:both; }

