@charset "utf-8";
/******************** 
 * Playfish.com CSS *
 ********************/
#playfishTopBarContainer
{
	margin-left: -38px;
	margin-top: 27px;
}
.subMenuLink
{
	text-decoration:none;
	color: #1C809C;
}
.subMenuLink:hover
{
	text-decoration:underline;
	color: #FF23A0;
}
/**************************
* Playfish top menu v2
***************************/
div#playfishMenu
{
	width: 891px;
	height: 73px;
	background-image: url(http://d2syub29v5lge2.cloudfront.net/web/playfishcom/img/playfish_menu_bg.png);
	background-position:0 30px;
    background-repeat: no-repeat; 
	margin: 0 auto;
	padding-top: 30px;
	position: relative; left: -55px;
}

div.playfishMenuItem {
	width: 124px;
	height: 44px;
	float: right;
	margin: 15px 15px 0 0;
	background-image: url(http://d2syub29v5lge2.cloudfront.net/web/playfishcom/img/menu_bg.gif);
    background-repeat: no-repeat;
    text-align: center;
    padding-top: 10px;
	cursor: pointer;
}

div#playfishMenu a {
	color: #FFF;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 20px;
	font-weight: bold;
	text-decoration: none;
	cursor:pointer;
}

div#playfishMenu a:hover * {
	/* color: #c0fffe; */
	text-decoration: underline;
}

.playfishLink {
	padding: 68px 162px 0 0;
	position: absolute; left: 15px; top: 18px;
}




/****************************
 * Temp borders, design aid *
 ****************************/ /*
div#main {border: 1px dashed blue;}
div.column {border: 1px dashed red;}
div.narrow_content {border: 1px solid red;}
div.wide_content {border: 1px solid green;}

.float_left {display: inline; float: left;}
.float_right {display: inline; float: right;} */

/********************************
 * Column types - do not change *
 ********************************/
 
html, body {
  height: 101%;
	
}

#container {
	overflow:hidden;
min-height: 100%;
width: 1022px;
margin-left: auto;
margin-right:auto;
background-repeat:repeat-y;
background-image: url(http://d2syub29v5lge2.cloudfront.net/web/playfishcom/img/page_bg.gif);
}

#submenu
{
	margin-top: 10px;
	margin-left: -15px;
	float: left;
	font-size: 12px; 
	z-index: 5000;
	color: #1C809C;
}
* html #container #overlay {
height: 100%;
}

div.main {width: 1000px; margin: 0 auto 0 auto; height: 100%; margin-top: -15px; padding-top: 40px;}
div.full_width{width: 770px; float: right; margin-right: 35px; border: 0px dotted green; position: relative; }
div.half_width {width: 355px; float: left; padding: 10px; border: 0px dotted black;}
div#right {float: right;}
div.triplet {width: 240px; float: left; border: 0px dashed #6633FF; margin-left: 4px; padding: 5px;}
div.narrow_column{width: 175px; float: left; margin-top: 20px; border: 0px dashed red;}
/* Fill uses the amount of space available when you have positioned other elements */
div.fill {margin: 15px 0 15px 0; float: right; width: 100%;}
/****************
 * Basic styles *
 ****************/
 * {border: none; text-decoration: none; font-family: Arial, Tahoma, Verdana, sans-serif;}
html>body #wrap {height:100%;}
h1 {font-size: 36px; color: #FF23A0; margin: 30px 0 15px 9px;}
h2 {font-size: 16px; color: #1C809C; font-weight: bold;}
h3 {font-size: 14px; color: #1C809C; font-weight: bold;}
h3#subheader {margin-top: -18px;}
.light {color: #35C1E8;}
div {line-height: 120%;}
p {font-size: 12px; color: #1C809C; text-align: justify;}
a {font-size: 12px; color: #FF23A0; text-decoration: underline;}
ul.list li {font-size: 13px; list-style: circle; margin-top: 8px;}


/********
 * Blog *
 ********/
ul.databox li {color: #FF23A0; font-size: 13px; font-weight: bold; margin-top: 8px;}
a.blog_heading {font-size: 14px; font-weight: bold; text-decoration: none;}
a.read_more {margin: -60px 0px 0 250px;}
p.blog_entry {font-size: 9px; color: #7c1550; margin: 0;}
p.blog_text {text-align: justify; padding: 0; margin: 12px 0 0 0;}
img.blog {display: inline; float: left; margin: 18px 8px 8px 0;}


b {margin-top: 20px;}
ul {font-size: 12px; color: #1C809C;}
/*
/********************
 * Top menu content *
 ********************/
div#top {height: 43px; width: 875px; background-image: url(http://d2syub29v5lge2.cloudfront.net/web/playfishcom/img/menu_placeholder.png); background-color: #FFFFFF; margin-top: 28px; margin-left: -37px;}
div#main_menu {margin-left: -30px;}
/* ul#top_links li {list-style: none; display: inline; float: left; margin-top: 79px; margin-right: 14px;}
a.main_link {width: 30px; font-size: 20px; color: #FFFFFF; margin-left: 20px; text-decoration: none;} */
ul#top_links li {list-style: none; display: inline; float: left; margin-top: 10px; margin-right: 14px;}
a.main_link {width: 30px; font-size: 20px; color: #FFFFFF; margin-left: 20px; text-decoration: none;}
a.main_link:hover {text-decoration: underline;}


/******************
 *  Main content  *
 ******************

/* The centered canvas page */
div#main {width: 1000px; margin: 0 auto;} 

/* Left and right columns, only used to hold wide and narrow content */
div.column {width: 398px; min-height: 500px; display: inline; float: left; margin-top: 50px;} 

/* Wide and narrow content holders. Right holders have their own id due to slightly different positioning */
div.wide_content {width: 350px; min-height: 300px; margin-left: 30px; padding-bottom: 20px;}
div#wide_content_right {margin-left: 16px;}
div.narrow_content {width: 166px; min-height: 300px;  display: inline; float: left; margin-left: 30px;}
div#narrow_content_right {width: 166px; min-height: 300px;  display: inline; float: left; margin-left: 16px;}

/* Footer, copyright information only */
div#footer {width: 760px; min-height: 14px; margin: 0 auto; border: 1px solid #1D9DC1; border-width: 1px 0 0 0; margin-top: 60px;} 
div#footer p {font-size: 10px; color: #1D9DC1; text-align: center; margin-top: 5px;}
a.footer_link{font-size: 10px;color: #1D9DC1;}

/**********************************************************************
 * Any page specific changes go in here, please comment any additions.*
 *********************************************************************/
 
 /****************************
 * Frontpage game feature*
 ****************************/
 #front_feature
 {
	 width:500px;
	 float:left;
	 margin: 20px 0px 0px 0px;
	 border:none;
	 padding-bottom:35px;
 }
 .front_feature_small
 {
	overflow:hidden;
	float:left;
	margin: 10px 0px 0px 15px;
 }
/********************
 * Jobs Page Styles *
 ********************/
a.job {font-size: 14px; text-decoration: none;}
a.job:hover {text-decoration: underline;} 
 
ul.geo_fact_list {list-style-type: none; margin-left: 0px; padding:0;}
ul.geo_fact_list li {background-image:url(http://d2syub29v5lge2.cloudfront.net/web/playfishcom/img/geochallenge_bullet.gif); margin-left:0px; padding:0; background-repeat: no-repeat;background-position: 0 2px; margin-top: 8px; text-indent: 25px; font-weight: bold;}
 
/****************
 * Blog buttons */

div.iframe_container {width: 315px; height: 140px; background-image: url('http://d2syub29v5lge2.cloudfront.net/web/playfishcom/img/show_your_love.gif'); background-position: right; background-repeat: no-repeat; float: left; position: relative; left: 0px;}
div.iframe_container iframe { margin-top: 20px; }
input.blog_button_link { width: 310px; height: 15px; margin-top: 10px; border: 1px solid #CCCCCC; background-color: #d5f5ff; font-weight: bold; color: #ff23a0; padding: 2px; clear: both;}
 
 
/****************************
 * Word Challenge Fact List *
 ****************************/
 
ul.word_fact_list {list-style-type: none; margin-left: 0px; padding:0;}
ul.word_fact_list li {background-image:url(http://d2syub29v5lge2.cloudfront.net/web/playfishcom/img/wc_bullet.gif); margin-left:0px; padding:0; background-repeat: no-repeat;background-position: 0 2px; margin-top: 8px; text-indent: 25px; font-weight: bold;}

/****************************
 * Pet Society Fact List *
 ****************************/
 
ul.fact_list {list-style-type: none; margin-left: 0px; padding:0;}
ul.fact_list li {background-image:url(http://d2syub29v5lge2.cloudfront.net/web/playfishcom/img/pets_bullet.gif); margin-left:0px; padding:0; background-repeat: no-repeat;background-position: 0 2px; margin-top: 8px; text-indent: 25px; font-weight: bold;}

/***********************
 * Braingame fact list *
 ***********************/
 
ul.category_list {list-style-type: none; margin-left: 0px; padding:0;}
ul.category_list li {background-image:url(http://d2syub29v5lge2.cloudfront.net/web/playfishcom/img/category_num.gif); margin-left:0px; padding:0; background-repeat: no-repeat;background-position: 0 2px; margin-top: 8px; text-indent: 35px; margin-left: 40px; line-height: 35px; display: inline; float: left; font-weight: bold;}

ul.fact_list_braingame {list-style-type: none; margin-left: 0px; padding:0;}
ul.fact_list_braingame li {background-image:url(http://d2syub29v5lge2.cloudfront.net/web/playfishcom/img/braingame_bullet.gif); margin-left:0px; padding:0; background-repeat: no-repeat;background-position: 0px 1px; margin-top: 8px; text-indent: 30px; line-height: 25px; font-weight: bold;}

ul.fact_list_bowling {list-style-type: none; margin-left: 0px; padding:0;}
ul.fact_list_bowling li {background-image:url(http://d2syub29v5lge2.cloudfront.net/web/playfishcom/img/bowling_bullet.gif);margin-left:0px; padding:0; background-repeat: no-repeat;background-position: 0px 2px; margin-top: 8px; text-indent: 30px; line-height: 25px; font-weight: bold;}

ul.fact_list_minigolf {list-style-type: none; margin-left: 0px; padding:0;}
ul.fact_list_minigolf li {background-image:url(http://d2syub29v5lge2.cloudfront.net/web/playfishcom/img/minigolf_bullet.gif); margin-left:0px; padding:0; background-repeat: no-repeat;background-position: 0px 2px; margin-top: 8px; text-indent: 30px; line-height: 25px; font-weight: bold;}

ul.fact_list_restaurant {list-style-type: none; margin-left: 0px; padding:0;}
ul.fact_list_restaurant li {background-image:url(http://d2syub29v5lge2.cloudfront.net/web/playfishcom/img/restaurant_bullet.gif); margin-left:0px; padding:0; background-repeat: no-repeat;background-position: 0px 2px; margin-top: 8px; text-indent: 30px; line-height: 25px; font-weight: bold;}

/***********************
 * frontpage css styles *
 ***********************/

/* CONTENT BOX WITH ROUNDED CORNERS */ 
.boxWrapper { width: 100px; float: left; position: relative;}
.boxWrapper * { margin: 0; padding: 0; }
.boxWrapper .top { height: 8px; background-image: url(http://d2syub29v5lge2.cloudfront.net/web/playfishcom/img/roundbox/top.gif); background-repeat: repeat-x; }
.boxWrapper .leftCorner { position: absolute; }
.boxWrapper .rightCorner { float: right; }
.boxWrapper .leftShadow { width: 4px; float: left; background-image: url(http://d2syub29v5lge2.cloudfront.net/web/playfishcom/img/roundbox/left.gif); background-repeat: repeat-y; }
.boxWrapper .rightShadow {  width: 4px; float:right; background-image: url(http://d2syub29v5lge2.cloudfront.net/web/playfishcom/img/roundbox/right.gif); background-repeat: repeat-y; }
.boxWrapper .contentWrapper { width: 100%; }
.boxWrapper .content { position: absolute; padding: 10px 20px 10px 20px; text-align: left; }
.boxWrapper .bottom { height: 9px; background-image: url(http://d2syub29v5lge2.cloudfront.net/web/playfishcom/img/roundbox/bottom.gif); background-repeat: repeat-x; background-position: bottom; }

/* Default styles for content */
.boxWrapper .content .heading { width: 100%; background-repeat: no-repeat; position: relative; left: -9px; top: -7px; margin-bottom: 0px; }
.boxWrapper .content h1 { font-family: Tahoma, Geneva, sans-serif; font-size: 30px; font-weight: bold; color: #FFF; float: left; margin: 5px 0px 0px 8px; width:95%; line-height:35px; border:0px solid #000; }
.boxWrapper .content h2 { font-family: Tahoma, Geneva, sans-serif; font-size: 18px; font-weight: bold; color: #FFF; margin:0 7px 0 0; text-align: right; width:95%; border:0px solid #000; height:22px; }
.boxWrapper .content a { font-family: Tahoma, Geneva, sans-serif; font-size: 14px; font-weight: bold; color: #92e046; text-decoration: none; }
.boxWrapper .content a:hover { color: #8f27f1; text-decoration: none; }
.boxWrapper .content .mockLink { font-family: Tahoma, Geneva, sans-serif; font-size: 14px; font-weight: bold; color: #92e046; text-decoration: none; cursor: pointer;}
.boxWrapper .content .mockLink:hover { color: #8f27f1; text-decoration: none; }


/* When making a box, specify height here. Name the class after box content or feature, create approriate CSS class and replace class names in HTML */ 


/***********************
 * Redeem Page         *
 ***********************/
 
 #redeem_lang_select { width: 130px; height: 75px; background-image: url(http://d2syub29v5lge2.cloudfront.net/web/playfishcom/pages/redeem/lang_select_bg.png); float: right; }
 #redeem_lang_select a { font-family: Arial, Helvetica, sans-serif, font-size: 10px; color: #b9b9b9; float: left; margin-top: 48px;}
 #redeem_lang_select a:active { color: #33d9f3; }
 #redeem_lang_select a:hover { color: #33d9f3; }
 #redeem_lang_select #english { margin-left: 19px; }
 #redeem_lang_select #italian { margin-left: 18px; }

/* Define content styles from here on 
   ---------------------------------- */

/* Top rotator */
#playPets {
	padding: 62px 239px 0 0;
	position: absolute; left: 698px; top: 254px;
	z-index: 100;
}


/* Latest News Content */ 
#latestNewsWrapper { width: 300px; margin-left: 51px; }
.latestNews { height: 540px; }
#latestNewsHeading { width: 278px; height: 65px; background-image: url(http://d2syub29v5lge2.cloudfront.net/web/playfishcom/img/frontpage/news.gif); }
.latestNews .content img { position: relative; top: -30px; left: -10px; }

/* Blog Content */ 
#blogWrapper { width: 300px; }
.blog { height: 540px; }
a.readMore { float: right; font-size: 8px; }
#blogHeading { width: 278px; height: 65px; background-image: url(http://d2syub29v5lge2.cloudfront.net/web/playfishcom/img/frontpage/blog.gif); }
.blog h2 { margin-top: 0px; }

/* Buzz Content */ 
#buzzWrapper { width: 300px;overflow:hidden; }
.buzz { height: 913px; overflow:hidden; }
#buzzHeading { width: 278px; height: 65px; background-image: url(http://d2syub29v5lge2.cloudfront.net/web/playfishcom/img/frontpage/buzz.gif); }
#buzzWrapper a { text-decoration: none; }
a.twitterLink:hover { text-decoration: underline; }
.buzz h2 { margin-top:-50px; }

/* Games Content */ 
#gamesWrapper { width: 600px; margin: 0px 0 0 50px; clear: both; }
.games { height: 355px; }
#gamesHeading { width: 577px; height: 65px; background-image: url(http://d2syub29v5lge2.cloudfront.net/web/playfishcom/img/frontpage/gamelauncher.gif); }
.games h2 { margin-top: 33px; }
.games iframe { float: left; margin: 8px 0 0 16px; }

/* Game page box */
#gamespageWrapper { width: 870px; margin: 10px 0 0 -40px; clear: both; }
#gamespageWrapper .content h2 { font-size: 16px; color: #1C809C; font-weight: bold; padding:0; margin:0; text-align:left; }
.gamespage_page { height: 785px; }
.gamespage_floater { width:260px; padding:0 20px 0 0; float:left;  padding:0px; }
.gamespage_floater a.gamespage { color: #FF23A0;}
.gamespage_floater a.gamespage:hover {  color: #FF23A0; text-decoration: underline;}
#regular_link { font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #FF23A0; text-decoration: underline; }

#topPlaceholder { position: relative; top: 10px; left: 39px; }


/* Jobs page */ 
#jobsWrapper { width: 870px; margin: 10px 0 0 -40px; clear: both; }
.jobs_page { height: 1450px; }
.job_floater { width:260px; padding:0 20px 0 0; float:left;  padding:0px; }
.job_floater a.job { color: #FF23A0;}
.job_floater a.job:hover {  color: #FF23A0; text-decoration: underline;}
.jobs_table { width: 760px; }
.alternate { background-color: #F4F4F4; }
.jobs_table td { padding: 5px; }
.job_link { font-family: Tahoma, Geneva, sans-serif; font-size: 12px; font-weight: bold; color:#FF23A0;  }