/* DOWNLOAD FORM STYLESHEETS */

#freeDownload {
	margin:0;
	padding:40px 0 0 0;
	width:350px;
}
#freeDownload .left {
	position:relative;
	margin:0;
	padding:3px 10px 0 0;
	width:150px;
	height:20px;
	font-size:8pt;
	text-align:right;
	color:#fff;
	float:left;
}
#textContainer {
	position:absolute;
	background: url(/images/new-images/home/text-bg.jpg) repeat-x;
	width: 860px;
	height: auto;
	top:114px;
	left:25px;
	margin: 0;
	padding: 10px 15px;
}
#textContainer h1 {
	color: #ffcc00;
	font-size: 22px;
	margin: 0 0 10px 0;
	padding: 0;
}
#textContainer h2 {
	color: #999;
	font-size: 13px;
	margin: 10px 0 3px 0;
	padding: 0;
}
#textContainer p {
	margin: 3px 0;
	padding: 0;
}
#textContainer a {
	color: #ffcc00;
}
#freeDownload .leftSecurityCode {
	margin:0;
	padding:35px 10px 0 0;
	width:150px;
	height:20px;
	font-size:8pt;
	text-align:right;
	color:#fff;
	float:left;
}
#freeDownload .right {
	position:relative;
	width:170px;
	height:23px;
	font-size:8pt;
	text-align:left;
	color:#fff;
	float:left;
	line-height:2px; /* NOTE: SPACE BETWEEN SECURITY CODE CAPTCHA AND TEXT BOX BELOW */
}
#freeDownload .right img {
	margin:2px 0 5px 0;
}
#freeDownload .right .captchaInput {
	width:155px;
	text-align:left;
	font-size:8pt;
	font-weight:bold;
}
#freeDownload select {
	position:relative;
	width:160px;
	font-size:8pt;
}
#freeDownload input[type=text] {
	width:160px;
	text-align:center;
	font-size:8pt;
}
#freeDownload .MobileCode {
	width:30px !important;
	text-align:center;
}
#freeDownload .MobileNumber {
	color:#999;
	width:116px !important;
	text-align:center;
}
#freeDownload #download {
	position:absolute;
	top:255px;
	left:390px;
	display:block;
	width:232px;
	height:39px;
	margin:0;
	padding:0;
}
/* THANK YOU POPUP */

.thankYou {
	margin:150px auto;
	padding:0;
	width:500px;
	height:auto;
	background:#3A3A3A;
	position:relative;
	border:4px solid #c9c9c9;
	z-index:10003;
}
.thankYou div {
	margin:0;
	padding:20px;
	font-size:9pt;
	color:#fff;
	text-align:center;
}
.thankYou div a {
	color:#fff;
	cursor:pointer;
	text-decoration:underline;
}
.thankYou div p, .thankYou div ol li {
	text-align:left;
}
.thankYou div h1 {
	margin:0 auto;
	padding:0;
	width:295px;
	height:90px;
	background:url(/images/home-thank-you.gif);
	text-indent:-9999em;
}
.thankYou div h2 {
	display:none;
}
.thankYou .close {
	text-align:center;
}
.thankYou .closeButton {
	position:absolute;
	top:0;
	right:0;
	cursor:pointer;
}
/* thank you and sorry divs */ 
#divMessages {
	width:100%;
	height:100%;
	text-align:center;
	position:absolute;
	top:0;
	left:0;
	z-index:10000;
}
.sorry {
	position:relative;
	border:4px solid #c9c9c9;
	margin:150px auto !important;
	width:292px;
	height:160px;
	background:#3a3a3a url(/images/sorry.gif);
	z-index:10002;
}
.sorry h5 {
	width:auto;
	height:60px !important;
	margin:0 !important;
	padding:0 !important;
	text-indent:-9999em;
	display:block;
}
.sorry p {
	text-align:center;
	font-size:9pt;
	font-weight:bold;
	color:#fff;
}
.sorry a {
	cursor:pointer;
	text-decoration:underline;
}
/* game preview / download block */



/*
\/--------------------------\/
  Required for Modal Windows 
\/--------------------------\/
.graydiv {position:absolute;background:grey;left:0;top:0;z-index:1 !important;display:none;}  
.ModalBackground{z-index:1 !important;background-color:black;filter:alpha(opacity=50);opacity:0.5;}
*/
#downloadwrapper, #gameviewwrapper {
	position:fixed;
	height:100%;
	top:0;
	left:0;
	overflow:hidden;
	display:none;
	z-index:100010;
}
#downloadoverlay, #gameviewoverlay {
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	width:100%;
	height:100%;
	background:#000;
	opacity:0.65;
	-moz-opacity:0.65;
	filter:alpha(opacity=65);
}
#secFreeDownload {
	position: relative !important;
}
/* The hint to Hide and Show */
.hint {
	display: none;
	position: absolute;
	left:140;
	width: 176px;
	height:58px;
	margin: -27px 0 0 0;
	padding: 22px 20px 0 25px;
	/* to fix IE6, I can't just declare a background-color,
    I must do a bg image, too!  So I'm duplicating the pointer.gif
    image, and positioning it so that it doesn't show up
    within the box */
    background: url(/images/hintbox.png) no-repeat top left;
	line-height:12pt !important;
	font-size:8pt;
	font-weight:bold;
	color:#fff;
	z-index:10500;
}
/* The pointer image is hadded by using another span */
.hint .hint-pointer {
	position: absolute;
	left: -10px;
	top: 5px;
	width: 10px;
	height: 19px;
	background: url(/images/pointer.gif) left top no-repeat;
	z-index:10000;
}
#android-ipad-iphone {
	position:absolute;
	top:87px;
	left:23px;
	width:197px;
	height:106px;
	margin:0;
	padding:0;
	background:url(../images/android-ipad-iphone.png) no-repeat;
}