/*----------------- [Reset] ---------------------*/
/*-----------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {	margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

/* remember to define focus styles! */
:focus               { outline:0; }
body                 { line-height:1; color:black; background:white; }
ol, ul               { list-style: none; }
strong               { font-weight:bold; }

/* tables still need 'cellspacing="0"' in the markup */
table                { border-collapse: separate; border-spacing: 0; }
caption, th, td      { text-align: left; font-weight: normal; }
blockquote:before, 
blockquote:after,
q:before, q:after    { content: ""; }
blockquote, q        { quotes: "" ""; }


/*----------------- [Commons] ---------------------*/
/*-------------------------------------------------*/
.left                   { float:left; }
.right                  { float:right; }
.nodisplay              { display:none; }
.invisible              { visibility: hidden; }
.noborder               { border:0; }
.strong                 { font-weight:bold; }
.aligncenter            { text-align:center; }
.alignright             { text-align:right; }

.clearfix:after         { clear: both; content: " ";  display: block; height: 0; visibility:hidden; }
.clearfix               { display:inline-block; }

/* Hides from IE-mac \*/
.clearfix               { display: block; }
/* End hide from IE-mac */

/*----------------- [General] ---------------------*/
/*-------------------------------------------------*/
body										{ font:normal 62.5%/150% Arial, Helvetica, sans-serif; color:#313131; background:#FFF; text-shadow:0 0 0 #FFF; }
label, input		    					{ line-height:normal !important; }
input, select, textarea						{ font-family:Arial, Helvetica, sans-serif; text-shadow:0 0 0 #FFF; }
#wrapper									{ width:990px; margin:0 auto; overflow:hidden; padding:32px 0 0 0; }

#back-to-home								{ float:right; font:bold 1.4em/1.5em Arial, Helvetica, sans-serif; text-align:right; color: #1d7db4; margin:15px 40px 0 0; }
a#back-to-home:hover						{ color: #45c0ae; }

h1											{ background:url(../images/mylo-logo.png) no-repeat; margin:0 0 0 40px; }
h1.home										{ background:url(../images/mylo-logo-home.png) no-repeat; margin:0 0 0 40px; }
h1 a										{ width:134px; height:36px; display:block; text-indent:-9999px; }

#footer										{ width:100%; overflow:hidden; margin:50px 0 20px 0; }
#footer .dcsf								{ width:247px; height:33px; float:left; margin-left:20px; text-indent:-9999px; background:url(../images/dcsf-logo.png) no-repeat; }
#footer ul									{ float:right; display:inline; margin-right:41px; }
#footer ul li								{ float:left; margin-left:17px; font:bold 1.2em/1.5em Arial, Helvetica, sans-serif; }
#footer ul li a								{ color:#009CFF; }
#footer ul li a:visited						{ color: #009CFF; }
#footer ul li a:hover						{ color: #45c0ae; }

input.button								{ background:#C7D4D4 url(../images/button-bg.gif) repeat-x left top; border:1px solid #BFC8CC; font:bold 1.1em/1.5em Arial, Helvetica, sans-serif !important; padding:1px 0; color:#364343; float:left; cursor:pointer; }
input.big_button							{ background:#D4DCDD url(../images/large-button-bg.gif) repeat-x left top; border:1px solid #BFC8CC; font:bold 2.3em/1em Arial, Helvetica, sans-serif; text-align:center; text-decoration:none; color:#3F454A; padding:8px 0; cursor:pointer; }

.info_wrapper, .info_wrapper_small,
.error_wrapper, .error_wrapper_small, .error_wrapper_tiny, .error_wrapper_big,
.success_wrapper, .success_wrapper_big			{ width:718px; padding:7px 0 0 0; margin:-34px 0 12px 0; position:relative; background:url(../images/info-bg.png) no-repeat left top; }
.info_wrapper_small								{ width:608px; background-position:-1436px top; }
.error_wrapper, .error_wrapper_small,
.error_wrapper_tiny, .error_wrapper_big		    { background:url(../images/error-bg.png) no-repeat left top; }
.error_wrapper_small							{ width:608px; background-position:-3254px top; }
.error_wrapper_tiny								{ width:278px; margin-top:0px; background-position:-4470px top; }
.success_wrapper,
.success_wrapper_big							{ background:url(../images/success-bg.gif) no-repeat left top; }
.success_wrapper_big, .error_wrapper_big		{ width:909px; margin:49px 0 -24px 40px; background-position:-1436px top; }
.info_wrapper .message,
.info_wrapper_small .message,
.error_wrapper .message,
.error_wrapper_small .message,
.error_wrapper_tiny .message,
.success_wrapper .message,
.success_wrapper_big .message					{ padding:10px 80px 26px 80px; background:#45C0AE url(../images/info-bg.png) no-repeat -718px bottom; font:bold 1.5em/1.5em Arial, Helvetica, sans-serif; color:#FFF; }
.error_wrapper_big .message				    	{ padding:10px 80px 26px 80px; background:#C60751 url(../images/error-bg.png) no-repeat -718px bottom; font:bold 1.5em/1.5em Arial, Helvetica, sans-serif; color:#FFF; }
.info_wrapper_small .message					{ background-position:-3862px bottom; }
.error_wrapper .message,
.error_wrapper_small .message,
.error_wrapper_tiny .message					{ background:#C60751 url(../images/error-bg.png) no-repeat -718px bottom; font-size:1.4em; }
.error_wrapper_small .message					{ background-position:-3862px bottom; }
.error_wrapper_tiny .message					{ padding:15px 25px 31px; background-position:-4748px bottom; }
.success_wrapper .message,
.success_wrapper_big .message, 
.success_wrapper_big .message					{ background:#9CD08D url(../images/success-bg.gif) no-repeat -718px bottom; }
.success_wrapper_big .message                   { background-position:-2345px bottom; font-size:1.4em; padding:3px 24px 20px; }
.error_wrapper_big .message                     { background-position:-2345px bottom; font-size:1.4em; padding:3px 24px 20px; }
.error_wrapper .message ul li,
.error_wrapper_small .message ul li             { background:url(../images/error-list-bullet.gif) no-repeat 0 8px; padding-left:20px;}
.error_wrapper_tiny .message ul					{ font-size:1em; }
.error_wrapper ul, .error_wrapper li,
.error_wrapper_small ul, .error_wrapper_small li,
.error_wrapper_tiny ul, .error_wrapper_tiny li,
.info_wrapper p,
.success_wrapper p,
.success_wrapper_big p
.error_wrapper_big p							{ margin:0 !important; }

.password_strength								{ float:left; margin-left:15px; }
.password_strength dt 							{ float:left; font:bold 1.4em/1.5em Arial, Helvetica, sans-serif; color:#666; }
.password_strength dd							{ width:66px; height:16px; float:left; background:url(../images/password-strength.png) no-repeat; text-indent:-9999px; margin:3px 0 0 15px; }
.password_strength dd.strength1					{ background-position:0 -16px; }
.password_strength dd.strength2					{ background-position:0 -32px; }
.password_strength dd.strength3					{ background-position:0 -48px; }

/*-------------------- [Home] ---------------------*/
/*-------------------------------------------------*/
#video-container					 		{ width:909px; height:360px; padding:35px 41px 35px 40px; margin-top:24px; background:url(../images/video-bg.jpg) no-repeat; }
#video-container p                          { font:bold 1.4em/1.3em Arial, Helvetica, sans-serif; padding: 170px 20px 20px 20px; color: #000; text-align: center; }

#sections									{ width:962px; margin:0 7px 0 21px; background:url(../images/sections-border.gif) repeat-y; }
#sections li								{ width:282px; float:left; padding:0 20px 0 19px; }
#sections li#try-mylo						{ width:301px; padding-right:0; }
#sections h2								{ background:url(../images/sections-titles.png) no-repeat; text-indent:-9999px; overflow:hidden; margin-bottom:8px; }
#sections #say-hello h2						{ height:25px; background-position:0 0; }
#sections #get-involved h2					{ height:22px; background-position:0 -25px; }
#sections #try-mylo h2						{ height:27px; background-position:0 -47px; }
#sections p									{ margin-bottom:20px; font:normal 1.1em/1.2em Arial, Helvetica, sans-serif; }
#sections #get-involved .create,
#sections #get-involved .create:visited,
#getinvolved-title-section .create,
#getinvolved-title-section .create:visited,
#sign-in .create,
#sign-in .create:visited					{ width:262px; overflow:hidden; padding:6px 0 0 0; margin-bottom:16px; display:block; background:url(../images/create-an-account.jpg) no-repeat; font:bold 2.0em/1em Arial, Helvetica, sans-serif; text-align:center; text-decoration:none; color:#FFF; }
#sections #get-involved .create span,
#getinvolved-title-section .create span,
#sign-in .create span						{ padding:7px 14px 18px 12px; display:block; background:url(../images/create-an-account.jpg) no-repeat left bottom;  }
#sections #get-involved .info				{ font:bold 1.2em/1.5em Arial, Helvetica, sans-serif; color:#1d7db4;}
#sections #get-involved .info:visited	    { color:#1d7db4; }
#sections #get-involved .info:hover 		{ color:#45C0AE;}
#sections #try-mylo .get_the_skills			{ width:272px; height:207px; margin:-67px 0 0 -5px; display:block; background:url(../images/get-the-skills-splash.png) no-repeat; text-indent:-9999px; position:relative; cursor:pointer; }

#sections .error_wrapper_tiny li								{ width:auto; float:none; padding:0; }

#email-updates								{ width:277px; padding:10px 0; border-top:1px dotted #A4A4A4; border-bottom:1px dotted #A4A4A4; }
#email-updates label						{ font:bold 1.5em/1.5em Arial, Helvetica, sans-serif; color:#3F454A; }
#email-updates input.text					{ width:268px; border:1px solid #C4CCCE; font-size:1.1em; padding:2px; margin:5px 0 10px 0; }
#email-updates input.button					{ margin-right:10px; }

/*------------------- [Inner] ---------------------*/
/*-------------------------------------------------*/
#content-wrapper								{ padding:82px 40px 0 40px; }
#content-wrapper h2								{ font:bold 5.2em/0.93em Arial, Helvetica, sans-serif; color:#464646; letter-spacing:-3px; margin-bottom:20px; }
#content-wrapper h3								{ font:bold 2.2em/1em Arial, Helvetica, sans-serif; color:#464646; letter-spacing:-1px; }
#content-wrapper a								{ color:#1d7db4; text-decoration:underline; }
#content-wrapper a:visited					    { color:#c60751; }
#content-wrapper a:hover					    { color:#45c0ae; }
#content-wrapper .details						{ font:normal 1.2em/1.3em Arial, Helvetica, sans-serif; color:#45C0AE; }
#content-wrapper fieldset						{ border:0; border-top:1px dotted #A4A4A4; margin:0; padding:26px 0 26px 0; }
#content-wrapper .content						{ min-height:170px; clear:both; border-top:1px dotted #A4A4A4; border-bottom:1px dotted #A4A4A4; padding:26px 220px 26px 0; }
#content-wrapper .core_content                  { padding-right:300px; }
#content-wrapper .core_content a                { font-weight: bold; color:#1d7db4; }
#content-wrapper .core_content a:visited        { color:#c60751; }
#content-wrapper .core_content a:hover          { color:#45c0ae; }
#content-wrapper .core_content h3               { font-size:1.8em; line-height:1.5em; font-weight:bold; color:#222; margin-bottom:20px; }
#content-wrapper .core_content h3.question      { font-size:1.8em; line-height:1.5em; font-weight:bold; color:#222; margin-bottom:10px; }
#content-wrapper .core_content h4               { font-size:1.8em; line-height:1.5em; font-weight:bold; color:#45c0ae; }
#content-wrapper .core_content ul               { list-style:disc; font-size:1.2em; line-height:1.5em; margin:0 0 28px 15px; }
#content-wrapper .core_content ol               { list-style:decimal; font-size:1.2em; line-height:1.5em; margin:0 0 28px 25px; }
#content-wrapper .core_content ul li,
#content-wrapper .core_content ol li            { margin-bottom:10px; }
#content-wrapper .core_content dl               { font-size:1.2em; line-height:1.5em; margin-bottom:28px; }
#content-wrapper .core_content dt               { font-weight:bold; }
#content-wrapper .core_content dd               { padding-left:10px; }
#content-wrapper .title_section					{ width:100%; overflow:hidden; margin-bottom:20px; }
#content-wrapper .title_section h2				{ margin-bottom:0; }
#content-wrapper .content p						{ font:normal 1.2em/1.5em Arial, Helvetica, sans-serif; margin-bottom:15px; }
#content-wrapper .content p.intro				{ font:bold 1.4em/1.3em Arial, Helvetica, sans-serif; }
#content-wrapper .content .last					{ margin-bottom:15px; }
#content-wrapper fieldset .details				{ padding:3px 260px 0 0; }
#content-wrapper fieldset ul,
#content-wrapper #account-registration ul		{ margin-top:22px; }
#content-wrapper fieldset.notitle ul			{ margin-top:0 !important; }
#content-wrapper fieldset li,
#content-wrapper #account-registration li		{ width:100%; overflow:hidden; margin:0 0 15px 0; }
#content-wrapper fieldset li .details			{ padding:0 0 5px 0; }

#content-wrapper fieldset input.button			{ margin:1px 0 0 15px; }
#content-wrapper fieldset input.availability	{ width:10.6em; }
#content-wrapper fieldset li label.label-validation-error	{ color:#C60751; }
#content-wrapper fieldset li input.input-validation-error,
#email-updates input.input-validation-error					{ border-color:#C60751; }


#content-wrapper .content .info_wrapper p,
#content-wrapper .content .error_wrapper p,
#content-wrapper .content .success_wrapper p	{ font-size:1em; }
#content-wrapper .content .success_wrapper p,
#content-wrapper .content .error_wrapper p		{ font-weight:bold; margin-bottom:0; }
#content-wrapper .error_wrapper .message h2		{ font-size:3.714em; color:#FFF; }
#content-wrapper .error_wrapper .message .sorry	{ width:100%; float:left; background:url(../images/sorry-bg.gif) no-repeat; height:98px; text-indent:-9999px; margin:32px 0 25px 0; }
.success_wrapper_big .message a,
#content-wrapper .info_wrapper .message a,
#content-wrapper .info_wrapper_small .message a,
#content-wrapper .error_wrapper .message a		{ color:#FFF; }
.success_wrapper_big .message a:hover,
#content-wrapper .info_wrapper .message a:hover,
#content-wrapper .info_wrapper_small .message a:hover,
#content-wrapper .error_wrapper .message a:hover{ color:#000; }
.other_info_wrapper								{ width:262px; padding:7px 0 0 0; background:url(../images/other-info-bg.gif) no-repeat left top; }
.other_info_wrapper .message					{ padding:10px 20px 26px 20px; background:#9CD08D url(../images/other-info-bg.gif) no-repeat -262px bottom; color:#FFF; }
.other_info_wrapper .message h3					{ font:bold 2.2em/1.5em Arial, Helvetica, sans-serif; color:#464646; margin-bottom:15px; }
.other_info_wrapper .message p					{ font:normal 1.2em/1.5em Arial, Helvetica, sans-serif; margin-bottom:15px; }
#content-wrapper .other_info_wrapper .message a	{ font:normal 1.3em/1.5em Arial, Helvetica, sans-serif; color:#FFF; }

#getinvolved-title-section						{ width:262px; float:right; margin-top:5px; }
#getinvolved-title-section h2					{ background:url(../images/sections-titles.png) no-repeat 0 -25px; text-indent:-9999px; overflow:hidden; height:22px; }
#getinvolved-title-section .create				{ margin:20px 0 0 0; }

/*----------- [Account Registration] --------------*/
/*-------------------------------------------------*/
#account-registration							{ position:relative; }
#account-registration .other_info_wrapper		{ position:absolute; top:-7px; right:0; }
#account-registration fieldset li .details		{ padding:0 391px 5px 140px; }
#account-registration label,
#content-wrapper #account-registration .label	{ width:125px; float:left; padding:3px 15px 0 0; font:bold 1.4em/1.5em Arial, Helvetica, sans-serif; color:#666; }
#content-wrapper #account-registration .label	{ padding-top:0; margin-bottom:0; }
#content-wrapper #account-registration .value	{ font:normal 1.4em/1.5em Arial, Helvetica, sans-serif; color:#666; float:left; margin-bottom:0; }
#account-registration label.check				{ width:652px; float:left; padding:0 0 0 15px; }
#account-registration label.gender_options		{ width:auto; float:left; padding:3px 30px 0 15px; }
#account-registration label.small				{ font-size:1.2em; }
#account-registration input.text				{ width:373px; float:left; padding:2px; border:1px solid #808B8E; }
#account-registration input.check				{ width:13px; height:13px; float:left; margin:0.2em 0 0 0; }
#account-registration input.gender				{ margin:4px 0 0 0; }
#account-registration input.small               { width:200px }
#account-registration input.tiny                { width:100px; }
#account-registration select					{ float:left; margin-right:15px; }
#account-registration .optional                 { float:left; font-size:1.3em; font-style:italic; margin:2px 0 0 15px; }
#content-wrapper .create_an_account				{ width:11.15em; }
#content-wrapper .create_school_account			{ width:15.05em; }

/*------------- [Forgot Password] -----------------*/
/*-------------------------------------------------*/
#forgot-password								{ border-bottom:1px dotted #A4A4A4; }
#forgot-password label							{ font:bold 2.2em/1.5em Arial, Helvetica, sans-serif; color:#666; display:block; margin-bottom:5px; }
#forgot-password input.text						{ width:380px;padding:2px; border:1px solid #808B8E; }
#content-wrapper .reset_my_password				{ width:11.46em; margin-bottom:41px; }

/*----- [Reset Password/Sign in/Verification] -----*/
/*-------------------------------------------------*/
#reset-password, #sign-in						{ border-bottom:1px dotted #A4A4A4; }
#sign-in										{ position:relative; }
#reset-password label,
#content-wrapper #reset-password .label,
#sign-in label									{ width:125px; float:left; padding:3px 15px 0 0; font:bold 1.4em/1.5em Arial, Helvetica, sans-serif; color:#666; }
#reset-password input.text,
#sign-in input.text								{ width:373px; float:left; padding:2px; border:1px solid #808B8E; }
#content-wrapper #reset-password .label			{ padding-top:0; margin-bottom:0; }
#content-wrapper #reset-password .value			{ font:bold 1.4em/1.5em Arial, Helvetica, sans-serif; color:#666; float:left; margin-bottom:0; }
#content-wrapper #reset-password .value a		{ text-decoration:underline; color:#666; }
#sign-in input.check							{ width:13px; height:13px; float:left; margin:0.2em 0 0 0; }
#sign-in label.check							{ float:left; padding:0 0 0 15px; }
#sign-in .forgot_password						{ float:right; font:bold 1.2em/1.8em Arial, Helvetica, sans-serif; color:#18a0ff; margin-right:391px; }

#sign-in .create_section						{ width:254px; position:absolute; top:-7px; right:0; }
#sign-in .create								{ margin-bottom:3px; }
#sign-in .info									{ font:bold 1.2em/1.8em Arial, Helvetica, sans-serif; color:#18a0ff; text-align:center; display:block; }

#content-wrapper .set_password					{ width:8.7em; margin-bottom:41px; }
#content-wrapper .sign_in						{ width:5.45em; margin-bottom:41px; }
#content-wrapper .resend_verification			{ width:11.6em; margin-bottom:41px; }

/*------------------- [Error] ---------------------*/
/*-------------------------------------------------*/
#content-wrapper #error-page					{ border:0; }