/*
	Titanium Chef Website v3.0
	Mod7 Communications, Inc.
	for BC Dairy Foundation
	Authored by: Daryl Claudio, Tyler Egeto, Thomas Mathews
	
	
	Version History
	---------------
		v3.0 - Registration Redesign, New Headers
		v2.1 - Improved user profile screens
		v2.0 - Original Release
	
	
	Color Palette
	-------------
	Strong Cyan: 	#48d8f9
	Light Cyan:		#c2e6ee
	Off-white:		#f8fdff
	
	
	Font Stack
	----------
	font-family: 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
	
		
	z-stack
	-------
	60	navigation
	
	
	Header Hierarchy
	----------------
	h1	reserved for main site title
	h2	page title
	h3	section title
	h4	paragraph title
	
*/

html { height: 100%; }

body {
background: #080b10;
height: 100%;
color: #FFFFFF;
font-family: 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
}

#container {
background: url(frontend/backgroundv3-starfield-top.jpg) center top no-repeat scroll;
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 0 -410px;
}

#wrapper {
text-align: left;
margin: 0px auto;
width: 960px;
height: 100%;
}

p, li, dt, dd { /* default styling */
color: #c2e6ee;
line-height: 18px;
font-size: 12px;
}

p { padding-bottom: 10px; }

a:link		{ color: #48d8f9; text-decoration: underline; }
a:visited	{ color: #48d8f9; text-decoration: underline; }
a:hover 	{ color: #8eeaff; text-decoration: underline; }
}
li {
	list-style-type: none;
}
img {
	border: 0 none;
}
.selected-image img {
	border:thin #FFFFFF solid;
	display:inline;
}

h2 { /* page title, sifr'd */
color: #fff;
font-size: 30px;
padding-bottom: 10px;
margin-bottom: 20px
}

h3 { /* section title */
color: #f8fdff;
font-size: 18px;
font-weight: 600;
padding-bottom: 18px;
}

	h3 a:link, h3 a:visited { color: #f8fdff; text-decoration: none; }
	h3 a:hover { color: #48d8f9; text-decoration: underline; }
	h3 a:active { color: #8eeaff; text-decoration: underline; }

h4 { /* paragraph title */
color: #f8fdff;
font-size: 16px;
padding-bottom: 9px;
}

	h4 a:link, h4 a:visited { color: #f8fdff; text-decoration: none; }
	h4 a:hover { color: #48d8f9; text-decoration: underline; }
	h4 a:active { color: #8eeaff; text-decoration: underline; }

/* HEADER */

#header {
	width: 998px;
	height: 330px;
	position: relative;
	left: -19px;
	z-index: 100;
}

	#header-presentedby {
		background: url(frontend/headerv3-presentedby-bcdf.png) 0 0 no-repeat scroll;
/*		background: url(frontend/headerv3-presentedby.png) 0 0 no-repeat scroll;*/
		display: block;
		height: 23px;
		text-indent: -9001px;
		width: 130px;
		position: absolute;
		top: 10px;
		left: 69px;
		padding: 0;
		margin: 0;
	}

	#header-hero {
		width: 998px;
		height: 290px;
		position: absolute;
		top: 31px;
	}
	
		#title-frame {
			width: 998px;
			height: 278px;
			background: url("frontend/headerv3-frame.png") no-repeat scroll 0 0;
			position: absolute;
			left: 0;
			top: 0;
			z-index: 50;
		}
		
		.header-fr #title-frame { background: url("frontend/headerv3-frame-fr.png") no-repeat scroll 0 0; }
		
			#site-title {
				display: block;
				width: 360px;
				height: 108px;
				position: absolute;
				left: 62px;
				top: 87px;
				text-indent: -9001px;
			}

	#header-cycle {
		display: block;
		width: 960px;
		height: 240px;
		list-style: none;
		position: absolute;
		left: 19px;
		top: 19px;
		z-index: 20;
	}
	
		.header-cycle-image {
			display: none;
			width: 960px;
			height: 240px;
			list-style: none;
		}

	/* Header - Registration (Small Style) */
	#header-reg {
		width: 940px;
		height: 80px;
		position: relative;
		margin: 0 auto;
		z-index: 100;
	}
	
		#site-title-reg {
			display: block;
			width: 221px;
			height: 52px;
			margin: 0;
			padding: 0;
			position: absolute;
			left: 50px;
			top: 22px;
			z-index: 5;
		}
		
			#site-title-reg a {
				display: block;
				width: 221px;
				height: 52px;
				text-indent: -9001px;
				margin: 0;
				padding: 0;
				background: url("frontend/headerv3-reg-title.png") no-repeat scroll 0 0;
			}
			
			.header-fr #site-title-reg {
				left: 48px;
				top: 21px;
			}
			
			.header-fr #site-title-reg a {
				width: 225px;
				height: 50px;
				background: url("frontend/headerv3-reg-title-fr.png") no-repeat scroll 0 0;
			}

		#header-presentedby-reg {
			display: block;
			width: 259px;
			height: 11px;
			margin: 0;
			padding: 0;
			position: absolute;
			left: 36px;
			top: 16px;
			text-indent: -9001px;
			background: url("frontend/headerv3-reg-presentedby.png") no-repeat scroll 0 0;
		}
	
#play-title-en {
    background: url("frontend/headerv3-game-title-en.png") no-repeat scroll center 0 transparent;
    display: block;
    height: 90px;
    left: 214px;
    position: absolute;
    top: 14px;
    width: 534px;
}
#play-title-fr {
    background: url("frontend/headerv3-game-title-fr.png") no-repeat scroll center 0 transparent;
    display: block;
    height: 90px;
    left: 214px;
    position: absolute;
    top: 14px;
    width: 534px;
}
#play-title-en a, #play-title-fr a {
    display: block;
    height: 90px;
    text-indent: -9001px;
    width: 534px;
}	


/* Persistent user account nav (login/register || my account / logout) */

#persistent-account-nav {
	width: 470px;
	height: 22px;
	position: absolute;
	top: 15px;
	right: 50px;
	z-index: 80;
	list-style: none;
	margin: 0;
	padding: 0;
}
	.header-fr #persistent-account-nav {
		width: 544px;
	}


	#persistent-account-nav li {
		display: block;
		height: 22px;
		position: absolute;
	}
	
		#persistent-account-nav a {
			display: block;
			height: 22px;
			text-indent: -9001px;
		}
		
		.header-en .pan-item a { background: url("frontend/headerv3-panav.png") no-repeat scroll; }
		.header-fr .pan-item a { background: url("frontend/headerv3-panav-fr.png") no-repeat scroll; }

		.user-loggedout-en #pan-french          { left: 126px; }
		.user-loggedout-en #pan-teachersparents { left: 226px; }
		.user-loggedout-en #pan-signin          { left: 393px; }
		
		.user-loggedin-en #pan-french           { left: -3px; }
		.user-loggedin-en #pan-teachersparents  { left: 98px; }
		.user-loggedin-en #pan-myaccount        { left: 264px; }
		.user-loggedin-en #pan-signout          { left: 381px; }
		
		.user-loggedout-fr #pan-english         { left: 114px; }
		.user-loggedout-fr #pan-teachersparents { left: 200px; }
		.user-loggedout-fr #pan-signin          { left: 389px; }
		
		.user-loggedin-fr #pan-english           { left: 0px; }
		.user-loggedin-fr #pan-teachersparents  { left: 86px; }
		.user-loggedin-fr #pan-myaccount        { left: 275px; }
		.user-loggedin-fr #pan-signout          { left: 393px; }


		#pan-french   { width: 91px; }
		#pan-french a { width: 91px; background-position: 0 0; }
		#pan-french a:hover { background-position: 0 -30px; }
		#pan-french a:active,
		#pan-french a:focus { background-position: 0 -60px; }
		
		#pan-teachersparents   { width: 161px; }
		#pan-teachersparents a { width: 161px; background-position: -100px 0; }
		#pan-teachersparents a:hover,
		#pan-teachersparents a.active { background-position: -100px -30px; }
		#pan-teachersparents a:active,
		#pan-teachersparents a:focus { background-position: -100px -60px; }
		
		#pan-signin   { width: 73px; }
		#pan-signin a { width: 73px; background-position: -267px 0; }
		#pan-signin a:hover { background-position: -267px -30px; }
		#pan-signin a:active,
		#pan-signin a:focus { background-position: -267px -60px; }
		
		#pan-myaccount   { width: 107px; }
		#pan-myaccount a { width: 107px; background-position: -346px 0; }
		#pan-myaccount a:hover { background-position: -346px -30px; }
		#pan-myaccount a:active,
		#pan-myaccount a:focus { background-position: -346px -60px; }
		
		#pan-signout   { width: 90px; }
		#pan-signout a { width: 90px; background-position: -459px 0; }
		#pan-signout a:hover { background-position: -459px -30px; }
		#pan-signout a:active,
		#pan-signout a:focus { background-position: -459px -60px; }
		
		#pan-english   { width: 76px; }
		#pan-english a { width: 76px; background-position: 0 0; }
		#pan-english a:hover { background-position: 0 -30px; }
		#pan-english a:active,
		#pan-english a:focus { background-position: 0 -60px; }
		
		.header-fr #pan-teachersparents   { width: 183px; }
		.header-fr #pan-teachersparents a { width: 183px; background-position: -86px 0; }
		.header-fr #pan-teachersparents a:hover,
		.header-fr #pan-teachersparents a.active { background-position: -86px -30px; }
		.header-fr #pan-teachersparents a:active,
		.header-fr #pan-teachersparents a:focus { background-position: -86px -60px; }
		
		.header-fr #pan-signin   { width: 151px; }
		.header-fr #pan-signin a { width: 151px; background-position: -275px 0; }
		.header-fr #pan-signin a:hover { background-position: -275px -30px; }
		.header-fr #pan-signin a:active,
		.header-fr #pan-signin a:focus { background-position: -275px -60px; }
		
		.header-fr #pan-myaccount   { width: 112px; }
		.header-fr #pan-myaccount a { width: 112px; background-position: -432px 0; }
		.header-fr #pan-myaccount a:hover { background-position: -432px -30px; }
		.header-fr #pan-myaccount a:active,
		.header-fr #pan-myaccount a:focus { background-position: -432px -60px; }
		
		.header-fr #pan-signout   { width: 151px; }
		.header-fr #pan-signout a { width: 151px; background-position: -550px 0; }
		.header-fr #pan-signout a:hover { background-position: -550px -30px; }
		.header-fr #pan-signout a:active,
		.header-fr #pan-signout a:focus { background-position: -550px -60px; }
		
	/* Persistent Account Nav - Registration (small style) */
	
	#persistent-account-nav-reg {
		width: 272px;
		height: 15px;
		position: absolute;
		top: 13px;
		right: 34px;
		z-index: 80;
		list-style: none;
		margin: 0;
		padding: 0;
	}
	
	.header-fr #persistent-account-nav-reg {
		width: 346px;
	}

		#persistent-account-nav-reg li {
			display: block;
			height: 15px;
			position: absolute;
		}
		
			#persistent-account-nav-reg a {
				display: block;
				height: 15px;
				text-indent: -9001px;
			}
			
			.header-en .pan-item-reg a { background: url("frontend/headerv3-reg-panav.png") no-repeat scroll; }
			.header-fr .pan-item-reg a { background: url("frontend/headerv3-reg-panav-fr.png") no-repeat scroll; }

			#pan-french-reg   { width: 67px; left: 0; }
			#pan-french-reg a { width: 67px; background-position: 0 0; }
			#pan-french-reg a:hover,
			#pan-french-reg a:active,
			#pan-french-reg a:focus { background-position: 0 -15px; }
			
			#pan-teachersparents-reg   { width: 127px; left: 80px; }
			#pan-teachersparents-reg a { width: 127px; background-position: -80px 0; }
			#pan-teachersparents-reg a:hover,
			#pan-teachersparents-reg a:active,
			#pan-teachersparents-reg a:focus { background-position: -80px -15px; }
			
			#pan-signin-reg   { width: 55px; left: 217px; }
			#pan-signin-reg a { width: 55px; background-position: -217px 0; }
			#pan-signin-reg a:hover,
			#pan-signin-reg a:active,
			#pan-signin-reg a:focus { background-position: -217px -15px; }
			
			
			.header-fr #pan-english-reg   { width: 56px; left: 0; }
			.header-fr #pan-english-reg a { width: 56px; background-position: 0 0; }
			.header-fr #pan-english-reg a:hover,
			.header-fr #pan-english-reg a:active,
			.header-fr #pan-english-reg a:focus { background-position: 0 -15px; }
			
			.header-fr #pan-teachersparents-reg   { width: 146px; left: 70px; }
			.header-fr #pan-teachersparents-reg a { width: 146px; background-position: -70px 0; }
			.header-fr #pan-teachersparents-reg a:hover,
			.header-fr #pan-teachersparents-reg a:active,
			.header-fr #pan-teachersparents-reg a:focus { background-position: -70px -15px; }
			
			.header-fr #pan-signin-reg   { width: 119px; left: 227px; }
			.header-fr #pan-signin-reg a { width: 119px; background-position: -227px 0; }
			.header-fr #pan-signin-reg a:hover,
			.header-fr #pan-signin-reg a:active,
			.header-fr #pan-signin-reg a:focus { background-position: -227px -15px; }
	

/*
	Navigation
*/

#navigation {
	display: block;
	width: 869px;
	height: 59px;
	position: absolute;
	left: 65px;
	top: 226px;
	z-index: 100;
}

	.nav-item {
		display: block;
		width: 172px;
		height: 59px;
		margin: 0;
		padding: 0;
		list-style: none;
		position: absolute;
	}
	
		.nav-item a {
			display: block;
			width: 172px;
			height: 59px;
			margin: 0;
			padding: 0;
			text-indent: -9001px;
		}
			.header-en .nav-item a { background: url("frontend/headerv3-nav-sprite.png") no-repeat scroll 0 0; }
			.header-fr .nav-item a { background: url("frontend/headerv3-nav-sprite-fr.png") no-repeat scroll 0 0; }
			
		#nav-playthegame           { width: 176px; left: 0; }
		#nav-playthegame a         { width: 176px; background-position: 0 0; }
		#nav-playthegame a:hover   { background-position: 0 -59px; }
		#nav-playthegame a:active,
		#nav-playthegame a:focus   { background-position: 0 -118px; }
		#nav-playthegame a.current { background-position: 0 -177px; }
		
		#nav-thestory              { left: 176px; }
		#nav-thestory a            { background-position: -176px 0; }
		#nav-thestory a:hover      { background-position: -176px -59px; }
		#nav-thestory a:active,
		#nav-thestory a:focus      { background-position: -176px -118px; }
		#nav-thestory a.current    { background-position: -176px -177px; }
		
		#nav-gallery               { left: 348px; }
		#nav-gallery a             { background-position: -348px 0; }
		#nav-gallery a:hover       { background-position: -348px -59px; }
		#nav-gallery a:active,
		#nav-gallery a:focus       { background-position: -348px -118px; }
		#nav-gallery a.current     { background-position: -348px -177px; }
		
		#nav-rankings              { left: 520px; }
		#nav-rankings a            { background-position: -520px 0; }
		#nav-rankings a:hover      { background-position: -520px -59px; }
		#nav-rankings a:active,
		#nav-rankings a:focus      { background-position: -520px -118px; }
		#nav-rankings a.current    { background-position: -520px -177px; }
		
		#nav-recipesmore           { width: 176px; left: 692px; }
		#nav-recipesmore a         { width: 176px; background-position: -692px 0; }
		#nav-recipesmore a:hover   { background-position: -692px -59px; }
		#nav-recipesmore a:active,
		#nav-recipesmore a:focus   { background-position: -692px -118px; }
		#nav-recipesmore a.current { background-position: -692px -177px; }
		
	/* Navigation - Registration (small size) */
	
	#navigation-reg {
		display: block;
		width: 594px;
		height: 47px;
		position: absolute;
		left: 312px;
		top: 25px;
		z-index: 100;
	}
	
		.nav-item-reg {
			display: block;
			width: 172px;
			height: 59px;
			margin: 0;
			padding: 0;
			list-style: none;
			position: absolute;
		}
		
			.nav-item-reg a {
				display: block;
				width: 116px;
				height: 47px;
				margin: 0;
				padding: 0;
				text-indent: -9001px;
			}
				.header-en .nav-item-reg a { background: url("frontend/headerv3-reg-nav-sprite.png") no-repeat scroll 0 0; }
				.header-fr .nav-item-reg a { background: url("frontend/headerv3-reg-nav-sprite-fr.png") no-repeat scroll 0 0; }
				
			#nav-playthegame-reg           { width: 122px; left: 0; }
			#nav-playthegame-reg a         { width: 122px; background-position: 0 0; }
			#nav-playthegame-reg a:hover,
			#nav-playthegame-reg a:active,
			#nav-playthegame-reg a:focus   { background-position: 0 -47px; }
			
			#nav-thestory-reg              { left: 122px; }
			#nav-thestory-reg a            { background-position: -122px 0; }
			#nav-thestory-reg a:hover,
			#nav-thestory-reg a:active,
			#nav-thestory-reg a:focus      { background-position: -122px -47px; }
			
			#nav-gallery-reg               { left: 238px; }
			#nav-gallery-reg a             { background-position: -238px 0; }
			#nav-gallery-reg a:hover,
			#nav-gallery-reg a:active,
			#nav-gallery-reg a:focus       { background-position: -238px -47px; }
			
			#nav-rankings-reg              { left: 354px; }
			#nav-rankings-reg a            { background-position: -354px 0; }
			#nav-rankings-reg a:hover,
			#nav-rankings-reg a:active,
			#nav-rankings-reg a:focus      { background-position: -354px -47px; }
			
			#nav-recipesmore-reg           { width: 124px; left: 470px; }
			#nav-recipesmore-reg a         { width: 124px; background-position: -470px 0; }
			#nav-recipesmore-reg a:hover,
			#nav-recipesmore-reg a:active,
			#nav-recipesmore-reg a:focus   { background-position: -470px -47px; }
			
	


#guest-play-btn-en a, #guest-play-btn-fr a{
	overflow:hidden;
	display:block;
	height:117px;
	width:228px;
}

#guest-play-btn-en {
	text-indent:-5000px;
	background:url(theme_images/Launch-the-Game-en.jpg);
	background-repeat:no-repeat;
	margin:0px 0px;
	height:117px;
	width:228px;
}

#guest-play-btn-fr {
	text-indent:-5000px;
	background:url(theme_images/Launch-the-Game-fr.jpg);
	background-repeat:no-repeat;
	margin:0px 0px;
	height:117px;
	width:228px;
}

/*

	Content Wrapping

*/

#content {
position: relative;
z-index: 20;
}

	#centre-column {
		background: url(frontend/content-background-repeat.png) repeat-y top center scroll;
		margin: 0;
		padding: 0 0 4px;
		position: relative;
		z-index: 40;
	}
	
		#centre-column #centre-column-inner-wrapper {
		position: relative;
		z-index: 49;
		margin: 0 auto;
		min-height: 225px;
		height: auto !important;
		height: 225px;
		width: 500px;
		}

		.content-background-topcap {
			display: block;
			width: 100%;
			height: 144px;
			margin: 0 auto;
			position: absolute;
			top: 0;
			background: transparent url("frontend/backgroundv3-starfield-top-standard-alpha.png") no-repeat scroll center 0;
			z-index: 43;
		}
	
	.content-background-bottomcap {
		display: block;
		width: 834px;
		height: 23px;
		margin: 0 auto;
		position: absolute;
		bottom: -23px;
		left: 63px;
		background: url("frontend/contentv3-bottomcap.png") no-repeat scroll center 0;
		z-index: 43;
	}

	/* Left and Right Sidebars */

	#left-column { /* aka subnavigation. */
	position: absolute;
	z-index: 46;
	width: 120px;
	top: 60px;
	left: 70px;
	}
	
		#left-column ul li {
		font-size: 18px;
		line-height: 22px;
		padding-bottom: 12px;
		}
			#left-column ul li.create-key-link {
				font-size: 9px;
				line-height: 12px;
			}
		
			#left-column ul ul {
			border-top: solid 1px #00628e;
			margin-top: 4px;
			padding-top: 12px;
			}
		
				#left-column ul ul li {
				padding-left: 38px;
				font-size: 14px;
				line-height: 16px;
				padding-bottom: 10px;
				}
		
		#left-column li a:link,
		#left-column li a:visited { text-decoration: none; color: #fff; }
		#left-column li a:hover { text-decoration: underline; color: #48d8f9; }
		#left-column li a:active { text-decoration: underline; color: #c2e6ee; }
		
		#left-column li a.active:link,
		#left-column li a.active:visited,
		#left-column li a.active:hover,
		#left-column li a.active:active { color: #48d8f9; }

	#right-column {
	position: absolute;
	z-index: 46;
	width: 180px;
	top: 60px;
	right: 10px;
	}
	
	#left-column h4,
	#right-column h4 {
	text-transform: uppercase;
	font-size: 10px;
	color: #f8fdff;
	}
		
/* Homepage Layout */
	
#content-home {
position: relative;
z-index: 20;
}

	
	#content-home #centre-column {
		background: transparent url(frontend/content-home-background-repeat.png) repeat-y top center scroll;
		margin: 0;
		padding: 0 0 4px;
		position: relative;
		z-index: 40;
	}
	
		#centre-column-inner-wrapper-home {
			position: relative;
			margin: 0 90px 0;
			padding: 9px 0 0;
			z-index: 49;
			min-height: 225px;
			height: auto !important;
			height: 225px;
		}
	
		
	#content-home .content-background-bottomcap {
		display: block;
		width: 834px;
		height: 23px;
		margin: 0 auto;
		position: absolute;
		bottom: -23px;
		left: 63px;
		background: url("frontend/contentv3-wide-bottomcap.png") no-repeat scroll center 0;
		z-index: 43;
	}

	

/* Registration Layout */

#content-reg {
position: relative;
z-index: 20;
}

	

	#content-reg-container {
		background: transparent url(frontend/content-home-background-repeat.png) repeat-y top center scroll;
		margin: 71px 0 0;
		padding: 0 0 4px;
		position: relative;
		z-index: 40;
	}
	
		#content-reg-container-topcap {
			display: block;
			width: 100%;
			height: 252px;
			margin: 0 auto;
			position: absolute;
			top: 0;
			background: transparent url("frontend/backgroundv3-starfield-top-alpha.png") no-repeat scroll center 0;
			z-index: 43;
		}
	
		#content-reg-wrap {
			position: relative;
			margin: 0 90px 0;
			padding: 9px 0 0;
			z-index: 49;
			min-height: 225px;
			height: auto !important;
			height: 225px;
		}
	
		
	#content-reg-container-bottomcap {
		display: block;
		width: 834px;
		height: 23px;
		margin: 0 auto;
		position: absolute;
		bottom: -23px;
		left: 63px;
		background: url("frontend/contentv3-wide-bottomcap.png") no-repeat scroll center 0;
		z-index: 43;
	}


/*
	
	Footer

*/


.push { height: 395px; }
#footer {
background: url(frontend/background-starfield-bottom.jpg) center bottom no-repeat scroll;
height: 410px;
}

	#footer-inner-wrapper {
	width: 780px;
	height: 410px;
	margin: 0 auto;
	position: relative;
	}
	
		#footer-inner-wrapper ul {
		display: block;
		width: 518px;
		height: 18px;
		list-style: none;
		position: absolute;
		top: 357px;
		left: 0;
		}
		
			/* English */
		
			#footer-inner-wrapper ul.footer-en li {
			display: block;
			position: absolute;
			top: 0;
			height: 18px;
			background: url(frontend/footer-en-navigation.png) no-repeat scroll;
			}
			
			#footer-inner-wrapper ul.footer-en a {
			display: block;
			height: 18px;
			text-indent: -9001px;
			}
			
				#footer-inner-wrapper ul.footer-en li#footer-contact-us { width: 69px; background-position: 0 0; left: 0; }
				#footer-inner-wrapper ul.footer-en li#footer-contact-us a { width: 69px; }
				#footer-inner-wrapper ul.footer-en li#footer-terms-of-use { width: 83px; background-position: -90px 0; left: 90px; }
				#footer-inner-wrapper ul.footer-en li#footer-terms-of-use a { width: 83px; }
				#footer-inner-wrapper ul.footer-en li#footer-privacy-policy { width: 86px; background-position: -195px 0; left: 195px; }
				#footer-inner-wrapper ul.footer-en li#footer-privacy-policy a { width: 86px; }
				#footer-inner-wrapper ul.footer-en li#footer-credits { width: 44px; background-position: -303px 0; left: 303px; }
				#footer-inner-wrapper ul.footer-en li#footer-credits a { width: 44px; }
				#footer-inner-wrapper ul.footer-en li#footer-help { width: 25px; background-position: -369px 0; left: 369px; }
				#footer-inner-wrapper ul.footer-en li#footer-help a { width: 25px; }
				#footer-inner-wrapper ul.footer-en li#footer-news { width: 34px; background-position: -413px 0; left: 413px; }
				#footer-inner-wrapper ul.footer-en li#footer-news a { width: 34px; }
				#footer-inner-wrapper ul.footer-en li#footer-switch { width: 53px; background-position: -465px 0; left: 465px; }
				#footer-inner-wrapper ul.footer-en li#footer-switch a { width: 53px; }
			
			/* French */
			
			#footer-inner-wrapper ul.footer-fr li {
			display: block;
			position: absolute;
			top: 0;
			height: 16px;
			background: url(frontend/footer-fr-navigation.png) no-repeat scroll;
			}
			
			#footer-inner-wrapper ul.footer-fr a {
			display: block;
			height: 16px;
			text-indent: -9001px;
			}
			
				#footer-inner-wrapper ul.footer-fr li#footer-contact-us { width: 75px; background-position: 0 0; left: 0; }
				#footer-inner-wrapper ul.footer-fr li#footer-contact-us a { width: 75px; }
				#footer-inner-wrapper ul.footer-fr li#footer-terms-of-use { width: 105px; background-position: -84px 0; left: 84px; }
				#footer-inner-wrapper ul.footer-fr li#footer-terms-of-use a { width: 105px; }
				#footer-inner-wrapper ul.footer-fr li#footer-privacy-policy { width: 125px; background-position: -198px 0; left: 198px; }
				#footer-inner-wrapper ul.footer-fr li#footer-privacy-policy a { width: 125px; }
				#footer-inner-wrapper ul.footer-fr li#footer-credits { width: 47px; background-position: -331px 0; left: 331px; }
				#footer-inner-wrapper ul.footer-fr li#footer-credits a { width: 47px; }
				#footer-inner-wrapper ul.footer-fr li#footer-help { width: 20px; background-position: -387px 0; left: 387px; }
				#footer-inner-wrapper ul.footer-fr li#footer-help a { width: 20px; }
				#footer-inner-wrapper ul.footer-fr li#footer-news { width: 118px; background-position: -416px 0; left: 416px; }
				#footer-inner-wrapper ul.footer-fr li#footer-news a { width: 118px; }
				#footer-inner-wrapper ul.footer-fr li#footer-switch { width: 33px; background-position: -542px 0; left: 542px; }
				#footer-inner-wrapper ul.footer-fr li#footer-switch a { width: 33px; }
			
			#footer-inner-wrapper #site-by-en,
			#footer-inner-wrapper #site-by-fr {
			display: block;
			width: 220px;
			position: absolute;
			top: 357px;
			left: 560px;
			}
			
			#footer-inner-wrapper #site-by-fr {
			left: 595px;
			width: 191px;
			}
			
				#footer-inner-wrapper #site-by-en h5,
				#footer-inner-wrapper #site-by-fr h5 {
				display: block;
				text-indent: -9001px;
				background: url(frontend/footer-en-navigation.png) -560px 0 no-repeat scroll;
				margin: 0;
				padding: 0;
				width: 49px;
				height: 18px;
				position: absolute;
				top: 0;
				left: 0;
				}
				#footer-inner-wrapper #site-by-fr h5 {
				background: url(frontend/footer-fr-navigation.png) -595px 0 no-repeat scroll;
				width: 43px;
				}
				
				#footer-inner-wrapper #site-by-en h6,
				#footer-inner-wrapper #site-by-fr h6 {
				display: block;
				text-indent: -9001px;
				background: url(frontend/footer-en-navigation.png) -614px 0 no-repeat scroll;
				margin: 0;
				padding: 0;
				width: 166px;
				height: 18px;
				position: absolute;
				top: 0;
				left: 54px;
				}
				
				#footer-inner-wrapper #site-by-fr h6 {
				background: url(frontend/footer-fr-navigation.png) -640px 0 no-repeat scroll;
				width: 146px;
				left: 45px;
				}

/*************************************************************
*
*	Global misc styles
*
*************************************************************/

.section {
padding-bottom: 45px;
}

#right-column .section {
padding-bottom: 34px;
}

#right-column p.topchef {
color: #F8FDFF;
line-height: 1;
padding: 2px 0 0;
font-size: 12px;
}
	#right-column p.topchef a:link,
	#right-column p.topchef a:visited {
		color: #F8FDFF;
		text-decoration: none;
	}
	#right-column p.topchef a:hover {
		color: #FFF;
		text-decoration: none;
	}
	#right-column p.topchef a:active {
		color: #FFF;
		text-decoration: none;
	}
#right-column p.chef-details {
line-height: 18px;
padding: 0;
font-size: 12px;
color: #216372;
}

/* forms */

.itisthecaptcha {
margin-left: 170px;
}

input, textarea, select {
	margin-bottom: 4px;
}
input[type=text],
input.input,
input[type=password] {
	color: #d2e7f0;
	font-family: 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 4px 8px;
	background: #0c121d;
	border: solid 1px #00628e;
}
input[type=text]:focus,
input[type=password]:focus,
textarea:focus,
input.input:focus {
background: #0c121d;
border: solid 1px #0094d6;
color: #fff;
}

textarea {
color: #d2e7f0;
font-family: 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 18px;
padding: 4px 8px;
background: #0c121d;
border: solid 1px #005a82;
}

.centre-search-en,
.centre-search-fr {
position: relative;
width: 100%;
height: 40px;
}
	.centre-search-en p,
	.centre-search-fr p {
	padding: 5px 0 0 0;
	}

	.centre-search-en input#keywords,
	.centre-search-fr input#keywords {
	position: absolute;
	top: 0;
	right: 100px;
	}
	
	.centre-search-fr input#keywords { right: 104px; }
	
	.centre-search-en input.submit-horizontal,
	.centre-search-fr input.submit-horizontal {
	display: block;
	background: url(frontend/button-search.png) 0 0 no-repeat scroll;
	width: 92px;
	height: 28px;
	border: none;
	text-indent: -9001px;
	position: absolute;
	top: 0;
	right: 0;
	}
	.centre-search-fr input.submit-horizontal {
	background: url(frontend/button-fr-search.png) 0 0 no-repeat scroll;
	width: 100px;
	}
		.centre-search-en input.submit-horizontal:hover,
		.centre-search-fr input.submit-horizontal:hover {
		background-position: 0 -29px;
		cursor: pointer;
		}

#right-column input#keywords {
width: 162px;
}
	#right-column input.submit-en,
	#right-column input.submit-fr {
	display: block;
	background: url(frontend/button-search-small.png) 0 0 no-repeat scroll;
	width: 51px;
	height: 14px;
	border: none;
	text-indent: -9001px;
	margin-left: 6px;
	}
	
	#right-column input.submit-fr {
	background: url(frontend/button-fr-search-small.png) 0 0 no-repeat scroll;
	width: 69px;
	height: 14px;
	margin-left: 10px;
	}
	
		#right-column input.submit-en:hover,
		#right-column input.submit-fr:hover {
		background-position: 0 -13px;
		cursor: pointer;
		}

.checkbox, .radio {
	padding-right:10px;
	margin-bottom:0px;
}
.submit {
	margin-top:2px;
	margin-bottom:0px;
}

/* misc */

.sub-heading {
	font-size:18px;
	margin-bottom:5px;
	line-height:18px;
	color:#FFFFFF;
	display:inline;
	font-weight:900;
}
.bigger-body {
	padding: 10px 30px 10px 0;
	font-size:14px;
	line-height: 20px;
	display:block;
}
sup {
	font-size: x-small;
	vertical-align: top;
}
.add-right-padding {

}

.inline-list li{
	display:inline;
}

ul ul li {
	padding-left:20px;
}

.error-message-list {
	color:#78e1f9;
	line-height:16px;
	font-size:12px;
}
.label {
	color:#FFFFFF;
	font-weight:600;
}
.rank-label {
	color:#FFFFFF;
}

.inline {
	display:inline;
	padding:5px;
}

/* Pagination */

.paginationControl {
width: 100%;
height: 38px;
padding-top: 30px;
position: relative;
}

	.paginationControl .button-next {
	display: block;
	width: 78px;
	height: 38px;
	position: absolute;
	top: 30px;
	right: 0;
	}
	
		.paginationControl .button-next a {
		
		background: url(frontend/buttons-prevnext.png) -79px 0 no-repeat scroll;
		display: block;
		width: 78px;
		height: 38px;
		text-indent: -9001px;
		}
		.paginationControl .button-next a.button-next-fr {
		background-image: url(frontend/buttons-fr-prevnext.png);	
		}
			.paginationControl .button-next a:hover {
			background-position: -79px -39px;
			}
			
				

	
	.paginationControl .button-prev {
	display: block;
	width: 78px;
	height: 38px;
	position: absolute;
	top: 30px;
	left: 0;
	}
	
		.paginationControl .button-prev a {
		background: url(frontend/buttons-prevnext.png) 0 0 no-repeat scroll;
		display: block;
		width: 78px;
		height: 38px;
		text-indent: -9001px;
		}
		.paginationControl .button-prev a.button-prev-fr {
		background-image: url(frontend/buttons-fr-prevnext.png);	
		}
			.paginationControl .button-prev a:hover {
			background-position: 0 -39px;
			}
	
	.paginationControl p {
	padding: 10px 0 0;
	text-align: center;
	}

/*************************************************************
*
*	Pages specific styles
*
*************************************************************/

/* homepage */

#content-home .leftcolumn {
float: left;
width: 540px;
padding-right: 20px;
}

#content-home .rightcolumn {
float: left;
width: 220px;
}

ul.blogentries {
background: url(frontend/news-latest-entry-background-topcap.jpg) 0 0 no-repeat scroll;
padding-top: 12px;
margin-bottom: 32px;
}

ul.blogentries li .entry-wrapper { /* blog entry panel, top 3 */
background: #0b0b0b;
border-top: 1px solid #0e1316;
border-bottom: 1px solid #000000;
padding: 18px 20px;
}

	ul.blogentries li h3 {
	font-size: 16px;
	padding-bottom: 12px;
	font-weight: 400;
	}
	
		ul.blogentries li h3 a:link,
		ul.blogentries li h3 a:visited { color: #7fddf0; text-decoration: none; }
		ul.blogentries li h3 a:hover { color: #97edff; text-decoration: none; }
		ul.blogentries li h3 a:active { color: #97edff; text-decoration: none; }

	ul.blogentries li p {
	padding-bottom: 8px;
	}
		
		ul.blogentries li p.author {
		padding: 0;
		font-size: 10px;
		font-style: normal;
		color: #2b8296;
		}

ul.blogentries li.latest { /* modify styling for first entry */
background: url(frontend/news-latest-entry-background-bottomcap.jpg) bottom center no-repeat scroll;
padding-bottom: 12px;
margin-bottom: 1px;
}

	ul.blogentries li.latest .entry-wrapper {
	background: url(frontend/news-latest-entry-background.jpg) top center repeat-y scroll;
	border-top: 0 none;
	border-bottom: 0 none;
	padding: 5px 20px;
	}

ul#homepage-questions li {
float: left;
width: 260px;
}
	
	ul#homepage-questions li.padded {
	padding-right: 20px;
	}
	
	ul#homepage-questions li h3 {
	color: #f8fdff;
	font-size: 18px;
	line-height: 24px;
	font-weight: 600;
	padding-bottom: 8px;
	}

	ul#homepage-questions li p {
	font-size: 14px;
	line-height: 24px;
	font-weight: 400;
	}

ul.leaderboards-widget li {
height: 60px;
clear: both;
}

	ul.leaderboards-widget .rank {
	width: 32px;
	height: 32px;
	background: url(frontend/leaderboard-widget-rank.png) 0 0 no-repeat scroll;
	float: left;
	padding: 6px 10px 0 0;
	margin: 0;
	line-height: 1;
	color: #48d8f9;
	font-size: 18px;
	font-weight: 600;
	letter-spacing: -0.3px;
	text-align: center;
	}
	
	ul.leaderboards-widget .user {
	float: left;
	}
	
		ul.leaderboards-widget .user p {
		font-size: 12px;
		line-height: 18px;
		}
			ul.leaderboards-widget .user p.topchef { line-height: 1; padding: 0; }
			ul.leaderboards-widget .user p.topchef a:link, 
			ul.leaderboards-widget .user p.topchef a:visited { color: #f8fdff; text-decoration: none; }
			ul.leaderboards-widget .user p.topchef a:hover { color: #fff; text-decoration: none; }
			ul.leaderboards-widget .user p.topchef a:hover { color: #fff; text-decoration: none; }
		
			ul.leaderboards-widget .user p.chef-details {
			color: #216372;
			}
			
			

/* Character & Planet Pages */

dl.character-info,
dl.planet-info {
width: 100%;
overflow: auto;
}

dl.character-info dt,
dl.planet-info dt {
color: #f8fdff;
float: left;
width: 180px;
height: 18px;
}

dl.character-info dd,
dl.planet-info dd {
float: left;
width: 315px;
}

ul.preview-list li {
padding-bottom: 22px;
}

ul.preview-list h3 {
margin: 0 11px;
}

img.character-img,
img.planet-img {
margin: 0 11px 6px;
}

/* Gallery and Gallery preview panel */

.gallery-container {
width: 478px;
height: 282px;
overflow: hidden;
margin: 0 11px;
padding: 1px 0;
border-top: 1px solid #00628e;
border-bottom: 1px solid #111;
}

.image-list {
width: 420px;
margin: 0 0 0 44px;
padding-top: 20px;
}

.image-list li {
	display: block;
	float: left;
	width: 64px;
	height: 62px;
	padding-right: 5px;
	padding-bottom: 5px;
}

	.image-list li img {
	display: block;
	border: 1px solid #00628e;
	}
	
	.image-list li.active img {
	border: 1px solid #48d8f9;
	}

.rightcolumn .image-list {
width: 215px;
margin: 0;
padding: 0;
}
	.rightcolumn .image-list li img {
	border: 0;
	}
/* Leaderboards */

ul.theboard li {
background: #0b0b0b;
border-top: 1px solid #0e1316;
border-bottom: 1px solid #000000;
padding: 0;
position: relative;
height: 100px;
}

	ul.theboard h4 {
	font-size: 18px;
	font-weight: 600;
	position: absolute;
	top: 40px;
	left: 110px;
	}
	
	ul.theboard p.leaderboard-user-details {
	position: absolute;
	right: 20px;
	top: 32px;
	padding: 0;
	text-align: right;
	text-transform: uppercase;
	font-weight: 600;
	color: #f8fdff;
	}
	
		ul.theboard p.leaderboard-user-details strong {
		color: #48d8f9;
		}
	
	ul.theboard .leaderboard-world-rank-en,
	ul.theboard .leaderboard-world-rank-fr {
	display: block;
	width: 82px;
	height: 71px;
	background: url(frontend/leaderboards-worldrank.png) 0 0 no-repeat scroll;
	position: absolute;
	top: 14px;
	left: 11px;
	}
		ul.theboard .leaderboard-world-rank-fr {  	background: url(frontend/leaderboards-fr-worldrank.png) 0 0 no-repeat scroll;
}

	ul.theboard .leaderboard-world-rank-text { display: block; text-indent: -9001px; width:82px; height: 24px; }
	ul.theboard .leaderboard-world-rank-number,
	ul.theboard .leaderboard-world-rank-number3,
	ul.theboard .leaderboard-world-rank-number4	{
	line-height: 1;
	color: #003440;
	font-size: 24px;
	font-weight: 600;
	display: block;
	width: 82px;
	text-align: center;
	margin-top: 11px;
	letter-spacing: -3.5px;
	}
	ul.theboard .leaderboard-world-rank-number3 {
	margin-top: 15px;
	font-size: 17px;
	letter-spacing: -2px;
	}
	ul.theboard .leaderboard-world-rank-number4 {
	margin-top: 16px;
	font-size: 13px;
	letter-spacing: -1.5px;
	}
	
ul.theboard li.leaderboard-rank-1 { /* oh so special */
background: url(frontend/leaderboards-highlight.jpg) 0 0 no-repeat;
border-top: none;
border-bottom: 1px solid #000000;
padding: 0;
position: relative;
height: 102px;
}

	ul.theboard li.leaderboard-rank-1 .leaderboard-world-rank-en,
	ul.theboard li.leaderboard-rank-1 .leaderboard-world-rank-fr {
	width: 88px;
	height: 88px;
	background: url(frontend/leaderboards-worldrank-1.png) 0 0 no-repeat scroll;
	position: absolute;
	top: 13px;
	left: 9px;
	}
		ul.theboard li.leaderboard-rank-1 .leaderboard-world-rank-fr { background: url(frontend/leaderboards-fr-worldrank-1.png); }
	
	ul.theboard li.leaderboard-rank-1 .leaderboard-world-rank-number {
	text-indent: -9001px;
	}

/* Blog styles */

.author {
	color:#256e7f;
	font-style:italic;
	font-size:12px;
	padding: 5px 0px;
}

.post-body {
	padding-bottom:15px;
}

.post-body:last-child
{
	padding-bottom:0px;
}

.post-categories {
	padding-bottom:15px;
	margin-top:-10px;
}

.post-categories:last-child {
	padding-bottom:0px;
}

/* the game styles */

.backstory img{
	display:inline;
	float:left;
	margin: 0px 5px 5px 0px;
}

/* Play page styles */

.play-page-title {
	height:150px;
	padding-top:20px;
	text-indent: -9001px;
}

#play-center-column {
	margin:-25px auto;
	text-align:center;
}

#guest-info {
	margin:25px auto;
	width:640px;
	position:relative;
	top:-30px;
	text-align:left;
}

body.playpage { 
background-image: none;
}

body.playpage #container {
min-height: 900px;
height: auto !important;
height: 900px;
}

/* Login Page */

#login-form {
	float:left;
	width: 200px;
	margin-right: 20px;
	padding-top: 15px;
}

#register-and-fb-form {
	float: left;
	width: 260px;
	margin-right: 20px;
	padding: 0 20px;
	padding-bottom: 10px;
	background-color: #091c22;
	border: 1px solid #00232f;
	text-align: center;
	position: relative;
}
	#register-and-fb-form h3 {
		position: absolute;
		top: 14px;
		left: 45px;
		z-index: 1;
	}
	#register-now-btn {
		display: block;
		width: 286px;
		height: 122px;
		position: absolute;
		top: 20px;
		left: 7px;
		z-index: 0;
	}
	#register-and-fb-spacer {
		display: block;
		height: 150px;
		overflow: hidden;
	}

#guest-form {
	float: left;
	width: 200px;
	padding-top: 15px;
}
	.checkbox-wrapper {
	width: 280px;
	overflow: auto;
	}
	.hugeform .hiddenFields input {
	display: none;
	}

	.hugeform .afield {
	display: block;
	width: 500px;
	overflow: auto;
	padding-bottom: 12px;
	}
		.hugeform #town-school-wrapper #town-input {
		margin-bottom: 12px;
		}

	.hugeform label {
	color: #c2e6ee;
	font-size: 12px;
	display: block;
	float: left;
	width: 170px;
	height: 20px;
	margin-top: 8px;
	line-height: 1.3;
	}	.hugeform label[for="thecaptcha"] { height: 40px; }
	
		.hugeform .checkbox-wrapper label.ohnoes {
		width: 100px;
		}
	
	.hugeform input {
	display: block;
	float: left;
	width: 300px;
	}

		.hugeform input.radio,
		.hugeform input.checkbox {
		margin-top: 8px;
		width:25px;
		}
		.hugeform .checkbox-terms {
		display: block;
		width: 100%;
		}
		.hugeform .checkbox-terms label {
		width: 250px;
		height: 40px;
		}
		.hugeform .checkbox-terms .extra-markup {
		display: block;
		float: left;
		width: 193px;
		overflow: auto;
		}
			.hugeform .checkbox-terms .extra-markup input { /* this is ugly... */
			float: right;
			}
	
	.hugeform select {
	display: block;
	float: left;
	width: 100px;
	background: #0c121d;
	color: #f8fdff;
	font-family: 'Trebuchet MS';
	padding: 4px 2px 4px 8px;
	border: 1px solid #00628e;
	}
		.hugeform select#province-select,
		.hugeform select#country {
		width: 318px;
		}

	input.submit-en,
	input.submit-fr {
	display: block;
	background: url(frontend/button-submit.png) 0 0 no-repeat scroll;
	width: 91px;
	height: 38px;
	border: none;
	text-indent: -9001px;
	margin-bottom: 14px;
	}
	input.submit-fr {
	width: 100px;
	background: url(frontend/button-fr-submit.png) 0 0 no-repeat scroll;
	}
		input.submit-en:hover,
		input.submit-fr:hover {
		background-position: 0 -39px;
		cursor: pointer;
		}

	input.submit-settings-en,
	input.submit-settings-fr {
	display: block;
	background: url(frontend/button-savesettings.png) 0 0 no-repeat scroll;
	width: 140px;
	height: 38px;
	border: none;
	text-indent: -9001px;
	margin-left: 170px;
	}
		input.submit-settings-fr {
		background: url(frontend/button-fr-savesettings.png) 0 0 no-repeat scroll;
		width: 240px;
		}
		input.submit-settings-en:hover,
		input.submit-settings-fr:hover {
		background-position: 0 -40px;
		cursor: pointer;
		}
		input.submit-settings-fr:hover { background-position: 0 -39px; }
	
	p.remove-account a:link,
	p.remove-account a:visited,
	p.remove-account a:hover,
	p.remove-account a:active {
	font-size: 10px;
	color: #256f80;
	}
		p.remove-account a:hover, p.remove-account a:active { text-decoration: none; }

/*
	Cleaning up the registration form.
*/
	
	#member_form .afield {
	overflow: auto;
	}
	
		#member_form .extra-markup { overflow: visible; }
	
		
/* My Account */

#user-header {
background: #083844 url('frontend/game-background.png') repeat-x scroll 0 0;
border: 1px solid #0c5669;
padding: 16px 20px 5px;
margin: 0 0 20px;
position: relative;
}

	#user-header h3 {
	font-size: 18px;
	font-weight: 600;
	color: #FFF;
	line-height: 1.1;
	padding: 0;
	text-shadow: 0 1px 1px #000;
	}
	
	#user-header .is-veteran-en,
	#user-header .is-veteran-fr {
	background:url("frontend/veteran-badge-small-en.png") no-repeat scroll 0 0 transparent;
	display:block;
	height:78px;
	text-indent:-9001px;
	width:108px;
	padding: 0;
	position: absolute;
	right: 20px;
	top: 8px;
	}
	
		#user-header .is-veteran-fr { background:url("frontend/veteran-badge-small-fr.png") no-repeat scroll 0 0 transparent; }
	
	#user-header .game-details {
	padding: 12px 0;
	position: relative;
	min-height: 60px;
	}
	
	#user-header .is-veteran-en,
	#user-header .is-veteran-fr {
	width: 76px;
	height: 55px;
	
	}
	
	#user-header .game-details p.game-detail-major {
	position: static;
	top: 0; left: 0;
	float: left;
	margin-right: 60px;
	text-align: left;
	}
	#user-header .game-details p.game-detail-secondary {
	position: static;
	top: 0; left: 0;
	float: left;
	text-align:left;
	}

#create-new-game-en,
#create-new-game-fr {
width: 500px;
height: 50px;
display: block;
margin: 20px 0;
}
	#create-new-game-en a,
	#create-new-game-fr a {
	display: block;
	text-indent: -9001px;
	background: url(frontend/button-createnewgame.jpg) 0 0 no-repeat scroll;
	width: 500px;
	height: 50px;
	padding: 0;
	margin: 0;
	}
		#create-new-game-fr a {
		background: url(frontend/button-fr-createnewgame.jpg) 0 0 no-repeat scroll;
		}
		#create-new-game-en a:hover,
		#create-new-game-fr a:hover {
		background-position: 0 -51px;
		}

		
ul.myaccount {
padding-bottom: 45px;
}

ul.myaccount li {
background: #083844 url('frontend/game-background.png') repeat-x scroll 0 0;
border: 1px solid #0c5669;
padding: 10px 0 5px;
position: relative;
min-height: 210px;
margin: 20px 0;
}

	.myaccount .gameheader {
	display:block;
	padding: 4px 20px 20px;
	}

		.myaccount h4.game {
		font-size: 18px;
		font-weight: 600;
		color: #FFF;
		line-height: 1;
		padding: 0;
		text-shadow: 0 1px 1px #000;
		width: 250px;
		}
		
		.myaccount p.lastplayed {
		position: absolute;
		top: 39px;
		right: 20px;
		line-height: 10px;
		text-align: right;
		padding: 0;
		margin: 0;
		font-size: 10px;
		text-transform: uppercase;
		color: #c2e6ee;
		}

ul.myaccount .gamebody {
height: 155px;
position: relative;
}

	ul.myaccount li .game-image-env {
	position: absolute;
	top: 0;
	left: 20px;
	display: block;
	width: 140px;
	height: 140px;
	}
	
		ul.myaccount li .game-image-env img {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 5;
		border: 1px solid #48d8f9;
		width: 138px;
		height: 138px;
		}
	
	
	ul.myaccount li .game-details {
	top: 0;
	left: 160px;
	position: absolute;
	display: block;
	width: 340px;
	height: 150px;
	cursor: default;
	}
		
		.game-details p {
		padding: 0;
		font-size: 13px;
		line-height: 1.2;
		}
			.game-details p .label {
			font-weight: 400;
			}
			
		.game-details span {
		display: block;
		}
		
		.game-details span.game-detail-val {
		color: #c2e6ee;
		}
		
		.game-details .game-detail-label {
		text-transform: uppercase;
		color: #48d8f9;
		}
		
		.game-details p.game-detail-major {
		text-align: center;
		width: 160px;
		position: absolute;
		top: 0; left: 0;
		}
		
			.game-details p.game-detail-major .game-detail-val { font-size: 36px; }
			.game-details p.game-detail-major .game-detail-label { font-size: 12px; }
		
		.game-details p.game-detail-secondary {
		text-align: center;
		width: 160px;
		position: absolute;
		top: 94px; left:0;
		}
		
			.game-details p.game-detail-secondary .game-detail-val { font-size: 24px; }
			.game-details p.game-detail-secondary .game-detail-label { font-size: 12px; }
		
		.game-details .game-detail-minor {
		position: absolute;
		top: 0px;
		left: 160px;
		width: 170px;
		}
		
			.game-details .game-detail-minor .game-detail-val { font-size: 14px; }
			.game-details .game-detail-minor .game-detail-label { font-size: 10px; }
			
			.game-details .game-detail-minor-group-2, .game-details .game-detail-minor-group-1 { margin-bottom: 25px; }
	
	.is-veteran-en,
	.is-veteran-fr {
	display: block;
	width: 108px;
	height: 78px;
	background: url('frontend/veteran-badge-en.png') no-repeat scroll 0 0;
	text-indent: -9001px;
	}
	
		.is-veteran-fr { background: url('frontend/veteran-badge-fr.png') no-repeat scroll 0 0; }
	
	ul.myaccount li .game-fx-en,
	ul.myaccount li .game-fx-fr {
	display: block;
	position: absolute;
	width: 136px;
	height: 46px;
	top: 95px;
	left: 0;
	z-index: 10;
	}
	
		ul.myaccount li .game-fx-en a,
		ul.myaccount li .game-fx-fr a {
		display: block;
		text-indent: -9001px;
		background: url(frontend/buttons-game-fx-play.png) no-repeat scroll;
		width: 140px;
		}

		ul.myaccount li .game-fx-fr a { background: url(frontend/buttons-game-fx-play-fr.png); }

			ul.myaccount li .game-fx-en a.game-fx-play,
			ul.myaccount li .game-fx-fr a.game-fx-play {
			background-position: 0 0;
			height: 46px;
			}
				ul.myaccount li .game-fx-en a.game-fx-play:hover,
				ul.myaccount li .game-fx-fr a.game-fx-play:hover {
				background-position: 0 -46px;
				}
				
				ul.myaccount li .game-fx-en a.game-fx-play:active,
				ul.myaccount li .game-fx-fr a.game-fx-play:active {
				background-position: 0 -92px;
				}
	
	ul.myaccount p.game-fx-delete {
	display: block;
	text-align: right;
	letter-spacing: 1.5px;
	text-transform: uppercase;
	font-size: 10px;
	line-height: 10px;
	margin: 0; padding: 1px 20px 1px 0;
	}
	
	ul.myaccount .game-fx-delete a:link,
	ul.myaccount .game-fx-delete a:visited { color: #2895ae; text-decoration: none; }
	ul.myaccount .game-fx-delete a:hover { color: #3ec0de; text-decoration: underline; }
	ul.myaccount .game-fx-delete a:active { color: #48d8f9; text-decoration: underline; }

	#right-column .label {
	display: block;
	}
	
	#right-column #user-notice-box p {
	color: #48d8f9;
	}
		#right-column #user-notice-box p a:link,
		#right-column #user-notice-box p a:visited,
		#right-column #user-notice-box p a:hover,
		#right-column #user-notice-box p a:active {
		color: #48d8f9;
		text-decoration: none;
		}
		
		#right-column #user-notice-box p em {
		font-size: 10px;
		text-transform: uppercase;
		}
	

.clear-me {
background: none;
border: 0;
clear: both;
display: block;
float: none;
font-size: 0;
margin: 0;
padding: 0;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}

ul.wallpaper img {
float: left;
margin-right: 12px;
margin-bottom: 7px;
}

ul.wallpaper li {
background: #0B0B0B;
border-top: 1px solid #0E1316;
border-bottom: 1px solid #000;
padding: 18px;
}

ul.wallpaper li p {
line-height: 2;
}

.entry ul,
.entry ol { padding: 0 0 18px 20px; }
.entry ul li,
.entry ol li { padding: 0 0 6px; }
.entry ul { list-style-type: disc; }
.entry ol { list-style-type: decimal; }

/* REGV3 Registration Redesign */

.breadcrumb {
	width: 399px;
	height: 68px;
	background: url("frontend/reg-breadcrumb.png") no-repeat scroll 0 0;
	position: absolute;
	top: -64px;
	left: -50px;
}
	.breadcrumb-text {
		margin: 27px 0 0 50px;
		padding: 0;
		line-height: 14px;
		font-size: 14px;
		color: #c2e6ee;
	}

.reg-box {
	width: 788px;
	height: 408px;
	position: relative;
	left: -4px;
	background: url("frontend/reg-box.png") no-repeat scroll 0 0;
}

	.reg-back {
		display: block;
		width: 48px;
		height: 12px;
		position: absolute;
		left: 27px;
		top: 21px;
	}
	
	.reg-back-fr {
		width: 64px;
	}
	
		.reg-back a {
			display: block;
			width: 48px;
			height: 12px;
			position: absolute;
			text-indent: -9001px;
			background: url('frontend/reg-back-en.png') no-repeat scroll 0 0;
		}
		
		.reg-back-fr a {
			width: 64px;
			background: url('frontend/reg-back-fr.png') no-repeat scroll 0 0;
		}
	
	.reg-chefbot {
		width: 162px;
		height: 325px;
		position: absolute;
		top: -16px;
		right: -86px;
		background: url("frontend/reg-chefbot.png") no-repeat scroll 0 0;
	}
	
		.reg-chefbot-bubble {
			position: absolute;
			right: 119px;
			bottom: 224px;
			margin: 0;
			padding: 0;
			font-style: oblique;
			font-size: 14px;
			line-height: 18px;
			text-align: center;
			color: #105666;
		}
		
		.reg-chefbot-bubble-error {
			color: #f00;
		}
		
		.reg-chefbot-bubble-small {
			width: 226px;
			height: 115px;
			padding: 0 25px;
			background: url("frontend/reg-bubble-small-3.png") no-repeat scroll 0 0;
		}
		
		.reg-chefbot-bubble-small-error {
			background: url("frontend/reg-bubble-small-3-error.png") no-repeat scroll 0 0;
		}

		
		.reg-chefbot-bubble-medium {
			width: 226px;
			height: 135px;
			padding: 0 25px;
			background: url("frontend/reg-bubble-medium-4.png") no-repeat scroll 0 0;
		}
		
		.reg-chefbot-bubble-large {
			width: 226px;
			height: 173px;
			padding: 0 25px;
			background: url("frontend/reg-bubble-large-6.png") no-repeat scroll 0 0;
		}
		
		.reg-chefbot-bubble-large-error {
			background: url("frontend/bubble-large-error.png") no-repeat scroll 0 0;
			color:#F00
		}
		
			#reg-chefbot-signin-bubble {
				height: 84px;
				padding-top: 31px;
			}
			
			#reg-chefbot-teachersignup-bubble {
				height: 153px;
				padding-top: 20px;
				bottom: 214px;
				font-size: 12px;
				line-height: 17px;
			}

			#reg-chefbot-forgotpwd-1-bubble {
				height: 91px;
				padding-top: 24px;
			}
			
			#reg-chefbot-forgotpwd-2-bubble {
				height: 150px;
				padding-top: 24px;
			}
			
			#reg-chefbot-forgotpwd-3-bubble {
				height: 111px;
				padding-top: 24px;
			}
			
			#reg-chefbot-forgotpwd-4-bubble {
				height: 148px;
				padding-top: 25px;
				bottom: 214px;
			}

	.reg-box-form p {
		margin: 0 0 18px;
		padding: 0;
	}
	
		.reg-fields label {
			display: block;
			margin: 0 0 8px;
			padding: 0;
			font-size: 28px;
			font-weight: bold;
			color: #fff;
			line-height: 30px;
		}

.reg-box-form input[type="text"],
.reg-box-form input[type="password"],
.reg-box-form input.inputtext {
	display: block;
	width: 298px;
	height: 18px;
	margin: 0;
	border: 1px solid #48d8f9;
	padding: 10px 5px 11px 15px;
	line-height: 18px;
	font-size: 18px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serf;
	color: #fff;
	background: #145565 url("frontend/reg-input-background.gif") repeat-x scroll 0 0;
}

	.reg-box-form input[type="text"].error,
	.reg-box-form input[type="password"].error,
	.reg-box-form input.error {
		border: 1px solid #f00;
	}

	#reg-box-signin-form {
		display: block;
		width: 320px;
		height: 300px;
		margin: 0;
		padding: 0;
		position: absolute;
		left: 236px;
		top: 65px;
	}
	
	#reg-signin-auto-login {
		margin: 0 0 4px;
	}
	
	#reg-signin-auto-login .reg-signin-auto-login-check {
		padding: 4px 0 4px 26px;
		line-height: 20px;
	}
	
	#reg-signin-forgotpwd {
		padding-left: 26px;
		margin: 0 0 10px;
	}
	

	/* Submit Buttons */
	
	.reg-submit {
		display: block;
		border: none;
		text-indent: -9001px;
		margin: 0;
		padding: 0;
		cursor: pointer;
	}
		
		.reg-submit-signin-en {
			background: url("frontend/reg-submit-signin-en.png") 0 0 no-repeat scroll;
			width: 184px;
			height: 67px;
			margin: 0 0 0 68px;
		}
		
		.reg-submit-signin-fr {
			background: url("frontend/reg-submit-signin-fr.png") 0 0 no-repeat scroll;
			width: 268px;
			height: 66px;
			margin: 0 0 0 26px;
		}

		.reg-submit-ok-en {
			background: url("frontend/reg-submit-ok-en.png") 0 0 no-repeat scroll;
			width: 100px;
			height: 67px;
			margin: 24px 0 0 230px;
		}


	/* Styled Checkboxes */
	
	.style-checkbox,
	.style-radio {
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		user-select: none;
	}
	
	.style-checkbox,
	label.style-checkbox {
		background: url('frontend/reg-input-checkbox.png') no-repeat 0 3px;
		padding: 1px 0 1px 26px;
	}
	
	.style-checkbox:active {
		background: url('frontend/reg-input-checkbox.png') no-repeat 0 -25px;
	}
	
	.style-checkbox-on,
	label.style-checkbox-on {
		background: url('frontend/reg-input-checkbox.png') no-repeat 0 -53px;
	}
	
	label.style-checkbox-error {
		background: url('frontend/reg-input-checkbox-error.png') no-repeat 0px 3px;
	}
	
	.style-checkbox input {
		position: absolute; left: -9999px;
	}
	
	.style-radio,
	label.style-radio,
	span.style-radio {
		background: url('frontend/reg-input-radio.png') no-repeat 0 3px;
		padding: 1px 0 1px 26px;
	}
	
	.style-radio:active,
	span.style-radio:active {
		background: url('frontend/reg-input-radio.png') no-repeat 0 -27px;
	}
	
	.style-radio-on,
	label.style-radio-on,
	.style-radio-on:active,
	label.style-radio-on:active,
	span.style-radio-on,
	span.style-radio-on:active {
		background: url('frontend/reg-input-radio.png') no-repeat 0 -57px;
	}
	
	.style-radio input {
		position: absolute; left: -9999px;
	}
	

.reg-callouts {
	height: 114px;
	margin: 12px 0 5px;
	padding: 0;
	list-style: none;
}

	.reg-callout {
		display: block;
		float: left;
		width: 218px;
		height: 114px;
		margin: 0 2px 0 0;
		padding: 0 20px 0;
		background: #040404;
	}
		.reg-callout-right { margin-right: 0;}
		
		.reg-callout h4 {
			margin: 42px 0 0;
			padding: 0;
			font-size: 18px;
			line-height: 18px;
			color: #c2e6ee;
		}
	
		#reg-callouts-signin p {
			font-size: 18px;
			line-height: 18px;
			margin: 0;
			padding: 0;
		}
	
			#reg-callout-fb-title {
				width: 130px;
				float: left;
			}
			
			p#reg-callout-fb-button {
				width: 80px;
				margin: 48px 0 0;
				float: left;
			}
		
		
		#reg-callouts-signup .reg-callout {
			height: 130px;
		}
		
		#reg-callouts-signup h4 {
			font-size: 16px;
			line-height: 24px;
			margin: 10px 0 0;
			padding: 0;
			color: #7fddf0;
		}

.reg-info {
	background: #040404;
	margin: 5px 0 0;
	padding: 20px;
	list-style: none;
}

	.reg-info-item {
		margin: 0 0 20px;
	}
	
		.reg-info-item h4 {
			margin: 0 0 5px;
			font-size: 16px;
			line-height: 16px;
			color: #7fddf0;
		}
		
		.reg-info-item p {
			margin: 0;
			padding: 0;
		}
		
		.reg-info-item-last, .reg-info-item:last-child {
			margin-bottom: 0;
		}

#reg-signup-flashcontainer {
	margin-top: -100px;
}

/* REGV3 -  forgot password */
#reg-box-forgotpwd-1 {
	display: block;
	width: 320px;
	height: 300px;
	position: absolute;
	left: 246px;
	top: 130px;
}

	#reg-box-forgotpwd-1 .reg-submit-ok-en,
	#reg-box-forgotpwd-2 .reg-submit-ok-en {
		margin: 24px 0 0 110px;
	}

#reg-box-forgotpwd-2 {
	display: block;
	width: 320px;
	height: 300px;
	position: absolute;
	left: 246px;
	top: 86px;
}

	.reg-forgotpwd-2-question-container {
		margin: 0 0 32px;
	}
	
		.reg-box-form .reg-forgotpwd-2-question-header {
			display: block;
			margin: 0 0 8px;
			padding: 0;
			font-size: 28px;
			font-weight: bold;
			color: #fff;
			line-height: 30px;
		}
		
		.reg-box-form .reg-forgotpwd-2-question {
			margin: 8px 18px 18px;
			padding: 0;
			font-size: 18px;
			line-height: 18px;
			color: #fff;
		}
	
	#reg-forgotpwd-success-container {
		width: 580px;
		position: absolute;
		left: 104px;
		top: 65px;
	}
		
		#reg-forgotpwd-success {
			margin: 0 0 18px;
			padding: 102px 0 0;
			background: url("frontend/reg-forgotpwd-success.png") no-repeat scroll center 0;
			text-align: center;
			font-size: 18px;
			line-height: 1;
			color: #c2e6ee;
		}
		
		#reg-forgotpwd-temppwd {
			margin: 0 0 40px;
			text-align: center;
			font-size: 36px;
			line-height: 1;
			color: #c2e6ee;
		}
		
		#reg-forgotpwd-success-container .reg-submit-signin-en {
			margin-left: 198px;
		}
		
		#reg-forgotpwd-success-container .reg-submit-signin-fr {
			margin-left: 156px;
		}

/* REGV3 -  Teacher Registration */

.reg-teachersignup-box {
	width: 780px;
	position: relative;
	
	-moz-box-shadow: inset 0px 0px 6px #22a3ba, 0px 5px 6px #000000;
	-webkit-box-shadow: inset 0px 0px 6px #22a3ba, 0px 5px 6px #000000;
	box-shadow: inset 0px 0px 6px #22a3ba, 0px 5px 6px #000000;

	background-color: #147589;
	background-image: -webkit-gradient(radial, 50% 50%,200,50% 50%,20, from(rgb(20, 117, 137)), to(rgb(31, 156, 181)));
	background-image: -webkit-radial-gradient(50% 50%, rgb(31, 156, 181), rgb(20, 117, 137));
	background-image: -moz-radial-gradient(50% 50%, rgb(31, 156, 181), rgb(20, 117, 137));
	background-image: -ms-radial-gradient(50% 50%, rgb(31, 156, 181), rgb(20, 117, 137));
	background-image: radial-gradient(50% 50%, rgb(31, 156, 181), rgb(20, 117, 137));
}
	.reg-teachersignup-box .reg-chefbot { right: -90px; }

	.reg-teachersignup-box .reg-box-form {
		margin: 0 auto;
		padding: 64px 0;
		width: 560px;
	}
		
		.reg-teachersignup-fields {
			margin: 0 auto;
			width: 320px;
		}

		.reg-teachersignup-fields label {
			font-size: 24px;
		}
		
		#bc-teacher-radio {
			margin: 0 auto;
			width: 320px;
			padding: 30px 0 18px;
			line-height: 24px;
		}
		
			#bc-teacher-radio .style-label {
				display: block;
				font-size: 24px;
				line-height: 30px;
				font-weight: bold;
				color: #fff;
			}
		
		#school-wrapper label,
		#city-wrapper label,
		#country-wrapper label {
			visibility: visible;
			display: block;
			height: 32px;
			text-indent: -9001px;
			background: url("frontend/reg-teacherbc-labels.png") no-repeat scroll;
		}
		
		#school-wrapper label {
			background-position: 0 0;
		}
		
		#city-wrapper label {
			background-position: 0 -36px;
		}
		
		#country-wrapper label {
			background-position: 0 -144px;
		}
		
		.reg-teachersignup-fields-fr #school-wrapper label {
			background-position: 0 -72px;
		}
		
		.reg-teachersignup-fields-fr #city-wrapper label {
			background-position: 0 -108px;
		}
		
		.reg-teachersignup-fields-fr #country-wrapper label {
			background-position: 0 -180px;
		}
		
		
		.reg-teachersignup-checkradio,
		span.reg-teachersignup-checkradio {
			display: block;
			margin: 0;
			padding: 1px 0 1px 26px;
			font-size: 18px;
			line-height: 18px;
			color: #c2e6ee;
		}
		
		#reg-teacher-checkboxes {
			padding: 24px 0 0;
		}

/* REGV3 - Teacher Manage Keys Area */ 

.mod-container { /* default modular container */
	background: url("frontend/game-background.png") repeat-x scroll 0 0 #083844;
	border: 1px solid #0C5669;
	margin: 0 0 20px;
	padding: 16px 20px 5px;
	position: relative;
}
	.mod-container h3 {
		text-shadow: 0px 2px 2px #000000;
	}

#teacherkeys-createclasskey {
	width: 500px;
	height: 50px;
	margin: 20px 0;
	padding: 0;
}

	.teacherkeys-createclasskey a {
		display: block;
		width: 500px;
		height: 50px;
		text-indent: -9001px;
		background: no-repeat scroll 0 0;
	}
	
	.teacherkeys-createclasskey a:hover,
	.teacherkeys-createclasskey a:active,
	.teacherkeys-createclasskey a:focus {
		background-position: 0 -52px;
	}
	
		.teacherkeys-createclasskey-en a {
			background-image: url("frontend/teacherkeys-createclasskey-en.jpg");
		}
		
		.teacherkeys-createclasskey-fr a {
			background-image: url("frontend/teacherkeys-createclasskey-fr.jpg");
		}

#teacherkeys-container {
	padding-right: 5px;
}

#teacherkeys-list {
	overflow: auto;
}

#teacherkeys-list ul,
#teacherkeys-list li {
	list-style: none;
	padding: 0;
	line-height: 14px;
}

	.teacherkeys-list-row {
		clear: both;
	}
	
	.teacherkeys-list-col {
		float: left;
		margin: 0 5px 22px 0;
	}
	
		.teacherkeys-list-cols-header li {
			font-size: 10px;
			text-transform: uppercase;
			color: #48d8f9;
			margin-bottom: 12px;
		}
	
		.teacherkeys-list-col-desc {
			width: 175px;
		}
		
			.teacherkeys-list-col-desc a:link {
				color: #c2e6ee;
				text-decoration: none;
			}
			
			.teacherkeys-list-col-desc a:hover {
				color: #48d8f9;
				text-decoration: underline;
			}
			
			.teacherkeys-list-creationdate {
				font-size: 10px;
				line-height: 11px;
				color: #48d8f9;
			}
		
		.teacherkeys-list-col-classkey {
			width: 80px;
		}
		
		.teacherkeys-list-col-numUsers {
			width: 60px;
		}
		
		.teacherkeys-list-col-edit {
			width: 55px;
		}
		
			.teacherkeys-list-col-edit-en a {
				display: block;
				width: 39px;
				height: 16px;
				text-indent: -9001px;
				background: url("frontend/teacherkeys-edit-en.png") no-repeat scroll 0 0;
			}
			
			.teacherkeys-list-col-edit-fr a {
				display: block;
				width: 50px;
				height: 16px;
				text-indent: -9001px;
				background: url("frontend/teacherkeys-edit-fr.png") no-repeat scroll 0 0;
			}
		
		.teacherkeys-list-col-print {
			width: 55px;
			margin: -4px;
		}

.teacherkeys-leadin {
	margin: 4px 0 40px;
}

.teacherkeys-manage-fields {
	width: 320px;
	margin: 0 auto;
}

	.teacherkeys-manage-fields p {
		margin: 0 0 12px;
	}

	.teacherkeys-manage-fields label {
		display: block;
		font-size: 18px;
		line-height: 18px;
		font-weight: bold;
		color: #fff;
		margin: 0 0 6px;
	}

	.teacherkeys-manage-fields .inputtext {
		background: #145565 url("frontend/reg-input-background.gif") repeat-x scroll 0 0;
		width: 298px;
		height: 14px;
		margin: 0;
		border: 1px solid #48d8f9;
		padding: 13px 5px 12px 15px;
		line-height: 18px;
		font-size: 14px;
		font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serf;
		color: #fff;
	}
		.teacherkeys-manage-fields .inputtext:focus,
		.teacherkeys-manage-fields input[type="text"]:focus {
			background: #145565 url("frontend/reg-input-background.gif") repeat-x scroll 0 0;
			border: 1px solid #48d8f9;
		}
		
		.teacherkeys-manage-fields input.error {
			border: 1px solid #f00;
		}

.teacherkeys-manage-checkboxes-container {
margin: 24px auto;
width: 320px;
}

	.teacherkeys-manage-checkboxes {
		width: 160px;
		float: left;
		padding: 0;
		margin: 0;
	}
	
	.teacherkeys-manage-checkboxes-leftcol {
		padding-right: 10px;
	}
	
	.teacherkeys-manage-checkboxes-rightcol {
		width: 149px;
	}
	
		.teacherkeys-manage-checkboxes li {
			padding: 2px 0;
		}
		
	.teacherkeys-manage-fields .reg-submit-ok-en {
		margin-left: 110px;
	}
	
	.teacherkeys-manage-success .reg-submit-ok-en {
		margin-left: 181px;
	}
	
	.teacherkeys-manage-success-message {
		margin: 10px 0;
		padding: 0;
		text-align: center;
		font-size: 14px;
		line-height: 14px;
	}
	
		.teacherkeys-manage-success-key {
			font-size: 18px;
			text-align: center;
			letter-spacing: 1px;
		}
		
	.teacherkeys-manage-field-supervising {
		position: relative;
		margin: 0 0 22px;
	}
	
		.teacherkeys-info-bubble {
			width: 15px;
			height: 15px;
			display: block;
			position: absolute;
			left: -20px;
			top: 2px;
			overflow: visible;
			background: url("frontend/teacherkeys-i.png") no-repeat scroll 0 0;
			cursor: pointer;
		}
		
			p.teacherkeys-info-text {
				display: none;
				width: 338px;
				height: 40px;
				position: absolute;
				left: -13px;
				bottom: 16px;
				z-index: 200;
				padding: 20px 25px 32px;
				margin: 0;
				background: url("frontend/teacherkeys-i-bubble.png") no-repeat scroll 0 0;
				text-align: center;
				font-style: oblique;
			}

			.teacherkeys-info-bubble-no-js:hover p.teacherkeys-info-text {
				display: block;
			}



/*
Facebook Create Username
*/
#fb-cu-form {
}
#fb-cu-form .fb-cu-label {
	display: block;
	margin: 0;
	font-size: 12px;
}
#fb-cu-form .fb-cu-textbox {
	margin-top: -6px;
}
#fb-cu-form .fb-cu-submit {
	display: block;
	width: 104px;
	height: 38px;
	margin-top: 8px;
	border: none;
}

.for-theachers-homepage-link {
	margin-top: -25px;/*haha*/
	margin-bottom: 20px;/*haha*/
}