html, body { height: 100%; }
body { margin: 0; padding: 0; background: #3e527b; font: 300 0.78em arial; color: #333; }
h1 { margin: 0; padding: 0 0 10px 0; font-size: 130%; text-transform: uppercase; }
h1 small { font-size: 70%; }
h2 { clear: both; margin: 0; padding: 0 0 10px 0; font-size: 120%; font-weight: normal; }
h2 a { font-size: 85%; }
h3 { margin: 0; padding: 0; font-size: 110%; font-weight: normal; }
p { margin: 0; padding: 0 0 10px 0; }
img { border: none; }
div { margin: 0; padding: 0; }
dl, dt, dd { margin: 0; padding: 0; }
hr { clear: both; margin: 5px 0; padding: 0; height: 1px; background: none; border: none; border-bottom: dashed 1px #ccc; }

/* HTML LINKS */
a { text-decoration: none; color: #11acfe; }

/* HTML TABLES */
table { margin: 0; padding: 0; border: 0; border-collapse: collapse; width: 100%; }
th, td { text-align: left; padding: 2px; }

/* FORM ELEMENTS */
form { margin: 0; padding: 0; }
label, .Label { float: left; width: 190px; padding: 0 10px 0 0; display: block; }
input, textarea, select { padding: 4px; border: solid 1px #bbb; font-size: 95%; background: url(../images/general/input_back.gif) repeat-x 0 0; width: 408px; color: #888; }
input, textarea, select, button { font-family: arial, helvetica, sans-serif; }
textarea { height: 100px; }
#Submit { }

/* HOLDER ELEMENTS */
#Container { width: 100%; }
#Page { margin: 0 auto; width: 988px; }
#Header { width: 100%; margin: 0; }
#Content { float: left; overflow: auto; clear: both; padding: 10px 0; margin: 0 10px 0 0; width: 638px; display: block; background: #efefef; border: solid 5px #fff; }
#Right { float: left; padding: 10px 0; width: 320px; background: #efefef; border: solid 5px #fff; }
#Content, #Right { height: 1480px; border-bottom: none; }
html > body #Content, html > body #Right { height: auto; min-height: 1480px; }
#Footer { clear: both; margin: 0; padding: 25px 0; background:/*url(../images/general/footer.gif) no-repeat 50% 0*/ #00293F; text-align: center; color: #ccc; font-size: 85%; width: 100%; height: 100px; }

/* HEADER ELEMENTS */
#Header #HeaderHolder { padding: 0; width: 100%; height: 115px; overflow: hidden; }
#Header #HeaderHolder a { float: left; width: 100%; height: 100%; display: block; text-align: right; }
#Header #HeaderHolder img { padding: 0 100px; }

/* NAVIGATION ELEMENTS */
#Header #Navigation { clear: both; float: left; width: 100%; height: 52px; text-align: right; }
#Header #Navigation #NavInner { float: left; width: 728px; height: 52px; background: url(../images/general/navigation.gif) repeat-x 0 0; }
#Header #Navigation ul { float: left; display: block; margin: 0 auto; padding: 0 15px; list-style:none; height: 28px; }
#Header #Navigation ul li { margin: 0; padding: 0; float: left; display: block; }
#Header #Navigation ul li a { float: left; padding: 0; display: block; font-size: 110%; color: #fff; font-weight: bold; }
#Header #Navigation ul li a span { float: left; display: block; padding: 6px 15px; height: 16px; cursor: pointer; }
#Header #Navigation ul li:hover { background:url(../images/buttons/nav_tab.gif) repeat-x 0 0; }
#Header #Navigation ul li:hover a { color: #666; background:url(../images/buttons/nav_tab_left.gif) no-repeat 0 0; }
#Header #Navigation ul li:hover a span { background:url(../images/buttons/nav_tab_right.gif) no-repeat 100% 0; }
#Header #Navigation form { float: left; margin: 0 0 0 10px; padding: 13px 0 0 6px; background:url(../images/panels/corner.gif) no-repeat 100% 0 #efefef; width: 236px; height: 31px; text-align: left; border: solid 4px #fff; }
#Header #Navigation form p { padding: 0; clear: none; }
#Header #Navigation form label { position: absolute; left: -99999px; }
#Header #Navigation form input { float: left; margin: 2px 0 0 0; width: 162px; }
#Header #Navigation form #SearchButton { float: left; margin: 0 0 0 5px; width: 32px; height: 25px; background: url(../images/buttons/search.gif) no-repeat 0 0; text-indent: -99999px; border: none; cursor: pointer; }
#Header #Navigation form #SearchButton:hover { background-position: 0 -25px; }

/* DROP DOWN MENU */
#Header #Navigation ul li ul { clear: both; position:absolute; float: left; display: block; left: -99999px; margin: 28px 0 0 0; padding: 0; border: none; background: none; }
#Header #Navigation ul li li { padding: 0; background: none; }
#Header #Navigation ul li ul li a { padding: 5px 10px 5px 5px; text-align: left; color: #666; background: none; }
#Header #Navigation ul li ul li a:hover { color: #ccc; }
#Header #Navigation ul li:hover li, #Header #Navigation ul li:hover ul li a { background: none; }

/* DROP DOWN LEVELS */
#Header #Navigation ul li:hover ul ul {left: -99999px;}
#Header #Navigation ul li:hover ul ul ul {left: -99999px;}
#Header #Navigation ul li:hover ul ul ul ul {left: -99999px;}

#Header #Navigation ul li.sfhover ul ul {left: -99999px;}
#Header #Navigation ul li.sfhover ul ul ul {left: -99999px;}
#Header #Navigation ul li.sfhover ul ul ul ul {left: -99999px;}

#Header #Navigation ul li:hover ul{left: auto;}
#Header #Navigation ul li li:hover ul{left: auto;}
#Header #Navigation ul li li li:hover ul{left: auto;}
#Header #Navigation ul li li li li:hover ul{left: auto;}

#Header #Navigation ul li.sfhover ul{left: auto;}
#Header #Navigation ul li li.sfhover ul{left: auto;}
#Header #Navigation ul li li li.sfhover ul{left: auto;}
#Header #Navigation ul li li li li.sfhover ul {left: auto;}

/* SUB HEADER ELEMENTS */
#Header #SubHeader { float: left; display: block; clear: both; width: 100%; padding: 5px 0; }
#Header #SubHeader div { float: left; }
#Header #SubHeader #TopAdvert { margin: 0 10px 0 0; width: 728px; height: 90px; background: #bbb; }
#Header #SubHeader #TopAdvert p { padding: 4px; color: #ccc; text-transform: uppercase; font-size: 200%; }

/* MY VIRAL CLIP */
#MyViralClip { padding: 2px; width: 238px; height: 78px; background: url(../images/panels/corner.gif) no-repeat 100% 0 #efefef; color: #999; border: solid 4px #fff; }

#MyViralClip h2 { padding: 0 0 2px 0; font-weight: bold; }
#MyViralClip h2 small { font-size: 80%; }
#MyViralClip h2 strong { padding: 0 5px; }
#MyViralClip h2 a { font-size: 100%; }
#MyViralClip #LoginForm, #MyViralClip #LoginBox { margin: 5px 0 0 0; }
#MyViralClip #LoginForm p { padding: 0 0 4px 0; }
#MyViralClip #LoginForm input { width: 102px; }
#MyViralClip #LoginForm .CheckBox { width: auto; float: left; }
#MyViralClip #LoginForm label { width: auto; padding: 5px 5px 0 0; }
#MyViralClip #LoginForm #Login { float: right; margin: 0 10px 0 0; width: 102px; height: 25px; background: url(../images/buttons/login.gif) no-repeat 0 0; text-indent: -99999px; border: none; cursor: pointer; }
#MyViralClip #LoginForm #Login:hover { background-position: 0 -25px; }

#MyViralClip #LoginBox dl, #MyViralClip #LoginBox dt, #MyViralClip #LoginBox dd { margin: 0; padding: 0; }
#MyViralClip #LoginBox dl { width: 100%; overflow: auto; }
#MyViralClip #LoginBox dt, #MyViralClip #LoginBox dd { float: left; }
#MyViralClip #LoginBox dt { padding: 0 10px; width: 50px; text-align: right; }
#MyViralClip #LoginBox dd { width: 166px; }
#MyViralClip #LoginBox dd ul { width: 100%; margin: 10px 0 0 0; padding: 0; list-style: none; }
#MyViralClip #LoginBox dd ul li { margin: 0; padding: 0; }

/* CONTENT ELEMENTS */
#Content #PageText { margin: 0 0 10px 10px; }
#Content #ContentInner { padding: 0 10px; }

/* VIRAL HOLDER */
#Content .SponsoredViralHolder { clear: both; padding: 10px; margin: 0 0 10px 3px; background:url(../images/panels/viral_sponsored.gif) no-repeat 0 0; width: 615px; height: 122px; }
#Content .SponsoredViralHolder dl, #Content .SponsoredViralHolder dt, #Content .SponsoredViralHolder dd { margin: 0; padding: 0; }
#Content .SponsoredViralHolder dl { float: left; width: 100%; overflow: auto; }
#Content .SponsoredViralHolder dt, #Content .SponsoredViralHolder dd { float: left; display: block; height: 112px; }
#Content .SponsoredViralHolder dt { position: relative; width: 144px; height: 100px; border: solid 2px #ccc; margin: 0 10px 0 0; background: #fff; text-align: center; vertical-align:middle; }
#Content .SponsoredViralHolder dt a { z-index: 999; float: left; position: absolute; left: 0; top: 0; width: 144px; height: 100px; text-indent: -90000px; background:url(../images/buttons/viral_over_large.png) no-repeat 0 0; }
#Content .SponsoredViralHolder dt a:hover { background-position: 0 -100px;  }
#Content .SponsoredViralHolder dt img { position: relative; z-index: 1; }
#Content .SponsoredViralHolder dd { width: 446px; }
#Content .SponsoredViralHolder dd p { clear: both; padding: 0 0 2px 0;  }
#Content .SponsoredViralHolder dd .Title { float: left; width: 100%; text-align: right; }
#Content .SponsoredViralHolder dd .Title span { padding: 5px 0 0 0; display: block; }
#Content .SponsoredViralHolder dd .Title .Info { float: left; display: block; text-align: left; }
#Content .SponsoredViralHolder dd .Title .Info a { font-weight: bold; color: #888; font-size: 130%; }
#Content .SponsoredViralHolder dd .Title .Info Filtered { color: #800; }
#Content .SponsoredViralHolder dd .Title .Info small { font-weight: bold; }
#Content .SponsoredViralHolder dd .Description { clear: both; height: 40px; }
#Content .SponsoredViralHolder dd ul { clear: both; float: left; margin: 0; padding: 0; list-style: none; }
#Content .SponsoredViralHolder dd ul li { display: block; float: left; margin: 0 10px 0 0; padding: 0 10px 0 0; font-weight: bold; }
#Content .SponsoredViralHolder dd ul li strong, #Content .SponsoredViralHolder dd ul li span { position: relative; top: 5px; }

/* VIRAL HOLDER */
#Content .ViralHolder { clear: both; padding: 0; margin: 0 0 10px 5px; padding: 0; width: 624px; background: #fff; border: solid 2px #e5e5e5; overflow: auto; }
#Content .ViralHolder dl, #Content .ViralHolder dt, #Content .ViralHolder dd { margin: 0; padding: 0; }
#Content .ViralHolder dl { float: left; width: 612px; padding: 5px; border: solid 1px #ccc; }
#Content .ViralHolder dt, #Content .ViralHolder dd { float: left; display: block; }
#Content .ViralHolder dt { position: relative; width: 144px; height: 100px; border: solid 2px #ccc; margin: 0 10px 0 0; background: #fff; text-align: center; vertical-align:middle; }
#Content .ViralHolder dt a { z-index: 999; float: left; position: absolute; left: 0; top: 0; width: 144px; height: 100px; text-indent: -90000px; background:url(../images/buttons/viral_over_large.png) no-repeat 0 0; }
#Content .ViralHolder dt a:hover { background-position: 0 -100px;  }
#Content .ViralHolder dt a img { position: relative; z-index: 1; }
#Content .ViralHolder dd { width: 446px; }
#Content .ViralHolder dd p { clear: both; padding: 0 0 2px 0;  }
#Content .ViralHolder dd .Title { float: left; width: 100%; text-align: right; }
#Content .ViralHolder dd .Title span { padding: 5px 0 0 0; display: block; }
#Content .ViralHolder dd .Title .Category { font-size: 120%; text-transform: uppercase; color: #ccc; }
#Content .ViralHolder dd .Title .Info { float: left; display: block; text-align: left; }
#Content .ViralHolder dd .Title .Info a { font-weight: bold; color: #888; font-size: 130%; }
#Content .ViralHolder dd .Title .Info .Filtered, { color: #800; }
#Content .ViralHolder dd .Title .Info small { font-weight: bold; }
#Content .ViralHolder dd .Description { clear: both; height: 40px; }
#Content .ViralHolder dd ul { clear: both; float: left; margin: 0; padding: 0; list-style: none; }
#Content .ViralHolder dd ul li { display: block; float: left; margin: 0 10px 0 0; padding: 0 10px 0 0; font-weight: bold; }
#Content .ViralHolder dd ul li strong, #Content .ViralHolder dd ul li span { position: relative; top: 5px; }

/* COMPETITION HOLDER */
#Content .CompetitionHolder { clear: both; padding: 0; margin: 0 0 10px 5px; padding: 0; width: 624px; background: #fff; border: solid 2px #e5e5e5; overflow: auto; }
#Content .CompetitionHolder dl, #Content .CompetitionHolder dt, #Content .CompetitionHolder dd { margin: 0; padding: 0; }
#Content .CompetitionHolder dl { float: left; width: 612px; padding: 5px; border: solid 1px #ccc; }
#Content .CompetitionHolder dt, #Content .CompetitionHolder dd { float: left; display: block; }
#Content .CompetitionHolder dt { width: 144px; height: 100px; border: solid 2px #ccc; margin: 0 10px 0 0; background: #fff; text-align: center; vertical-align:middle; }
#Content .CompetitionHolder dd { width: 446px; }
#Content .CompetitionHolder dd p { clear: both; padding: 0 0 2px 0;  }
#Content .CompetitionHolder dd .Title { float: left; width: 100%; text-align: right; }
#Content .CompetitionHolder dd .Title span { padding: 5px 0 0 0; display: block; }
#Content .CompetitionHolder dd .Title .Info { float: left; display: block; text-align: left; }
#Content .CompetitionHolder dd .Title .Info a { font-weight: bold; color: #888; font-size: 130%; }
#Content .CompetitionHolder dd .Title .Info small { font-weight: bold; }
#Content .CompetitionHolder dd .Description { clear: both; height: 40px; }

/*#Content .CompetitionHolder { clear: both; padding: 10px; margin: 0 0 0 3px; background:url(../images/panels/viral_holder.gif) no-repeat 0 0; width: 615px; height: 112px; }
#Content .CompetitionHolder dl, #Content .CompetitionHolder dt, #Content .CompetitionHolder dd { margin: 0; padding: 0; }
#Content .CompetitionHolder dl { float: left; width: 100%; overflow: auto; }
#Content .CompetitionHolder dt, #Content .CompetitionHolder dd { float: left; display: block; height: 112px; }
#Content .CompetitionHolder dt { width: 144px; height: 100px; border: solid 2px #ccc; margin: 0 10px 0 0; background: #fff; text-align: center; vertical-align:middle; }
#Content .CompetitionHolder dd { width: 446px; }
#Content .CompetitionHolder dd p { clear: both; padding: 0 0 2px 0;  }
#Content .CompetitionHolder dd .Title { float: left; width: 100%; text-align: right; }
#Content .CompetitionHolder dd .Title span { padding: 5px 0 0 0; display: block; }
#Content .CompetitionHolder dd .Title .Info { float: left; display: block; text-align: left; }
#Content .CompetitionHolder dd .Title .Info a { font-weight: bold; color: #888; font-size: 130%; }
#Content .CompetitionHolder dd .Title .Info small { font-weight: bold; }
#Content .CompetitionHolder dd .Description { clear: both; height: 40px; }*/

/* COMPETITION ENTRY */
#Content #CompetitionEntry { width: 100%; overflow: auto; }
#Content #CompetitionEntry dt, #Content #CompetitionEntry dd { float: left; display: block; }
#Content #CompetitionEntry dt { text-align: right; width: 260px; padding: 0 0 0 10px; }
#Content #CompetitionEntry dd { width: 345px; }
#Content #CompetitionEntry dd h2 { padding: 40px 0 10px 0; color: #11acfe; }

/* VIRAL PAGE */

/* PICTURE NAV */
#Content .ViralTitle { float: left; display: block; margin: 0 0 0 12px; padding: 5px 10px; width: 584px; border: solid 5px #fff; background: #ccc; color: #fff; border-bottom: none; }
#Content .ViralTitle ul, #Content .ViralTitle p { margin: 0; padding: 0; text-align: center; width: 100%; }
#Content .ViralTitle ul { list-style: none; }
#Content .ViralTitle ul li { float: left; display: block; margin: 0; padding: 0; width: 100px; text-align: left; }
#Content .ViralTitle ul .Next { text-align: right; }
#Content .ViralTitle ul .PicTitle { width: 384px; text-align: center; font-size: 120%; }

#ViralContent { padding: 10px; width: 958px; text-align: center; background: #9ea8bd; border: solid 5px #fff; margin: 0 0 5px 0; height: 380px; }
#ViralContent, #Content #PictureList { float: left; clear: both; text-align: left; height: auto; }
#Content #ViralContent, #Content #PictureList { width: 584px; background: none; }
#Content #PictureList { margin: 5px 0 5px 12px; height: 104px; width: 612px; padding: 10px 0; overflow: hidden; border: solid 1px #ccc; background: #ddd; }
#Content #ViralContent { border-top: none; text-align: left; margin: 0 0 0 12px; }
#Content #PictureList ul { float: left; width: 100%; margin: 0; padding: 0; height: 104px; list-style: none; }
#Content #PictureList ul li { float: left; display: block; width: 109px; height: 104px; padding: 0; margin: 0 0 5px 0; }
#Content #PictureList ul li img { border: solid 1px #666; margin: 0; padding: 1px; }
#Content #PictureList ul .ImgNext, #Content #PictureList ul .ImgPrevious { width: 30px; margin: 0; padding: 0; }
#Content #PictureList ul .ImgNext a, #Content #PictureList ul .ImgPrevious a { float: left; display: block; height: 30px; width: 30px; background-position: 0 0; background-repeat: no-repeat; text-indent: -90000px; margin: 37px 0 0 0; }
#Content #PictureList ul .ImgNext a:hover, #Content #PictureList ul .ImgPrevious a:hover { background-position: 0 -30px; }
#Content #PictureList ul .ImgNext a.disabled, #Content #PictureList ul .ImgPrevious a.disabled { background-position: 0 -60px; }
#Content #PictureList ul .ImgPrevious { margin: 0 5px 0 0; }
#Content #PictureList ul .ImgPrevious a { background-image:url(../images/buttons/left.gif); }
#Content #PictureList ul .ImgNext a { background-image:url(../images/buttons/right.gif); }

/* FLASH HOLDERS */
#ViralContent #TheTV, #ViralContent #GameStation { margin: 0 auto; }
#ViralContent #TheTV { float: left; width: 480px; height: 380px; }

/* OTHER HOLDER */
#Content #LeftBlock, #Content #RightBlock { float: left; }
#Content #LeftBlock { display: none; width: 310px; margin: 0 10px 0 0; display: block; }
#Content #LeftBlock div { float: left; display: block; margin: 0 0 10px 0; width: 280px; padding: 10px; }
#Content #LeftBlock div div { margin: 0; padding: 0; width: auto; border: none; }
#Content #RightBlock { padding: 3px 0; width: 316px; }

/* VIRAL FUNCTIONS */
#Content #LeftBlock #ViralFunctions { margin: 0; padding: 0; list-style: none; float: left; clear: both; }
#Content #LeftBlock #ViralFunctions li { float: left; display: block; padding: 0 10px 0 0; }
#Content #LeftBlock #ViralFunctions .Rating { padding: 0; }
#Content #LeftBlock #ViralAction { clear: both; width: 270px; }
#Content #LeftBlock #ViralAction #ViralActionContent { padding: 10px 0; width: 100%; }
#Content #LeftBlock #ViralAction #ViralActionContent label { position: absolute; left: -9000px; }
#Content #LeftBlock #ViralAction #ViralActionContent p, #Content #LeftBlock #ViralAction #ViralActionContent input { width: 270px; }
#Content #LeftBlock #ViralAction #ViralActionContent textarea { width: 262px; }

/* VIRAL COMMENTS */
#Content #ViralComments { clear: both; }
#Content #ViralComments dl, #ViralComments dt, #ViralComments dd { margin: 0; padding: 0; }
#Content #ViralComments dl { float: left; clear: both; margin: 0; padding: 0 0 5px 0; width: 100%; }
#Content #ViralComments dt, #ViralComments dd { float: left; }
#Content #ViralComments dt { width: 75px; padding: 0 10px 0 0; }
#Content #ViralComments dd { width: 195px; }
#Content #ViralComments dd p { padding: 0; }
#Content #ViralComments dd p small { color: #f90; }

#Content #ViralComments form p { clear: both; text-align: right; }
#Content #ViralComments form textarea { width: 270px; height: 69px; }
#Content #ViralComments form span { float: left; }
#Content #ViralComments form #Add { width: auto; }

/* Social Book marks Page */
#Content #LeftBlock #SocialBookMarks { clear:both; padding:3px; margin: 0 0 10px 0; }
#Content #LeftBlock #SocialBookMarks ul { list-style:none; margin: 0; padding:0; }
#Content #LeftBlock #SocialBookMarks ul li { float: left; display: block; text-align:center; padding: 0; margin: 0 10px 10px 0; }
#Content #LeftBlock #SocialBookMarks ul li a { background-position: 0 0; background-repeat: no-repeat; padding: 0 0 0 18px; }
#Content #LeftBlock #SocialBookMarks ul .delicious a { background-image: url(../images/icons/delicious.gif); }
#Content #LeftBlock #SocialBookMarks ul .digg a { background-image: url(../images/icons/digg.gif); }
#Content #LeftBlock #SocialBookMarks ul .reddit a { background-image:url(../images/icons/reddit.gif); }
#Content #LeftBlock #SocialBookMarks ul .facebook a { background-image: url(../images/icons/facebook.gif); }
#Content #LeftBlock #SocialBookMarks ul .stumbleupon a { background-image: url(../images/icons/stumbleupon.gif); }

/* RIGHT BLOCK ELEMENTS */
#Content #RightBlock #OtherVirals { width: 312px; overflow: hidden; border: solid 2px #e5e5e5; }
#Content #RightBlock #OtherVirals #RelatedVirals { float: left; display: block; clear: both; background: #fff; width: 288px; padding: 5px; border: solid 1px #ccc; }
#Content #RightBlock #OtherVirals #RelatedVirals h2 { float: left; width: 288px; height: 26px; padding: 0 0 5px 0; background:url(../images/titles/related_virals.gif) no-repeat 0 0; text-indent: -90000px; }

#Content #RightBlock dl, #Content #RightBlock dt, #Content #RightBlock dd { margin: 0; padding: 0; }
#Content #RightBlock dl {  float: left; clear: both; width: 100%; padding: 2px 0; background: #efefef; margin: 2px 0; }
#Content #RightBlock dt, #Content #RightBlock dd { float: left; }
#Content #RightBlock dt { width: 50px; height: 50px; text-align: center; overflow: hidden; background: #fff; }
#Content #RightBlock dd { padding: 2px 0 0 10px; height: 48px; width: 207px; }
#Content #RightBlock dd a { color: #666; font-size: 130%; color: #888; }

/* STAR RATINGS */
#Content .Rating { margin: 0; padding: 0; float: left; }
#Content .Rating span { float: left; padding: 0 10px 0 0; }
#Content .Rating ul { float: left; clear: none; margin: 0; width: 110px; height: 22px; position: relative; left: 0; top: 0; overflow: hidden; list-style: none; }
#Content .Rating ul li { float: left; display: block; padding:0; margin:0; width: 22px; height: 22px; background: url(../images/general/stars_grey.gif) repeat-x 0 0; }
#Content .Rating ul .on { background-position: 0 -22px; }
#Content .Rating ul li a { float: left; width:22px; height: 22px; text-decoration: none; text-indent: -9000px; z-index: 20; position: absolute; padding: 0; top: 0; background-image:none; }
#Content .Rating ul li a:hover { background: url(../images/general/stars_grey.gif) 0px -22px repeat-x; z-index: 1; left: 0px; }
#Content .Rating ul li a.star1 { left: 0px; }
#Content .Rating ul li a.star1:hover { width: 22px; }
#Content .Rating ul li a.star2:hover { width: 44px; }
#Content .Rating ul li a.star3:hover { width: 66px; }
#Content .Rating ul li a.star4:hover { width: 88px; }
#Content .Rating ul li a.star5:hover { width: 110px; }

/* VIRAL FUNCTIONS */
#Content #LeftBlock #ViralFunctions .Rating ul { margin: 0; padding: 0; }
#Content #LeftBlock #ViralFunctions .Rating ul li { padding: 0; }

/* HOLDER FIX */
#Content .SponsoredViralHolder dd ul .Rating span, #Content .SponsoredViralHolder dd ul .Rating ul { float: left; clear: none; }
#Content .SponsoredViralHolder dd ul .Rating ul li { display: block; margin: 0; padding: 0; background-image:url(../images/general/stars.gif); }
#Content .SponsoredViralHolder dd ul .Rating ul li span {font-weight: bold; }
#Content .SponsoredViralHolder dd ul .Rating ul li a:hover { background: none; }

/* HOLDER FIX */
#Content .ViralHolder dd ul .Rating span, #Content .ViralHolder dd ul .Rating ul { float: left; clear: none; }
#Content .ViralHolder dd ul .Rating ul li { display: block; margin: 0; padding: 0; background-image:url(../images/general/stars.gif); }
#Content .ViralHolder dd ul .Rating ul li span {font-weight: bold; }
#Content .ViralHolder dd ul .Rating ul li a:hover { background: none; }

/* FACEBOOK BUTTON */
#Content .SponsoredViralHolder dd ul .Facebook, #Content .ViralHolder dd ul .Facebook { float: left; width: 50px; position: relative; top: -3px; }
#Content .SponsoredViralHolder dd ul .Facebook { display: none; width: 10px; }

/* USER PAGE */
#Content #UserTabs { float: left; width: 100%; padding: 0; margin: 0; font-weight: bold; list-style-type: none; text-align: left; border-bottom: solid 1px #ccc; }
#Content #UserTabs li { position: relative; top: 1px; float: left; display: block; padding: 0; margin: 0 5px 0 0; }
#Content #UserTabs li a { float: left; display: block; z-index: 1; padding: 3px 7px; border: solid 1px #ccc; border-bottom: none; color: #333; }
#Content #UserTabs li a.selected { color: #f90; border-bottom: solid 1px #fff; }
#Content #UserTab { overflow: auto; height: 300px; clear: both; margin: 0 0 10px 0; padding: 10px; }
html > body #Content #UserTab { height: auto; min-height: 300px; }
#Content #UserTab dl, #Content #UserTab dt, #Content #UserTab dd { margin: 0; padding: 0; }
#Content #UserTab dl { float: left; clear: both; margin: 5px 0 0 0; width: 100%; overflow: auto; }
#Content #UserTab dt, #Content #UserTab dd { float: left; }
#Content #UserTab dt { width: 50px; padding: 0 10px 0 0; }
#Content #UserTab dd { width: 454px; padding: 0 10px 0 0; }
#Content #UserTab dd .Date { float: right; font-size: 90%; }
#Content #UserTab #UserTab1 dt { width: 100px; padding: 0 10px 0 0; }
#Content #UserTab #UserTab1 dd { width: 414px; }
#Content #UserTab #UserTab1 dd div { float: left; display: block; width: 187px; }
#Content #UserTab #UserTab1 dd .User { width: 227px; }
#Content #UserTab #UserTab1 dd div ul { margin: 0; padding: 0; list-style: none; }
#Content #UserTab #UserTab1 dd div ul li { float: left; margin: 0 0 5px 0; clear: both; display: block; width: 100%; }
#Content #UserTab #UserTab1 dd div ul li strong { float: left; display: block; padding: 0 10px 0 0; }
#Content #UserTab #UserTab1 dd .User ul li strong { width: 75px; }
#Content #UserTab #UserTab1 dd p { padding: 10px 0 0 0; clear: both; }
#Content #UserTab #UserTab1 dd p a { font-size: 110%; float: right; display: block; padding: 2px 4px; border: solid 1px #ccc; }

/* FORM ELEMENTS */
#Content form p { clear: both; }
#Content .FormSet { overflow: auto; padding: 10px; margin: 0 0 10px 0; background: #f0f0f0; border: solid 1px #ccc; }
#Content .Col1, #Content .Col2 { float: left; width: 309px; padding: 0 0 10px 0; }
#Content .FormSet .Col1, #Content .FormSet .Col2 { width: 292px; }
#Content .Col1 label, #Content .Col1 .Label, #Content .Col2 label, #Content .Col2 .Label { width: 250px; }
#Content .Col1 input, #Content .Col1 select, #Content .Col2 input, #Content .Col2 select { width: 250px; }
#Content .Col1 .Block, #Content .Col2 .Block { float: left; display: block; width: 100%; padding: 0 0 10px 0; }
#Content .Col1 .Block select, #Content .Col2 .Block select, #Content .Col1 .Block input, #Content .Col2 .Block input { width: auto; float: left; }
#Content .Col1 .Block input, #Content .Col2 .Block input { clear: both; border: none; padding: 0; margin: 0 5px 0 0; }
#Content .Long { width: 100%; overflow: auto; }
#Content .Long input { float: left; margin: 0 5px 0 0; }
#Content .Long label { width: auto; }

/* PAGES */
#Content .Pages { clear: both; margin: 10px; text-align: center; font-size: 95%; }
#Content .Pages ul { margin: 0 0 10px 0; padding: 0; list-style: none; }
#Content .Pages li { display: inline; }
#Content .Pages li a { color: #000; padding: 2px; margin: 0; }
#Content .Pages li .Active { color: #bbb; }
#Content .Pages p { clear: both; padding: 0; }

/* RIGHT ELEMENTS */
#Right #RightMPU { width: 300px; height: 250px; margin: 0 10px 10px 10px; padding: 0; background: #bbb; }
#Right #RightMPU p { padding: 2px; color: #ccc; text-transform: uppercase; font-size: 200%; }

/* VIRAL TABS */
#Right #ViralTabHolder { margin: 0 5px; width: 306px; border: solid 2px #e5e5e5; }
#Right #ViralTabs { float: left; width: 289px; background: #fff; padding: 5px 8px 0 7px; border: solid 1px #ccc; border-bottom: none; margin: 0; font-weight: bold; list-style-type: none; text-align: left;  }
#Right #ViralTabs li { float: left; display: block; padding: 0; margin: 0; }
#Right #ViralTabs li a { float: left; display: block; z-index: 1; height: 28px; background-repeat: no-repeat; background-position: 0 0; text-indent: -9000px; }
#Right #ViralTabs li .selected { background-position: 0 -56px; }
#Right #ViralTabs li a:hover, #Right #ViralTabs li .selected:hover { background-position: 0 -28px; }

#Right #ViralTabs .MostViewed a { background-image:url(../images/buttons/most_viewed_tab2.gif); width: 107px; }
#Right #ViralTabs .Newest a { background-image:url(../images/buttons/newest_tab2.gif); width: 82px; }
#Right #ViralTabs .MostRated a { background-image:url(../images/buttons/most_rated_tab2.gif); width: 100px; }

#Right #ViralTab #ViraContentHolder { float: left; clear: both; padding: 3px 5px; background: #fff; width: 294px; border: solid 1px #ccc; border-top: none; height: 300px; }
html > body #Right #ViralTab #ViraContentHolder { height: auto; min-height: 300px; }

#Right #ViralTab dl, #Right #ViralTab dt, #Right #ViralTab dd { margin: 0; padding: 0; }
#Right #ViralTab dl { float: left; clear: both; width: 100%; padding: 2px 0; background: #efefef; margin: 2px 0; }
#Right #ViralTab dt, #Right #ViralTab dd { float: left; }
#Right #ViralTab dt { width: 50px; height: 50px; text-align: center; background: #fff; overflow: hidden; }
#Right #ViralTab dd { padding: 2px 0 0 10px; width: 207px; height: 48px; }
#Right #ViralTab dd a { color: #666; font-size: 130%; color: #888; }

/* TAG CLOUD */
#Right #TagHolder { overflow: auto; clear: both; margin: 10px 5px; width: 306px; border: solid 2px #e5e5e5; }
#Right #TagHolder #ViralTags { background: #fff; border: solid 1px #ccc; padding: 5px 10px; width: 284px; }
#Right #TagHolder #ViralTags ul { margin: 0; padding: 0; list-style: none; }
html > body #Right #TagHolder #ViralTags ul { height: auto; min-height: 100px; }
#Right #TagHolder #ViralTags ul li { margin: 0; padding: 0 5px 0 0; display: inline; }
#Right #TagHolder #ViralTags ul li a { color: #888; }

/* FOOTER ELEMENTS */
#Footer ul { margin: 0 auto 10px auto; padding: 0; list-style: none; }
#Footer ul li { display: inline; padding: 5px; }

/* CUSTOM FORM ELEMENTS */
#Content .Block { float: left; display: block; width: 100%; padding: 0 0 10px 0; }
#Content .Block select, #Content .Block input { width: auto; float: left; }
#Content .Block input { clear: both; border: none; padding: 0; margin: 0 5px 0 0; }
.CheckBox, #Content .Block .CheckBox { width: auto; padding: 0; border: none; background: none; }
#Content .Col1 .Block .Day, #Content .Col1 .Block .Month, #Content .Col1 .Block .Year { margin: 0 5px 0 0; width: 78px; }

/* CUSTOM ELEMENTS */
.TabContent { display: none; }
.Hidden { position: absolute; left: -90000px; }
.Error { clear: both; color: #c00; }
