/*  RIO 02 - 2013                                      */
/*	-------------------------------------------------- */
/*	Base CSS                                           */
/*	-------------------------------------------------- */


/*  FONT Muli ---------------------------------------- */
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on February 25, 2013 */

/*
@font-face {
    font-family: 'muliitalic';
    src: url('../fonts/Muli-Italic-webfont.eot');
    src: url('../fonts/Muli-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Muli-Italic-webfont.woff') format('woff'),
         url('../fonts/Muli-Italic-webfont.ttf') format('truetype'),
         url('../fonts/Muli-Italic-webfont.svg#muliitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'mulilight_italic';
    src: url('../fonts/Muli-LightItalic-webfont.eot');
    src: url('../fonts/Muli-LightItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Muli-LightItalic-webfont.woff') format('woff'),
         url('../fonts/Muli-LightItalic-webfont.ttf') format('truetype'),
         url('../fonts/Muli-LightItalic-webfont.svg#mulilight_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'mulilight';
    src: url('../fonts/Muli-Light-webfont.eot');
    src: url('../fonts/Muli-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Muli-Light-webfont.woff') format('woff'),
         url('../fonts/Muli-Light-webfont.ttf') format('truetype'),
         url('../fonts/Muli-Light-webfont.svg#mulilight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Muli';
    src: url('../fonts/Muli-Regular-webfont.eot');
    src: url('../fonts/Muli-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Muli-Regular-webfont.woff') format('woff'),
         url('../fonts/Muli-Regular-webfont.ttf') format('truetype'),
         url('../fonts/Muli-Regular-webfont.svg#muliregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

 	 @font-face {
 	     font-family: 'Muli bold';
         src: url('../fonts/Muli-Regular-webfont.eot');
         src: url('../fonts/Muli-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Muli-Regular-webfont.woff') format('woff'),
         url('../fonts/Muli-Regular-webfont.ttf') format('truetype'),
         url('../fonts/Muli-Regular-webfont.svg#muliregular') format('svg');
 	     font-weight: normal;
 	     font-style: normal;
 	 }

 	 @font-face {
	     font-family: 'Mulibold_italic';
		 src: url('../fonts/Muli-Italic-webfont.eot');
		 src: url('../fonts/Muli-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Muli-Italic-webfont.woff') format('woff'),
         url('../fonts/Muli-Italic-webfont.ttf') format('truetype'),
         url('../fonts/Muli-Italic-webfont.svg#muliitalic') format('svg');
 	  }
*/

/*
@font-face {
    font-family: 'Muli';
    src: url('../fonts/Muli-Light-webfont.eot');
    src: url('../fonts/Muli-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Muli-Light-webfont.woff') format('woff'),
         url('../fonts/Muli-Light-webfont.ttf') format('truetype'),
         url('../fonts/Muli-Light-webfont.svg#MuliRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Muli';
    src: url('../fonts/Muli-Light-webfont.eot');
    src: url('../fonts/Muli-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Muli-Light-webfont.woff') format('woff'),
         url('../fonts/Muli-Light-webfont.ttf') format('truetype'),
         url('../fonts/Muli-Light-webfont.svg#MuliLight') format('svg');
    font-weight: lighter;
    font-style: normal;

}

@font-face {
    font-family: 'Muli';
    src: url('../fonts/Muli-LightItalic-webfont.eot');
    src: url('../fonts/Muli-LightItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Muli-LightItalic-webfont.woff') format('woff'),
         url('../fonts/Muli-LightItalic-webfont.ttf') format('truetype'),
         url('../fonts/Muli-LightItalic-webfont.svg#MuliLightItalic') format('svg');
    font-weight: lighter;
    font-style: italic;

}

@font-face {
    font-family: 'Muli';
    src: url('../fonts/Muli-LightItalic-webfont.eot');
    src: url('../fonts/Muli-LightItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Muli-LightItalic-webfont.woff') format('woff'),
         url('../fonts/Muli-LightItalic-webfont.ttf') format('truetype'),
         url('../fonts/Muli-LightItalic-webfont.svg#MuliItalic') format('svg');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Muli';
    src: url('../fonts/Muli-Italic-webfont.eot');
    src: url('../fonts/Muli-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Muli-Italic-webfont.woff') format('woff'),
         url('../fonts/Muli-Italic-webfont.ttf') format('truetype'),
         url('../fonts/Muli-Italic-webfont.svg#MuliItalic') format('svg');
    font-weight: bold;
    font-style: italic;
}
*/


html {
	height: 100%;
}

body {
	font-family: 'Muli';
	background-color: #ebebeb;
	overflow-y: auto;
}

body.modal-open {
    overflow: hidden;
}

/*
body em {
	font-family: 'muliitalic';
}
*/

.section-top {
	padding: 0;
	height: 75px;
	background: transparent url(../img/sprite_12345.png) repeat-x 0 -225px;
	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	   -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	        box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	z-index: 30;
}
	.section-top ul {
		margin: 0 auto;
		padding: 0;
		width: 700px;
		overflow: visible
	}
	.section-top li {
		display: inline-block;
		*display: inline;
		margin: 0 10px;
		padding: 0;
		width: 120px;
		height: 75px;
		background: transparent url(../img/sprite_12345.png) no-repeat 0 0;
		overflow: hidden;
		zoom: 1;
	}
		.section-top li:nth-child(2) {
			background: transparent url(../img/sprite_12345.png) no-repeat -120px 0;
		}
		.section-top li:nth-child(3) {
			background: transparent url(../img/sprite_12345.png) no-repeat -240px 0;
		}
		.section-top li:nth-child(4) {
			background: transparent url(../img/sprite_12345.png) no-repeat -360px 0;
		}
		.section-top li:nth-child(5) {
			background: transparent url(../img/sprite_12345.png) no-repeat -480px 0;
		}

		.section-top li.completed {
			background: transparent url(../img/sprite_12345.png) no-repeat 0 -75px;
		}
			.section-top li.completed:nth-child(2) {
				background: transparent url(../img/sprite_12345.png) no-repeat -120px -75px;
			}
			.section-top li.completed:nth-child(3) {
				background: transparent url(../img/sprite_12345.png) no-repeat -240px -75px;
			}
			.section-top li.completed:nth-child(4) {
				background: transparent url(../img/sprite_12345.png) no-repeat -360px -75px;
			}
			.section-top li.completed:nth-child(5) {
				background: transparent url(../img/sprite_12345.png) no-repeat -480px -75px;
			}

		.section-top li.active {
			background: transparent url(../img/sprite_12345.png) no-repeat 0 -149px;
		}
			.section-top li.active:nth-child(2) {
				background: transparent url(../img/sprite_12345.png) no-repeat -120px -149px;
			}
			.section-top li.active:nth-child(3) {
				background: transparent url(../img/sprite_12345.png) no-repeat -240px -149px;
			}
			.section-top li.active:nth-child(4) {
				background: transparent url(../img/sprite_12345.png) no-repeat -360px -149px;
			}
			.section-top li.active:nth-child(5) {
				background: transparent url(../img/sprite_12345.png) no-repeat -480px -149px;
			}

.modal-lfcam,
.modal.modal-lfcam {
	padding: 10px 20px;
	overflow-y: scroll;
	width: 480px;
	max-height: 500px;
}

#profileoverlay.modal-lfcam,
#profileoverlay.modal.modal-lfcam {
	overflow: hidden;
}

.modal-lfcam .scroll,
.modal.modal-lfcam .scroll {
	position: relative;
	margin: -5px 0 0 -5px;
	padding: 5px 0 0 5px;
	width: 450px;
	height: 425px;
	overflow-x: hidden;
	overflow-y: auto;
}

	.modal-lfcam .close {
		margin: 5px 5px 0 0;
		background-image: url(../img/close.png);
	}

	.modal-lfcam h2 {
		text-align: center;
		padding: 0;
	}

.panel {
	margin: 0 0 15px 0;
	padding: 10px;
	width: 410px;
	height: 195px;
    border: 1px solid #d4d3d3;
    border-bottom-color: #e6e5e5;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
	background: #ebebeb; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ViZWJlYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #ebebeb 0%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ebebeb), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ebebeb 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ebebeb 0%,#ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ebebeb 0%,#ffffff 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ebebeb 0%,#ffffff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebebeb', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
    -pie-background: linear-gradient(top, #ebebeb 0%, #ffffff 100%);
    behavior: url(../htc/PIE.htc);
}

.connected:before {
	content: '';
	position: absolute;
	left: -4px;
	top: -7px;
	height: 32px;
	width: 110px;
	background: transparent url(../img/label-connected.png) no-repeat 0 0;
	z-index: 30;
}

.leappad2 .span6,
.leappad .span6,
.emerald .span6,
.explorer2 .span6,
.leapster2 .span6,
.leapreader .span6,
.crammer .span6,
.tag .span6,
.mypals .span6,
.tagjunior .span6,
.leaptop .span6,
.storytimepad .span6,
.leapreaderjr .span6 {
	margin: 0;
}

.sprite-device {
	margin: 0;
	padding: 0;
	width: 203px;
	height: 203px;
	background: transparent url(../img/sprite-devices.png) no-repeat 0 0;
}

	.leappad2 .sprite-device		{background-position: 0 -10px;}
	.leappad .sprite-device			{background-position: 0 -220px;}
	.emerald .sprite-device			{background-position: 0 -420px;}
	.explorer2 .sprite-device		{background-position: 0 -620px;}
	.leapster2 .sprite-device		{background-position: 0 -830px;}
	.leapreader .sprite-device		{background-position: 0 -1045px;}
	.tag .sprite-device				{background-position: 0 -1255px;}
	.mypals .sprite-device			{background-position: 0 -1465px;}
	.tagjunior .sprite-device		{background-position: 0 -1680px;}
	.leaptop .sprite-device			{background-position: 0 -1900px;}
	.storytimepad .sprite-device	{background-position: 0 -2120px;}
	.didj .sprite-device			{background-position: 0 -2340px;}
	.crammer .sprite-device			{background-position: 0 -2555px;}
	.leapreaderjr .sprite-device    {background-position: 0 -2787px;}
	.leappad3explorer .sprite-device    {background-position: 0 -3000px;}

.sprite-lists {
	padding-top: 20px;
	height: 175px;
}

	.sprite-lists ul {
		list-style: none;
		margin: 0;
		padding: 0;
		width: 170px;
		height: 140px;
		background: transparent url(../img/sprite-lists.png) no-repeat 0 0;
	}
		.leappad2 .sprite-lists ul,
		.leappad .sprite-lists ul,
		.leappad3explorer .sprite-lists ul {background-position: 0 0;}

		.emerald .sprite-lists ul,
		.explorer2 .sprite-lists ul {background-position: 0 -224px;}

		.leapster2 .sprite-lists ul {background-position: 0 -428px;}

		.leapreader .sprite-lists ul,
		.tag .sprite-lists ul,
		.mypals .sprite-lists ul,
		.tagjunior .sprite-lists ul,
		.leaptop .sprite-lists ul,
		.storytimepad .sprite-lists ul,
		.crammer .sprite-lists ul,
		.leapreaderjr .sprite-lists ul {background-position: 0 140px;}

		.didj .sprite-lists ul {background-position: 0 -622px;}

	.sprite-lists li {
		margin: 0 auto;
		overflow: hidden;
		cursor: pointer;
	}

		.leappad2 .sprite-lists li,
		.leappad .sprite-lists li,
		.leappad3explorer .sprite-lists li {
			font-family: Arial, sans-serif;
			font-size: 12px;
			line-height: 18px;
			font-weight: bold;
			color: #262d8f;
			text-align: center;
			margin-bottom: 10px;
			margin-left: 62px;
			width: 64px;
			height: 18px;
		}

		.leappad2 .sprite-lists li:nth-child(n+2) div,
		.leappad .sprite-lists li:nth-child(n+2) div,
		.leappad3explorer .sprite-lists li:nth-child(n+2) div {
			top: -20px;
		}

		.leappad2 .sprite-lists li span,
		.leappad .sprite-lists li span,
		.leappad3explorer .sprite-lists li span {
			white-space: nowrap;
			display: block;
			width: 64px;
			overflow: hidden;
		/*	text-overflow: ellipsis; */
		}

		.leappad2 .sprite-lists li:first-child,
		.leappad .sprite-lists li:first-child,
		.leappad3explorer .sprite-lists li:first-child {
			padding-top: 18px;
		}

		.emerald .sprite-lists li,
		.explorer2 .sprite-lists li {
			font-family: Arial, sans-serif;
			font-size: 12px;
			line-height: 18px;
			font-weight: bold;
			color: #ffffff;
			text-align: center;
			margin-bottom: 19px;
			margin-left: 40px;
			padding-top: 2px;
			width: 110px;
			height: 20px;
		}

		.emerald .sprite-lists li:first-child,
		.explorer2 .sprite-lists li:first-child {
			padding-top: 7px;
		}

		.emerald .sprite-lists li:nth-child(n+2) div,
		.explorer2 .sprite-lists li:nth-child(n+2) div {
			top: -18px;
		}

		.leapster2 .sprite-lists li {
			font-family: Arial, sans-serif;
			font-size: 12px;
			line-height: 18px;
			font-weight: bold;
			color: #ffffff;
			text-align: center;
			margin-bottom: 18px;
			margin-left: 20px;
			padding-top: 2px;
			width: 130px;
			height: 20px;
		}

		.leapster2 .sprite-lists li:first-child {
			padding-top: 7px;
		}

		.leapster2 .sprite-lists li:nth-child(n+2) div {
			top: -20px;
		}

		.leapreader .sprite-lists li,
		.tag .sprite-lists li,
		.mypals .sprite-lists li,
		.tagjunior .sprite-lists li,
		.leaptop .sprite-lists li,
		.storytimepad .sprite-lists li,
		.crammer .sprite-lists li,
		.leapreaderjr .sprite-lists li
		 {
			font-family: Arial, sans-serif;
			font-size: 14px;
			line-height: 18px;
			font-weight: bold;
			color: #656565;
			text-align: center;
			margin-left: 0;
			padding-top: 50px;
			width: 100%;
			height: 20px;
		}

		.didj .sprite-lists li {
			font-family: Arial, sans-serif;
			font-size: 12px;
			line-height: 18px;
			font-weight: bold;
			color: #262d8f;
			text-align: center;
			margin-bottom: 10px;
			margin-left: 43px;
			width: 84px;
			height: 18px;
		}

		.didj .sprite-lists li:nth-child(n+2) div {
			top: -20px;
		}

		.didj .sprite-lists li span {
			white-space: nowrap;
			display: block;
			width: 84px;
			overflow: hidden;
		/*	text-overflow: ellipsis; */
		}

		.didj .sprite-lists li:first-child {
			padding-top: 18px;
		}


		.sprite-lists li.ask {
			color: #fc8628;
		}

		.sprite-lists li.selected,
		.sprite-lists li.linked,
		.sprite-lists li.unlinked {
			position: relative;
			overflow: visible;
		}

		.sprite-lists li.selected:before {
			content: '';
			position: absolute;
			height: 49px;
			width: 119px;
			background: transparent url(../img/img-selected.png) no-repeat 0 0;
			z-index: 20;
		}

		.leappad2 .sprite-lists li.selected:before,
		.leappad .sprite-lists li.selected:before,
		.leappad3explorer .sprite-lists li.selected:before {
			left: -36px;
			top: -17px;
		}

		.emerald .sprite-lists li.selected:before,
		.explorer2 .sprite-lists li.selected:before {
			left: -3px;
			top: -15px;
		}

		.leapster2 .sprite-lists li.selected:before {
			left: 5px;
			top: -15px;
		}

		.didj .sprite-lists li.selected:before {
			left: -17px;
			top: -16px;
		}

		.leappad2 .sprite-lists li.selected:first-child:before,
		.leappad .sprite-lists li.selected:first-child:before,
		.leappad3explorer .sprite-lists li.selected:first-child:before{
			top: 1px;
		}

		.emerald .sprite-lists li.selected:first-child:before,
		.explorer2 .sprite-lists li.selected:first-child:before {
			top: -10px;
		}

		.leapster2 .sprite-lists li.selected:first-child:before {
			top: -10px;
		}

		.didj .sprite-lists li.selected:first-child:before {
			top: 1px;
		}

			.sprite-lists li .icon {
				display: none;
				position: absolute;
			}

			.sprite-lists li.linked .icon {
				display: block;
			    width: 18px;
			    height: 18px;
				background: transparent url(../img/sprite-profile.png) no-repeat -1px -136px;
			}

			.sprite-lists li.unlinked .icon {
				display: block;
			    width: 18px;
			    height: 18px;
				background: transparent url(../img/sprite-profile.png) no-repeat -1px -36px;
			}

			.didj .sprite-lists li.linked .icon,
			.leappad2 .sprite-lists li.linked .icon,
			.leappad .sprite-lists li.linked .icon,
			.leappad3explorer .sprite-lists li.linked .icon,
			.didj .sprite-lists li.unlinked .icon,
			.leappad2 .sprite-lists li.unlinked .icon,
			.leappad .sprite-lists li.unlinked .icon,
			.leappad3explorer .sprite-lists li.unlinked .icon {
				right: -38px;
				top: 0;
			}

			.emerald .sprite-lists li.linked .icon,
			.explorer2 .sprite-lists li.linked .icon,
			.emerald .sprite-lists li.unlinked .icon,
			.explorer2 .sprite-lists li.unlinked .icon {
				right: -40px;
				top: 4px;
			}

			.leapster2 .sprite-lists li.linked .icon,
			.leapster2 .sprite-lists li.unlinked .icon {
				right: -40px;
				top: 1px;
			}

			.didj .sprite-lists li:first-child .icon,
			.leappad2 .sprite-lists li:first-child .icon,
			.leappad .sprite-lists li:first-child .icon,
			.leappad3explorer .sprite-lists li:first-child .icon {
				top: 18px;
			}

			.emerald .sprite-lists li:first-child .icon,
			.explorer2 .sprite-lists li:first-child .icon {
				top: 10px;
			}

			.leapster2 .sprite-lists li:first-child .icon {
				top: 7px;
			}

			.sprite-lists li .help {
				font-family: Arial, Helvetica, sans-serif;
				font-size: 14px;
				font-style: normal;
				font-weight: normal;
				color: #666666;
				text-align: left;
				padding: 4px 0 4px 16px;
				display: none;
				position: absolute;
				right: -200px;
				top: 0;
				width: 150px;
				border: 1px solid #d4d3d3;
				-webkit-border-radius: 5px;
				-moz-border-radius: 5px;
				border-radius: 5px;
				background: #fdf5ef;
				-webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
				-moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
				box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
				cursor: pointer;
			}

			.sprite-lists li:first-child .help {
				top: -13px;
			}

				.didj .sprite-lists li:first-child .help,
				.leappad2 .sprite-lists li:first-child .help,
				.leappad .sprite-lists li:first-child .help,
				.leappad3explorer .sprite-lists li:first-child .help {
					top: -3px;
				}

			.sprite-lists li.selected .help {
				display: block;
			}

			.sprite-lists li .help:before {
				content: '';
				position: absolute;
				left: -10px;
				top: 12px;
				height: 34px;
				width: 10px;
				background: transparent url(../img/help-right.png) no-repeat 0 0;
				z-index: 30;
			}

#lfcam-profile-none,
#lfcam-profile {
	min-height: 500px;
	height: 100%;
}

	#lfcam-profile-none .section:first-child {
		padding-top: 160px;
	}

	#lfcam-profile-none .section:nth-child(even) {
    	background-color: #f5f5f5;
	}

	#lfcam-profile-none .section:nth-child(odd) {
 	   background-color: transparent;
	}

	#lfcam-profile-none .span3 {
		float: none;
	}

	#lfcam-profile-none h2 {
		font-size: 21px;
		line-height: 1em;
		color: #006032;
		margin-left: 30%;
		width: 200px;
	}

	#lfcam-profile-none img {
		margin-top: -10px;
		margin-left: -100px;
	}

	#lfcam-profile-none h2,
	#lfcam-profile-none img {
		vertical-align: top;
		display: inline-block;
		*display: inline;
		zoom: 1;
	}

	#lfcam-profile-none p {
		text-align: center;
	}

	#lfcam-profile-none a {
		color: #666666;
		margin-right: 20px;
	}


#lfcam-profile,
#lfcam-accountCreate,
#lfcam-accountSignin {
	height: 100%;
	background: #ebebeb; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlYmViZWIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #ffffff 0%, #ebebeb 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ebebeb)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#ebebeb 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#ebebeb 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#ebebeb 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#ebebeb 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ebebeb',GradientType=0 ); /* IE6-8 */
    -pie-background: linear-gradient(top, #ffffff 50%, #ebebeb 100%);
    behavior: url(../../static/htc/PIE.htc);
	background-size: 100% 250px;
	background-color: #ebebeb;
	background-repeat: no-repeat;
}

	#lfcam-profile .sprite-device {
		margin: 0 auto;
		height: 188px;
	}

	#lfcam-profile .section {
		width: 100%;
	}

		#lfcam-profile .section.flare {
			padding: 10px 10px 0 10px;
			height: 240px;
			overflow: visible;
		}

		#lfcam-profile .section.flare,
		#lfcam-profile .section:nth-child(odd) {
    		background-color: transparent;
		}

			#lfcam-profile .section.flare .container {
				height: 100%;
			}

		#lfcam-profile .section-form {
			padding: 0 0 10px 0;
			background-color: transparent;
		}

	#lfcam-profile .row {
		margin-bottom: 0;
	}

		#lfcam-profile .section.flare .row:first-child {
			text-align: right;
		}

	#lfcam-profile h2 {
		font-size: 24px;
		text-align: center;
		margin: 0 auto;
		padding-bottom: 15px;
	}

	#lfcam-profile a {
		text-decoration: underline;
		margin-right: 0;
	}
/*
	#lfcam-profile a.primary {
		color: #690;
	}

	#lfcam-profile a.primary:hover {
		color: #006232;
	}
*/
	#lfcam-profile .chzn-container-single a,
	#lfcam-profile .chzn-container-single .chzn-single,
	#lfcam-profile .chzn-container-single .chzn-single span,
	#lfcam-profile .chosen-container-single a,
	#lfcam-profile .chosen-container-single .chzn-single,
	#lfcam-profile .chosen-container-single .chzn-single span
	{
		text-decoration: none;
	}

	#lfcam-profile .attention {
		float: none;
		margin: 0 auto;
		padding: 10px;
		background: #ebebeb; /* Old browsers */
		/* IE9 SVG, needs conditional override of 'filter' to 'none' */
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ViZWJlYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		background: -moz-linear-gradient(top,  #ebebeb 0%, #ffffff 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ebebeb), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #ebebeb 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #ebebeb 0%,#ffffff 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #ebebeb 0%,#ffffff 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #ebebeb 0%,#ffffff 100%); /* W3C */
		background-repeat: no-repeat;
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebebeb', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
    	-pie-background: linear-gradient(top, #ebebeb 0%, #ffffff 100%);
    	behavior: url(../htc/PIE.htc);
	}

	#lfcam-profile .inattention {
		float: none;
		margin: 0 auto;
		padding: 10px 10px 0 10px;
		border: none;
		background: transparent;
	}
		#lfcam-profile .inattention ul.radio-list {
			margin-bottom: 0;
			padding-bottom: 0;
		}
			#lfcam-profile .inattention ul.radio-list li:last-child {
				border-bottom: none;
			}

	#lfcam-profile .form-horizontal .control-label {
		width: 100px;
	}

	#lfcam-profile .form-horizontal .controls {
		/*margin-left: 120px;*/
		margin-left: 114px;
	}
		#lfcam-profile .form-horizontal .controls.controls-radio {
			padding-top: 4px;
		}

	#lfcam-profile .form-horizontal .control-group {
    	margin-bottom: 10px;
	}

	#lfcam-profile .form-absolute {
		position: absolute;
		top: 12px;
		left: 7px;
    	width: 30px;
    	z-index: 10;
	}

#lfcam-accountCreate .errorBox {
	color: red;
}

#lfcam-accountCreate.section,
#lfcam-accountSignin.section {
	padding: 15px 0;
}

#lfcam-accountCreate h2,
#lfcam-accountSignin h2 {
	font-size: 24px;
	margin-bottom: 5px;
}

#lfcam-accountCreate .row.heading,
#lfcam-accountSignin .row.heading {
	margin-bottom: 10px;
}

#lfcam-accountCreate .form-horizontal .control-label,
#lfcam-accountSignin .form-horizontal .control-label {
	margin-right: 10px;
    width: 170px;
}

#lfcam-accountCreate .form-horizontal .controls p,
#lfcam-accountSignin .form-horizontal .controls p {
	margin: 10px 0;
}

#lfcam-accountCreate .form-horizontal .controls.checkbox,
#lfcam-accountSignin .form-horizontal .controls.checkbox {
    margin-left: 50px;
}

#lfcam-accountCreate .divider,
#lfcam-accountSignin .divider {
	margin: 0 10px 0 0;
	padding-right: 30px;
	height: 100%;
	border-right: 1px solid #e5e4e4;
}

#lfcam-accountSignin .divider {
	margin-right: 30px;
}

#lfcam-accountSignin ul {
	padding-bottom: 0;
}

#lfcam-accountSignin li {
	padding-bottom: 10px;
}

ul.radio-list {
	padding-bottom: 10px;
}

ul.radio-list li {
	border-bottom: 1px solid #eeeeee;
	margin-bottom: 5px;
	padding-bottom: 5px;
}

input, input:focus,
button, button:focus,
.btn, .btn:focus {
	outline: 0;
}

input[type="radio"] + label {
    border: none;
    background: transparent url(../img/small-radio-sprite.png) no-repeat 2px 3px;
}

.controls-radio input[type="radio"] + label {
    background: transparent url(../img/small-radio-sprite.png) no-repeat 2px 3px;
}

input[type="radio"]:checked + label {
    border: none;
}

.controls-radio input[type="radio"]:checked + label {
    background: transparent url(../img/small-radio-sprite.png) no-repeat 2px -15px;
}

#lfcam-accountCreate input[type="checkbox"],
#lfcam-accountCreate input[type="checkbox"] + label,
#lfcam-accountSignin input[type="checkbox"],
#lfcam-accountSignin input[type="checkbox"] + label {
	display: inline-block;
    background: transparent url(../img/small-checkbox-sprite.png) no-repeat left top;
}

a.forgot,
.btn.light-green,
#lfcam-profile .btn.light-green {
	color: #669900;
	text-decoration: none;
}

.btn-edit,
.btn.btn-edit {
	position: absolute;
	right: 0;
	bottom: 0;
}

.btn-yellow.btn-small {
    font-size: 13px;
    line-height: 1em;
    margin-top: 0;
    padding: 0 10px;
    height: 20px;
    float: right;
}

.flare {
	width: 100%;
	background: transparent url(../img/bg-flare.png) no-repeat 0 0;
}

#lfcam-profile .flare {
	background-position: 0 165px;
}

#lfcam-profile .section.flare {
	padding-bottom: 0;
}

.right span3 {
	float: right;
}

.row [class*="span"].right,
.span6.right {
	text-align: right;
}

#lfcam-profile .centered,
.row .span5.centered {
	margin: 0 auto;
	float: none;
}

.row .span5.centered ul {
	margin: 0;
	padding: 0;
}

.row .span5.centered li {
	margin-left: 13px;
	border-bottom: none;
}

.middle {
	vertical-align: middle;
}

h2 .middle,
h3 .middle {
	margin-top: 30px;
}

h3.span12.center {
	padding-bottom: 0;
}

.bottom {
	position: absolute;
	left: 0px;
	bottom: 0px;
}

.bottom-space {
	margin-bottom: 0.5em;
}
	.bottom-space .right {
		margin-top: 2px;
	}

.bottom-noSpace,
#lfcam-profile .form-horizontal .control-group.bottom-noSpace {
	margin-bottom: 0;
	padding-bottom: 0;
}

.top-space {
	margin-top: 0.5em;
}

.icon-refresh {
    width: 18px;
    height: 18px;
	background: transparent url(../img/sprite-profile.png) no-repeat -1px -72px;
}

.icon-plus {
    width: 18px;
    height: 18px;
	background: transparent url(../img/sprite-profile.png) no-repeat -1px -106px;
}

.icon-help {
    width: 18px;
    height: 18px;
    background: transparent url(../img/sprite-profile.png) no-repeat -1px -36px;
}

.icon-info {
    width: 18px;
    height: 18px;
    background: transparent url(../img/sprite-profile.png) no-repeat -1px -3px;
}

.chzn-container-single .chzn-single div b {
  background: url('../img/icon-dropdown.png') no-repeat center center;
}

#signupButtonLink {
	text-decoration: none;
}

.error input[type="text"],
.error input[type="email"],
.error input[type="password"],
.error textarea {
	border: 1px solid #cc0000;
	padding: 4px;
}

select {
	padding: 3px 3px 3px 1px;
	border: 1px solid #c6c6c6;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
	background-clip: content-box;
}
	.error select {
		padding: 3px 3px 3px 1px;
		border: 1px solid #cc0000;
	}

.form-horizontal .control-group {
	margin-bottom: 0;
	padding-bottom: 1em;
}

.controls.error label {
	color: #666666;
}

.controls .alert-error {
	display: none;
}
	.controls.error .alert-error {
		font-size: .9em;
		line-height: 1.1em;
		color: #ff33333;
		display: block;
		padding: 3px 0 0 0;
		border: none;
		background: transparent none;
	}
	.controls.error {
		margin-bottom: 0;
	}
	.controls.error .alert-error {
		margin: 0 0 0 40px;
		padding-bottom: 0;
	}
	#forgotPasswordEmailField.controls.error .alert-error {
		margin: 3px 0 0 0;
	}

.controls .span11 label,
.controls .span11 p {
	font-size: .9em;
}
	.controls .span11 p a {
		font-weight: bold;
		color: #669900;
		text-decoration: none;
	}

#haveAccount .row {
	margin-bottom: 40px;
}

.modal {
    background-clip: padding-box;
    left: 50%;
    top: 100px;
}

#busyOverlay.modal {
	top: 41%;
}

	#accountCreateOverlay.modal {
	    margin-left: -290px;
	    width: 580px;
	}	
	
	#forgotEmailOverlay.modal {
	    margin-left: -175px;
	    width: 350px;
	}
		#forgotEmailOverlay.modal .form-horizontal .control-label {
			width: auto;
			margin-right: 10px;
		}
		#forgotEmailOverlay.modal .form-horizontal .controls {
			margin-left: 0;
		}
	.modal .inset {
		padding: 25px;
		width: auto;
	}
		.modal .inset h2,
		.modal .inset h3 {
			text-align: center;
		}
		.modal .inset p:last-child {
			margin-bottom: 0;
		}
		.modal .btn {
			text-decoration: none;
			outline: 0;
		}

button.close {
	background-image: url(../img/close.png);
}
	.modal button.close {
		margin: -25px -25px 0 0;
	}
	button.close {
		min-width: 20px;
		width: 20px;
	}

input[type="checkbox"] {
	visibility: hidden;
	z-index: 20;
}

	input[type="checkbox"]:after {
		content: '';
		visibility: visible;
		position: absolute;
		margin: 0;
		right: 0;
		top: 0;
		width: 16px;
		height: 16px;
		background: transparent url(../img/small-checkbox-sprite.png) no-repeat 0 0;
		z-index: 30;
	}
		input[type="checkbox"]:checked:after {
			visibility: visible;
			background-position: 0 -16px;
		}

.subhead-sublink {
	color: #656565;
}

a.primary.subhead-sublink {
	color: #690;
}

.gray {
	color: gray;
}

#widgetPopup {
	display: none;
}

#yearField .chzn-drop {
	color: #666;
}

.lfhidden {
	visibility: hidden;
}

.localeinfodialog {
	top: 250px;
}

.birthyearinfodialog {
	top: 326px;
}

#profiles-setup {
	width: 44%;
}

#profiles-setup label {
	margin-right: 8px;
}

#profiles-daterow {
	width: 267px;
}

#addAChildDialog_month {
	width: 103px;
}

#profileLabelYear {
	width: 75px;
}

#overlayReclaimDeviceYesButton {
   font-family: Muli;
   font-weight: bold;
}

#lf_overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: gray;
    opacity: 0.8;
    filter: alpha(opacity=80);
    z-index:50;
}
.overlay #lf_overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: gray;
    opacity: 0.4;
    filter: alpha(opacity=40);
    z-index:50;
}

#profileLabelDay {
	width: 61px;
}

#profileLabelYear {
	width: 70px;
}

.controls .alert {
    margin: 0 10px;
}