/*------------------------------------------------------*/
/* MPP CSS 
/*------------------------------------------------------*/

object { 
	outline:none; 
}

/*------------------------------------------------------
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.7.0
/*------------------------------------------------------*/
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,button,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,optgroup {
	font-style: inherit;
	font-weight: inherit;
}
del,ins {
	text-decoration: none;
}
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: baseline;
}
sub {
	vertical-align: baseline;
}
legend {
	color: #000;
}
input,button,textarea,select,optgroup,option {
	font-family: inherit;
	font-size: inherit;
	font-style: inherit;
	font-weight: inherit;
}
input,button,textarea,select {
	font-size: 100%;
}
/*------------------------------------------------------*/

/* Global ----------------------------------------------*/
html, body {
	
	background-color: #eeeeee;
	
	background-image: url('../img/bg_over.jpg');
	background-position: center top;
	background-repeat: no-repeat;

  	height:1600px; // hack for IE6 only
}
.wrapper {
	width: 994px;
	margin: 0px auto;
}
.clear {
	line-height: 1px;
	height: 1px;
	font-size: 1px;
	clear: both;
}
p,h1,h2,h3,h4,div
{
	font-family: Arial;
}

.loggedOut{
	visibility: hidden;
}
.loggedIn{
	visibility: hidden;
}
/*------------------------------------------------------*/

/* brain -----------------------------------------------*/
.brain{
	padding: 1px 0px 0px 1px;
	position: fixed;
	z-index: 100000;
	height: 1px;
	width: 1px;
}

.leaderboard{
	float: right;
	margin-top: 26px;
	width: 175px;
	height: 800px;
}

/*------------------------------------------------------*/

/* banner ---------------------------------------------*/
.banner{
	width: 994px;
	background-color: #ffd367;
	min-height: 100px;
	height: auto !important;
	display: block;
}

.banner img{
	float: left;
	margin: 10px;
	height: 80px;
	width: 80px;
}

.banner p{
	margin-left: 100px;
	width: 884px;
	font-size: 22px;
	font-weight: bold;
	font-family: 'Arial';
	color: #777777;
}

/*------------------------------------------------------*/

/* popup -----------------------------------------------*/
.popup{
	position: fixed;
	top: 0px;
	left: 0px;
	overflow: hidden;
	width: 100%;
	z-index: 10000003;
	height: 100%;
}
.popup .swf {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -109px;
	margin-left: -125px;
	
	width: 350px;
	height: 250px;
	z-index: 10000004;
}

.popup .fade {
	background-color: #000000;
	opacity: 0.8;
	 filter: alpha(opacity = 80);
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 10000001;
}
/*------------------------------------------------------*/

/* Generic ---------------------------------------------*/
.generic300x250{
	text-align: center;
	width: 321px;
	float: right;
}
.generic180x150{
	text-align: center;
	margin-top: 8px;
	margin-bottom: 8px;
	/*overflow: hidden;*/
}
/*------------------------------------------------------*/

/* Header ----------------------------------------------*/
.header{
	position: relative;
	z-index: 1000;
}
.header .ad_super {
	margin-top: 8px;
	margin-bottom: 8px;
	/*overflow: hidden;*/
}
.header .ad_super table{
	margin: 0px auto;
}
.header .chrome, .header .login {
	line-height: 0px;
	clear: both;
}

.header .login {
	overflow: hidden;
	height: 165px;
	margin-bottom: 10px;
}

.header .loginextended{
	overflow: hidden;
	height: 375px;
}

.header .watchIt{
	text-align: center;
	float: left;
	background-image: url('../img/OMG_watchit_bg.png');	
	background-position: center top;
	background-repeat: no-repeat;
	width: 800px;
	height: 44px;
}

.header .watchIt p{
	text-align: center;
	font-size: 13px;
	padding: 3px 0px 0px 0px;
	font-weight: bold;
	font-family: 'Arial';
	color: #f2f2f2;
}

.header .watchIt .title{
	text-align: center;
	font-size: 15px;
	padding: 3px 0px 0px 0px;
	font-weight: bold;
	font-family: 'Arial';
	color: #f2f2f2;
}
.header .watchIt .message{
	text-align: center;
	font-size: 13px;
	padding: 3px 0px 0px 0px;
	font-weight: bold;
	font-family: 'Arial';
	color: #f2f2f2;
}

.header .sideBar {
	float: right;
	width: 191px;
}
.header .sideBar .tellAFriend {
	height: 109px;
	text-align: center;
}
.header .sideBar .totalPlayers {
	height: 109px;
	background-image: url('../img/OMG_Homepage_totalPlayers_bg.png');
	background-position: center top;
	background-repeat: no-repeat;
}
.header .sideBar .totalPlayers h2{
	padding: 6px 0px 0px 0px;
	text-align: center;
	
	font-size: 27px;
	font-weight: bold;
	font-family: 'Arial';
	
	color: #FFFFFF;
}
.header .sideBar .totalPlayers h3{
	text-align: center;
	
	font-size: 15px;
	font-weight: bold;
	font-family: 'Arial';
	
	color: #FFFFFF;
}
.header .sideBar .totalPlayers .playersOnline{
	text-align: center;
	
	font-size: 27px;
	font-weight: bold;
	font-family: 'Arial';
	
	padding: 5px 0px 0px 0px;
	color: #000000;
}

.header .sideBar .ad{
	margin-top: 8px;
	margin-bottom: 8px;
	overflow: hidden;
	text-align: center;
}
.header .sideBar .ad table{
	width: 5px;
	margin: 0px auto;
}

.header .sideBar .ad_vertical{
	margin-top: 8px;
	margin-bottom: 8px;
	overflow: visible;
	text-align: center;
}

.header .sideBar .ad_vertical table{
	margin: 0px auto;
}
.header .sideBar .bu_ad_180x150 {
	text-align: center;
	margin-top: 8px;
	margin-bottom: 8px;
	overflow: hidden;
	visibility: hidden;
}
/*------------------------------------------------------*/

/* Content ---------------------------------------------*/
.content {
	
	position: relative;
	text-align: center;
	z-index: 200;
	width: 1009px;
}
.content .mppgame {
	clear: left;
	background-image: url('../img/game_bg.png');
	background-position: center top;
	background-repeat: no-repeat;
	width: 799px;
	padding: 10px 0px 0px 0px;
	position: absolute;
	top: 50px;
	left: 25px;
	height: 735px;
}

.content .mppgame .preRollAd {
	height: 500px;
	visibility: hidden;
	margin: auto;
}

#preRollAdSwf {
	margin-top: 90px;
}
/*------------------------------------------------------*/

/* Promos ----------------------------------------------*/
.promos {
	position: relative;
	z-index: 300;
	clear: both;
	height: 282px;
	margin-top: 8px;
}
.promos .comingSoonSmall {
	background-image: url('../img/OMG_might_also_like_bg.png');
	background-position: center top;
	background-repeat: no-repeat;
	float: left;
	width: 290px;
	height: 282px;
}
.promos .comingSoon {
	background-image: url('../img/OMG_Homepage_comingSoon_bg.png');
	background-position: center top;
	background-repeat: no-repeat;
	float: left;
	width: 370px;
	height: 282px;
}
.promos .comingSoon h2, .promos .comingSoonSmall h2 {
	padding: 10px 0px 0px 18px;
	
	font-size: 18px;
	font-weight: bold;
	font-family: 'Arial';
	
	color: #f2f2f2;
	line-height: 18px;
}
.promos .comingSoon h3, .promos .comingSoonSmall h3 {
	padding: 15px 0px 0px 20px;
	
	font-size: 15px;
	font-weight: bold;
	font-family: 'Arial';
	
	color: #f56c02;
}
.promos .comingSoon p, .promos .comingSoonSmall p {
	padding: 10px 25px 0px 0px;
	
	font-size: 12px;
	font-weight: bold;
	font-family: 'Arial';
	
	color: #000000;
}

.promos .comingSoon .thumb, .promos .comingSoonSmall .thumb{
	float: left;
	width: 144px;
}
.promos .comingSoon .thumb img, .promos .comingSoonSmall .thumb img{
	margin: 8px 12px 0px 18px;
	width: 108px;
	height: 90px;
	border: 1px solid #CE6403;
}
.promos .comingSoon .thumb img:hover, .promos .comingSoonSmall .thumb img:hover{
	border: 1px solid #32c7db;
}

.promos .comingSoon .icons, .promos .comingSoonSmall .icons {
	clear: both;
	padding: 0px 0px 0px 9px;
}
.promos .comingSoon .icons li, .promos .comingSoonSmall .icons li {
	float: left;
	padding: 20px 0px 0px 11px;
	width: 72px;
	height: 62px;
}

.promos .comingSoon .icons img {
	width: 72px;
	height: 62px;
	border: 1px solid #CE6403; 
}
.promos .comingSoonSmall .icons img {
	width: 72px;
	border: 1px solid #CE6403; 
}

.promos .topGamesSmall {
	width: 366px;
	height: 282px;
	float: right;
	background-image: url('../img/OMG_Homepage_topGames_small_bg.png');
	background-position: center top;
	background-repeat: no-repeat;
}
.promos .topGames {
	width: 616px;
	height: 282px;
	float: right;
	background-image: url('../img/OMG_Homepage_topGames_bg.png');
	background-position: center top;
	background-repeat: no-repeat;
}
.promos .topGames table{
	width: 600px;
	padding: 10px 0px 0px 0px;
}
.promos .topGamesSmall table{
	width: 336px;
	padding: 10px 0px 0px 0px;
	margin-left: 15px;
}
.promos .topGames h2, .promos .topGamesSmall h2{
	padding: 10px 0px 0px 18px;
	font-size: 18px;
	font-weight: bold;
	font-family: 'Arial';
	line-height: 18px;
	color: #f2f2f2;
}
.promos .topGames th, .promos .topGamesSmall th{
	padding: 16px 0px 4px 0px;
	font-size: 15px;
	font-weight: bold;
	font-family: 'Arial';
	line-height: 15px;
	color: #f56c02;
	text-align: center;
	white-space: nowrap;
}
.promos .topGames .data, .promos .topGamesSmall .data{
	text-align: center;
	line-height: 10px;
}
.promos .topGames .title, .promos .topGamesSmall title{
	width: 40%;
}
.promos .topGames .th1, .promos .topGamesSmall .th1{
	font-size: 15px;
	font-weight: bold;
	font-family: 'Arial';
	line-height: 15px;
	color: #f56c02;
	text-align: right;
	padding-right: 5px;
	white-space: nowrap;
}
.promos .topGames img{
	margin: 5px 0px 0px 20px;
	width: 37px;
	border: 1px solid #CE6403; 
}
.promos .topGamesSmall img{
	margin: 5px 0px 0px 0px;
	width: 37px;
	border: 1px solid #CE6403;
}
.promos .topGames img:hover, .promos .topGamesSmall img:hover{
	border: 1px solid #32c7db; 
}

.promos .topGames .iteration, .promos .topGamesSmall .iteration{
	vertical-align: top;
	line-height: 10px;
	padding: 15px 0px 0px 0px;
}
.promos .topGames a, .promos .topGamesSmall a{
	color: #000000;
}
.promos .topGames td{
	padding-top: 1px;
	color: #000000;
	font-size: 12px;
	line-height: 13px;
	font-weight: bold;
	font-family: 'Arial';
	vertical-align: center;
}
.promos .topGamesSmall td{
	padding-top: 2px;
	color: #000000;
	font-size: 10px;
	line-height: 10px;
	font-weight: bold;
	font-family: 'Arial';
}
.promos .topGames .date, .promos .topGamesSmall .date{
	font-size: 10px;
	line-height: 10px;
	font-weight: bold;
	font-family: 'Arial';
	text-align: left;
}
.promos .BUAd
{
	width: 330px;
	float: right;
}
.promos .BUAd table{
	width: 5px;
	margin: 0px auto;
}

.promos .tellAFriend{
	width: 321px;
	float: right;
	text-align: center;
	margin-top: 15px;
}
/*------------------------------------------------------*/

/* allGames --------------------------------------------*/
.allGames{
	padding: 20px 0px 0px 0px;
	position: relative;
	z-index: 400;
	width: 994px;
		
	font-size: 20px;
	font-weight: bold;
	font-family: 'Arial';
}
.allGames .column1{
	float: left;
	width: 25%;
	text-align: center;
	
	font-size: 15px;
	font-weight: bold;
	font-family: 'Arial';
}
.allGames .column2{
	float: left;
	width: 25%;
	text-align: center;
	
	font-size: 15px;
	font-weight: bold;
	font-family: 'Arial';
}
.allGames .column3{
	float: left;
	width: 25%;
	text-align: center;
	
	font-size: 15px;
	font-weight: bold;
	font-family: 'Arial';
}
.allGames .column4{
	float: left;
	width: 24%;
	text-align: center;
	
	font-size: 15px;
	font-weight: bold;
	font-family: 'Arial';
}
/*------------------------------------------------------*/

/* legal footer ----------------------------------------------*/
.footer {
	padding: 20px 0px 0px 0px;
	position: relative;
	float: left;
	z-index: 500;
	clear: both;
}
.footer .copyright {
	text-align: center;
}
/*------------------------------------------------------*/

/* reg popup -------------------------------------------*/
.reg{
	position: absolute;
	left: 13px;
	top: 318px;
	z-index: 10000;
}
.reg .regIFrame{
	overflow: hidden;
	z-index: 10001;
	border: 0px;
	width: 792px;
	height: 604px;
	top: 0px;
	right: 0px;
	background-color: #2dc7da;
}

.reg .regCloseBtn{
	width: 120px;
	position: absolute;
	left: 700px;
	top: 10px;
	z-index: 10002;
}

.reg .regCloseBtn p{
	float: left;
	
	margin-top: 3px;
	margin-right: 5px;
	
	font-size: 15px;
	font-weight: bold;
	font-family: 'Arial';
	color: #ffffff;
}

.reg .regCloseBtn img{
	width: 27px;
	height: 28px;
	z-index: 10003;
}
/*------------------------------------------------------*/

/* background take over --------------------------------*/
.backgroundTakeOver{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	background-position: center top;
	background-repeat: no-repeat;
	background-image: url('../img/bg_over.jpg');
	/*background-image: url('http://a.dolimg.com/disneyxd/dxd/bitmaps/backgrounds/xd_iitb_bkg_rockerbackgroundv2c_1497x930.jpg');*/
	z-index: 0;
}
/*------------------------------------------------------*/

/* gate ------------------------------------------------*/
.wrapper .gate{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	background-position: center top;
	background-repeat: no-repeat;
	background-image: url('http://a.dolimg.com/disneyxd/dxd/bitmaps/backgrounds/xd_iitb_bkg_rockerbackgroundv2c_1497x930.jpg');
}
/*------------------------------------------------------*/


/* game index footer------------------------------------*/

/* game index bar closed up state, closed over state, open up state, & open over state */
.wrapper .giBarOpen, .wrapper .giBarClosed
{
	border:none;
	width: 994px;
	height: 15px;
	
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-top: 22px;
	
	cursor:pointer;
}

.wrapper .giBarOpen{
	background:url('http://a.dolimg.com/media/en-US/multiplayer/img/mpp_footerindex_open_up.gif') no-repeat center center;
}

.wrapper .giBarOpenHover
{
	background:url('http://a.dolimg.com/media/en-US/multiplayer/img/mpp_footerindex_open_over.gif') no-repeat center center;
}

.wrapper .giBarClosed
{
	background:url('http://a.dolimg.com/media/en-US/multiplayer/img/mpp_footerindex_closed_up.gif') no-repeat center center;
}

.wrapper .giBarClosedHover
{
	background:url('http://a.dolimg.com/media/en-US/multiplayer/img/mpp_footerindex_closed_over.gif') no-repeat center center;
}

/* games list properties */
.wrapper .gamesList
{
	position: relative;
	margin: 0px;
}

/* Handle tab "up" state */
.wrapper .gamesList .tab
{
	display: block;
	width: 180px;
	margin: 0px;
	padding: 10px;

	font-family: 'Arial';
	font-weight: bold;
	font-size: 14px;
	color: #018091;

	position: relative;	
	text-align: center;
	cursor: pointer;

	background-color: #D1F7FF;	

	border-top: 1px solid white;
	border-left: 1px solid white;
	border-right: 0px;
	border-bottom: 1px solid white;

	border-top-left-radius: 8px;
	border-bottom-left-radius: 8px;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-bottomleft: 8px;
	
	z-index: 2;
}

/* Handle tab "over" state */
.wrapper .gamesList .tabOver
{
	background-color: #ABEFFF;
}

/* Handle tab "down" state */
.wrapper .gamesList .tabDown
{
	z-index: 10;
	
	background-color: white;

	border-top: 1px solid #018091;
	border-bottom: 1px solid #018091;
	border-left: 1px solid #018091;
	border-right: 1px solid white;
}

/* game columns properties */
.wrapper .gamesList .columns
{
	position: absolute;
	top: 0px;
	left: 200px;
	z-index: 5;
}

/* game index mask properties */
.wrapper .gamesList .mask
{
	width: 794px;
	position: absolute;
	top: 0px;
	left: 200px;
	z-index: 5;
	
	display: none;
	
	background-color: #018091;
	opacity: 0.3;
	filter: alpha(opacity = 30);
	-moz-opacity: 0.3;
	-khtml-opacity: 0.3;
	
	border-top-right-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-moz-border-radius-topright: 8px;
	
	border-bottom-right-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	-moz-border-radius-bottomright: 8px;
	
	border-top-left-radius: 8px;
	-webkit-border-top-left-radius: 8px;
	-moz-border-radius-topleft: 8px;
	
	border-bottom-left-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-moz-border-radius-bottomleft: 8px;
}

/* left column border properties */
.leftDoubleColumn, .rightDoubleColumn
{
	width: 397px;
	height: 100%;
	position: absolute;
	top: 0px;
}

/* left column border properties */
.leftDoubleColumn, .leftTripleColumn
{
	border-top: 1px solid #018091;
	border-bottom: 1px solid #018091;
	border-left: 1px solid #018091;

	border-top-left-radius: 8px;
	border-bottom-left-radius: 8px;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-bottomleft: 8px;
}

/* middle column border properties */
.middleTripleColumn
{
	border-top: 1px solid #018091;
	border-bottom: 1px solid #018091;
}

/* right column border properties */
.rightDoubleColumn, .rightTripleColumn
{

	border-top: 1px solid #018091;
	border-bottom: 1px solid #018091;
	border-right: 1px solid #018091;

	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	-moz-border-radius-topright: 8px;
	-moz-border-radius-bottomright: 8px;
}


/* left double column position/color properties */
.leftDoubleColumn{
	left: 0px;	
	background-color: white;
}

/* right double column position/color properties */
.rightDoubleColumn{
	left: 397px;
	background-color: #F3FDFF;
}

.leftTripleColumn, .middleTripleColumn, .rightTripleColumn
{
	width: 220px;
	height: 100%;
	position: absolute;
}

/* left triple column position/color properties */
.leftTripleColumn
{
	left: 0px;	
	background-color: white;
}

/* middle triple column position/color properties */
.middleTripleColumn
{
	left: 220px;
	background-color: #F3FDFF;
}

/* right triple column position/color properties */
.rightTripleColumn
{
	left: 440px;
	background-color: white;
}

/* top left straight corner properties - for the "all" tab */
.topLeftStraightCorner
{
	border-top-left-radius: 0px;
	-webkit-border-top-left-radius: 0px;
	-moz-border-radius-topleft: 0px;
}

/* Games index list title */
.gilt
{
	margin-left: 2px;
	margin-right: 2px;
	margin-bottom: 2px;
	margin-top: 10px;
	
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 0px;
	padding-bottom: 0px;
	
	font-family: 'Arial';
	font-weight: bold;
	font-size: 14px;
	
	color: #018091;
	text-decoration:none;

}

/* Games index (unhighlighted) list item, Games index highlighted list item  */
.gili, .gihli
{
	margin-left: 2px;
	margin-right: 2px;
	margin-top: 2px;
	margin-bottom: 2px;

	padding: 0px;	

	font-family: 'Verdana';	
	font-size: 10px;
	line-height: 16px;
}

.gili a, .gihli a
{
	text-indent: -20px;
	margin: 0px;
	padding-left: 30px;
	padding-right: 10px;
	display: block;
	width: 353px;
	text-decoration: none;
}

/* Highlighted list item */
.gihli a
{
	background-color: #FFF066;
}

/* Handle hover over an unhighlighted games index list item, 
highlighted games index list item, & highlighted sub-menu list item */
.gili a:hover, .gihli a:hover, .smhli
{
	text-decoration: underline;
	cursor: pointer;
	background-color: #FFF599;
}

.gili a:link, .gihli a:link
{
	color: #333333;
}

.gili a:visited, .gihli a:visited
{
	color: #333333;
}

/* sub-menu (unhighlighted) list item */
.smli
{

	font-family: 'Verdana';	
	font-size: 10px;
	line-height: 16px;
	
	text-indent: -20px;
	margin: 0px;
	padding-left: 30px;
	padding-right: 10px;
	display: block;
	text-decoration: none;
	
	cursor: pointer;
}

.wrapper .gamesList .coloredRectangle
{
	display: block;
	width: 50px;
	margin: 0px;
	padding: 10px;
	position: absolute;
	top: 430px;
	left: 10px;

	background-color: #FFF066;	

}

.wrapper .gamesList .clearRectangle
{
	display: block;
	width: 120px;
	
	position: absolute;
	top: 430px;
	left: 85px;

	font-family: 'Arial';
	font-weight: bold;
	font-size: 14px;
	color: #333333;
	text-align: left;
	background-color: #FFFFFF;	
}

.tabhighlight
{
	background-color: #FFF066;	
}

/*------------------------------------------------------*/