/** {margin: 0;
  padding: 0;}
ul, ol {list-style-position: inside;} NOT WORKING YET< lists are fucked slightly mostly a lotly.
*/

/* General page styles */
body {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  margin: 0;
  padding: 0;
  text-align: center;
}
table {
	border-collapse: collapse;
	padding: 0; margin: 0;
}

a:active {
	color: #d00e0e;
	font-style: italic;
}
.clickable {
    cursor: pointer;
}
/*sig colors*/

/*light*/
.siggreenl {color: #8aff7d;}
.sigredl {color: #f76555;}
.sigbluel {color: #00a2e8;}
.siggrayl {color: #c4c4c4;}

/*light background*/
.whiteb {background-color: white;}
.siggreenlb {background-color: #8aff7d;}
.sigredlb {background-color: #f76555;}
.sigbluelb {background-color: #00a2e8;}
.siggraylb {background-color: #c4c4c4;}


/*dark*/
.sigpinkd {color: #9e0673;}

/*dark background*/
.sigpinkdb {background-color: #9e0673;}
.sigyellowdb {background-color: #c7ba00;}

/*regular*/
.sigred {color: #d00e0e;}
.siggreen {color: #02c420;}
.sigorange {color: #fcc840;}
.sigpurple {color: #9500a6;}
.sigpink {color: #f224aa;}
.sigyellow {color: #eddf1c;}
.sigblue {color: #0014cc;}
.siggold {color: #d99e04;}
.siggray {color: #696464;}

/*regular background*/
.sigredb {background-color: #d00e0e;}
.siggreenb {background-color: #02c420;}
.sigorangeb {background-color: #fcc840;}
.sigpurpleb {background-color: #9500a6;}
.sigpinkb {background-color: #f224aa;}
.sigyellowb {background-color: #eddf1c;}
.sigblueb {background-color: #0014cc;}
.siggoldb {background-color: #d99e04;}
.siggrayb {background-color: #696464;}



/* #ddd */
.bordertop-ddd    { border-top: 1px solid #ddd; }
.borderbottom-ddd { border-bottom: 1px solid #ddd; }
.borderleft-ddd   { border-left: 1px solid #ddd; }
.borderright-ddd  { border-right: 1px solid #ddd; }

/* #eee */
.bordertop-eee    { border-top: 1px solid #eee; }
.borderbottom-eee { border-bottom: 1px solid #eee; }
.borderleft-eee   { border-left: 1px solid #eee; }
.borderright-eee  { border-right: 1px solid #eee; }

/* #ccc */
.bordertop-ccc    { border-top: 1px solid #ccc; }
.borderbottom-ccc { border-bottom: 1px solid #ccc; }
.borderleft-ccc   { border-left: 1px solid #ccc; }
.borderright-ccc  { border-right: 1px solid #ccc; }

/* #aaa */
.bordertop-aaa    { border-top: 1px solid #aaa; }
.borderbottom-aaa { border-bottom: 1px solid #aaa; }
.borderleft-aaa   { border-left: 1px solid #aaa; }
.borderright-aaa  { border-right: 1px solid #aaa; }

/* #999 */
.bordertop-999    { border-top: 1px solid #999; }
.borderbottom-999 { border-bottom: 1px solid #999; }
.borderleft-999   { border-left: 1px solid #999; }
.borderright-999  { border-right: 1px solid #999; }


.newthingy {
	font-weight:bold;
	color: #eddf1c;
	background-color: #d00e0e;
}
.textdisabled {
	color: #666;
}
.infosmalleraside {	font-size: 12px; color: #656565;}

.terminal-window {
	background-color: #000;
	color: #00AA00;
	font-family: monospace;
}
.vid_length{
	position:absolute;
	bottom: 0;
	right: 0;
	color:white;
	background-color: #000;
	/* background-color: #02c420; */
}

/*to make top bar text show up together*/
.accounttoplinkback h1,
.accounttoplinkback h2,
.accounttoplinkback p {
	display: inline;
}




/* Container and layout */
.container {
  text-align: left;
  background: #eee;
  margin: 0 auto;
  width: 1000px;
  border: 1px solid #444;
  border-top: none;
}
/* Section titles */
.section-title {
  font-size: 14px;
  font-weight: bold;
  color: #333;
  margin-bottom: 8px;
  border-bottom: 1px solid #ccc;
  padding-bottom: 3px;
  text-align: left;
  /* position: relative;
  border: 1px solid red;
  height: 16px; */
}

#watchpagenowwatching { /*doodle*/
	position: absolute;
	top: -36px;
	left: 288px;
}
#watchpagenowwatching-smoke { /*doodle*/
	position: absolute;
	top: -34px;
	left: 345px;
}
#watchpagenowwatching-sparks { /*doodle*/
	position: absolute;
	top: -20px;
	left: 345px;
}
.doodlewrap {
	width: 0px;
	height: 0px;
	position: relative;	
}



/*HOME PAGE */

/* Panel component */
.panel {
  width: 970px;
  margin: 0 auto;
  border: 1px solid #000;
  border-radius: 10px 10px 0 0;
  background: #eee;
  overflow: hidden;
}
.panel-header {
  color: #fff;
  text-align: center;
  margin: 0;
  font-size: 18px;
}
.panel-body {
  padding: 10px;
  background: #fff;
  text-align: left;
  margin: 0;
}
.legacyimgwhyisthisnotworkingcorrectly {
	position: relative;
	height: 32px;
	width: 32px;
	top: 2px;
	left: 2px;
}






/*header of site is in assets/header/header.css
.header-logo {
}
.navbar-links {

}/*




/* Index page - Video recommendations */
.rec-banner {
  background: #bbb;
  color: #333;
  font-size: 13px;
  font-weight: bold;
  padding: 8px 0 7px 12px;
  margin-bottom: 4px;
  text-align: center;
  width: 960px;
  border: 1px solid #888;
}
.video-rec-table {
  background: #f5f5f5;
}
.rec-video-cell {
  text-align: center;
  padding: 10px 5px 18px 5px;
  vertical-align: top;
}
.rec-thumb {
  border: 1px solid #888;
  background: #f8f8f8;
  display: block;
  margin: 0 auto 7px auto;
}
.rec-title {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #333;
  font-weight: bold;
  text-decoration: none;
}

/*search page*/

.searchtable td {
	padding: 0;
	margin: 0;
	font-size: 12px;
}

.enhancedsearchform {
	background: #f9f9f9; border: 1px solid #ccc; padding: 0 0 0 8px; margin-bottom: 4px;
}
.enhancedsearchform .enhancedsearchthingylayoutforcegumberer {
	width: 100%;
}
.advancedsearchtextdiv {
	border: 1px dashed #D00e0e;
	padding: 4px;
	text-align: center;
	vertical-align: middle;
	width: 220px;
	position: relative;
	margin: 4px;
}
.advancedsearchtextdiv * {
	padding: 0;
	margin: 0;
}
.advancedsearchtextdiv img {
	float: right;
	position: absolute
}
.advancedsearchtextdiv p {
	text-align: left;
}
.advancedsearchtextdiv .shruggyguy {
	position: absolute;
	right: 0;
	bottom: 0;
}

/*ACK start of about page shittymajogger*/

.textonly {
  padding: 10px 20px 0 20px;
}
.about-headerimg {
	float: left;
	height: 32px;
	margin-right: 4px;
}

.textonly h1,
.textonly h2 {
	margin: 0px;
	padding: 0px;
}

.hoverforinfo {
	border-bottom: 2px dotted #d00e0e;
}



#about-2divsschillinginahottub5feetapartcuztheyrenotgay {
	height: 250px;
	margin-bottom: 25px;
	/* text-align: center; */
}

.about-gettingstarted{
	position: relative;
}

.ad-btn{
	width: 16px;
	height: 16px;
}

.ad-left-box{
	position: absolute;
	right: -4px;
	top: -4px;
	text-align: right;
}

#about-gettingstarted {
	padding: 4px 0;
	float: left;
	width: 250px;
	height: 250px;
	background-color: #78bebe;
	border: 4px dashed #d00e0e;
}
#about-gettingstarted h2 {
	text-align: center;
}
#about-gettingstarted a:hover {
	color: #d00e0e;
	text-decoration: none;
	border-bottom: 2px dashed #d00e0e; /*100px gives a funni effect*/
}

#about-joinourdiscordplz {
	padding: 4px;
	float: right;
	width: 250px;
	height: 200px;
	background-color: #7289da; /*old logo color*/
	border: 4px dashed #5665ed; /*new logo color, very clever huh*/
	border-radius: 8px;
	color: #5aff7c;
	text-align: center;
	position: relative;
}
#about-joinourdiscordplz img {
	margin: 0 10px;
}

#about-statistics {
	display: inline;
	width: 500px;
	float: left;
}

#about-attribution {
	float: right;
	display: inline;
	width: 250px;
	background-color: #b8b8b8;
	padding: 4px;
	font-size: 0.9em;
	border: 1px solid gray;
	margin-bottom: 10px;
}
#about-attribution p {
	margin: 0;
}
#about-attribution h2 {
	margin: 4px 0;
}








/*ack SETTINGS.php PAGE*/
.flashplayerpickbtn {
	margin:3px; background:#222; color:#fff; padding:4px 4px; border:none; cursor:pointer;
}
.highly-experimental {
	color: #FF1818;
	font-size: medium;
}
#forceFlashBtnContainer #forceFlashBtn {
	background: #c00;
	color:#fff;
	border: none;
	padding: 5px 12px;
	font-size: 14px;
	cursor: pointer;
	float: left;
}
#forceFlashBtnContainer {
	margin: 6px 0;
}

#forceFlashBtnContainer .clearancookie {
	float: right;
	
}
.clickabletd {text-align: center;}

#darkmodebtn {
	bordedr: 1px solid gray;
	cursor: pointer;
}
.settings-darkmode-txt {
	background-color: #000;
	color: #fff;
}

.settingstable, .settingstable li, .settingstable td {
	border: 1px solid gray;
	border-spacing: 4px;
	margin: 32px 0;
	border-collapse: separate;
}

.settingstable td.text {
	padding-right: 4px;
	padding-left: 4px;
}

#flashPlayerSelector {
	margin:12px 0 18px 0;
}

.settings-savedefaultplayer {
	background:#c00; color:#fff; border:none; padding:5px 20px; font-size:13px; cursor:pointer;
}
#savePlayerMsg {
	margin-left:10px;color:green;
}




/* IE6 word-break for long text (titles, usernames) */
.ie6break {
  word-wrap: break-word;
  overflow: hidden;
}





/*netack report.php reporting reports here ffs shitballsfuck*/
.watchpage-reportformwrapper {
	padding: 8px;
}
.watchpage-reportform {
	font-size: 12px;
	border: 2px dotted #d00e0e;
	padding: 4px;
}
.watchpage-reportform form {
	margin: 0;
}
.reportform-notloggedin {
	width: 100%;
	text-align: center;
	font-size: 20px;
	padding: 8px 0px;
}
.reportform-notloggedin img {image-rendering: pixelated;}
.w2k-windowbgcolor {background-color: #D4D0C8;}


.contactmeenvelope {cursor: pointer; border: none;}
/*netack contact_iframe.php*/
.contact_iframe .sdsdshorttitle {width: 280px;}
.contact_iframe .reasons {width: 100%; margin-bottom: 4px;}
.contact_iframe-inputters {position: relative; width: 100%; margin-bottom: 4px;}
.contact_iframe-inputters input {width: 100%; margin-bottom: 0px;}
.contact_iframe-inputters img {
	position: absolute;
	float: right;
	top:0;
	right: 0;
	NOwidth: 96px;
	NOheight: 96px; 
	image-rendering: pixelated;
	border: 1px solid #D00e0e;
}
.contact_iframe-inputters #name,
.contact_iframe-inputters #username {width: 200px;}
.contact_iframe-inputters #emailaddr {width: 200px;}
.contact_iframe-inputters #captcha {width: 64px;}
.contact_iframe-captcha img {position: absolute; margin: 0; padding: 0;}
.contact_iframe-captcha {position: relative;}

.referenceid {
	border: 2px dashed #02c420;
}
.referenceid span {
	font-family: monospace;
	font-weight: bold;
}
button.contactmeenvelope {
	padding: 0;
	margin: 0;
	border: none;
	background-color: white;
}


/* netack Watch.php watch page - Video player */
.video-player {
  width: 640px;
  height: 360px;
  background: #000;
  color: #fff;
  text-align: center;
  font-size: 18px;
  margin: 10px auto;
}

/* Watch page - Video info */
.video-info {
  /* padding: 10px 10px 0 10px; compatcitng*/
  padding: 4px 4px 0 4px;
  text-align: left;
}
.video-info .video-title {
  font-size: 14px;
  font-weight: bold;
  color: #06c;
  margin-bottom: 8px;
}
.video-info .video-meta {
  border-bottom: 1px solid #ddd;
  padding-bottom: 8px;
  margin-bottom: 8px;
  overflow: hidden;
}
.video-info .video-stats-left {
  float: left;
}
.video-info .video-stats-right {
  float: right;
  font-weight: bold;
}
.video-info .video-rating {
  font-size: 12px;
}
.video-info .star-rating {
  margin: 0 5px;
}
.video-info .star-img {
  width: 16px;
  height: 16px;
  margin-right: 2px;
  vertical-align: middle;
}
.video-info .video-actions {
  margin: 9px 0;
  border-bottom: 1px solid #ddd;
  padding-bottom: 8px;
}
.video-info .video-actions .action-btn {
  display: inline;
  margin-right: 10px;
  font-size: 11px;
  color: #656565;
  cursor: pointer;
  vertical-align: middle;
}
.video-info .video-actions .action-btn a {
  color: #656565;
  text-decoration: none;
}
.video-info .video-actions .action-btn:hover {
  text-decoration: underline;
}
.video-info .video-actions .action-btn-selected{
  margin: -5px 10px -5px -5px;
  padding: 8px 5px;
  position: relative;
  background-color: #FFFFFF;
}
.video-info .video-actions .action-img {
  width: 16px;
  height: 16px;
  vertical-align: middle;
  margin-right: 2px;
}
.action-popup{
	position:absolute;
	display:none;
	left:-5px;
	top:24px;
	padding: 5px;
	width: 630px;
	background-color: #C0C0C0;
	border: 1px black solid
}
.watch-video-author {
  font-size: 11px;
  color: #656565;
  margin: 5px 0;
  width: 200px;
}
.watch-video-author table {
	width: 100%;
	border: 1px solid #ccc;
	background-color: #ddd;
}
.watch-video-author .pfp {
	border-right: 1px solid #ccc;
}
.watch-video-author .info {
	text-align: left;
	padding: 2px;
}
.watch-video-author .subbtn {
	padding: 2px;
}
.watch-video-author .added {
	padding: 0 2px;
	text-align: right;
}
.watch-video-author table tr td img {
	image-rendering: auto;
	border: none;
	width: 32px;
	height: 32px;
	display: block;
	margin: 2px;
}


.watch-belowvideotable {
	width: 100%;
}
.watch-belowvideotable .authorhere {width: 200px;}
.watch-belowvideotable .dateadded {
  font-size: 12px;
  color: #656565;
  padding: 4px;
  text-align: center;
}
.watch-belowvideotable .expanddesctd {
	width: 180px;
	text-align: center;
  background: #fff;
  border: 1px solid #444;
  /* border-bottom: none; */
}

/* Description toggle */
#descriptionBox {
  display: none;
  padding: 8px;
  background: #fff;
  border: 1px solid #444;
  border-top: none;
  border-right: none;
}
.watch-descriptiontopborder {
	/* border-bottom: 1px solid #444; */
}

.watch-belowvideotable .rightofdesc {border-right: 1px solid #444;}
.watch-belowvideotable .expanddesctd a {
  color: #06c;
  text-decoration: none;
}
.watch-belowvideotable .expanddesctd a:hover {
  text-decoration: underline;
}
.video-extra-info {
  margin-bottom:8px;
  font-size:12px;
  color:#222;
}
.subscribe-button {
  /* background-image: url("/assets/header/sigred_gradiant.png"); other one is for ay ay 6 feex*/
  background-repeat: no-repeat;
  background-position: center;
  background: transparent url('/assets/header/sigred_gradiant.png') no-repeat top;
  border: none;
  width: 64px;
  height: 16px;
  cursor: pointer;
  font-size: 11px;
  font-weight: bold;
  color: #000;
  vertical-align: middle;
}
.subscribe-button:active {
	background-image: url("/assets/header/sigred_gradiant_upsidedown.png");
}






/* Watch page - Comments */
.video-comments {
}
.comment-form {
  image-rendering: pixelated;
  font-size: 14px;
  margin-bottom: 10px;
  padding: 8px;
  padding-right: 0px;
  /* background: #f9f9f9; */
  /* border: 1px solid #ddd; */
  width: 640px;
  /* table-layout: fixed; */
}
/* .comment-form .spaaacer img {display: block; width: 64px; height:32px;} */
.comment-form .spaaacer {
	width: 64px;
  background-image: url("/assets/images/bg/commentspacerbg.gif");
  background-repeat: no-repeat;
  background-position: left top;
}
.comment-form .bottom td {height: 32px;padding: 0;}
.comment-form .sort {
	padding-left: 8px;
}
.comment-form .title {
	/* padding: 4px 0; */
	/* text-align: center; */
}
.comment-form tr td {
	
}
/* .comment-form table {width: 100%;} */
.comment-form .input table {width:100%;}
.comment-form .inputtd {
	width: 550px;
	white-space: nowrap;
}
.comment-form #comment-input {
	width: 540px; resize: vertical;
	margin: 0;
	vertical-align: middle;
	/* float: left; */
	/* display: inline; */
}
.comment-form #comment-submit {
	height: 36px;vertical-align: middle;
	/* float: left; */
}
.comment-form .sort,
.comment-form .title {width: 288px;}


.comment-container{
  border-left: 2px solid #ddd;
}
.comment-box {
  background: #fff;
  border: 1px solid #ddd;
  margin-bottom: 10px;
  padding: 8px;
  text-align: left;
}
.comment-reply {
  margin-left: 10px;
}
.comment-box .header {
  margin-bottom: 5px;
  border-bottom: 1px solid #eee;
  padding-bottom: 3px;
}
.comment-box .author {
  font-weight: bold;
  color: #06c;
  font-size: 11px;
}
.comment-box .author .normaltext {
  font-weight: normal;
  color: #666;
  font-size: 11px;
}
.comment-box .time {
  float: right;
  font-size: 10px;
  color: #999;
}
.comment-box .text {
  margin: 5px 0 0 5px;
  font-size: 11px;
  line-height: 1.4;
}
.comment-box .actions {
  margin-top: 8px;
  font-size: 10px;
}
.comment-box .thumb {
  margin-right: 10px;
  cursor: pointer;
  color: #656565;
}
.comment-box .thumb-img {
  width: 12px;
  height: 12px;
  vertical-align: middle;
  margin-right: 2px;
}
.comment-box .action {
  color: #06c;
  text-decoration: none;
  margin-left: 10px;
}
.comment-box .delete {
  color: #D00e0e;
  text-decoration: none;
  margin-left: 10px;
}
.comment-box .delete:hover {
  text-decoration: underline;
}




/* Column layout */
.maincol {
  width: 640px;
  padding: 16px 0 0 16px;
  vertical-align: top;
}
.spacercol {
  /* width: 28px; */
}
.sidebarcol {
  width: 310px;
  padding: 8px 16px 0 0;
  /* padding-top: 16px; */
  vertical-align: top;
}

.smallImg {
  width: 16px;
  height: 16px;
  border-width: 0px;
  padding: 0px;
}
.in-playlist{
  background: #ffcc00; 
}



/*ACK videos.php here*/

.videosphp-cellvideo { /*why is EVERYTHING in the HUTTEMULLERY*/
	width: 25%;
	padding:8px 0;
	text-align:left;
	vertical-align:top;
}
.videosphp-cellvideothumb {
	position: relative;
	width: 220px
}
.videosphp-cellvideothumb a {
	width:220px;
	height:165px;
	overflow:hidden;
	background:#000;
	text-align:center;
	line-height:165px;
	margin:0;
	cursor:pointer;
	display:block;
	border:1px solid black;
}
.videosphp-cellvideothumb img {
	width: 220px;
	vertical-align:middle;
	display:inline;
	border:none;
}
.videosphp-cellvideotitle {
	width:220px;
	overflow:hidden;
	white-space:nowrap;
}
.videosphp-cellvideotitle a {
	color:#06c;
	text-decoration:none;
}
.header-div{
	background: #f0f0f0;
	border: 1px solid #ccc;
	padding: 2px;
}
.header-row{
	background: #f2f2f2;
	border-bottom: 2px solid #ddd;
}
.video-row{
	border-bottom: 1px solid #eee;
}
.video-deleted-row{
	background-color: #fff0f0;
}
.account-managevids .stats-div{
	margin-top: 20px; padding: 15px;
	background: #f9f9f9;
	border: 1px solid #ddd;
}
.video-title-link{
	text-decoration: none;
	color: #1a5490;
}
.video-stats-div{
	font-size: 12px;
	color: #656565;
	line-height: 1.4;
}
.video-public{
	color: green;
	font-weight: bold;
}
.video-hidden{
	color: orange;
	font-weight: bold;
}
.video-private{
	color: red;
	font-weight: bold;
}
.video-deleted{
	color: #cc0000;
	font-weight: bold;
}




/*channels.php*/
.channels-channeltable {
	width: 100%;
}
.channels-channeltable .pfp {
	width: 96px;
}
.channels-channeltable .pfp img {
	border: none;
	width: 100%;
}
.channels-channeltable .userinfo {
	width: 375px;
	padding-left: 4px;
}


/* .channels-channeltable td {
	border-bottom: 1px solid gray;
}*/


/* User page - Profile */
#channelbanner {
  width: 100%;
  text-align: center;
}
.channel-profile {
  border-collapse: collapse;
  width: 900px;
  margin: 0 auto;
  background: transparent;
  text-align: left;
  overflow: visible;
  position: relative;
}

.channel-profile-content {
	height: 100px;
}
.pfp-box {
  width: 100px;
  background: #ccc;
  border: 1px solid #aaa;
  text-align: center;
}
.profile-pic {
  width: 64px;
  height: 64;
  border: 1px solid #888;
}
.about-box {
  vertical-align: top;
  width: 700px;
  padding: 8px;
  background: #ddd;
  border-top: 1px solid #aaa;
  border-bottom: 1px solid #aaa;
  border-right: 1px solid #aaa;
  overflow: auto;
}
.stats-box {
  width: 100px;
  background: #ccc;
  border: 1px solid #aaa;
  font-size: 12px;
  padding: 5px;
  color: #222;
  vertical-align: top;
}
.description-box {
  clear: left;
  width: 800px;
  background: #ddd;
  border: 1px solid #aaa;
  border-top: none;
  border-right:none;
  padding: 10px;
}
.description-box a {
  text-decoration: none;
  color: #000;
  font-weight: bold;
}
.description-box a:hover {
  text-decoration: underline;
}
.description-expanded {
  margin-top: 10px;
}
.description-box-right {
  background: #ddd;
  border: 1px solid #aaa;
  border-top: none;
  border-left: none;
  padding: 4px;
  /* position: relative; */
}
.description-box-right button {
	width: 100%;
	margin-top: 5px;
	/* position: absolute; */
	/* top: 8px; */
	/* right: 0; */
}

#content-area {
  overflow: hidden;
}

/*new menu 09-12-2025*/

/*tabs*/
.profile-tabcontainer {
  width: 100%;
  border-collapse: collapse;
}

.profile-tabcontainer td, .user-tab {
  text-align: center;
  padding: 8px 0px;
  margin: 0;
  font-size: 16px;
  vertical-align: middle;
}

/* .manage-user{ */
  /* border: 1px solid #aaa; */
/* } */

.profile-tabcontainer td{
  width: 25%;
  background: #ddd;
  border: 1px solid #000;
}

.profile-tabcontainer td.profile-tab_current {
  background: #eee;
  cursor: default;
  border: none;
}
.profile-tabcontainer td.postsselected {
	background-color: #d7ffdb; color: #000;
}

.profile-tabcontainer td a, .user-tab a {
  color: #000;
  text-decoration: none;
  display: block;
}



/*account index.php*/
#channelbanner .acclinksb {
	/* border: 1px solid #aaa; */
	border-bottom: 1px solid #aaa;
}
#channelbanner .acclinks {
	padding: 8px 0;
	margin-left: 145px;
	width: 700px;
}




/*videos on userpage i guess*/

.userpagevids-title {
	width: 220px;
	text-align: left;
	display: block;
}






/*posts align*/
.leftthefuckup {
  text-align: left;
}

.resultsuserpage {
	width:220px;
	height:165px;
	overflow:hidden;
	background:#000;
	line-height:165px;
	margin:0;
	cursor:pointer;
	display:block;
	border:1px solid black;
}








/* Upload/Form pages */

/*WHY NOT HERE, ITS ALL FUCKED BRO., also some extra css in /account/upload.php*/
/* #upload-form-table {  */
	/* text-align: left; */
/* } */

/* input[type=button], input[type=submit], input[type=reset], button, select{ */
  /* border-top: #fff 2px solid; */
  /* border-right: #808080 2px solid; */
  /* border-bottom: #808080 2px solid; */
  /* border-left: #fff 2px solid; */
  /* background-color: #ddd; */
/* } */
/* input[type=button]:active, input[type=submit]:active, input[type=reset]:active, button:active, select:active, input[type=text], input[type=date], input[type=password], textarea{ */
  /* border-top: #808080 2px solid; */
  /* border-right: #fff 2px solid; */
  /* border-bottom: #fff 2px solid; */
  /* border-left: #808080 2px solid; */
/* } */
/* input, select, textarea{ */
  /* background: #f5f5f5; */
			  /* /*background: #c7c7c7; NOT THIS THIS IS ALWAYS COMMENTED */
			  /* color: #000; */
            /* 0dfcd6e99bc1a61c308499e9cabfb40fc1e0e927*/
/* } */

.big-form-wrapper {
  margin: 0 auto;
  background: #f9f9f9;
  border: 1px solid #aaa;
  padding: 10px;
  text-align: left;
}
.big-form-wrapper.width {
  width: 750px;
  margin-bottom: 16px;
}
#convertingvideo {
	/* padding-bottom: px; */
}
#convertingvideo #loadingconverting {
	margin: 16px;
}
#convertingvideo #converting_text {
	font-weight: bold;
	color: #d00e0e;
	margin: 10px 0;
}

.big-form-table {
  width: 100%;
  border-collapse: collapse;
}

.big-form-table.twox50percent tr td {
  width: 50%;
}
.form-left,
.form-right {
  padding: 10px;
  vertical-align: top;
}
.form-right {
  width: 66%;
}
.form-left {
  width: 33%;
}
.form-section {
  margin-bottom: 15px;
}
.textin {
  width: 100%;
  font-family: Arial, sans-serif;
  font-size: 12px;
}
input[type=file] {
  width: 95%;
}
.upload {
  margin-top: 10px;
  padding: 5px 15px;
  font-size: 14px;
}

#uploadbox #subtitle-section {
	display:none;
	margin-top:4px;
}
#uploadbox #subtitle-section select {
	width: 200px;
}






/*netack account edituser.php user account*/
#uploadbox {margin:10px;}

.user-updateprofileheader {
	height: 32px;
}
.user-updateprofileheader h2 {
	width: 150px;
	display: inline;
}
.user-updateprofileheader a {
	text-decoration: none;
}
.user-updateprofilehedader span {
	background-color:#d4edda;
	color: #155724;
	padding: 4px;
	border: 1px solid #c3e6cb;
	margin: 2px;
}
.user-updateprofile {
	padding: 10px;
}
.user-updateprofile.bannerpick {
	border: 1px solid gray;
	border-bottom: none;
}
.user-updateprofilepfp {
	width: 200px;
	border: 1px solid gray;
	border-right: none;
	border-top: none;
	padding-left: 8px;
	/* text-align: center; */
}
.user-updateprofilepfp .pfptable {margin-bottom: 8px;}
.user-updateprofile.namedesc .section textarea {resize: vertical;}
.user-updateprofile.namedesc {
	width: 300px;
	border: 1px solid gray;
	border-left: none;
	/* text-align: center; */
}
.user-bannertxttd {
	position: relative
}
.user-bannertxttd img {
	position: absolute;
	bottom: 0;
	left: 0;
}
.user-bannertext {
	margin-left: 10px;
	border: 1px solid green;
	background-color: #ef1;
	width: 196px;
}

.editusertable-top tr .topsegment {padding-left: 10px;}
.editusertable-top .localpreferences tr td {border: 1px solid #666; padding: 2px;}
.editusertable-top .localpreferences input {width: 97%;}
.editusertable-top .localpreferences {
	border: 1px solid #666;
	font-size: 12px;
	width: 280px;
}



.userchangeinfotabletd {padding: 0 10px 10px;	position: relative;}
.user-changesecurity {background-color: #efe;padding: 0px 20px 10px; border: 1px solid #699174;}
.user-changesecurity button {background-color: #fee;}
.user-changesecurityinside {
	padding: 0; 
	border: 1px solid #699174; 
	background-color: #ded;
}
.user-changesecurityinside tr td {padding: 4px;}
.user-changesecurityinside tr td input {width: 190px;}
.userchangeinfotabletd .emailicon {
	position: absolute;
	right: 35px;
	top: 80px;
	width: 100px;
}
.userchangeinfotabletd .password {width:386px;height: 210px;}
.userchangeinfotabletd .email {width:425px;height: 275px;}
.userchangeinfotabletd .deleteaccount {/*i should really use better naming*/
	margin-top: 10px;
	width: 386px;
	height: 43px;
}





/*user.php playlists*/
.userphp-playlists {margin-top: 18px;}
.userphp-playlists tr td {
	width: 250px;
}
.userphp-playlists tr td .imgcontainer a {overflow: hidden; display: block; height: 180px;}
.userphp-playlists tr td .imgcontainer,
.userphp-playlists tr td .playlistlink {
	width: 240px;
	position: relative;
	margin-left: 5px;
}
.userphp-playlists tr td .imgcontainer img {
	width: 240px;
	vertical-align:middle;display:inline;border:none;
}








/* IE6-specific fixes for video rating and actions alignment */
* html .video-title {
  display: inline;
  zoom: 1;
  height: 32px;
}

* html .video-stats-left {
  margin-top: -16px;
}

* html .video-stats-right {
  margin-top: -16px;
}

* html .video-rating {
  display: inline;
  position: relative;
  zoom: 1;
}

* html .star-rating {
  display: inline;
  zoom: 1;
}

* html .star-img {
  display: inline;
  vertical-align: middle;
}

* html .action-btn {
  display: inline;
  zoom: 1;
}

* html .action-img {
  display: inline;
  vertical-align: middle;
}









/*  in /templates/userpage/videos.php*/
.videos_list_videoNOTINUSE {
	width: 250px; /*to center them: width be same as thumbnail, then margin of 15px bc thumbnail is 220 and cell is 250, then it will center i hope*/
}
.videos_list_video_thumb {
	
}



/*  in /templates/userpage/posts_list.php*
.profile-tab_current.posts {background-color: #d7ffdb;} ITS DUMB
/* Center column */
.userpost-bg {
    width: 100%;
    padding: 24px 0 24px 0;
    min-height: 300px;
	background: #d7ffdb;
	text-align: center;
}
/* Inner box: dark green, smaller than column */
.userpost-box {
	text-align: left;
    background: #25673c;
    border: 1px solid #155623;
    width: 900px;
    margin: 32px auto 32px auto;
    padding: 18px 16px 10px 18px;
    color: #fff;
    font-family: Arial, Verdana, sans-serif;
}

.userpost-dateadded {
	float:right; font-size:12px; color:#e8ffe3;
}



/* Title in the box */
.userpost-title {
    margin: 0 0 10px 0;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 0.5px;
}
/* Description */
.userpost-desc {
    margin: 0 0 16px 0;
    color: #bcffd2;
    font-size: 15px;
    line-height: 1.45;
}

/* Images below title-description */
.userpost-imgs {
    margin: 0;
    padding: 0 0 0px 0;
    text-align: left;
    overflow-x: auto;
	overflow-y: hidden;
    width: 900px;
    height: 280px;
    white-space: nowrap;
}
.userpost-imgs img {
    display: inline;
    border: 1px solid #155623;
    background: #18591c;
    margin-right: 7px;
    margin-bottom: 0;
    height: 256px;
    float: none;
}
.clearfix { clear: both; height:1px; }
.clearfixnoheight {clear: both;}






/* subtitle css*/
.subTable{
	border: 0px;
	margin: 0 15px 0 15px;
}

.tdOdd td{
	background-color: #fff;
}

.tdEven td{
	background-color: #e2e2e2;
}

.tdHeader td{
	background-color: #cdcdcd;
}


/* netack FOOTER */
#footer {
  text-align: center;
  width: 100%;
  border-top: 1px solid #ccc;
  background: #f9f9f9;
  margin-top: 30px;
}
.footer-table {
  width: 1000px;
}
.footer-table td {
	width: 50%;
}
.footer-content {
  text-align: center;
  font-size: 10px;
  color: #656565;
  padding: 10px;
}
#footercopyright {
	margin-left: 38px;
}
#footercopyrightred {
	color: #d00e0e;
}

/*#splashtextfooter {
	font-size: 25px;
	position: absolute;
	bottom: 14px;
	left: 20%;
	color: #a89500;
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}/*
/*netack splash text footer stuff*/
#splashtext {
	font-size: 14px;
	color: #a89500;
	/* filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=30); */
	position: absolute;
	left: 25%;
	cursor: pointer;
}

.splashwrap {
	height: 100%;
	width: 100%;
	  position: relative;
	  /* text-align: center; */
}

/* Modern browsers */
.rot18 {
  white-space: nowrap;
  transform: rotate(10deg);
  /* transform-origin: left top; */
  top: -20px;
  left: -20px;
/* IE6–IE9 only */
  filter: progid:DXImageTransform.Microsoft.Matrix(
    M11=0.9511,
    M12=-0.3090,
    M21=0.3090,
    M22=0.9511,
    sizingMethod='auto expand'
  );
}





/*netack account submitsplashtext.php*/
.submitsplashtext {margin: 0; padding: 0; text-align: center; background-color: #ddd;}
.submitsplashtext.table {
	/* width: 900px; in global*/
	border: 1px dashed #d00e0e;
	margin: 25px 50px;
	width: 900px;
}
.submitsplashtext.header td{
	/* height: 64px; */
	padding: 16px 4px;
}
.submitsplashtext.header p {
	margin: 0;
	padding: 0;
}
.submitsplashtext.body td {
	background-color: #eee;
	padding: 8px;
}

.submitsplashtext.weight {
	width: 100px;
	border-right: 1px solid #ddd;
}
.submitsplashtext.weight input {
	width: 40px;
    border: 1px solid #999;
	background-color: #fffde9;
}
.submitsplashtext.splashtext input {
	width: 640px;
	background-color: #adffc3;
	border: 1px solid #999;
}


.submitsplashtext.footer td {
	
	border-top: 1px solid #d00e0e;
}
.submitsplashtext.footer button {
	margin: 10px 0px;
	background-color: #ddd;
}





/*pagination*/
.pagination { text-align: center; margin: 15px 0 5px 0; }
.pagination a { margin: 0 4px; text-decoration: underline; color: #000; }
.pagination .current { font-weight: bold; color: #d00e0e; }


/*netack USER PAGE THINGIES IDK WHERE THEY EVEN ARE*/
#account-videos-maincolsomepaddingnshit {
	paddding: 10px;
}


#account-videos-content {
	width: 100%;
	border-collapse: collapse;
}

#account-videos-content th {
	padding: 10px;
	text-align: left;
}



.account-videos-btn {
	padding: 5px 10px;
	text-decoration: none;
	text-align: center;
	font-size: 12px;
	color: #fff;
}
/*
.account-videos-btn.edit { siggreenb
	background: #4CAF50;
}
.account-videos-btn.view { sigbluelb
	background: #2196F3;
}
.account-videos-btn.delete { SIGREDB
	
}*/

/*
idk if needed or where its used, no results for account-videos-btn deleted

.account-videos-btn.deleted{
	background: #999;
	color: #656565;
	cursor: not-allowed;
	border-left: 1px solid gray;
}*/



.account-videos-bottomstats {
	margin-right: 16px;
}


/*netack doodles*/

/*moved to section-title*/

/* === USERSTATS GRAPH === */

.userstats-chartbox {
  width: 960px;
  overflow-x: auto;
  overflow-y: hidden;
  background: #fff;
  border: 1px solid #888;
  padding: 0;
  margin: 0 auto 32px auto;
  position: relative;
  text-align: left;
}
.userstats-vaxis {
  position: absolute;
  left: 0;
  top: 0;
  width: 48px;
  height: 100%;
  background: none;
  z-index: 2;
}
.userstats-vaxis-label {
  height: 14px;
  line-height: 14px;
  font-size: 12px;
  color: #444;
  text-align: right;
  width: 46px;
  margin: 0;
  padding-right: 2px;
  font-family: Arial, sans-serif;
}
.userstats-bars {
  margin-left: 48px;
  height: 224px;
  display: flex;
  align-items: flex-end;
}
.userstats-barbox {
  width: 30px;
  height: 224px;
  display: inline-block;
  position: relative;
  margin: 0;
  padding: 0;
  vertical-align: bottom;
}
.userstats-bar {
  width: 20px;
  margin-left: 5px;
  margin-right: 5px;
  margin-bottom: 0;
  background: #8fb3e1;
  display: block;
  position: absolute;
  bottom: 0;
}
.userstats-bar-label {
  position: absolute;
  left: 0;
  bottom: -22px;
  width: 100%;
  height: 18px;
  text-align: center;
  font-size: 10px;
  color: #555;
}
.userstats-bar-count {
  position: absolute;
  left: 0;
  bottom: 100%;
  width: 100%;
  text-align: center;
  font-size: 10px;
  color: #222;
}

.userstats-dot {
  width: 10px;
  height: 10px;
  background: #2f67a3;
  border-radius: 5px;
  position: absolute;
  left: 10px; /* Will be dynamically set */
  z-index: 4;
}
.userstats-line {
  height: 2px;
  background: #2f67a3;
  position: absolute;
  z-index: 3;
}
/* === END USERSTATS === */

/* == ISOLATED USERSTATS TABLE == */

/* new two-column outer wrapper */
.userstats-section-table {
  width: 960px;
  margin: 0 auto 28px auto;
  border-spacing: 0;
  border-collapse: separate;
}
.userstats-sidebar {
  vertical-align: top;
  width: 38px;
  background: #fff;
  border-right: 1px solid #888;
  padding: 0;
}
.userstats-graphcell {
  vertical-align: top;
  padding: 0;
  background: #fff;
}

.userstats {

  border-collapse: collapse;
  border: 1px solid #888;
  margin: 0 auto 24px auto;
  background: #fff;
  /* table-layout: fixed; */
}
.userstats.right {  width: 960px;}
.userstats td {
  width: 24px;
  height: 14px;
  min-height: 14px;
  max-height: 14px;
  padding: 0;
  margin: 0;
  border: none;
  vertical-align: bottom;
  line-height: 14px;
}
.userstats tr {
  height: 14px;
  min-height: 14px;
  max-height: 14px;
}
.userstats td.bartaken {
  background: #fff;
}
.userstats td.barfree {
  background: #fff;
}
.userstats td .taken {
  width: 20px !important;
  height: 14px !important;
  background: #d00e0e !important;
  margin: 0 !important;
  padding: 0 !important;
  display: block;
  border: none !important;
  font-size: 0;
  line-height: 0;
}
.userstats td.linedot {
  background: #d00e0e;
  border: 2px solid #111;
  height: 14px;
  padding:0;
}
.userstats-labelrow td {
  height: 64px;
  padding: 0;
  font-size: 10px;
  text-align: center;
  color: #555;
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  vertical-align: bottom;
  background: #eee;
  border-left: none;
}
.userstats-labelcell-barrier {
  border-left: 3px solid #444 !important;
}
.userstats-yaxis {
  width: 35px !important;
  font-size: 10px;
  color: #444;
  text-align: right;
  background: #fff;
  padding-right: 2px;
}






/*netack support contact.php*/
.supportchatwrapper .shortsummary {
	width: 100%;
	padding: 8px 0;
	font-weight: bold;
	text-align: center;
	border-top: 1px solid black;
	position: relative;
}
.supportchatwrapper .shortsummary .title {
	float: left;
	font-size: 14px;
	margin-left: 8px; /*used to be 16 before moving input to top*/
}
.supportchatwrapper .shortsummary .info{
	position: absolute;
	right:4px;
	top:0;
	/* font-size:10px; */
	font-size:14px;
}
.supportchatwrapper .shortsummary #refreshtimer {
	position: absolute;
	right:4px;
	bottom:0;
	font-size:10px;
}
.supportchat {
	width: 1000px;
	height: 580px;
	border-top: 1px solid gray;
	border-bottom: 1px solid gray;
	position: relative;
	vertical-align: bottom;
	overflow-y: auto;
}


.supportchattable tr,
.supportchattable {
	width: 100%;
}
.supportchattable tr td .unreadmisshudges {
	width: 95%;
	border-top: 2px dashed #d00e0e;
	margin: 10px 0;
	text-align: left;
}


.supportchatwrapper .chatinput {
	width: 100%;
	height: 60px;
	/* position: absolute; */
	/* bottom: 10px; */
	/* vertical-align: center; */
	border-top: 1px dashed gray;
}
.supportchatwrapper .chatinput textarea {
	width: 900px;
	height: 40px;
	/* position: absolute; */
	/* bottom: 10px; */
	/* left: 10px; */
	margin: 5px 0 0 10px;
	float: left;
	resize: none;
}
.supportchatwrapper .chatinput button {
	height: 45px;
	width: 60px;
	/* position: absolute; */
	/* bottom: 10px; */
	/* left: 10px; */
	margin: 5px 10px 0 0;
	float: right;
}
.supportchattable tr td {
	width: 25%;
}
.supportchattable tr td .msg {
	padding: 8px;
	border-radius: 8px;
}
.supportchattable tr td .msg .header {
	font-size: 10px;
	padding: 2px;
	margin-bottom: 8px;
	font-weight: bold;
	border-bottom: 1px solid darkgray;
	text-align: left;
}

.supportchattable tr td .msg.user {
	background-color: #c4c4c4;
	/* background-color: #8aff7d; */
	/* border: 1px solid #02c420; */
	border: 1px solid #646464;
	text-align: left; /*right looks so goofy*/
}
.supportchattable tr td .msg.admin {
	/* background-color: #d00e0e; */
	border: 1px solid #820d0d;
	text-align: left;
}






/*history.php watch history for account user netack*/
.watchhistoryouter {
	width: 500px;
	/* border: 1px dashed #d00e0e; */
	margin: 18px 0;
	float: left;
}
.watchhistoryouter .td {

}
.watchhistoryitem {
	width: 450px;
	height: 99px;
	border: 1px solid #333;
	background-color: #fff;
	margin-bottom: 16px;
}
.watchhistoryitem .thumbnail,
.watchhistoryitem .thumbnail img {
	width: 132px;
	display: block;
}
.watchhistoryitem .info {
	padding: 4px;
	font-size: 12px;
	color: #333;
	width: 336px;
}
.watchhistoryitem .info a {
	text-decoration: none;
}
.watchhistoryitem .info span {
	/* border-bottom: 1px dashed #333; */
}
.watchhistoryitem .delete {width: 32px;}
.watchhistoryitem .delete button {
	width: 100%;
	height: 100%;
	line-height: 14px;
  /*no goofy ahh font sadly font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif */
}


/*watch history stats*/
.watchhistorystats {
	width: 400px;
	/* height: 240px; */
	margin: 18px 10px;
	float: right;
	border: 2px dotted #ddd;
	text-align: center;
	padding: 8px;
}
.watchhistorystats .title {
	color: #d00e0e;
	border: 1px dashed #02c420;
}
.watchhistorystats .videoswatched {
	color: #fcc840;
}
.watchhistorystats .mostreplayed {
	color: #f224aa;
}
.watchhistorystats ul {text-align: left;}
.watchhistorystats .sincewhen {
	width: 50%;
	margin-left: 40px;
	text-align: center;
}





/*playlist.php*/
.playlistinfo {
	width: 450px;
	margin-bottom: 8px;
	font-size: 14px;
}
.playlistinfo tr td {
	padding: 8px;
	background-color: #ddd;
}
.playlistinfo .texttab {
	border: 1px solid #333;
	white-space: nowrap;
	font-weight: bold;
}
/* .playlistinfo .topwrap td {height: 16px;} */
.playlistinfo .topwrap td {
	height: 8px;
}
.playlistinfo #visibility button {margin: 0; padding: 0; aheight: 18px; font-size: 12px;}
.playlistinfo #visibility {
	border-bottom: none;
	text-align: center;
	font-size: 12px;
}
.playlistinfo .top1 {
	border-bottom: none;
	width: 2%;
	padding: 2px 4px;
}
.playlistinfo .top1 img {
	position: relative;
	top:4px;
	right:0;
}
.playlistinfo .whit {background-color: #eee;}
.playlistinfo .top0 {padding:0;}
.playlistinfo .top2 {
	border: none;
	border-bottom: 1px solid #333;
	/* width: 98%; */
}
.playlistinfo .body {
	border: 1px solid #333;
	border-top: none;
	border-bottom: none;
}
.playlistinfo .body table tr td {
	padding: 4px;
}
.playlistinfo .body .descriptiontxt {
	width: 1%;
	border: 1px solid #666;
	border-bottom: none;
	font-weight: bold;
}
.playlistinfo .body .author {
	border-bottom: 1px solid #666;
}
.playlistinfo .body .actualdescription td {
	border: 1px solid #666;
	border-top: none;
}
.playlistinfo .body .actualdescription td textarea {
	resize: vertical;
	width: 98%;
}
/* #playlistdesc {display: none;} */

.playlistinfo .bottom1 {
	border-top: none;
}
.playlistinfo .mostlefty {width: 75px;}
.playlistinfo .bottom2 {
	border: none;
	border-top: 1px solid #333;
	width: 98%;
}
/* #playlist-vids .videostxt { */
	/* padding: 8px; */
	/* background-color: #eee; */
/* } */
/* #playlist-vids .videostxt span { */
	/* border: 1px solid #333; */
/* } */

#playlist-vids .videosinside tr {
	
}
#playlist-vids .videosinside .number {
	width: 32px;
	font-size: 32px;
	text-decoration: underline;
	border-left: 2px dashed #333;
	position: relative;
}
#playlist-vids .videosinside .number img {
	cursor: pointer;
	position: absolute;
	top: 0;
	right: 0;
	width: 20px;
}
#playlist-vids .videosinside .lengththumb {
	position: relative; width: 190px;
}
#playlist-vids .videosinside .lengththumb .in {
	position: relative; width: 180px;
}
#playlist-vids .videosinside .lengththumb div a img {
	width: 180px
}