body {
  background-color: #000000;
  background-image: url(../../images/bg.jpg);
  background-repeat: no-repeat;
  background-position: center top;
  margin: auto;
  padding: 0px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;  
  color: #FFFFFF;
}

#mtvemerge {
  margin: auto;
  width: 960px;
}

#headerbar  {
  background-color: #000000;
  height:30px;
}

#headerbar .mtvlogo {
  float: left;
  height:22px;
  padding-top: 4px;  
  padding-left: 10px;
}

#headerbar .mtvlink {
  float: left;
  vertical-align: middle;
  line-height:30px;
}

#headerbar .mtvlink a {
  color: #FF0000;
  text-decoration: none;
}

#headerbar .mtvlink a:hover {
  text-decoration: underline;
}

#headerbar .othersites {
  float: right;
  vertical-align: middle;
  line-height:30px;
  padding-right: 10px;
}

#headerbar .othersites a {
  color: #FFFF33;
  text-decoration: none;
}

#headerbar .othersites a:hover {
  text-decoration: underline;
}

#topbar #logo {
  width: 222px;
  float:left;
  text-align:center;
}

#topbar #bannerloginpanel {
  float: left;
}

#topbar #bannerloginpanel #leaderboardbg {
  padding-top: 10px;
}

#topbar #bannerloginpanel #loginpanel {
  width:728px;
  margin-top: 4px;
  height:27px;
  font-size: 9px;
  color: #FFFFFF;
  background-image: url(../../images/loginbg.png);
}

#topbar #bannerloginpanel #loginpanel .loginform {
  float:left;
  padding-left: 10px;
  line-height:27px;
  vertical-align: middle;   
}



#topbar #bannerloginpanel #loginpanel .addthis {
  padding-top: 5px;  
  float:right;
}

#topbar #bannerloginpanel #loginpanel a {
  color: #FFFFFF;
  text-decoration: none;
}

#topbar #bannerloginpanel #loginpanel a:hover {
  color: #FFFFFF;
  text-decoration: underline;
}

#topbar #bannerloginpanel #loginpanel a.redlink {
  color: #FF0000;
}

#topbar #bannerloginpanel #loginpanel a:hover.redlink {
  color: #FF0000;
}

#topbar #bannerloginpanel #loginpanel input {
  border: 1px solid black; 
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 11px; 
  color: #333333; 
  padding:1px;
}


#navbar #search button {
  height:13px;
  width:20px;
  text-align:center;
  line-height:13px;
  color:#FF0000;
   font-family: Arial, Helvetica, sans-serif; 
  font-size:10px;
  border:solid 0px #000000;
  background-color:transparent;
  cursor:pointer;
}

#topbar #bannerloginpanel #loginpanel .loginform button {
  height:15px;
  width:20px;
  text-align:center;
  line-height:15px;
  color:#FF0000;
   font-family: Arial, Helvetica, sans-serif; 
  font-size:10px;
  border:solid 0px #000000;
  background-color:transparent;
  cursor:pointer;
}

#topbar #bannerloginpanel #loginpanel .yellowseperator {
  font-size: 10px;
  color: #FFFF00;
  padding-left: 5px;
  padding-right: 5px;
}

#topbar #bannerloginpanel #loginpanel .loginsubmit a {
  color: #FF0000;
  text-decoration: none;
}

#topbar #bannerloginpanel #loginpanel .loginsubmit a:hover {
  color: #FF0000;
  text-decoration: none;
}

#navbar {
  margin-top: 2px;
  width:100%;
  height: 35px;
  background-image: url(../../images/navbg.png);
}

#navbar #nav{
  float:left;
}

#navbar #search{
  float:right;
  padding-right: 10px;
}

#navbar #search img {
  float: left;
}

#navbar #search form {
  margin: 0px;
  margin-top: 10px;
  padding-left: 20px;
  background: url(../../images/searchbar-bg.gif) no-repeat 0px;
  text-align:left;
  float: left;
  }
  
#navbar #search input {  
  vertical-align: middle;
  }
  
#navbar #search input#search-text {
  margin: 0px;
  padding: 0px;  
  width: 180px;
  font-size: 10px; 
  color: #999; 
  border: 0px solid #fff; 
  height:16px
  }
  
#main {
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 12px;
  padding-right: 12px;
  position:relative;

}

#main #leftpanel  {
  width: 608px;
  float:left;
}

#main #rightpanel  {
  width: 313px;
  float: right;  
}

#main #leftpanel #eyecandy {
  width: 607px;
  height: 307px;
  background: url(../../images/eyecandybg.png) no-repeat;
  padding-left: 7px;
  margin-bottom: 15px;
}

#main #rightpanel #banner300x100 {
  border: 1px solid #990000;
  width:300px;
  height:100px;
  margin-bottom: 20px;
}

#main #rightpanel #mpubg {

  background: url(../../images/mpubg.png) no-repeat;
  width:306px;
  height:256px;
  padding-left: 1px;
  padding-top: 1px;
  margin-bottom: 20px;
}

#main #rightpanel #cosponsor {
  margin-bottom: 20px;
}

#main #rightpanel #banner300x250 {

  background: url(../../images/banner300x250bg.png) no-repeat;
  width:306px;
  height:256px;
  padding-left: 1px;
  padding-top: 1px;
  margin-bottom: 20px;
}

#main #rightpanel #profiledetail {
  width:280px;
  background-color: #000000;
  border: 1px solid #990000;
  padding: 10px;
  margin-bottom: 20px;
}

#main #rightpanel #profilerelated {
  width:300px;
  background-color: #000000;
  border: 1px solid #990000;
  margin-bottom: 20px;
}

#main #rightpanel #profiledetail #profilepic {
  border: 1px solid #990000;
  margin-right:10px;
  float: left;
  width:120px;
}

#main #rightpanel #profiledetail #profile{
  width:145px;
  min-height:90px;
  float: right;
  align-vertical: middle;
}

#main #rightpanel #profiledetail .title {
  font-size: 12px;
  font-weight: bold;
}

#main #rightpanel #profiledetail .yellowhighlight {
  font-size: 11px;
  font-weight: bold;
  color: #FFFF00;
}

#main #rightpanel #profiledetail .info {
  font-size: 11px;
  color: #FFFFFF;
}

.paging {
  background-color: #1C1C1C;
  text-align:center;
  height: 20px;
  line-height: 20px;
  vertical-align: middle;
  width: 100%;
  color: #999999;
}

.paging label {
  padding-right:10px;
}

.paging a {
  color: #FFFFFF;
  text-decoration: none;
}

.paging a:hover {
  color: #FFFFFF;
  text-decoration: underline;
}

.redseperator {
  background-color: #990000;
  height: 1px;
  width: 100%;
  margin-top:5px;
}

.greyseperator {
  background-color: #666666;
  height: 1px;
  width: 100%;
}

#main #rightpanel #profilerelated #videodetail {
  margin-top: 10px;
  margin-bottom: 10px;
  
  width:100%;
  height: 62px;
}

#main #rightpanel #profilerelated #videodetail #videopic {
  margin-right:10px;
  float: left;
  width:82px;
}

#main #rightpanel #profilerelated #videodetail #videopic a img {
  border: 1px solid #333333;
}

#main #rightpanel #profilerelated #videodetail #videopic a:hover img {
  border: 1px solid #990000;
}
  

#main #rightpanel #profilerelated #videodetail #video{
  width:180px;
  height:60px; 
  float: right;
  align-vertical: middle;
  overflow: hidden;
}

#main #rightpanel #profilerelated #videodetail .title {
  font-size: 12px;
  font-weight: bold;
}

#main #rightpanel #profilerelated #videodetail .title a {
  color: #FFFFFF;
  text-decoration: none;
}

#main #rightpanel #profilerelated #videodetail .title a:hover {
  color: #990000;
  text-decoration: none;
}

#main #rightpanel #profilerelated #videodetail .yellowhighlight {
  font-size: 11px;
  font-weight: bold;
  color: #FFFF00;
}

#main #rightpanel #profilerelated #videodetail .info {
  font-size: 11px;
  color: #FFFFFF;
}


#main #rightpanel #profilerelated #detail {
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 0px;
  padding-top: 5px;
}

#main #rightpanel #profiledetail #profileweb  {
  padding-top: 10px;
  padding-bottom: 10px;
  text-align:center;
  width:100%;
}

#main #rightpanel #profiledetail #profileweb img  {
  margin:auto;
}

#main #leftpanel #contentinfo #downloadsdetail {
  height: 220px;
  margin-bottom: 15px;
}

#main #leftpanel #contentinfo #downloadsdetail #linkeven {
  width:177px;
  margin-top: 3px;
  text-align:center;
  background-color: #000099;
  padding-top: 2px;
  padding-bottom: 2px;
}

#main #leftpanel #contentinfo #downloadsdetail #linkeven a {
  color: #666666;
  text-decoration: none;
  font-size: 10px;
}

#main #leftpanel #contentinfo #downloadsdetail #linkeven a:hover {
  color: #FFFF00;
  text-decoration: none;
  font-size: 10px;
}

#main #leftpanel #contentinfo #downloadsdetail #linkodd {
  width:177px;
  margin-top: 3px;
  text-align:center;
  background-color: #000066;  
  padding-top: 2px;
  padding-bottom: 2px;
}

#main #leftpanel #contentinfo #downloadsdetail #linkodd a {
  color: #666666;
  text-decoration: none;
  font-size: 10px;
}

#main #leftpanel #contentinfo #downloadsdetail #linkodd a:hover {
  color: #FFFF00;
  text-decoration: none;
  font-size: 10px;
}

#main #leftpanel #contentinfo #downloadsdetail a img {
  border: 1px solid #666666;
}

#main #leftpanel #contentinfo #downloadsdetail a:hover img  {
  border: 1px solid #FFFF00;
}

#main #leftpanel #contentinfo #eventartist {
  width:184px;
  height: 313px;
}

#main #leftpanel #contentinfo #eventartist img {
  border: 1px solid #990000;
}

#main #leftpanel #contentinfo #eventartist a img {
  border: 1px solid #990000;
}

#main #leftpanel #contentinfo #eventartist a:hover img  {
  border: 1px solid #FFFF00;
}

#main #leftpanel #contentinfo #eventwinner {
  width:295px;
  height: 226px;
}

#main #leftpanel #contentinfo #eventwinner img {
  border: 1px solid #990000;
}

#main #leftpanel #contentinfo #eventwinner a img {
  border: 1px solid #990000;
}

#main #leftpanel #contentinfo #eventwinner a:hover img  {
  border: 1px solid #FFFF00;
}


#main #leftpanel #contentinfo {
  padding-left: 27px;
  padding-right: 27px;
  position: relative;
  margin-bottom: 15px;
}

#main #leftpanel #contentinfo #aboutnav {
  width: 150px;
  float: left;
}

#main #leftpanel #contentinfo #eventnav {
  width: 150px;
  float: left;
}

#main #leftpanel #contentinfo #link {
  margin-top: 5px;
  margin-bottom: 5px;
}

#main #leftpanel #contentinfo #aboutcontent {
  width: 380px;
  float: right;
}

#main #leftpanel #contentinfo #aboutcontent #title {
  font-size: 15px;
}

#main #leftpanel #contentinfo #eventcontent {
  width: 380px;
  float: right;
}

#main #leftpanel #contentinfo #eventcontent img {
  margin: 15px;
  margin-top: 0px;
  margin-left: 0px;
  border: 1px solid #990000;  
}

#main #leftpanel #contentinfo #eventcontent #title {
  font-size: 15px;
}

#main #leftpanel #contentinfo #conteststep #left {
  float: left;
  width: 245px;
  line-height:20px;
  vertical-align:middle;
}

#main #leftpanel #contentinfo #eventinfo #right {
  float: right;
  width: 285px;
}

#main #leftpanel #contentinfo #eventinfo #left {
  float: left;
  width: 225px;
  line-height:20px;
  vertical-align:middle;
}

#main #leftpanel #contentinfo #conteststep #right {
  float: right;
  width: 275px;
}

#main #leftpanel #contentinfo #contestdetail {
  position:relative;
}

#main #leftpanel #contentinfo #contestdetail #pic {
  border: 1px solid #990000;
  float: left;
  width: 179px;
}

#main #leftpanel #contentinfo #contestdetail #pic img {
  border-bottom: 1px solid #990000;
}

#main #leftpanel #contentinfo #contestdetail #pic #info {
  padding: 5px;
}

#main #leftpanel #contentinfo #contestdetail #detail {
  float: right;
  width: 360px;
}

#main #leftpanel #contentinfo #dateinfo {
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 2px;
  padding-right: 2px;
  font-size: 12px;
}

#main #leftpanel #contentinfo #thumbbox {
  float: left; 
  width: 130px;
  height: 170px;
  padding-left: 8px;
}

#main #leftpanel #contentinfo #thumbbox .title img {
  width:120px;
  height:90px;
}


#main #leftpanel #contentinfo #thumbbox a img {
  border:1px solid #333333;
  padding:0;

}

#main #leftpanel #contentinfo #thumbbox a:hover img {
   border:1px solid #990000;
  padding:0;
}

#main #leftpanel #contentinfo #thumbbox .title {
  color: #FFFFFF;
  width: 120px;
  text-align:left;
}

#main #leftpanel #contentinfo #thumbbox .title a {
  color: #FFFFFF;
  text-decoration: none;
  font-weight: bold;
}

#main #leftpanel #contentinfo #thumbbox .title a:hover {
  color: #990000;
  text-decoration: none;
}

#main #leftpanel #contentinfo #thumbbox .info {
  color: #FFFF00;
  width: 120px;
  text-align:left;
}

#main #leftpanel #contentinfo #thumbbox .rating {
  color: #FFFFFF;
  width: 120px;
  text-align:left;
}

#main #leftpanel #contentinfo #thumbbox .remove {
  color: #FFFFFF;
  width: 120px;
  text-align:center;
}

#main #leftpanel #contentinfo #thumbbox .remove a {
  color: #FFFFFF;
  text-decoration: none;
}

#main #leftpanel #contentinfo #thumbbox .remove a:hover {
  color: #FFFFFF;
  text-decoration: underline;
}

#main #leftpanel #videopanel {
  width: 607px;
  height: 457px;
  background: url(../../images/videobg.png) no-repeat;
  padding-left: 7px;
  margin-bottom: 15px;
}

#main #leftpanel #videocontent {
  width: 607px;
  margin-bottom: 15px;
}

#main #leftpanel #videocontent .title {
  font-weight: bold;
  font-size: 16px;
  padding-bottom: 5px;
}

#main #leftpanel #videorate {
  width: 607px;
  height: 44px;
  background: url(../../images/ratebg.gif) repeat-x;
  margin-bottom: 7px;
  padding-top: 7px;
  padding-left: 5px;
  padding-right: 5px;
  position: relative;
  text-transform:uppercase;
}

#main #leftpanel #videorate #rate {
  float:left;
}

#main #leftpanel #videorate #vote {
  float:right;
  line-height:30px;
  vertical-align:middle;
}

#main #leftpanel #videorate #favouriteentry {
  line-height:30px;
}

#main #leftpanel #videocomment {
  width: 607px;
}



#main #leftpanel #contentheader  {
  height: 25px;
  margin-bottom: 15px;
}

#main #rightpanel #contentheader  {
  height: 25px;
}

#contentheader #bar-left {
  height: 25px;
  width: 27px;
  float:left;
  background: url(../../images/bar-left.png) no-repeat;
}

#contentheader #bar-bg {
  height: 25px;
  float:left;
  background: url(../../images/bar-bg.png);
}

#contentheader #bar-right {
  height: 25px;
  width: 27px;
  float:left;
  background: url(../../images/bar-right.png) no-repeat;
}

#contentheader #bar-bg #viewmore {
  float: right; 
}

#contentheader #bar-bg #viewmore select {
  margin-top: 2px;
  border: 1px solid #000000;
  background-color: #333333; 
  color: #ffffff; 
  font-size: 10px;  
}

#contentheader #bar-bg #headertext {
  float: left; 
}



#stylized p, h1, form, button{border:0; margin:0; padding:0;}

#stylized label{
display:block;
font-weight:bold;
text-align:right;
width:170px;
float:left;
}

#stylized .small{
color:#666666;
display:block;
font-size:11px;
font-weight:normal;
text-align:right;
width:170px;
}

#stylized input[type=text]{
float:left;
font-size:12px;
padding:2px 1px;
border:solid 0px #000000;
width:250px;
margin:2px 0 20px 10px;
}

#stylized input[type=file]{
float:left;
font-size:12px;
padding:2px 1px;
border:solid 0px #000000;
margin:2px 0 20px 10px;
}

#stylized input[type=password]{
float:left;
font-size:12px;
padding:2px 1px;
border:solid 0px #000000;
width:250px;
margin:2px 0 20px 10px;
}

#stylized select{
float:left;
font-size:12px;
padding:2px 1px;
border:solid 0px #000000;
width:250px;
margin:2px 0 15px 10px;
}

#stylized textarea{
float:left;
font-size:12px;
padding:2px 1px;
border:solid 0px #000000;
width:250px;
margin:2px 0 15px 10px;
height:100px;
}

#stylized button {
margin-left:180px;
height:25px;
text-align:left;
line-height:25px;
color:#FF0000;
font-size:13px;
border:solid 0px #000000;
background-color:transparent;
cursor:pointer;
}

#stylized #info {
  margin-left:180px;
}


#footer {
  margin-top: 20px;
  background-color: #020202;
  background-image: url(../../images/footerbg.jpg);
  background-repeat: repeat-x;
  text-align:center;
  height: 81px;
  font-size: 10px;  
  color: #EEEEEE;
}

#footer #text {
  padding-top:15px;
}

#footer #text a {
  color: #FFFFFF;
  text-decoration: none;
}

#footer #text a:hover {
  color: #FFFFFF;
  text-decoration: underline;
}

.yellowtext {
  color: #FFFF00;
}

.lightyellowtext {
  color: #FFFF33;
}

.redtext {
  color: #CC0000;
}

.bluetext {
  color: #0099FF;
}

.greentext {
  color: #36AA3D;
}

.yellowtext a {
  color: #FFFF00;
  text-decoration: none;
}

.lightyellowtext a {
  color: #FFFF33;
  text-decoration: none;
}

.greentext a {
  color: #36AA3D;
  text-decoration: none;  
}

.redtext a {
  color: #CC0000;
  text-decoration: none;
}

.bluetext a {
  color: #0099FF;
  text-decoration: none;
}

.whitetext a {
  color: #FFFFFF;
  text-decoration: none;
}

.yellowtext a:hover {
  color: #FFFF00;
  text-decoration: underline;
}

.greentext a:hover {
  color: #36AA3D;
  text-decoration: none;  
}

.lightyellowtext a:hover  {
  color: #FFFF33;
  text-decoration: underline;
}

.redtext a:hover {
  color: #CC0000;
  text-decoration: underline;
}

.bluetext a:hover {
  color: #0099FF;
  text-decoration: underline;
}

.whitetext a:hover {
  color: #FFFFFF;
  text-decoration: underline;
}

.largetext  {
  font-size: 12px;
}

img.noborder {
  border: 0px;
}

img.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  padding: 10px;
}

.left {
  float: left;
}

.right {
  float: right;
}

