@charset "utf-8";

/* General Styles */
html, body, div, p, span, ul, ol, li, form, label, input, h1, h2, h3, h4, h5, h6, a {font-size: 100%; font-weight: normal; margin: 0; outline: 0; padding: 0; text-decoration: none;}
body {background: url(images/bg_black.jpg); font-family: Arial, Helvetica, san-serif; line-height: 1;}
a:hover {text-decoration: underline;}
#wrapper {background-color: #ffffff; margin: 0 auto; width: 1100px;}
#header {background: url(images/header_bg.jpg) no-repeat; height: 120px; position: relative;}
#header a#logo {display: block; height: 75px; left: 48px; position: absolute; top: 20px; width: 350px;}
#menu {background: url(images/menu_bg.jpg) no-repeat; height: 37px;}
#menu #nav {float: left; height: 33px; width: 600px;}
#menu #nav a {color: #ffffff; display: block; float: left; font-size: 12px; font-weight: bold; height: 23px; padding-top: 10px; text-align: center; text-transform: capitalize;}
#menu #nav a:hover {text-decoration: none;}
#menu #nav a#home {display: inline; margin-left: 47px; width: 76px;}
#menu #nav a#home:hover {background: url(images/home_hover_bg.jpg) no-repeat;}
#menu #nav a#newest {width: 115px;}
#menu #nav a#newest:hover {background: url(images/newestvideos_hover_bg.jpg) no-repeat;}
#menu #nav a#top {width: 105px;}
#menu #nav a#top:hover {background: url(images/topvideos_hover_bg.jpg) no-repeat;}
#menu #nav a#categories {width: 102px;}
#menu #nav a#categories:hover {background: url(images/categories_hover_bg.jpg) no-repeat;}
#menu #search {float: right; height: 30px; width: 498px;}
#menu #search form {padding-left: 50px;}
#menu #search input {float: left; margin-right: 10px;}
#menu #search input#field {background: url(images/search_field_bg.gif) no-repeat; border: none; color: #999999; font-size: 14px; height: 25px; padding-top: 8px; padding-left: 5px; width: 204px;}
#menu #search input#submit {margin-top: 6px;}
#menu #search select {float: left; margin-right: 10px; margin-top: 6px; min-width: 100px;}
#main {padding-top: 20px;}
#main h3 {color: #2c77df; font-size: 20px; font-weight: bold; margin-left: 10px; margin-bottom: 5px;}
#main h3 a {color: #2c77df; font-size: 20px; font-weight: bold; margin-left: 10px; margin-bottom: 5px;}
#footer {background: url(images/footer_bg.jpg) no-repeat; height: 152px; position: relative; margin-top: 10px;}
#ftr {color: #ff1856; font-size: 12px; left: 390px; position: absolute; text-align: center; top: 10px; width: 620px; line-height: 16px;}
div#hlogo { position: absolute; top: 15px; left: 42px; width: 365px; height: 80px; }
div#hlogo a { display: block; width: 365px; height: 80px; background: url('images/logo.jpg') no-repeat top left; }
div#hlogo a span { display: none; }
div#hnav {color: #ff0099; font-size: 14px; font-weight: bold; right: 40px; position: absolute; top: 95px; width: 400px; text-align: right; }
div#hnav a, div#hnav-sub a {color: #ff0099; font-size: 14px; font-weight: bold; margin: 0 8px;}
div#hnav-sub a { font-size: 12px; color: #0099FF; }
div#hnav-sub { color: #0099FF; font-size: 12px; font-weight: bold; right: 50px; position: absolute; top: 75px; width: 600px; text-align: right; }

/* Index Styles */
#content {display: inline; float: left; margin-left: 42px; width: 680px;}
#content #recent, #content #newest, #content #categories {background: url(images/big_gradient.jpg) no-repeat; margin-bottom: 10px; overflow: hidden; padding: 10px 0 0 10px;}
#related {background: url(images/big_gradient2.jpg) no-repeat; margin-bottom: 10px; overflow: hidden; padding: 10px 14px; height: 304px;}
#content #recent div, #content #newest div, #content #categories div, .fvid, #related div {float: left; font-size: 11px; margin-right: 9px; margin-bottom: 8px; width: 122px;}
#content #recent img, #content #newest img, #content #categories img, .fvid img, #related img {border: 1px solid #797979; margin-bottom: 5px;}
#content #recent h4, #content #newest h4, #content #categories h4, .fvid h4, #related h4 {height: 12px; margin-bottom: 2px; overflow: hidden;}
#content #recent h4 a, #content #newest h4 a, #content #categories a, .fvid a, #related a {color: #0099ff; font-weight: bold;}
#content #recent h4 a:hover, #content #newest h4 a:hover, #content #categories h4 a:hover, .fvid a:hover, #related a:hover {color: #ff66cc;}
#content #recent p, #content #newest p, .fvid p, #related p {font-weight: bold; margin-bottom: 2px;}
#content #recent p.views, #content #newest p.views, .fvid p.views {float: left;}
#content #recent p.duration, #content #newest p.duration, .fvid p.duration, #related p.duration {float: right; font-weight: bold;}
#content #recent p.stars, #content #newest p.stars, .fvid p.stars, #related p.stars {font-weight: bold;}
#content #pagination {color: #000000; font-size: 14px; margin: 0 auto 10px; overflow: auto; position: absolute; top: 0; right: 15px;}
#content #pagination a { float: left;}
#content #pagination a:hover { }
#content #pagination a#prev {display: block;}
#content #pagination span {float: left; margin: 0 8px;}
#content #pagination p {background-color: #b9ffff; padding: 5px; text-align: center;}
#content #pagination p a {float: none; margin: 0;}
#content #toplist {background: url(images/small_gradient.jpg) no-repeat; height: 113px; padding: 10px; padding-left: 60px;}
#content #toplist div {color: #ff0a50; float: left; font-size: 13px; line-height: 1.4; width: 140px;}
#content #toplist div a {color: #ff0a50;}
#content #toplist img {border: 1px solid #92ffff; display: block; margin: 0 auto 20px;}
#content #sort {background-color: #b9ffff; border: 1px solid #b9cccc; font-size: 16px; margin-bottom: 10px; padding: 10px 5px; text-align: left;}
#content #sort a {color: #ff0099; margin: 0 5px;}
#content #sort2 {display: block; font-size: 14px; margin-bottom: 5px;}
#content #sort2 a {margin: 0 5px;}
#sidebar {display: inline; float: right; margin-right: 42px; width: 316px;}
#sidebar span#categories_head {background: url(images/categories.jpg) no-repeat; display: block; height: 22px; margin-left: 10px; width: 214px;}
#sidebar span#populartags_head {background: url(images/popular_tags.jpg) no-repeat; display: block; height: 22px; margin-left: 10px; width: 214px;}
#sidebar span#sitestatistics_head {background: url(images/site_statistics.jpg) no-repeat; display: block; height: 22px; margin-left: 10px; width: 214px;}
#sidebar #categories, #sidebar #populartags, #sidebar #sitestatistics {background: url(images/medium_gradient.jpg) no-repeat; padding: 10px;}
#sidebar #categories a {color: #0099ff;}
#sidebar #sitestatistics {height: auto;}
#sidebar ul {color: #ff66cc; font-size: 16px; padding-left: 20px;}
#sidebar li {margin-bottom: 4px;}
#sidebar li a {color: #ff074a;}
#sidebar div.banner {margin-bottom: 10px;}
#sidebar div.banner img {border: 1px solid #92ffff;}
#sidebar #sitestatistics p {color: #0099ff; font-size: 16px; font-weight: bold; margin-bottom: 3px;}
#footer #toplist {background: url(images/small_gradient.jpg) no-repeat; height: 113px; padding: 10px; padding-left: 60px;}
#footer #toplist div {color: #ff0a50; float: left; font-size: 13px; line-height: 1.4; width: 140px;}
#footer #toplist div a {color: #ff0a50;}
#footer #toplist img {border: 1px solid #92ffff; display: block; margin: 0 auto 20px;}
.favorite-remove { float: right; margin-top: 2px; }
a.favorite-remove { color: #FF0099; font-size: 10px; font-weight: normal; }

.cwrapper { background: url('images/big_gradient_bottom.gif') repeat-y bottom left; }
.swrapper { background: url('images/medium_gradient_bottom.gif') no-repeat bottom left; margin-bottom: 10px; }

/* Video Styles */
#content #single_video {background: #e5fffe url(images/player_bg.jpg) no-repeat; padding: 15px; padding-bottom: 0; width: 638px; margin-bottom: 10px;}
#content #single_video #player {margin-bottom: 10px;}
#content #single_video p {color: #2c77df; font-size: 14px; margin-bottom: 6px;}
#content #single_video p a {color: #ff074a;}
#content #single_video p#desc {font-size: 14px; font-weight: normal; line-height: 1.2;}
#content #single_video p#category {float: left; width: 400px;}
#content #single_video p#tags {float: left; margin-left: 32px; width: 400px;}
#content #single_video p#rating { }
#content #video_sponsor {margin-bottom: 10px; overflow: auto;}
#content #video_sponsor img {float: left; margin-right: 10px;}
#content #video_sponsor p {float: left; line-height: 1.2; width: 300px;}
#content #statistics {background: #e3ffff url(images/stats_gradient.jpg) no-repeat; margin-bottom: 10px; padding: 15px; padding-right: 0; width: 652px;}
#content #statistics h4 {border-bottom: 1px solid #ffffff; color: #4992e5; font-size: 16px; font-weight: bold; margin-bottom: 10px; padding-bottom: 4px;}
#content #statistics h4 a {color: #ff074a; font-size: 14px;}
#content #statistics span.stat {color: #4890e3; font-size: 14px; margin-right: 8px;}
#content .comment {border-bottom: 1px solid #99cccc; margin-bottom: 8px; padding-bottom: 8px;}
#content .comment p {font-size: 14px; margin-bottom: 3px;}
#content .comment p span{color: #3399ff;}
#content .comment p a {color: #ff074a;}
#sidebar #related {background: #e4ffff url(images/related_bg.jpg) no-repeat; padding: 30px 10px 10px 10px; margin-bottom: 15px; }
#sidebar #related div {font-size: 11px; margin: 0 auto; width: 260px;}
#sidebar #related img {border: 1px solid #797979; float: left; margin-right: 6px;}
#sidebar #related h4 {margin-bottom: 2px;}
#sidebar #related h4 a {color: #ff013e; font-weight: bold;}
#sidebar #related p {font-weight: bold; margin-bottom: 2px;}
#sidebar #related p.views {float: left; margin-right: 30px;}
#sidebar #related p.duration {font-weight: bold;}
#sidebar #related p.stars {}

/* Categories Styles */
#content #categories p {color: #000000; font-weight: bold; text-align: center;}

/* Tag Styles */
a.tag-100, a.tag-110, a.tag-120, a.tag-130, a.tag-140, a.tag-150, a.tag-160, a.tag-170, a.tag-180, a.tag-190, a.tag-200 {color: #ff66cc;}
a.tag-100 {font-size: 100%;}
a.tag-110 {font-size: 110%;}
a.tag-120 {font-size: 120%;}
a.tag-130 {font-size: 130%;}
a.tag-140 {font-size: 140%;}
a.tag-150 {font-size: 150%;}
a.tag-160 {font-size: 160%;}
a.tag-170 {font-size: 170%;}
a.tag-180 {font-size: 180%;}
a.tag-190 {font-size: 190%;}
a.tag-200 {font-size: 200%;}


/* Additions */

.clear {
  clear: both;
  display: block;
  line-height: 0;
  overflow: hidden;
  height: 0;
  font-size: 0;
}

#userpages h3 { margin-left: 60px; }

#userform { margin: 10px 52px 20px; }
#userform-left, #userform-right { width: 50%; float: left; display: inline; }
#userform-left p { font-size: 14px; padding: 3px; }
#userform-left { padding: 20px 15px 10px 15px; border: 1px solid #d9d9d9; background: #fbfbfb; margin-left: 20px; }
#userform-right { background: #fbfbfb; padding: 10px 15px; border: 1px solid #d9d9d9; width: 40%; }
#userform-left h3 { color: #FF0099; }
.field { font-size: 12px; padding: 10px 3px 5px 3px; }
.wider { width: 200px; }
.field-left { font-weight: bold; width: 32%; float: left; display: inline; text-align: right; padding: 4px 10px 3px 0; color: #262626; }
.field-right { width: 60%; float: left; display: inline; text-align: left;  }

.vupload .field .field-left { font-weight: bold; width: 22%; float: left; display: inline; text-align: right; padding: 4px 10px 3px 0; color: #262626; }
.vupload .field .field-right { width: 70%; float: left; display: inline; text-align: left;  }

.acct-left, .acct-right { width: 35%; float: left; display: inline; }
.acct-left { background: #fbfbfb; padding: 10px 15px; border: 1px solid #d9d9d9; width: 55%; }
.acct-right { padding: 10px 15px 10px 15px; border: 1px solid #d9d9d9; background: #fbfbfb; margin-left: 20px; }
.favorites-left { width: 66%; }
.favorites-right { width: 24%; }

#acctinfo { font-size: 14px; color: #262626; display: inline-block; line-height: 18px; padding-left: 5px; }
#acctinfo-user, .header-red { padding-bottom: 4px; margin-bottom: 4px; border-bottom: 1px dotted #d3d3d3; }
#acctinfo-user a { font-size: 16px; color: #FF0099; text-decoration: none; font-weight: bold; }
.acctinfo-change { font-size: 14px; font-weight: bold; color: #2C77DF; text-decoration: none; }
.acctinfo-avatar { margin: 3px; border: 1px solid #262626; }

.section-sidebar-content span { font-size: 16px; color: #262626; line-height: 18px; font-weight: bold; }
.section-sidebar-content a { font-size: 14px; color: #FF0099; font-weight: bold; line-height: 18px; padding: 2px; }
.section-sidebar-content em { font-style: normal; font-weight: normal; font-size: 12px; color: #c5c5c5; }
.section-sidebar-content ul { padding-left: 20px; }
.section-sidebar-content ul li { font-size: 12px; color: #d3d3d3; }
.section-sidebar-content ul li:hover { color: #262626; list-style-type: disc; }

.fs80 { font-size: 10px; font-style: italic; color: #5a5a5a; }

.field input { background: #ffffff; border: 1px solid #797979; color: #FF0099; font-size: 14px; padding: 2px 4px; margin-bottom: 2px; }
.field textarea { background: #ffffff; border: 1px solid #797979; color: #FF0099; font-size: 14px; padding: 2px 4px; margin-bottom: 2px; }
.field input:hover { border: 1px solid black; }
input#gender-male { margin-left: 5px; }
#gender-female { margin-left: 10px; }
#field-terms { margin-top: 2px; }
#checkbox-terms { margin-bottom: 0; }

.field-gender { padding-top: 4px; }

.fterms { position: relative; height: 20px; }
.fterms a { color: #FF0099; }

#ft-title { position: absolute; left: 30px; top: 10px; font-weight: bold; }
#ft-input { position: absolute; left: 125px; top: 11px; }
#ft-label { position: absolute; left: 145px; top: 11px; }

.fremember { position: relative; height: 30px; }
#fr-label { position: absolute; left: 84px; top: 20px; font-weight: bold; font-size: 11px; font-weight: bold; color: #2c77df; }
#fr-label label { font-weight: bold; }
#fr-input { position: absolute; left: 60px; top: 15px; padding: 4px 6px; width: 88px; height: 13px; }
#fr-login { position: absolute; left: 192px; top: 11px; }

#bt-createaccount { border: none; background: url('images/bt-createaccount.gif') no-repeat top left; width: 140px; height: 28px; cursor: pointer; }
#bt-createaccount:hover { background: url('images/bt-createaccount.gif') no-repeat bottom left; }

#bt-updateaccount { border: none; background: url('images/bt-updateaccount.gif') no-repeat top left; width: 140px; height: 28px; cursor: pointer; }
#bt-updateaccount:hover { background: url('images/bt-updateaccount.gif') no-repeat bottom left; }

#bt-updateavatar { border: none; background: url('images/bt-updateavatar.gif') no-repeat top left; width: 140px; height: 28px; cursor: pointer; }
#bt-updateavatar:hover { background: url('images/bt-updateavatar.gif') no-repeat bottom left; }

#bt-nextstep { border: none; background: url('images/bt-nextstep.gif') no-repeat top left; width: 108px; height: 28px; cursor: pointer; }
#bt-nextstep:hover { background: url('images/bt-nextstep.gif') no-repeat bottom left; }

#bt-login { border: none; background: url('images/bt-login.gif') no-repeat top left; width: 73px; height: 28px; cursor: pointer; }
#bt-login:hover { background: url('images/bt-login.gif') no-repeat bottom left; }

#upload-button { border: none; background: url('images/bt-uploadvideo.gif') no-repeat top left; width: 133px; height: 28px; cursor: pointer; }
#upload-button:hover { background: url('images/bt-uploadvideo.gif') no-repeat bottom left; }

#bt-uploadvideo { border: none; background: url('images/bt-uploadvideo.gif') no-repeat top left; width: 133px; height: 28px; cursor: pointer; }
#bt-uploadvideo:hover { background: url('images/bt-uploadvideo.gif') no-repeat bottom left; }

#cancel-button { border: none; background: url('images/bt-cancel.gif') no-repeat top left; width: 103px; height: 28px; cursor: pointer; }
#cancel-button:hover { background: url('images/bt-cancel.gif') no-repeat bottom left; }

#com-submit button { border: none; background: url('images/bt-addcomment.gif') no-repeat top left; width: 140px; height: 28px; cursor: pointer; text-indent: -9999px; }
#com-submit button:hover { background: url('images/bt-addcomment.gif') no-repeat bottom left; }

#bt-search { border: none; background: url('images/bt-search.gif') no-repeat top left; width: 88px; height: 28px; cursor: pointer; text-indent: -9999px; position: absolute; right: 0; top: 1px; }
#bt-search:hover { background: url('images/bt-search.gif') no-repeat bottom left; }

#paginated-form { position: relative; }

.uploadnote { font-weight: bold; }
.uploadnote ul { padding: 10px 10px 10px 20px; font-weight: normal; }

#login-page #userform #userform-right { width: 30%; padding: 14px 15px; }
#login-page #userform #userform-left { padding: 20px 20px 20px 20px; width: 60%; }
#login-page #userform #userform-left span, #login-page #userform #userform-left a { color: #FF0099; }

#userform-left ul { padding: 15px 30px; }
#userform-left li { padding: 3px; font-size: 14px; }

.message-error { margin: 0 58px 0 52px; background: #fef1f1; border: 1px solid #f7c6c6; color: #e80000; font-weight: bold; text-align: center; padding: 7px 6px; }
.message-error li { color: #262626; padding-top: 5px; font-size: 14px; }

.message-notice { margin: 0 58px 0 52px; background: #f2fef1; border: 1px solid #cdf7c6; color: #15b504; font-weight: bold; text-align: center; padding: 7px 6px; }
.message-notice li { color: #262626; padding-top: 5px; font-size: 14px; }

#pagination-wrapper { position: relative; width: 100%; height: 30px; }
a.pagination-link { padding: 3px 6px; background: #fbfbfb; border: 1px solid #d9d9d9; margin: 0 2px; color: #0099ff; }
a.pagination-link:hover { background: #232027; color: #fc75d0; text-decoration: none; border: 1px solid #393939; }
a#next, a#prev { font-weight: bold; }
#pagination span { padding: 4px 0; font-weight: bold; }
#copy-ftr { color: #7f7f7f; line-height: 13px; padding: 2px; font-size: 11px; }

#panel-rating-message { font-size: 10px; text-align: right; font-weight: bold; color: #FF074A; padding-top: 30px; position: absolute; top: 0; left: 0; }

/** RATING STARS **/

#rating { position: relative; margin-left: 535px; margin-top: -5px; }

#rater-stars {
  position: absolute;
  top: 2px;
  left: 0px;
  z-index: 1;
}

#rating-text {
  position: absolute;
  left: -58px;
  top: 7px;
  color: #2C77DF;
  font-size: 14px;
}

.rater-div {
  position: absolute;
  width: 18.6px;
  height: 20px;
  top: 2px;
  left: 0px;
  background-color: #fff;
  filter: alpha(opacity=0);
  opacity: 0;
  z-index: 30;
  cursor: pointer;
}

#rater-text {
  position: absolute;
  top: 5px;
  left: 100px;
}

#vid-details { padding: 10px 0 0 0; margin-top: 10px; border-top: 1px solid #bfeeec; }
#addtofavorites { float: left; margin-left: 32px; }
#addtofavorites a { cursor: pointer; }

/* Float Fixes */
#main:after, #content #single_video:after, #sidebar #related div:after {clear: both; content: "."; display: block; height: 1%; visibility: hidden;}

/** PROGRESS BAR **/
#progress-bar {
  height: 24px;
  width: 0;
  background-color: #383838;
  text-align: center;
  font-weight: bold;
}

#progress-percent {
  position: absolute;
  width: 100%;
  text-align: center;
  font-weight: bold;
  color: #fff;
  font-size: 18px;
  top: 1px;
}

#progress-container {
  border: 1px solid #5E5E5E;
  width: 400px;
  position: relative;
}

.pcmsg { font-size: 14px; font-weight: bold }
.pcmsg a, .text-center a { font-weight: bold; color: ##FF0099; }

.vupload .message-error { margin: 0; }

.pleft { width: 170px; }
.pmiddle, .pright { width: 370px; }
.pmiddle { padding-right: 20px; }
.pleft, .pmiddle, .pright { float: left; display: inline; }

.profile-field { font-weight: bold; font-size: 14px; }
.profile-value { line-height: 18px; font-size: 14px; }
.profile-value a { color: #FF0099; }

#video-stext { text-align: center; padding: 5px 0 15px 0; }
#video-stext a { font-size: 20px; color: #FF074A; font-weight: bold; }

#pagination a { color: #0099FF; font-weight: bold; }
#sort2 { padding-bottom: 3px; font-size: 14px; }
#sort2 a:link, #sort2 a:hover, #sort2 a:active, #sort2 a:visited { color: #0099FF; }

#com { position: relative; }
#com-title { font-size: 14px; color: #FF074A; font-weight: bold; padding-bottom: 2px; }
#comment-text, #comment-captcha { border: 1px solid #000000; padding: 5px; }
#com-restriction { position: absolute; left: 0; top: 115px; font-size: 12px; color: #4890E3; }
#com-length { position: absolute; right: 24px; top: 115px; font-size: 12px; color: #4890E3; width: 200px; text-align: right; }
#com-verification { position: absolute; top: 140px; left: 220px; font-size: 12px; font-weight: bold; color: #FF074A; }
#com-captcha { padding-top: 27px; width: 210px; text-align: right; }
#comment-captcha { position: absolute; top: 170px; left: 220px; font-size: 12px; font-weight: bold; color: #FF074A; }
#com-submit { position: absolute; top: 169px; right: 124px; }

.myvideos-input { border: 1px solid #797979; font-size: 14px; padding: 3px 2px; }