/* RESET */
* { margin: 0px; padding: 0px; }
img { border: none; }

/* Workaround for dotted border around links and SWF objects when using Firefox 3 on Windows */
object, a { outline: none; }


/* SITE CONTAINER */
body { background: #000; color: #acacac; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; text-align: center; }
#siteContainer { margin: 0px auto; text-align: left; width: 960px; }
#bodyBox { background: #000 url(/sites/revolution/img/headerfooter/body_bg_bottom.gif) bottom repeat-x; position: relative; z-index: 1; }
#contentBox { float: left; width: 638px; padding-left: 10px; }


/* FLUX HACKS */
.drawnDivs { z-index: 100; }
#FluxHelper { position: absolute; }
#header .Flux { float: left; }
#QuickMenu2_0, #FW_QuickMenu2_0 { color: #ededed; font: 10px Arial, Helvetica, sans-serif; padding: 5px 0px 0px 10px; text-transform: none; display: block; }
#QuickMenu2_0 a, #FW_QuickMenu2_0 a { color: #fff; font-weight: bold; text-decoration: none; }
#QuickMenu2_0 a:hover, #FW_QuickMenu2_0 a:hover { color: #0cf; }
#FW_QuickMenu2_0 a.bold { color: #0cf; text-transform: uppercase; }
#FW_QuickMenu2_0 a.bold:hover { text-decoration: underline; }


/* LEFT SIDEBAR */
#leftSideBar { float: left; overflow: hidden; padding-bottom: 9999px; padding-top: 10px; margin-bottom: -9999px; width: 170px; }
#leftSideBar ul { background-color: transparent; }
#leftSideBar li { list-style: none; }

#leftSideBar .smallFeatureBox { background: #2c2c2c url(/sites/revolution/img/headerfooter/sidebar_bg.jpg) bottom repeat-x; }
#leftSideBar .smallFeatureBox li { border-bottom: #666 1px solid; padding: 3px; line-height: 15px; overflow: hidden;}

#canalesSideBox { font-size: 12px; }
#canalesSideBox a { color: #aaa; text-decoration: none; text-transform: uppercase; float: left; }
#canalesSideBox a:hover { color: #fff; font-weight: bold; }


/* CONTENT */
#centerContentBox { float: left; overflow: hidden; width: 460px; }

a.play_link { display: block; width: 15px; height: 15px; text-indent: -9999px; background: url(/sites/revolution/img/headerfooter/btn_play.gif) top left no-repeat; margin-top: 10px; }

.imageListBox { overflow: hidden; }
.imageListBox a.imageLink { margin-top: 9px; }
.imageListBox a.imageLink img { min-height: 53px; background: #F2EEED url(/sites/revolution/img/rev_placeholder_78x55.jpg) bottom right no-repeat; }
.imageListBox ul { padding-left: 10px; overflow: hidden; }
.imageListBox li { border-top: #353535 1px solid; float: left; list-style: none; margin-right: 14px; overflow: hidden; padding-top: 5px; padding-bottom: 10px; width: 208px; }
.imageListBox li.top { border-top: none; }
.imageListBox li.default { clear: left; }
.imageListBox .boxInfo { float: left; margin-left: 8px; margin-top: 7px; overflow: hidden; width: 120px; }
.imageListBox .boxInfo p { font-size: 10px; }
.imageListBox h4 a { color: #fff; font: bold 14px Arial, Helvetica, sans-serif; line-height: 17px; text-decoration: none; }
.imageListBox h4 a:hover { text-decoration: underline; }

#channelRegBox, #videoPlayerBox { padding: 33px 0px 30px 10px; }
#channelRegBox .genericTitle, #videoPlayerBox .genericTitle { background: #008cb0 url(/sites/revolution/img/headerfooter/main_title_bg.gif) repeat-x; height: 28px; }
#channelRegBox .genericTitle h3 { color: #fff; }
#channelRegBox .genericTitle .text_holder { float: right; margin-right: 10px; margin-top: 5px; }
#channelRegBox ul, #videoPlayerBox .container { background: #000 url(/sites/revolution/img/headerfooter/sidebar_bg.jpg) repeat-x scroll top; }
#channelRegBox li { width: 430px; border-top: 0px; border-bottom: 1px solid #525252; margin-bottom: 5px; margin-top: 0px; overflow: hidden; padding: 0px 0px 10px; }
#channelRegBox li.last { border-bottom: 0px; }
#channelRegBox a.imageLink img { width: 140px; }
#channelRegBox .boxInfo { width: 270px; }

#videoPlayerBox .container { padding: 0px 12px 10px; background-color: #000; }

.videoRegBox { border-bottom: 1px solid #525252; overflow: hidden; padding-bottom: 10px; margin-bottom: 10px; margin-top: 10px; }
.videoRegBox .thumbImg { display:block; float: left; margin-top: 2px; overflow: hidden; }
.videoRegBox .thumbImg img { min-height: 53px; background: #F2EEED url(http://www.mtvrevolution.com/sites/revolution/img/rev_placeholder_78x55.jpg) bottom right no-repeat; }
.videoRegBox .prefix { display: none; }
.videoRegBox .boxInfo { float: left; margin-left: 8px; overflow: hidden; width: 270px; }
.videoRegBox .boxInfo p { font-size: 10px; }
.videoRegBox h4 { color: #fff; font: bold 14px Arial, Helvetica, sans-serif; line-height: 17px; text-decoration: none; }

#permalinkInput { background: none; border: 0px; color: #CCC; font-family: Verdana,Geneva,Arial,Helvetica,sans-serif; font-size: 10px; width: 100%; }

#publicidadBoxBottom { background: #202020; text-align: center; }
.publicidadText { color: #fff; height: 20px; font-size: 10px; font-weight: bold; line-height: 20px; text-align: left; padding-left: 3px; }


/* SIDEBAR */
#sideBar { background-color: #353333; float: left; overflow: hidden; padding-bottom: 9999px; margin-top: 33px; margin-bottom: -9999px; width: 298px; }

#revolutionLogo a { background: url(/sites/revolution/img/headerfooter/logo_revolution.gif) no-repeat; width: 169px; height: 49px; text-indent: -9999px; display: block; margin-bottom: 10px; }
#revolutionSponsor a { text-indent: -9999px; display: block; margin-bottom: 10px; }

a.imageLink { display:block; float: left; padding: 2px; margin-left: 4px; margin-top: 1px; overflow: hidden;}
a.imageLink img { float: left; width: 70px; }
a.imageLink:hover { padding: 0px; }
a.imageLink:hover img { border: #fff 2px solid; }

#videosBox { height: 550px; overflow-x: hidden; overflow-y: auto; }
#videosBox ul { background-color: transparent; padding-left: 10px; overflow: hidden; width: 288px; }
#videosBox li { border-bottom: 1px solid #525252; float: left; list-style: none; margin-bottom: 5px; margin-top: 5px; overflow: hidden; padding-bottom: 10px; width: 276px; }
#videosBox h4 { padding-left: 8px; line-height: 12px; }
#videosBox h4 a { color: #fff; font-size: 10px; font-weight: bold; text-decoration:none; }
#videosBox h4 a:hover { text-decoration: underline; }
#videosBox div.videoInfo { float: left; width: 190px; }
#videosBox div.videoInfo p { font-size: 10px; padding-left: 8px; }
#videosBox div.videoInfo .prefix { display: none; }
#videosBox .pagination { display: none; }

.genericBox { overflow: hidden; width: 628px; }
.genericTitle { background: #1a1a18 url(/sites/revolution/img/headerfooter/title_bg.gif) repeat-x; border: #272626 1px solid; height: 27px; position: relative; }
.genericTitle h3 { margin: 0px; color: #acacac; font-family: Arial, Helvetica, sans-serif; font-size: 10px; left: 10px; line-height: 28px; position: absolute; text-transform: uppercase; top: 0px; }

.ultraBigFeatureBox, .extraBigFeatureBox, .bigFeatureBox, .mediumFeatureBox { float: left; margin-right: 14px; padding-bottom: 10px; }
.ultraBigFeatureBox { width: 760px; }
.extraBigFeatureBox { width: 610px; }
.bigFeatureBox { width: 455px; }
.mediumFeatureBox { width:298px; }


/* PREMIOS LIVE STREAM VIDEO BOX */
#premiosVideoPlayerBox { padding: 33px 0px 0px 10px; }
#premiosVideoPlayerBox .genericTitle { background: #008cb0 url(/sites/revolution/img/headerfooter/main_title_bg.gif) repeat-x; height: 28px; }
#premiosVideoPlayerBox .container { background: #000 url(/sites/revolution/img/headerfooter/sidebar_bg.jpg) repeat-x scroll top; }
#premiosVideoPlayerBox .container { padding: 0px 12px 10px; background-color: #000; }


/* HEADER */
#header { padding-top: 16px; position: relative; z-index: 10; }
#header h1 a { display: block; height: 100px; margin: 5px; text-indent: -9999px; width: 200px; }
#header .bannerBox { position: absolute; top: 18px; right: 21px; }

#userMenu { background: #3c3c3c url(/sites/revolution/img/headerfooter/user_menu_bg.jpg) repeat-x top; border-top: #808080 1px solid; height: 25px; }
#userMenu ul { background-color: transparent; float: left; height: 15px; margin-top: 4px; }
#userMenu li a { font-size: 10px; margin: 0px 10px; line-height: 15px; }
#userMenu li a:hover { color: #0dc2fe; }

#artistsList { font-family: Arial; float: right; line-height: 20px; margin-right: 5px; overflow: hidden; }
#artistsList .blockLabel { border-right: 1px solid #323232; display: block; float: left; font-size: 10px; line-height: 22px; padding-right: 6px; text-transform: none; }
#artistsList .list { border-left: 1px solid #444; float: left; padding-left: 6px; padding-right: 6px; }
#artistsList a { color: #fff; float: left; font-size: 10px; font-weight: bold; margin: 1px 3px 0px 0px; text-decoration: none; text-transform: uppercase; }
#artistsList a:hover { color: #0dc2fe; }


/* DROPDOWN MENU */
#mainMenu {
	background: #3b3b3b url(/sites/revolution/img/headerfooter/main_menu_bg.gif) repeat-x 0px 1px;
	border-right: #393939 1px solid;
	height: 37px;
	position: relative;
	z-index: 1;
}
#mainMenu ul li {
	float: left;
	list-style: none;
	position: relative;
}
#mainMenu ul li:hover a,
#mainMenu ul li.sfhover a {
	background: #3A3A3A;
}
#mainMenu ul li:hover ul,
#mainMenu ul li.sfhover ul {
	left: 0px;
}
#mainMenu ul li a {
	border-top: #262626 1px solid;
	border-right: #202020 1px solid;
	border-left: #404040 1px solid;
	color: #fff;
	display: block;
	font: bold 12px Arial, Helvetica, sans-serif;
	height: 36px;
	line-height: 34px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
}
#mainMenu ul li a:hover {
	background: #0099C6 url(/sites/revolution/img/headerfooter/main_menu_bg.gif) repeat-x bottom;
	border-color: #006b96 #202020 #242424 #02a6e8;
}
#mainMenu ul li ul {
	border: 1px solid #242424;
	border-right: none;
	border-left-color: #4c4c4c;
	border-top: 1px solid #1a1a1a;
	border-bottom: none;
	clear: left;
	left: -999em;
	position: absolute;
	width: 150px;
	z-index: 98;
}
#mainMenu ul li ul ul {
	border-top: none;
	border-left: none;
}
#mainMenu ul li ul li {
	width: 150px;
}
#mainMenu ul li ul li a {
	border-top: #4a4a4a 1px solid;
	border-right: #242424 1px solid;
	border-bottom: #242424 1px solid;
	border-left: none;
	color: #fff;
	font: bold 11px Arial, Helvetica, sans-serif;
	height: auto;
	line-height: 13px;
	padding: 7px 10px 8px;
	text-align: left;
	text-transform: none;
	width: 130px;
}
#mainMenu ul li:hover ul li ul,
#mainMenu ul li.sfhover ul li ul {
	left: -999em;
}
#mainMenu ul li ul li:hover a,
#mainMenu ul li ul li:hover ul,
#mainMenu ul li ul li.sfhover a,
#mainMenu ul li ul li.sfhover ul {
	background: #4C4C4C;
	border-bottom-color: #333;
	border-right-color: #333;
	border-top-color: #595959;
}
#mainMenu ul li ul li a:hover,
#mainMenu ul li ul li:hover a:hover,
#mainMenu ul li ul li:hover ul a:hover,
#mainMenu ul li ul li.sfhover ul a:hover {
	background: #4698CA;
	border-top-color: #5DB1E0;
}
#mainMenu ul li ul li.sub a {
	background-image: url(/sites/revolution/img/headerfooter/arrow_default.gif);
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 40px;
	width: 100px;
}
#mainMenu ul li ul li.sub a:hover {
	background-image: url(/sites/revolution/img/headerfooter/arrow_hover.gif);
	background-repeat: no-repeat;
	background-position: right;
}
#mainMenu ul li ul li:hover a,
#mainMenu ul li ul li.sfhover a {
	background-image: url(/sites/revolution/img/headerfooter/arrow_focus.gif);
}
#mainMenu ul li ul li.sub ul li a {
	background-image: none;
	padding-right: 10px;
	width: 130px;
}
#mainMenu ul li ul li:hover ul,
#mainMenu ul li ul li.sfhover ul {
	left: 151px;
	top: 0px;
	z-index: 99;
}
#mainMenu ul li ul li ul li a {
	font-weight: normal;
}


/* TV DROPDOWN */
#mainMenu ul li#tvLink:hover ul,
#mainMenu ul li#tvLink.sfhover ul,
#mainMenu ul li#tvLink:hover #showsMenu,
#mainMenu ul li#tvLink.sfhover #showsMenu {
	left: -100px;
}
#mainMenu ul li#tvLink #showsMenu {
	background: #3d3d3d url(/sites/revolution/img/headerfooter/shows_grid_bg.gif) repeat-y scroll 151px 0;
	border-top: 1px solid #4a4a4a;
	clear: left;
	left: -999em;
	padding: 10px 10px 10px 163px;
	position: absolute;
	width: 438px;
	z-index: 97;
}
#mainMenu ul li#tvLink #showsMenu strong {
	background: #1A1A1A;
	color: #999;
	display: block;
	font: bold 11px Arial, Helvetica, sans-serif;
	margin: 0 0 7px;
	padding: 5px 8px;
}
#mainMenu ul li#tvLink #showsMenu a {
	background: transparent;
	border: medium none;
	color: #fff;
	display: block;
	float: left;
	font: 11px Arial, Helvetica, sans-serif;
	height: auto;
	margin: 0;
	padding: 5px 8px;
	text-align: left;
	text-transform: none;
	width: 130px;
}
#mainMenu ul li#tvLink #showsMenu a:hover {
	background: #4498C7;
}


/* MENU BUTTONS */
li#noticiasLink a { width: 83px; }
li#musicaLink a { width: 80px; }
li#tvLink a { width: 50px; }
li#cineLink a { width: 63px; }
li#juegosLink a { width: 72px; }
li#revolutionLink a { width: 96px; }
li#laZonaLink a { width: 78px; }
li#comunidadLink a { width: 101px; }
li#movilLink a { width: 70px; }


/* SEARCH BOX */
#mainMenu form { border-left: #404040 1px solid; height: 36px; padding-left: 5px; }
#mainMenu fieldset { border: none; }
#mainMenu legend { display: none; }
#searchInput { float: left; font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif; margin: 10px 0px 0px 10px; width: 160px; }
#searchSubmit { background: url(/sites/revolution/img/headerfooter/buscar_49x23.gif) no-repeat; border: none; cursor: pointer; display: block; float: left; height: 23px; margin: 6px 0px 0px 10px; width: 49px; padding-top: 23px; }


/* SITE CONTAINER & BORDERS */
#footer, #mainContent { border-left: #403e3b 1px solid; border-right: #403e3b 1px solid; }
#mainContent { overflow: hidden; width: 958px; background: url(/sites/revolution/img/headerfooter/story_bg_bottom.jpg) repeat-x bottom; }


/* FOOTER */
#footer { border-top: #3d3c3a 1px solid; }
#footer hr { display: none; }

#copyrightBox { background: #232121 url(/sites/revolution/img/headerfooter/footer_logo.gif) no-repeat 25px 10px; height: 45px; position: relative; }
#copyrightBox, #copyrightBox a { color: #727764; font-size: 10px; }
#footerMenu { line-height: 20px; }
#copyrightBox span { display: block; line-height: 40px; position: absolute; left: 55px; top: 0px; }
#copyrightBox a { text-decoration: none; }
#copyrightBox a:hover { text-decoration: underline; }

#footerMenu { position: absolute; right: 10px; top: 0px; }
#footerMenu a { font-weight: bold; }

#footerLinks { background: #313131; border-top: #727764 1px solid; font-size: 10px; height: 180px; padding-left: 15px; }
#footerLinks .footerBox { float: left; padding: 10px; overflow: hidden; }
#footerLinks .footerBox ul { background-color: transparent; float: left; margin-right: 10px; width: 136px; }
#footerLinks .footerBox li { list-style: none; }
#footerLinks .footerBox h4 { border-bottom: #3a3b37 1px solid; color: #969891; font: bold 11px Arial, Helvetica, sans-serif; margin-bottom: 3px; padding-bottom: 3px; }
#footerLinks .footerBox a { color: #727764; text-decoration: none; }
#footerLinks .footerBox a:hover { text-decoration: underline; }

#tvShowsFooterBox { width: 438px; }
#musicaFooterBox { width: 146px; }
#revolutionFooterBox { width:292px; }


/* OVERLAY */
.olCloserDiv { background-color:#000; display: block; font-size: 12px; font-weight: bold; height: 14px; padding: 3px; }
a.closeButton { background: url(/sites/revolution/img/btn-x-roll.gif) no-repeat; display: block; float: right; height: 14px; width: 14px; }