/* -------------------------- */
/* ----- Global Styles ------ */
/* -------------------------- */
#fs_faq input, #fs_faq select, #fs_faq textarea{width: 250px !important;}
#fs_faq div.error{width: auto;}
.error{color: #0000FF;}

#popuplink{
	display: block;
	font-size: 10px;
	position: absolute;
	top: 80px;
	left: 0px;
}

body {
    background-color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
	color: #fff;
	line-height:14px;
	}
	#modal	{
		color:#000 !important;
	}
h3 {
	font-size:15px;
	font-weight:bold;
	margin:0;
	}

a {
	color:#fff;
	}
	#modal a	{
		color:#000;
	}
	#modal p	{
		padding:0 0 10px 0;
	}

hr {
    
}

img {
    border: none;
}

input,
select,
textarea {
	font-size:10px;
	/*padding:1px;*/
	}

strong {
	font-weight:bold;
}

/* -------------------------- */
/* ---- Container styles ---- */
/* -------------------------- */

#bg_repeat	{
	background-image:url(../images/bg_repeat.jpg);
	background-repeat: repeat-y;
}

#bg_top {
	background-image:url(../images/bg_top.jpg);
	background-repeat: no-repeat;
	background-color:#8dc63f;
	background-position:center, top;
	width:100%;
	height: 263px;
	}
	
#bg_mid_top {
	background-image:url(../images/bg_mid_top.jpg);
	background-repeat:no-repeat;
	background-position:center, top;
	width:100%;
	height: auto !important; 
	height: 139px; 
	min-height: 139px;
	}
	
#bg_middle {
	background-image:url(../images/bg_middle.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	width:100%;
	}




	
#bg_bottom	{
	background-image:url(../images/bg_bottom.jpg);
	background-position:center, bottom;
	background-repeat: no-repeat;
	height: auto !important; 
	height: 87px; 
	min-height: 87px;
}

#container {
	margin:0 auto;
	width:835px;
	}
#game_experience {
	padding-bottom:60px;
	width: 390px;
	}

#content_game {
	padding-left:244px;
	padding-top:277px;
	width:650px;}
	
#no_flash_link	{
		text-align:left;
		width:330px;
	}


#container_janky {
	color:#FFFFFF;
	padding-left:490px;
	padding-top:155px;
}




#container_intro {
	padding-left:207px;
	padding-top:362px;
}

#container_scaling {
	padding-top: 60px;
	padding-left: 0;
}

#container_info {
	padding-left:207px;
	padding-top:306px;
}


#links {
	padding: 20px 0;}
	
#taf_button { display:inline;}

#body_left {
	float:left;
	width: 290px;
	padding-left: 75px;
	padding-bottom: 52px;
	}
#body_right {
	float:left;
	width: 350px;
	padding-top:22px;
	}

#reg_left {
	float:left;
	padding-left:247px;
	padding-top:222px;
	width:391px;
	}
#reg_right {
	background-color:#80b636;
	float:left;
	margin-left:36px;
	margin-top:200px;
	padding-left:35px;
	padding-top:20px;
	padding-bottom: 22px;
	width:444px;
	}
	
#container_viral {
	padding-top: 94px;
	padding-left: 106px;
	height: 434px;
	position:relative;
	color:#FFFFFF;
	width:950px;
}

#viral_left {
	float:left;
	width: 393px;
	padding-top: 191px;
	}
#viral_right {
	float:left;
	width:500px;
	padding-top:60px;
	}

#age_field {
	width: 400px;
	padding-left:100px;
	padding-top: 58px;}
	
#age label {
	display:none;
	}
#intro_age_form input {
 display:block;
 margin-top: 24px;}
 
 

/* -------------------------- */
/* ----- Headline styles ---- */
/* -------------------------- */

h1 {
    color: #fff200;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 15px;
    padding:0 0 15px 0;
}
	#remote_content h1	{
		font-size:20px;
	}

h2 {
    color: #fff200;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 22px;
	margin-bottom:12px;
}


#body_copy {
	width: 380px;
	line-height:1.1em;
	padding: 10px 0;
	}
   

 
 #intro #fs_login input {
 margin-top: 10px;
	}
 #email input, #auth_code input{
	font-size:10px;
	width: 271px;
	margin-top: 0px !important;
	}
   
/* -------------------------- */
/* ---- Page form styles ---- */
/* -------------------------- */


p.disclaimer{
	font-size:10px;
	padding:15px 0 0 80px;
	width:310px;
	color:#B39541;
}
form#intro_login_form {position: relative;}

    form#intro_login_form legend {
        display: none;
    }
    
  
    form#intro_login_form fieldset input{
        padding-top: 2px;
		}    
  


 form#intro_login_form fieldset input img{
        padding-top: 8px;
		width:100px;
		margin-bottom:22px;
		border: solid 1px;

    }
        form#intro_login_form fieldset div {
            padding-right: 10px;
			padding-bottom:10px;
        }
		
	
            form#intro_login_form fieldset label {
                display: block;
                font-size: 10px;
				width: 100px;
            }
        
        
        
form#taf_form {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	}
    
    form#taf_form legend {
        display: none;
    }
    
    form#taf_form fieldset {
        margin-bottom: 8px;    
        width: 510px;
    }
    
        form#taf_form fieldset div{
            float:left;
            width: 204px;
        }
        
            form#taf_form fieldset div label {
                display: block;
            }
            
            form#taf_form fieldset div input {
                width: 180px;
            }

form#faq_ask {
   text-align: center;
}
	form#faq_ask input, form#faq_ask select, form#faq_ask textarea {
		font-size: 12px;
	}

    form#faq_ask fieldset {
        border-top: 1px solid #ccc;    
        padding: 4px;
        padding-top: 20px;
        text-align: left;        
    }
    
        form#faq_ask fieldset legend {
            font-weight: bold;
            margin-left: 5px;            
            padding: 5px;
        }
        
        form#faq_ask fieldset div {
            padding-bottom: 5px;
        }
        
            form#faq_ask fieldset label {
                display:block;
                padding: 4px 7px 0 0;
                float:left;
                text-align: right;
                width: 145px;
            }
			form#faq_ask fieldset div.error{
				font-size: 12px;
			}
            
            
            form#faq_ask fieldset textarea {
                height: 90px;
                width: 195px;
            }
            
form#oamoe_form {
    text-align: center;
}

/* -------------------------- */
/* ----- Footer styles ------ */
/* -------------------------- */
#footer {
	background-image:url(../images/bg_footer.gif);
	background-repeat:repeat;;	
	height: auto !important; 
	height: 256px; 
	min-height: 256px; 
	width:100%;
	line-height:1em;
	}
	
.pink_footer {
	color:#ec008c;
	font-weight:bold;
	margin-bottom: 10px;
	}
	
#nav_bg{
	background-image:url(../images/bg_nav.gif);
	background-position:center;
	background-repeat:no-repeat;
	padding: 15px 0;
	text-align:center;
	width:100%;
	}

div#global_nav {
	height:43px;
    margin: 0px auto 15px auto;
    width: 800px; 
	font-size: 8px;
	color:#9b9b9b;
	padding:12px 0 0 0;
	text-align:center;
	line-height:1.1em;
}

div#global_nav a{
	color: #9b9b9b;
	text-decoration: none;
	}

    div#global_nav ul {
		color: #9b9b9b;
	margin-bottom:5px;
    }

        div#global_nav li {
            display: inline;
            padding-right: 5px;
            margin-right: 10px;
			font-size: 9px; 
            border-right: 1px solid #9b9b9b;
        }
        
        div#global_nav li.last_nav_item {
            border-right: none;
        }
    
    div#global_nav .text {
        float:left;
        width: 670px;  
		color: #9b9b9b;      
    }
            
/* -------------------------- */
/* ------ Misc styles ------- */
/* -------------------------- */

div.error {
    color: #0000ff;
	width: 380px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
}

div.error2 {
    font-weight: bold;
    color: #0000ff;
	width: 380px;
	font-size: 9px;
	height: 10px;
	padding-top:12px;
}


#fs_login #email.error {
    font-weight: bold;
    color: #0000ff;
	width: 205px;
	font-size: 9px;
	padding:4px 0;
}


div.error label img {
    display: none;
}

form#reg_form fieldset div.error,
div#captcha.error {
    background-color: transparent;
    border: none ;
}

.clear {
	clear:both;
	}



/* -------------------------- */
/* ------ Modal styles ------ */
/* -------------------------- */

#modal div#container {
    margin: 10px;
    padding: 10px;
    width: auto;
	background-color:#8dc63f;
}
    
    #modal div#container #content {
        background-color: transparent;
        padding: 0;
    }
    
        #modal div#container h1 {
            font-size: 30px;
        }
        
        #modal div#container div#main {
            padding: 10px;
        }
        
            #modal div#container div#main h2 {
				color:#000;
                font:bold 20px Arial, Helvetica, sans-serif;
				text-align:center;
				width:auto;
            }
            
    #modal dl#faq_body_copy {
        font-size: 13px;
        line-height: 18px;
        padding-left: 20px;        
    }
        
        #modal dl#faq_body_copy dt:first-letter {
            margin-left: -20px;
            font-weight: bold;
        }

        #modal dl#faq_body_copy dd:first-letter {
            margin-left: -20px;
            font-weight: bold;
        }

        #modal dl#faq_body_copy dt {
            font-weight: bold;        
            padding-bottom: 3px;
        }
        
        #modal dl#faq_body_copy dd {
            padding-bottom: 20px;
        }
		
		
#reg_thanks_buttons form{
	float:left;
	width:200px;
}
#viral_form_buttons	{
	text-align:center;
	width:390px;
}
	#viral_form_buttons a,
	#viral_form_buttons input	{
		display:inline;
		margin:0 22px;
	}
/*#viral_form_buttons{
	float:left;
	height:28px;
	left:750px;
	margin:0;
	padding:0;
	position:absolute;
	top:442px;
	width:127px;
}*/		
#viral_right div.error{
	font-size:12px;
	
}	
#viral_right div.error img{
	display:none;
	float:right;	
}