/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.7.0
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}

/*
 * Utility Classes
 */
.left {float: left}
.right {float: right}
.centered {margin-left: auto; margin-right: auto; display: block; width: 700px}
.clear {clear: both}
em {font-style: italic}
.italic {font-style: italic}
.underline {text-decoration: underline}
strong {font-weight: bold}
a {outline: none}

/*
 * Page Layout
 */
html {background-color: #111}

body {
	background-color: #111111;
	color: #2A2A2A;
	font-family: helvetica, arial, sans-serif;
	font-size: 16px;
	line-height: 1.5em;
}

#page {
	width: 900px;
	margin: 0 auto 0 auto;
	border-top: 1px solid transparent;
	padding-bottom: 40px;
}

#header {
	position: absolute;
	top: 0px;
	width: 900px;
}

#content {
	position: relative;
	margin-top: 65px;
	background-color: #FFF;
	border-bottom: 1px solid white;
	min-height:500px;
	height:auto !important;
	height:500px;
}

#container {
	margin: 0 100px
}
.home #container {margin: 0 50px}

#footer {
	color: #FFF;
	padding-bottom: 20px;
}


/*
 * Rounded Corners
 */
#content {
	background-image: url('/images/top_left_corner.png');
	background-repeat: no-repeat
}
#breadcrumbs {background: url('/images/top_right_corner.png') top right no-repeat}
#footer div.left_corner {
	background-color: #FFF;
	background-image: url('/images/bottom_left_corner.png');
	background-repeat: no-repeat;
	height: 11px;
}

#footer div.right_corner {
	background-image: url('/images/bottom_right_corner.png');
	background-repeat: no-repeat;
	background-position: top right;
	height: 11px;
}


/*
 * Main Styles
 */
div.masthead h1 {
	color: #82B811;
	text-align: center;
	font-family: Helvetica, arial, sans-serif;
	font-size: 38px;
	letter-spacing: -2px;
	font-weight: bold;
	line-height: 1.2em;
	margin-top: 20px;
}

div.masthead h2 {
	color: #777;
	text-align: center;
	font-family: Helvetica, arial, sans-serif;
	font-size: 22px;
	letter-spacing: 0px;
	font-weight: normal;
	line-height: 1.2em;
	margin: 5px 0 10px 0;
}

div.masthead h3 {
	color: #777;
	text-align: left;
	font-family: Helvetica, arial, sans-serif;
	font-size: 18px;
	letter-spacing: 0px;
	font-weight: normal;
	line-height: 1.2em;
	margin: 0px 100px;
}

h2 {
	font-size: 32px;
	text-align: center;
	font-weight: bold;
	margin-top: 1em;
	margin-bottom: 0.2em;
	letter-spacing: -1px;
	font-family: helvetica,arial,sans-serif;
	color: #2978A6;
	line-height: 1.2em;
}

h2 a {color: #2978A6; text-decoration: none}

h3 {
	color: #2978a6;
	font-size: 18px;
	font-weight: bold;
	font-family: Helvetica,sans-serif;
}

h4 {
	font-weight: bold;
}

#content ul, #content ol {
	position: relative;
	top: -0.5em;
	margin-left: 0px;
	padding-left: 50px;
}

#content li {
	list-style-type: square;
	margin-bottom: 0.5em;
	padding-left: 10px
}

#content form li {
	list-style-type: none;
	margin-bottom: 0;
}

#content ol li {
	list-style-type: decimal;
	padding-left: 0px;
/*
	margin-left: 80px;
	padding-left: 0px;
*/
}

#content ul.tick {
	padding-left: 0px;
}

#content ul.tick li {
	background: url(/images/tick_circle.png) 0 2px no-repeat;
	padding-left: 30px;
	list-style-type: none;
}

#content ul.cross li {
	background: url(/images/cross_circle.png) 0 2px no-repeat;
	padding-left: 30px;
	list-style-type: none;
}

a.blue {
	text-decoration: underline;
	color: #4582B5;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: bold;
	font-family: Arial;
}

a:hover.blue {
	color: #4d92c8;
}

p {
	margin-bottom: 1em;
}

p.no_bm {
	margin-bottom: 0;
}

/*
 * Footer Styles
 */
#footer {
	color: #999;
	font-family: sans-serif;
	font-size: 13px;
}

#footer a {
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #BBB;
	text-decoration: none;
	text-transform: uppercase
}
#footer a:hover {
	color: #82B811
}
#footer li {list-style-type: none; display: inline; padding-left: 30px; font-family: Helvetica, Arial, sans-serif}
#footer ul {top: 0} /* because we normally shift ul up 0.5em */

#footer .left, #footer .right {padding: 10px 50px}


/*
 * Containers
 */
div.notice {
	border-top: 2px solid #FFE8CD;
	border-bottom: 2px solid #FFE8Cd;
	background: #FFF9D8;
	margin: 25px 0;
	padding: 10px 20px;
	font-family: Helvetica, Arial;
	text-align: center
}

div.yellow_banner {
	border-top: 2px solid #FFE8CD;
	border-bottom: 2px solid #FFE8Cd;
	background: #FFF9D8;
	margin: 15px 0;
	padding: 10px 20px;
	font-family: Helvetica, Arial;
	text-align: center
}
div.yellow_banner h4 {color: #333; text-align: left; font-size: 14px; padding: 0; margin: 0; clear: none}
div.yellow_banner p {color: #333; text-align: left; font-size: 12px; line-height: 1.3em; padding: 0; margin: 0}

div.green_banner {
	padding: 25px 40px 25px 40px;
	background-color: #D2EEAE;
	text-align: left;
	font-size: 18px;
	color: #333;
	clear: both;
	margin: 20px 0;
}
div.green_banner .big_button {position: relative; top: -8px}
div.green_banner .xbig_button, div.yellow_banner .xbig_button {position: relative; top: -10px}

div.columns {clear: both; padding-top: 15px}
div.columns div.col_left, div.columns div.col_right {width: 390px; float: left}
div.col_left {padding-right: 10px}
div.col_right {padding-left: 10px}


div.narrow_text {
	width: 600px;
	margin-left: auto;
	margin-right: auto;
}

/*
 * Forms
 */
/* Outer borders */
form.decorated {background: url('/images/outer_top_left.png') 0 0 no-repeat; margin-left: auto; margin-right: auto}
form.decorated h2 {background: url('/images/outer_top_right.png') top right no-repeat; height: 40px}
form.decorated div.form_footer {background: url('/images/outer_bottom_left.png') bottom left no-repeat}
form.decorated div.submit {background: url('/images/outer_bottom_right.png') bottom right no-repeat; padding-top: 10px; height: 50px}
form.decorated li {line-height: 1.3em; padding: 5px; background: url('/images/inner_right_border.png') top right repeat-y}
form.decorated div.form_body {background: url('/images/outer_border_right.png') top right repeat-y}

/* Inner borders */
form.decorated div.form_section {background: url('/images/inner_top_left.png') 0 0 no-repeat}
form.decorated div.form_section h3 {background: url('/images/inner_top_right.png') top right no-repeat; color: #6EA91E; font-family: Helvetica, Arial, sans-serif; font-size: 16px; font-weight: bold; padding: 20px 0 8px 25px; margin: 0}
form.decorated div.form_section ul {background: url('/images/inner_bottom_left.png') bottom left no-repeat; top: 0; margin: 0}
form.decorated div.form_section li.last {background: url('/images/inner_bottom_right.png') bottom right no-repeat; padding-bottom: 25px}
form li {margin: 0; list-style-type: none}

#content form ol, #content form ul {margin: 0; padding: 0; top: 0}


/*
 * Sign-Up Form
 */
form.main_form {width: 700px; margin-left: auto; margin-right: auto; margin-top: 20px}
form.main_form h2 {margin: 0; padding: 25px 0 0 50px; color: #555}
form.main_form div.submit a, form.main_form div.submit button {float: right; margin-right: 245px}
form.main_form div.form_section {margin-top: 0px; width: 500px; margin-left: 25px; margin-top: 10px}
form.main_form div.form_section h3 {color: #6EA91E; font-family: Helvetica, Arial, sans-serif; font-size: 16px; font-weight: bold; padding: 20px 0 8px 45px; margin: 0}
form.main_form input {width: 250px}
label, span.label {display: inline-block; width: 150px; padding-right: 10px; font-family: "Lucida Grande",arial,sans-serif; font-size: 14px; text-align: right; color: #333}
span.value {font-family: "Lucida Grande",arial,sans-serif; font-size: 14px; color: #666}
div.form_note {margin: 0 0 5px 50px; color: #B60000}


/*
 * Forms
form {background: url('/images/outer_top_left.png') 0 0 no-repeat; width: 800px; margin-left: auto; margin-right: auto; margin-top: 20px; margin-bottom: 100px}
form h2 {background: url('/images/outer_top_right.png') top right no-repeat; height: 40px; text-align: left; padding: 30px 0 0 50px; text-transform: uppercase; font-family: Helvetica, Arial, sans-serif; font-size: 14px; font-weight: bold; margin: 0; color: #555}
form div.form_footer {background: url('/images/outer_bottom_left.png') bottom left no-repeat; padding-bottom: 0px}
form div.submit {background: url('/images/outer_bottom_right.png') bottom right no-repeat; padding-top: 10px; height: 50px; padding-bottom: 10px}
form div.submit a, form div.submit button {float: right; margin-right: 245px}
form div.form_body {background: url('/images/outer_border_right.png') top right repeat-y}

div.form_section {background: url('/images/inner_top_left.png') 0 0 no-repeat; margin-top: 0px; width: 550px; margin-left: 25px; margin-top: 10px}
div.form_section h3 {background: url('/images/inner_top_right.png') top right no-repeat; color: #6EA91E; font-family: Helvetica, Arial, sans-serif; font-size: 16px; font-weight: bold; padding: 20px 0 8px 25px; margin: 0}
div.form_section ul {background: url('/images/inner_bottom_left.png') bottom left no-repeat; padding-left: 35px}
div.form_section li.last {background: url('/images/inner_bottom_right.png') bottom right no-repeat; padding-bottom: 25px}
div.form_section table {background: url('/images/inner_bottom_left.png') bottom left no-repeat; padding-left: 35px}
div.form_section tr.last {background: url('/images/inner_bottom_right.png') bottom right no-repeat; padding-bottom: 25px}
form li, table.payment_options tr {line-height: 1.3em; padding: 5px; background: url('/images/inner_right_border.png') top right repeat-y}
label, span.label {display: inline-block; width: 100px; padding-right: 10px; font-family: "Lucida Grande",arial,sans-serif; font-size: 14px; text-align: right; color: #333}
span.value {font-family: "Lucida Grande",arial,sans-serif; font-size: 14px; color: #666}
span.hint {color: #555; font-style: italic; padding-left: 10px}
span.hint img {position: relative; top: 10px}
fieldset {margin: 0; padding: 0}

div.form_section p {margin-left: 72px; font-family: georgia, times, "times new roman"; padding-right: 20px; background: url('/images/inner_right_border.png') top right repeat-y; margin-bottom: 0; padding-bottom: 1em}
table.payment_options {width: 100%}

table.payment_options td.label {width: 140px; padding-right: 10px; font-family: "Lucida Grande",arial,sans-serif; font-size: 14px; text-align: right; color: #333; vertical-align: top}
table.payment_options td.input {width: 20px; vertical-align: top}
table.payment_options td.detail h4 {text-align: left; font-weight: bold; margin: 0; padding: 0; vertical-align: top; font-family: Helvetica, Arial, sans-serif; font-size: 14px; padding-top: 3px}
table.payment_options td.detail p {text-align: left; margin-left: 0; font-weight: normal; font-family: georgia, times, "times new roman"; font-size: 12px; padding-top: 3px}
table.payment_options td.detail {text-align: left; font-weight: bold; margin: 0; padding: 0; vertical-align: top; padding-bottom: 10px}


form div.submit p {margin: 10px 0 0 50px; font-family: Helvetica, Arial, sans-serif; font-size: 14px; color: #2978A6}
 */

/* Form Help */
form div.form_help {float: right; width: 190px; margin-top: 25px; margin-right: 20px; text-align: left}
form div.form_help img {margin-left: auto; margin-right: auto}
form div.form_help_payments {float: right; width: 190px; margin-top: 25px}
form div.form_help a, div.link a {font-size: 12px; color: #2978A6; text-decoration: underline}
div.link {font-size: 12px; color: #2978A6}
form div.form_help p {font-family: "Lucida Grande", arial, sans-serif; font-size: 12px; text-align: left; color: #555; margin-bottom: 0.5em}
form div.form_help h4 {margin: 5px 0 5px 0; padding: 0; color: #2978A6; font-weight: bold; font-family: Helvetica, Arial, sans-serif; font-size: 14px; text-align: left}
form div.form_help .popout {background: url('/images/popout.png') top left no-repeat; padding: 10px 30px 15px 20px; text-align: center; width: 145px; height: 190px}
form div.form_help .popout h4 {color: black; text-align: center; margin-bottom: 0}
form div.form_help .popout p {text-align: left; line-height: 1.3em}



/* Form Fields */
input {padding: 2px; background-color: #FFFFCC; width: 200px}
select {font-size: 14px; padding: 5px 0}
input.checkbox {width: 20px; margin-right: 10px}
textarea {width: 375px}
li.disabled input {background-color: #EFEFEF}
#content li.note {padding-left: 115px; font-style: italic; color: #555}
li.remember_me {font-family: "Lucida Grande",arial,sans-serif; font-size: 12px; color: #666; margin-top: 0px}
li.remember_me input {margin-right: 5px; padding-top: 2px; margin-left: 110px; width: 15px}
.email, .card_name, .website {width: 250px}
.password, .confirm {width: 150px}
.cvv2 {width: 50px}
.error select, .error textarea {background-color: #FFDCEB}
span.error input {background-color: #FFDCE8}

/* Form Notes */
div.form_note {margin: 0 0 5px 50px; color: #B60000}
div.form_error {width: 500px; border: 1px solid #B60000; background-color: #FFDCE8; margin: 0px 0 10px 30px; padding: 7px 20px 8px 20px; font-family: "Lucida Grande", arial, sans-serif; font-size: 14px; line-height: 1.5em}
div.form_success {width: 470px; border: 1px solid #ABD45E; background-color: #FFFFD3; margin: 0px 0 10px 30px; padding: 7px 20px 8px 20px; font-family: "Lucida Grande", arial, sans-serif; font-size: 14px; line-height: 1.5em}
div.form_error span {font-weight: bold; color: #B60000; padding-top: 3px}
div.form_success span {font-weight: bold; color: #6EA91E; padding-top: 3px}
/*
 * Various Buttons
 */
a.subscribe {width: 134px; height: 34px; display: block; background: url('/images/subscribe_btn.png') 0 0 no-repeat}
a.continue {width: 134px; height: 34px; display: block; background: url('/images/continue_btn.png') 0 0 no-repeat}
a span {display: none}

/*
 * Various Buttons
 */
button {border: 0; cursor: pointer}
button span { position:relative; display:block; white-space:nowrap; padding:0 0 0 20px; }
button.button:hover {background-position: 0px -34px}
button.big_button:hover {background-position: 0px -42px}
button.xbig_button:hover {background-position: 0px -46px}

a.sign_up, button.sign_up {width: 114px; height: 34px; display: block; background: url('/images/sign_up_btn.png') 0 0 no-repeat}
a.confirm, button.confirm {width: 114px; height: 34px; display: block; background: url('/images/confirm_btn.png') 0 0 no-repeat}
a.continue, button.continue {width: 134px; height: 34px; display: block; background: url('/images/continue_btn.png') 0 0 no-repeat}
a.start_trial, button.start_trial {width: 205px; height: 34px; display: block; background: url('/images/start_free_trial_btn.png') 0 0 no-repeat}
a.free_trial, button.free_trial {width: 194px; height: 46px; display: block; background: url('/images/free_trial_btn.png') 0 0 no-repeat}
a.start_trial, button.start_trial {width: 194px; height: 46px; display: block; background: url('/images/start_trial_btn.png') 0 0 no-repeat}
a.big_free_trial, button.big_free_trial {width: 194px; height: 46px; display: block; background: url('/images/free_trial_btn.png') 0 0 no-repeat}
a.big_sign_up_now, button.big_sign_up_now {width: 194px; height: 46px; display: block; background: url('/images/big_sign_up_now.png') 0 0 no-repeat}
a.big_take_the_tour, button.big_take_the_tour {width: 194px; height: 46px; display: block; background: url('/images/big_take_the_tour.png') 0 0 no-repeat}
a.create_account, button.create_account {width: 178px; height: 34px; display: block; background: url('/images/create_account_btn.png') 0 0 no-repeat}
a.big_create_account, button.big_create_account {width: 214px; height: 46px; display: block; background: url('/images/big_create_account.png') 0 0 no-repeat}
a.big_free_trial, button.big_free_trial {width: 194px; height: 46px; display: block; background: url('/images/big_free_trial.png') 0 0 no-repeat}
a.login, button.login {width: 114px; height: 34px; display: block; background: url('/images/login_btn.png') 0 0 no-repeat}
a.send, button.send {width: 114px; height: 34px; display: block; background: url('/images/send_btn.png') 0 0 no-repeat}
a.save, button.save {width: 114px; height: 34px; display: block; background: url('/images/save_btn.png') 0 0 no-repeat}
a.recover, button.recover {width: 114px; height: 34px; display: block; background: url('/images/login_btn.png') 0 0 no-repeat}
a.register, button.register {width: 115px; height: 34px; display: block; background: url('/images/register_btn.png') 0 0 no-repeat}
a.register_now, button.register_now {width: 134px; height: 34px; display: block; background: url('/images/register_now_btn.png') 0 0 no-repeat}
a.cancel_trial, button.cancel_trial {width: 157px; height: 34px; display: block; background: url('/images/cancel_trial_btn.png') 0 0 no-repeat}
a.cancel_course, button.cancel_course {width: 175px; height: 34px; display: block; background: url('/images/cancel_course_btn.png') 0 0 no-repeat}
a.choose_language, button.choose_language {width: 205px; height: 34px; display: block; background: url('/images/choose_language_btn.png') 0 0 no-repeat}
a.tour_btn, button.tour_btn {width: 150px; height: 34px; display: block; background: url('/images/take_the_tour_btn.png') 0 0 no-repeat}
a.big_tour_btn, button.big_tour_btn {width: 162px; height: 42px; display: block; background: url('/images/big_tour_btn.png') 0 0 no-repeat}
a.start_lesson_btn, button.start_lesson_btn {width: 162px; height: 42px; display: block; background: url('/images/start_lesson_btn.png') 0 0 no-repeat}
a.big_register_now_btn, button.big_register_now_btn {float: right; margin-top: 10px; width: 162px; height: 42px; display: block; background: url('/images/big_register_now_btn.png') 0 0 no-repeat}
a.continue_tour_btn, button.continue_tour_btn {width: 176px; height: 42px; display: block; background: url('/images/continue_tour_btn.png') 0 0 no-repeat}
a.sign_up_now_btn, button.sign_up_now_btn {width: 157px; height: 42px; display: block; background: url('/images/sign_up_now_btn.png') 0 0 no-repeat}