/*-------------------------
	Content Containers
	
	fonts :
	'Franklin Gothic Medium', Georgia, 'Times New Roman', serif
	"Trebuchet MS",Arial,Helvetica,sans-serif
	Arial
	Georgia
-------------------------*/
html { 
	/* background: #101010 url(../../../i/t/intro/); */
	background-color: #000000;
}

body {
	height: 100%;
	width: 100%;
	margin: 0px;
	padding: 0px;
	margin-left: auto;
	margin-right: auto;
	font: normal 12pt "Trebuchet MS",Arial,Helvetica,sans-serif;
}

div#naviBar {
	height: 40px;
	margin-left: auto;
	margin-right: auto;
}

div#naviBar-mini {
	height: 45px;
}

div#logo {
	width: 116px;
	height: 40px;
	background: url(../../../i/t/web2/newLogo.jpg);
	float: left ;
}

div#logo-mini {
	width: 145px;
	height: 45px;
	background: url(../../../i/t/web2/logo-mini.jpg);
	float: left ;
}

div#leftCorner {
	width: 6px;
	height: 34px;
	float: left;
	background: transparent url(../../../i/t/web2/lt-bk.jpg);
}

div#rightCorner {
	width: 6px;
	height: 34px;
	float: right;
	background: transparent url(../../../i/t/web2/rt-bk.jpg);
}

.flashElement {
	background-color: #000;
}

#flashIntro {
	display: block;
	margin-left: auto;
	margin-right: auto;
	background-color: #fff;
}
#bottom-bar-link-container
{
	width:990px;
	height:596px;
	display:block;
	background:url(../../i/t/web2/Site3_bg.png) no-repeat;
	position:absolute;
	margin: 0px;
	border: none;
	padding:0px;
	color: white;
}
#bottom-bar-link-content
{
	display:block;
	position:relative;
	margin:40px 45px 0px 45px;
}

.bottom-bar-link-title 
{
	font: bold 34px Arial;
}
.bottom-bar-link-text 
{
	font: normal 16px Arial;
}
div#blogBody {
	background-color: #fff;
	width: 95%;
}

td#blogLeft {
	padding-left: 10px;
	padding-right: 5px;
	width: 681px;
}

td#blogRight {
	padding-right: 10px;
	width: 300px;
	padding-top: 30px;
}

.blogBL {
	width: 5px;
	height: 5px;
	background: #fff url(../../../i/t/web2/blog-bl.jpg) no-repeat;
	float: left;
}
.blogBR {
	width: 5px;
	height: 5px;
	background: #fff url(../../../i/t/web2/blog-br.jpg) no-repeat top right;
	float: right;
}
.blogWhiteContainer {
 	height: 5px;
 	background-color: #fff;
}

.button1 {
	padding-top: 10px;
	padding-left : 20px;
	padding-right : 20px;
	height: 20px;
}

.button2 {
	padding-top: 10px;
	padding-left : 20px;
	padding-right : 20px;
	height: 30px;
}

.button3 {
	padding-top : 14px;
	padding-left : 20px;
	padding-right : 20px;
	font: bold 11pt Arial;
	color: #e17d05 ;
	cursor: pointer ;
}

span#developer {
	font: bold 10pt Arial;
	color: #fff ;
	text-decoration: underline;
}

.leftBox {
	width: 6px; height: 32px;
	background: url(../../../i/t/web2/leftBox.jpg);
}
.rightBox {
	width: 6px; height: 32px;
	background: url(../../../i/t/web2/rightBox.jpg);
}
.centerBox {
	background: url(../../../i/t/web2/centerBox.jpg) repeat-x;
}
.leftBox2 {
	width: 12px; height: 32px;
	background: url(../../../i/t/web2/leftBox2.jpg);
}

.naviButtons {
	font: bold 10pt Arial;
	color: #ffffff ;
	cursor: pointer ;
}
.upgradeButtons {
	font: bold 10pt Arial;
	color: #cc6ecc ;
	cursor: pointer ;
}
.hide {
	display: none ;
}

/* warning box */
.warningBoxSize {
	height: 373px;
}
.blue-bk { 	background-color: #154792; }
.warningCorners {
	width: 3px;
	height: 5px;
}
td#warning-bl {
	background: #000 url(../../../i/t/web2/warning-bl.jpg) no-repeat;
}
td#warning-br {
	background: #000 url(../../../i/t/web2/warning-br.jpg) no-repeat;
}
.warningText {
	font: bold 10pt Arial;
	color: #fff ;
	text-decoration: underline;
}
.errorTitle {
	color: #fff;
	font: bold italic 30pt Arial;
	text-align: center;
}
.errorTitle2 {
	color: #fff;
	font: bold italic 12pt Arial;
	text-align: center;
}
.errorText {
	color: #fff;
	font: normal 12pt Arial;
	text-align: center;
}
/* feature area */
.featureContainer {
	height: 27px;
	background: #606060 url(../../../i/t/web2/feature-top.jpg) repeat-x;
}
.featureContent {
	padding: 10px;
	background-color: #fff ;
	text-align: left;
	font: normal 10pt Arial;	
}
.feature-tl {
	width: 6px;
	height: 27px;
	float: left;
	background: #606060 url(../../i/t/web2/feature-tl.jpg) no-repeat;
}
.feature-tr {
	width: 6px;
	height: 27px;
	float: right;
	background: #606060 url(../../i/t/web2/feature-tr.jpg) no-repeat top right;
}
/* new feature area */
.featureBlueContainer {
	height: 11px;
	background: #101010 url(../../i/t/web2/featureBlue-top.jpg) repeat-x;
}
.featureBlueContent {
	width: 100px;
	padding-top: 6px;
	padding-left: 10px;
	padding-bottom: 6px;
	padding-right:10px;
	background: #008ee9 url(../../i/t/web2/blue.jpg);
	text-align: left;
	font: normal 10pt Arial;	
}
.featureBlue-tl {
	width: 6px;
	height: 11px;
	float: left;
	background: transparent url(../../i/t/web2/featureBlue-tl.jpg) no-repeat;
}
.featureBlue-tr {
	width: 6px;
	height: 11px;
	float: right;
	background: transparent url(../../i/t/web2/featureBlue-tr.jpg) no-repeat top right;
}
.blueCell {
	width:407px;
	height:152px;
}
.featureTopTitle {
	color: #fff;
	font: bold 18pt Arial;
	text-decoration: none;
	text-align: left;
}
.featureTopTitle2 {
	padding-top: 5px;
	color: #fff;
	font: bold 10pt Arial;
}
.featureBlueText {
	color: #fff;
	font: bold 10pt Arial;
}
.featureBlueFooter {
	background: #008ee9 url(../../i/t/web2/blue.jpg);
	height: 5px;
}
.featureBlue-bl {
	width: 5px;
	height: 5px;
	background: #fff url(../../i/t/web2/featureBlue-bl.jpg) no-repeat;
	float: left;
}
.featureBlue-br {
	width: 5px;
	height: 5px;
	background: #fff url(../../i/t/web2/featureBlue-br.jpg) no-repeat top right;
	float: right;
}
.featureBlueTextArea {
	background: #008ee9 url(../../i/t/web2/blue.jpg);
}
div#featureFlashContainer {
	padding-left: 5px;
	padding-right: 5px;
	width: 406px;
	height: 448px;
	/* background: transparent url(../../i/t/web2/spotlight-bk.jpg) no-repeat top center; */
}
div#featureGameContainer {
	width: 169px;
	height: 448px;
}
.featureGrayContainer {
	height: 20px;
	background: #101010 url(../../i/t/web2/featureGray-top.jpg) repeat-x;
}
.featureGray-tl {
	width: 6px;
	height: 20px;
	float: left;
	background: #101010 url(../../i/t/web2/featureGray-tl.jpg) no-repeat;
}
.featureGray-tr {
	width: 6px;
	height: 20px;
	float: right;
	background: #101010 url(../../i/t/web2/featureGray-tr.jpg) no-repeat top right;
}
.featureGrayFooter {
	background: #414141 url(../../i/t/web2/gray.jpg);
	height: 5px;
}
.featureGray-bl {
	width: 5px;
	height: 5px;
	background: #fff url(../../i/t/web2/featureGray-bl.jpg) no-repeat;
	float: left;
}
.featureGray-br {
	width: 5px;
	height: 5px;
	background: #fff url(../../i/t/web2/featureGray-br.jpg) no-repeat top right;
	float: right;
}
.featureGrayTextArea {
	background: #414141 url(../../i/t/web2/gray.jpg);
}
.gameImage {
	padding-top: 8px;
}
.featureGameTitle {
	color: #fff;
	font: normal 8pt Arial;
}
.featureText {
	color: #abe1fc;
	font: normal 9pt Arial;
}
/* webmail related */
.webmailTitle {
	width: 150px;
	text-align: right;
	padding-right: 10px;
}
.emailTitle {
	margin-top: 40px;
	font: bold 20pt Arial;
}
.emailTitleText {
	font: normal 12pt Arial;
}

/* blog related */
.blogEntryTitle {
	font: bold 22pt "Trebuchet MS",Arial,Helvetica,sans-serif;
	color: #000;
	text-decoration: none;
}
.blogEntryTitle a {
	/* font: bold 20pt Georgia; */
	font: bold 22pt "Trebuchet MS",Arial,Helvetica,sans-serif;
	color: #000;
	text-decoration: none;
}
.blogEntryAuthor {
	font: bold 8pt Georgia;
	color: #737373;
	text-decoration: none;
}
.blogEntryAuthor a {
	font: bold 8pt Georgia;
	color: #737373;
	text-decoration: none;
}
.blogEntryTime {
	font: bold 8pt Georgia;
	color: #737373;
	text-decoration: none;
	border-bottom: 1px dotted #737373;
}
.blogEntryText {
	font-family:"Times New Roman";
	font-size:14px;
	color: #000;
	text-decoration: none;
}
.blogEntryReadMore a {
	font: bold 8pt Georgia;
	color: #3f95ee;
	text-decoration: none;
}
.blogEntryComment {
	font: normal 8pt Georgia;
	color: #3f95ee;
	text-decoration: none;
}

.monthlyArchives {
	color: #fff;
	padding-right: 10px;
	padding-top: 2px;
	height: 18px;
	font: normal 10pt "Trebuchet MS",Arial,Helvetica,sans-serif;
	background-color: #c8c8c8;
	text-align: right;
	text-decoration: none;
}
.monthlyArchives a {
	color: #fff;
	text-decoration: none;
}
.archiveLinks {
	padding-top: 5px;
	height: 20px;
	font: normal 10pt "Trebuchet MS",Arial,Helvetica,sans-serif;
	color: #0072e9;
	text-decoration: none;
}
.archiveLinks a {
	font: normal 10pt "Trebuchet MS",Arial,Helvetica,sans-serif;
	color: #0072e9;
	text-decoration: none;
}

.horzLine {
	margin-top: 20px;
	border-top: solid 1px #c8c8c8;
}

#naviBar ul, #naviBar-mini ul {
	display: inline;
}

#naviBar ul li{
	text-align: center;
	height: 32px;
	float: left;
	display: none;
	list-style: none;
}

#naviBar-mini ul li{
	text-align: center;
	float: left;
	display: inline;
	list-style: none;
}

#naviBar ul li a{
	font: normal 11pt Arial;
	color: #81d7ff ;
	text-decoration: underline ;
}
#naviBar ul li a:hover {
}

#naviBar ul li a span{
}

.left { float: left ; }
.right { float: right ; }

div#footerContainer {
	font: normal 10pt "Trebuchet MS",Arial,Helvetica,sans-serif;
	color: #0072e9;
	margin-left: auto;
	margin-right: auto;
}

.footerLink {
	font: normal 10pt "Trebuchet MS",Arial,Helvetica,sans-serif;
	padding-right: 10px;
	color: #0072e9;
	text-decoration: none;
}

.footerLink:hover {
	text-decoration: underline;
}

input, textarea {
	font: normal 10pt Arial;
	border: 1px #004992 solid;
}
/* IE6 can't use it
input:focus, textarea:focus {
	background-color: #c9d2de;
}
*/

/* Begin Images */
img {
	border: 0px;
}

td p img {
	border: 1px sold red;
}

p img {
	padding: 4px;
	max-width: 100%;
	display: table;
	}

img.centered {
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	display: inline;
	}

img.alignleft {
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
p, dl, multicol {
	width: 100%;
	display:table;
}
table {
	margin-left: auto;
	margin-right: auto;
}
/* End Images */
/* new BLOG */
div#content {
	/* replaced the id=blogBody */
	background-color: #fff;
}

#sidebar ul {
	margin: 0;
	padding: 0;
}

#sidebar ul li h2 {
	width: 100%;
	color: #fff;
	padding-top: 3px;
	padding-bottom: 3px;
	line-height: 25px;
	font: bold 10pt Arial;
	background-color: #c8c8c8;
	text-align: right;
	text-decoration: none;
}
#sidebar ul li, #sidebar ul li a, .nocomments, .postmetadata, blockquote, strike {
	/* replaced the archiveLinks */
	font: normal 10pt Arial;
	color: #0072e9;
	line-height:20px;
	text-decoration: none;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}
.postmetadata a {
	color:#0072E9;
	font: normal 10pt "Trebuchet MS",Arial,Helvetica,sans-serif;
	text-decoration:none;
}
.postmetadata a:hover {
	text-decoration: underline;
}
.navigation {
	font: normal 10pt Arial;
	color: #fff;
	background: #6f6c6b;
	width: 100%;
}
.navigation a {
	font: normal 10pt Arial;
	color: #fff;
	text-decoration: none;
}
.navigation a:hover {
	color: #fff;
	text-decoration: underline;
}
.blogEntryTitle2, .blogEntryTitle2 a {
	font: bold 22pt "Trebuchet MS",Arial,Helvetica,sans-serif;
	color: #000;
	text-decoration: none;
	border-bottom: 1px solid silver;
}
.blogEntryText a {
	color: #0072E9;
}

.otherPages {
	background-color: white;
	text-align: center;
}

/* For new payment page */
.avatarName {
	font: normal 12pt Arial;
	color : #008ee9;
}
label {
	font: bold 10pt Arial;
	color : #008ee9;
}
.inputHeight {
	height: 27px;
}
input:focus {
	border: 1px #008ee9 solid;
}
textarea:focus {
	border: 1px #008ee9 red;
}
.inputError {
	border: 1px solid red;
}
.inputHR {
	margin-top: 14px;
	margin-bottom: 14px;
	border-top: 1px #7f7fa4 dashed;
	height: 1px;
}
div#paymentTitle1 {
	text-align: left;
	margin-top: 7px;
	font: bold 30pt Arial; 
	flat: left;
}
div#paymentTitle2 {
	text-align: left;
	font: bold 9pt Arial; 
	flat: left;
}
div#paymentImage {
	float: right;
	background: #ffffff url(../../../../../i/t/web2/secure.jpg);
	margin-top:32px;
	width: 129px;
	height: 33px;
}
table#plan-bk {
	width: 544px;
	height: 60px;
	background: #ffffff url(../../../../../i/t/web2/plan-bk.jpg);
}
.planTitle1 {
	font: bold 10pt Arial;
	color: #fff;
	margin-left: 20px;
	width: 300px;
	float: left;
}
.planTitle2 {
	font: bold 14pt Arial;
	margin-left: 20px;
	color: #fff;
	float: left;
}
.planTitle3 {
	margin-top: 10px;
	font: bold 12pt Arial;
	color : #008ee9;
	float: left;
}
.planTitle4 {
	margin-top: 10px;
	margin-bottom: 50px;
	font: bold 10pt Arial;
	color: #000;
	float: left;
}
.planSubmit {
	cursor: pointer;
	background: #000000 url(../../../../../i/t/web2/submit_default.gif);
	width: 164px;
	height: 38px;
	border: 0;
}
.planSubmit_hover {
	background: #000000 url(../../../../../i/t/web2/submit_over.gif);
}
.downloadButton {
	cursor: pointer;
	background: #000000 url(../../../../../i/t/web2/downloadBig_default.gif);
	width: 164px;
	height: 38px;
	border: 0;
}
td#systemErrors {
	font: bold 10pt Arial;
	color: #ff0000;
}
td#paymentFAQ {
	text-align: center;
    font: bold 10pt Arial;
	color: #ff0000;
}
ul li#backButton {
	font: bold 11pt Arial;
	color: #fff ;
	cursor: pointer ;
	text-decoration: underline;
	display: none;
}
div#disabledButton {
	cursor: normal;
	width: 164px;
	height: 38px;
	border: 0;
	background: #000000 url(../../../../../i/t/web2/submit_disabled.gif);
}

/* privacy policy styles */

#priv-policy-container
{
	position:relative;
	width:70%;
	height:350px;
	background-color:white;
	overflow-y:auto;
	overflow-x: hidden;
	color:black;
	border: solid;
	border-width:2px;
	border-color:#0072e9;
	text-align:left;
	padding: 0px 40px;
	margin-top: 5%;
}
div#faqContent1 {
	padding-top: 20px;
	padding-left: 45px;
	padding-right: 10px;
}
div#faqContent3 {
	padding-top: 20px;
	position:relative;
}

div#faqContent2 {
	margin-right: 2px;
	padding-top: 20px;
	padding-right: 35px;
	background-color: #fff;
}
.faqTitle {
	font: bold 16pt 'arial';
	color: #3e5cb6;
	text-decoration: underline;
}

.faqTitle2 {
	font: bold 20pt 'arial';
	color: #3e5cb6;
}

.faqContentTitle {
	font: bold 12pt 'arial';
	color: #3e5cb6;
}

.faqContentText {
	position: relative;
	font: normal 10pt 'arial';
}
.faqContentTextBold {
	position:relative;
	font: bold 10pt 'arial';
}

.linkContent {
	overflow: auto;
}

.faqInlineImage
{
	display: inline;
	position: relative;
	top: 6px;
}

#privacy, #press, #contactUs, #parents, #developers, #flowplay, #affiliates { display: none; float: left; }

.hide { display: none; }
.floatLeft { float: left; }
.floatRight { float: right; }
.clickAble { cursor: pointer; }

/* Game Developers Section*/
#gd-form
{
	float:right;
	height:460px;
	width:430px;
}
#gd-form-table
{
	background: transparent url(../../i/t/web2/transparentBG.png) repeat;
	height:460px;
	width:430px;
	clear:both;
}
#gd-form-title
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	padding:6px 9px;
	text-align:left;
	color:white;
	
}
#gd-form-body-field td
{
	padding: 21px 0px;
}
#gd-form-field-name
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	padding-right:4px;
	color:white;
}
#gd-form-tl
{
float:left;
	height:3px;
	width:3px;
	background: transparent url(../../i/t/web2/transparentBG-tl.png) no-repeat;
}
#gd-form-tr
{
float:left;
	height:3px;
	width:3px;
	background: transparent url(../../i/t/web2/transparentBG-tr.png) no-repeat;
}
#gd-form-bl
{
float:left;
	height:3px;
	width:3px;
	background: transparent url(../../i/t/web2/transparentBG-bl.png) no-repeat;
}
#gd-form-br
{
float:left;
	height:3px;
	width:3px;
	background: transparent url(../../i/t/web2/transparentBG-br.png) no-repeat;
}
#gd-form-fill
{
float:left;
	height:3px;
	width:424px;
	background: transparent url(../../i/t/web2/transparentBG.png) repeat;
}
#gd-info
{
	float:left;
	width:430px;
}
#gd-image
{
	position: absolute;
	padding-left: 10px;
	bottom: 0px;
	left:8px;
	z-index:1;
}
/* Affiliates section */
#aff-form
{
	float:right;
	width:430px;
}
#aff-form-table
{
	background: transparent url(../../i/t/web2/transparentBG.png) repeat;
	width:430px;
	clear:both;
}
#aff-bullet-points td
{
	padding-top:14px;
}
#aff-bullet-points
{
	margin-bottom:20px;
}
#already-aff
{
	font: normal 16px Arial;
	text-align:center;
	margin:35px 0px 0px 0px;
	padding:0px;
}
#already-aff p
{
	line-height: 28px;
	vertical-align:middle;
	margin:5px 0px 0px 0px;
	padding:0px;
}
#toWeblogin
{
	display:inline-block;
	width:119px;
	height: 28px;
	background: transparent url(../../i/t/web2/Site3_blue_button.png) no-repeat;
	text-align:center;
	text-decoration:none;
}
#toWeblogin:link
{
	color:white;
}
#toWeblogin:visited
{
	color:white;
}
#toWeblogin:hover
{
	color:#0072e9;
}
#bullet
{
	padding-right:12px;
}
#bullet-text
{
	font: bold 16px Arial;
	color:white;
}
#sign-up
{
	margin:5px 0px 0px 0px;
	padding:0px;
}

/* Top Bar */
div#menu-container
{
	position:absolute;
	color:white;
	width:100%;
	height:50%;
	overflow: hidden;
	z-index: 0;
}
	div#navigation-menu
	{	
		width:40%;
		margin:0px auto;
		text-align:left;
	}
		ul#navigation-menu-list
		{
			list-style-type: none;
		}
			li#menu-link
			{
				text-align:center;
				float: left;
				padding: 2px;
				background-color:grey;
				font-size: 0.9em;
				width: 19%;
				
			}
				#menu-link a:link
				{
					text-decoration: none;
					color: white;
				}
				#menu-link a:visited
				{
					text-decoration: none;
					color: white;
				}
				#menu-link a:hover
				{
					text-decoration: underline;
					color: white;
				}
			ul#sub-menu
			{
				list-style-type: none;
				margin:0px;
				padding:0px;

			}
				li#sub-menu-link
				{
					margin:0px;
					padding:0px;
					background-color:#666666;
					font-size: 0.8em;
					border-style:solid;
					border-color:grey;
					border-width:2px 0px 0px 0px;
					width:100%;
				}