/* Reset */
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}
/* End Reset */

/* Base */
h1{font-size:138.5%;}h2{font-size:123.1%;}h3{font-size:108%;}h1,h2,h3{margin:1em 0;}h1,h2,h3,h4,h5,h6,strong{font-weight:bold;}abbr,acronym{border-bottom:1px dotted #000;cursor:help;} em{font-style:italic;}blockquote,ul,ol,dl{margin:1em;}ol,ul,dl{margin-left:2em;}ol li{list-style:decimal outside;}ul li{list-style:disc outside;}dl dd{margin-left:1em;}th{font-weight:bold;text-align:center;}caption{margin-bottom:.5em;text-align:center;}p,fieldset,table,pre{margin-bottom:1em;}input[type=text],input[type=password],textarea{width:12.25em;*width:11.9em;}
/* End Base */

/* Blue BGs: 1EA5ED. Blue Links: 008FED/0E85CD. */

/* General Use */
html { min-height: 100%; margin-bottom: 1px; background-color: #C7CCCC; }
body, h1, h2, h3, h4, h5, h6, div, span, a, table, td, input  { font-family: arial, sans-serif; }
body { border: 0px; padding: 0px; margin: 0px; text-align: center; background-color: #C7CCCC; background-position: center; }
p, table { font-size: 13px; line-height: 150%; }
img { border: 0px; }
a { color: #0E85CD; text-decoration: none; } /* 398FC0 */ /*#0E85CD*/
a:hover { text-decoration: underline; }
.cb { display: block; clear: both; height: 0px; overflow: hidden; float: none; }
.cb10 { clear: both; height: 10px; overflow: hidden; float: none; }
.cb12 { clear: both; height: 12px; overflow: hidden; float: none; }
.cb6 { clear: both; height: 6px; overflow: hidden; float: none; }
.cb5 { clear: both; height: 5px; overflow: hidden; float: none; }
.cb4 { clear: both; height: 4px; overflow: hidden; float: none; }
.cb2 { clear: both; height: 2px; overflow: hidden; float: none; }
.sp10 { display: block; height: 10px; overflow: hidden; }
.sp5 { height: 5px; overflow: hidden; }
.hide, a.hide { display: none; }
.progressBar { height: 8px; background-image: url(/images/progress_bar.gif); border: 1px solid #808080; font-size: 2px; overflow: hidden; }
.userIcon { margin-bottom: -3px; margin-right: 5px; }
.wonderGradeFilterWarning { display: block; padding: 2px; background-color: #F61914; color: #ffffff; text-decoration: none; text-align: center; }
.wonderGradeFilterWarning.extraWide { margin-left: -10px; margin-right: -10px; }
.loginPeek { width: 354px; height: 250px; background-color: #000000; text-align: center; color: #ffffff; font-size: 44px; cursor: default; float: left; margin: 6px 10px; }
.loginPeek img { margin: 2px; float: left; }
.loginPeek div { font-size: 12px; margin-top: 16px; color: #F5F5F5; }
.smallWarningBox { color: #111111; background-color: #FFD266; border: 1px solid #C79828; text-align: center; margin-bottom: 10px; font-size: 10px; padding: 5px 0px 5px 0px; }
.smallBlockLink a { display: block; font-size: 13px; text-decoration: none; padding: 5px 0px 5px 10px; }
.pageContent { background-color: #F5F5F5; /* #C4C4C4; #969696;*/ position: relative; zoom: 1; }
/* End General Use */

/* Layout Grids */
#skinSlice, #skinBG, #skinFooter { background-position: center top; position: relative; zoom: 1; }
#skinBG { background-attachment: fixed; background-repeat: no-repeat; }
#skinSlice { background-repeat: repeat-y; }
#renderedAds div { position: relative; }
#renderedAds div iframe { position: relative; top: 0px; left: 0px; }
/*#skinBG { background-image: url(/images/h_g_skin.jpg); }*/
.fullWidth { width: 974px; margin: 0px auto 0px auto; text-align: left; position: relative; zoom: 1; }
.contentFull { background-color: #F5F5F5; position: relative; zoom: 1; }
.contentFullWhite { background-color: #FFFFFF; position: relative; padding: 5px; }
.content968 { width: 968px; float: left; background-color: #F5F5F5; padding-top: 6px; padding-right: 6px; position: relative; overflow:hidden; } 
.content808 { width: 808px; float: left; background-color: #F5F5F5; position: relative; }
.content732 { width: 732px; float: left; background-color: #F5F5F5; padding-top: 6px; position: relative; }
.content668 { width: 668px; float: left; background-color: #F5F5F5; padding-top: 6px; position: relative; } 
.content532 { width: 532px; float: left; background-color: #F5F5F5; position: relative; z-index: 2; }
.content574 { width: 574px; margin: 0px auto; padding: 20px 0px 10px; text-align: left; position: relative; }
.right160 { width: 160px; float: right; position: relative; }
.right200 { width: 200px; float: right; position: relative; }
.right236 { width: 236px; float: right; position: relative; padding-top: 6px; }
.right300 { width: 300px; float: right; position: relative; text-align: left; }
.right300 .ad300 { width: 300px; height: 250px; margin: 0px 0px 6px 0px; background-color: #FFFFFF; }
.nm .ad300 { margin-bottom: 0px; border-bottom: 4px solid #1EA5ED; }
.right300 .ad160 { width: 160px; height: 600px; background-color: #FFFFFF; }
.right300Split { float: left; width: 134px; height: 600px; position: relative; overflow: hidden; background-color: #E6ECEC; }
.right300Split160 { float: right; width: 160px; position: relative; overflow: hidden; }
.right436 { width: 436px; float: right; position: relative; background-color: #F5F5F5; padding-bottom: 6px; }
.mid502 { float: right; width: 502px; position: relative; }
.mid492 { float: right; width: 492px; margin-right: 10px; position: relative; }
.left160 { float: left; width: 160px; position: relative; }
.left420 { float: left; width: 420px; position: relative; }
.ad258 { width: 264px; height: 600px; float: left; margin-right: 6px; margin-left: 0px; }
.upShift2 { margin-top: -2px; }

.right300 .widget, .right200 .widget, .right436 .widget { margin: 6px 0px; position: relative; zoom: 1; }
.brWidget { width: 300px; position: absolute; right: -306px; bottom: 30px; }
.shaded { background-color: #E6ECEC; }

.aboveVideo { border-top: 172px solid #F5F5F5; width: 674px; border-bottom: 4px solid #1EA5ED; }
.contentVidAbove { height: 172px; width: 674px; padding: 0px; position: absolute; top: -248px; left: 0px; z-index: 2; }
.contentVidAbove .drsh { padding-bottom: 4px; }
.contentArtAbove { height: 172px; width: 674px; padding: 0px; position: absolute; top: 6px; left: 0px; z-index: 2; }

.contentVidBelow { position: relative; padding-top: 220px; }
.contentVidBelowParts { padding-top: 246px; }
.contentVidBelowTop { position: absolute; top: 0px; left: 0px; height: 220px; width: 532px; z-index: 2; }
.contentVidBelowTopParts { height: 246px; }

.rightOfVideo { height: 460px; }
.contentVidRight { position: absolute; top: 6px; left: 538px; width: 436px; height: 460px; z-index: 2; }
.adVidRight { position: absolute; top: 714px; left: 538px; width: 264px; height: 600px; z-index: 3; }

.wideSidePadding { padding: 0px 20px; }
.stdPadding { padding: 0px 10px; }
.stdSidePadding { padding: 0px 10px 0px 6px; }
.stdRightPadding { padding-right: 10px; }
.right300 .stdRightPadding { width: 290px; }
.stdLeftPadding { padding-left: 6px; }
.tightSidePadding { padding: 0px 6px; }
.padding468in492 { padding: 21px 0px 22px 12px; }
.articleMargins { padding-top: 0px; }
.articleMargins p, .articleMargins li, .articleMargins td, .articleMargins div, .articleMargins span, .articleMargins a { font-size: 9pt; line-height: 160%; font-family: verdana, arial, sans-serif; }
.articleMargins p, .articleMargins ul { padding: 0; margin: 0.5em 20px 1.5em 20px; color: #000000; }
.articleMargins li { margin-bottom: 1em; margin-left: 1em; }
.articleMargins h1 { font-size: 24px; display: block; padding: 0 0 5px 0; margin: 10px 20px 10px 20px; }
.articleMargins h2, .articleMargins h3, .articleMargins h4 { font-family: arial, sans-serif; font-size: 19px; font-weight: normal; display: block; padding: 2px 5px 1px 18px; margin: 20px 10px 10px 0px; border-bottom: 2px solid #696969; cursor: default; color: #000000; clear: both; letter-spacing: -0.03em; }
.articleMargins h2 span, .articleMargins h3 span, .articleMargins h4 span { font-family: inherit; line-height: normal; }
.articleMargins h2 span { font-size: inherit; }
.articleMargins h2 em, .articleMargins h3 em, .articleMargins h4 em { font-style: normal; color: #646464; font-size: 0.7em; padding-left: 5px; }
.articleMargins table { width: 628px; margin: 0px 20px 10px 20px; border: 0px; }
.articleMargins table td { border: 0px; padding: 2px; color: #2D2D2D; }
.articleMargins table .num { width: 70px; padding-right: 10px; text-align: right; }
.articleMargins .sh { width: 628px; margin-left: 20px; }
.articleMargins .box p { margin: 0.5em 15px 1em 15px; }
.articleMargins .textBlock img { border: 10px solid #FFFFFF; background: #696969 url(/images/progress_star_dark.gif) no-repeat center center; }
.articleMargins .textBlock img.imgRight { float: right; margin: 5px 20px 5px 10px; clear: both; }
.articleMargins .textBlock img.imgLeft { float: left; margin: 5px 40px 5px 10px; clear: both; }
.articleMargins .textBlock img.imgCenter { float: none; clear: both; margin: 10px auto; display: block; }
.articleMargins .textBlock img.imgCenterFull { margin: auto; clear: both; }
.articleMargins .imgRight { float: right; margin: 5px 20px 5px 10px; }
.articleMargins .imgLeft { float: left; margin: 5px 10px 5px 40px; }
.articleMargins pre { margin: 0.5em 20px 1.5em 20px; padding: 0.5em 1em; background-color: #FFFFFF; font-size: 8pt; overflow-x: auto; }
.articleMargins p.attribution, .articleMargins p.attribution a { font-size: 9px; line-height: 10px; color: #969696; font-family: arial, sans-serif; }
.articleMargins p.attribution { position: absolute; top: 128px; left: 245px; width: 358px; border-top: 1px solid #C4C4C4; display: block; padding-top: 5px; }
.articleMargins p.attribution a { text-decoration: underline; }
.articleControls { padding-top: 10px; }


.categoryPageMargins p { margin: 13px 10px 10px 10px; padding: 10px 240px 10px 10px; height: 189px; text-align: justify; background-color: #FFFFFF; background-image: url(/images/category_rolladex.jpg); background-repeat: no-repeat; background-position: right bottom; }
.categoryPageMargins p strong { display: block; margin-bottom: 20px; }

.communityHomeTop { position: relative; z-index: 2; }
.communityHomeBottom { margin-top: -4px; padding-top: 6px; }

.p10 { padding: 10px; }
.mb10 { margin-bottom: 10px; }
.mb6 { margin-bottom: 6px; }

.homeTop { height: 110px; padding: 6px 0px; }
.homeTop div { background-color: #1EA5ED; padding: 4px 6px 0px; }
.homeTop p, .homeTop h1 { color: #FFFFFF; font-size: 26px; font-weight: normal; letter-spacing: -0.04em; margin: 0px; padding: 0px; line-height: 29px; display: inline; }
.homeTop p { font-size: 12px; letter-spacing: normal; }

.homeTop2 { height: 82px; }

/* Headbar */
.headbar { position: relative; }
.headbar h1, .headbar h2, .headbar h3, .headbar h4, .headbar h5, .headbar h6 { display: block; height: 18px; line-height: 24px; font-size: 11px; margin: 0px; padding: 0px 7px; color: #696969; border-bottom: 4px solid #1EA5ED; cursor: default; text-align: left; white-space: nowrap; overflow: hidden; font-weight: normal; }
.headbar a { color: #F5F5F5; }
.headbar a.hbLink { color: #0E85CD; position: absolute; display: block; top: 0px; right: 5px; font-size: 10px; line-height: 24px; z-index: 2; }
.headbar a.hbLink:hover { color: #0E85CD; text-decoration: underline; }
.headbar a.relatedEdit { right: 60px; }
.headbar .paging { display: block; position: absolute; width: auto; height: 8px; left: 350px; top: 9px; z-index: 3; }
.headbar .paging span { display: block; width: 8px; height: 8px; float: left; margin-left: 8px; background-color: #969696; overflow: hidden; cursor: pointer; }
.headbar .paging span:hover, .headbar .paging span.hover, .headbar .paging .pageLinkSelected { background-color: #1EA5ED; }
.headbar i { font-style: normal; font-weight: normal; color: #969696; }
.widget .headbar .paging { top: 0px; left: 215px; }
.slHome .headbar .paging { left: 150px; }
span.label { color: #969696; }
span.small { font-size: 10px; }

/* Emphasis Headbar: */
.em h1, .em h2, .em h3, .em h4, .em h5, .em h6 { font-size: 19px; height: 22px; line-height: 20px; border-bottom-width: 2px; padding-top: 2px; letter-spacing: -0.04em; color: #000000; background-color: #F5F5F5; }
.em h1 { font-size: 24px; line-height: 24px; padding-top: 0px; padding-bottom: 4px; border-bottom-width: 4px; }
.em a.hbLink { top: 4px; }
.em .paging { top: 13px; left:510px; }
.em a { color: #000000; }
.em h1 span, .em h2 span, .em h3 span, .em h4 span, .em h5 span, .em h6 span { font-size: 12px; letter-spacing: 0em; color: #696969; }
.ah .em h1 span, .ah .em h2 span, .ah .em h3 span, .ah .em h4 span, .ah .em h5 span, .ah .em h6 span { visibility: hidden; }
.em a:hover, .em a:hover span, .em span a { text-decoration: none; color: #000000; visibility: visible; } /*1EA5ED 0E85CD*/
.em a:hover { text-decoration: underline; }
.em span a:hover { text-decoration: underline; }
a.em { font-weight: bold; color: #202020; }
a.em:hover { color: #0E85CD; text-decoration: none; }
.em h1.ems, .em h2.ems, .em h3.ems, .em h4.ems, .em h5.ems, .em h6.ems { font-size: 18px; }
.left160 .headbar h2 { background-color: transparent; }
/* End Headbar */

/* Content Header */
.contentHeader { color: #696969; padding: 0px 10px; cursor: default; }
.contentHeader h1, .contentHeader h2, .contentHeader h3 { margin: 0 -16px 0 -10px; padding: 1px 7px; font-size: 28px; font-weight: normal; letter-spacing: -0.04em; line-height: 29px; height: 32px; color: #FFFFFF; background-color: #0E85CD; }/*1EA5ED*/
.contentHeader h1 a, .contentHeader h2 a, .contentHeader h3 a { font-size: inherit; font-weight: normal; letter-spacing: -0.04em; line-height: 32px; color: #FFFFFF; text-decoration: none; }
div.contentHeader, .contentHeader span, .contentHeader div { font-size: 15px; font-family: arial, sans-serif; line-height: normal; }
.contentHeader a { cursor: pointer; font-family: arial, sans-serif; line-height: normal; font-size: 11px; }
.contentHeader .label { color: #969696; font-size: 11px; display: inline; }
.contentHeader span.label a, .contentHeader div.label a { font-size: 11px; }
.contentHeader .stats, .contentHeader .tags { background-color: #FFFFFF; margin: 0 -16px 0 -10px; padding: 0px 10px; height: 19px; line-height: 19px; }
.contentHeader .stats, .contentHeader .stats .label, .contentHeader .stats span, .contentHeader .tags, .contentHeader .tags .label, .contentHeader .tags span { font-size: 11px; height: 19px; line-height: 19px; }
.contentHeader .right { float: right; line-height: 27px; }
.contentHeader .tags { overflow: hidden; z-index: 10; background-color: #E6ECEC; }
.contentHeader .tags h2 { display: inline; background: transparent; border: 0px; padding: 0px; margin: 0px; letter-spacing: normal; }
.contentHeader .tags h2 a { color: #0E85CD; line-height: normal; letter-spacing: normal; }
.contentHeader .tags h2 a:hover { text-decoration: underline; }
.contentHeader a.moreTags { font-size: 11px; line-height: 19px; }
.liveArticlePage { padding-top: 172px; }
/* End Content Header */

.rightGutter { width: 200px; float: right; text-align: center; position: relative; }
.rightGutter160 { width: 160px; float: right; text-align: center; position: relative; }
.rightGutter300 { width: 300px; float: right; text-align: center; position: relative; }
.leftGutter { width: 200px; float: left; text-align: center; position: relative; }
.center3Column { width: 554px; float: left; margin-left: 10px; text-align: left; position: relative; }
.center3Column594 { width: 594px; float: left; margin-left: 10px; text-align: left; position: relative; }
.halfCenter3Column  { width: 277px; float: left; text-align: center; position: relative; }
.centerFrontPage { width: 454px; float: left; margin-left: 10px; text-align: center; position: relative; }

.left2Column { width: 764px; float: left; position: relative; }
.left2Column804 { width: 804px; float: left; position: relative; }
.left2ColumnBlock { width: 664px; float: left; margin-right: 10px; position: relative; }
.left2ColumnWide { width: 728px; float: left; margin-right: 10px; position: relative; }
.left3Column { width: 418px; float: left; margin-right: 10px; position: relative; }
.left4Column { width: 236px; float: left; margin-right: 10px; position: relative; }
.left4ColumnWide { width: 236px; float: left; margin-right: 28px; position: relative; }
.left552 { width: 552px; float: left; position: relative; }
.left554 { width: 554px; float: left; position: relative; }
.left564 { width: 564px; float: left; position: relative; }
.left624 { width: 624px; float: left; position: relative; }
.left665 { width: 665px; float: left; position: relative; }
.left664 { width: 664px; float: left; position: relative; }
.right405 { width: 405px; float: right; position: relative; }
.right410 { width: 410px; float: right; position: relative; }
.right420 { width: 420px; float: right; position: relative; }
.right200 { width: 200px; float: right; margin-left: 10px; text-align: center; position: relative; }
.right330 { width: 330px; float: right; margin-left: 10px; position: relative; }

.right4Column { width: 236px; float: left; position: relative; }
.center4Column { width: 728px; float: right; position: relative; }
.middle4Column { width: 418px; float: left; position: relative; }
#tlAnchor { position: relative; height: 0px; overflow: visible; z-index: 100; }
#tlAnchor .abs { position: absolute; top: 0px; left: 0px; }
#loadLast { position: absolute; top: -9999999px; left: -9999999px; width: 974px; }
/* End Layout Grids*/

/* Ads */
.ad728 { width: 728px; height: 90px; float: right; }
.ad728top { width: 728px; height: 90px; position: absolute; top: 0px; left: 246px; background-color: #FFFFFF; }
.ad300 { width: 300px; height: 250px; }
.ad250 { background-color: #E6ECEC; padding: 4px 7px; }
.ad234 { width: 234px; height: 60px; padding: 15px 0px 15px 0px; float: left; margin-right: 10px; }
.adPartner { width: 234px; height: 90px; float: left; margin-right: 10px; }
.ad160 { width: 160px; height: 600px; margin: auto; }
.ad150 { width: 150px; height: 150px; margin: auto; }
.rightAd300 span { font-size: 10px; color: #808080; text-align: center; display: block; margin-top: 2px; }
.adTopResults { height: 60px; position: relative; border-bottom: 1px dashed #C6C6C6; border-top: 1px dashed #C6C6C6; padding: 20px 0px 12px 0px; margin-bottom: 10px; margin-top: 10px; background-color: #FFFFFF; }
.adInResults { height: 60px; position: relative; border-bottom: 1px dashed #C6C6C6; padding: 20px 0px 12px 0px; background-color: #FFFFFF; }
.adTopResults span, .adInResults span { color: #2D2D2D; font-size: 8pt; position: absolute; top: 0px; left: 1px; cursor: default; }
#googleAFS1 { width: 468px; height: 60px; position: absolute; top: 20px; left: 110px; }
#googleAFS2 { width: 160px; height: 600px; margin-top: 10px; }
#googleAFS3 { width: 468px; height: 60px; position: absolute; top: 20px; left: 110px; }
/* End Ads */

/* Alert */
#whtAlert, #whtAlertContainer { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 2000; font-size: 20px; text-align: center; color: #FFFFFF; cursor: default; }
#whtAlertContainer { z-index: 6; }
#whtAlertOuterBox { width: 800px; height: 200px; margin: 198px auto 0px auto; position: relative; }
#whtAlertBox { width: 514px; height: 160px; padding: 20px; background-image: url(/images/alert_bg.png); position: absolute; top: 0px; left: 0px; }
#whtAlertBox table tr td { overflow: hidden; border: 0px; position: relative; }
#whtAlertBox a { color: #1A9EBF; cursor: pointer; }
#whtAlertBox p { font-size: 14px; margin: 5px 0px 0px 0px; padding: 0px; }
#whtAlertBox .alertButtons { position: absolute; top: 150px; left: 20px; width: 504px; height: 25px; }
#whtAlertBox a.btn { display: block; float: right; margin-left: 15px; width: 95px; height: 25px; line-height: 23px; text-align: center; font-size: 13px; color: #000000; background-image: url(/images/button_alertbox.gif); background-position: 0px 0px; text-decoration: none; cursor: pointer; outline: none; }
#whtAlertBox a.btn:hover { background-position: 0px -27px; }
#whtAlertBox a.btn:active { background-position: 0px -54px; line-height: 25px; }
/* End Alert */

/* Overlay */
#overlay, #shadeFrame, #shade, #hoverContent, #overlayLoading { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 1000; font-size: 10px; color: #666666; }
#shadeFrame { z-index: 2; display: none; }
#shade { z-index: 3; background-color: #000000; opacity: 0.7; -moz-opacity: 0.7; }
#overlayLoading { z-index: 5; color: #ffffff; font-size: 64px; font-weight: lighter; padding-top: 200px; text-align: center; display: none; }
#hoverContent { z-index: 6; }
.virtualForm { width: 721px; background-color: #F5F5F5; border: 1px solid #808080; padding: 10px 0px 0px 0px; margin: 50px auto 0px auto; text-align: left; position: relative; }
.virtualForm .formProgress { position: absolute; top: 10px; right: 10px; width: 16px; height: 16px; background-image: url(/images/progress_star.gif); display: none; }
.virtualForm .formMessage { padding: 0px 0px 10px 10px; font-size: 13px; color: #000000; border-bottom: 1px solid #B3B3B3; margin-bottom: 10px; }
.virtualForm .formMessage strong { color: #F61914; }
.virtualForm .formMessage ul { margin-top: 0px; margin-bottom: 0px; margin-left: 15px; color: #F61914; }
.virtualForm .innerForm { padding: 0px 10px 0px 10px; float: left; }
.virtualForm .title { font-size: 17px; font-weight: bold; color: #4D4D4D; }
.virtualForm .title span { font-weight: normal; font-size: 15px; }
.virtualForm span, .virtualForm label { font-size: 14px; }
.virtualForm span.small { font-size: 11px; margin-top: 5px; display: block;}
.virtualForm input, .virtualForm select, .virtualForm textarea { color: #4D4D4D; }
.virtualForm div.smallRight { text-align: right; margin-bottom: 5px; }
.virtualForm .field { width: 220px; float: left; margin-top: 10px; }
.virtualForm .fieldSet { margin-left: 10px; }
.virtualForm .ddlInterval { margin-left: 5px; }
.virtualForm .wideField { width: 450px; float: left; margin-top: 10px; }
.virtualForm .field .fullWidth, .virtualForm .wideField .fullWidth { width: 100%; }
.virtualForm .withMargin { margin-left: 10px; }
.virtualForm .right { text-align: right; }

.rightForm { border: 0px; margin: 0px; padding: 0px; width: 300px; background-color: #FFFFFF; color: #4D4D4D; }
.rightForm .field { width: 280px; }

.virtualForm.skinnyForm { width: 500px; }
.virtualForm.skinnyForm .innerForm { width: 478px; }
.virtualForm.skinnyForm .field { width: 474px; }
.virtualForm .loginForm { width: 225px; }
.virtualForm .forgotPasswordForm { width: 225px; display: none; }
.virtualForm .signupForm { width: 455px; border-left: 1px solid #B3B3B3; }
.virtualForm .signupForm2 { width: 455px; border-left: 1px solid #B3B3B3; display: none; }
.virtualForm .signupForm2 .field { width: 250px; }
.virtualForm .signupForm2 .withMargin { width: 190px; }
.virtualForm .signupForm2Left { width: 225px; height: 100px; position: relative; overflow: visible; display: none; }
.virtualForm .signupForm2Left .profileImagePreview { width: 147px; height: 192px; overflow: hidden; background-color: #ffffff; border: 1px solid #B3B3B3; position: relative; top: -16px; left: 39px; }
.virtualForm .signupForm2Left .profileImagePreview img { width: 135px; height: 180px; overflow: hidden; border: 1px solid #808080; position: absolute; top: 5px; left: 5px; }
/*.virtualForm .suggestionForm { width: 700px; }
.virtualForm .suggestionForm .field { width: 696px; }*/
.virtualForm.standardWidth { width: 532px; border: 0px; margin: 0px; padding: 0px; }
.virtualForm.standardWidth .innerForm { padding: 0px; }
.virtualForm.centerColumnWidth { width: 492px; border: 0px; margin: 0px; padding: 0px; background-color: transparent; }
.virtualForm.centerColumnWidth .innerForm { width: 492px; padding: 0px; }
.virtualForm.fullWidthForm { width: 974px; padding: 0px; border: 0px; margin: 0px; }
.virtualForm.wideForm { width: 904px; padding: 0px; border: 0px; margin: 0px; }
.virtualForm .commentForm { position: relative; width: 532px; }
.virtualForm .commentForm .field { width: 528px; }
.virtualForm .profileForm, .virtualForm .profileForm input, .virtualForm .profileForm label { font-size: 11px; color: #000000; }
.virtualForm .profileForm strong, .virtualForm .profileForm .field span { font-size: 12px; }
.virtualForm .profileForm .field { width: 230px; margin-left: 10px; }
.virtualForm .profileForm .wideField { width: 482px; margin-left: 10px; }
.virtualForm .submitVideoForm .field { width: 508px; }
.virtualForm .submitVideoForm #initialScreengrab { float: right; }
.virtualForm .timeTextBox { width: 25px; }
.virtualForm .referralForm .field { margin-left: 20px; }
.virtualForm .referralForm .wide { width: 460px; }
.virtualForm .referralForm .field .left { float: left; width: 16px; text-align: right; line-height: 20px; }
.virtualForm .referralForm .field .right { float: right; }
.virtualForm .referralForm .field .right input { width: 195px; }
.virtualForm .referralForm .text, #formSubmitted { margin-left: 20px; margin-top: 10px; font-size: 16px; }
.virtualForm .skinForm { padding: 10px; }
.virtualForm .skinForm .field { width: 311px; }
.virtualForm .skinForm .field .fullWidth { width: 260px; font-size: 14px; font-family: arial,sans-serif; }
.virtualForm .skinForm .wideField { width: 632px; }
.virtualForm .skinForm .wideField .fullWidth { width: 600px; font-size: 14px; font-family: arial,sans-serif; }
.virtualForm .skinForm .folderList { background-color: #000000; }
.virtualForm .skinForm .folderList .folder { display: block; padding: 4px 10px 2px 2px; float: left; width: 132px; }
.virtualForm .skinForm .folderList .folder label { background: url(/images/skin_folder.gif) no-repeat 2px 0px; padding-left: 26px; padding-top: 2px; color: #ffffff; }

/* Image Import Area */
.virtualForm .importInput { width: 474px; height: 18px; padding-top: 2px; display: block; color: #4D4D4D; border: 1px solid #BDBFC1; }

/* Flickr Import Area */
.virtualForm .flickrArea { display: none; }
.virtualForm .flickrArea .flickrTags { width: 252px; padding-top: 2px; height: 18px; font-size: 14px; color: #4D4D4D; border: 1px solid #BDBFC1; }

.virtualForm .flickrArea .flickrPaging { font-size: 8pt; width: 122px; height: 25px; float: right; padding-left: 5px; text-align: center; }
.virtualForm .flickrArea .flickrPaging a { display: block; width: 20px; height: 21px; background-image: url(/images/button_blue_arrow_sm_graybg.gif); }
.virtualForm .flickrArea .flickrPaging a.prevPage { float: left; margin-right: 3px; background-position: 0px 0px; }
.virtualForm .flickrArea .flickrPaging a.prevPage:hover { background-position: 0px -21px; }
.virtualForm .flickrArea .flickrPaging a.nextPage { float: right; margin-left: 3px; background-position: -20px 0px; }
.virtualForm .flickrArea .flickrPaging a.nextPage:hover { background-position: -20px -21px; }
.virtualForm .flickrArea .flickrPaging a.hide { visibility: hidden; }
.virtualForm .flickrArea .flickrPaging span { line-height: 20px; }

.virtualForm .flickrArea .flickrImageList { display: block; width: 474px; padding-left: 5px; }
.virtualForm .flickrArea .flickrImageList .thumbnail { position: relative; display: block; width: 80px; height: 85px; padding: 0px 5px; float: left; }
.virtualForm .flickrArea .flickrImageList .thumbnail a { display: block; padding-top: 18px; padding-bottom: 2px; outline: none; }
.virtualForm .flickrArea .flickrImageList .thumbnail a img { border: 2px solid Transparent; }
.virtualForm .flickrArea .flickrImageList .thumbnail a.selected img { border-color: #1EA5ED; }
.virtualForm .flickrArea .loading { padding: 5px 0px; height: 20px; background-image: url(/images/progress_star.gif); background-position: center center; background-repeat: no-repeat; }

.virtualForm .imageFloatVals { display: none; padding-top: 10px; }
.virtualForm .imageFloatVals span { padding-right: 5px; }
.virtualForm .imageFloatVals label { padding: 0px 5px; }

.formClearBG { background: transparent; }
#editFeedForm { display: none; }
.createNewPlaylistAdvancedShow { float: left; }
/* End Overlay */

/* Shadows */
.sh { padding-right: 5px; background-image: url(/images/shf5r.gif); background-position: right top; background-repeat: repeat-y; position: relative; margin: 0px -5px 5px 0px; }
.tm { margin-bottom: 1px; }
.lm { margin-bottom: 10px; }
.sh .box { width: auto; height: 100%; padding: 0px 0px 5px 0px; background-color: #FFFFFF; background-image: url(/images/shf5b.gif); background-position: left bottom; background-repeat: repeat-x; position: relative; }
.ch .box { padding: 0px; }
.sh .pad { padding: 6px 6px 11px 6px; }
.sh .box .pad { padding: 6px; }
.sh .box .pad10 { padding: 10px; }
.sh i.tr, .sh i.br, .sh i.bl { background-image: url(/images/shf5c.gif); background-repeat: no-repeat; position: absolute; display: block; overflow: hidden; }
.sh i.tr { width: 5px; height: 10px; top: 0px; right: 0px; background-position: -15px 0px; }
.sh i.br { width: 10px; height: 10px; bottom: 0px; right: 0px; background-position: -10px -10px; }
.sh i.bl { width: 10px; height: 5px; bottom: 0px; left: 0px; background-position: 0px -15px; }
.shc4 { background-image: url(/images/shc4r.gif); }
.shc4 .box { background-image: url(/images/shc4b.gif); }
.shc4 i.tr, .shc4 i.br, .shc4 i.bl { background-image: url(/images/shc4c.gif); }
.dsh { background-image: url(/images/dshecr.gif); }
.dsh .box { background-image: url(/images/dshecb.gif); }
.dsh i.tr, .dsh i.br, .dsh i.bl { background-image: url(/images/dshecc.gif); }
.rsh i.tr, .rsh i.br, .rsh i.bl { background-image: url(/images/shf5cr.gif); }
.sh .cornerImage { position: absolute; right: 5px; bottom: 5px; }
.bsh { background-image: none; margin-right: -11px; }
.stdRightPadding .bsh { margin-right: -21px; }
.bsh i.tr, .bsh i.br, .bsh i.bl, .bsh .cornerImage { display: none; }
.shaded .sh { background-image: url(/images/she6r.gif); }
.shaded .sh .box { background-image: url(/images/she6b.gif); }
.shaded .sh i.tr, .shaded .sh i.br, .shaded .sh i.bl { background-image: url(/images/she6c.gif); }
.shaded .rsh i.tr, .shaded .rsh i.br, .shaded .rsh i.bl { background-image: url(/images/she6cr.gif); }
/* End Shadows */

/* Header */
#headerBG { height: 90px; background: #FFFFFF url(images/wht_header_bg.jpg) no-repeat center top; border-bottom: 29px solid #000000; }
#header { position: absolute; top: 90px; left: 0px; height: 29px; width: 100%; background: #FFFFFF; }
#header .headerTopBar { height: 90px; }

#logo { width: 246px; height: 90px; top: 0px; left: 0px; position: absolute; }
#logo img { position: absolute; top: 0px;  width: 245px; height: 90px; display: block; margin: 0px; z-index: 1; }
#logo a { position: absolute; top: 3px; left: 0px; z-index: 2; width: 242px; height: 42px; display: block; background: url(/images/clear.gif); }


#header #navMenus { position: absolute; top: 0px; left: 0px; width: 100%; height: 24px; z-index: 10; background-color: #202020; border-top: 1px solid #000000; border-bottom: 4px solid #1EA5ED; }
#header #navMenus i.shine { display: block; height: 11px; border-top: 1px solid #696969; background-color: #3F3F3F; position: absolute; top: 0px; left: 0px; width: 100%; overflow: hidden; }
#header .subMenu { height: 24px; color: #F5F5F5; font-size: 11px; line-height: 24px; background-color: #1EA5ED; }
#header .subMenu a { display: block; position: relative; float: left; padding: 0px 15px; width: auto; height: 100%; color: #F5F5F5; }
#header .subMenu span { display: none; }
#header .subMenu strong { color: #000000; font-weight: normal; }
#header .subMenu a.active { background-color: #F5F5F5; height: 12px; border-top: 12px solid #FFFFFF; }
#header .subMenu a.active strong { position: relative; top: -12px; }


#header .contentFilters { position: absolute; left: 544px; top: 104px; width: 200px; height: 24px; background-image: url(/images/filter_all.png); background-repeat: no-repeat; background-position: 0px 0px; }
#header .cfVideos { background-position: 0px -24px; }
#header .cfArticles { background-position: 0px -48px; }
#header .cfBoth { background-position: 0px -72px; }
#header .contentFilters span { display: none; }
#header .contentFilters a { display: block; float: left; width: 70px; height: 24px; -moz-opacity: 0.3; }
#header .contentFilters .filterBoth { width: 60px; }

/* Ticker */
#header .ticker { width: 150px; height: 20px; line-height: 10px; overflow: hidden; position: absolute; top: 2px; right: 96px; color: #969696; font-size: 9px; z-index: 11; cursor: default; }
#header .ticker em { display: block; line-height: 10px; height: 10px; text-align: right; font-style: normal; }
#header .ticker em a { text-decoration: none; color: #969696; cursor: default; }
/* End Ticker */

#header .loginStatus { left: 6px; top: 5px; position: absolute; width: 233px; font-size: 10px; }
#header .loginStatus a.memberImage { background-color: #333333; width: 59px; height: 78px; display: block; overflow: hidden; float: left; margin-right: 6px; }
#header .loginStatus a.memberImage img { display: block; width: 59px; height: 78px; }
#header .loginStatus div strong { font-size: 12px; }
#header .loginStatus a strong { color: #000000; }
#header .loginStatus span { color: #A1A1A1; }
#header .loginStatus .logoutLink, #header .loginStatus .loginLink { position: absolute; bottom: 10px; left: 65px; }
/* End Header */

/* Twitter Ticker */
.twitterTicker .twitterFollow { position: absolute; top: 0px; left: 0px; display: block; background: url(/images/twitter_little_logo.gif) no-repeat 3px 15px; padding-bottom: 20px; padding-left: 5px; padding-top: 1px; line-height: 14px; width: 71px; height: 15px; color: #4D4D4D; font-size: 10px; text-decoration: none; }
.twitterTicker .twitterFollow:hover { color: #31CCFF; }
.twitterTicker .twitterFollow span { display: none; }
.twitterTicker ul { display: block; color: #4D4D4D; overflow:hidden; height: 24px; padding: 0px 0px 0px 76px; margin: 0px; }
.twitterTicker li { list-style: none; display: block; margin: 0px; padding: 0px; line-height: 12px; font-size: 11px; height: 24px; overflow: hidden; }
.twitterTicker li a.tweeter { color: #4D6D8D; }
.right300 .twitterTicker { width: 290px; }
.right300 .twitterTicker ul { width: 182px; }
/* End Twitter Ticker */

/* Tabs */
.tabs { height: 24px; position: relative; }
.tabs i { display: block; position: absolute; top: 0px; left: 0px; width: 100%; height: 11px; background-color: #3F3F3F; border-top: 1px solid #696969; }
.tabs em { display: none; }
.tabs a { display: block; position: relative; float: left; width: 85px; height: 100%; line-height: 23px; font-size: 13px; background-color: #202020; color: #FFFFFF; text-align: center; outline: none; cursor: pointer; }
.tabs a i { display: block; position: absolute; top: 0px; left: 0px; width: 100%; height: 11px; background-color: #3F3F3F; border-top: 1px solid #696969; }
.tabs a span { display: block; height: 100%; position: relative; z-index: 2; border-right: 1px solid #696969; border-left: 1px solid #4D4D4D; }
.tabs a strong { display: block; width: 100%; height: 100%; position: relative; }
.tabs a:hover, .tabs a strong, .tabs a.hovered { background-color: #1EA5ED; border-color: #5BD1F0; text-decoration: none; z-index: 2; }
.tabs a.hovered i, .tabs a:hover i, .tabs a strong i { background-color: #00B4F3; border-color: #5BD1F0; }
.tabs a.hovered span, .tabs a:hover span, .tabs a strong span { border-color: #5BD1F0; }
.tabs a.profileTab { z-index: 3; }
.tabs a.signupLink, .tabs a.logoutLink { padding-left:469px; font-size: 11px; font-weight: bold; }
/* End Tabs */

/* Notification Area */
.userNotification { position: relative; top: 0px; height: 22px; line-height: 22px; padding: 5px 10px; background-color: #FFF6CF; border-bottom: 1px solid #FF9900; font-size: 10pt; color: #000000; }
/* End Notification Area */

/* Categories Drop Down */
.ddMenu { position: absolute; top: 30px; width: 120px; background-color: #FFFFFF; z-index: 50; border: 4px solid #0E85CD; display: none; }
.ddMenu .upArrow { background-image: url(/images/up_arrow.gif); background-repeat: no-repeat; height: 12px; position: absolute; top: -12px; left: 0px; background-position: 35px 0px; width: 100px; }
.ddMenu ul { position: relative; float: left; display: block; margin: 0px; padding: 6px 6px; width: 108px; }
.ddMenu li { list-style: none; display: block; margin: 0px; padding: 0px; line-height: 14px; font-size: 11px; height: 14px; overflow: hidden; word-wrap: break-word; }
.ddMenu a { display: block; width: 100px; line-height: 14px; height: 14px; font-size: 11px; padding: 0px 4px; margin: 0px; }
.ddMenu a:hover { text-decoration: none; color: #FFFFFF; background-color: #1EA5ED; }
.ddMenu li.es { border-bottom: 1px solid #E7ECEC; margin-bottom: 4px; padding-bottom: 4px; }
.ddMenu li.adminTool { display: none; }
.ddMenu span { cursor: default; }
.ddMenu strong, .ddMenu em { color: #000000; cursor: default; }
.ddMenu a strong { color: #EF241F; }
.ddHome { left: -2px; }
.ddProfile { left: 84px; }
.ddCats { left: 6px; width: 510px; }
.ddCats .upArrow { background-position: 110px 0px; width: 210px; }
.ddCats ul { width: 158px; }
.ddCats a { width: 150px; }
.ddCatsLoggedIn .upArrow { background-position: 198px 0px; }
.ddCommunity { left: 168px; }
.ddCommunityLoggedIn { left: 255px; }
.ddSubmit { left: 338px; width: 144px; }
.ddSubmit ul { width: 132px; }
.ddSubmit a { width: 124px; }
.ddSubmitLoggedIn { left: 425px; }
.ddMenu a.profileLink, .ddMenu a.profileLink:hover { color: #000000; background-color: #FFFFFF; }
/* End Categories Drop Down */

/* Search Bar */
.searchBar { width: 211px; height: 28px; position: absolute; left: 24px; top: 56px; z-index: 3; overflow: hidden; }
.searchBar input { display: block; width: 172px; height: 16px; line-height: 16px; font-size: 14px; margin: 0px; padding: 4px 0px; border: 1px solid #FFFFFF; background-color: #FFFFFF; position: absolute; top: 0px; left: 0px; }
.searchBar a { display: block; width: 24px; height: 24px; background-image: url(/images/search_highlight.gif); background-repeat: no-repeat; background-position: 0px 0px; outline: none; cursor: pointer; position: absolute; top: 0px; right: 0px; }
.searchBar a:hover { background-position: 0px -24px; }
/* End Search Bar */

/* Search Menu */
/* When updating height, update all elements in the following block by the same number */
.searchMenuHolder { height: 308px; }
.searchMenuHolder .searchMenu .content, .searchMenuHolder .searchMenu .content .keywordList { height: 230px; }
/* End of block */

.searchMenuPositioner { display: block; position: absolute; top: 0px; left: 0px; width: 100%; height: 0px; overflow: hidden; z-index: 10; border-top: 1px solid #000000; }
.searchMenuHolder { display: block; position: relative; background-color: #F5F5F5; border-top: 28px solid #1EA5ED; }

.searchMenuHolder .searchMenuOptions { display: block; position: absolute; left: 14px; top: -24px; }
.searchMenuHolder .searchMenuOptions, .searchMenuHolder .searchMenuOptions select { width: 224px; height: 20px; line-height: 20px; }
.searchMenuHolder .searchMenuOptions select { display: block; font-size: 13px; color: #000000; }

#searchKeywords { display: block; }

.searchMenu { display: block; position: relative; }
.searchMenu h6 { font-size: 14px; border-bottom: 2px solid #FFFFFF; padding-bottom: 2px; margin-bottom: 6px; }
.searchMenu ul { margin: 0px; padding: 0px 0px 0px 10px; }
.searchMenu li { list-style: none; font-size: 11px; line-height: 15px; }
.searchMenu li span { color: #969696; }
.searchMenu .infoBubble { margin-left: 6px; margin-top: -6px; display: block; width: 356px; height: 47px; padding: 12px 0px 0px 10px; background: url(/images/search_info_bubble.jpg); line-height: 21px; font-size: 12px; overflow: hidden; color: #FFFFFF; }

.searchMenu .popular, .searchMenu .recent { width: 255px; overflow: hidden; margin-right: 5px; margin-left: 10px; }
.searchMenu .recent, .searchMenu .popular, .searchMenu .userSearch, .searchMenu .topics { display: block; position: relative; float: left; margin-top: 6px; }
.searchMenu .userSearch, .searchMenu .topics { width: 412px; padding-right: 5px; padding-left: 10px; }

.searchMenu .keywordList { width: auto; }
.searchMenu .loading { display: none; position: absolute; left: 280px; width: 25px; height: 230px; background-image: url(/images/progress_star.gif); background-position: center center; background-repeat: no-repeat; }
.searchMenu .videoPreview { position: relative; display: block; width: 232px; height: 230px; float: right; overflow: hidden; }
.searchMenu .videoPreview .typeIcon { left: 72px; top: 52px; right: auto; }


.searchMenu .topics { display: none; }
.searchMenu .topics .selected { background-color: #1EA5ED; }
.searchMenu .topics .selected a, .searchMenu .topics .selected span { color: #FFFFFF; text-decoration: none; }
.searchMenu .topics .keywordList { position: relative; width: 158px; float: left; margin-right: 10px; border-right: 2px solid #FFFFFF; }

.searchMenuHolder .searchMenu .text { height: 20px; margin-left: 35px; font-size: 16px; font-weight: bold; border-bottom: 1px solid; }
.searchMenuHolder .searchMenu .popular .text { border-color: #BB2220; color: #BB2220; }
.searchMenuHolder .searchMenu .recent .text { border-color: #6CB017; color: #6CB017; }
.searchMenuHolder .searchMenu .userSearch .text { border-color: #398FC0; color: #398FC0; }
.searchMenuHolder .searchMenu .topics .text { border-color: #60194A; color: #60194A; overflow: hidden; white-space: nowrap; }
.searchMenuHolder .searchMenu .content { position: relative; display: block; }

.searchMenuHolder .searchMenu .topics a.topicLink { display: block; }

a.showAllLink { position: relative; display: block; font-size: 11px; margin-top: -2px; margin-bottom: 2px; outline: none; }
a.previewVideoItem { background-color: #FFFFFF; position: relative; display: block; font-size: 11px; margin-bottom: 6px; outline: none; text-decoration: none; }
a.previewVideoItem .previewImage { display: block; width: 88px; height: 68px; float: left; overflow: hidden; }
a.previewVideoItem img { display: block; width: 88px; height: 68px; background: #696969 url(/images/progress_star_dark.gif) no-repeat center center; margin: 0px; }
a.previewVideoItem span.title { display: block; padding: 6px 6px 0px 94px; }
a.previewVideoItem span.duration { color: #969696; text-decoration: none; }
a:hover.previewVideoItem .previewImage { height: 60px; border-bottom: 8px solid #1EA5ED; }
a:hover.previewVideoItem span.title { text-decoration: underline; }

a.showAllLink { text-transform: capitalize; }

a.searchMenuClose { display: block; width: 100%; height: 10px; position: absolute; bottom: 28px; left: 0px; outline: none; text-decoration: none; background-image: url(/images/wide_close_bar.gif); background-position: center 0px; }
a:hover.searchMenuClose { background-position: center -10px; }
/* End Header */

/* Footer */
#footer { font-size: 12px; color: #000000; background: #E7ECEC; padding-bottom: 10px; border-top: 24px solid #1EA5ED; overflow: hidden; position: relative; zoom: 1; }
#footer .fullWidth { text-align: center; }
#footer a { text-decoration: none; display: block; padding: 0px; color: #0E658D; }
#footer a:hover { text-decoration: underline; }
#footer div { margin-top: 10px; }
#footer a.ht { color: #808080; cursor:text; }
#footer a.ht:hover { text-decoration: none; }
/* Footer Categories List */
#footer .footerCategoriesList div { text-align: left; width: 243px; margin: auto; }
#footer .footerLeftCol, #footer .footerRightCol { float: left; position: relative; width: 236px; }
#footer .footerLeftCol { margin-right: 10px; }
#footer .footerRightCol { margin: 0; }
#footer  ul { margin-left: 6px; }
#footer  ul, #footer ul li { list-style: none; }
#footer .sectionTitle { color: #000000; font-weight: bold; text-transform: uppercase; font-size: 14px; padding-bottom: 2px; }
#footer .footerCategoriesList a { display: inline; }
#footer .footerCategoriesList div.topVideoLists { width: 974px; padding-top: 10px; margin-bottom: 10px; }
#footer .footerCategoriesList div.topVideoLists span { margin-left: 6px; font-size: 11pt; cursor: default; }
#footer .footerCategoriesList div.topVideoLists ul { margin-top: 5px; margin-right: 0px; }
#footer .footerCategoriesList div.topVideoList { font-size: 11px; width: 324px; float: left; }
/* End Footer Categories List */

/* End Footer */

/* Icons */
.iconWonderList span { background-image: url(/images/iconWonderList.gif); }
.iconFresh span { background-image: url(/images/iconFresh.gif); }
.iconGem span { background-image: url(/images/iconGems.gif); }
.iconHot span { background-image: url(/images/iconHot.gif); }
.iconStar span { background-image: url(/images/iconStar.gif); }
.iconPlaylist span { background-image: url(/images/iconPlaylist.gif); }
.iconRecommend span { background-image: url(/images/iconRecommend.gif); }
.iconHOC span { background-image: url(/images/iconClass.gif); }
/* End Icons */

/* Skins */
.skinThumb { position: relative; width: 180px; text-align: center; margin: 0px 7px 10px 0px; padding-left: 7px; float: left; }
.skinThumb a { display: block; padding-top: 127px; text-decoration: none; border: 1px solid #ffffff; }
.skinThumb .thumb, .skinThumb .tinyPage { background-repeat: no-repeat; background-position: center top; position: absolute; top: 1px; left: 8px; width: 178px; height: 127px; }
.skinThumb .thumb { }
.skinThumb .tinyPage { background-image: url(/images/tiny_page.gif); }
.skinThumb .label { font-size: 13px; padding-bottom: 5px; padding-top: 5px; display: block; background-color: #222222; background-image: url(/images/bg_stripes_top_dark.gif); color: #cccccc; white-space: nowrap; overflow: hidden; }
.skinThumb a:hover { border: 1px solid red; }
.skinThumb a:hover .label { text-decoration: underline; color: #ffffff; }
.skinThumb .privateLock { width: 26px; height: 32px; position: absolute; z-index: 2; top: 125px; left: 2px; background-image: url(/images/private_lock.png); }
/* End Skins */

/* Category List */
.categoriesLarge { position: relative; padding: 10px 0px 0px 10px; zoom: 1; }
.categoriesLarge .cat { position: relative; float: left; margin: 0px 5px 1px 0px; }
.categoriesLarge .cat h2, .categoriesLarge .cat h3 { display: block; margin: 0px; padding: 0px; font-size: 12px; line-height: 1.2em; }
.categoriesLarge .cat h3 { font-size: 11px; font-weight: normal; display: inline; }
.categoriesLarge .cat h2 a { position: relative; display: block; width: 127px; height: 35px; padding: 7px 10px 0px 72px; text-decoration: none; }
.categoriesLarge .cat img { position: absolute; top: 0px; left: 0px; width: 62px; height: 42px; }
.categoriesLarge .cat span.count { display: none; position: absolute; right: 9px; bottom: 6px; font-size: 9px; line-height: 1.5em; color: #FFFFFF; }
.categoriesLarge .cat:hover .box { background-color: #1EA5ED; }
.categoriesLarge .cat:hover a { color: #FFFFFF; }
.categoriesLarge .cat:hover span.count { display: block; }

.catFull .cat { float: none; margin-bottom: 7px; }
.catFull .cat span.count { display: block; bottom: auto; top: 0px; height: 42px; line-height: 42px; color: #969696; font-size: 13px; }
.catFull .cat h2 { font-size: 16px; line-height: 42px; border-bottom: 2px solid #1EA5ED; background-color: #3D3D3D; }
.catFull .cat h2 a { width: auto; display: inline; line-height: 42px; padding-right: 0px; color: #FFFFFF; }
.catFull .cat h2 a:hover { text-decoration: underline; }
.catFull .cat .subcats { position: relative; z-index: 3; padding: 5px 0px; color: #969696; font-size: 10px; }
.catFull .cat .subcats ul { font-size: 10px; padding: 0px; margin: 0px; list-style-type: none; overflow: hidden; }
.catFull .cat .subcats ul li { display: block; float: left; width: 215px; }
.catFull .cat .subcats ul a { display: inline; padding: 1px 1px 1px 12px; }
.catFull .cat:hover .box { background-color: #FFFFFF; }
.catFull .cat:hover .subcats a { color: #0E85CD; }


.featuredCategories { height: 200px; width: 100%; margin-top: 10px; margin-bottom: 10px; overflow: hidden; position: relative; }
.featuredCategory { width: 218px; margin-right: 5px; height: 200px; float: left; position: relative; overflow: hidden; }
.featuredCategory a { text-decoration: none; display: block; padding-left: 5px; height: 100%; position: relative; overflow: hidden; }
.featuredCategory a.smallImage { background-color: #ffffff; height: 160px; outline: none; }
.featuredCategory a.smallImage img { position: absolute; top: 0px; left: -18px; }
.featuredCategoriesWideMode .featuredCategory { width: 236px; margin-right: 10px; }
.featuredCategoriesWideMode .featuredCategory a.smallImage img { left: 0px; }
.featuredCategory h3 { margin: 0px; padding: 0px; display: block; font-size: 14px; height: 20px; overflow: hidden; line-height: 24px; }
.featuredCategory h4 { margin: 0px; padding: 0px; display: block; font-size: 11px; height: 20px; overflow: hidden; font-weight: normal; }
.featuredCategories .featuredCategory:hover h3 a, .featuredCategories .featuredCategory.hover h3 a, .featuredCategory h4 a:hover { text-decoration: underline; }
.featuredCategory .subCategories { height: 20px; overflow: hidden; display: block; position: relative; }

.relevantCategories, refinePathCategories { overflow: hidden; }
.relevantCategories .categoryList { position: relative; }
.gradientHeadbar, .headerText { background-image: url(/images/header_bar_bg.gif); background-repeat: repeat-x; background-position: left top; }
.relevantCategories .categoryList, .refinePathCategories { padding-top: 5px; }

.textRefinedPath { position: relative; padding-bottom: 10px; zoom: 1; }
.textRefinedPath .pathList { float: left; position: relative; padding-right: 25px; font-size: 12px; color: #808080; }
.textRefinedPath .pathList div { white-space: nowrap; }
.textRefinedPath .pathList .headerLink { text-decoration: underline; color: #398FC0; }
.textRefinedPath .pathList .refinedPathMain { overflow: hidden; }
.textRefinedPath .pathList .moreSearchCategories { display: block; padding-left: 25px; text-align: left; }
.textRefinedPath .pathList .categorySelection, .textRefinedPath .pathList span { padding-left: 25px; }
.textRefinedPath div a { text-decoration: none; }
.textRefinedPath div a:hover { text-decoration: underline; }

.textRefinedPath .pointer { position: absolute; top: 0px; left: 0px; float: right; }

.headerText { margin-top: 3px; }
.relevantCategories .minimized { height: 108px; overflow: hidden; }
.relevantCategories .headerBar { height: 25px; }
.relevantCategories .headerBar span { line-height: 25px; font-size: 15px; padding-left: 10px; color: #4D4D4D; }

.searchCategory { position: relative; display: block; width: 221px; height: 44px; float: left; }
.searchCategory:hover, .searchCategorySelected { background-image: url(/images/search_category_selected.png); background-repeat: no-repeat; }
.searchCategory:hover span .resultCategoryName, .searchCategorySelected span .resultCategoryName { color: #FFFFFF; }
.searchCategory:hover span .resultVideoCount, .searchCategorySelected span .resultVideoCount { color: #6B99C8; }

.searchCategory a { position: relative; display: block; left: 0px; top: 0px; height: 40px; padding-top: 4px; }
.searchCategory a span { cursor: pointer; }

.searchCategory a .pathArrow { position: absolute; display: block; width: 8px; height: 14px; left: 212px; top: 15px; background-image: url(/images/arrow_head_right.gif); }
.searchCategory a:hover .pathArrow { display: none; }

.resultCategory { position: relative; outline: none; text-decoration: none; }
.resultCategory .searchCategoryInfo { padding-left: 57px; }
.resultCategory img { display: block; width: 42px; height: 32px; overflow: hidden; float: left; margin-right: 5px; border: 1px solid #DFDFDF; }
.resultCategory img.searchCategoryImage { position: absolute; left: 0px; top: 0px; overflow: hidden; margin: 5px 0px 0px 5px; }
.resultCategory span { display: block; font-size: 12px; line-height: 16px; white-space: nowrap; overflow: hidden; }
.resultCategory .resultCategoryName { color: #000000; }
.resultCategory .resultVideoCount { color: #888888; }

.moreSearchCategories { position:relative; height: 13px; line-height: 12px; font-size:12px; text-align:right; }
.moreSearchCategories a { position: relative; outline: none; }
/* End Category list */

/* Featured Videos List */
.featuredVideos { }
.featuredVideos .categoryRow { border-bottom: 1px solid #B3B3B3; height: 88px; overflow: hidden; }
.featuredVideos .categoryRow .featuredVideo { width: 205px; height: 88px; display: block; float: left; }
.featuredVideos .categoryRow a { display: block; height: 78px; text-decoration: none; font-size: 11px; padding: 10px 2px 0px 108px; position: relative; overflow: hidden; }
.featuredVideos .categoryRow a.sc { color: #398FC0; }
.featuredVideos .categoryRow a span.playHover { position: absolute; top: 10px; left: 10px; display: block; width: 88px; height: 68px; background-image: url(/images/thumb_play_button.png); background-position: 0px 0px; background-repeat: no-repeat; z-index: 2; cursor: pointer; }
.featuredVideos .categoryRow a:hover span.playHover { background-position: -90px 0px; }
.featuredVideos .videoThumbnail { position: absolute; top: 0px; left: 0px; padding: 3px; background-color: #ffffff; border: 1px solid #B3B3B3; overflow: hidden; }
.featuredVideos .videoThumbnail img { border: 1px solid #B3B3B3; width: 88px; height: 68px; }

.featuredVideos span.vidIcon  { display: none; width: 22px; height: 22px; position: absolute; left:78px; top:59px; z-index: 3; background-image:url(/images/video_state_corner_icons.png); background-repeat: no-repeat; cursor: pointer; }
.featuredVideos span.vidLeftIcon { display: none; width: 30px; height: 17px; position: absolute; left: 6px; top: 65px; z-index: 3; background-image: url(/images/18plus.png); background-repeat: no-repeat; cursor: pointer; }

.featuredVideos span.fresh { display: block; background-position: 0px -73px; }
.featuredVideos span.hoc { display: block; background-position: 0px -48px; }
.featuredVideos span.gem { display: block; background-position: 0px -24px; }
.featuredVideos span.recommend { display: block; background-position: 0px -123px; }
.featuredVideos span.hot { display: block; background-position: 0px -147px; }
.featuredVideos span.rerun { display: block; background-position: 0px 0px; }
.featuredVideos span.fav { display: block; background-position: 0px -98px; }
.featuredVideos span.over18 { display: block; }
/* End Featured Videos List */

/* Shadowed Content */
.shContent { position: relative; font-size: 10px; color: #696969; }
.shContent h1, .shContent h2, .shContent h3, .shContent h4 { font-size: 15px; font-weight: normal; margin: 0px 0px 4px; }
.shContent h1.hlB { font-size: 20px; }
.shContent .headbar h2 { margin: 0px 0px 5px; }
.shContent p { font-size: 11px; line-height: 1.25em; margin-bottom: 0px; cursor: default; color: #000000; }
.shContent img { display: block; overflow: hidden; }
.shContent .llstats, .shContent .lrstats { visibility: hidden; position: absolute; left: 6px; bottom: 4px; cursor: default; }
.shContent .lrstats { left: auto; right: 6px; }
.shContent .lrstats a, .shContent .llstats a { cursor: pointer; }
.shContent .label { color: #B4B4B4; }
.shContent .underThumb { position: absolute; left: 0px; bottom: 0px; z-index: 2; height: 16px; line-height: 16px; padding: 0px 4px; background-color: #202020; color: #F5F5F5; font-size: 10px; font-weight: bold; cursor: default; }
.shContent .underThumb .r { float: right; display: none; }
.shContent .underThumb .grade { float: left; }
.shContent .showB { border-top-style: solid; border-top-width: 4px; }
.shContent:hover .llstats, .shContent:hover .lrstats { visibility: visible; }
.shContent:hover .underThumb { background-color: #1EA5ED; }
.shContent:hover .underThumb .r { display: inline; }
/* End Shadowed Content */

/* Type Icons */
.typeIcon { display: block; position: absolute; right: 0px; top: -16px; width: 16px; height: 16px; background-image: url(/images/type_icons2.gif); background-repeat: no-repeat; overflow: hidden; }
.iconVid { background-position: 0px 0px; }
.iconArt { background-position: 0px -16px; }
.iconWOD { background-position: 0px -32px; }
.iconMem { background-position: 0px -48px; }
.iconNone { display: none; }
.flagged { display: block; position: absolute; left: 3px; border: 1px solid #C4C4C4; top: -15px; width: auto; height: 10px; line-height: 10px; padding: 0px 2px; background-color: #BB2220; color: #FFFFFF; font-size: 8px; text-align: center; font-weight: normal; }

.shContent .typeIconUT, .typeIconUT { padding-right: 22px; background: #202020 url(/images/type_icon.gif) no-repeat right 16px; }
.shContent .iconVidUT, .iconVidUT { background-position: right 0px; }
.shContent .iconArtUT, .iconArtUT { background-position: right -16px; }
.shContent .iconWODUT, .iconWODUT { background-position: right -32px; }
.shContent .iconMemUT, .iconMemUT { background-position: right -48px; }
.shContent .iconNoneUT, .iconNoneUT { background-position: right 16px; }
.typeIconUTS { display: block; position: absolute; width: 86px; padding-left: 2px; height: 14px; background: #202020 url(/images/type_icon7.gif) no-repeat right 16px; color: #FFFFFF; font-size: 9px; line-height: 14px; text-align: left; opacity: 0.55; -moz-opacity: 0.55; }
a:hover .typeIconUTS { background-color: #1EA5ED; opacity: 1; -moz-opacity: 1; }
.iconVidUTS { background-position: right -1px; }
.iconArtUTS { background-position: right -17px; }
.iconWODUTS { background-position: right -33px; }
.iconMemUTS { background-position: right -49px; }
.iconNoneUTS { background-position: right 16px; }
.drshH .iconVidUTS { background-position: right -3px; }
.drshH .iconArtUTS { background-position: right -19px; }
.drshH .iconWODUTS { background-position: right -35px; }
/* End Type Icons */

/* Article Score */
a.voteLink,
a.voteLink:hover { outline: none; text-decoration: none; cursor: pointer; }
.previewScore { display: block; position: relative; width: 67px; height: 55px; float: left; margin: 16px 10px 0px; }
.previewScore .score { display: block; width: 67px; height: 44px; margin: 1px 0px; font-size: 18px; font-weight: bold; background-image: url(/images/vote_score_box.gif); color: #FFFFFF; font-size: 18px; line-height: 25px; text-align: center; padding-top: 4px; }
.previewScore .score span { display: block; font-size: 10px; height: auto; line-height: normal; width: 100%; }
/* End Article Score */

/* Spotlight Rotator */
.spotlightRotator { position: relative; overflow: hidden; height: 166px; }
.spotlightContent { position: relative; width: 492px; height: 166px; float: left; }
.spotlightContent .pad { margin-left: 305px; }
.spotlightContent h3 { font-size: 20px; letter-spacing: -0.04em; }
.spotlightContent a img { position: absolute; top: 0px; left: 0px; width: 300px; height: 150px; background: #696969 url(/images/progress_star_dark.gif) no-repeat center center; }
.spotlightContent p { position: absolute; top: 70px; margin-right: 6px; width: 174px; font-size: 14px; }
.spotlightContent .underThumb { width: 274px; }
.slFull .spotlightContent { width: 658px; }
.slFull .spotlightContent p { width: 336px; }
.hps .spotlightRotator { height: 212px; }
.hps .spotlightContent { height: 212px; }
.hps .spotlightContent .pad { margin-left: 0px; }
.hps .spotlightContent h3 { font-size: 23px; line-height: 44px; padding-left: 8px; position: absolute; top: 0px; left: 0px; width: 650px; height: 44px; border-bottom: 2px solid #C4C4C4; overflow: hidden; white-space: nowrap; }
.hps .spotlightContent a img { top: 46px; }
.hps .spotlightContent p { left: 310px; width: 338px; top: 44px; font-size: 16px; padding: 40px 10px 0px 0px; }
/* End Spotlight Rotator */

/* WW Rotator */
.wwRotator { position: relative; overflow: hidden; height: 261px; background-color: #E6ECEC; }
.wwContent { position: relative; width: 300px; height: 261px; float: left; }
.wwContent a { text-decoration: none; }
.wwContent a span { position: absolute; top: 140px; font-size: 17px; line-height: 20px; left: 0px; padding: 2px 6px; width: 288px; height: 40px; background-color: #202020; overflow: hidden;  }
.wwContent a:hover span { background-color: #1EA5ED; color: #FFFFFF; text-decoration: none; }
.wwContent img { width: 300px; height: 140px; position: absolute; left: 0px; top: 0px; background: #696969 url(/images/progress_star_dark.gif) no-repeat center center; color: #000000; }
.wwContent p { position: absolute; top: 180px; margin: 6px; }
.adVidRight .headbar { margin-top: 20px; }
.adVidRight .wwRotator, .adVidRight .wwContent { width: 264px; height: 296px; }
.adVidRight .wwContent a span { width: 252px; top: 123px; }
.adVidRight .wwContent img { width: 264px; height: 123px; }
.adVidRight .wwContent p { top: 173px; font-size: 12px; line-height: 1.5em; margin: 12px 6px 6px; }
.adVidRight .em .paging { left: 173px; top: 0px; }
/* End WW Rotator */

/* Standard Content */
.contentList {  }
.stdContent { height: 84px; overflow: hidden; }
.stdContent .pad { margin-left: 93px; }
.stdContent img { width: 88px; height: 68px; position: absolute; left: 0px; top: 0px; background: #696969 no-repeat center center; }
.stdContent .underThumb { width: 62px; }
.stdContent .llstats { left: 100px; }
.stdContent .lrstats { visibility: visible; }
/* End Standard Content */

/* Spotlight Content */
.spotlightItem { height: 114px; }
.spotlightItem .pad { margin-left: 205px; }
.spotlightItem img { width: 200px; height: 100px; }
.spotlightItem .underThumb { width: 174px; }
.spotlightItem .llstats { left: 212px; overflow: hidden; height: 13px; width: 220px; }
.spotlightItem .lrstats { visibility: visible; }
/* End Spotlight Content */

/* Member Content */
.memberContent .pad { margin-left: 56px; }
.memberContent img { width: 51px; }
.memberContent .underThumb { width: 43px; text-align: center; }
.memberContent .llstats { left: 63px; }
.memberContent .lrstats { text-align: right; }
/* End Member Content */

/* Playlist Content */
.playlistContent { height: 150px; }
.playlistContent p { height: 88px; }
.playlistContent .pad { margin-left: 204px; margin-right: 63px; }
.playlistContent .playlistThumbnail { position: absolute; left: 0px; top: 0px; background: #696969 url(/images/progress_star_dark.gif) no-repeat center center; }
.playlistContent .creatorImg { display: block; position: absolute; top: 6px; right: 6px; width: 51px; height: 68px; overflow: hidden; }
.playlistContent .creatorImg img {  background: #696969 url(/images/progress_star_dark.gif) no-repeat center center; }
.playlistContent .creatorName { position: absolute; top: 77px; right: 6px; width: 60px; height: 40px; overflow: hidden; word-wrap: break-word; }
.playlistContent .llstats { left: 210px; }
.playlistContent .lrstats { visibility: visible; }
.playlistContent .playlistPrivateLink, .playlistContent .playlistDeleteLink { display: inline; }
/* End Playlist Content */

/* Wonderment */
.wondermentContent { height: 156px; overflow: hidden; }
.wondermentContent .pad { margin-left: 305px; }
.wondermentContent h3 { font-size: 18px; letter-spacing: -0.04em; }
.wondermentContent img { width: 300px; height: 140px; position: absolute; left: 0px; top: 0px; background: #696969 url(/images/progress_star_dark.gif) no-repeat center center; }
.wondermentContent .underThumb { width: 274px; }
.wondermentContent p { margin: 5px 0px 0px 0px; }
.wondermentContent .llstats { left: 310px; visibility: visible; }
.wondermentContentCompact, .wondermentContentCompact2 { height: 129px; }
.wondermentContentCompact .pad { margin-left: 205px; }
.wondermentContentCompact h3 { font-size: 15px; letter-spacing: normal; }
.wondermentContentCompact img { width: 200px; height: 113px; }
.wondermentContentCompact .underThumb { width: 174px; }
.wondermentContentCompact .llstats { left: 210px; }
.wondermentContentCompact2 .pad { margin-left: 260px; padding-left:5px; }
.wondermentContentCompact2 img {width: 242px; height: 113px;}
.wondermentContentCompact2 .underThumb { width: 216px; }
.wondermentContentCompact2 .llstats { left: 252px; }
/* End Wonderment */

/* Feed Content */
.feedContent { height: 86px; }
.feedContent .pad { margin-left: 95px; }
.feedContent .img { width: 90px; height: 70px; position: absolute; left: 0px; top: 0px; overflow: hidden; background: #696969 url(/images/progress_star_dark.gif) no-repeat center center; }
.feedContent img { width: 202px; height: 152px; position: absolute; left: 0px; top: 0px; }
.feedContent .underThumb { width: 82px; }
.feedContent .llstats { visibility: visible; left: 102px; }
/* End Feed Content */

/* Top Article Content */
.topTopArticles { margin-top:-6px; padding-top:6px; margin-right:-6px; }
.topArticles { margin-left: -3px; padding-top: 2px; }
.topArticleBox { width: 220px; float: left; }
div.topArticle, .articleMargins .topArticle { width: 200px; }
.topArticle img { width: 200px; height: 113px; background: #696969 url(/images/progress_star_dark.gif) no-repeat center center; }
.topArticle span a { display: block; padding: 0px 6px; font-family: arial,sans-serif; height: 47px; overflow: hidden; font-size: 15px; letter-spacing: -0.03em; line-height: 22px; text-decoration: none; }
.topArticle:hover span a, .topArticle span a:hover { background-color: #1EA5ED; color: #FFFFFF; }
.btmTopWonderment .topArticles { margin-left: 0px; }
.btmTopWonderment .topArticleBox { margin-left: 18px; }
/* End Top Article Content */

/* Conversation Content */
.convContent { height: 68px; }
.convContent .pad { margin-left: 56px; }
.convContent img { width: 51px; }
.convContent .llstats { left: 63px; visibility: visible; }
.convContent .lrstats { text-align: right; }
.msgUnread { background-color: #EFFFEF; }
.msgUnread h3 { font-weight: bold; }
/* End Conversation Content */

/* Message Content */
.msgContent { height: auto; min-height: 68px; }
.msgContent .pad { margin-left: 56px; }
.msgContent img { width: 51px; }
.messageStatus { float: right; margin-left: 10px; width: 13px; height: 11px; background-image: url(/images/icon_message_status.gif); background-repeat: no-repeat; }
.messageDeleted { background-position: 0px -32px; }
.messageNew { background-position: 0px -47px; }
.messageRead { background-position: 0px -17px; }
.messageIsRead { background-position: 0px -17px; }
.messageUnread { background-position: 0px -2px; }
.right .actionDeleteConversation { background-image: url(/images/icon_message_status.gif); background-repeat: no-repeat; background-position: right -31px; padding-right: 15px; }
.right .actionDeleteConversation:hover { background-position: right -61px; }
.msgContent .messageReplyForm { display: none; font-size: 11px; color: #808080; font-weight: normal; padding-bottom: 20px; padding-top: 12px; }
.msgContent .messageReplyForm textarea { width: 100%; height: 80px; }
.msgContent .messageReplyForm input { float: right; margin: 10px 0px 0px 10px; }
.showReplyForm .msgContent  { background-color: #F8F8F8; }
.showReplyForm .msgContent .messageReplyForm { display: block; }
/* End Message Content */

/* Video Card */
.videoCard {  }
.videoCard p { margin-bottom: 1em; color: #000000; }
.videoCard p, .videoCard p a { font-size: 9pt; line-height: 160%; font-family: verdana, arial, sans-serif; }
.videoCard img { display: block; width: 88px; height: 68px; background: #696969 url(/images/progress_star_dark.gif) no-repeat center center; }
.videoCard .stats { font-size: 10px; clear: left; display: block; }
.videoCard .shareWidgets { float: right; display: block; width: 52px; height: 147px; margin-left: 10px; }
.videoCard .tweet, .videoCard .digg { display: block; width: 50px; height: 67px; }
.videoCard .digg { width: 52px; height: 80px; }
.videoCard .vidThumb { position: relative; float: left; margin: 0px 10px 6px 0px; width: 88px; height: 82px;  }
.videoCard .typeIconUTS { opacity: 1; -moz-opacity: 1; cursor: default; }
.videoCard .typeIconUTS .r { position: absolute; right: 12px; }
/* End Video Card */

/* Article Card */
.articleCard { height: 188px; cursor: default; }
.articleCard a { cursor: pointer; }
.articleCard a, .articleCard span { font-family: arial, sans-serif; font-size: 10px; }
.articleCard .articleImg { width: 250px; height: 188px; position: absolute; left: 0px; top: 0px; background: #696969 url(/images/progress_star_dark.gif) no-repeat center center; color: #4D4D4D; }
.articleCard .authorImg { float: right; width: 136px; height: 168px; background-color: #FFFFFF; }
.articleCard .authorImg img { background: #696969 url(/images/progress_star_dark.gif) no-repeat center center; float: right; }
.articleCard .pad10 { margin-left: 250px; }
.articleCard .authorCredit { text-align: right; float: right; }
.articleCard .grade { display: block; padding: 80px 0px 5px 0px; margin: 0px 0px 5px 0px; border-bottom: 1px solid #C4C4C4; }
.articleCard .shareWidgets { display: block; width: 298px; height: 20px; }
.articleCard .tweet, .articleCard .digg, .articleCard .stumble { display: block; width: 90px; height: 20px; float: left; overflow: hidden; }
.articleCard .digg { width: 120px; height: 18px; padding: 1px 0; }
.articleCard .stumble { width: 98px; }
.articleCard strong { font-size: 14px; }
.articleCard .actionUploadImage { position: absolute; left: 0px; bottom: 0px; display: block; width: 250px; padding: 2px 0px; background-color: #000000; text-align: center; opacity: 0.85; }
.whCredit .grade { padding-top: 46px; float: left; border-bottom: 0px; }
.whCredit .shareWidgets { padding-top: 46px; float: right; }
.whCredit .stats { clear: both; }

.articleWOD { height: 140px; }
.articleWOD .pad10 { margin-left: 300px; }
.articleWOD .grade { padding-top: 50px; }
.articleWOD .articleImg { width: 300px; height: 140px; }
.articleWOD .authorImg { width: 41px; height: 52px; }
.articleWOD .actionUploadImage { width: 300px; }
.articleWOD .shareWidgets { width: 308px; }
/* End Article Card */

/* Profile Picture */
.pp { width: 147px; padding-left: 6px; }
.ppPicture { height: 180px; overflow: hidden; padding: 6px; }
.ppPicture img { display: block; width: 135px; height: 180px; background: #696969 url(/images/progress_star_dark.gif) no-repeat center center; color: #696969; }
.pp .refine ul { padding: 0px; }
.pp .refine a { padding-left: 6px; overflow: hidden; }
/* End Profile Picture */

/* Social Events */
.seFilters { margin: 0px; padding: 3px; font-size: 12px; color: #000000; height: 18px; line-height: 18px; overflow: hidden; border-bottom: 2px solid #1EA5ED; }
.seFilters li { display: block; width: 20px; height: 18px; margin: 0px 0px 0px 2px; padding: 0px; text-indent: 18px; white-space: nowrap; float: left; overflow: hidden; }
.seFilters li.seTxt { text-indent: 0px; width: 40px; white-space: nowrap; }
.seFilters a { display: block; width: 18px; height: 16px; background-image: url(/images/social_event_icons2.gif); background-repeat: no-repeat; background-position: 0px 16px; border: 1px solid #000000; overflow: hidden; }
.seFilters a:hover, .seFilters .active a { border: 1px solid #0E85CD; }
.seFilters li.seDescription { margin-left: 10px; width: 145px; font-weight: bold; }
.seFilters li.iconProgress { background: url(/images/progress_star.gif) no-repeat center center; float: right; display: none; }
.seFilters li.seDescription a, .seFilters li.seDescription a:hover { border: 0px; display: inline; font-size: 11px; font-weight: normal; }

.socialEvents { position: relative; zoom: 1; }
.socialEvent { padding: 6px 20px 6px 6px; border-top: 1px solid #E7ECEC; position: relative;  }
.socialEvent .userIcon { display: block; width: 29px; height: 41px; padding: 3px; background-color: #FFFFFF; overflow: hidden; float: left; position: relative; margin-bottom: 0px; }
.socialEvent .userIcon img { display: block; width: 29px; height: 41px; background: #696969; }
.socialEvent .userIconRight { float: right; }
.socialEvent p { padding-right: 10px; margin-bottom: 0px; font-size: 12px; color: #4D4D4D; overflow: hidden; }
.socialEvent .commentBlurb p { font-size: 12px; padding-right: 0px; }
.socialEvent .eventThumb { width: 65px; float: right; position: relative; }
.socialEvent .eventThumb img { display: block; width: 65px; height: 50px; background: #696969; }
.socialEvent .eventThumb .sh .box { height: 50px; }
.socialEvent .eventThumb .typeIconUTS { display: none; top: 36px; left: 0px; width: 63px; cursor: default; opacity: 1; }
.socialEvent .eventThumb a:hover .typeIconUTS { background-color: #1EA5ED; display: block; }
.socialEvent .eventBody { padding-top: 0px; margin-left: 45px; }
.socialEvent .commentBlurb { padding-top: 6px; position: relative; zoom: 1; min-height: 1px; }
.socialEvent em { font-size: 12px; color: #969696; display: inline; margin-right: 5px; line-height: 16px; height: 14px; padding: 1px 0px 0px 18px; background-image: url(/images/social_event_icons2.gif); background-repeat: no-repeat; background-position: 0px 16px; white-space: nowrap; cursor: default; zoom: 1; }
.socialEvent em.ts { display: block; padding: 0px; font-size: 11px; }
.socialEvent .socialEventRemove { display: none; position: absolute; top: 6px; right: 0px; margin-right: 0px; text-align: center; }
.socialEvent:hover .socialEventRemove { display: block; }
.socialEvent .bodySay { top: 5px; }
.socialEvent strong.mr { margin-right: 5px; }
.eventAboutUser .eventBody { margin-left: 80px; }
.eventComment .commentBlurb, .eventWallContent .commentBlurb { margin-right: 75px; }
.eventWonderment .eventThumb, .eventWonderment .eventThumb img { width: 88px; }
.eventWonderment .eventThumb .typeIconUTS { width: 86px; }
.eventWonderment .commentBlurb { margin-right: 98px; }
.eventFollow .userIcon, .eventFollow .userIcon img, .eventFriend .userIcon, .eventFriend .userIcon img, .eventJoin .userIcon, .eventJoin .userIcon img { width: 16px; height: 16px; padding: 0px; background: #FFFFFF; }
.eventFollow .userIcon img, .eventFriend .userIcon img, .eventJoin .userIcon img { width: 16px; height: 16px; padding: 0px; background: transparent; }
.eventFollow .eventBody, .eventFriend .eventBody, .eventJoin .eventBody { margin-left: 46px; }
.eventFollow p, .eventFriend p, .eventJoin p { font-size: 10px; color: #696969; }
/*.eventFollow .socialEventRemove, .eventFriend .socialEventRemove { top: 0px; }*/
.eventWall .eventBody { margin-left: 45px; margin-right: 50px; }
.eventWall em.ts, .eventFollow em.ts, .eventFriend em.ts, .eventJoin em.ts { display: inline; }
.noMemberPic .eventBody { margin-left: 0px; }
.shaded .socialEvent em {  background-image: url(/images/social_event_icons_side.gif); }

/*.socialEvent:hover { border-color: #202020; border-top: 1px solid #F5F5F5; }
.socialEvent .socialEventRemove { top: 0px; }*/

a.loadingMoreEvents, a.loadingMoreEvents:hover { background: #696969 url(/images/progress_star_dark.gif) no-repeat scroll center center; border-color: #4D4D4D; } 
a.loadingMoreEvents i, a.loadingMoreEvents em { display: none; }

.wallPost { }
.wallPost .box {  }
.wallPost .postBox { padding-left: 22px; background-repeat: no-repeat; background-position: 0px 4px; position: relative; }
.wallPost textarea { font-size: 12px; line-height: 18px; height: 18px; width: 382px; padding: 2px; color: #202020; border: 1px solid #C4C4C4; font-family: arial, sans-serif; overflow: hidden; }
.wallPost .btnPostToWall { position: absolute; bottom: 1px; right: 1px; font-size: 12px; float: none; }

.nList {  }
.nList ul { padding: 0px; margin: 0px; }
.nList li { display: block; padding: 6px; list-style: none; margin: 0px 0px 5px 22px; font-size: 12px; line-height: 16px; color: #4D4D4D; border-bottom: 1px solid #E3E3E3; position: relative; }
.nList li.new { background-color: #FFFFFF; color: #000000; border-bottom: 1px solid #F5F5F5; }
.nList span { position: absolute; top: 6px; left: -22px; display: block; width: 16px; height: 16px; background-image: url(/images/social_event_icons2.gif); background-repeat: no-repeat; background-position: 0px 16px; }
.nList em { display: block; float: right; height: 16px; width: 80px; text-align: right; font-size: 10px; color: #969696; cursor: default; }
.nList li.new em { font-weight: bold; color: #000000; font-style: normal; }

.socialEvent em.iconSEShr { background-position: -37px 0px; } a.iconSEShr { background-position: 0px 0px; } .active a.iconSEShr, a.iconSEShr:hover { background-position: -18px 0px; }
.socialEvent em.iconSEGUp { background-position: -37px -16px; } a.iconSEGUp { background-position: 0px -16px; } .active a.iconSEGUp, a.iconSEGUp:hover { background-position: -18px -16px; }
.socialEvent em.iconSEGDn { background-position: -37px -32px; } a.iconSEGDn { background-position: 0px -32px; } .active a.iconSEGDn, a.iconSEGDn:hover { background-position: -18px -32px; }
.socialEvent em.iconSEFav, .nType2 span { background-position: -37px -48px; } a.iconSEFav { background-position: 0px -48px; } .active a.iconSEFav, a.iconSEFav:hover { background-position: -18px -48px; }
.socialEvent em.iconSESub, .nType9 span, .nType10 span { background-position: -37px -64px; } a.iconSESub { background-position: 0px -64px; } .active a.iconSESub, a.iconSESub:hover { background-position: -18px -64px; }
.socialEvent em.iconSEWrt, .nType7 span, .nType8 span { background-position: -37px -80px; } a.iconSEWrt { background-position: 0px -80px; } .active a.iconSEWrt, a.iconSEWrt:hover { background-position: -18px -80px; }
.socialEvent em.iconSEPAd, .nType4 span { background-position: -37px -96px; } a.iconSEPAd { background-position: 0px -96px; } .active a.iconSEPAd, a.iconSEPAd:hover { background-position: -18px -96px; }
.socialEvent em.iconSEPSb { background-position: -37px -112px; } a.iconSEPSb { background-position: 0px -112px; } .active a.iconSEPSb, a.iconSEPSb:hover { background-position: -18px -112px; }
.socialEvent em.iconSEJoi { background-position: -37px -128px; } a.iconSEJoi { background-position: 0px -128px; } .active a.iconSEJoi, a.iconSEJoi:hover { background-position: -18px -128px; }
.socialEvent em.iconSEFlw, .nType1 span { background-position: -37px -144px; } a.iconSEFlw { background-position: 0px -144px; } .active a.iconSEFlw, a.iconSEFlw:hover { background-position: -18px -144px; }
.socialEvent em.iconSEFrn, .nType11 span { background-position: -37px -160px; } a.iconSEFrn { background-position: 0px -160px; } .active a.iconSEFrn, a.iconSEFrn:hover { background-position: -18px -160px; }
.socialEvent em.iconSECom, .nType3 span { background-position: -37px -176px; } a.iconSECom { background-position: 0px -176px; } .active a.iconSECom, a.iconSECom:hover { background-position: -18px -176px; }
.socialEvent em.iconSECoR { background-position: -37px -192px; } a.iconSECoR { background-position: 0px -192px; } .active a.iconSECoR, a.iconSECoR:hover { background-position: -18px -192px; }
.socialEvent em.iconSEPin { background-position: -37px -208px; } a.iconSEPin { background-position: 0px -208px; } .active a.iconSEPin, a.iconSEPin:hover { background-position: -18px -208px; }
.socialEvent em.iconSEPst, .nType5 span { background-position: -37px -224px; } a.iconSEPst { background-position: 0px -224px; } .active a.iconSEPst, a.iconSEPst:hover { background-position: -18px -224px; }
/* End Social Events */

/* User Connection */
.userConnections { margin: 0px; padding: 0px; }
.userConnections li { list-style: none; display: block; margin: 0px 0px 2px 7px; padding: 0px; width: 40px; height: 79px; float: left;  }
.userConnections a { display: block; width: 40px; height: 79px; margin: 0px; padding: 0px; font-family: lucida grande,tahoma,arial,sans-serif; line-height: 12px; font-size: 11px; color: #4D4D4D; word-wrap: break-word; overflow: hidden; }
.userConnections a:hover { text-decoration: none; color: #0E85CD; }
.userConnections img { display: block; margin-bottom: 1px; width: 40px; height: 53px; background: #696969; }
.userConnectionsSmall { padding-left: 1px; }
.userConnectionsSmall li { width: 20px; height: 20px; margin: 0px 0px 2px 2px; }
.userConnectionsSmall a { width: 16px; height: 16px; border: 2px solid #FFFFFF; }
.userConnectionsSmall img { width: 16px; height: 16px; background: #FFFFFF; }
.userConnectionsSmall a.f { border: 2px solid #1EA5ED; }
/* End User Connection */

/* Scrape Status */
.scrape { width: 288px; padding: 6px; border-bottom: 1px solid #FFFFFF; position: relative; margin-bottom: 6px; }
.scrapeDone { color: #696969; }
.scrapeInProgress { color: #3D3D3D; background-color: #FFFFFF; border-bottom: 1px solid #C4C4C4; }
.scrape h3 { margin: 0px; padding: 0px; font-weight: normal; font-size: 15px; cursor: default; }
.scrape .progBar { width: 288px; background-color: #202020; height: 16px; position: relative; cursor: default; }
.scrape .progBar span { background-color: #1EA5ED; display: block; overflow: hidden; height: 16px; position: absolute; top: 0px; left: 0px; }
.scrapeDone .progBar span { background-color: #969696; }
.scrape .progBar strong { display: block; position: absolute; z-index: 2; top: 0px; left: 0px; width: 288px; height: 16px; line-height: 16px; font-weight: normal; text-align: center; color: #FFFFFF; font-size: 10px; }
.scrape .stats { font-size: 10px; color: #696969; line-height: 16px; padding-top: 4px; cursor: default; }
.scrape .stats span { color: #3D3D3D; font-size: 16px; padding-right: 10px; }
.scrape .stats .red { color: #EF241F; }
.scrape .note { font-size: 10px; white-space: nowrap; overflow: hidden; line-height: 14px; height: 14px; cursor: default; color: #969696; }
.scrape .cancelLink { position: absolute; top: 6px; right: 6px; text-decoration: none; font-weight: bold; font-size: 15px; }
/* End Scrape Status */

/* Sites We Like */
.sitesWeLike { background-color: #F5F5F5; cursor: default; }
.sitesWeLike ul { margin: 0px; padding: 0px 6px; }
.sitesWeLike li { list-style: none; padding: 6px 0px 6px 6px; font-size: 11px; color: #696969; border-bottom: 2px solid #FFFFFF; }
.sitesWeLike li a { font-size: 12px; cursor: pointer; }
/* End Sites We Like */

/* Article Style */
h2.step { border-color: #0E85CD; margin-left: 0px; padding-left: 0px; color: #FFFFFF; overflow: hidden; }
h2.step .stepNumber { margin-right: 0px; font-size: 28px; line-height: 22px; padding: 0 8px 0 8px; background-color: #0E85CD; letter-spacing: -5px; font-weight: normal; font-family: arial, sans-serif; }
h2.step .stepNumber span { font-size: 11px; letter-spacing: normal; }
h2.step .stepText { color: #000000; font-size: 15px; font-weight: normal; margin-left: 12px; letter-spacing: normal; font-family: verdana, arial, sans-serif; }
h4.articleTip { border-bottom: 2px solid #ED641F; color: #ED841F; }
h4.articleWarning { border-bottom: 2px solid #9D0409; color: #ED241F; }
/* End Article Style */

/* Related */
.relatedScroller { overflow: hidden; }
.relatedScroller .pageSummary { display: none; }
.related .noSimilarResults { background-color: #F5F5F5; font-size: 11px; color: #4D4D4D; padding: 10px 0px; }
/* End Related */

/* Welcome Back */
.welcomeBack { color: #4D4D4D; width: 300px; height: 250px; float: left; margin-top: 6px; position: relative; background: #FFFFFF url(/images/wonderdude_join.jpg) no-repeat 223px 97px; }
.welcomeBack a { color: #398FC0; text-decoration: none; }
.welcomeBack a:hover { text-decoration: underline; }
.welcomeBack .hb a:hover { text-decoration: none; }
.welcomeBack h2 { margin: 5px 10px 0px 10px; padding: 0px; font-size: 15px; color: #000000; text-align: center; }
.welcomeBack h2 a { color: #4D4D4D; }
.welcomeBack h3 { color: #398FC0; margin: 0px; padding: 10px 0px 5px 10px; }
.welcomeBack p { font-weight: bold; font-size: 13px; padding: 0px 0px 5px 10px; margin: 0px; }
.welcomeBack .profileInfo { margin-top: 10px;}
.welcomeBack img { border: 1px solid #B3B3B3; position: absolute; left: 163px; top: 68px; }
.welcomeBack img.join { border: 0px; left: 233px; top: 107px; }
.welcomeBack div { font-size: 13px; padding: 0px 0px 5px 5px; }
.welcomeBack ul { margin-top: 0px; margin-bottom: 5px; font-size: 14px; color: #808080; }
.welcomeBack .signupLink, .welcomeBack .moreInfo { color: #398FC0; font-size: 11px; text-decoration: none; margin-left: 15px; }
.miniLoginForm { background-color: #F5F5F5; height: 40px; font-size: 11px; font-weight: bold; overflow: hidden; }
.miniLoginForm .field { width: 120px; float: left; padding-top: 5px; font-weight: normal; font-size: 11px; }
.miniLoginForm .field input { width: 110px; color: #000000; }
.miniLoginForm .button { width: 20px; }
.miniLoginForm a { display: block; float: right; width: 18px; height: 18px; background-image: url(/images/button_login_arrow.gif); background-position: center center; background-repeat: no-repeat; position: relative; }
/* End Welcome Back */

/* Article Page */
.articleImageFrame { width: 300px; height: 250px; position: relative; float: left; margin: 0px 10px 0px 10px; overflow: visible; }
.articleImageFrame img { position: absolute; top: 0px; left: 0px; width: 300px; height: 250px; }
.articleImageFrame span { position: absolute; top: 0px; left: 0px; width: 300px; height: 250px; z-index: 2; display: block; background-image: url(/images/article_image_frame.png); }
.articleImageFrame div { position: absolute; top: 250px; left: 0px; width: 300px; height: 10px; font-size: 10px; text-align: center; }
#articleIntro { min-height: 250px; padding-right: 20px; font-family: trebuchet ms, century gothic, arial, sans-serif; font-size: 13pt; line-height: 1.2em; color: #333333; text-align: left; }
#articleIntro.editMode { margin-left: 320px; }
div.editMode { border-right: 1px solid #E7ECEC; border-bottom: 1px solid #E7ECEC;  }
/* End Article Page */

/* Compose Page */
.composeBlock { width: 974px; height: 386px; background: #000000 url(/images/compose_space_bg.jpg) no-repeat; color: #FFFFFF; position: relative; }
.composeBlock h1 { position: absolute; top: 115px; left: 290px; font-size: 18px; margin: 0px; padding: 0px; font-family: century gothic, arial, sans-serif; cursor: default; font-weight: normal; }
.composeBlock h2 { position: absolute; top: 45px; left: 60px; font-size: 62px; margin: 0px; padding: 0px; font-family: century gothic, arial, sans-serif; cursor: default; }
.composeBlock a.submitVideo { position: absolute; top: 20px; right: 0px; color: #000000; font-size: 12px; text-decoration: none; }
.composeBlock #startNewArticle { position: absolute; top: 220px; left: 30px; width: 914px; }
/* End Compose Page */

/* Heading Bars */
.hb { height: 40px; display: block; position: relative; padding: 0px; margin: 0px; font-weight: bold; overflow: hidden; text-align: left; background-color: #202020; }
.hb a, .hb span { display: block; height: 100%; color: #ffffff; text-decoration: none; background-color: transparent; }
.hb span { cursor: default; }
.hb a span { cursor: pointer; }
.hb span.hide { display: none; }
.hb .shine { width: 100%; position: absolute; top: 0px; left: 0px; font-size: 1px; overflow: hidden; }
.hb .shine span { margin: 2px 2px 0px 2px; height: 14px; background-color: #3F3F3F; }
.hb .shine span.b1 { margin: 0px 2px 0px 2px; height: 1px; }
.hb .shine span.b2 { margin: 0px 3px 0px 3px; height: 2px; }
.hb .shine span.b3 { margin: 0px 5px 0px 5px; height: 1px; }
.hb a:hover { background-color: #1EA5ED; }
.hb a:hover .shine span, .hb a.hover .shine span { height: 8px; background-color: #1EA5ED; }
.hb a:hover .shine span.b1 { margin: 0px 3px 0px 3px; height: 7px; }
.hb a:hover .shine span.b2 { margin: 0px 4px 0px 4px; height: 3px; }
.hb a:hover .shine span.b3 { margin: 0px 6px 0px 6px; height: 1px; }
.hb .hl { font-size: 14px; position: absolute; top: 0px; left: 0px; padding: 5px 0px 0px 10px; height: auto; }
.hb .hl .hls { font-size: 10px; text-indent: 1px; display: block; font-weight: normal; height: auto; }
.hb .hlb { font-size: 18px; position: absolute; top: 0px; left: 0px; padding-left: 10px; height: 40px; line-height: 39px; }
.hb .hlb .hls { font-size: 15px; font-weight: normal; display: inline; margin-left: 5px; }
.hb .icon { width: 40px; height: 40px; position: absolute; top: 0px; right: 0px; background-image: url(/images/icon_explore_sections.gif); background-repeat: no-repeat; display: none; }
/*.hb a:hover .icon { right: 1px; }
.hb a:hover .hl, .hb a:hover .hlb { left: 1px; }*/
.hb .overAll { height: 40px; position: absolute; top: 0px; right: 0px; line-height: 40px; overflow: hidden; padding-right: 40px; }
.hb a:hover .overAll { }
.hbButtons { position: absolute; top: -2px; right: 6px; z-index: 2; }
.hbButtons .hbTab { font-size: 11px; background-color: #00B4F3; color: #FFFFFF; display: block; width: 100px; height: 24px; line-height: 24px; float: right; text-align: center; margin-top: 4px; margin-left: 6px; outline: none; position: relative; }
.hbButtons .hbTabSm { width: 60px; }
.hbButtons .hbTab:hover, .hbButtons .active { text-decoration: none; background-color: #0E85CD; }
.hbButtons .active { font-weight: bold; cursor: default; }

.backButton { margin-top: 10px; width: 200px; height: 40px; position: relative; overflow: visible; text-align: left; }
.backButton .hb { position: absolute; top: 0px; left: -10px; width: 210px; }
.backButton .hb .hl, .backButton .hb .hlb { padding-left: 20px; }
.backButtonFitted .hb .hl, .backButtonFitted .hb .hlb { padding-left: 10px; }
.backButton .hb .overAll, .backButtonFitted .hb .overAll { padding-right: 0px; width: 10px; right: auto; left: 0px; background: url(/images/back_btn.png) no-repeat; }
.expandCategory { margin-top: 10px; }
.expandCategory .shine { display: none; }
.expandCategory a { background-image: url(/images/expand_category.gif); background-repeat: no-repeat; background-position: 0px 0px; }
.expandCategory a:hover { background-position: -202px; }

/* End Heading Bars */

/* Section Heading */
/*.hi { position: relative; overflow: hidden; padding-right: 118px; }
.hi img { position: absolute; right: 0px; bottom: 0px; width: 118px; height: 80px; overflow: hidden; }
.hi .admin { position: absolute; right: 6px; top: 6px; z-index: 2; font-size: 10px; background-color: #FFFFFF; margin: 0px; padding: 0px; }*/
.hi .box { background-color: #E6ECEC; }
.hi p { color: #000000; font-size: 11px; margin-bottom: 0.5em; }
.hi h1 { margin-bottom: 0px; }
/*.hi h1 a, .hi a.hbLink, .hi h1 a:hover span { color: #FFFFFF; }
.hi h1 a:hover, .hi h1 span a, .hi h1 span a:hover, .hi a.hbLink:hover { color: #FFFFFF; text-decoration: underline; }*/
.hiImg { position: relative; width: 160px; height: 234px; overflow: hidden; margin-top: -6px; }
.hiImg img { position: absolute; bottom: -10px; right: -60px; }
.hiImgSm { position: relative; width: 160px; height: 45px; overflow: hidden; margin-top: -6px; }
.hiImgSm img { position: absolute; bottom: -119px; right: -30px; }
.hiImgs, .hiImgsSm { position: relative; width: 160px; height: 135px; overflow: hidden; margin-top: -6px; }
.hiImgs div, .hiImgsSm div { position: absolute; top: 0px; left: -8px; width: 176px; }
.hiImgs img, .hiImgsSm img { float: left; display: block; overflow: hidden; width: 88px; height: 68px; background-color: #FFFFFF; margin: 0px; padding: 0px; }
.hiImgsSm { height: 68px; }

.sectionHeading { width: 664px; height: 250px; position: relative; }
.sectionHeading h1 { color: #999999; font-weight: normal; padding: 0px; margin: 0px; font-size: 33px; position: absolute; top: 30px; left: 20px; }
.sectionHeading .sectionImage { width: 664px; height: 250px; background-position: right bottom; background-repeat: no-repeat; position: absolute; top: 0px; left: 0px; }
.sectionHeading p { color: #333333; font-size: 13px; position: absolute; display: block; top: 72px; left: 20px; width: 350px; height: 178px; padding: 0px; margin: 0px; cursor: default; }
.sectionHeading p strong { font-size: 14px; display: block; margin-bottom: 8px; }
.sectionHeading a.admin { float:right; position: absolute; right: 0px; font-size: 12px; text-decoration: none; background-color: #ffffff; z-index: 3; }
.sectionHeading a.admin:hover { text-decoration: underline; }
.sectionHeading br { font-size: 8px; }
/* End Section Heading */

/* TODO: Compress all this */
/* Actions and Description Control */
.videoToolbar { position: relative; font-size: 12px; margin-bottom: 6px; }
.videoToolbar .actions { height: 35px; background-color: #000000; background-image: url(/images/tab_black_bg.gif); padding-top: 1px; overflow: hidden; }
.videoToolbar .actions a { zoom: 1; }
.videoToolbar .actions div.action { position: relative; width: 106px; height: 35px; float: left; border-left: 1px solid #5A5A5A; text-align: center; zoom: 1; }
.videoToolbar .actions div.action a { position: relative; display: block; color: #FFFFFF; text-decoration: none; line-height: 34px; font-weight: bold; outline: none; }
.videoToolbar .actions div.action a:hover { text-decoration: underline; }
.videoToolbar .actions div.action a span { float: left; }
.videoToolbar .actions div.action a span.cb { float: none; }
.videoToolbar .actions div.action a span.icon { display: block; position: relative; width: 20px; height: 35px; top: -1px; background-image: url(/images/tab_black_video_actions.jpg); margin-right: 5px; }
.videoToolbar .actions div.action a.videoActionShare span.icon { background-position: 0px 0px; margin-left: 12px; }
.videoToolbar .actions div.action a.videoActionPlaylist span.icon { background-position: 0px -37px; margin-left: 18px; }
.videoToolbar .actions div.action a.videoActionFavorite span.icon { background-position: 0px -74px; margin-left: 16px; }
.videoToolbar .actions div.action a.videoActionGrade span.icon { background-position: 0px -111px; margin-left: 23px; }
.videoToolbar .actions div.action a.videoActionFlag span.icon { background-position: 0px -148px; margin-left: 24px; }
.videoToolbar .actions div.side { width: 95px; }
.videoToolbar .actions div.first { border: 0; }
.videoToolbar .actions span.leftSide, .videoToolbar .actions span.rightSide { position: relative; display: block; width: 10px; height: 36px; top: -1px; background-image: url(/images/tab_black_corners.gif); }
.videoToolbar .actions span.leftSide { float: left; background-position: 0px 0px; }
.videoToolbar .actions span.rightSide { float: right; background-position: -10px 0px; }

.videoToolbar .adminSize div.action { width: 73px; }
.videoToolbar .adminSize div.action a { font-size: 11px; }
.videoToolbar .adminSize div.side { width: 70px; }
.videoToolbar .adminSize div.action a.videoActionShare span.icon { background-position: 0px 0px; margin-left: 0px; }
.videoToolbar .adminSize div.action a.videoActionPlaylist span.icon { background-position: 0px -37px; margin-left: 3px; }
.videoToolbar .adminSize div.action a.videoActionFavorite span.icon { background-position: 0px -74px; margin-left: 3px; }
.videoToolbar .adminSize div.action a.videoActionGrade span.icon { background-position: 0px -111px; margin-left: 3px; }
.videoToolbar .adminSize div.action a.videoActionFlag span.icon { background-position: 0px -148px; margin-left: 3px; }
.videoToolbar .adminSize div.action a.videoActionMakeHot span.icon, .videoToolbar .adminSize div.action a.videoActionFeature span.icon { display: none; }
.videoToolbar .adminSize div.action a.videoActionMakeHot span, .videoToolbar .adminSize div.action a.videoActionFeature span { float: none; }
.videoToolbar .adminSize div.action a.videoActionMakeHot, .videoToolbar .adminSize div.action a.videoActionFeature { text-align: center; }
.videoToolbar .adminSize div.action a.videoActionFavorite span.setVideoFavoriteText { display: block; width: 45px; }
 
.videoToolbar .stats { height: 34px; background-color: #F5F5F5; line-height: 34px; padding: 0px 15px; }
.videoToolbar .stats .statBit { display: block; width: 110px; float: left; }
.videoToolbar .stats .date { width: 160px; }
.videoToolbar .description { padding: 15px 15px 15px; margin: 0px; } 
.videoToolbar .videoLinks { padding: 3px 15px 0px; }
.videoToolbar .videoLinks .infoPart { display: block; float: left; width: 250px; font-size: 11px; color: #808080; overflow: hidden; }
.videoToolbar .videoLinks .infoPart a { color: #15A5FE; text-decoration: none; }
.videoToolbar .videoLinks .infoPart a:hover { text-decoration: underline; }
.videoToolbar .videoLinks .infoPart .content { display: block; }

.videoToolbar .videoActionArea { position: relative; height: auto; overflow: hidden; zoom: 1; }
.videoToolbar .videoActionArea .loadingVideoActions { display: none; height: 20px; background-image: url(/images/progress_star.gif); background-position: center center; background-repeat: no-repeat; }

.videoToolbar .actionToPerform { position: relative; height: 0px; width: auto; font-size: 12px; overflow: hidden; zoom: 1; }

.actionToPerform { position: relative; height: 0px; width: auto; font-size: 12px; overflow: hidden; zoom: 1; }
.actionToPerform .content { padding: 5px 20px 10px 20px; background-color: #FFFFFF; zoom: 1; }
.actionToPerform .title { font-size: 16px; font-weight: bold; }
.actionToPerform .title .icon { display: block; width: 24px; height: 20px; float: left; margin-right: 5px; background: url(/images/details_member_functions.png); background-repeat: no-repeat; }
.actionToPerform .title .shiftLeft { float: left; }
.actionToPerform .title .shiftRight { float: right; }
.actionToPerform .title .titleLine { display: block; height: 20px; border-bottom: 1px solid; margin-left: 29px; }
.actionToPerform .buttons input { width: 120px; float: right; }

.shareVideoInternal .content { height: 195px; }

/* Video Grader */
.interactiveVideoGrader { }
.interactiveVideoGrader .title { color: #FF9607; }
.interactiveVideoGrader .title .icon { background-position: 0px -100px; }
.interactiveVideoGrader .title .grade { display: block; width: 24px; height: 20px; float: right; margin-left: 5px; padding-right: 0px; background-image: url(/images/video_grades_big.png); background-repeat: no-repeat; }
.interactiveVideoGrader .title .titleLine { border-color: #FF9607; margin-right: 29px; }
.videoActionArea .gradeSelection { padding: 15px 0px; }
.videoActionArea .gradeSelection .userGradeLink { display: block; width: 34px; height: 30px; float: left; margin-right: 3px; }
.videoActionArea .gradeSelection .userGrade, .gradeSelection .userGradeLink:hover, .gradeSelection .userGradeLink.hover { cursor: default; background-image: url(/images/grade_stroke_green.gif); background-position: 0px 0px; }
.videoActionArea .gradeSelection a { display: block; width: 24px; height: 20px; margin: 5px 5px; background-image: url(/images/video_grades_big.png); background-repeat: no-repeat; outline: none; }
.videoActionArea .gradeSelection a.inProgress { background-image: url(/images/progress_star.gif); background-position: center center; background-repeat: no-repeat; }
.videoActionArea .gradeSelection .excellent, .gradeSelection .reallyBad { font-size: 11px; padding-top: 10px; }
.videoActionArea .gradeSelection .excellent { float: left; color: #FF9607; }
.videoActionArea .gradeSelection .reallyBad { float: right; color: #808080; }
.interactiveVideoGrader .shortMessage { display: block; text-align: left; }
.interactiveVideoGrader .shortMessage .green { color: #6CB017; }
.interactiveVideoGrader .messageBox, .interactiveVideoGrader .shortMessage { padding-bottom: 10px; }
.interactiveVideoGrader .messageBox .msgTitle { float: right; width: 100px; }
.interactiveVideoGrader .messageBox .msgBody { float: right; }
#messageBody { width: 358px; height: 53px; border: 1px solid #C0C0C0; }
.interactiveVideoGrader .commentReply { display: none; padding-bottom: 10px; }
/* End Video Grader */

/* Flag Video Content */
.flagVideoContent .title { color: #E33A37; }
.flagVideoContent .title .icon { background-position: 0px -40px; }
.flagVideoContent .selections { display: block; position: relative; width: 180px; float: left; color: #333333; }
.flagVideoContent .selections div { padding: 5px 0px; line-height: 14px; }
.flagVideoContent .selections div .flagOption { margin-right: 5px; }
.flagVideoContent .message { display: block; position: relative; width: 310px; float: right; color: #333333; }
.flagVideoContent .message .flagContentMessage { width: 305px; }
.flagVideoContent .message .controls input { width: 110px; }
.flagVideoContent .message .controls .submitContentFlag { float: left; }
.flagVideoContent .message .controls .cancelContentFlag { float: right; }
/* End Flag Video Content */

/* Social Bookmarks and Links */
.shareVideo .title .icon { background-position: 0px -80px; }
.shareVideo .title .titleLine { color: #193B5E; }
.shareVideo .topLinks { padding-top: 15px; }
.shareVideo .topLinks .socialLink { float: left; padding-right: 52px; text-align: center; }
.shareVideo .topLinks .buzz { padding-right: 0px; }
.shareVideo .topLinks .email img { display: block; }
.shareVideo .topLinks .email a { text-decoration: none; }
.shareVideo .topLinks .email a:hover { text-decoration: underline; }
.shareVideo .topLinks .facebook { float: right; padding: 0px; }
.shareVideo .topLinks .facebook a.bkFacebook { display: block; width: 165px; height: 50px; background-image: url(/images/details_facebook.png); background-position: 0px -50px; }
.shareVideo .topLinks .facebook a:hover.bkFacebook { background-position: 0px 0px; }

.shareVideo .bottomLinks { padding-top: 15px; }
.shareVideo .bottomLinks .socialLink { float: right; }
.shareVideo .bottomLinks .stumble { padding-right: 60px; }
.shareVideo .bottomLinks  { padding-bottom: 10px; }
.shareVideo .bottomLinks .misc { display: none; padding-top: 4px; }
.shareVideo .bottomLinks .misc a { display: block; float: left; width: 20px; height: 21px; border: 1px solid #808080; margin-right: 13px; background-image: url(/images/bookmark_icons_color.gif); }
.shareVideo .bottomLinks .misc a.bkDelicious { background-position: -20px 0px; }
.shareVideo .bottomLinks .misc a.bkBlinklist { background-position: -140px 0px; }
.shareVideo .bottomLinks .misc a.bkYahoo { background-position: 0px 0px; }
.shareVideo .bottomLinks .misc a.bkFurl { background-position: -120px 0px; }
.shareVideo .bottomLinks .misc a.bkReddit { background-position: -80px 0px; margin-right: 2px; }
/* End Social Bookmarks and Links */

/* Add To Playlist */
.addVideoToPlaylist { height: 0px; }
.addVideoToPlaylist .title .icon { background-position: 0px -60px; }
.addVideoToPlaylist .content .userVideoPlaylists { padding: 15px 0px; }
.addVideoToPlaylist .content a.createNewPlaylist { display: block; width: 236px; height: 20px; background-image: url(/images/playlist_create_new.gif); background-position: 0px -20px; outline: none; }
.addVideoToPlaylist .content a:hover.createNewPlaylist { background-position: 0px 0px; }
.addVideoToPlaylist .content .playlistList { padding-bottom: 10px; }
.addVideoToPlaylist .content .playlistList .playlistLink { }
.addVideoToPlaylist .content .playlistList .playlistLink a { display: block; height: 20px; line-height: 20px; text-decoration: none; outline: none; }

/* Clear inherited styles */
.addVideoToPlaylist .content .playlistList .playlistLink a.removeFromPlaylist { margin: 0px; padding: 0px; width: auto; }
.addVideoToPlaylist .content .playlistList .playlistLink a.addToPlaylist, 
.addVideoToPlaylist .content .playlistList .playlistLink a.removeFromPlaylist { width: 100px; background-image: url(/images/playlist_add_remove.gif); margin: 5px; margin-left: 0px; float: left; }
.addVideoToPlaylist .content .playlistList .playlistLink a.addToPlaylist { background-position: 0px -20px; }
.addVideoToPlaylist .content .playlistList .playlistLink a:hover.addToPlaylist { background-position: 0px 0px; }
.addVideoToPlaylist .content .playlistList .playlistLink a.removeFromPlaylist { background-position: 0px -60px; }
.addVideoToPlaylist .content .playlistList .playlistLink a:hover.removeFromPlaylist { background-position: 0px -40px; }
.addVideoToPlaylist .content .playlistList .playlistLink div.linkWrap { text-align: left; border-bottom: 1px solid; margin-left: 110px; padding: 5px 0px; }
.addVideoToPlaylist .content .playlistList .playlistLink div.first { border-top: 1px solid; }
.addVideoToPlaylist .content .playlistList .playlistLink a.viewPlaylist { padding-left: 10px; }
.addVideoToPlaylist .content .playlistList .playlistLink a.viewPlaylist span { float: right; }
.addVideoToPlaylist .title .titleLine,
.content .playlistList .playlistLink a.viewPlaylist { color: #992076; }
.addVideoToPlaylist .title .titleLine, 
.addVideoToPlaylist .content .playlistList .playlistLink div.linkWrap { border-color: #992076; }
.content .playlistList .playlistLink a:hover.viewPlaylist { color: #FFFFFF; background-color: #5E1948; }
.content .playlistList .playlistLink a.viewPlaylist span { color: #808080; }
.content .playlistList .playlistLink a:hover.viewPlaylist span { color: #FFFFFF; }
/* End Add To Playlist */

/* Feature Video Control */
.featureVideoContainer .title .icon { background-position: 0px -20px; }
.featureVideoContainer .title .titleLine { color: #3E8C7E; }
.featureVideoInternal .content { padding-left: 0px; padding-right: 0px; }
.featureVideoInternal .content .title { padding-left: 20px; padding-right: 20px; }
.featureVideoElements { position: relative; padding-top: 15px; }
.featureVideoElements .featuredAnchor { display: block; position: relative; top: -50px; zoom: 1; }
.featureVideoElements .videoImage { position: relative; width: 300px; height: 150px; float: left; border: 1px solid #CCCCCC; }
.featureVideoElements .videoImage .uploadImageLink { width: 200px; padding-left: 56px; padding-top: 50px; }
.featureVideoElements .videoImage .uploadImageLink .stretchLinkButton a { margin: 0px auto; }
.featureVideoElements .videoImage .uploadImageLink .stretchLinkButton a .linkContent { width: 170px; }
.featureVideoElements .videoImage .uploadImageLink .imageSizeMessage { color: #1E5B8C; text-align: center; padding-top: 20px; }
.featureVideoElements .videoImage a.uploadLink { display: block; position: absolute; left: 210px; top: 0px; z-index: 2; background-color: #FFFFFF; text-decoration: none; }
.featureVideoElements .videoImage a:hover.uploadLink { text-decoration: underline; }
.featureVideoElements .videoImage a.playFeaturedVideo { display: block; position: relative; width: 300px; height: 150px; }
.featureVideoElements .videoImage a.playFeaturedVideo img { display: block; position: relative; }
.featureVideoElements .videoImage a .playHover { display: block; position: absolute; left: 90px; top: 14px; width: 120px; height: 120px; background-image: none; }
.featureVideoElements .videoImage a:hover .playHover { display: block; background-image: url(/images/bigplay.png); background-position: 0px 0px; cursor: pointer; }
.featureVideoElements .videoTitle { position: relative; height: 140px; margin-left: 307px; padding: 5px; border: 1px solid #CCCCCC; font-size: 24px; color: #236CB5; }
.featureVideoElements .commentUserIcon { border: 0px; padding: 5px 0px; }
.featureVideoElements .commentBody .featuredVideoDescription { width: 99%; height: 88px; border: 1px solid #CCCCCC; }
.featureVideoElements .commentBody .bodySay { top: 11px; }
.featuredVideo .commentBody { padding-bottom: 10px; }
.featuredVideo .commentBody .featuredByName { padding-bottom: 5px; }
.featuredVideo .commentBody span { font-size: 16px; line-height: 24px; color: #666666; }
.featuredVideo .featureVideoElements .videoImage, .featuredVideo .featureVideoElements .videoTitle { border: 0px; padding: 0px; } 
.featuredVideo .featureVideoElements .videoTitle .titleLink { height: 115px; overflow: hidden; }
.featuredVideo .featureVideoElements .videoTitle h2 { padding: 0px; margin: 0px; font-weight: normal; }
.featuredVideo .featureVideoElements .videoTitle a { font-size: 28px; color: #236CB5; text-decoration: none; outline: none; } 
.featuredVideo .featureVideoElements .videoTitle a:hover { text-decoration: underline; } 
.featuredVideo .videoDetailInfo .infoPart { display: block; width: auto; overflow: hidden; float: left; }
.featuredVideo .videoDetailInfo .hide { display: none; }
.featuredVideo .videoDetailInfo .infoPart .videoGrade span { display: block; width: 24px; height: 20px; background-image: url(/images/video_grades_big.png); background-repeat: no-repeat; }
.featuredVideo .videoDetailInfo .userGrade { padding: 0px }
.featuredVideo .videoDetailInfo .infoPart { padding-right: 25px; }
.featuredVideo .videoDetailInfo .infoPart span { display: block; }
.featuredVideo .videoDetailInfo .infoPart span.hide { display: none; }
.featuredVideo .videoDetailInfo .infoPart .title { font-size: 10px; color: #808080; }
.featuredVideo .videoDetailInfo .infoPart .content { font-size: 18px; color: #000000; }
/* End Feature Video Control */

.content .playlistList .playlistLink a:hover.viewPlaylist { color: #FFFFFF; background-color: #5E1948; }
.content .playlistList .playlistLink a.viewPlaylist span { color: #808080; }
.content .playlistList .playlistLink a:hover.viewPlaylist span { color: #FFFFFF; }

.videoToolbar .bottom { height: 10px; background-image: url(/images/video_info_bottom_border.gif); background-position: 0px 0px; background-repeat: no-repeat; overflow: hidden; }
.videoToolbar .videoActionArea,
.videoToolbar .stats,
.videoToolbar .description, 
.videoToolbar .videoLinks { }
/* End Actions and Description Control */

/* Prev/Next Article */
.articlePrevNext { display: block; overflow: hidden; margin: 10px 0px; padding: 6px 0px; border-top: 2px solid #FFFFFF; border-bottom: 2px solid #FFFFFF; font-size: 12px; background-color: #E6ECEC; }
.articlePrevNext li { display: block; float: left; width: 311px; margin: 0px; padding: 0px 6px; list-style: none; position: relative; line-height: 20px; color: #000000; }
.articlePrevNext .prev { border-right: 2px solid #FFFFFF; }
.articlePrevNext .next { text-align: right; }
.articlePrevNext a { display: block; padding: 20px 6px 0px; width: 311px; height: 20px; overflow: hidden; position: absolute; top: 0px; left: 0px; }
/* End Prev/Next Article */

/* Dynamic Result Scrollers */
.drsh { padding-bottom: 6px; margin-bottom: 6px; background-color: #E6ECEC; }
.drsh .content { margin: 6px -6px 0px 6px; height: 136px; overflow: hidden; }
.drsh .content h2, .drsh .content h3, .drsh .content h4, .drsh .content h5, .drsh .content h6 { margin: 0px; padding: 0px; font-size: 11px; line-height: 12.3px; }
.drsh .items { display: block; overflow: hidden; margin: 0px -6px 0px 0px; padding: 0px; }
.drsh .items li { display: block; padding: 0px; margin: 0px 14px 6px 0px; float: left; list-style: none; position: relative; overflow: hidden; }
.drsh .items a { display: block; width: 88px; padding: 84px 2px 0px 2px; height: 50px; z-index: 2; position: relative; font-weight: normal; overflow: hidden; border: 1px solid #E6ECEC; z-index: 3; }
.drsh .items a:hover { background-color: #FFFFFF; text-decoration: none; border: 1px solid #1EA5ED; }
.drsh .items .intro { display: none; }
.drshLight { background-color: #FFFFFF; margin-bottom: 0px; }
.drshDark { background-color: #262626; }
.drshDark .items a:hover { background-color: #000000; }
.drsh .items img { display: block; overflow: hidden; position: absolute; top: 0px; left: 0px; margin: 2px; width: 88px; height: 68px; background: #696969; }
.drshDark .items img { border: 2px solid #000000 }
.drsh .items .typeIconUTS { top: 70px; right: 2px; width: 86px; zoom: 1; opacity: 1; -moz-opacity: 1; }
.drsh .items li.active .typeIconUTS { background-color: #1EA5ED; }
.drsh .items li.active a, .drsh .items li.active a:hover { border: 1px solid #1EA5ED; font-size: 12px; font-weight: bold; color: #000000; padding: 99px 2px 0px 2px; height: 35px; text-align: center; cursor: default; background-color: #FFFFFF; }
.drsh .items li.active img, .drsh .items a:hover img { /*border: 2px solid #1EA5ED;*/ }
.drsh .items li.added h3 { background-color: #CCCCCC; }
.drsh .items li.removed { display: none; }
.drshH .items li { margin-bottom: 3px; }
.drshH .items a { height: 60px; padding: 2px 6px 0 76px; }
.drshH .items img { width: 70px; height: 60px; border: 0px; margin: 0px; }
.drshH .items .typeIconUTS { right: auto; left: 0px; top: 51px; height: 15px; line-height: 15px; width: 62px; font-size: 9px; display: block; margin:-8px 0 0 80px; }
.drshH .items a:hover .typeIconUTS { display: block; }
.drshH .items li.active a, .drshH .items li.active a:hover { height: 33px; padding: 21px 6px 0 62px; }
.drshH .items .intro { display: block; position: absolute; top: 32px; left: 63px; z-index: 2; width: auto; margin: 0 3px 0 0; cursor: default; font-weight: normal; overflow: hidden; color: #B3B3B3; font-size: 9px; line-height: 11px; }
.drshH .items li:hover { background-color: #FFFFFF; }
.drshH .items li:hover a:hover { background-color: transparent; }
.drshH .items li:hover .intro { color: #696969; }
.drsh134 { width: 134px; }
.drsh134 .content { height: 568px; }
.drsh134 .items a { width: 116px; text-align: center; padding-top: 92px; height: 42px; line-height: 14px; }
.drsh134 .items .typeIconUTS { right: 16px; top: 74px; }
.drsh134 .items img { left: 14px; top: 4px; }
.drshH300 { width: 300px; padding-bottom: 0px; }
.drshH300 ul { width: 294px; }
.drshH300 .items li { margin-right: 6px; }
.drshH300 .items a { width: 210px; }
.drshH300 .items li.active a, .drshH300 .items li.active a:hover { text-align: left; }
.drshH300 .content { height: auto; padding-bottom: 3px; }
.drsh300 { width: 300px; overflow: hidden; }
.drsh300 .items li { margin-right: 6px; }
.drsh300 .content { margin-left: 3px; margin-right: -3px; }
.drsh436 { width: 430px; overflow: hidden; }
.drsh436 .items { width: 430px; }
.drsh436 .items li { margin-right: 4px; }
.drsh492 { width: 492px; overflow: hidden; }
.drsh492 .content { margin-left: 1px; margin-right: -1px; }
.drsh492 .items li { margin-right: 5px; }
.drsh532 { width: 532px; overflow: hidden; background-color: #F5F5F5; }
.drsh532 .content { height: 351px; width: 524px; }
.drsh532 .items li { margin-right: 6px; }
.drsh532 .items a { border-color: #F5F5F5; }
.drsh532 .items a, .drsh532 .items li.active a, .drsh532 .items li.active a:hover { width: 189px; }
.drsh658 { width: 648px; overflow: hidden; }
.drsh658 .content { margin-left: 12px; margin-right: -12px; }
.drsh658 .items li { margin-right: 14px; }
.drshFull .content { margin-left: 8px; margin-right: -8px; }
.drsh2row .content { height: 278px; }
.drsh3row .content { height: 420px; }
.drsh4row .content { height: 562px; }
.contentVidRight .drsh .content { height: 410px; }
.contentVidRight .drsh ul { width: 424px; }
.contentVidAbove .drsh .items, .contentArtAbove .drsh .items { margin: 0 0 0 14px; }
/* End Dynamic Result Scrollers */

/* Scrollers */
.scrollers .scroller { margin-bottom: 6px; }
.scroller { width: 200px; margin-left: auto; margin-right: auto; text-align: left; overflow: hidden; }
.scroller.wideMode { width: 236px; }
.scroller.wide300 { width: 300px; }
.wwFrontPageMode { width: 418px; margin: 10px 10px 0px 0px; float: left; }

.scroller .content { height: 68px; overflow: hidden; position: relative; }
.featuredScroller .content { height: 140px; }
.compactMode .content { height: 72px; padding-top: 3px; }
.compactMode .content img { position: absolute; left: 0px; top: 5px; }
.compactMode .content div { font-size: 11px; line-height: 14px;  }
.compactMode .content div a { text-decoration: none; white-space: nowrap; }
.compactMode .content div a:hover { text-decoration: underline; }
.compactMode .content div a span { display: inline-block; width: 24px; cursor: pointer; }
.compactMode .content div.userScrollerItemSM { padding-left: 56px; }
.compactMode .content div.videoScrollerItemSM { padding-left: 93px; }
.expandedMode .content { height: auto; margin-bottom: -1px; background-color: #F5F5F5; }
.featuredScrollerWide .content { height: 533px; }
.playlistMode .content { height: 100px; }
.partnerMode .content { height: auto; }
/*.relatedPlaylist { position: relative; }*/
.userModeExpandedMode .content { height: 137px; border: 0px; }
.playlistModeExpandedMode .content { height: 64px; padding: 128px 10px 0px 77px; font-size: 13px; background-color: #FFFFFF; color: #696969; overflow: hidden; margin-bottom: 6px; }
.playlistModeExpandedMode .content .playlistImages { position: absolute; top: 14px; left: 16px; width: 200px; height: 100px; overflow: hidden; border: 1px solid #B3B3B3; }
.playlistMode .content .playlistImages img.solo, .playlistModeExpandedMode .content .playlistImages img.solo { margin-top: -25px; }
.playlistModeExpandedMode .content .userImage { position: absolute; top: 122px; left: 16px; background: #696969 url(/images/progress_star_dark.gif) no-repeat center center; }
.playlistModeExpandedMode .content a { text-decoration: none; }
.playlistModeExpandedMode .content span { position: absolute; top: 176px; left: 77px; white-space: nowrap; font-size: 11px; }
.playlistModeExpandedMode .content span a { text-decoration: underline; }
.wwFrontPageMode .content { position: relative; width: 418px; height: 211px; }

.right300 .scroller { width: 300px; }
.right300 .playlistMode .content { height: 37px; }
.right300 .playlistMode .playlistImages a img { width: 50px; height: 37px; }
.right300 .playlistMode .playlistImages a:hover span { background-image: none; }
.right300 .featuredScroller .videoScrollerItem { padding-top: 155px; }
.right300 .scroller .colorFeatured img { width: 300px; height: 150px; }
.right300 .featuredScroller .content { height: 190px; }

/* Scroller Items */
.scroller .scrollerItem { display: block; height: 66px; position: relative; overflow: hidden; background-color: #F5F5F5; text-decoration: none; outline: none; font-size: 12px; }
.scroller .scrollerItem:hover { background-color: #FFFFFF; }
.expandedMode .scrollerItem:hover { background-color: #FFFFFF; }
.featuredScroller .scrollerItem { height: 35px; }
.featuredScroller .scrollerItem .featuredTitle, .featuredScrollerWide .scrollerItem .featuredTitle { display: block; color: #236CB5; font-weight: bold; height: 35px; padding: 0px 5px; }
.featuredScrollerWide .scrollerItem .featuredTitle { height: 54px; font-size: 14px; line-height: 24px; padding: 0px 10px; }

.scroller .userScrollerItem { padding: 4px 0px 0px 51px; text-align: center; color: #808080; background-color: #E6ECEC; }
.scroller .userScrollerItem img { position: absolute; top: 0px; left: 0px; overflow: hidden; background: #696969 url(/images/progress_star_dark.gif) no-repeat center center; }
.scroller .userScrollerItem span { display: block; }
.scroller .userScrollerItem span.label { font-size: 14px; text-decoration: underline; color: #398FC0;  }
.scroller .userScrollerItem span.value { font-size: 26px; line-height: 32px; }
.scroller .userScrollerItem span.caption { font-size: 10px; }
.scroller .lowerBar .imgWrap { position: absolute; top: 0px; left: 0px; width: 104px; height: 137px; overflow: hidden; }
.scroller .lowerBar:hover .imgWrap { height: 129px; border-bottom: solid 8px #1EA5ED; }
.scroller .lowerBar img { display: block; position: relative; width: 104px; height: 137px; }
.expandedMode .userScrollerItem { padding: 0px 0px 0px 104px; height: 137px; border-bottom: 0px; }
.expandedMode .userScrollerItem img {  }
.expandedMode .userScrollerItem span.label { margin-top: 24px; }
.expandedMode .userScrollerItem span.value { font-size: 36px; line-height: 50px; }
.expandedMode .userScrollerItem span.caption {}

.scroller .videoScrollerItem { padding: 2px 0px 0px 92px; background-color: #E6ECEC; }
.scroller .videoScrollerItem span { color: #969696; }
.scroller .videoScrollerItem span.timeAndGrade { display: block; } 
.scroller .videoScrollerItem img { position: absolute; top: 0px; left: 0px; background: #696969 no-repeat center center;  }
.scroller .videoScrollerItem:hover { text-decoration: underline; }
.scroller .videoScrollerItem:hover span, .scroller .videoScrollerItem:hover .typeIconUTS { color: #FFFFFF; text-decoration: none;  }
.scroller .videoScrollerItem .typeIconUTS { left: 0px; top: 54px; right: auto; text-decoration: none; }
.expandedMode .videoScrollerItem { margin-bottom: 2px; padding-right: 6px; }
.expandedMode .videoScrollerItem .timeAndGrade { position: absolute; right: 3px; bottom: 3px; }
.featuredScroller .videoScrollerItem { padding: 105px 0px 0px 0px; }
.featuredScroller .videoScrollerItem span { color: #000000; }
.featuredScroller .videoScrollerItem span.playHover { left: 56px; top: 16px; }
.featuredScroller .videoScrollerItem .largeImage { display: none; }
.featuredScroller .videoScrollerItem:hover span {  background-color: #1EA5ED; }
.featuredScroller .videoScrollerItem:hover { text-decoration: none; }
.featuredScrollerWide .smallImage { display: none; }
.featuredScrollerWide .videoScrollerItem { height: 54px; padding: 123px 0px 0px 0px; }
.featuredScrollerWide .videoScrollerItem img { left: 10px; top: 10px; }
.featuredScrollerWide .videoScrollerItem span.playHover { left: 74px; top: 25px; }

.scroller .partnerScrollerItem { height: 30px; padding: 5px 0px 5px 61px; }
.scroller .partnerScrollerItem:hover { background-color: #ffffff; }
.scroller .partnerScrollerItem:hover strong { text-decoration: underline; }
.scroller .partnerScrollerItem img { position: absolute; top: 5px; left: 0px; }
.scroller .partnerScrollerItem strong { display: block; }
.scroller .partnerScrollerItem span { color: #000000; }
/* End Scroller Items */


/* End Scrollers */

/* Result Scrollers */
.spotlightScroller { padding-bottom: 10px; margin-top: -10px; }
.resultScroller { position: relative; }
.resultScroller .pageControls { background-color: #F5F5F5; border-top: 1px solid #C4C4C4; margin-top: -1px; z-index: 5; position: relative; height: 25px; padding: 6px 6px 0px 6px; }
.resultScroller .pageControls .showAllResults { display: none; }
.resultScroller .pageControls .hb { height: 20px; width: 141px; position: relative; }
.resultScroller .pageControls .hb .shine span { height: 4px; }
.resultScroller .pageControls .hb .shine span.b1 { height: 1px; }
.resultScroller .pageControls .hb .shine span.b2 { height: 2px; }
.resultScroller .pageControls .hb .shine span.b3 { height: 1px; }
.resultScroller .pageControls .hb a:hover .shine span { height: 5px;  }
.resultScroller .pageControls .hb a:hover .shine span.b1 { height: 2px;  }
.resultScroller .pageControls .hb a:hover .shine span.b2 { height: 1px;  }
.resultScroller .pageControls .hb a:hover .shine span.b3 { height: 1px;  }
.resultScroller .pageControls .left { float: left; }
.resultScroller .pageControls .right { float: right; }
.resultScroller .pageControls .scrollArrow { background-image: url(/images/scroller_arrows.gif); background-repeat: no-repeat; background-position: 61px 0px; overflow: hidden; position: absolute; top: 0px; left: 0px; width: 95px; height: 20px; display: block; }
.resultScroller .pageControls .down .scrollArrow, .resultScroller .pageControls .downDisabled .scrollArrow { background-image: url(/images/scroller_arrows.gif); background-repeat: no-repeat; background-position: 61px -20px; }
.resultScroller .pageControls .downDisabled, .resultScroller .pageControls .upDisabled, .resultScroller .pageControls .downDisabled:hover, .resultScroller .pageControls .upDisabled:hover { background-color: #B3B3B3; cursor: default; }
.resultScroller .pageControls .downDisabled span, .resultScroller .pageControls .upDisabled span { cursor: default; }
.resultScroller .pageControls .downDisabled .shine span, .resultScroller .pageControls .upDisabled .shine span, .resultScroller .pageControls .downDisabled:hover .shine span, .resultScroller .pageControls .upDisabled:hover .shine span { background-color: #BDBDBD; }
.resultScroller .pageControls .downDisabled .shine span, .resultScroller .pageControls .upDisabled .shine span { height: 6px; }
.resultScroller .pageControls .downDisabled .shine span.b1, .resultScroller .pageControls .downDisabled .shine span.b2, .resultScroller .pageControls .downDisabled .shine span.b3, .resultScroller .pageControls .upDisabled .shine span.b1, .resultScroller .pageControls .upDisabled .shine span.b2, .resultScroller .pageControls .upDisabled .shine span.b3 { margin: 0px 2px 0px 2px; height: 1px; }

.resultScroller .progress { background-color: #FFFFFF; border-top: 1px solid #B3B3B3; margin-top: -1px; z-index: 5; position: relative; height: 31px; padding: 0px 6px; display: none; }
.resultScroller .progress .progressBar { position: relative; margin: 10px 0px 10px 0px; }
.resultScroller .pageSummary { background-color: #E3E3E3; color: #000000; font-weight: bold; padding: 2px 0px 2px 0px; font-size: 11px; }
.resultScroller .pageSummary span { font-weight: normal; }
.resultScroller .resultItems { text-align: left; background-color: #ffffff; background-image: url(/images/progress_star.gif); background-position: center center; background-repeat: no-repeat; }

/* Result Items */
.resultScroller .resultItem { display: block; height: 56px; position: relative; overflow: hidden; background-color: #FFFFFF; text-decoration: none; outline: none; border-bottom: 1px solid #C4C4C4; font-size: 12px; line-height: 1.2em; }
.resultScroller .resultItem:hover { background-color: #1EA5ED; color: #FFFFFF; }
.resultScroller .resultItem .resultNumber { display: block; position: absolute; top: 72px; left: 100px; width: 100px; }
.resultScroller .resultItem .resultNumber b { float: right; height: 16px; line-height: 17px; padding: 0px 2px 0px 4px; }

.resultScroller .active .resultNumber b { font-size: 15px; padding-right: 3px; }
.resultScroller .hideIndex .resultItem .resultNumber { display: none; }

.resultScroller .videoResultItem { padding: 6px 2px 6px 93px; }
.resultScroller .videoResultItem img { position: absolute; top: 0px; left: 0px; background: #696969 url(/images/progress_star_dark.gif) no-repeat center center; }
.resultScroller .videoResultItem span.playHover { position: absolute; top: 11px; left: 1px; display: block; width: 88px; height: 68px; background-image: url(/images/thumb_play_button.png); background-position: 0px 0px; background-repeat: no-repeat; z-index: 2; cursor: pointer; }
.resultScroller .videoResultItem:hover span.playHover { background-position: -90px 0px; }
.resultScroller .videoResultItem span.vidIcon { display: none; position: absolute; width: 22px; height: 22px; top: 61px; left: 69px; z-index: 3; background-image: url(/images/video_state_corner_icons.png); background-repeat: no-repeat; }
.resultScroller .videoResultItem span.fresh { display: block; background-position: 0px -73px; }
.resultScroller .videoResultItem span.hoc { display: block; background-position: 0px -48px; }
.resultScroller .videoResultItem span.gem { display: block; background-position: 0px -24px; }
.resultScroller .videoResultItem span.recommend { display: block; background-position: 0px -123px; }
.resultScroller .videoResultItem span.hot { display: block; background-position: 0px -147px; }
.resultScroller .videoResultItem span.rerun { display: block; background-position: 0px 0px; }
.resultScroller .videoResultItem span.fav { display: block; background-position: 0px -98px; }
.resultScroller .videoResultItem span.vidLeftIcon { display: none; width: 30px; height: 17px; position: absolute; left: 1px; top: 62px; z-index: 3; background-image: url(/images/18plus.png); background-repeat: no-repeat; }
.resultScroller .videoResultItem span.over18 { display: block; }
.resultScroller .stats { color: #969696; }
.resultScroller .resultItem:hover .stats { color: #F5F5F5; }

.resultScroller .wwResultItem { height: 157px; }
.resultScroller .wwResultItem strong { display: block; position: absolute; top: 113px; left: 0px; width: 100%; background-color: #ffffff; color: #217061; font-weight: normal; font-size: 16px; line-height: 19px; margin: 0px; padding: 3px; cursor: pointer; opacity: 0.7; -moz-opacity: 0.7; }
.resultScroller .wwResultItem:hover strong { color: #ffffff; background-color: #000000; }
.resultScroller .wwResultItem .resultNumber { top: 0px; }
.resultScroller .wwResultItem .resultNumber b { visibility: hidden; background-image: none; opacity: 0.7; -moz-opacity: 0.7; }
.resultScroller .wwResultItem:hover .resultNumber b { visibility: visible; background-color: #000000; }
/* End Result Items */
/* End Result Scrollers */

/* Result Header */
.resultHeader .hl, .resultHeader .hlb { text-transform: capitalize; }
.resultHeader .hls { text-transform: none; }
.resultHeader { padding: 0px; margin: 0px; }
/* End Result Header */

/* Horizontal Menu */
.horizontalMenu { padding: 0px; }
.horizontalMenu a, .horizontalMenu span { color: #808080; font-size: 13px; line-height: 15px; text-decoration: none; display: block; float: left; padding: 0px 7px 0px 7px;   }
.horizontalMenu span { cursor: default; }
/*.horizontalMenu a { border-left: 1px solid #B3B3B3; }*/
.horizontalMenu a.firstItem { border-left: 0px; }
.horizontalMenu a:hover, .horizontalMenu a.active { color: #F61914; }
/* End Horizontal Menu */

/* Refine */
.refine { background-color: #E6ECEC; margin-bottom: 10px; }
.sh .refine { background-color: #FFFFFF; }
.refine h2, .refine h3, .refine h4, .refine h5, .refine h6 { font-size: 12px; font-weight: bold; margin: 0px; padding: 6px 0px 0px 6px; border-top: 1px solid #F5F5F5; cursor: default; }
.refine ul { margin: 0px; padding: 3px 0px 6px; font-size: 10px; position: relative; }
.refine li { white-space: nowrap; list-style: none; position: relative; line-height: 10px; }
.refine li.label { padding: 6px 6px 0px 6px; color: #969696; cursor: default; white-space: normal; }
.refine a, .refine strong { padding-left: 13px; display: block; height: 13px; line-height: 13px; }
.refine a:hover { background-color: #1EA5ED; color: #FFFFFF; text-decoration: none; }
.refine a.sa, .refine li.any a { display: inline; font-weight: normal; }
.refine a.sa:hover, .refine li.any a:hover { background-color: transparent; color: #0E85CD; text-decoration: underline; }
.refine strong { cursor: default; background: #F5F5F5 url(/images/refine_active_arrow.gif) no-repeat; height: 14px; line-height: 14px; padding-bottom: 2px; }
.refine a span { display: none; position: absolute; right: 3px; top: -23px; background: url(/images/tip_bubble_small.gif) no-repeat; width: 41px; height: 22px; line-height: 18px; text-align: center; font-weight: normal; }
.refine a:hover span { display: block; }
.refine a span.private { display: block; width: 20px; height: 13px; top: 0px; background: url(/images/arrow_tip_blue.gif) no-repeat -118px -6px; }
.refine a:hover span.private { background-position: -68px -6px }
.refine li.any { position: absolute; top: -18px; right: 6px; }
.refine li.any a { padding: 0px; }
.rmCategories { position: absolute; top: -30px; left: 0px; width: 974px; height: 106px; }
.rmCategories .box, .rmCategories h2.colorStandard { background-color: transparent; }
.rmCategories h2.colorStandard { border-color: #0E85CD; color: #1EA5ED; }
.rmCategories .box { height: 108px; }
.rmCategories .refine { padding-left: 1px; margin-bottom: 0px; position: relative; z-index: 3; }
.rmCategories .refine ul { height: 68px; padding: 3px 0px; }
.rmCategories .refine li { float: left; width: 162px; }
.rmCategories .refine li, .rmCategories .refine a, .rmCategories .refine strong { height: 11px; line-height: 11px; }
.rmCategories .headbar .hbLink, .rmCategories .headbar .hbLink:hover { color: #FFFFFF; }
/* End Refine */

/* Browse/TopSearches Menus */
.browseMenu, .topSearches { position: absolute; top: 151px; z-index: 100; width: 196px; overflow: hidden; margin-top: 0px; border-left: 2px solid #000000; border-right: 2px solid #000000; border-bottom: 2px solid #000000; }
.browseMenu ul, .topSearches ul { border-bottom: 0px; }
.browseMenu ul { padding-top: 2px; }
.browseMenu { left: 0px; width: 170px; }
.browseMenu ul li a { border-bottom: 1px solid #ffffff; }
.browseMenu ul li a, .browseMenu ul li a span { border-top: 0px; font-size: 10px; height: 13px; line-height: 13px; }
.browseMenu ul li a span { width: 23px; }
.topSearches { left: 722px; }
.topSearches .heading { height: 20px; }
.topSearches ul li.active a { background: #ffffff; color: #000000; cursor: default; }
.topSearches ul li.active a span { display: none; right: 4px; }
.topSearches ul li.active ul li a { cursor: pointer; }
.topSearches ul li.active ul li a:hover span { display: block; background-color: #3C3B39; }
.topSearches ul li.active ul { margin-left: 0px; border-left: 15px solid #E8E8E8; }
.topSearches ul li ul li a { border-top: 1px solid #E8E8E8; }
.topSearches .heading { overflow: hidden; font-size: 1px; height: 1px; }
/* End Browse/TopSearches Menus */

/* Sorting And Paging */
.sap { position: relative; zoom: 1; }
.sap .tabs { border-bottom: 4px solid #1EA5ED; }
.sap .tabs a { width: 82px; font-size: 11px; overflow: hidden; }
.sap4 .tabs a { width: 123px; }
.sap7 .tabs a { width: 93px; }
.sap7 .tabs a.firstItem { width: 94px; }
.sap .headbar h4, .sap .headbar h6 { border-bottom-width: 2px; }
.sap .headbar h6 { font-size: 17px; line-height: 18px; }
.sap .headbar h6 span { font-size: 12px; color: #969696; }
.sap .headbar h6 a { color: #696969; }
.sap .headbar h6 a:hover, .sap .headbar h6 a:hover span { color: #0E85CD; text-decoration: none; }
.bm .headbar h1, .bm .headbar h2, .bm .headbar h3, .bm .headbar h4 { border-bottom-width: 0px; border-top-width: 2px; border-top-style: solid; padding-bottom: 4px; }
.pageNumbers { font-size: 10px; position: absolute; top: 4px; right: 0px; color: #000000; cursor: default; }
.bm .pageNumbers { top: 8px; }
.pageNumbers a { cursor: pointer; }
.pageNumbers a, .pageNumbers strong { padding: 3px; color: #000000; }
.pageNumbers strong, .pageNumbers a:hover { color: #0E85CD; }
.pageNumbers .pageNavButton { padding: 0px; width: 12px; height: 12px; margin-bottom: -2px; overflow: hidden; background-image: url(/images/arrows12.gif); background-repeat: no-repeat; }
.pageNumbers a .next { background-position: -12px -24px; }
.pageNumbers a .previous { background-position: 0px -24px; }
.pageNumbers a:hover .next { background-position: -12px 0px; }
.pageNumbers a:hover .previous { background-position: 0px 0px; }
.pageNumbers .nextDisabled { background-position: -12px -12px; }
.pageNumbers .previousDisabled { background-position: 0px -12px; }
.olderIssues { right: auto; left: 6px; }
.olderIssues a { padding-left: 18px; }
.newerIssues a { padding-right: 18px; }
.olderIssues a i, .newerIssues a i { position: absolute; top: 0px; display: block; padding: 0px; width: 12px; height: 12px; margin-bottom: -2px; overflow: hidden; background-image: url(/images/arrows12.gif); background-repeat: no-repeat;}
.newerIssues a.next i { right: 0px; background-position: -12px -24px; }
.olderIssues a.previous i { left: 0px; background-position: 0px -24px; }
.newerIssues a:hover.next i { background-position: -12px 0px; }
.olderIssues a:hover.previous i { background-position: 0px 0px; }

.sortingResultHeader { margin-bottom: 5px; }
.sortingResultHeader .headerText { padding-bottom: 3px; }
.sortingResultHeader .headerText span { height: 25px; padding-left: 10px; font-size: 16px; line-height: 25px; color: #666666; }

.sortingResultHeader .sortingBar { display: block; height: 22px; zoom: 1; }
.sortingResultHeader .sortingBar a { display: block; height: 22px; float: left; background-image: url(/images/middle_nav_bar.png); outline: none; }
.sortingResultHeader .sortingBar a.sortIndex0, .sortingResultHeader .sortingBar a.sortIndex5 { width: 110px; }
.sortingResultHeader .sortingBar a.sortIndex1, .sortingResultHeader .sortingBar a.sortIndex2, .sortingResultHeader .sortingBar a.sortIndex3, .sortingResultHeader .sortingBar a.sortIndex4 { width: 111px; }

/* Browse Sort Bar */
.browseSection .sortingResultHeader .sortingBar { display: block; height: 22px; zoom: 1; }
.browseSection .sortingResultHeader .sortingBar a { display: block; height: 22px; width: 99px; float: left; background-image: url(/images/middle_nav_bar_small.png); outline: none; }

/* Browse Sort Bar */
.browseSection .sortingResultHeader .sortingBar a.sortIndex0 { background-position: 0px -22px; }
.browseSection .sortingResultHeader .sortingBar a.sortIndex1 { background-position: -99px -22px; }
.browseSection .sortingResultHeader .sortingBar a.sortIndex2 { background-position: -198px -22px; }
.browseSection .sortingResultHeader .sortingBar a.sortIndex3 { background-position: -297px -22px; }
.browseSection .sortingResultHeader .sortingBar a.sortIndex4 { background-position: -396px -22px; }
.browseSection .sortingResultHeader .sortingBar a.sortIndex5 { background-position: -495px -22px; }

.browseSection .sortingResultHeader .sortingBar a:hover.sortIndex0, .browseSection .sortingResultHeader .sortingBar a.selectedSortIndex0 { background-position: 0px 0px; }
.browseSection .sortingResultHeader .sortingBar a:hover.sortIndex1, .browseSection .sortingResultHeader .sortingBar a.selectedSortIndex1 { background-position: -99px 0px; }
.browseSection .sortingResultHeader .sortingBar a:hover.sortIndex2, .browseSection .sortingResultHeader .sortingBar a.selectedSortIndex2 { background-position: -198px 0px; }
.browseSection .sortingResultHeader .sortingBar a:hover.sortIndex3, .browseSection .sortingResultHeader .sortingBar a.selectedSortIndex3 { background-position: -297px 0px; }
.browseSection .sortingResultHeader .sortingBar a:hover.sortIndex4, .browseSection .sortingResultHeader .sortingBar a.selectedSortIndex4 { background-position: -396px 0px; }
.browseSection .sortingResultHeader .sortingBar a:hover.sortIndex5, .browseSection .sortingResultHeader .sortingBar a.selectedSortIndex5 { background-position: -495px 0px; }


/* Default Sort Bar */
.exploreList .sortingResultHeader .sortingBar a.sortIndex0 { background-position: 0px -110px; }
.exploreList .sortingResultHeader .sortingBar a.sortIndex1 { background-position: -110px -110px; }
.exploreList .sortingResultHeader .sortingBar a.sortIndex2 { background-position: -221px -110px; }
.exploreList .sortingResultHeader .sortingBar a.sortIndex3 { background-position: -332px -110px; }
.exploreList .sortingResultHeader .sortingBar a.sortIndex4 { background-position: -443px -110px; }
.exploreList .sortingResultHeader .sortingBar a.sortIndex5 { background-position: -554px -110px; }

.exploreList .sortingResultHeader .sortingBar a:hover.sortIndex0, .exploreList .sortingResultHeader .sortingBar a.selectedSortIndex0 { background-position: 0px -88px; }
.exploreList .sortingResultHeader .sortingBar a:hover.sortIndex1, .exploreList .sortingResultHeader .sortingBar a.selectedSortIndex1 { background-position: -110px -88px; }
.exploreList .sortingResultHeader .sortingBar a:hover.sortIndex2, .exploreList .sortingResultHeader .sortingBar a.selectedSortIndex2 { background-position: -221px -88px; }
.exploreList .sortingResultHeader .sortingBar a:hover.sortIndex3, .exploreList .sortingResultHeader .sortingBar a.selectedSortIndex3 { background-position: -332px -88px; }
.exploreList .sortingResultHeader .sortingBar a:hover.sortIndex4, .exploreList .sortingResultHeader .sortingBar a.selectedSortIndex4 { background-position: -443px -88px; }
.exploreList .sortingResultHeader .sortingBar a:hover.sortIndex5, .exploreList .sortingResultHeader .sortingBar a.selectedSortIndex5 { background-position: -554px -88px; }


/* Search, Recommmends, People Also Liked, and Related Sort Bar */
.searchVideos .sortingResultHeader .sortingBar a.sortIndex0, 
.exploreRecommend .sortingResultHeader .sortingBar a.sortIndex0,
.exploreRelated .sortingResultHeader .sortingBar a.sortIndex0,
.exploreTags .sortingResultHeader .sortingBar a.sortIndex0,
.explorePeopleAlsoLiked .sortingResultHeader .sortingBar a.sortIndex0 { background-position: 0px -66px; }
.searchVideos .sortingResultHeader .sortingBar a.sortIndex1, 
.exploreRecommend .sortingResultHeader .sortingBar a.sortIndex1, 
.exploreRelated .sortingResultHeader .sortingBar a.sortIndex1,
.exploreTags .sortingResultHeader .sortingBar a.sortIndex1,
.explorePeopleAlsoLiked .sortingResultHeader .sortingBar a.sortIndex1 { background-position: -110px -66px; }
.searchVideos .sortingResultHeader .sortingBar a.sortIndex2, 
.exploreRecommend .sortingResultHeader .sortingBar a.sortIndex2,
.exploreRelated .sortingResultHeader .sortingBar a.sortIndex2,
.exploreTags .sortingResultHeader .sortingBar a.sortIndex2,
.explorePeopleAlsoLiked .sortingResultHeader .sortingBar a.sortIndex2 { background-position: -221px -66px; }
.searchVideos .sortingResultHeader .sortingBar a.sortIndex3, 
.exploreRecommend .sortingResultHeader .sortingBar a.sortIndex3,
.exploreRelated .sortingResultHeader .sortingBar a.sortIndex3,
.exploreTags .sortingResultHeader .sortingBar a.sortIndex3,
.explorePeopleAlsoLiked .sortingResultHeader .sortingBar a.sortIndex3 { background-position: -332px -66px; }
.searchVideos .sortingResultHeader .sortingBar a.sortIndex4, 
.exploreRecommend .sortingResultHeader .sortingBar a.sortIndex4,
.exploreRelated .sortingResultHeader .sortingBar a.sortIndex4,
.exploreTags .sortingResultHeader .sortingBar a.sortIndex4,
.explorePeopleAlsoLiked .sortingResultHeader .sortingBar a.sortIndex4 { background-position: -443px -66px; }
.searchVideos .sortingResultHeader .sortingBar a.sortIndex5, 
.exploreRecommend .sortingResultHeader .sortingBar a.sortIndex5,
.exploreRelated .sortingResultHeader .sortingBar a.sortIndex5,
.exploreTags .sortingResultHeader .sortingBar a.sortIndex5,
.explorePeopleAlsoLiked .sortingResultHeader .sortingBar a.sortIndex5 { background-position: -554px -66px; }

.searchVideos .sortingResultHeader .sortingBar a:hover.sortIndex0, 
.searchVideos .sortingResultHeader .sortingBar a.selectedSortIndex0, 
.exploreRecommend .sortingResultHeader .sortingBar a:hover.sortIndex0, 
.exploreRecommend .sortingResultHeader .sortingBar a.selectedSortIndex0,
.exploreRelated .sortingResultHeader .sortingBar a:hover.sortIndex0, 
.exploreRelated .sortingResultHeader .sortingBar a.selectedSortIndex0,
.exploreTags .sortingResultHeader .sortingBar a:hover.sortIndex0, 
.exploreTags .sortingResultHeader .sortingBar a.selectedSortIndex0,
.explorePeopleAlsoLiked .sortingResultHeader .sortingBar a:hover.sortIndex0, 
.explorePeopleAlsoLiked .sortingResultHeader .sortingBar a.selectedSortIndex0 { background-position: 0px -44px; }
.searchVideos .sortingResultHeader .sortingBar a:hover.sortIndex1, 
.searchVideos .sortingResultHeader .sortingBar a.selectedSortIndex1, 
.exploreRecommend .sortingResultHeader .sortingBar a:hover.sortIndex1, 
.exploreRecommend .sortingResultHeader .sortingBar a.selectedSortIndex1,
.exploreRelated .sortingResultHeader .sortingBar a:hover.sortIndex1, 
.exploreRelated .sortingResultHeader .sortingBar a.selectedSortIndex1,
.exploreTags .sortingResultHeader .sortingBar a:hover.sortIndex1, 
.exploreTags .sortingResultHeader .sortingBar a.selectedSortIndex1,
.explorePeopleAlsoLiked .sortingResultHeader .sortingBar a:hover.sortIndex1, 
.explorePeopleAlsoLiked .sortingResultHeader .sortingBar a.selectedSortIndex1 { background-position: -110px -44px; }
.searchVideos .sortingResultHeader .sortingBar a:hover.sortIndex2, 
.searchVideos .sortingResultHeader .sortingBar a.selectedSortIndex2, 
.exploreRecommend .sortingResultHeader .sortingBar a:hover.sortIndex2, 
.exploreRecommend .sortingResultHeader .sortingBar a.selectedSortIndex2,
.exploreRelated .sortingResultHeader .sortingBar a:hover.sortIndex2, 
.exploreRelated .sortingResultHeader .sortingBar a.selectedSortIndex2,
.exploreTags .sortingResultHeader .sortingBar a:hover.sortIndex2, 
.exploreTags .sortingResultHeader .sortingBar a.selectedSortIndex2,
.explorePeopleAlsoLiked .sortingResultHeader .sortingBar a:hover.sortIndex2, 
.explorePeopleAlsoLiked .sortingResultHeader .sortingBar a.selectedSortIndex2 { background-position: -221px -44px; }
.searchVideos .sortingResultHeader .sortingBar a:hover.sortIndex3, 
.searchVideos .sortingResultHeader .sortingBar a.selectedSortIndex3, 
.exploreRecommend .sortingResultHeader .sortingBar a:hover.sortIndex3, 
.exploreRecommend .sortingResultHeader .sortingBar a.selectedSortIndex3,
.exploreRelated .sortingResultHeader .sortingBar a:hover.sortIndex3, 
.exploreRelated .sortingResultHeader .sortingBar a.selectedSortIndex3,
.exploreTags .sortingResultHeader .sortingBar a:hover.sortIndex3, 
.exploreTags .sortingResultHeader .sortingBar a.selectedSortIndex3,
.explorePeopleAlsoLiked .sortingResultHeader .sortingBar a:hover.sortIndex3, 
.explorePeopleAlsoLiked .sortingResultHeader .sortingBar a.selectedSortIndex3 { background-position: -332px -44px; }
.searchVideos .sortingResultHeader .sortingBar a:hover.sortIndex4, 
.searchVideos .sortingResultHeader .sortingBar a.selectedSortIndex4, 
.exploreRecommend .sortingResultHeader .sortingBar a:hover.sortIndex4, 
.exploreRecommend .sortingResultHeader .sortingBar a.selectedSortIndex4,
.exploreRelated .sortingResultHeader .sortingBar a:hover.sortIndex4, 
.exploreRelated .sortingResultHeader .sortingBar a.selectedSortIndex4,
.exploreTags .sortingResultHeader .sortingBar a:hover.sortIndex4, 
.exploreTags .sortingResultHeader .sortingBar a.selectedSortIndex4,
.explorePeopleAlsoLiked .sortingResultHeader .sortingBar a:hover.sortIndex4, 
.explorePeopleAlsoLiked .sortingResultHeader .sortingBar a.selectedSortIndex4 { background-position: -443px -44px; }
.searchVideos .sortingResultHeader .sortingBar a:hover.sortIndex5, 
.searchVideos .sortingResultHeader .sortingBar a.selectedSortIndex5, 
.exploreRecommend .sortingResultHeader .sortingBar a:hover.sortIndex5, 
.exploreRecommend .sortingResultHeader .sortingBar a.selectedSortIndex5,
.exploreRelated .sortingResultHeader .sortingBar a:hover.sortIndex5, 
.exploreRelated .sortingResultHeader .sortingBar a.selectedSortIndex5,
.exploreTags .sortingResultHeader .sortingBar a:hover.sortIndex5, 
.exploreTags .sortingResultHeader .sortingBar a.selectedSortIndex5,
.explorePeopleAlsoLiked .sortingResultHeader .sortingBar a:hover.sortIndex5, 
.explorePeopleAlsoLiked .sortingResultHeader .sortingBar a.selectedSortIndex5  { background-position: -554px -44px; }


/* Hot Sort Bar */
.exploreHot .sortingResultHeader .sortingBar a.sortIndex0 { background-position: 0px -22px; }
.exploreHot .sortingResultHeader .sortingBar a.sortIndex1 { background-position: -110px -22px; }
.exploreHot .sortingResultHeader .sortingBar a.sortIndex2 { background-position: -332px -110px; }
.exploreHot .sortingResultHeader .sortingBar a.sortIndex3 { background-position: -332px -22px; }
.exploreHot .sortingResultHeader .sortingBar a.sortIndex4 { background-position: -443px -22px; }
.exploreHot .sortingResultHeader .sortingBar a.sortIndex5 { background-position: -554px -22px; }

.exploreHot .sortingResultHeader .sortingBar a:hover.sortIndex0, .exploreHot .sortingResultHeader .sortingBar a.selectedSortIndex0 { background-position: 0px 0px; }
.exploreHot .sortingResultHeader .sortingBar a:hover.sortIndex1, .exploreHot .sortingResultHeader .sortingBar a.selectedSortIndex1 { background-position: -110px 0px; }
.exploreHot .sortingResultHeader .sortingBar a:hover.sortIndex2, .exploreHot .sortingResultHeader .sortingBar a.selectedSortIndex2 { background-position: -332px -88px; }
.exploreHot .sortingResultHeader .sortingBar a:hover.sortIndex3, .exploreHot .sortingResultHeader .sortingBar a.selectedSortIndex3 { background-position: -332px 0px; }
.exploreHot .sortingResultHeader .sortingBar a:hover.sortIndex4, .exploreHot .sortingResultHeader .sortingBar a.selectedSortIndex4 { background-position: -443px 0px; }
.exploreHot .sortingResultHeader .sortingBar a:hover.sortIndex5, .exploreHot .sortingResultHeader .sortingBar a.selectedSortIndex5 { background-position: -554px 0px; }
/* End Sorting And Paging */

/* Conversation Summary */
.conversationSummary { position:relative; margin-top: 10px; font-size: 14px; padding: 3px 0px 10px 0px; border-bottom: 1px solid #808080; z-index: 6; zoom: 1; }
.conversationSummary.bottomMode { border-bottom: 0px; border-top: 1px solid #808080; padding-top: 10px; margin-top: 0px; z-index: 5; top: -1px; }
.conversationSummary .left { float: left; width: auto; margin-right: 10px; font-size: 16px; }
.conversationSummary .right { float: right; width: auto; margin-left: 10px; }
.conversationSummary .right a { font-size: 11px; color: #808080; line-height: 18px; }
.conversationSummary .right a:hover { color: #398FC0; }
.conversationSummary input { font-size: 11px; }
/* End Conversation Summary */

/* Roll-Over Drop-Downs */
.selectList { position: absolute; height: 14px; width: 200px; top: 0px; left: 0px; z-index: 6; text-align: left; font-size: 12px; }
.selectList div, .selectList span { position: relative; top: 0px; float: left; padding: 0Spx; }
.selectList div { cursor: default; }
.selectList span a { text-decoration: none; display: none; color: #4D4D4D; zoom: 1; }
.selectList span a:hover { color: #F61914; text-decoration: none; }
.selectList span a.selected { display: block; text-decoration: none; color: #F61914; }
.selectList span:hover, .selectList span.hover { border: 1px solid #808080; background-color: #FFFFFF; padding: 2px; }
.selectList span:hover a, .selectList span.hover a { display: block; }
.selectList.sortBy { left: 0px; }
.selectList.showPerPage { left: 420px; }
.playlistMode .selectList.showPerPage { left:630px; }
.showPerPage span a.selected { color: #398FC0; } /* 4D4D4D */

/* Overrides for Search Results */
.searchMode .sapCenter .selectList, .exploreList .sapCenter .selectList { width: 120px; float: right; left: 0px; }
.expandedBottomMode { border-bottom: 0px; }
.expandedBottomMode .sapCenter { height: 30px; }

.expandedBottomMode .sapCenter .combinedControlLeft { position: relative; float: left; font-size: 12px; text-align: left; }
.expandedBottomMode .sapCenter .combinedControlLeft .resultSummary { padding-bottom: 5px; }
.expandedBottomMode .sapCenter .combinedControlLeft .widgetLink { white-space: nowrap; }
.expandedBottomMode .sapCenter .combinedControlLeft .widgetLink a { position: relative; line-height: 12px; text-decoration: none; }

.expandedBottomMode .sapCenter .combinedControl { position: relative; width: 150px; height: 30px; float: right; padding-right: 2px; text-align: right; }
.expandedBottomMode .sapCenter .combinedControl .selectList { position: absolute; width: auto; float: none; left: 0px; }
.expandedBottomMode .sapCenter .combinedControl .selectList span a.selected { color: #398FC0; }
.expandedBottomMode .sapCenter .combinedControl .showPerPage { top: 0px; z-index: 3; }
.expandedBottomMode .sapCenter .combinedControl .sortBy { width: 148px; }
.expandedBottomMode .sapCenter .combinedControl .sortBy, .expandedBottomMode .sapCenter .combinedControlLeft .widgetLink { top: 20px; z-index: 2; }

.expandedBottomMode .blogStyle a { position: relative; text-decoration: none; font-size: 16px; margin-top: 5px; }
.expandedBottomMode .blogStyle a:hover { text-decoration: underline; }
.expandedBottomMode .blogStyle a .arrow { display: block; width: 10px; height: 14px; overflow: hidden; background-image: url(/images/page_button_arrows.gif); background-repeat: no-repeat; }
.expandedBottomMode .blogStyle .older, .expandedBottomMode .blogStyle .older .arrow { float: left; }
.expandedBottomMode .blogStyle .newer, .expandedBottomMode .blogStyle .newer .arrow { float: right; }
.expandedBottomMode .blogStyle .older .arrow { margin: 3px 5px 0px 10px; background-position: 0px 0px; }
.expandedBottomMode .blogStyle .newer .arrow { margin: 3px 10px 0px 5px; background-position: -10px 0px; }
.expandedBottomMode .blogStyle a.older:hover .arrow { background-position: 0px -14px; }
.expandedBottomMode .blogStyle a.newer:hover .arrow { background-position: -10px -14px; }
/* End Roll-Over Drop-Downs */

/* Video/User/Playlist Controls */
.video, .user, .playlist, .message, .article { font-size: 12px; margin-top: 5px; color: #4D4D4D; }
.video .left, .user .left, .playlist .left, .message .left, .message .middle, .article .left { float: left; }
.user .right, .playlist .right, .message .right { float: right; position: relative; padding-bottom: 15px; border-bottom: 1px solid #808080; }
.video, .article { position: relative; border-bottom: dashed 1px #C6C6C6; padding-bottom: 10px; zoom: 1; }
.lastItem { border-bottom: 0px; }
.video .left { width: 102px; float: left; padding-bottom: 3px; }
.video .right { width: 135px; float: right; padding-left: 3px; padding-top: 0px; }

.user .left { width: 65px; }
.user .right { width: 474px; }
.playlist .left { width: 202px; padding: 10px 0px 10px 0px; }
.playlist .right { width: 542px; }
.message .left { width: 65px; }
.message .middle { width: 100px; margin: 10px; overflow: hidden; }
.message .right { width: 344px; padding-right: 10px; min-height: 80px; padding-bottom: 10px; }

.user h2, .playlist h2, .message h2, .article h2 { font-size: 14pt; font-weight: normal; margin: 2px 0px 5px 0px; padding: 0px 100px 0px 0px; }
.video h2 strong, .user h2 strong, .playlist h2 strong, .article h2 strong { border-bottom: 1px solid #398FC0; }
.video p strong, .user p strong, .playlist p strong, .article p strong { color: #000000; }

.user .location { margin-top: -3px; margin-bottom: 10px; font-size: 14px; }


.video .timeAndGrade { position: relative; top: 0px; left: 0px; width: 92px; line-height: 20px; margin: 5px; font-size: 12px; color: #000000; vertical-align: middle; cursor: default; }
.video .userGradedHigher { color: #5B8C1E; }
.video .userGradedLower { color: #F61914; }
.video .communityGraded { color: #B3B3B3; font-weight: normal; }
.video .videoStats { width: 135px; overflow: hidden; padding-top: 2px; }
.video .videoInfo { padding-left: 112px; padding-top: 3px; }
.video .videoInfo h2 { line-height: 19px; font-size: 12pt; margin: 0px 0px 5px 0px; padding: 0px; }
.video .videoInfo h2 a { text-decoration: none; font-family: century gothic, arial, sans-serif; color: #006AAA; }
.video .videoInfo h2 a:hover { text-decoration: underline; }
.video .videoProperty, .user .userProperty { float: left; width: 100px; overflow: visible; white-space: nowrap; }
.video .videoProperty span, .user .userProperty span { font-size: 11px; }
.video .videoProperty span.label, .user .userProperty span.label { color: #808080; }

.article .left { width: 120px; float: left; padding-bottom: 3px; }
.article .right { width: 135px; float: right; padding-left: 3px; padding-top: 0px; }
.article .timeAndGrade { position: relative; top: 0px; left: 0px; width: 92px; line-height: 20px; margin: 5px; font-size: 12px; color: #000000; vertical-align: middle; cursor: default; }
.article .userGradedHigher { color: #5B8C1E; }
.article .userGradedLower { color: #F61914; }
.article .communityGraded { color: #B3B3B3; font-weight: normal; }
.article .articleStats { width: 135px; overflow: hidden; padding-top: 2px; }
.article .articleInfo { padding-left: 112px; padding-top: 3px; }
.article .articleInfo h2 { line-height: 19px; font-size: 12pt; margin: 0px 0px 5px 0px; padding: 0px; }
.article .articleInfo h2 a { text-decoration: none; font-family: century gothic, arial, sans-serif; color: #006AAA; }
.article .articleInfo h2 a:hover { text-decoration: underline; }
.article .articleProperty, .user .userProperty { float: left; width: 100px; overflow: visible; white-space: nowrap; }
.article .articleProperty span, .user .userProperty span { font-size: 11px; }
.article .articleProperty span.label, .user .userProperty span.label { color: #808080; }

.articleThumbnail { background-color: #FFFFFF; margin: 5px; overflow: visible; position: relative; }
.articleThumbnail a { text-decoration: none; display: block; overflow: hidden; }
.articleThumbnail a img { border: 1px solid #CCCCCC; }
.articleThumbnail, .articleThumbnail a { width: 110px; height: 70px; }
.articleThumbnail a img { width: 88px; height: 68px; }
.articleThumbnail a span { position: absolute; top: 0px; left: 0px; display: block; width: 110px; height: 70px; z-index: 2; background-image: url(/images/article_icon_hover.png); background-repeat: no-repeat; background-position: 0px 0px; cursor: pointer; }
.articleThumbnail a:hover span { background-position: 0px -70px; }
.articleThumbnail a span.txtLeftIcon, .articleThumbnail a:hover span.txtLeftIcon { display: none; width: 30px; height: 17px; position: absolute; left: 0px; top: 55px; z-index: 3; background-image: url(/images/18plus.png); background-repeat: no-repeat; background-position: 0px 0px; }
.articleThumbnail a span.over18, .articleThumbnail a:hover span.over18 { display: block; background-position: 0px 0px; }
.articleThumbnail a span.articleIcon { background-image: url(/images/article_icon.gif); width: 21px; left: 89px; }

.matureContent { color: #F61914; font-size: 10px; text-align: center; }

.timeAndGrade .gradeRight { float: right; width: 16px; text-align: right; font-weight: bold; color: #000000; }#006AAA
.timeAndGrade .userGraded { color: #5B8C1E; }
.timeAndGrade .userGradedHigher { color: #5B8C1E; }
.timeAndGrade .userGradedLower { color: #F61914; }
.timeAndGrade .timeLeft { float: left; text-align: left; }
.timeAndGrade .hotDelta { display: none; position: absolute; padding-left: 13px; left: 38px; width: 23px; background-image: url(/images/hot_barometer.gif); }
.timeAndGrade .deltaUp { display: block; background-position: 0px 0px; color: #F61914; }
.timeAndGrade .deltaDown { display: block; background-position: -103px 0px; color: #1A9EBF; }
.timeAndGrade .communityGraded { display: block; background-image: none; color: #B3B3B3; font-weight: normal; padding-left: 8px; }
.timeAndGrade .recommendVote { position: relative; display: block; background-image: none; color: #808080; font-weight: normal; left: -15px; top: 0px; width: auto; line-height: 15px; text-align: center; font-size: 10px; white-space: nowrap; }
.timeAndGrade .recommendVote a { color: #398FC0; text-decoration: none; }
.timeAndGrade .recommendVote a:hover { color: #BB2220; text-decoration: underline; }
.timeAndGrade .recommendVote a.votetrue:hover { color: #398FC0; }
.timeAndGrade .videoGrade { display: block; position: relative; width: 18px; height: 15px; background-image: url(/images/vide_grades_small.png); background-repeat: no-repeat; zoom: 1; padding: 0px; margin-top: 3px; }
.timeAndGrade .communityVideoGrade { float: right; left: 0px; margin-right: 15px; } 

.playlist .left .playlistThumbnail { border: 1px solid #808080; }
.playlist h2 { margin-top: 10px; }
.playlist p { height: 114px; }
.playlist p span { color: #808080; }
.playlist .playlistInfo { float: right; width: 150px; margin: 10px 0px 0px 10px; padding: 0px 0px 5px 10px; border-left: 1px solid #B3B3B3; color: #B3B3B3; font-size: 11px; line-height: 12px; }
.playlist .playlistInfo img { float: left; margin: 5px 10px 10px 0px; border: 1px solid #808080; }
.playlist .playlistInfo div, .playlist .playlistInfo span { color: #808080; font-weight: bold; }
.playlist .playlistInfo div.playlistPrivateLink { margin-top: 5px; font-weight: normal; }
.playlist .playlistInfo div.playlistPrivateLink a { padding-left: 10px; }
.actionPlaylistPublic { padding-left: 12px; background: url(/images/arrow_tip.gif) no-repeat -125px center;}
.playlist .playlistSubscriptionLink { float: left; }
.playlist .playlistDeleteLink { float: right; }

.playlist.playlistHeader { padding: 0px; margin: 0px 0px 10px 0px; }
.playlist.playlistHeader .left { padding: 0px; margin: 0px; width: 200px; }
.playlist.playlistHeader .right { padding: 0px; margin: 0px; border: 0px; width: 773px; }
.playlistHeader h1 { padding: 5px 0px 0px 0px; margin: 0px; height: 35px; font-size: 28px; text-decoration: none; padding-left: 30px; color: #ffffff; font-weight: bold; overflow: hidden; }
.playlist .playlistSummary { height: 150px; overflow: hidden; }
.playlist .playlistSummary .left .playlistThumbnail { border: 0px; }
.playlist.playlistHeader p { font-size: 14px; margin: 10px 180px 10px 20px; height: 108px; color: #4D4D4D; }
.playlist.playlistHeader .playlistSubscriptionLink { margin-left: 20px; }
p#videoDescription { font-size: 14px; padding: 0px 10px; color: #4D4D4D; }

.playlistsTip { margin-top: 10px; padding: 10px; border: 1px solid #808080; background-color: #F5F5F5; color: #4D4D4D; }
.playlistsTip h4 { margin: 0px 0px 5px 0px; font-size: 15px; }
.playlistsTip p { margin: 0px; font-size: 12px; }

.reminder { margin-top: 10px; padding: 10px; border: 1px solid #808080; background-color: #F5F5F5; color: #4D4D4D; }
.reminder h4 { margin: 0px 0px 5px 0px; font-size: 15px; }
.reminder p { margin: 0px; font-size: 12px; }

.videoThumbnail, .userThumbnail { padding: 3px; border: 1px solid #B3B3B3; background-color: #FFFFFF; margin: 5px; overflow: visible; position: relative; }
.videoThumbnail a, .userThumbnail a { text-decoration: none; display: block; overflow: hidden; }
.videoThumbnail a img, .userThumbnail a img { border: 1px solid #808080; }
.videoThumbnail, .videoThumbnail a { width: 90px; height: 70px; }
.videoThumbnail a img { width: 88px; height: 68px; }
.videoThumbnail a span { position: absolute; top: 4px; left: 4px; display: block; width: 88px; height: 68px; z-index: 2; background-image: url(/images/thumb_play_button.png); background-repeat: no-repeat; background-position: 0px 0px; cursor: pointer; }
.videoThumbnail a:hover span { background-position: -90px 0px; }
.videoThumbnail a span.vidIcon { display: none; width: 22px; height: 22px; position: absolute; left:77px;  /*73px;*/ top:58px; /*50px;*/ z-index: 3; background-image:url(/images/video_state_corner_icons.png); background-repeat: no-repeat; }
.videoThumbnail a span.fresh, .videoThumbnail a:hover span.fresh { display: block; background-position: 0px -73px; }
.videoThumbnail a span.hoc, .videoThumbnail a:hover span.hoc { display: block; background-position: 0px -48px; }
.videoThumbnail a span.gem, .videoThumbnail a:hover span.gem { display: block; background-position: 0px -24px; }
.videoThumbnail a span.recommend, .videoThumbnail a:hover span.recommend { display: block; background-position: 0px -123px; }
.videoThumbnail a span.hot, .videoThumbnail a:hover span.hot { display: block; background-position: 0px -147px; }
.videoThumbnail a span.rerun, .videoThumbnail a:hover span.rerun { display: block; background-position: 0px 0px; }
.videoThumbnail a span.fav, .videoThumbnail a:hover span.fav { display: block; background-position: 0px -98px; }
.videoThumbnail a span.vidLeftIcon, .videoThumbnail a:hover span.vidLeftIcon { display: none; width: 30px; height: 17px; position: absolute; left: 0px; top: 59px; z-index: 3; background-image: url(/images/18plus.png); background-repeat: no-repeat; background-position: 0px 0px; }
.videoThumbnail a span.over18, .videoThumbnail a:hover span.over18 { display: block; background-position: 0px 0px; }
.userThumbnail, .userThumbnail a { width: 53px; height: 70px; }
.userThumbnail a img { width: 51px; height: 68px; }
.playlistThumbnail { width: 200px; height: 150px; overflow: hidden; position: relative; }
.playlistThumbnail a { text-decoration: none; zoom: 1; }
.playlistThumbnail img { display: block; float: left; }
.playlistThumbnail a span { display: none; width: 100%; position: absolute; top: 60px; left: 0px; padding: 10px 0px; background-color: #ffffff; text-decoration: underline; cursor: pointer; text-align: center; z-index: 3; opacity: 0.9; -moz-opacity: 0.9; }
.playlistThumbnail a:hover span { display: block; }
.playlist .left .playlistThumbnail a span, .relatedPlaylist .playlistThumbnail a span, .playlistMode .content .playlistImages a span, .playlistModeExpandedMode .content .playlistImages a span { display: none; width: 58px; height: 58px; position: absolute; top: 21px; left: 71px; padding: 0px; cursor: pointer; background-image:url(/images/rollover_play_button.png); }
.playlist .left .playlistThumbnail a:hover span, .relatedPlaylist .playlistThumbnail a:hover span, .playlistMode .content .playlistImages a:hover span, .playlistModeExpandedMode .content .playlistImages a:hover span { display: block; }
.playlist .left .playlistThumbnail a span, .relatedPlaylist .playlistThumbnail a span { top: 45px; background-color: transparent; }
.playlist .left .playlistThumbnail a span { opacity: 1; -moz-opacity: 1; }
/* End Video/User/Playlist Controls */

/* Mini Profile */
.miniProfile { background-color: #FFFFFF; font-size: 12px; color: #4D4D4D; height: 254px; position: relative; overflow: hidden; }
.miniProfile .welcomeNote { font-size: 15px; padding-bottom: 5px; }
.miniProfile h2 { font-weight: normal; margin: 10px 0px 5px 0px; font-size: 14px; }
.miniProfile ul { margin-top: 0px; margin-bottom: 0px; font-size: 14px; color: #808080; }
.miniProfile .profileInfo { padding: 10px 10px 10px 157px; }
.miniProfile .profileInfo h1 { margin: 0px; font-weight: normal; font-size: 20px; color: #000000; } 
.miniProfile .profileInfo img { position: absolute; width: 135px; height: 180px; top: 0px; left: 0px; background: #696969 url(/images/progress_star_dark.gif) no-repeat center center; }
.miniProfile .profileInfo .location { margin: -2px 0px 10px 0px; font-size: 15px; }
.miniProfile .profileInfo .pLabel { float: left; color: #808080; }
.miniProfile .profileInfo .pValue { padding-left: 100px; }
.miniProfile .profileStats { position: absolute; left: 0px; top: 200px; color: #E2E2E1; width: 100%; font-size: 11px; text-align: center; cursor: default; }
.miniProfile .profileStats .statsRow { background-color: #0E85CD; margin-bottom: 3px; height: 16px; line-height: 15px; }
.miniProfile .profileStats .statsRow a { color: #F5F5F5; cursor: pointer; }
.miniProfile .profileStats .statsRow strong { margin-right: 5px; color: #FFFFFF; }
.miniProfile .profileControls { position: absolute; left: 0px; top: 183px; width: 100%; font-size: 10px; line-height: 13px; }
.miniProfile .profileControls .right { float: right; margin-right: 10px; }
.miniProfile .profileControls .left { float: left; margin-left: 6px; }
.miniProfile .profileControls .mailLink { padding-left: 17px; background: url(/images/icon_message_status.gif) no-repeat 0px -2px; }
.miniProfile .profileControls .loginLink, .miniProfile .profileControls .signupLink { float: left; display: block; font-size: 18px; color: #000000; margin: 24px 0px 0px 40px; width: 100px; border: 1px solid #C79828; background-color: #FFD266; padding: 5px 20px; text-align: center; }
.miniProfile .profileControls .loginLink:hover, .miniProfile .profileControls .signupLink:hover { color: #398FC0; background-color: #ffffff; border: 1px solid #808080; }
.miniProfile .profileControls .loginLink {}
.miniProfile .profileControls .signupLink {}
.profileNotification { width: 158px; margin-top: 6px; line-height: 24px; background-color: #FFD266; border: 1px solid #C79828; text-align: center; font-size: 14px; }
.profileNotification a { color: #000000; }
.profileNotification a:hover { color: #398FC0; }
/* End Mini Profile */

/* Video Embed */
.videoView { font-size: 13px; color: #666666; }
h1.videoTitle { height: 28px; padding-top: 8px; background-color: #F5F5F5; font-size: 17px; text-align: center; margin: 0px -10px 10px -10px; overflow: hidden; }
.videoEmbed, .launchExternal, .videoMature { text-align: center; padding-top: 6px; }
.videoEmbed .embedTag, .launchExternal .launchFrame { margin: 0px auto; text-align: center; background-color: #000000;  }
.videoEmbed .embedTag object, .videoEmbed .embedTag embed { margin: 0px auto 0px auto; }
.matureNote { border-left: 4px solid #ED241F; border-right: 4px solid #ED241F; background-color: #000000; color: #808080; text-align: left; padding: 40px 20px 60px 20px; }
.matureNote h3 { margin: 0px 0px 40px 0px; font-size: 28px; font-weight: normal; color:#D4D4D4; }
.matureNote div { margin-top: 20px; }
/*a.launchImage { background: url(/images/launch_external.jpg) no-repeat center bottom; position: relative; height: 288px; display: block; font-size: 16px; }
a.launchImage img { position: absolute; top: 174px; left: 80px; width: 25px; height: 19px; text-decoration: none; }
a.launchImage:hover img { left: 208px; top: 116px; width: 122px; height: 92px; }*/
/*a.launchImage:hover, a.launchImage:hover em { font-weight: bold; }*/
.launchExternalVid { padding: 30px; background-color: #262626; }
.launchExternalVid a { display: block; position: relative; overflow: hidden; padding-top: 180px; height: 82px; margin: 0px auto 0px auto; color: #969696; text-decoration: none; }
.launchExternalVid a span { display: block; position: absolute; top: 56px; left: 174px; width: 120px; height: 120px; background-image: url(/images/bigplay.png); background-repeat: no-repeat; background-position: 0px 0px; cursor: pointer; }
.launchExternalVid a:hover span { background-position: 0px -116px; }
.videoNav { text-align: center; margin-top: 10px; }
.videoNav a.prev { float: left; padding-left: 15px; margin-left: 10px; background: url(/images/button_previous_page_gray.gif) no-repeat left bottom; }
.videoNav a.next { float: right; padding-right: 15px; margin-right: 10px; background: url(/images/button_next_page_gray.gif) no-repeat right bottom; }
.videoNav a.prev, .videoNav a.next { color: #000000; font-size: 15px; text-decoration: none; }
.videoNav a.prev:hover, .videoNav a.next:hover { text-decoration: underline; }

.sequence { margin: 10px; cursor: default; text-decoration: none; }
.sequence a { text-decoration: none; }
.sequence span, .sequence a span { position: relative; display: block; width: 68px; height: 22px; margin: 3px; float: left; color: #8C8C8C; font-size: 11px; font-weight: bold; line-height: 22px; text-decoration: none; text-align: center; background-image: url(/images/video_parts.gif); background-position: 0px 1px; }
.sequence span { cursor: default; }
.sequence a span { background-position: 0px -47px; cursor: pointer; }
.sequence a:hover span { color: #164979; background-position: 0px -23px; }
.sequence span.selected { color: #FFFFFF; }
/*.sequence a, .sequence strong { padding: 2px 3px; background-color: #B3B3B3; color: #ffffff; text-decoration: none; font-size: 12px; margin-bottom: 10px; }
.sequence a { cursor: pointer; }
.sequence a:hover, .sequence strong { background-color: #F61914; }*/
.originalVideoLink { text-align: center; font-size: 12px; margin-top: 10px; }
.videoView .recommendVote { padding: 0px 10px 10px 10px; text-align: center; }
.videoView .recommendVote strong { color: #FF9607; }
.videoView .recommendVote a { color: #398FC0; text-decoration: none; }
.videoView .recommendVote a:hover { color: #BB2220; text-decoration: underline; }
.videoView .recommendVote a.votetrue:hover { color: #398FC0;  }
/* End Video Embed */

/* Video Parts */
.simpleVideoParts { height: 26px; line-height: 26px; font-size: 11px; color: #696969; }
.simpleVideoParts strong { color: #000000; }
.simpleVideoParts .status { float: left; width: auto; padding-left: 10px; cursor: default; }
.simpleVideoParts .parts { float: right; width: 364px; padding-right: 6px; }
.simpleVideoParts .parts a, .simpleVideoParts .parts span { float: left; display: block; width: 26px; height: 26px; text-align: center; }
.simpleVideoParts .parts a:hover, .simpleVideoParts .parts span.selected { color: #FFFFFF; background-color: #1EA5ED; text-decoration: none; }
.simpleVideoParts .parts .prev .icon, .simpleVideoParts .parts .next .icon { background-image: url(/images/arrows12.gif); width: 12px; height: 12px; margin-top: 7px; background-repeat: no-repeat; }
.simpleVideoParts .parts .prev .icon { background-position: 0px 0px; margin-left: 6px; }
.simpleVideoParts .parts a.prev:hover .icon { background-position: 0px -12px; }
.simpleVideoParts .parts .prevDisabled .icon { background-position: 0px -24px; }
.simpleVideoParts .parts .next .icon { background-position: -12px 0px; margin-left: 8px; }
.simpleVideoParts .parts a.next:hover .icon { background-position: -12px -12px; }
.simpleVideoParts .parts .nextDisabled .icon { background-position: -12px -24px; }
/* End Video Parts */

/* Tabs (not TaGs) */
.tab { position: relative; zoom: 1; }
.tab .hideTab { float: right; color: #1A9EBF; padding-top: 3px; font-size: 12px; text-decoration: underline; outline: none; margin-top: 11px; }
.tab .tabTitle { position: relative; display: block; width: 96px; height: 22px; top: 1px; float: left; margin: 10px 3px 0px 3px; font-size: 12px; line-height: 22px; text-align: center; background-image: url(/images/page_tabs_sm.gif); background-position: 0px -23px; }
.tab .active { background-position: 0px 0px; font-weight: bold; cursor: default; } 
.tab .active a { cursor: default; }
.tab .tabTitle a { display: block; color: #000000; text-decoration: none; outline: none; cursor: pointer; }
.tab .tabTitle a span { cursor: pointer; }
.tab .tabContent { padding-top: 5px; background: url(/images/ramp_light_blue.gif) repeat-x top; border-top: solid 1px #D0D0D0; }

/* End Tabs */

/* Tags */
.videoTags { padding: 0px 10px 5px 10px; font-size: 13px; }
.videoTags .tagList { font-weight: bold; padding: 0px; margin: 0px; }
.videoTags .label { float: left; }
.videoTags .tag { font-weight: normal; border-right: 1px solid #D9D9D9; padding: 0px 8px 0px 7px; font-size: 12px; line-height: 17px; height: 16px; float: left; display: block; position: relative; width: auto; overflow: hidden; }
.videoTags .last { border-right: 0px; }
.videoTags a { color: #398FC0; text-decoration: none; }
.videoTags a:hover { text-decoration: underline; }
.videoTags .tag .tagVote { display: none; width: 35px; height: 16px; }
.videoTags .showVoting { padding-right: 42px; }
.videoTags .showVoting .tagVote { display: block; }
.videoTags .tag .tagVote a { background-image: url(/images/vote_up_down.gif); display: block; height: 16px; background-repeat: no-repeat; position: absolute; top: 1px; }
.videoTags .tag .tagVote a.voteUp { background-position: 0px 0px; width: 18px; right: 27px; }
.videoTags .tag .tagVote a.voteUp:hover { background-position: 0px -18px; }
.videoTags .tag .tagVote a.voteUpDisabled { background-position: 0px -36px; width: 18px; right: 27px; }
.videoTags .tag .tagVote a.voteDown { background-position: -18px 0px; width: 17px; right: 10px; }
.videoTags .tag .tagVote a.voteDown:hover { background-position: -18px -18px; }
.videoTags .tag .tagVote a.voteDownDisabled { background-position: -18px -36px; width: 17px; right: 10px; }
/* End Tags */

/* Container */
.container { margin-top: 10px; }
.container .containerTop { color: #ffffff; height: 20px; padding: 5px 20px 0px 10px; font-size: 11px; cursor: pointer; overflow: hidden; background-image: url(/images/container_arrow.gif); background-repeat: no-repeat; overflow: hidden; text-align: left; }
.container .containerTop h2 { margin: 0px; text-transform: uppercase; font-size: 16px; line-height: 14px; }
.container .containerTop a { display: none; }
.container .containerContents { padding: 10px; color: #000000; font-size: 13px; background-color: #F5F5F5; border-right: 1px solid #808080; border-left: 1px solid #808080; border-bottom: 1px solid #808080; position: relative; }
.container.closed .containerTop { background-color: #B3B3B3; background-position: right -5px; }
.container.closed .containerContents { display: none; }
.container.closed .containerTop a { display: inline; float: right; font-size: 13px; margin: 0px 15px 0px 0px; }
.container .containerTop { background-position: right -59px; }
.container .containerTop, .container.closed:hover .containerTop, .container.closed.hover .containerTop {  background-color: #808080; }
.container.closed:hover .containerTop a, .container.closed.hover .containerTop a { color: #ffffff; }
a.removeFromPlaylist { display: block; color: #ffffff; height: 20px; padding: 5px 20px 0px 10px; margin-top: 10px; text-transform: uppercase; font-size: 16px; line-height: 14px; cursor: pointer; overflow: hidden; background-image: url(/images/container_arrow.gif); background-repeat: no-repeat; overflow: hidden; text-align: left; background-color: #8C5DA5; font-weight: bold; background-position: right -5px; text-decoration: none; }
a.removeFromPlaylist:hover { background-color: #6F348E; }
.addToPlaylist .container .containerTop { height: 20px; background-position: right -59px; }
.addToPlaylist .container.closed .containerTop { background-position: right -5px; }
.addToPlaylist .container .containerContents { padding: 0px; border-bottom: 0px; text-align: left; overflow: hidden; }
.addToPlaylist .container .containerContents a { display: block; text-indent: 10px; font-size: 11px; padding: 2px 0px; color: #000000; text-decoration: none; border-bottom: 1px solid #6F348E; }
.addToPlaylist .container .containerContents a:hover { background-color: #ffffff; color: #000000; font-weight: bold; background-image: url(/images/playlist_rollover.gif); background-position: right center; background-repeat: no-repeat; }

.addToPlaylist .container .containerContents { background-color: #F1EBF4; border-right: 1px solid #6F348E; border-left: 1px solid #6F348E; border-bottom: 1px solid #6F348E; }
.addToPlaylist .container.closed .containerTop { background-color: #8C5DA5; }
.addToPlaylist .container .containerTop, .addToPlaylist .container.closed:hover .containerTop, .addToPlaylist .container.closed.hover .containerTop {  background-color: #6F348E; }

.settingsHeader, .referralHeader { margin: 10px 0px; padding: 2px 10px; background-color: #1EA5ED; color: #ffffff; font-size: 15px; text-transform: uppercase; font-weight: normal; }
.settingsBox .formMessage { padding-top: 10px; }
#profileSettingsUserName { color: #000000; }
/* End Container */

/* Video Grader */
.gradeNote { text-align: right; font-size: 11px; color: #808080; position: relative; margin-bottom: -5px; }
.gradeNote span { float: left; color: #F61914; margin-bottom: -5px; position: relative; }
.videoGrader { overflow: hidden; margin: 0px -5px 0px -5px; padding: 0px 5px 0px 5px; }
.videoGrader div { float: left; width: 40px; padding: 15px 1px 0px 0px; position: relative; overflow: visible; }
.videoGrader div.cb { float: none; }
.videoGrader div.last { padding-right: 0px; }
.videoGrader div a { display: block; width: 100%; border-top: 10px solid #B3B3B3; text-align: center; color: #B3B3B3; text-decoration: none; font-size: 18px; padding-top: 2px; outline: 0px; cursor: pointer; }
.videoGrader div.communityGrade a { color: #4D4D4D; border-top: 10px solid #4D4D4D; }
.videoGrader div.userGrade { z-index: 2; }
.videoGrader div a:hover { color: #808080; border-top: 10px solid #808080; }
.videoGrader div.userGrade a, .videoGrader div.userGrade a:hover { color: #ffffff; font-weight: bold; position: absolute; top: 0px; left: -4px; z-index: 2; background: url(/images/user_graded.gif) no-repeat; width: 49px; height: 49px; line-height: 44px; font-size: 24px; border-top: 0px; cursor: default; }
.videoGrader div a:hover { color: #808080; border-top: 10px solid #808080; }
.videoGrader div a.inProgress, .videoGrader div a.inProgress:hover { border-top: 0px; padding-top: 11px; margin-top: 1px; background-image: url(/images/progress_bar.gif); background-repeat: repeat-x; }
/* End Video Grader */

/* Video Information */
.videoInformation .stat { margin-bottom: 5px; }
.videoInformation .label { color: #808080; }
.videoInformation .left { float: left; width: 246px; position: relative; }
.videoInformation .right { float: left; width: 286px; position: relative; }
.videoInformation .left .vidIcon { width: 90px; height: 78px; position: absolute; top: 0px; left: 130px; background-repeat: no-repeat; display: none; }
.videoInformation .left .fresh { display: block; background-image: url(/images/icon_fresh_large.gif); }
.videoInformation .left .recommend { display: block; background-image: url(/images/icon_recommend_large.gif); }
.videoInformation .left .hot { display: block; background-image: url(/images/icon_hot_large.gif); }
.videoInformation .left .rerun { display: block; background-image: url(/images/icon_rerun_large.gif); }
.videoInformation .left .fav { display: block; background-image: url(/images/icon_fav_large.gif); }
.videoInformation h1 { margin: 0px; font-weight: normal; font-size: 20px; text-transform: capitalize; }
.videoInformation .categoryLinks { display:block; font-size: 11px; margin: 5px 0px 10px 0px; }
.videoInformation p { margin-bottom: 5px; }
.videoInformation .bottom { text-align: right; line-height: 22px; font-size: 12px; }
.videoInformation .bottom .matureIcon { width: 48px; height: 24px; float: left; background-image: url(/images/icon_over18.gif); }
.videoInformation .bottom .formatIcon { width: 32px; height: 32px; float: left; margin-top: -10px; overflow: visible; white-space: nowrap; position: relative; }
.videoInformation .bottom .formatIcon a { text-decoration: none; text-indent: 38px; font-size: 11px; }
.videoInformation .bottom .formatIcon a span { display: none; position: relative; top: -10px; left: 5px; }
.videoInformation .bottom .formatIcon a:hover span { display: inline; }
.videoInformation .right .rightActions { float: right; width: 160px; }
.videoInformation .right .leftActions { float: left; width: 120px; border-right: 1px dashed #B3B3B3; padding-right: 5px; }
.videoInformation .right a { position: relative; display: block; text-align: right; padding-right: 23px; margin-bottom: 5px; height: 20px; line-height: 19px; color: #808080; text-decoration: none; background-image: url(/images/video_actions_icons.gif); background-repeat: no-repeat; }
.videoInformation .right a:hover { color: #000000; text-decoration: underline; }
.videoInformation .right a.actionSuggest { background-position: right 0px; }
.videoInformation .right a.actionReportMature { background-position: right -20px; }
.videoInformation .right a.actionReportBroken { background-position: right -40px; }
.videoInformation .right a.actionAddFav { background-position: right -60px; }
.videoInformation .right a.actionRemoveFav { background-position: right -80px; }
.videoInformation .right a.actionEmail { background-position: right -100px; }
.videoInformation .right a.actionComment { background-position: right -120px; }
.videoInformation .right a.actionReportFake { background-position: right -140px; }
.videoActions { margin: 0px auto 0px auto; width: 495px; padding-bottom: 10px; }
.videoActions a.actionEmail, .videoActions a.actionAddFav, .videoActions a.actionRemoveFav { display: block; position: relative; z-index: 3; height: 22px; padding-left: 30px; margin-right: 10px; border: 1px solid #ffffff; float: left; color: #000000; text-decoration: none; font-size: 15px; line-height: 21px; border-right: 1px solid #B3B3B3; background-position: 0px 0px; background-repeat: no-repeat; }
.videoActions a.actionEmail:hover, .videoActions a.actionAddFav:hover, .videoActions a.actionRemoveFav:hover { text-decoration: underline; }
.videoActions a.actionEmail { width: 50px; background-image:url(/images/icon_email.gif); background-position: 0px 1px; }
.videoActions a.actionAddFav, .videoActions a.actionRemoveFav { padding-left: 37px; width: 73px; background-position: 7px 0px; background-image: url(/images/icon_favorite.gif); }
.videoActions a.actionRemoveFav { background-position: 0px -21px; padding-left: 25px; width: 85px; }
.videoActions .diggIt { float: left; padding-top: 4px; width: 100px; height: 19px; margin-left: -18px; }
.bookMarkIcons { height: 23px; line-height: 22px; float: right; width: 188px; border-left: 1px solid #B3B3B3; position: relative; z-index: 3; }
.bookMarkIcons a { display: block; float: right; width: 20px; height: 21px; padding: 0px; border: 1px solid #B3B3B3; margin-left: 3px; background-image: url(/images/bookmark_icons_color.gif); background-repeat: no-repeat; }
.bookMarkIcons a:hover { background-color: #ffffff; border: 1px solid #4D4D4D; }
.bookMarkIcons a.bkDelicious { background-position: -20px 0px; }
.bookMarkIcons a.bkDigg { background-position: -40px 0px; }
.bookMarkIcons a.bkReddit { background-position: -80px 0px; }
.bookMarkIcons a.bkStumble { background-position: -60px 0px; }
.bookMarkIcons a.bkFacebook { background-position: -100px 0px; }
.bookMarkIcons a.bkYahoo { background-position: 0px 0px; }
.bookMarkIcons a.bkBlinklist { background-position: -140px 0px; }
.bookMarkIcons a.bkFurl { background-position: -120px 0px; }

.smallVideoInfo { text-align: left; padding: 0px 10px 0px 10px; }
.smallVideoInfo h1 { margin: 0px; padding-bottom: 5px; font-size: 15px; }
.smallVideoInfo p { font-size: 13px; color: #4D4D4D; }
/* End Video Information */

/* Comments */
.videoComments, .articleComments { margin-top: 6px; font-size: 10px; }
.commentsList { border-bottom: 2px solid #FFFFFF; margin-bottom: 6px; }
.comment { font-size: 11px; color: #3D3D3D; display: block; position: relative; padding: 0px; zoom: 1; }
.comment a { outline: none; }
.bodySay { position: absolute; display: block; width: 10px; height: 20px; left: -10px; top: 10px; background-image: url(/images/comment_arrow_f5.gif); z-index: 5; overflow: hidden; }
.bodySayUpSm { position: absolute; display: block; width: 12px; height: 6px; left: 10px; top: -6px; background-image: url(/images/comment_arrow_up2_f5.gif); z-index: 5; overflow: hidden; }
.shaded .bodySay { background-image: url(/images/comment_arrow_e6.gif); }
.shaded .bodySayUpSm { background-image: url(/images/comment_arrow_up2_e6.gif); }
.commentUserIcon { display: block; width: 29px; height: 41px; padding: 3px; background-color: #FFFFFF; overflow: hidden; float: left; position: relative; }
.commentUserIcon img { display: block; width: 29px; height: 41px; background: #696969 url(/images/progress_star_dark.gif) no-repeat center center; }
.userCommentBody { display: block; margin-left: 48px; position: relative; }
.commentMainSection { position: relative; display: block; text-align: left; }
.commentHeader { display: block; height: 20px; font-size: 12px; }
.commentHeader .timeStamp { color: #808080; margin-left: 5px; font-size: 10px; }
.commentBody { position: relative; min-height: 10px; padding: 0px 4px 0px 6px; }
.commentBody span { display: block; white-space: normal; overflow: hidden; word-wrap: break-word; }
.commentBody .commentReplyText { position: relative; display: block; width: 99%; height: 44px; border: solid 1px #D2D2D2; }
.commentBody span, .commentBody textarea { font-family: arial,sans-serif; font-size: 12px; line-height: 1.4em; color: #4D4D4D; }
.commentFooter { display: block; }
.commentFooter .submitComment {  }
.comment .replyEdit { padding-top: 2px; position: relative; zoom: 1; }
.commentReplyButton { margin-right: 20px; margin: 6px 7px 0px 0px; position: relative; text-align: right; zoom: 1; }
.commentBad { opacity: 0.6; -moz-opacity: 0.6 }
.commentGood .commentBody { font-weight: bold; }

.commentVotes { display: block; width: 80px; height: 20px; float: right; }
.commentVotes span, .commentVotes div { height: 20px; float: right; }
.commentVotes span { padding-left: 8px; }
.comment .commentVotes div { width: 40px; visibility: hidden; }
.comment:hover .commentVotes div, .comment.hover .commentVotes div { visibility: visible; }
.commentVotes div a { margin-left: 2px; }
/*.commentVotes a { position: relative; display: block; width: 18px; height: 17px; background-image: url(/images/comment_up_down.png); outline: none; }
.commentVotes a.buttonUp { background-position: 0px 0px; float: right; }
.commentVotes a.buttonDown { background-position: -18px 0px; float: right; }*/
.commentVotes .commentScore { font-weight: bold; color: gray; cursor: default; padding: 0px; text-align: right; width: 24px; font-size: 12px; }
.commentVotes .commentScorePositive { color: #6FB21A; }
.commentVotes .commentScoreNegative { color: #D42F2E; }
.userCommentScore { color: #8CC653; font-size: 11px; font-style: italic; cursor: default; }
.ucsNegative { color: #969696; font-size: 10px; top: auto; }
.ucsGood { color: #49A514; }
.ucsGreat { color: #49A514; font-weight: bold; font-size: 12px; }
a.ucsGood, a.ucsGreat { color: #0E85CD; }
/* End Comments */

/* Widget Builder */
#widgetBuilderHolder, .widgetLoading  { position: relative; display: block; overflow: hidden; }
#widgetBuilderHolder { display: none; width: 774px; }
.widgetBuilder { position: relative; display: block; text-align: left; font-size: 9pt; left: 0px; top: 0px; }
.inputFrameCode, .inputTitle { border: solid 1px #ACACAC; }

.widgetLoading { width: 100%; height: 50px; left: 0px; top: 0px; background-image: url(/images/progress_star.gif); background-position: center center; background-repeat: no-repeat; z-index: 50; }

.widgetHead { height: 30px; margin-top: 17px; }
.widgetHead div { float: left; }
.widgetDescription { position: relative; display: block; left: 0px; top: 0px; width: 764px; }
.widgetHelpSection { position: relative; display: none; width: 112px; height: 45px; line-height: 45px; left: 0px; top: 0px; vertical-align: bottom; text-align: right; }
.widgetHelpSection .widgetHelpLink { text-decoration: none; outline: none; }

.hb .overAll a.toggleWidgetLink { position: relative; display: block; width: 80px; height: 40px; left: 0px; top: 0px; text-decoration: none; outline: none; font-size: 13px; line-height: 40px; text-align: right; }
.hb .overAll a.toggleWidgetLink:hover { background-color: Transparent; }
.hb .overAll a.toggleWidgetLink img { position: relative; top: 1px; padding: 0px 5px 0px 10px; }

/* Widget Bubble */
.widgetHeaderBar, .widgetHeaderBar .overAll, .widgetHeaderBar .toggleWidgetLink { overflow: visible; } /* NOTE: This needs to be deleted when the bubble is removed!!! */
.toggleWidgetLink .widgetBubble { display: block; background-image: url(/images/video_count_tip.png); position: absolute; top: -28px; right: 38px; font-size: 20px; font-weight: normal; color: #FFFFFF; width: 106px; height: 43px; z-index: 15; line-height: 34px; text-align: center; }

.stepSection .stepMain, .stepSection .stepMain .stepBody, .stepSection .stepMain .stepBody .twoByTwo, .stepBody .twoByTwo .lineBlock, .stepMain .embedTop, .stepMain .embedMiddle, .stepMain .embedBottom { display: block; width: 718px; }

.stepSection { position: relative; display: block; left: 0px; top: 0px; margin-top: 10px; }
.stepSection .stepIcon { display: block; width: 30px; height: 31px; left: 0px; top: 0px; float: left; background-image: url(/images/step_numbers.gif); background-repeat: no-repeat; }
.stepSection .stepMain { left: 0px; top: 0px; margin-left: 46px; }
.stepSection .stepMain .stepTitle { height: 31px; left: 0px; top: 0px; line-height: 31px; vertical-align: middle; }
.stepSection .stepMain .stepTitle h3 { margin: 0px; padding: 0px; font-size: 12pt; }

.stepSection .stepMain .stepBody h4 { margin: 7px 0px 7px 0px; }
.stepSection .stepMain .stepBody .twoByTwo { height: 60px; }
.stepSection .stepMain .stepBody .twoByTwo .lineBlock { height: 30px; line-height: 20px; }

.lineBlock .left, .lineBlock .right { display: block; width: 355px; float: left; }

.lineTitle, .lineTitleLong, .sourceTitle { float: left; font-weight: bold; }
.lineTitle { width: 40px; }
.lineTitleLong { width: 105px; }

.stepBody .iFrameBackground { display: none; border: 0px; background-color: #E8E8E8; overflow: visible; }
.stepBody .iFrameBackground .widgetIFrame { border: 0px; background-color: #E8E8E8; }

.stepSection .stepMain .embedTop { height: 19px; background-image: url(/images/embed_top.gif); }
.stepSection .stepMain .embedMiddle { background-image: url(/images/embed_bg.gif); background-repeat: repeat-y; }
.stepSection .stepMain .embedBottom { height: 19px; background-image: url(/images/embed_bottom.gif); }
.stepSection .stepMain .embedTitle { height: 25px; line-height: 25px; }
.stepSection .stepMain .embedMiddle h3 { height: 20px; line-height: 12pt; vertical-align: middle; padding-left: 15px; }
.stepSection .stepMain .embedMiddle .stepBody, .stepMain .embedMiddle h3 { width: 688px; padding-left: 15px; margin: 0px; }
.stepSection .stepMain .embedTop h3 { text-indent: 15px; }

#sctSource { width: 195px; }
#sctSize { width: 275px; }
#sctColor { width: 150px; }
#txtWidgetTitle { width: 270px; height: 16px; vertical-align: middle; }

.privateItem { color: #828282; font-style: italic; }

.iFrameSource .inputFrameCode { width: 686px; }
.widgetDoneButton { display: block; text-align: right; }
.widgetDoneButton .doneButton { width: 60px; }

/* Step specific */
.stepSection .step1 { background-position: 0px 0px; }
.stepSection .step2 { background-position: 0px -32px; }
.stepSection .step3 { background-position: 0px -64px; }
.stepSection .step4 { background-position: 0px -95px; margin-top: 12px; }
/* End Widget Builder */


/* Sidebar Install */
.left624 .sidebarDetails { margin-top: 20px; }
.left624 .sidebarDetails .sidebarScreen { width: 201px; left: 0px; top: 0px; float: left; }
.left624 .sidebarDetails .sidebarFeatures { width: 403px; margin-left: 10px; float: right; }
.left624 .sidebarDetails .sidebarFeatures .featuresHeader { display: block; width: 156px; height: 23px; left: 0px; top: 0px; background-image: url(/images/sidebar_features_header.gif); }
.left624 .sidebarDetails .sidebarFeatures .featuresBody { font-size: 12px; }

.installSection { position: relative; background-color: #F5F5F5; }

.right330 .installTop { position: relative; height: 114px; background-image: url(/images/install_top.gif); background-position: center top; background-repeat: no-repeat; }
.right330 .installTop span { position: relative; margin-left: 14px; font-size: 30px; color: #6D6D6D; }

.widgetBuilder .installTop { background-image: url(/images/widget_install_top.png); }

.right330 .installBody { position: relative; display: block; }

.right330 .installBody .installStepSection { position: relative; display: block; margin-top: 15px; zoom: 1; }
.right330 .installBody .installStepSection .stepBody { position: relative; width: 256px; float: right; margin-right: 20px; }
.right330 .installBody .installStepSection .stepBody h3 { position: relative; line-height: 31px; margin: 0px; padding: 0px; }
.right330 .installBody .installStepSection .stepBody span { position: relative; font-size: 12px; }

a.downloadExtensionGray, a.downloadExtension { display: block; width: 232px; height: 32px; overflow: hidden; outline: none; background-position: 0px 0px; }
a.downloadExtensionGray:hover, a.downloadExtension:hover { background-position: 0px -31px; }
a.downloadExtensionGray { background-image: url(/images/download_btn_gray.gif); }
a.downloadExtension { background-image: url(/images/download_btn.gif); }

.right330 .installBody .stepNumber { position: relative; display: block; position: relative; width: 30px; height: 31px; left: 0px; top: 0px; margin-left: 14px; float: left; background-image: url(/images/step_numbers_gray_bg.gif?v=1); background-repeat: no-repeat; }
.right330 .installBody .step1 { background-position: 0px 0px; }
.right330 .installBody .step2 { background-position: 0px -32px; }
.right330 .installBody .step3 { background-position: 0px -64px; }
.right330 .installBody .step4 { background-position: 0px -96px; }

.right330 .installBottom { background-image: url(/images/install_bottom.gif); background-position: center bottom; background-repeat: no-repeat; }

.sidebarInstallH1 { line-height: 35px; height: 35px; }
/* End Sidebar Install */ 

/* Sidebar Download Promt */
.sidebarDownload { position: relative; }
.sidebarDownload .sdHeader { display: block; height: 34px; padding-top: 10px; text-align: left; padding-left: 60px; background-image: url(/images/sidebar/ff_addon_icon.gif); background-position: 9px center; background-repeat: no-repeat; }
.sidebarDownload .sbBody { display: block; font-size: 13px; text-align: left; padding: 1px 40px 0px 60px; }
.sidebarDownload a.sdLearnMore, .sidebarDownload a.sdSkipButton, .sidebarDownload a.sdButton { position: absolute; font-size: 13px; }
.sidebarDownload a.sdLearnMore, .sidebarDownload a.sdSkipButton { top: 117px; text-decoration: none; }
.sidebarDownload a.sdLearnMore:hover, .sidebarDownload a.sdSkipButton:hover { text-decoration: underline; }
.sidebarDownload a.sdLearnMore { left: 170px; }
.sidebarDownload a.sdSkipButton { left: 261px; }
.sidebarDownload a.sdButton { left: 350px; top: 108px; display: block; width: 152px; height: 40px; background-image: url(/images/sidebar/ff_download_btn.gif); background-position: 0px 0px; background-repeat: no-repeat; overflow: hidden; }
.sidebarDownload a.sdButton:hover { display: block; background-position: 0px -41px; }
/* End Sidebar Download Promt */

/* Promo Client Categories/Subcategories */
#promoClientSaving, #promoClientSuccess { display: none; position: relative; }
#promoClientSaving { height: 30px; background-image: url(/images/progress_star.gif); background-position: center center; background-repeat: no-repeat; }

.promoPartnerList, .promoPartnerLink { position: relative; display: block; overflow: hidden; background-color: #F5F5F5; }
.promoPartnerLink { padding: 6px; font-size: 11px; color: #4D4D4D; }
/* End Promo Client Categories/Subcategories */

/* Referral */
.referralInfo { font-size: 14px; }
.referralInfo h3 { margin-bottom: 0px; }
/* End Referral */

/* Submit */
.submitContents { padding: 130px 0px; }
.submitContents .sh { margin-bottom: 10px; }
.submitContents a { display: block; padding: 15px 0px; text-align: center; font-size: 13pt; }
.submitContents a:hover { color: #FFFFFF; background-color: #1EA5ED; text-decoration: none; }

.submitLink .stepNumber { float: left; width: 48px; height: 48px; line-height: 50px; color: #ffffff; text-align: center; font-size: 34px; font-weight: bold; background-image: url(/images/gray_circle.gif); background-repeat: no-repeat; overflow: hidden; cursor: default; }
.submitLink h1 { line-height: 50px; text-indent: 20px; font-size: 18px; }
.submitLink .formFrame { border: 1px solid #808080; background-color: #F5F5F5; padding: 20px; color: #4D4D4D; font-size: 14px; }
.submitLink .linkField { width: 315px; }
.submitLink .buttons { margin-top: 10px; text-align: right; }
.submitLink .foundVideo { text-align: center; padding: 10px; margin-bottom: 20px; font-size: 15px; border: 1px solid #B3B3B3; }
.submitLink .submitError { display: block; border: 1px solid red; color: red; background-color: #FFEEEE; margin-bottom: 20px; padding: 5px 20px; font-size: 14px; }

.infoBubble { background-color: #EAF4DA; font-size: 14px; margin: 20px 0px; } 
.infoBubble .top, .infoBubble .bottom { height: 20px; width: 100%; background-image: url(/images/corners_green.gif); background-repeat: no-repeat; padding: 0px; margin: 0px; }
.infoBubble .top { background-position: 0px 0px; }
.infoBubble .bottom { background-position: 0px -20px; }
.infoBubble .middle { border-left: 1px solid #8FCA23; border-right: 1px solid #8FCA23; padding: 0px 20px;}
.infoBubble h3 { margin: 0px; text-transform: uppercase; font-size: 14px; }
.infoBubble h4 { margin: 0px; padding: 40px 0px; font-size: 16px; font-weight: bold; text-transform: none; text-align: center; }
.infoBubble ul li { margin-top: 15px;}
.infoBubble ul { margin-top: 0px; margin-bottom: 0px; }
/* End Submit */

/* Partner Links */
.partnerLink { color: #808080; display: block; margin-top: 10px; font-size: 11px; }
.partnerLink img { float: left; margin-right: 10px; }
.partnerLink a { color: #398FC0; display: block; }
/* End Partner Links */

/* Live Activity Events */
.leftLiveEvents { position: absolute; top: 720px; left: 0px; padding: 10px; width: 140px; }
.liveEventList { position: relative; display: block; }
.sh .liveEventList { background-color: #FFFFFF; }
.liveEventList .eventList { position: relative; display: block; height: 530px; text-align: left; overflow: hidden; padding-top: 6px; text-align: center; }
.liveEvent { position: relative; width: 122px; height: 100px; margin: 0px auto 6px auto; overflow: hidden; background-color: #FFFFFF; }
.liveEvent .timeStamp { position: absolute; right: 20px; top: 49px; font-size: 9px; color: #969696; text-align: right; }
.liveEvent .eventImage { display: block; font-size: 9px; height: 16px; z-index: 2; padding: 32px 0px 0px 62px; color: #FFFFFF; background-color: #3F3F3F; background-repeat: no-repeat; background-position: 85px 9px; }
.liveEvent .eventImage img { position: absolute; top: 0px; left: 0px; display: block; width: 62px; height: 48px; background: #696969; color: #4D4D4D; overflow: hidden; }
.liveEvent a { display: block; position: absolute; top: 0px; left: 0px; z-index: 3; text-align: left; font-size: 10px; line-height: 1.15em; }
.liveEvent a span { display: block; width: 116px; height: 35px; padding: 65px 3px 0px 3px; cursor: pointer; }
.liveEvent a:hover { text-decoration: none; }
.liveEvent .typeIconUTS { top: 48px; left: 0px; right: auto; width: 120px; opacity: 1; -moz-opacity: 1; }
.liveEvent:hover .typeIconUTS { background-color: #1EA5ED; }
.liveEvent:hover .timeStamp { color: #F5F5F5; }
.eJoin .eventImage { padding: 52px 0px 0px 51px; }
.eJoin .eventImage img { width: 51px; height: 68px; }
.eJoin a { height: 28px; padding: 72px 3px 0px 3px; }

.eJoin .eventImage { background-image: url(/images/le_join.gif); background-position: 78px 11px; }
.eComment .eventImage { background-image: url(/images/le_comment.gif); }
.eFavorite .eventImage { background-image: url(/images/le_favorite.gif); }
.eGrade .eventImage { background-image: url(/images/le_grade.gif); }
.eView .eventImage { background-image: url(/images/le_view.gif); }

.liveEventList .eventListFooter { position: relative; height: 24px; font-size: 12px; line-height: 24px; text-align: center; }
.liveEventList .eventListFooter span { position: relative; top: 1px; background-color: #FFFFFF; padding-right: 3px; font-weight: bold; }
.liveEventList .eventListFooter span a { text-decoration: none; outline: none; }
/* End Live Activity Events */

/* Wonder Weekly Entry List */
/*
.wonderWeeklyEntry { display: block; position: relative; overflow: hidden; margin-bottom: 0px; border-bottom: 1px dotted #C9C9C9; zoom: 1; }
.wonderWeeklyEntry a { outline: none; text-decoration: none; }
.wonderWeeklyEntry .listItem { position: relative; top: -25px; zoom: 1; }
.wonderWeeklyEntry a:hover { text-decoration: underline; }
.wonderWeeklyEntry h2 { margin: 10px 0px 0px 0px; font-weight: normal; zoom: 1; }
.wonderWeeklyEntry h2 a { position: relative; }
.wonderWeeklyEntry h2 a.entryTitle { font-size: 18pt; color: #217061; }
.wonderWeeklyEntry .infoBits { position: relative; margin: 0px 0px 10px 0px; border-bottom: 1px solid #B4B4B4; zoom: 1; }
.wonderWeeklyEntry .infoBits a.commentCount { font-size: 14px; line-height: 24px; float: right; margin-right: 10px; }
.wonderWeeklyEntry .infoBits .datePosted { font-size: 14px; line-height: 24px; color: #808080; } 
.wonderWeeklyEntry a.entryImage { display: block; position: relative; width: 434px; float: left; margin-right: 10px; padding: 3px; border: 1px solid #4D4D4D; }
.wonderWeeklyEntry a.entryImage img { display: block; width: 434px; height: 202px; }
.wonderWeeklyEntry a span.playIcon { position: absolute; display: none; width: 120px; height: 120px; left: 148px; top: 45px; background-image: url(/images/bigplay.png); background-position: 0px 0px; overflow: hidden; }
.wonderWeeklyEntry a:hover span.playIcon { display: block; cursor: pointer; background-position: 0px -120px; }
.wonderWeeklyEntry .entryDescription { display: block; color: #4D4D4D; font-size: 10pt; line-height: 1.5em; margin: 0px; padding-right: 10px; word-wrap: break-word; }
.wonderWeeklyEntry a.readMore { font-size: 16px; line-height: 24px; margin-top: 0px; margin-right: 10px; float: right; text-align: right; }
.wonderWeeklyEntry a .arrow { display: block; float: right; width: 10px; height: 14px; margin: 5px 0 0 5px; overflow: hidden; background-image: url(/images/page_button_arrows.gif); background-position: -10px 0px; background-repeat: no-repeat; }
.wonderWeeklyEntry a:hover .arrow { background-position: -10px -14px; }
.wonderWeeklyEntryList .last { border: 0px; margin: 0; padding-bottom: 10px; }

.wonderWeeklyEntryCompact a.entryImage { width: 200px; }
.wonderWeeklyEntryCompact a.entryImage img { width: 200px; height: 113px; }
.wonderWeeklyEntryCompact .entryDescription { font-size: 10pt; line-height: 1.5em; }
.wonderWeeklyEntryCompact a span.playIcon { left: 44px; top: 4px; }*/
/* End Wonder Weekly Entry List */

/* Border Color */
.headbar .colorStandard, .colorStandard .showB { border-color: #1EA5ED; }
.headbar .colorFresh, .colorFresh .showB { border-color: #86ED1F; }
.headbar .colorHot, .colorHot .showB { border-color: #EF241F; } /*ED241F FE0A4D*/
.headbar .colorRecommend, .colorRecommend .showB { border-color: #FA7AFA; } /*ED1FED*/
.headbar .colorHOC, .colorHOC .showB { border-color: #EFEA38; } /*EDAA1F*/
.headbar .colorGems, .colorGems .showB { border-color: #A568E1; } /*AF1FED*/
.headbar .colorHome, .colorHome .showB { border-color: #1EA5ED; }
.headbar .colorBrowse, .colorBrowse .showB { border-color: #1EA5ED; }
.headbar .colorWonderlist, .colorWonderlist .showB { border-color: #6C1FED; }
.headbar .colorRelated, .colorRelated .showB { border-color: #1EA5ED; }
.headbar .colorPeopleAlsoLiked, .colorPeopleAlsoLiked .showB { border-color: #1F5CED; }
.headbar .colorCreator, .colorCreator .showB { border-color: #ED6C1F; }
.headbar .colorTopic, .colorTopic .showB { border-color: #1EA5ED; }
.headbar .colorFeatured, .colorFeatured .showB { border-color: #1EA5ED; } /*FDA95C EDD91F*/
.headbar .colorWW, .colorWW .showB, .wwPage .contentHeader { border-color: #0E85CD; } /*#02D7CC*/ /*1FEDC4*/
.headbar .colorRerun, .colorRerun .showB { border-color: #696969; }
.headbar .colorFavorite, .colorFavorite .showB { border-color: #ED1FED; }
.headbar .colorContent, .colorContent .showB { border-top: 2px solid #1EA5ED; border-bottom-width: 0px;  font-size: 18px; line-height: 22px; letter-spacing: -0.04em; height: 26px; color: #FFFFFF; background-color: #0E85CD; }
.headbar .colorContent i { color: #FFFFFF; }
/* End Border Color */

/* H1 Heading Color */
.hi .headbar h1 { border-color: #0E85CD; }
.hi .headbar h1.colorFresh { border-color: #86ED1F; }
.hi .headbar h1.colorHot { border-color: #EF241F; }
.hi .headbar h1.colorRecommend { border-color: #FA7AFA; }
.hi .headbar h1.colorHOC { border-color: #EFEA38; }
.hi .headbar h1.colorGems { border-color: #A568E1; }
.hi .headbar h1.colorWW { border-color: #0E85CD; }
.hi .headbar h1.colorCreator { border-color: #ED6C1F; }
.mid492 .hi .headbar h1  { border-color: #1EA5ED; }
/* End H1 Color */

/* Image Strip */
.imageStrip665 { width: 665px; height: 57px; overflow: hidden; cursor: default; margin-top: -4px; margin-bottom: 5px; border-bottom: 2px solid #6CB017; }
.imageStrip665 a { cursor: default; text-decoration: none; }
.imageStrip665 img { width: 73px; height: 56px; margin: 0px 1px 0px 0px; padding: 0px; display: block; float: left; overflow: hidden; }
.imageStrip665 img.last { margin: 0px; }
/* End Image Strip */
/* End Browse Section Heading */

/* Category Refine Drop Down */
.refineCategoryDropDown { padding: 15px 0px 15px 10px; color: #4D4D4D; }
.narrowDropDown { font-size: 14px; padding-bottom: 10px; }
.narrowDropDown select { float: right; font-size: 13px; }

.dropDownRelevantCategories { font-size: 14px; }
/* End Category Refine Drop Down */

/* Article Voting */
.articleVoteBar { position: relative; height: 70px; overflow: hidden; }
.articleVoteBar .pleaseVote, .articleVoteBar .votedUp, .articleVoteBar .votedDown, .articleVoteBar .doneVoting { position: absolute; top: 0px; left: 0px; width: 914px; height: 50px; padding: 10px 10px 10px 20px; font-family: century gothic, arial, sans-serif; font-size: 20px; font-weight: bold; color: #4D4D4D; cursor: default; }
.articleVoteBar .votedUp, .articleVoteBar .votedDown, .articleVoteBar .doneVoting { display: none; }
.articleVoteBar .doneVotingShow { display: block; }
.articleVoteBar span { display: block; height: 50px; float: left; line-height: 50px; overflow: hidden; }
.articleVoteBar span.le, .articleVoteBar span.re  { display: block; width: 10px; height: 70px; position: absolute; top: 0px; left: 0px; float: none; }
.articleVoteBar span.re { left: auto; right: 0px; background-position: -10px 0px; }
.articleVoteBar .voteUp, .articleVoteBar .voteDown { display: block; width: 40px; height: 49px; background-image: url(/images/thumb_updown_big.gif); overflow: hidden; background-repeat: no-repeat; float: left; margin-right: 10px; margin-top: 1px; }
.articleVoteBar .voteDown { background-position: -40px 0px; }
.articleVoteBar a.voteUp:hover { background-position: 0px -49px; cursor: pointer; }
.articleVoteBar a.voteDown:hover { background-position: -40px -49px; cursor: pointer; }
.articleVoteBar .large { padding-left: 20px; font-size: 40px; }
.articleVoteBar .doneVoting .large { padding-left: 10px; }
.articleVoteBar .medium { line-height: 25px; width: 850px; }
.articleVoteBar .small { font-size: 14px; margin-right: 10px; }
.articleVoteBar .tiny { float: none; margin-top: 10px; display: inline; line-height: 12px; position: relative; top: 6px; }
.articleVoteBar .right { float: right; width: 320px; font-size: 10px; font-weight: normal; color: #666666; font-family: arial, sans-serif; }
.articleVoteBar .dude { width: 22px; height: 40px; margin: 3px 8px 0px 10px; background-image: url(/images/wonderdude_shadow.gif); }
.articleVoteBar .gradeSelection { padding: 13px; }
.articleVoteBar .gradeSelection .userGradeLink { margin-left: 5px; float: left; }
.articleVoteBar .gradeSelection .userGradeLink a { display: block; width: 24px; height: 20px; background-image: url(/images/video_grades_big.png); background-repeat: no-repeat; }
.articleVoteBar .feedback { height: 25px; line-height: 25px; font-size: 11px; }
.articleVoteBar .feedback img { width: 16px; height: 16px; float: left; margin-top: 5px; background-color: gray; }
.articleVoteBar .feedback span { height: auto; display: inline; line-height: inherit; font-weight: normal; }
.articleVoteBar .feedback span.inputBubble { display: block; width: 400px; height: 19px; line-height: 19px; position: relative; overflow: hidden; margin: 3px 5px; }
.articleVoteBar .feedback span.inputBubble .left, .articleVoteBar .feedback span.inputBubble .right { display: block; height: 19px; position: absolute; top: 0px; background-image: url(/images/small_comment_bubble_edges.gif); background-repeat: no-repeat; }
.articleVoteBar .feedback span.inputBubble .left { left: 0px; width: 16px; background-position: 0px 0px; }
.articleVoteBar .feedback span.inputBubble .right { right: 0px; width: 5px; background-position: -17px 0px; }
.articleVoteBar .feedback span.inputBubble .middle { display: block; height: 17px; border-top: 1px solid rgb(143,143,143); border-bottom: 1px solid rgb(143,143,143); margin: 0px 5px 0px 16px;  }
.articleVoteBar .feedback span.inputBubble input { border: 0px; padding: 0px; width: 379px; height: 17px; margin: 1px 0px 0px 0px; line-height: 17px; }
.articleVoteBar .feedback span.submitButton { margin-top: 1px; }
.articleVoteBar .feedbackNote { font-size: 10px; font-weight: normal; color: #666666; font-family: arial, sans-serif; position: absolute; top: 40px; right: 0px; line-height: 16px; height: auto; }
.articleVoteBar .score { display: block; float: right; width: 67px; height: 44px; margin: 1px -29px; background-image: url(/images/vote_score_box.gif); color: #FFFFFF; font-size: 18px; line-height: 25px; text-align: center; padding-top: 4px; }
.articleVoteBar .score span { font-size: 10px; height: auto; line-height: normal; width: 100%; }
.articleVoteBar .share { font-size: 10px; position: absolute; top: 45px; right: 70px; line-height: normal; height: auto; }
.articleVoteBar .share strong { color: green; }
.articleVoteBar .share a { text-decoration: none; }
.articleVoteBar .share a:hover { text-decoration: underline; }
.articleVoteBar select { font-size: 7pt; width:170px; height: 69px; position: relative; top: -10px; }
.articleVoteBar .nextFromCategory { float: right; }

.bigGradeAp { background-position: 0px -20px; }
.bigGradeA { background-position: -24px -20px; }
.bigGradeAm { background-position: -48px -20px; }
.bigGradeBp { background-position: -72px -20px; }
.bigGradeB { background-position: -96px -20px; }
.bigGradeBm { background-position: -120px -20px; }
.bigGradeCp { background-position: -144px -20px; }
.bigGradeC { background-position: -168px -20px; }
.bigGradeCm { background-position: -192px -20px; }
.bigGradeDp { background-position: -216px -20px; }
.bigGradeD { background-position: -240px -20px; }
.bigGradeDm { background-position: -264px -20px; }
.bigGradeF { background-position:  -288px -20px; }

.gradeSelection .userGradeLink:hover .bigGradeAp, .gradeSelection .userGradeLink.hover .bigGradeAp, .userGrade .bigGradeAp { background-position: 0px 0px; }
.gradeSelection .userGradeLink:hover .bigGradeA, .gradeSelection .userGradeLink.hover .bigGradeA, .userGrade .bigGradeA { background-position: -24px 0px; }
.gradeSelection .userGradeLink:hover .bigGradeAm, .gradeSelection .userGradeLink.hover .bigGradeAm, .userGrade .bigGradeAm { background-position: -48px 0px; }
.gradeSelection .userGradeLink:hover .bigGradeBp, .gradeSelection .userGradeLink.hover .bigGradeBp, .userGrade .bigGradeBp { background-position: -72px 0px; }
.gradeSelection .userGradeLink:hover .bigGradeB, .gradeSelection .userGradeLink.hover .bigGradeB, .userGrade .bigGradeB { background-position: -96px 0px; }
.gradeSelection .userGradeLink:hover .bigGradeBm, .gradeSelection .userGradeLink.hover .bigGradeBm, .userGrade .bigGradeBm { background-position: -120px 0px; }
.gradeSelection .userGradeLink:hover .bigGradeCp, .gradeSelection .userGradeLink.hover .bigGradeCp, .userGrade .bigGradeCp { background-position: -144px 0px; }
.gradeSelection .userGradeLink:hover .bigGradeC, .gradeSelection .userGradeLink.hover .bigGradeC, .userGrade .bigGradeC { background-position: -168px 0px; }
.gradeSelection .userGradeLink:hover .bigGradeCm, .gradeSelection .userGradeLink.hover .bigGradeCm, .userGrade .bigGradeCm { background-position: -192px 0px; }
.gradeSelection .userGradeLink:hover .bigGradeDp, .gradeSelection .userGradeLink.hover .bigGradeDp, .userGrade .bigGradeDp { background-position: -216px 0px; }
.gradeSelection .userGradeLink:hover .bigGradeD, .gradeSelection .userGradeLink.hover .bigGradeD, .userGrade .bigGradeD { background-position: -240px 0px; }
.gradeSelection .userGradeLink:hover .bigGradeDm, .gradeSelection .userGradeLink.hover .bigGradeDm, .userGrade .bigGradeDm { background-position: -264px 0px; }
.gradeSelection .userGradeLink:hover .bigGradeF, .gradeSelection .userGradeLink.hover .bigGradeF, .userGrade .bigGradeF { background-position:  -288px 0px; }
/* End Article Voting */

/* Edit Related Content */
.editRelatedItems { height: 0px; overflow: hidden; }
.editRelatedItems .searchRelated { padding: 5px 0px; font-size: 8pt; }
.editRelatedItems .searchRelated input { border: 1px solid #7DDEFF; width: 475px; }
.editRelatedItems .searchRelated .paging { visibility: hidden; display: block; width: 62px; float: right; }
.editRelatedItems .searchRelated .paging .pageNum { width: 20px; text-align: right; margin: 0px 5px; }
.editRelatedItems .searchRelated .paging a { display: block; width: 15px; height: 15px; overflow: hidden; background-image: url(/images/page_arrs.gif); }
.editRelatedItems .searchRelated .paging a.prev { float: left; }
.editRelatedItems .searchRelated .paging a.next { float: right; background-position: -15px 0px; }
.editRelatedItems .relCtrlLinks { float: right; font-size: 11px; }
.editRelatedItems .searchResults { background-color: #CCCCCC; }
.editRelatedItems .searchResults a { font-size: 11px; height: 45px; overflow: hidden; }
.editRelatedItems .searchResults ul { margin: 0px; }
.editRelatedItems .searchResults ul li { margin: 0px 7px 6px; }
.editRelatedItems .searchResults ul li.added h3 { background-color: #F5F5F5; }
.drsh .items li .moveLinks { position: absolute; display: none; width: 88px; height: 68px; left: 3px; top: 7px; }
.editing .items li:hover .moveLinks { display: block; }
.drsh .items li .moveLinks a { display: block; height: 60px; width: 20px; padding: 0px; background-image: url(/images/mv_rel.png); overflow: hidden; }
.drsh .items li .moveLinks a.right { float: right; background-position: -40px 0px; }
.drsh .items li .moveLinks a.left { float: left; background-position: 0px 0px;  }
.drsh .items li .moveLinks a.remove { background-position: -20px 0px; margin: auto; }
.editRelatedItems .searchResults li .moveLinks, 
.editRelatedItems .searchResults li:hover .moveLinks { display: none; }
/* End Edit Related Content */

/* Find Friends */
.importFriends { padding-top: 15px; }
.importFriends .headbar a,
.importFriends .headbar a:hover { cursor: default; text-decoration: none; font-size: 8.5pt; }
.importFriends .messageArea { width: 215px; float: right; margin-right: 10px; font-size: 8pt; font-weight: bold; text-align: center; }
.importFriends .errorMsg { color: #DD0000; }
.importFriends .controls { display: block; position: relative; padding: 0 0 10px 45px; width: 370px; float: left; zoom: 1; }
.importFriends .controls div.inFld { text-align: right; margin-bottom: 10px; color: #4C4C4C; width: 370px }
.importFriends .controls div span { line-height: 20px; margin-right: 5px; font-weight: bold; font-size: 9pt; }
.importFriends .controls div input { border: 1px solid #8C8C8C; width: 250px; font-size: 9pt; padding: 2px; }
.importFriends .controls .message, .importFriends .controls .moreInfo { display: block; font-size: 7pt; margin: 0px; color: #666666; font-weight: normal; }
.importFriends .controls .moreInfo { display: none; text-align: left; }

#whtMembers, #newMemebers
{ display: none; }
#whtMembers { padding-top: 10px; }

#whtUsers { padding: 10px; position: relative; zoom: 1; }
#whtUsers .whtUser { width: 200px; margin-left: 10px; margin-bottom: 15px; display: block; float: left; overflow: hidden; }
#whtUsers .whtUser .box { height: 88px; }
#whtUsers img { float: left; padding: 10px; width: 51px; height: 68px; }
#whtUsers a.userName { display: block; width: 115px; height: 41px; margin-bottom: 5px; padding-top: 10px; padding-left: 4px; text-align: right; font-size: 9pt; word-wrap: break-word; overflow: hidden; }
#whtUsers .btnFR { margin-right: 10px; }

#newMemebers .newContents { padding: 10px }

.tableWrap { position: relative; height: 324px; border: 1px solid #939393; margin: 10px 0px; }
table.altTable { margin: 0px; height: 323px; display: block; zoom: 1; }
table.altTable thead tr { background-color: #C4C4C4; border-bottom: 1px solid #B2B2B2; }
table.altTable thead tr th { padding: 5px 0px; }
table.altTable thead tr th .friendEmail { border-right: 0px; }
table.altTable tr { display: block; width: 636px; clear: both; }
table.altTable tr td { display: block; overflow: hidden; word-wrap: break-word; float: left; height: 20px; line-height: 20px; }
table.altTable tbody { display: block; }
table.altTable tbody tr td { border: 1px solid #B2B2B2; border-top: 0px; border-left: 0px; font-size: 8pt; font-weight: bold; color: #3F3F3F; }
table.altTable .altRow td { background-color: #E3E3E3; }
table.altTable .checkAllTD { width: 51px; text-align: center; }
table.altTable .checkAllTD input { margin-top: 4px; }
table.altTable .friendName { width: 240px; padding-left: 5px; text-align: left; }
table.altTable .friendEmail { width: 315px; padding-left: 5px; text-align: left; }
table.altTable .scrollTable { height: 293px; overflow: -moz-scrollbars-vertical; overflow-y: scroll; overflow-x: hidden; }
table.altTable .scrollTable tr { height: 20px; }
/* End Find Friends */


/* Colors */
.colorUsers .menuList .selected li a,
.colorRecommend .menuList .selected li a,
.colorHOC .menuList .selected li a,
.colorFresh .menuList .selected li a,
.colorHot .menuList .selected li a,
.colorGems .menuList .selected li a,
.colorWW .menuList .selected li a,
.colorPlaylist .menuList .selected li a,
.colorWonderList .menuList .selected li a,
.colorWonderment .menuList .selected li a,
.colorBrowse .menuList .selected li a,
.colorHome .menuList .selected li a { background-color: #ffffff; }
.colorLiveEvent { color: #606B0E;} 
/* End Colors */

/* Standard Buttons */
.btnG, .btnGG, .btnR, .btnRR, .btnB, .btnBB { display: block; width: 60px; height: 20px; float: left; margin-right: 10px; overflow: visible; position: relative; font-family: arial, sans-serif; font-size: 12px; line-height: 20px; text-align: center; color: #FFFFFF; background: #202020; text-decoration: none; border: 1px solid #000000; zoom: 1; }
.btnG em, .btnGG em, .btnR em, .btnRR em, .btnB em, .btnBB em { display: block; padding: 0px 10px; height: 21px; cursor: pointer; font-style: normal; white-space: nowrap; position: relative; z-index: 2; border-bottom: 1px solid #C4C4C4; margin: 0px; background: transparent; color: inherit; overflow: hidden; font-family: arial, sans-serif; font-size: 11px; line-height: 20px; }
.btnG i, .btnGG i, .btnR i, .btnRR i, .btnB i, .btnBB i { width: 100%; height: 9px; position: absolute; top: 0px; left: 0px; background-color: #3F3F3F; border-top: 1px solid #4D4D4D; overflow: hidden; }

.btnGG, .btnG:hover { background: #49A514; text-decoration: none; border: 1px solid #098F03; } .btnGG i, .btnG:hover i { background: #6AB532; border-top: 1px solid #8CC653; }
.btnGG:hover { background: #6AB532; text-decoration: none; border: 1px solid #49A514; } .btnGG:hover i { background: #8CC653; }
.btnBB, .btnB:hover { background: #1EA5ED; text-decoration: none; border: 1px solid #0E85CD; } .btnBB i, .btnB:hover i { background: #00B4F3; border-top: 1px solid #5BD1F0; }
.btnBB:hover { background: #00B4F3; text-decoration: none; border: 1px solid #1EA5ED; } .btnBB:hover i { background: #5BD1F0; }
.btnRR, .btnR:hover { background: #F41400; text-decoration: none; border: 1px solid #AC3333; } .btnRR i, .btnR:hover i { background: #FD4222; border-top: 1px solid #FE6B44; }
.btnRR:hover { background: #FD4222; text-decoration: none; border: 1px solid #F41400; } .btnRR:hover i { background: #FE6B44; }

.btnSB { height: 30px; float: right; font-size: 13px; line-height: 30px; }
.btnSB em { height: 31px; }
.btnSB i { height: 14px; }

.btnSL { height: 60px; float: right; font-size: 25px; line-height: 60px; }
.btnSL em { height: 61px; font-size: 25px; line-height: 59px; }
.btnSL i { height: 29px; }

.btnSS { height: 14px; float: right; font-size: 10px; line-height: 13px; }
.btnSS em { height: 15px; font-size: 10px; line-height: 13px; }
.btnSS i { height: 6px; }

.btn16 { width: 16px; height: 16px; line-height: 16px; } .btn16 em { padding: 0px; height: 17px; line-height: 16px; } .btn16 i { height: 7px; }
.btn40 { width: 40px; }
.btn55 { width: 55px; }
.btn80 { width: 80px; }
.btn100 { width: 100px; }
.btn110 { width: 110px; }
.btn125 { width: 125px; }
.btn145 { width: 145px; }
.btn200 { width: 200px; }
.btn300 { width: 300px; }
.btnAW { width: auto; }
.btnFW { width: auto; float: none; margin: 0px; }
.shaded .btnFW { margin: 0px 10px; }
.drsh .btnFW { margin: 6px 6px 0px 6px; }

.btnID em, .btnIU em, .btnIN em, .btnIL em, .btnIR em, .btnIE em, .btnII em, .btnIS em, .btnIP em, .btnIO em, .shaded .btnID em, .shaded .btnIU em, .shaded .btnIN em, .shaded .btnIL em, .shaded .btnIR em, .shaded .btnIE em, .shaded .btnII em, .shaded .btnIS em, .shaded .btnIP em, .shaded .btnIO em { background-image: url(/images/btn_icons2.gif); background-repeat: no-repeat; text-indent: 18px; text-align: left; }
.btnID em { background-position: 0px 0px; }
.btnIU em { background-position: 0px -16px; }
.btnIN em { background-position: 0px -32px; }
.btnIR em { background-position: 0px -48px; }
.btnIL em { background-position: 0px -64px; }
.btnIE em { background-position: 0px -80px; }
.btnII em { background-position: 0px -96px; }
.btnIS em { background-position: 0px -112px; }
.btnIP em { background-position: 0px -128px; }
.btnIO em { background-position: 0px -144px; }

.btnFR { float: right; margin-left: 10px; margin-right: 0px; }
.btnC { float: none; margin-left: auto; margin-right: auto; }
.btnNM { margin: 0px; }
.btnD, .btnD i, .btnD:hover, .btnD:hover i { background-color: #B4B4B4; color: #969696; border-color: #B4B4B4; cursor: default; }
.btnD em {  cursor: default; }
.btnNS em { border-bottom: 0px; }
/* End Standard Buttons */

/* Report */
.report { width: 100%; }
.report td { border-bottom: 1px solid #ECECEC; background-color: #FFFFFF; padding: 2px 6px; line-height: 1.2em; }
.report tr:hover td, .report tr.o:hover td { background-color: #1EA5ED; color: #FFFFFF; }
.report tr:hover td a, .report tr.o:hover td a { color: #FFFFFF; text-decoration: underline; }
.report tr td .btnNS, .report tr.o td .btnNS { visibility: hidden; }
.report tr:hover td .btnNS, .report tr.o:hover td .btnNS { visibility: visible; }
.report tr.h td { border-bottom: 2px solid #1EA5ED; color: #4D4D4D; font-weight: bold; }
.report tr.h td strong { color: #000000; }
.report tr.h td, .report tr.o td { background-color: #F5F5F5; }
/* End Report */

/* New Bubble */
span.newBubble, span.newBubble i, span.newBubble b, span.newBubble em { position: absolute; display: block; width: 12px; height: 24px; top: 0px; left: 0px; overflow: hidden; min-height: 1px; border: none; background-color: transparent; zoom: 1; }
span.newBubble { top: -6px; left: auto; right: -6px; width: 24px; z-index: 3; }
span.newBubble b { left: auto; right: 0px; background-image: url(/images/new_count_bubble_right.png); }
span.newBubble i b {left: 0px; right: auto; background-image: url(/images/new_count_bubble_left.png); width: 60px; }
span.newBubble em { width: 100%; z-index: 2; color: #FFFFFF; font-size: 11px; line-height: 20px; text-align: center; font-style: normal; font-weight: bold; text-decoration: none; cursor: default; }
a span.newBubble em { cursor: inherit; }
.tabs a span.newBubble, .tabs a:hover span.newBubble, .tabs a.hovered span.newBubble { border: 0px; position: absolute; z-index: 5; }
.tabs a.hovered span.newBubble i, .tabs a:hover span.newBubble i, .tabs a strong span.newBubble i { background: transparent; }
span.nbW2 i { width: 18px; }
span.nbW3 i { width: 24px; }
span.nbW2, span.nbW4 i { width: 30px; } 
span.nbW3, span.nbW5 i { width: 36px; } 
span.nbW4, span.nbW6 i { width: 42px; } 
span.nbW5, span.nbW7 i { width: 48px; } 
span.nbW6 { width: 54px; } 
span.nbW7 { width: 60px; }
/*
.newBubble { width: 9px; top: -5px; left: 225px; }
.newBubble, .newBubble b { position: absolute; display: block; height: 18px; background-color: transparent; background-image: url(/images/new_count_bubble.gif); background-repeat: no-repeat; }
.newBubble b { background-position: -57px 0px; width: 9px; top: 0px; right: -9px; }
.newBubble strong { font-size: 11px; color: #FFFFFF; position: absolute; display: block; top: 0px; left: 0px; width: 18px; height: 18px; line-height: 18px; text-align: center; font-weight: normal; cursor: default; }*/
/* End New Bubble */

.editButton { display: block; width: 86px; height: 30px; background-image: url(/images/edit_button.gif); background-repeat: no-repeat; background-position: 0px 0px; float: right; }
.editButton:hover { background-position: 0px -30px; }