﻿body {
    margin: 0px 0 0 0;
	padding: 0;
	background-color: #fff;
	color: #000;
	font-family: 'Century Gothic', Tahoma, Arial, Helvetica, sans-serif;
	font-size: 14px;

}
@media print {body {background-color: #fff; color: #000;} }
/* -----------------------------------------------------------
|                       Global Styles                         |                 
 ----------------------------------------------------------- */
.gBR5 { border-radius: 5px 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;}
.gBR8 { border-radius: 8px 8px;-moz-border-radius: 8px;-webkit-border-radius: 8px;}
.gBR10 { border-radius: 10px 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;}
.gCurD { cursor: default; }
.gCurP { cursor: pointer; }
.gDispN { display: none; }
.gDragxy:hover { border-style: dotted; }
.gLiDispN {display: none; list-style-type: disc;}
.gSdw { -moz-box-shadow: 6px 7px 10px 0px rgba(119, 119, 119, 0.8); -webkit-box-shadow: 6px 7px 10px 0px rgba(119, 119, 119, 0.8); box-shadow: 6px 7px 10px 0px rgba(119, 119, 119, 0.8); }
/* ------------ BG  Colors  ----------------- */
.gBG_A00000 {background-color: #a00000; }
.gBG_00A000 {background-color: #00a000; }
.gBG_0000A0 {background-color: #0000a0; }
.gBG_Black {background-color: #000;}
.gBG_White {background-color: #fff;}
/* -----------------------------------------------------------
|                    AppInfo Div Settings                     |                 
 ----------------------------------------------------------- */
.AppInfo 
{
    background-color: #000;
    border-width: 2px;  border-radius: 8px 8px;-moz-border-radius: 8px;-webkit-border-radius: 8px;
    border-style: solid;
    border-color: #FFF;
    color: #FFF;
    display:none;
    font-size: 12px;
    left: 10px;
	height: 94%;
	width: 25%;
	min-width: 380px;
	margin-top: 12px;
	filter:alpha(opacity=80);
	opacity: .8;
	padding: 10px 10px 10px 10px;
	position:fixed;
	right: 5%;
	text-align:left;
	top: 1px;
	z-index: 8001;   
}   
/* -----------------------------------------------------------
|                      MainDiv Settings                        |                 
 ----------------------------------------------------------- */
#MainDiv {
    padding: 0;
}
#BgDiv {background-color: #00adef; height: 175px; position: absolute;top:250px;width:100%;z-index:-1; }
/* -----------------------------------------------------------
|             Header and Main Menu Settings                   |                 
 ----------------------------------------------------------- */
#HeaderDiv { background-image: url('../images/bg/MPBanner.png');background-repeat:repeat-x;height:105px;}
#MenuDiv {
    width: 1000px;
	margin-left: auto;
	margin-right: auto;
}
#HPLI_1_a_1_0 { color: white;float: left; font-size:36px;margin-top:18px; cursor:pointer; }
#MMP { font-size: 18px; float:right; width: 370px;margin-top:34px;}
#MMP a { display: inline-block;  margin-left:20px;}
a.MML:link { color: #fff; text-decoration: none; }
a.MML:visited { color:#fff; text-decoration: none; }
a.MML:active { color:#00adef;  text-decoration: none; }
a.MML:hover {color:#00adef;  }
/* -----------------------------------------------------------
|                    Contact Div Settings                     |                 
 ----------------------------------------------------------- */
#ContactBanner { background-color: #00adef; display:none; height:100px;}
#ContactDiv { width: 990px;margin-left:auto;margin-right:auto;padding-left:10px;height:100px;}
.ConP {display:inline-block;color: #fff;Font-family: Arial, Helvetica, sans-serif;	font-size: 18px; font-weight:bold;width:220px; }
.ConP1 { width: 196px; }
.ConF { font-size: 14px; font-weight: normal; }
a.ConF:link { color: #fff; text-decoration: none; }
a.ConF:visited { color:#fff; text-decoration: none; }
a.ConF:active { color:#383739;  text-decoration: none; }
a.ConF:hover {color:#383739;  }
.ConDA {display:inline-block;height: 100px; width: 53px; background-image: url('..images/misc/Arrow.png'); }
#CU_4_g_0_0 { height: 100px; width: 53px; background-image: url('../images/misc/Arrow.png'); float: right; cursor:pointer;}

/* -----------------------------------------------------------
|                    ContentDiv Settings                      |                 
 ----------------------------------------------------------- */
#ContentDiv {
    height: auto;
    width: 1000px;
    margin-bottom:110px;
    margin-left:auto;
    margin-right:auto;
    min-height:650px;
}

/* -----------------------------------------------------------
|                      ProdDiv Settings                        |                 
 ----------------------------------------------------------- */
#ProdDiv {
    height: 600px;
    min-height:600px;
    background-image: url('../images/products/ProductsBanner.png');
    background-repeat:no-repeat;
    background-position: top;
    cursor: pointer;
}
#PPP {
    font-size: 42px;
    font-weight: 300;
    width: 1000px;
	margin-left: auto;
	margin-right: auto;
    top: 490px;
    padding: 0;
    position: relative;
    text-align: center;
}
#PPP a {color: #000; display: inline-block; margin-left:40px;}
.ProdTable { margin: 20px 0px 40px 90px; width: 90%; }
.ProdTitles { color: #000; font-size: 18px; padding-left: 10px; }
.ProdImg { cursor: pointer; }
.ProdIframe { height: 600px; width: 996px; }
.ProdFooter {color: #000;font-size: 14px;text-align:center; }
/* -----------------------------------------------------------
|                     About Page Settings                     |                 
 ----------------------------------------------------------- */
.AboutTB {
     height:600px;
     margin: 0; width: 100%;
     background-image: url('../images/bg/CityBkgd.png');
     background-repeat:no-repeat;
     background-position: top;
}
tr.AboutR1 { height: 120px; }
tr.AboutR2 { height: 300px; }
.AboutF {color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 18px; padding-left:10px;vertical-align: top; width: 700px;}

/* -----------------------------------------------------------
|                      Footer Settings                        |                 
 ----------------------------------------------------------- */
#FooterDiv {
    background-color: #383739; 
    height: 60px;
    min-height:60px;
    bottom: 0;
    position:fixed;
    top:auto;
	text-align:center;
    width:100%;
}
#FDP { color: #fff;z-index:200; }
a.FDL:link { color: #fff;  }
a.FDL:visited { color: #fff;  }
a.FDL:active { font-style:italic; text-decoration: none; }
a.FDL:hover { text-decoration: underline; }
/* -----------------------------------------------------------
|                  Terms of Use Div  Settings                 |                 
 ----------------------------------------------------------- */
#TermsDiv { border: solid 2px #000; padding: 10px; min-height: 600px;}
.TermsTitle { font-size:32px; text-align: center; }
.TermsP { font-size:14px; text-align: left; }


/* -----------------------------------------------------------
|                          Widgets (zw)                       |                 
 ----------------------------------------------------------- */
/* --- Widgets 1 & 2 - Jeu de Taquin (zw1),  Matchup (Zw2) - */
/* Game Div */
.zw1d {background-color: #A00000; border: 4px solid #FFFFFF;margin: 0 auto 0 auto; padding-bottom: 10px;width: 360px; }
.zw2d {background-color: #0000A0; border: 4px solid #FFFFFF;margin: 0 auto 0 auto; padding-bottom: 10px;width: 360px; }
/* Heading */
.zw1h {color: #FFFFFF; font: 32px "Trebuchet MS", Helvetica, sans-serif bold; margin: 2px auto 2px auto; text-align: center; }
/* Game Button P */
.zw1btnp {margin: 0 auto 10px auto; text-align: center; width: 360px;}
/* Game Buttons */
.zw1btn { border: 2px solid #FFFFFF;color: #fff; cursor: pointer; display: inline-block; width: 150px; height: 28px; text-align: center;font: 20px "Trebuchet MS", Helvetica, sans-serif bold; margin: 0 10px 0 10px;}
.zw1btn:hover {color: #000; background-color: #FFF;}
/* Table */
.zw1t {background-color: #FFFFFF; border: 5px ridge #CCC; border-collapse: separate; margin: 0 auto 0 auto; table-layout: fixed; text-align: center;}
.zw2t {background-color: #CCC; border: 5px outset; border-collapse: separate; margin: 0 auto 0 auto; padding: 0px; table-layout: fixed; text-align: center; }
.zw2t td { background-image: url('../images/games/matchup/M4.jpg'); background-position: -800px 0px;}
/* Column Groups  (zgajcg)  (border, background, width, visibility) */
.zw1cg0 {width: 80px; }
/* Cell-tile (TD) (text-align, etc) */
.zw1rc { background-color: #C8C8C8; border: 5px outset #FFFFFF; color: #000000; cursor: pointer; font: 40px Arial, Helvetica, sans-serif bold; height: 80px;}
.zw2rc { background: no-repeat;border: 4px ridge gray; color: red; cursor: pointer; font: 60px Arial, Helvetica, sans-serif bold; height: 80px;}
 /* Cell-empty (TD) (text-align, etc) */
.zw1rce { background-color: #FFFFFF; border: 1px solid #C0C0C0; cursor: default; height: 80px;}
 /* Footer */
.zw1f {border: 2px solid #FFFFFF;color: #FFFFFF; font: 20px "Trebuchet MS", Helvetica, sans-serif bold; height: 28px; margin: 10px auto 0 auto;  text-align: center; width: 330px; }
 
/* --------- Widget 5 - App Info (zw5) --------- */

.zw5d {height: 93%;width:100%; overflow:auto;} 
.zw5mi 
{ border: 1px solid #FFF; border-radius: 5px 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;
  cursor: pointer;
  display:inline-block;
  font-size: 14px;
  margin-right: 4px;
  text-align: center;
  width: 70px;
}
.zw5mi:hover { background-color: #FFF; color: #000; }

/* --------- Widget 7 - Games (zw7) --------- */
.zw7d {color: #fff; font-family:'Comic Sans MS'; width: 100%;}
.zw7dg { width: 100%; display:none;}
.zw7t { font-size: 32px; margin: auto; text-align:center;}
.zw7menu {margin: 10px auto 20px auto;width: 426px;}
.zw7mi { border: 2px solid #fff; border-radius: 5px 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px; cursor: pointer; display:inline-block; font-size: 18px; margin: 0 4px 0 4px; text-align: center; width: 130px;}
.zw7mi:hover { background-color: #fff; color: #000; }