/* Core CSS for Noir (default) skin */
/* Import other style-sheets for the noir skin */
@import 'widgets.css';
@import 'controllers.css';
@import 'icons.css';
@import 'lists.css';
@import 'typography.css';
@import 'dynamic.css';
@import 'publish.css';

body {
	margin: 0px;
	background: #ffffff;
	font: 12px "Trebuchet MS", Verdana, Sans-serif;
	color: #E5E5E5;
}
body{
scrollbar-face-color:#004F00;
scrollbar-base-color:#004F00;
scrollbar-arrow-color:ffffff;
scrollbar-track-color:#ffffff;
scrollbar-shadow-color:#000000;
scrollbar-highlight-color:#000000;
scrollbar-3dlight-color:#000000;
scrollbar-darkshadow-Color:#000000;
}

ul, ol, li {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

h1, h2, h3, h4, h5 {
	margin: 0px;
	padding: 0px;
	font-size: 16px;
}

h1 span, h2 span, h3 span, h4 span, h5 span {
	float: right;
	font-size: 12px;
	font-weight: normal;
	line-height: 20px;
}

h1 {
	margin-bottom: 10px;
	padding: 5px 10px;
	border-top: 1px dotted #555;
	border-bottom: 1px solid #555;
}

h2 {
	padding: 0px 10px;
	margin-bottom: 5px;
}

h5 {
	margin-top: -8px;
	margin-bottom: 3px;
	font-size: 20px;
}

h6 {
	font-size: 14px;
	margin: 0px;
}

p, .line-height {
	line-height: 140%;
	padding: 0px 10px;
	margin: 0px;
}

.line-height {
	padding: 0px;
}

input, textarea {
	font: 12px "Trebuchet MS", Verdana, Sans-serif;
	border: 2px solid #333;
	padding: 5px;
}

hr {
	border: 1px solid #363636;
	margin-top: 15px;
	clear: both;
}

.div-common {
	display: block;
	margin-bottom: 15px;
}

a.white {
	color: #FFF;
}

/*==========================
	KARMA
==========================*/

#karma-box {
	width: 120px;
	padding: 3px;
	border: 1px solid #363636;
	background: #131313;
	float: right;
	margin-top: -1px;
}

#karma-status {
	background: url(../images/karma-background.png) repeat-x;
	border: 1px solid #1c5563;
	height: 10px;
}

/*==========================
	HOMEPAGE
==========================*/

#homepage {
	width: 994px;
	margin: auto;
}

#video-spotlight {
	width: 645px;
}

#homepage-welcome {
	padding: 10px;
	width: 290px;
	margin-left: 15px;
}

#tag-col-1, #tag-col-2 {
	width: 135px;
	float: left;
	margin: 0px 5px 10px 5px;
}

.submit-box {
	background: #272727 url(../images/submit-background.gif) repeat-x;
	border: 1px solid #343434;
	padding: 3px 0px;
	color: #FFF;
}

.input-box {
	background: #FFF url(../images/input-background.gif) repeat-x;
	border: 1px solid #FFF;
	padding: 3px 5px;
	color: #000;
	margin: 1px 0px 10px 0px;
}

/*==========================
	CHANNEL SPECIFIC
==========================*/

.group-content {
	border: 1px solid #444;
	border-top: 1px solid #444;
	padding: 10px;
	padding-bottom: 0px;
	margin-bottom: 20px;
}

.vertical-separator-small {
	float: left;
	width: 18px;
	height: 1px;
}

/*==========================
	SIDEBAR SPECIFIC
==========================*/

.tags-drill-add {
	border: none;
	margin-bottom: 2px;
	margin-left: 5px;
}

.video-cite {
	margin-bottom: 0px;
}

.video-cite img {
	float: left;
	margin-right: 10px;
}

.video-cite p {
	margin-top: 5px;
}

/* STRUCTURE
===========================*/

#container-body {
	width: 990px;
	margin: auto;
}

#body-content {
	width: 728px;
	float: left;
}

#body-sidebar {
	background: url(../images/sidebar-background.jpg) no-repeat;
	width: 220px;
	min-height: 450px;
	padding: 10px;
	float: right;
	margin-left: 15px;
}

#body-footer {
	background: url(../images/footer-background.gif) repeat-x;
	clear: both;
	height: 68px;
	margin-top: 20px;
	border-bottom: 2px solid #232323;
	bottom: 0px;
	left: 0px;
	width: 100%;
}

#body-footer-align {
	width: 938px;
	height: 43px;
	padding-left: 47px;
	padding-top: 28px;
	margin: auto;
	background: url(../images/footer-logo.gif) no-repeat;
}

#body-footer ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
}

#body-footer li {
	margin-right: 10px;
	display: inline;
}

/* CONTENT
===========================*/

/* Video Detail */

.share-library {
	background: #000000;
	border: 1px solid #555;
	border-top: none;
	padding: 10px;
	margin-bottom: 20px;
}

input.share-url {
	display: block;
	background: #111;
	padding: 4px;
	border: 2px solid #333;
	overflow: hidden;
	color: #fff;
	width: 694px;
}

/* Drawer */

.drawer {
	background: #000000;
	border: 1px dotted #353535;
	padding: 10px;
	padding-top: 0px;
	margin-bottom: 30px;
	margin-top: 15px;
}

.drawer h1, .drawer-control, .drawer-footer-control {
	background: #000000;
	border: 1px dotted #353535;
	border-bottom: none;
	float: left;
	height: 22px;
	padding: 5px 10px 0px 10px;
	position: relative;
	top: -15px;
	margin-bottom: 0px;
}

.drawer-control, .drawer-footer-control {
	float: right;
	height: 14px;
	font-size: 12px;
	top: -13px;
	margin-left: 10px;
	padding: 5px;
}

.drawer-content {
	clear: both;
	line-height: 150%;
	margin: 0px 5px;
}

.drawer-manage {
	list-style: none;
	margin: 0px;
	margin-top: 10px;
	padding: 0px;
	padding-bottom: 5px;
}

.drawer-manage li {
	background: #101010;
	border-bottom: 1px dotted #353535;
	padding: 5px 0px 0px 5px;
	margin: 0px 0px 2px 0px;
	width: 100%;
}

.move {
	float: right;
	margin-left: 20px;
}

.drawer-footer-control {
	top: 22px;
	padding: 4px 7px 6px 7px;
	border-bottom: 1px solid #353535;
	border-top: 1px solid #353535;
}
.drawer-footer-control:hover {
	background-color: #89d9fc;
	color: #000;
	text-decoration: none;
}
.drawer-footer-control-selected {
	background: #000000;
	position: relative;
	margin-bottom: 0px;
	float: right;
	height: 14px;
	font-size: 12px;
	margin-left: 10px;
	top: 22px;
	padding: 4px 7px 6px 7px;
	border: 1px solid #fff;
}
.dead {
	border: 1px dotted #353535;
}



.video-align {
	padding-left: 5px;
	width: 230px;
}

.drawer-content p {
	padding: 0px;
	margin: 0px;
}

/* USER PROFILE
=================================*/

.user-watch, .user-results {
	margin-bottom: 0px;
}

.watch-detail, .user-details {
	margin-left: 70px;
}

.detail-list, .user-list {
	margin-top: 5px;
}

.detail-list li, .user-list li {
	display: inline;
	margin-right: 10px;
}

.user-list li.age-break {
	display: block;
	margin-bottom: 10px;
}

.friends-align {
	float: left;
	padding-left: 5px;
	width: 30px;
}

/* CHANNELS
================================*/


.channel-listing p {
	margin-top: 10px;
	margin-left: 70px;
	display: block;
	padding: 0px;
	text-align: justify;
}

.channel-title {
	margin-left: 16px;
}

.listing-thumbs {
	float: right;
	list-style: none;
	margin-bottom: 5px;
}


#ad-wide {
	margin-bottom: 10px;
}

#ad-wide img {
	border: none;
	padding: 0px;
}

/* NOW
================================*/

.now-live {
	float: left;
	width: 408px;
	margin-right: 20px
}

.live-action {
	padding: 5px 5px 0px 5px;
	margin-bottom: 10px;
	border-bottom: 1px dotted #555555;
	height: 66px;
}

.action-img {
	float: left;
}

.action-img img {
	height: 46px;
}

.action-detail {
	margin-left: 100px;
	padding: 0px;
}

.action-ben {
	padding: 0px;
	margin-left: 20px;
	margin-right: 20px;
	border-style: dashed;
	
}
.action-ben2 {
	padding: 9px;
	background:url(../images/footerbg.jpg);
	border: thin solid #000000;
}
.action-detail-user {
	margin-left: 70px;
}

.action-entity {
	margin-top: 5px;
}

.action-detail p {
	margin-top: 10px;
	display: block;
	padding: 0px;
	text-align: justify;
}

.hot-list {
	display: block;
}

.hot-list li {
	padding: 0px 10px;
	display: inline;
	float: left;
}

#now-feature {
	width: 300px;
	float: left;
}

#now-feature-ad {
}

#now-feature-ad img {
	border: none;
	padding: 0px;
	background: none;
}

.now-album {
	display: block;
}

.now-album li {
	
}

.imgben {
border-width: 10px;
border-color: #ffffff;
}

/* Advanced Search */

.advanced-search {
	display: block;
	margin-bottom: 10px;
}

.advanced-search-field, .advanced-search-age {
	width: 210px;
	margin: 5px 0px 10px 0px;
	padding: 2px;
	background: #fff url(../images/input-background.gif);
	border: 1px solid #FFF;
}

.advanced-search-age {
	width: 50px;
	margin-right: 10px;
	margin: 0px;
	margin-top: 0px;
}

a.submit {
	background: url(../images/search-submit.gif) no-repeat;
	width: 57px;
	line-height: 22px;
	display: block;
	text-align: center;
}

.search-checkbox {
	line-height: 30px;
}

.age {
	float: right;
}

.gender-dropdown {
	margin-top: 5px;
}


/* USER PROFILE
=======================*/

.user-info {
	display: block;
}

.user-stats {
	float: left;
	width: 200px;
	border: 1px solid #333;
	background: #111;
	padding: 10px;
	padding-bottom: 5px;
	margin-right: 20px;
	margin-bottom: 10px;
}

.user-stats h1 {
	font-size: 12px;
	font-weight: bold;
	color: #D6D6D6;
	border: none;
	padding: 0px;
	margin: 0px;
}

.user-stats p {
	margin-bottom: 5px;
	color: #666;
	padding: 0px;
}

.user-header {
	margin-top: 15px;
	margin-left: 60px;
}


/* USER PROFILE EDIT */

.field-box {
	border: 1px solid #333;
	padding: 5px 15px;
	margin-top: 15px;
	float: left;
}

.field-box span, field-box h1 {
	background: #000;
	padding: 0px 10px;
	position: relative;
	top: -14px;
	font-size: 16px;
}






/* BLANK STATE */

.channel-help {
	background: url(../images/blankstate-medium.gif) no-repeat;
	padding: 10px;
	padding-top: 40px;
	text-align: center;
	width: 139px;
	height: 126px;
	position: absolute;
	margin-left: 55px;
	margin-top: 10px;
}



.error {
	display: block;
	margin: 0  0 15px 0px;
	padding: 10px;
	font-size: 16px;
	color: #FFF;
	font-weight: bold;
	border: 1px solid #282828;
	background-color: #1a1a1a;
}

.error-detail {
	font-size: 12px;
	color: #666;
	display: block;
}

.error-close {
	float: right;
}




/* Account Confirm */

.confirm-mosaic {
	background: url(../images/confirm-mosaic.jpg) no-repeat;
	height: 365px;
	display: block;
	margin-bottom: 20px;
}

h1.confirm-header {
	font-size: 28px;
	border: none;
	padding: 0px;
}

h2.confirm-help {
	font-size: 20px;
	border: none;
	padding: 0px;
}


/* Divx Webplayer */

.divx-webplayer, .divx-uploader {
	height: 375px;
	background: url(../images/webplayer-background.jpg) no-repeat;
}

.divx-uploader {
	background: url(../images/uploader-background.jpg) no-repeat;
}

.divx-guide {
	text-align: center;
	float: right;
	width: 723px;
	display: block;
	padding-top: 20px;
}

.divx-guide p {
	margin-left: 470px;
	text-align: left;
}

.divx-guide h1 {
	border: none;
	font-size: 28px;
	color: #FFF;
	padding: 0px;
	margin: 0px 0px 20px 290px;
}

a.installer-refresh {
	background: url(../images/installer-refresh.jpg) no-repeat;
	width: 240px;
	height: 55px;
	display: block;
	font-size: 18px;
	color: #999;
	float: right;
	padding-top: 5px;
	margin: 30px 0px 0px 23px;
	text-align: center;
}

a.installer-refresh:hover { text-decoration: none; color: #FFF; }

.manual-install {
	line-height: 65px;
	display: block;
	text-align: right;
	font-size: 18px;
	font-weight: bold;
	margin-top: 100px;
}

a.install-windows, a.install-osx { background: url(../images/install-windows.jpg) no-repeat; width: 175px; height: 65px; float: right; margin-left: 20px; }
a.install-osx { background: url(../images/install-osx.jpg) no-repeat; }

/* Links */

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

a:hover {
	text-decoration: underline;
}

a.function {
	color: #FFD95A;
}

.clear {
	clear: both;
	line-height: 0;
	font-size: 0;
	height: 0;
}
.clear-none { clear: both; }hr {
	border: 1px solid #363636;
	margin-top: 15px;
	clear: both;
}


.onclick { cursor:pointer; }

a.title {
	font-weight: bold;
	color: #FFFFFF;
}

/* Image Settings
-------------------*/

.channel-icon {
	background: url(../images/icons-channel.gif) no-repeat;
	padding-left: 24px;
}

.user-icon {
	background: url(../images/icons-user.gif) no-repeat;
	padding-left: 24px;
}

img, img a {
	background: #000;
}

.img-channel {
	border: none;
	background: none;
}

/* Lists
-------------------*/



/* Videos
-------------------*/

#video-rate {
}

.sponsored {
	background: url(../images/sponsored.gif) no-repeat;
	width: 51px;
	height: 51px;
	display: block;
	position: relative;
	left: 166px;
	top: 21px;
}

.sponsored-peel {

}

.video-thumbs {
	float: right;
	margin-top: -9px;
	width: 200px;
}

.video-thumbs img {
	border: none;
	padding: 0px;
	float: left;
	margin-right: 1px;
}

.thumbs-copy {
	line-height: 19px;
}

.thumb-rated {
	width: 22px;
	height: 22px;
	float: left;
	margin-left: 10px;
}

a.thumb-up {
	background: url(../images/thumb-rateup.gif);
	width: 22px;
	height: 22px;
	float: left;
	margin-left: 10px;
}

a.thumb-up:hover, .thumb-rated-up {
	background: url(../images/thumb-rateup.gif) 0px -28px;
}

span.thumb-up {
	background: url(../images/thumb-rateit.gif) 0px 0px;
	width: 19px;
	height: 19px;
	float: left;
	margin-left: 10px;
}

a.thumb-down {
	background: url(../images/thumb-ratedown.gif);
	width: 22px;
	height: 22px;
	margin-left: 10px;
	float: left;
}

a.thumb-down:hover, .thumb-rated-down {
	background: url(../images/thumb-ratedown.gif) 0px -28px;
}

span.thumb-down {
	background: url(../images/thumb-rateit.gif) -20px 0px;
	width: 19px;
	height: 19px;
	float: left;
	margin-left: 10px;
}

.tag-mod {
	background: url(../images/thumb-mod.gif);
	width: 12px;
	display: block;
	height: 12px;
}

.tag-mod:hover {
	background-position: 0px -12px;
	cursor: default;
}

.rated-up {

}

/* Discovery Auto Complete */

div.suggest, div#ajax-loader { z-index: 10; position:absolute; width:205px; background: #151515; border: 1px solid #383937; margin:0px; padding: 0px; }

div.suggest ul { list-style-type:none; margin:0px; padding:0px; }

div.suggest ul li { list-style-type:none; display:block; cursor:pointer; padding: 1px 5px; overflow: hidden; }
div.suggest ul li.selected { color:#000; background-color: #89d9fc; }
div.suggest ul li.selected a { color:#000; }
div.suggest ul li.selected a:hover { text-decoration: none; }

/* Library Sorter */




/* Channels
-------------------*/

/* Channel Listing */

.channel-listing {
	padding: 5px;
	padding-bottom: 0px;
	border-bottom: 1px dotted #555555;
}

.listing-thumbs {
	float: right;
	list-style: none;
}

.listing-thumbs li {
	display: inline;
}

.listing-thumbs li.first {
	float: left;
	z-index: 10;
	position: relative;
	left: 20px;
}

.listing-thumbs li.middle {
	z-index: 3;
	position: relative;
}

.listing-thumbs li.last {
	z-index: 8;
	position: relative;
	top: -5px;
	left: -10px;
}

/* Channel Homepage */

.stats {
	list-style: none;
	margin: 0px;
	padding: 0px;
	text-align: center;
}

.stats li {
	display: inline;
	float: left;
	margin: 0px 5px;
	width: 60px;
	background: #111111;
	padding: 5px 0px 5px 0px;
	border: 1px dotted #555555;
}

.stats li a {
	font-size: 16px;
}



/* Now
-------------------*/

/* Drawer
-------------------*/



/* Spacers
-------------------*/

div.vertical-separator {
	float: left;
	width: 34px;
	height: 1px;
}

div.clear, div.clear-small, div.clear-large {
	clear: both;
	height: 10px;
}

div.clear-small {
	height: 5px;
}

div.clear-large {
	height: 20px;
}

div.clear-move {
	height: 10px;
	border-bottom: 3px solid #7B7B7B;
}

div.pad {
	padding: 5px;
}

.video-author {
	float: left; 
	margin-top: 10px;
	margin-left: 10px;
}

/* Forms n such */

table.form {
	margin: 0px;
	padding: 0px;
}
table.signup-form {
	margin: 0;
	padding: 0;
}
table.form th {
	text-align: right;
}
label {
	font-weight: normal;
}
table.form td {
	padding: 3px 6px 3px 0;
}
table.signup-form td {
	padding: 0 6px 0 0;
}
table.form td.info, table.signup-form td.info {
	color:#FFD95A;
}
form {
	padding: 0px;
	margin: 0px;
	height: 0px;
}
div > form {
	height: auto;
}
.input {
	background: url(/assets/images/input-background.gif) #fff top repeat-x;
	border: 1px solid #CCC;
	font: 12px "Trebuchet MS", Arial, Sans-Serif;
	color: #000;
	padding: 2px;
	margin: 0;
	float: left;
}
input.search-videos {
	margin: 0 0 0 4px;
	float: left;
}
span.available {
	color: #00f000;
}
span.unavailable {
	color: red;
}

/* User / Profile Content Dividers */

a.remove-filter {
	font-size: 10px;
}
a.remove-filter:hover {
	text-decoration: none;
}


/* Floaters */

.float-right {
	float: right;
}

.float-left {
	float: left;
}

/* Messaging */

table.inbox {
	border: 1px solid #333;
}

.inbox_status {
	position: relative;
	right: 35px;
	font-size: 10px;
	color: #333;
	float: right;
}


/* Fixes */


div.shaded, div.karma, div.shaded-compact { border: 1px solid #363636; background: #131313; padding: 10px; }
div.karma { padding: 2px 0px; padding-bottom: 0px; margin-top: -7px; margin-left: 10px;}
div.shaded-compact { padding: 5px; }

div.shaded hr { border: none; border-bottom: 1px dotted #4f4f4f; margin: 0px 0px 10px 0px; }
div.shadow { border: 1px solid #363636; background: #131313; padding: 10px; padding-bottom: 0px; margin-bottom: 10px; }

.karma-scale {
	display: block;
	padding: 0px;
}

.karma-scale li {
	margin: 0px 1px;
	display: inline;
	float: left;
	padding: 0px;
}

.karma-scale li.positive, .karma-scale li.negative, .karma-scale li.neutral {
	background: url(../images/karma-blue.gif) repeat-x;
	width: 14px;
	height: 12px;
	display: block;
}

.karma-scale li.negative {
	background: url(../images/karma-red.gif) repeat-x;
}

.karma-scale li.neutral {
	background: #303030;
}

.karma-scale li.divider {
	height: 12px;
	width: 3px;
	display: block;
	background: #828282;
}

.karma-title {
	text-transform: uppercase;
	font-size: 10px;
	margin-top: -2px;
}

/* Errors */

.warning {
	width: 58px;
	height: 49px;
	background: url(../images/warning.gif) no-repeat;
	display: block;
}

.white {
	color: #fff;
}

.sponsored-channel {
	background: #000 url(../images/sponsored-channel.gif) no-repeat;
	width: 68px;
	height: 15px;
	display: block;
	float: right;
	position: relative;
	margin-top: -17px;
	margin-right: 3px;
}


/* Video admin */

.hidden-video-div {
	margin-bottom:10px;
	visibility: none;
}

.video-admin-error {
	color:#DEAB02;
	font-size: 16px;
	font-style: oblique;
	font-weight: bold;
}

.video-list-div {
	border-bottom: 1px solid #fff;
	height: 20px;
	width: 400px;
	padding-left: 10px;
	padding-top: 2px;
}

.user-element {
	border-bottom:1px solid #333;
	padding: 5px 5px 5px 10px;
}

.user-element-message {
	padding: 5px 5px 5px 10px;
}

.video-del-index-textarea {
	width:700px;
	height:200px;
}

.video-del-user-div {
	border-top:1px solid #333;
	display:none;
	height:320px;
	width:100%;
}

.video-del-submit-button {
	display:block;
	margin-top:10px;
	margin-bottom:20px;
	font-weight:bold;
	text-decoration:none;
}

.sponsored-videos { background: url(../images/sponsored-videos-header.jpg) no-repeat; display: block; padding-top: 60px; margin-bottom: 20px; }