@CHARSET "UTF-8";

html 
	{ background-color: white; overflow-y: scroll;  height: 100%; min-width: 1002px; }

body 
	{ font-size: 100%; font-family: Verdana, Tahoma, sans-serif; margin: 0px; padding: 0; height: 100%; }
a 
	{ text-decoration: none; color: #cc0033; outline: none; }
a:hover
	{ color: red; }
img
	{ vertical-align: bottom; }
.rdf
	{ display: none; }

/* containers */

div#page
	{ text-align: center; padding-left: 2px; }

div#everything
	{ position: relative; text-align: left; width: 1002px; min-height: 500px; padding-bottom: 15px; margin: 0 auto; }

div#navigation
	{ float: left; width: 836px; }

div#spacer
	{ float: right; width: 0px; height: 550px; }

div#container-content
	{ clear: left; width: 836px; background-color: white; xpadding-bottom: 10px; }

div#container
	{ padding: 0 2px 10px 2px; min-height: 450px; }
div#content
	{ float: right; width: 517px; }
div#leftbar
	{ width: 308px; padding-top: 5px; }
div#footer
	{ clear: left; width: 836px; border-top: 1px solid #909090; background-color: white; }

div#wemf, div.wemf
	{ position: absolute; left: 0; bottom: 0; }

/*** logo ***/

div#logo-placeholder
	{ width: 2px; height: 92px; }

div#logo
	{ float: left; position: absolute; height: 95px; width: 180px; }
div#logo div#logo1
	{ position: absolute; left: 0; top: 4px; height: 110px; overflow: hidden; background-repeat: no-repeat; }
div#logo div#logo2
	{ height: 8px; background-image: url(/_img/logo_2.gif); position: absolute; left: 50px; top: 111px; width: 30px; background-repeat: no-repeat; overflow: hidden; }
div#logo div#logo3
	{ height: 4px; background-image: url(/_img/logo_3.gif); position: absolute; left: 60px; top: 118px; width: 30px; background-repeat: no-repeat; overflow: hidden; }

div#logo div#logo1 a
	{ display: block; width: 170px; height: 110px; }
div#logo div#logo1 img
	{ position: relative; top: 3px; left: 4px; }


/*** ads ***/

div.waerbig
	{ line-height: 0!important; }
div.waerbig img
	{ white-space: nowrap; display: block; font-size: 0; float: left; vertical-align: bottom; }

div#leaderboard-container
	{ position: absolute; overflow: hidden; right: 0px; top: 2px; height: 90px; width: 836px; text-align: right; }
	
div#leaderboard
	{ z-index: 2999; position: absolute; top: 2px; float: right; right: 0px; text-align: right; }

div.leaderboard table
	{ float: right; }
	
div#skyscraper
	{ z-index: 2999; position: absolute; left: 842px; top: 92px; width: 160px;  }
div#backgroundad
	{ position: absolute; top: 0px; left: 0px; height: 1px; width: 1px; }
div.rectangle
	{ z-index: 2999; text-align: center; width: 306px; }
div.banner-content
	{ width: 517px; overflow: hidden; z-index: 30000!important; }

div#leaderboard div.ads
	{ position: absolute; right: 730px; width: 7px; height: 39px; background-image: url(/_img/ads_ver.gif); background-repeat: no-repeat; }
div.rectangle div.ads, div.banner-content div.ads
	{ padding-top: 10px; background-image: url(/_img/ads_hor.gif); background-position: 3px 0px; background-repeat: no-repeat; }
div.banner-content div.ads
	{ background-position: 0px 0px; }


div.skyscraper div.ads
	{ margin-top: 10px; padding-top: 10px; background-image: url(/_img/ads_hor.gif); background-position: -1px 0px; background-repeat: no-repeat;  }

div.skyscraper div.ads.hidden, div.leaderboard div.ads.hidden, div.rectangle div.ads.hidden
	{ background-image: none; }   

div.waerbig div.box
	{ line-height: normal!important; }


/*** leftbar|overview ***/

/*** columns ***/
div#container div#overcol1
	{ float: left; width: 304px; margin-right: 5px; margin-top: 5px; }

div#container div#overcol23
	{ float: left; width: 521px; margin-top: 5px; }

div#container div#overcol2
	{ float: left; width: 258px; margin-top: 5px; }

div#container div#overcol3
	{ float: right; width: 258px; margin-top: 5px; }

div#container div#overcol23 div#overcol2, div#container div#overcol23 div#overcol3
	{ margin-top: 0px; }

div.overview div.box, div#leftbar div.box, div.waerbig div.box
	{ border-collapse: collapse; overflow: hidden; border: 1px solid #CCC; margin-bottom: 10px; font-size: 0.6em; color: #606060; }
div.overview div.box
	{ width: 100%; }	
	
div#leftbar div.box, div.waerbig div.box
	{ width: 304px; background-color: #FBFBFB; }
div.overview div.box a, div#leftbar div.box a, div.waerbig div.box a
	{ color: #000000; }
div.overview div.box a:hover, div#leftbar div.box a:hover, div.waerbig div.box a:hover
	{ color: red; }
div.overview div.box div.header, div#leftbar div.box img.header, div.waerbig div.box img.header
	{ border-bottom: 1px solid #CCC; }
div#leftbar div.box img.header.last, div.waerbig div.box img.header.last
	{ border-bottom: 0px solid #CCC; } 
div.overview div.box div.header-left
	{ border-bottom: 0px solid #CCC; border-right: 1px solid #CCC; margin-right: 4px; float: left; }
div.overview div.box div.header-left.padding
	{ border: 1px solid #CCC; margin: 4px 2px 4px 4px; width: 250px; overflow: hidden; }
div.overview div.box div.line
	{ border-top: 1px solid #CCC; margin: 2px 4px;  }

div.overview div.box div.title, div#leftbar div.box div.title, div.waerbig div.box div.title
	{ padding: 3px; font-weight: bold; letter-spacing: 0.1em; background-color: #a7a7a7; background-image: url(/_img/gradient.gif); background-position: 0 0; background-repeat: repeat-x; }
div.overview div.box em, div#leftbar div.box div.title em, div.waerbig div.box div.title em
	{ font-weight: normal; }

div#leftbar div.box div.subtitle
	{ padding: 3px; margin-top: 10px; font-weight: bold; background-color: #EEE; }
div#leftbar div.box div.subtitle.first
	{ margin-top: 0px; }

div.overview div.box div.content, div#leftbar div.box div.content, div.waerbig div.box div.content
	{ padding: 3px; font-size: 1em!important; }

div#leftbar div.box table.browse td
	{ font-size: 9px!important; font-family: arial; } 

div#leftbar div.box div.mainposter
	{ float: right; border: 1px solid #666; margin-bottom: 3px; }

div.overview div.box input.text, div#leftbar div.box input.text
	{ width: 212px; height: 1.4em; padding: 2px; vertical-align: middle; font-size: 100%; border: 1px solid #CCC;  }
div.overview div.box input.submit, div#leftbar div.box input.submit
	{ width: 75px; line-height: 1.5em; padding-bottom: 2px; height: 2em; vertical-align: middle; font-size: 100%; border: 1px solid #CCC; background-color: #EEE  }
div.overview div.box input.submit:hover, div#leftbar div.box input.submit:hover
	{ background-color: #FBFBFB; color: red; }

div#leftbar div.box select.select
	{ width: 218px; height: 2em; padding: 2px; vertical-align: middle; font-size: 100%; border: 1px solid #CCC;  }
div#leftbar div.box select.select optgroup
	{ font-style: normal; font-weight: normal; background-color: #EEE; }
div#leftbar div.box select.select optgroup option
	{ font-style: normal; font-weight: normal; background-color: white; }
div#leftbar div.box input.radio
	{  }
div#leftbar div.box label.label.radio
	{ margin-right: 10px; }
div#leftbar div.box div.content p
	{ font-size: 100%; }
	
/* overview overrides */
div.overview div.box table.list
	{ margin-bottom: 0; }
div.overview div.box table.list td
	{ font-size: 1em; padding-top: 2px; padding-bottom: 1px; border-top: 0px solid white; border-bottom: 0px solid white; }

div.overview div.teasers 
	{ font-size: 155%; }
div.overview div.teasers div
	{ padding-top: 0; padding-bottom: 0; border-bottom: 1px solid white; }
div.overview div.teasers div.noline
	{ padding-bottom: 0!important;  }
div.overview div.teasers div *
	{ padding-bottom: 0!important;  }

div.overview div.teasers div div.pic
	{ margin-right: 5px;}
div.overview div.teasers div h1
	{ padding-top: 1px!important; line-height: normal; }
div.overview div.teasers div p
	{ margin-top: 2px!important; line-height: normal; }



/*** navigation ***/

div#menu
	{ font-size: 0.7em; }
div#menu ul
	{ clear: both; background-color: gray; height: 31px; overflow: hidden; background-image: url(/_img/menu/gradient.gif); background-position: 0 -106px; background-repeat: repeat-x; background-color: #ababab; }
div#menu ul li
	{ display: inline; float: left; height: 31px; }
div#menu ul li.active
	{ background-image: url(/_img/menu/gradient.gif); background-position: 0 -53px; background-color: #727272; }
div#menu ul li a
	{ display: block; width: 100px; height: 23px; padding-top: 8px; text-align: center; color: black; }
div#menu ul li.active a
	{ color: white; }	
div#menu ul li a:hover
	{ color: white; background-image: url(/_img/menu/gradient.gif); background-position: 0 -53px; background-color: #727272; }

div#menu ul li.main
	{ font-weight: bold; }

div#menu ul li#menu_movies a:hover, div#menu ul li.active#menu_movies, div#menu ul li#menu_tv a:hover, div#menu ul li.active#menu_tv, div#menu ul li#menu_games a:hover, div#menu ul li.active#menu_games, div#menu ul li#menu_promo a:hover, div#menu ul li.active#menu_promo
	{ background-image: url(/_img/menu/gradient.gif); background-position: 0 0; background-color: #cc0033; }

/*
div#menu ul li#menu_promo 
	{ background-image: url(/_img/menu/pardo_passive.jpg);}

div#menu ul li#menu_promo a:hover, div#menu ul li.active#menu_promo 
	{ background-image: url(/_img/menu/pardo_active.jpg);}
*/

div#menu ul li#menu-search
	{ width: 147px; text-align: center; }
div#menu ul li#menu-search input
	{ width: 131px; height: 12px; border: 0px solid white; font-size: 11px; margin: 6px 0 0 0; padding: 4px 3px 3px 3px; color: #606060; background-color: white; }
div#menu ul li#menu-search div#search_icon
	{ display: none; float: right; position: relative; top: -15px; left: -10px; cursor: hand; }
div#menu ul li.separator
	{ width: 1px; height: 31px; background-image: url(/_img/menu/separator.gif); }
div#menu ul li#menu-space
	{ width: 80px; }

div#menu div.menu-sub
	{ background-color: #666; clear: left; height: 22px; position: relative; width: 100%; background-image: url(/_img/menu/gradient.gif); background-position: 0 -84px; background-color: #727272; }
div#menu div.menu-sub p 
	{ text-align: left; padding-left: 50px; padding-top: 5px; }
div#menu div.menu-sub p a
	{ padding: 0px 5px; color: #E0E0E0; }
div#menu div.menu-sub p a:hover, div#menu div.menu-sub p a.active
	{ color: white; }

div#menu div.menu-sub.movies, div#menu div.menu-sub.games, div#menu div.menu-sub.tv, div#menu div.menu-sub.promo
	{ background-position: 0px -31px; background-color: #cc0033; }

div#menu div#menu-shadow
	{ font-size: 1px; width: 100%; height: 4px; background-image: url(/_img/menu/gradient.gif); background-position: 0 -137px; background-repeat: repeat-x; background-color: white }


/*** breadcrumbs ***/

div#breadcrumbs
	{ font-size: 60%; color: #666666; margin: 5px 0 5px 0; }
div#breadcrumbs a
	{ color: #333333; }
div#breadcrumbs span
	{ display: inline; padding: 0; }

/*** userinfo ***/

div#userinfo
	{ width: 780px; height: 20px; overflow: hidden; color: #303030; }

div#userinfo div
	{ height: 21px; float: right; background-image: url(/_img/box/white/top.gif); background-repeat: repeat-x; }
div#userinfo div.left
	{ height: 21px; width: 10px; background-image: url(/_img/box/white/top_left.gif); background-repeat: no-repeat; }
div#userinfo div.right
	{ height: 21px; width: 10px; background-image: url(/_img/box/white/top_right.gif); background-repeat: no-repeat; }
div#userinfo div p
	{ margin-top: 4px; padding: 2px 5px; font-size: 9px;  }
div#userinfo div a
	{ color: #000000; }
div#userinfo div a:hover
	{ color: red; }


/*** footer ***/

div#footer p 
	{ padding: 5px 0 5px 0; font-size: 0.7em; color: #909090; }
div#footer p a
	{ color: #303030; }
div#footer p a:hover
	{ color: red; }


/*** modal box ***/

.overlay { font-size: 100%; display: none; z-index: 10000; border: 1px solid black; background-color: #F0F0F0; }


/*** tabs ***/

.tabs ul.tabs-nav
	{ padding: 0!important; margin: 0!important; clear: both; height: 20px; overflow: hidden; background-image: url(/_img/gradient.gif); background-position: 0 0; background-repeat: repeat-x; background-color: #ababab; }
.tabs ul.tabs-nav li
	{ padding: 0!important; margin: 0!important; display: inline; float: left; height: 20px; border-right: 1px solid #909090; }
.tabs ul.tabs-nav li a
	{ padding-top: 1px; display: block; width: 100px; height: 20px; text-align: center; color: black; }
.tabs ul.tabs-nav li a.current
	{ color: white; background-image: url(/_img/gradient.gif); background-position: 0 -76px; background-color: #727272; }
.tabs ul.tabs-nav li a:hover
	{ color: white; background-image: url(/_img/gradient.gif); background-position: 0 -152px; background-color: #727272; }


/*** panels ***/

div.panels
	{ width: 100%; height: 300px; overflow: hidden; position: relative; margin-bottom: 5px; }
	
div.panel
	{ width: 100%; height: 300px; position: relative; display: none; background-color: black; }
div.panel.current
	{ display: block; }
div.panel div.image
	{ position: absolute; top: 0; left: 0; z-index: 10; }
div.panel div.text
	{ position: absolute; bottom: 0; left: 0; z-index: 30; }
div.panel div.text h1
	{ white-space: nowrap; width: 99%; overflow: hidden; font-size: 120%; font-weight: normal; color: white; margin: 0; padding: 2px 2px 0 5px; }
div.panel div.text h1 small
	{ font-size: 100%; color: #C0C0C0!important; }
div.panel div.text p
	{ white-space: nowrap; width: 99%; overflow: hidden; font-size 100%; color: white; margin: 0; padding: 0 2px 2px 5px; }
div.panel div.text a, div.panel div.text a:hover
	{ color: white; }
div.panel div.background
	{ position: absolute; bottom: 0; left: 0; z-index: 20; width: 100%; height: 2.8em; }

div.panels div.selector
	{ position: absolute; top: 0; right: 0; padding: 3px 0 0 0; z-index: 30; }
div.panels div.selector div.select
	{ margin: 0 3px 3px 3px; z-index: 100; }
div.panels div.selector div.select img
	{ border: 2px solid #606060; }
div.panels div.selector div.select.current img
	{ border: 2px solid #cc0033; }
div.panels div.selector div.select a:hover img, div.panels div.selector div.select.current a:hover img
	{ border: 2px solid red!important; }

div.panels div.opacity
	{ opacity: 0.6; filter: alpha(opacity=60); -ms-filter: "alpha(opacity=60)"; background-color: black; }
div.panels div.background-sel
	{ position: absolute; top: 0; right: 0; z-index: 20; }

	
/*** debug ***/

div#debug
	{ text-align: left; clear: both; margin: 10px; margin-top: 50px; padding: 10px; border: 2px dotted black; background-color: #eeeeee; }
div#debug pre
	{ font-size: 11px; white-space: pre-wrap; /* css 3 */ word-wrap: break-word; /* Internet Explorer 5.5+ */ }