@charset "UTF-8";
/*--> FONT-FACE	--------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
@font-face { }

/*--> BASE		--------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
* { margin:0; padding:0; border:0 none; outline:medium none; }
html { font-size:100%; height:100%; }
body { height:100%; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; line-height:20px; color:#464496; /*background:#FFF;*/ background:#510079; }
h1, h2, h3, h4, h5, h6 { margin:.5em 0; line-height:1; font-weight:normal; font-style:normal; }
h1 { font-size:1.75em; }
h2 { font-size:1.5em; }
h3 { font-size:1.25em; }
h4 { font-size:1em; }
ul, ol { margin:0; padding:0; list-style-type:none; }
p {	margin:0; }
a { cursor:pointer; text-decoration:none; }
a:link { color:#cc0099; }
a:visited {	color:#cc0099; }
a:hover, a:focus, a:active { color:#cc0099; text-decoration:underline; }
a img { border:none; }
em, i { font-style:italic; }
strong, b { font-weight:bold; }
input, button, select { vertical-align:middle; }
img { vertical-align:middle; }

.h1hidden h1 {text-indent:-9999px;margin:0;padding:0;border:0;width:0; height:0}


/*--> RESETS STYLES	--------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.loadingMessage { height:100%; padding:100px 0 0 0; color:#510079; background:#FFF; font-size:16px; text-transform:uppercase; }
.loadingMessage p { background:url(spinner.gif) no-repeat center bottom; min-width:42px; padding-bottom:52px; text-align:center; }
.actionArea { width:100%; background:transparent url(io_bg_branding.png) 50% 0 no-repeat; }
body.imagine-home-not-logged-page .actionArea,
body.imagine-index02-page .actionArea,
body.imagine-index03-page .actionArea,
body.imagine-parents-page .actionArea { width:100%; background:transparent url(io_bg_branding_home.png) 50% 0 no-repeat; }
.ubiSubBar { display:none; }
.branding { width:968px; height:260px; margin:0 auto; }
.main { position:relative; float:none; width:951px; margin:0 auto; padding:15px 15px 0 15px; background:transparent url(io_bg_main.png) 50% 25px no-repeat; overflow:hidden; }
.leading, .trailing { display:none; }
.firstCompBox { clear:none; }
.compBox { width:auto; float:none; }
.wideCompBox { width:auto; padding:0; }
.widget { padding:0; }
#dialog { padding:0; display:none; }

h1 { margin:0; padding:0; line-height:30px; color:#000; }

/*--> NO UBIBAR	--------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.header { display:none; }

/*--> FLAGS		--------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#flags { float:left; width:180px; height:34px; margin: 0 0 0 565px; }
	#flags ul { width:100%; text-align:center; line-height:10px; padding:10px 0 0 0; }
	#flags ul li { display:inline; padding:0 3px; }
	.flagson img, .flagsoff img { border:1px solid #676767; }
	.flagsoff img { opacity:0.4; }
	.flagson img { border:1px solid #999999; }
	.flagsoff:hover img { opacity:1; }

/*--> LIKES		--------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#top_twitter, #top_facebook_like { float:left; width:100px; height:20px; margin: 7px 5px; }

/*--> LOGO		--------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.cms_top_game_logo { position:absolute; top:0; left:20px; width:226px; height:116px; background:url(io_logo_UK.png) top center no-repeat; text-indent:-9999px; display:block; float:left; }

/*--> NAV		--------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.branding #headerNav { width:100%; height:50px; clear:both; font-weight:bold; }
html.ie7 .branding #headerNav { width:980px; height:50px; clear:both; font-weight:bold; float:left; }
	.branding #headerNav ul.cms_header_nav { height:50px; text-align:center; margin:0 auto; }
	html.ie7 .branding #headerNav ul.cms_header_nav { margin-left:228px; }
	.branding #headerNav ul.cms_header_nav li { display:block; float:left; width:92px; height:50px; line-height:45px; margin:0 2px; padding:0 2px; background:url(io_bg_btn_nav.png) no-repeat; cursor:pointer; }
	.branding #headerNav ul.cms_header_nav li.active { background-position:top center; }
	.branding #headerNav ul.cms_header_nav li a { display:inline-block; font-size:14px; line-height:14px; vertical-align:middle; text-decoration:none; color:#FFF; -moz-text-shadow:0px 1px 2px #092859; -webkit-text-shadow:0px 1px 2px #092859; text-shadow:0px 1px 2px #092859; }

	html.ie7 .branding #headerNav ul.cms_header_nav li a { display:inline-block; font-size:14px; line-height:19px; vertical-align:middle; text-decoration:none; color:#FFF; -moz-text-shadow:0px 1px 2px #092859; -webkit-text-shadow:0px 1px 2px #092859; text-shadow:0px 1px 2px #092859; }

.branding #headerNav ul.cms_header_nav li.imagine-nav-shop {background:url(io_bg_btn_nav_grey.png) no-repeat;}
.imagine-nav-home {}
.imagine-nav-community {}
.imagine-nav-about {}
.imagine-nav-shop {}
.imagine-nav-parents {}
.imagine-nav-support {}

/*--> SUB NAV	--------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*.hnav ul ul { margin:0px auto; background:#510079; border:3px solid #FFF; width:130px; overflow:hidden; border-radius:6px; -moz-border-radius:6px/6px; -webkit-border-bottom-left-radius:6px; -webkit-border-bottom-right-radius:6px; -webkit-border-top-left-radius:6px; -webkit-border-top-right-radius:6px; -khtml-border-radius:6px/6px; z-index:999; }
	.branding #headerNav ul.cms_header_nav li ul { font-size:10px; margin: 2px 0 0 -20px; }
	.branding #headerNav ul.cms_header_nav li ul ul { display:none; }
	.branding #headerNav ul.cms_header_nav li ul li { width:130px; height:28px; margin:0; padding:0; background:none; white-space:nowrap; }
	.branding #headerNav ul.cms_header_nav li ul li a { display:block; width:130px; height:28px; margin:0; text-align:center; line-height:28px; vertical-align:middle; }
	.branding #headerNav ul.cms_header_nav li ul li a:hover { color:#FFF; background:#602880; font-weight:bold; border-radius:6px; -moz-border-radius:6px/6px; -webkit-border-bottom-left-radius:6px; -webkit-border-bottom-right-radius:6px; -webkit-border-top-left-radius:6px; -webkit-border-top-right-radius:6px; -khtml-border-radius:6px/6px;  }
	.branding #headerNav ul.cms_header_nav li ul li span { display:block; width:130px; height:28px; margin:0; }
	.branding #headerNav ul.cms_header_nav li.active ul { display:block; }
*/
/*--> SUB SUB NAV	--------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.branding #headerNav ul.cms_sub_nav { display: none; }

/*--> NEW SUB NAV	--------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#headerNav ul#molecularID li.selected,
#headerNav ul#molecularID li.selected a { background:none; color:#b2087f; text-shadow:none; font-weight:bold; }

#headerSubNav { height: 34px; left: 228px; position: relative; top: 0; width: 513px; }

.headerSubNav_content { margin-left: 12px; margin-right: auto; text-align: left; width: 100%; }
.headerSubNav_content li { display:inline; line-height:34px; }
.headerSubNav_content li.selected,
.headerSubNav_content li.AspNet-Menu-ChildSelected { background-image:url(io_sub_nav_arrow.png); background-position:0px 4px; background-repeat:no-repeat; }

.headerSubNav_content li a { color:#5f1c81; font-size:14px; font-weight:bold; text-decoration:none; padding-left: 10px; padding-right: 10px; }
.headerSubNav_content li.selected a { color:#b71887; font-size:14px; font-weight:bold; text-decoration:underline; }

.headerSubNav_content li a:hover { color:#b71887; font-size:14px; font-weight:bold; text-decoration:none; }
.headerSubNav_content li ul { display:none; }

.headerSubNav_content .imagine-sousnav-news-list,
.headerSubNav_content .imagine-sousnav-news-detail { display:none; }

.partners .logged {display:none;}

/*--> LOGIN		--------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.branding div#login_box { position:absolute; top:31px; right:21px; width:206px; height:74px; }
.branding div#login_box_serverdown { background:url(io_serverdown_login.png) 0px 0px no-repeat; width:194px; height:68px; position:absolute; top:0; left:16px; }

#login_box .login_btns { margin-left: 22px; margin-top: 4px; }
.login_btns .g2wlogin {background-image:url(io_bg_btn_purple_big.png);background-repeat:no-repeat;background-position:0 0;color:#FFF;float:right;font-weight:700;height:29px;margin-right:6px;margin-top:4px;text-align:right;width:170px;}
.login_btns .g2wlogin:hover{background-position:-170px 0;}
.login_btns a.g2wlogin { margin-top: 0; padding-top: 4px; text-align: center; text-decoration:none; }
.login_btns .g2wfacebook {background-image:url(io_bg_btn_blue_big.png);background-repeat:no-repeat;background-position:0 0;color:#FFF;float:right;font-weight:700;height:29px;margin-right:6px;margin-top:4px;text-align:right;width:170px;}
.login_btns .g2wfacebook:hover{background-position:-170px 0;}
.login_btns a.g2wfacebook { margin-top: 0;padding-top: 4px; text-align: center; text-decoration:none; }
/*--> LOGIN	IFRAME	--------------------------------------------------------------------------------------------------------------------------------------------------------------*/
body.imagine-iframe_login { background:none; }

.login_content { width:222px; height:75px; }
.login_table { margin-left: 16px; margin-top: -4px; }
.input_bg { background-image:url(iframe_login_bg_input.png); background-position:top center; background-repeat:no-repeat; width:154px; height:26px; }
.input_login { background: none repeat scroll 0 0 transparent; color: #E34299; font-size: 12px; height: 18px; margin-left: 6px; width: 141px; }
.btn_login { background:none; background-image:url(iframe_login_bg_btn.png); background-position:top center; background-repeat:no-repeat; width:40px; height:38px; font-size:16px; color:#FFFFFF; font-weight:bold; cursor:pointer; }
.link_forgot,
.link_forgot a,
.link_forgot a:hover { color:#510084; font-size:10px; text-decoration:underline; }

.connected_table { background-image:url(iframe_login_connected_bg.png); background-position:top center; background-repeat:no-repeat; width:194px; height:52px; margin-left: 14px; }
.connected_table td.welcome_title { color:#464496; font-size:22px; font-weight:bold; text-align:center; padding-top:6px; }
.connected_table td.username_title { color:#e34299; font-size:12px; font-weight:bold; text-align:center; }

.disconnect_link{text-align:center; }
.disconnect_link a,
.disconnect_link a:hover { color:#510084; font-size:10px; text-decoration:underline; }

.btn_disconnect_content { background-image:url(iframe_login_disconnect_btn_bg.png); background-position: center top; background-repeat: no-repeat; height: 32px;  left: 185px; position: absolute; top: 38px; width: 32px; }
.btn_disconnect_content a { width:32px; height:32px; display:block; }

#box-login-error-message { width:100%; height:20px;text-align:center;font-size:16px;font-weight:bold; }

/*--> LINK LOGO --------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.cms_top_game_logo a { display: block; height: 116px; width: 226px }

/*--> BTN PLAY HOME	--------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.cms_home_play_now { width:144px; height:144px; line-height:144px; text-align:center; margin:0 auto;  }
.cms_home_play_now div { background:url(io_btn_play.png) no-repeat; cursor:pointer; }
.cms_home_play_now div.active { background-position:top right; }
.cms_home_play_now a { display:inline-block; vertical-align:middle; line-height:36px; text-decoration:none; font-size: 36px; font-weight: bold; text-transform: uppercase; letter-spacing:-1px; color:#FFF; -moz-text-shadow:0px 1px 2px #092859; -webkit-text-shadow:0px 1px 2px #092859; text-shadow:0px 1px 2px #092859; }
.page_btn_play_home { width:144px; height:144px; line-height:144px; text-align:center; margin:75px auto 0; /*margin:100px auto 0;*/  }
.page_btn_play_home { background:url(io_btn_play.png) no-repeat; cursor:pointer; }
.page_btn_play_home:hover { background-position:top right; }
.page_btn_play_home a {
	color: #FFFFFF;
	display: inline-block;
	font-size: 32px;
	font-weight: bold;
	height: 92px;
	letter-spacing: -1px;
	line-height: 36px;
	padding-top: 52px;
	text-decoration: none;
	text-shadow: 0 1px 2px #092859;
	text-transform: uppercase;
	vertical-align: middle;
	width: 142px;
}
.page_btn_play_home a:hover { font-size: 36px; }

.btn_play-off { background:url(io_btn_play-off.png) no-repeat; cursor:pointer;  font-size:14px; }
.btn_play-off:hover { background-position:0; }
.btn_play-off a, .btn_play-off a:hover { font-size:14px; }

.cms_play_Game_button-comingsoon { display:none; }

.hide_btn_play { display:none; }



/*--> BTN PLAY ON OTHERS PAGES ----------------------------------------------------------------------------------------------------------------------------------------------------------*/
.page_btn_play { width:144px; height:144px; line-height:144px; text-align:center; margin:51px auto 0;  }
.page_btn_play { background:url(io_btn_play.png) no-repeat; cursor:pointer; }
.page_btn_play:hover { background-position:top right; font-size: 36px; }
.page_btn_play a {
	color: #FFFFFF;
	display: inline-block;
	font-size: 32px;
	font-weight: bold;
	height: 92px;
	letter-spacing: -1px;
	line-height: 36px;
	padding-top: 52px;
	text-decoration: none;
	text-shadow: 0 1px 2px #092859;
	text-transform: uppercase;
	vertical-align: middle;
	width: 142px;
}
.page_btn_play a:hover { font-size: 36px; }

.page_btn_play.btn_play-off { background:url(io_btn_play-off.png) no-repeat; cursor:pointer;  font-size:14px; }
.page_btn_play.btn_play-off:hover { background-position:0; }
.page_btn_play.btn_play-off a, .page_btn_play.btn_play-off a:hover { font-size:14px; }



/*--> SOCIAL	--------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.cms_social_media { margin:10px 0; }
	#social_media { width:938px; height:60px; padding: 5px 0 3px 0; line-height:60px; margin: 0 auto; background:url(io_bg_social_media.png) no-repeat; font-size:24px; font-weight:bold; margin-top:55px;}
	#facebook_button a { float:left; width:384px; height:60px; margin: 0 5px 0 0; padding:0 80px 0 0; color:#012186; background:url(io_picto_social_facebook.png) no-repeat top right; text-align:right; }
	#register_button a { float:left; width:384px; height:60px; margin: 0 0 0 5px; padding:0 0 0 80px; color:#510079; background:url(io_picto_social_register-mail.png) no-repeat top left; }
	#facebook_button a:hover { opacity:0.7; text-decoration: none; background-position:bottom right; }
	#register_button a:hover { opacity:0.7; text-decoration: none; background-position:bottom left; }

	#Forum_button a { float:left; width:384px; height:60px; margin: 0 0 0 5px; padding:0 0 0 80px; color:#510079; background:url(io_picto_forum.png) no-repeat top left; }
	#Forum_button a:hover { opacity:0.7; text-decoration: none; background-position:bottom left; }


/*--> FOOTER	--------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#footer_composants { width:938px; height:280px; background:url(io_bg_footer.png) no-repeat;}
	#footer_composants h2 { font-size:14px; margin: 0 0 0.5em 0; font-weight:bold; }
	#footer_composants ul { margin: 0 5px; }
	.cms_game_info_footer, .cms_community_footer, .cms_support_footer { float:left; width:110px; padding:15px 20px; text-align: left; }
	.cms_game_info_footer { margin: 37px 0 0 85px; }
	.cms_community_footer { margin: 37px 0 0 5px; }
	.cms_support_footer { margin: 37px 0 0 5px; }
	.cms_promo_slot_footer { float:left; width:300px; margin:10px 0 0 77px; border:3px solid #FFF; }

/*--> PARTNERS	--------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.partners { width:938px; text-align:center; margin:0 auto; padding:0 0 20px 0; }
.partners .footer { width:100%; text-align:center; }
	.partners .footer img { vertical-align:baseline; }
	.partners .footer .partnersLogoBox { margin:0 1.25em; }
	.partners .footer .partnersRatingBox { }
	.partners .footer .partnersLogoImage { }
	.partners .footer .partnersRatingImage { }
	.partners .footer .partnersLogoCaption { width:100%; margin:0; padding:0; text-align:center; color:#666666; }
	.partners .footer p.legal { display:none; }
	.partners .footer p { padding:0 120px; text-align:center; font-size:11px; line-height:15px; color:#a87fbc; }

/*--> ADD		--------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.wrapper_content { width:950px; overflow:hidden; background:url(io_bg_content_center.png); background-position:top center; background-repeat:repeat-y; }
.wrapper_top { width:950px; height:25px; background:url(io_bg_content_top.png); background-position:top center; background-repeat:no-repeat; }
.wrapper_bottom { width:950px; height:23px; background:url(io_bg_content_bottom.png); background-position:bottom center; background-repeat:no-repeat; clear:both; }

/*--> PROMO AD SERVER ----------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*#adserver_promos { height: 280px; margin: 10px auto 25px; }
#promo-left, #promo-middle, #promo-right { background:url(bg_AD.png); width:312px; height:264px; margin:0; padding:0; float:left;}

#promo-left span, #promo-middle span, #promo-right span { display:none; }
#promo-left span.span_img_pub, #promo-middle span.span_img_pub, #promo-right span.span_img_pub { display:block; }

#promo-left img, #promo-middle img, #promo-right img { display:block; padding-top:7px; padding-left:7px; }
#adserver_promos div { display: inline-block; margin-left: auto; margin-right: auto; text-align: center; }
#footer_composants_content { }

*****/

#adserver_promos { width:951px; height: 280px; margin: 10px auto 25px; }
.promo-left, .promo-middle, .promo-right { background:url(bg_AD.png); width:312px; height:264px; margin:0; padding:0; float:left;}

.promo-left span, .promo-middle span, .promo-right span { display:none; }
.promo-left span.span_img_pub, .promo-middle span.span_img_pub, .promo-right span.span_img_pub { display:block; }

.promo-left img, .promo-middle img, .promo-right img { display:block; padding-top:7px; padding-left:7px; }
#adserver_promos div { display: inline-block; margin-left: auto; margin-right: auto; text-align: center; }
#footer_composants_content { }

#adserver_promos.adserver_promos_exception { margin-left:7px; }
#adserver_promos.adserver_promos_exception div { margin: 10px auto 20px; }

/*--> COMMON	--------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.space_before { margin-left: 10px; }
.space_before_big { margin-left: 40px; }
.card_ico { background-image:url(ico_card_small.png); background-position: 2px 3px; background-repeat: no-repeat; line-height: 30px; padding: 5px 0 10px 36px; }
.mauve { color:#510079; font-weight:bold; }
.pink { color:#d119ca; font-weight:bold; }
.sep_after { border-right: 1px solid #D4D4EA; padding-right: 10px; }
.sep_before { padding-left: 10px; }
.diamond_ico { background-image:url(ico_diamond.png); background-position: 2px 2px; background-repeat: no-repeat; line-height: 30px; padding: 5px 10px 6px 32px; }
.font-twelve-px { font-size:12px; }
.iframe_btn { background-image:url(bg_btn_blue.png); background-position:top top; background-repeat:no-repeat; width:129px; height:30px; margin-top:8px; }
.iframe_buy_btn_text { font-size: 14px; font-weight: bold; height: 25px; margin-bottom: 0; margin-left: 5px; margin-top: 0; padding-top: 4px; text-align: right; width: 96px; }
.iframe_buy_btn_text a { color:#FFFFFF; text-decoration:none; }
.alignLeft { float:left; }

/*--> ERRORS <--*/
.server-status-closed, .server-status-maintenance, .server-status-down { display:none; }

/*--> IFRAME AVATAR (INDEX KIDS) <--*/
/* SERVER ERROR */
#choose_avatar_container_serverdown {
	min-height:300px;
	overflow:visible;
	margin:auto;
	width:464px;
	padding-top:36px;
}
#choose_avatar_container_serverdown .choose_avatar_container_serverdown_bg {
	background:url(serverdown_mid_valerie.png) 0px 0px no-repeat;
	width:259px;
	min-height:271px;
	position:relative;
	float:left;
	top:0;
	left:0;
	overflow:auto;
}

#choose_avatar_container_serverdown .choose_avatar_container_serverdown_content {
	width:277px;
	position:absolute;
	float:left;
	top:43px;
	left:144px;

}

#choose_avatar_container_serverdown .choose_avatar_container_serverdown_content_top {
	background:url(serverdown_bubble_top.png) 0px 0px no-repeat;
	width:277px;
	height:14px;
	position:relative;
}
#choose_avatar_container_serverdown .choose_avatar_container_serverdown_content_center {
	background:url(serverdown_bubble_center.png) 0px 0px repeat-y;
	min-height:78px;
	height:auto;
	overflow:visible;
	padding-left:35px;
	padding-right:26px;
	position:relative;
	width:228px;
}
#choose_avatar_container_serverdown .choose_avatar_container_serverdown_content_center,
#choose_avatar_container_serverdown .choose_avatar_container_serverdown_content_center p {
	font-size:16px;
	font-weight:bold;
}
#choose_avatar_container_serverdown .choose_avatar_container_serverdown_content_bottom {
	background:url(serverdown_bubble_bottom.png) 0px 0px no-repeat;
	width:277px;
	height:14px;
	position:relative;
}
#choose_avatar_container_serverdown .choose_avatar_container_serverdown_content_arrow {
	background:url(serverdown_bubble_arrow.png) 0px 0px no-repeat;
	width:37px;
	height:56px;
	position:absolute;
	float:left;
	left:0;
	top:14px;
	}


/*--> IFRAME PARENTS (INDEX PARENTS) <--*/
/* SERVER ERROR */
#parents_infos_container_serverdown {
	min-height:300px;
	overflow:visible;
	margin:auto auto auto 100px;
	width:593px;
	padding-top:36px;
}
#parents_infos_container_serverdown .parents_infos_container_serverdown_bg {
	background:url(serverdown_mid_valerie.png) 0px 0px no-repeat;
	width:259px;
	min-height:271px;
	position:relative;
	float:left;
	top:0;
	left:0;
	overflow:auto;
}

#parents_infos_container_serverdown .parents_infos_container_serverdown_content {
	width:277px;
	position:absolute;
	float:left;
	top:43px;
	left:244px;

}

#parents_infos_container_serverdown .parents_infos_container_serverdown_content_top {
	background:url(serverdown_bubble_top.png) 0px 0px no-repeat;
	width:277px;
	height:14px;
	position:relative;
}
#parents_infos_container_serverdown .parents_infos_container_serverdown_content_center {
	background:url(serverdown_bubble_center.png) 0px 0px repeat-y;
	min-height:78px;
	height:auto;
	overflow:visible;
	padding-left:35px;
	padding-right:26px;
	position:relative;
	width:228px;
}
#parents_infos_container_serverdown .parents_infos_container_serverdown_content_center,
#parents_infos_container_serverdown .parents_infos_container_serverdown_content_center p {
	font-size:16px;
	font-weight:bold;
}
#parents_infos_container_serverdown .parents_infos_container_serverdown_content_bottom {
	background:url(serverdown_bubble_bottom.png) 0px 0px no-repeat;
	width:277px;
	height:14px;
	position:relative;
}
#parents_infos_container_serverdown .parents_infos_container_serverdown_content_arrow {
	background:url(serverdown_bubble_arrow.png) 0px 0px no-repeat;
	width:37px;
	height:56px;
	position:absolute;
	float:left;
	left:0;
	top:14px;
	}


/*--> IFRAME INVITE A FRIEND (COMMUNITY NEWS) <--*/
.forum_and_invite p { float:left; }
#invite_friends_iframe{background:url(io_bg_news_phone.png);width:225px;height:421px;float:left;margin-left:13px;}
.inviteContentServerError { background:url(io_serverdown_valerie_head.png) 0px 0px no-repeat; width:240px; min-height:122px; overflow:auto; float:left; margin-left:5px; }
.inviteContentServerError p { font-size:16px; font-weight:bold; padding-left:72px; }
.forum_and_invite .inviteContentServerError { margin-top:105px; }


/******* FANCY BOX ***********/
#fancybox-close {
    background-image: url(fancybox2.png);
    background-position: -40px 0;
    cursor: pointer;
    display: none;
    height: 30px;
    position: absolute;
    right: -15px;
    top: -15px;
    width: 30px;
    z-index: 1103;
}

/*--> SCROLLPANE	<--*/
.scroll-pane { visibility: visible; display: block; width:290px; height:250px; overflow:auto; }
.jspContainer { overflow:hidden; position:relative; }
.jspPane { position:absolute; }
.jspVerticalBar { position:absolute; top:0; right:0; width:10px; height:100%; background-color:#ccd3e7; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; }
.jspCap { display:none; }
.jspTrack { position:relative; background:none; }
.jspDrag { position:relative; top:0; left:0; cursor:pointer;  background:url(bg_jspDrag.png) top center no-repeat;}
.jspArrow { display:block; background:none repeat scroll 0 0 transparent; cursor:pointer; text-indent:-20000px; }
.jspArrow.jspDisabled { background:none repeat scroll 0 0 transparent; cursor:default; }
.jspVerticalBar .jspArrow { height:2px; }
.jspVerticalBar .jspArrow:focus { outline:medium none; }
.jspCorner { float:left; height:100%; background:none repeat scroll 0 0 #000; }
* html .jspCorner { margin:0 -3px 0 0; }

/*--> SCROLLPANE NEWS DETAILS	<--*/
#news_detail_content .scroll-pane { visibility: visible; display: block; width:495px; height:114px; overflow:auto; }

#home_latest_event_text.scroll-pane { visibility: visible; display: block; width:158px; height:65px; overflow:auto; }
.sum_display.scroll-pane { visibility: visible; display: block; width:325px; height:120px; overflow:auto; }

#cart_news_content.scroll-pane { visibility: visible; display: block; width:452px; height:185px; overflow:auto; }

body.imagine-community-news-page #cart_news_content.scroll-pane { visibility: visible; display: block; width:452px; height:200px; overflow:auto; }

#parents_cart_news_content.scroll-pane { visibility: visible; display: block; width:452px; height:176px; overflow:auto; }

body.imagine-community-bonus-page .bonus_download .scroll-pane,
body.imagine-community-bonus-page .vip_downlaod .scroll-pane {
	visibility: visible; display: block; width:462px; height:374px; overflow:auto; padding-left:6px; margin-top:8px;
}
body.imagine-community-bonus-page .bonus_download .jspVerticalBar,
body.imagine-community-bonus-page .vip_downlaod .jspVerticalBar {
	-moz-border-radius: 4px 4px 4px 4px;
	background-color: #CCD3E7;
	height: 99%;
	margin-right: 8px;
	margin-top: 0px;
	margin-bottom: 4px;
	position: absolute;
	right: 0;
	top: 0;
	width: 10px;
}

/*
body.imagine-community-mentor-page .scroll-pane { visibility: visible; display: block; width:191px; height:190px; overflow:auto; }
*/
body.imagine-community-mentor-page .scroll-pane { visibility: visible; display: block; width:191px; height:216px; overflow:auto; }

body.imagine-community-mentor-page .jspVerticalBar { position:absolute; top:0; right:0; width:10px; height:100%; background-color:#e6e2da; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; }
/*body.imagine-community-mentor-page .jspContainer { overflow:hidden; position:absolute; width:191px; height:205px; }*/
body.imagine-community-mentor-page .jspContainer { overflow:hidden; position:absolute; width:191px; height:216px; }


#shop-intro-content-bottom .shop-intro-info.scroll-pane { visibility: visible; display: block; width:558px; height:218px; overflow:auto; }



/*--> JQUERY UI	<--*/
.ui-helper-reset { border:0 none; font-size:100%; line-height:20px; list-style:none outside none; margin:0; outline:0 none; padding:0; text-decoration:none; }
.ui-tabs { padding:0; }
.ui-widget { font-family:Arial, Helvetica, sans-serif; font-size:14px; width:330px; }
.ui-widget-content { position:relative; overflow:hidden; }
.ui-tabs .ui-tabs-nav { padding:0; overflow:hidden; text-align:center; }
.ui-tabs .ui-tabs-panel { display:block; padding:20px; clear:both; }
body.imagine-community-mentor-page .ui-tabs .ui-tabs-panel { display:block; padding:0 20px 20px; clear:both; min-height:311px; }
.ui-tabs .ui-tabs-nav li { display:inline-block; float:none; width:100px; height:30px; margin:0 5px; padding:0; overflow:hidden; }
.ie7 .ui-tabs .ui-tabs-nav li { display:inline; zoom:1; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding:0; }
.ui-state-default,.ui-widget-content .ui-state-default { background:url(bg_tab.gif) 0 0 no-repeat; border:0 none; color:#000; }
.ui-state-active,.ui-widget-content .ui-state-active { background:url(bg_tab.gif) 100% 0 no-repeat; border:0 none; }
.ui-tabs .ui-tabs-nav li a,
.ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor:pointer; }
.ui-tabs .ui-tabs-nav li a { display:block; width:100px; height:30px; line-height:30px; padding:0; text-align:center; text-decoration:none; font-weight:bold; }
.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited { color:#000; outline:medium none; text-decoration:none; }
.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited { color:#000; outline:medium none; text-decoration:none; }


/*--> FACETAB	<--*/
.AK-facebook-tab { color:#FFF; background:#FFF; }
.AK-facebook-tab #ubisoft-toolbar-bg,
.AK-facebook-tab .branding,
.AK-facebook-tab .partners { display:none; }
.AK-facebook-tab .main { width:520px; height:670px; margin:0; background:#1f92d1 url(bg_facetab.jpg) 0 0 no-repeat; }
.facebook-tab-text { margin:35px; }
.facebook-tab-text p { color:#FFF; text-transform:uppercase; font-family:'Komika', Arial, Helvetica, sans-serif; }
.facebook-tab-text .crossed-out { position:absolute; z-index:30; width:152px; height:44px; background:transparent url(crossed.png) 50% 50% no-repeat; text-indent:-9999px; }
.facebook-tab-text .tab-bwaaah,
.facebook-tab-text .tab-like { position:absolute; z-index:20; padding: 2px 6px 2px 37px; border:1px solid #CAD4E7; background:#ECEEF5 url(AK_thumb.png) 5px 8px no-repeat; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; font-size:21px; line-height:36px; color:#365999; -moz-box-shadow:2px 2px 2px #4d4d4d; -webkit-box-shadow:2px 2px 2px #4d4d4d; font-family:"lucida grande",tahoma,verdana,arial,sans-serif; }


/**********************************/
/*--> SELECT MENU

/* Selectmenu
----------------------------------*/
.ui-selectmenu { display: block; position:relative; height:2em; text-decoration: none; overflow:hidden; top:0;}
.ui-selectmenu-icon { position:absolute; right:6px; margin-top:-8px; top: 50%; }
.ui-selectmenu-menu { padding:0; margin:0; list-style:none; position:absolute; top: 0; visibility: hidden; overflow: auto; }
.ui-selectmenu-open { visibility: visible; }
.ui-selectmenu-menu-popup { margin-top: -1px; }
.ui-selectmenu-menu-dropdown { }
.ui-selectmenu-menu li { padding:0; margin:0; display: block; border-top: 1px dotted transparent; border-bottom: 1px dotted transparent; border-right-width: 0 !important; border-left-width: 0 !important; font-weight: normal !important; }
.ui-selectmenu-menu li a,.ui-selectmenu-status {line-height: 1.1em; display:block; padding:.3em 1em; outline:none; text-decoration:none;font-size: 11px;}

.ui-selectmenu-menu li.ui-selectmenu-hasIcon a,
.ui-selectmenu-hasIcon .ui-selectmenu-status { padding-left: 20px; position: relative; margin-left: 5px; }
.ui-selectmenu-menu li .ui-icon, .ui-selectmenu-status .ui-icon { position: absolute; top: 1em; margin-top: -8px; left: 0; }
.ui-selectmenu-status { line-height: 1.4em; }
.ui-selectmenu-open li.ui-selectmenu-item-focus a {  }
.ui-selectmenu-open li.ui-selectmenu-item-selected { }
.ui-selectmenu-menu li span,.ui-selectmenu-status span { display:block; margin-bottom: .2em; }
.ui-selectmenu-menu li .ui-selectmenu-item-header { font-weight: bold; }
.ui-selectmenu-menu li .ui-selectmenu-item-content {  }
.ui-selectmenu-menu li .ui-selectmenu-item-footer { opacity: .8; }
/*for optgroups*/
.ui-selectmenu-menu .ui-selectmenu-group { font-size: 0.8em; }
.ui-selectmenu-menu .ui-selectmenu-group .ui-selectmenu-group-label { line-height: 1.4em; display:block; padding:.6em .5em 0; font-weight: bold; }
.ui-selectmenu-menu .ui-selectmenu-group ul { margin: 0; padding: 0; }


/********************************************************************************************************************/
/*
* jQuery UI CSS Framework
* Copyright (c) 2010 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
*/

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }


/* Icons
----------------------------------*/

/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


/*
* jQuery UI CSS Framework
* Copyright (c) 2010 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS,%20Tahoma,%20Verdana,%20Arial,%20sans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=12_gloss_wave.png&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=03_highlight_soft.png&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=02_glass.png&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=c77405&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=03_highlight_soft.png&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=08_diagonals_thick.png&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=08_diagonals_thick.png&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=01_flat.png&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px
*/


/* Component containers
----------------------------------*/
.ui-widget { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1.1em; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1em; }
.ui-widget-content { border: 1px solid #dddddd; background: #eeeeee url(ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x; color: #333333; }
.ui-widget-content a { color: #333333; }
.ui-widget-header { border: 1px solid #e78f08; background: #f6a828 url(ui-bg_gloss-wave_35_f6a828_500x100.png) 50% 50% repeat-x; color: #ffffff; font-weight: bold; }
.ui-widget-header a { color: #ffffff; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #cccccc; background: #f6f6f6 url(ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #1c94c4; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #1c94c4; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #fbcb09; background: #fdf5ce url(ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #c77405; }
.ui-state-hover a, .ui-state-hover a:hover { color: #c77405; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #fbd850; background: #ffffff url(ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #eb8f00; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #eb8f00; text-decoration: none; }
.ui-widget :active { outline: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {border: 1px solid #fed22f; background: #ffe45c url(ui-bg_highlight-soft_75_ffe45c_1x100.png) 50% top repeat-x; color: #363636; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636; }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #b81900 url(ui-bg_diagonals-thick_18_b81900_40x40.png) 50% 50% repeat; color: #ffffff; }
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #ffffff; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #ffffff; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary,  .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }

/* Icons
----------------------------------*/

/* states and images */
.ui-icon { width: 16px; height: 16px; background-image: url(ui-icons_222222_256x240.png); }
.ui-widget-content .ui-icon {background-image: url(ui-icons_222222_256x240.png); }
.ui-widget-header .ui-icon {background-image: url(ui-icons_ffffff_256x240.png); }
.ui-state-default .ui-icon { background-image: url(ui-icons_ef8c08_256x240.png); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(ui-icons_ef8c08_256x240.png); }
.ui-state-active .ui-icon {background-image: url(ui-icons_ef8c08_256x240.png); }
.ui-state-highlight .ui-icon {background-image: url(ui-icons_228ef1_256x240.png); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(ui-icons_ffd27a_256x240.png); }

/* positioning */
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-off { background-position: -96px -144px; }
.ui-icon-radio-on { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; }
.ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; }
.ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; }
.ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
.ui-corner-top { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; }
.ui-corner-bottom { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
.ui-corner-right {  -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
.ui-corner-left { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; }
.ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }

/* Overlays */
.ui-widget-overlay { background: #666666 url(ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat; opacity: .50;filter:Alpha(Opacity=50); }
.ui-widget-shadow { margin: -5px 0 0 -5px; padding: 5px; background: #000000 url(ui-bg_flat_10_000000_40x100.png) 50% 50% repeat-x; opacity: .20;filter:Alpha(Opacity=20); -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }/* Accordion
----------------------------------*/
.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; }
.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em .7em; }
/* IE7-/Win - Fix extra vertical space in lists */
.ui-accordion a { zoom: 1; }
.ui-accordion-icons .ui-accordion-header a { padding-left: 2.2em; }
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; zoom: 1; }
.ui-accordion .ui-accordion-content-active { display: block; }
/*******************************************************************************************************************/

.iframe_account_member_diamond_content_display_none {
    display: none;
}

#avatar_name_profil_kids {
    font-size: 14px;
}
#avatar_job_profil_kid {
font-size: 14px;
}

/*Raphal*/

body.page404 {
     background: url("io_bg_body.jpg") no-repeat scroll 50% 25px transparent;
}

.page404 p{
     padding-top : 5px;
	 font-size : 26px;
}

body.page404 .actionArea { width:100%; background:transparent url(io_bg_branding_error404.png) 50% 0 no-repeat; }

/*Marie-France*/
body.page404{
  background-position: 50% 0px;
}
body.page404 #ctl00{
  background: url("io_bg_branding_home.png") no-repeat scroll 50% 0 transparent;
}

body.page404 .actionArea{
  background: url("io_bg_content_top.png") no-repeat center top transparent;
  padding-top:25px;
}
body.page404 .actionArea .flashContent{
  background: url("io_bg_content_center.png") repeat-y scroll center top transparent;
}

body.page404 .actionArea .flashContent .cms_social_media{
  background: url("io_bg_content_bottom.png") no-repeat center bottom transparent;
}
/*FIN Marie-France*/

.iframe_buy_btn_text {
    font-size: 14px;
    font-weight: 700;
    height: 25px;
    margin-bottom: 0;
    margin-left: 5px;
    margin-top: 0;
    padding-top: 4px;
    text-align: right;
    width: 96px;
}

.iframe_buy_btn_text a {
    color: #FFFFFF;
    text-decoration: none;
}

.profil_diamond_link {
    background-image: url("io_bg_btn_purple-big.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    color: #FFFFFF;
    float: right;
    font-weight: 700;
    height: 29px;
    text-align: right;
    width: 190px;
	 margin-top: 5px;
}
.profil_diamond_link a {
    color: #FFFFFF;
    display: block;
    font-size: 14px;
    font-weight: 700;
    height: 23px;
    line-height: 23px;
    margin-right: 22px;
    margin-top: 2px;
    text-decoration: none;
}

#no_flash_content p.text {
  color: #500078;
  font-weight: bold;
}
#no_flash_content p.link {
  color: #021F87;
}
#no_flash_content p.text, #no_flash_content p.link {
  font-family: Arial,sans-serif;
  margin: 10px auto;
  text-align: center;
  width: 500px;
}
#no_flash_content #flashContent h1 {
  background: none repeat scroll 0 0 transparent;
  color: #500078;
  display: block;
  height: 353px;
  margin: 0 auto;
  text-align: center;
  width: 631px;
}

#no_flash_content p.text {
  color: #500078;
  font-weight: bold;
}
#no_flash_content p.link {
  color: #021F87;
}
#no_flash_content p.text, #no_flash_content p.link {
  font-family: Arial,sans-serif;
  margin: 10px auto;
  text-align: center;
  width: 500px;
}
#no_flash_content #flashContent h1 {
  background: none repeat scroll 0 0 transparent;
  color: #500078;
  display: block;
  height: 353px;
  margin: 0 auto;
  text-align: center;
  width: 631px;
}


#imagine-iframe_login_select{background:#fff; height:auto; margin-top: 95px;}

#imagine-iframe_login_select #box-login {
    width: 630px;
    height: 365px;
    margin: 0px auto;
}
#imagine-iframe_login_select h1 {
    color: #121566;
    font-size: 17pt;
    font-weight: bold;
    text-align: center;
    margin: 10px 0 5px 0;
    font-family: Gill Sans MT;
}

#imagine-iframe_login_select #create-avatar {
    width: 289px;
    height: 292px;
    background: white url('box_01.jpg') 0 0 no-repeat;
    float: left;
    position: relative;
    margin-left: 25px;
}

#imagine-iframe_login_select #connect {
    width: 289px;
    height: 292px;
    background: white url('box_02.jpg') 0 0 no-repeat;
    float: right;
    position: relative;
    margin-right: 25px;
}

#imagine-iframe_login_select #create-avatar h2, #connect h2 {
    color: white;
    font-size: 17pt;
    font-weight: bold;
    text-align: center;
    margin: 20px 0 0 0;
    font-family: Gill Sans MT;
}

#imagine-iframe_login_select #connect h2 {
    color: #012186;
    font-family: Gill Sans MT;
}

#imagine-iframe_login_select #create-avatar a {
    display: block;
    font-size: 0;
    text-decoration: none;
    text-indent: -999em;
    width: 164px;
    height: 75px;
    background: transparent url('bt_creer.png') top left no-repeat;
    position: absolute;
    right: 23px;
    bottom: 20px;
}

#imagine-iframe_login_select #create-avatar a:hover, #imagine-iframe_login_select #create-avatar a:focus {
    background: transparent url('bt_creer.png') 0 -80px no-repeat;
}

#imagine-iframe_login_select #connect a#send {
    display: block;
    border: none;
    font-size: 0;
    text-decoration: none;
    text-indent: -999em;
    width: 100px;
    height: 56px;
    background: transparent url('ok_bt.png') top left no-repeat;
    position: relative;
    left: 16px;
    top: 100px;
    cursor: pointer;
}

#imagine-iframe_login_select #connect a#send:hover, #imagine-iframe_login_select #connect a#send:focus {
    background: transparent url('ok_bt.png') 0 -56px no-repeat;
}

#imagine-iframe_login_select #connect label {
    color: white;
    position: absolute;
    width: 50%;
    text-align: center;
}

#imagine-iframe_login_select #connect label.username {
    top: 60px;
    left: 10px;
    color: #012186;
    font-family: Gill Sans MT;
    font-size:16px;
}
#imagine-iframe_login_select #connect label.password {
    top: 115px;
    left: -3;
    color: #012186;
    font-family: Gill Sans MT;
    font-size:16px;
}

#imagine-iframe_login_select #connect input#username, #imagine-iframe_login_select #connect input#password {
    color: black;
    position: absolute;
    width: 110px;
    height: 20px;
    text-align: left;
    border: none;
}

#imagine-iframe_login_select #connect input#username {
    top: 87px;
    left: 32px;
    width: 130px;
}
#imagine-iframe_login_select #connect input#password {
    top: 142px;
    left: 32px;
    width: 130px;
}

 #login_forgot_question {
 text-align: center;
 }
 
 .ok_msg{
	color:green;
 }
 .error_msg{
	color:red;
 }
/* bidouille decalage du signup
 iframe.avatar-create-g2w{
	margin-top:7px !important; 
	
	margin-left:85px !important;
	
 } */
 
 .template {
 Margin-left:40px;
 Margin-right:40px;
 Margin-top:10px;
 margin-bottom:10px;
 }
 
 body.imagine-faq-page .template h1 {
    background: url("io_bg_title_h1.png") no-repeat scroll center bottom transparent;
    color: #7D47A7;
    font-size: 30px;
    font-weight: 700;
    height: 43px;
    text-align: center;
    width: 936px;
	margin-bottom: 30px
}


body.imagine-landing #footer_composants {
 
    display: none;
  
}