/**
 * Webosaurs main CSS file
 * 
 * Copyright and Trademark (c) 2009-2010 - ReelFX, Inc.
 */

body {
  font-family: Arial, Helvetica, FreeSans, Garuda, sans-serif;
  font-size: 100%;
  line-height: 1.125em;
  color: #111;
  background: #063322 url(../images/layout/background.jpg) no-repeat center top;
  min-width: 972px;
}
body#homepage { background: #150605 url(../images/layout/homepage.jpg) no-repeat center 47px; height: 100%; cursor: default; }

/* reset styles */
body, h1, h2, h3, h4, h5, p, form, ul, li { margin: 0; padding: 0; }

em { font-style: normal; font-weight: bold; }

img { border: 0; }

ul { list-style-type: none; }

h3.alt { font-size: 1.166em; margin-bottom: 1em; text-align: center; }

h4 { font-size: 1em; }

.help h3 { font-size: 1.166em; margin-top: 1em; }

/* misc global styles */
.throbber {
  background: url(../images/icons/throbber.gif) no-repeat center center;
  width: 16px;
  height: 16px;
}

.waiting {
  padding-right: 18px;
  background: url(../images/icons/throbber.gif) no-repeat right center;
  line-height: 16px;
}

.member_type { color: #E91010; }

.indent { margin-left: 3ex; }

.unstyled { list-style-type: none !important; }
.unstyled li { margin-bottom: .25em !important; }
.alpha { list-style-type: lower-alpha !important; }

.text_page p, .text_page ol li, .text_page ul li { margin-bottom: 1em; font-size: 1.083em; line-height: 1.6; }
dl.faq { font-size: 1.083em; }
.text_page ol, .text_page ul { margin: 1em 0; padding: 0; list-style-position: outside; }
.text_page ol li { margin-left: 0; }
.text_page ul { list-style-type: circle; list-style-position: inside; }

.text_page .terms_list { font-size: 1.166em; font-weight: bold; }
.text_page .terms_list li { font-size: 1em; }
.terms_list li h3 { font-size: 1em; }
.terms_list li p { font-size: 0.857em; font-weight: normal; }
.text_page .terms_list ol, .text_page .terms_list ul { font-size: .857em; font-weight: normal; margin-left: 3ex; }

.linked_dependable,
.dependable { display: none; }
.visible { display: block; }
.hidden { display: none; }

.big_sign {
  border-width: 2px;
  border-style: solid;
  padding: 5px;
  margin: 1em 0;
}

.big_sign h3 {
  margin-bottom: .5em;
  font-size: 1.25em;
}

.big_sign ul {
  list-style-type: disc;
  list-style-position: inside;
}

.error.big_sign {
  color: #b00;
  background-color: #fee;
  border-color: #a11;
}

.error.big_sign h3 {
  color: #a11;
}

.big_sign.notice {
  border-color: #3c3;
  background-color: #efe;
}

.big_sign.notice h3 {
  color: #3c3;
}

.nomargin { margin: 0 !important; }

.lipsum { color: #777; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clear {clear: both; }
.f_left  { float: left; }
.f_right { float: right; }
.center { text-align: center; }
.right { text-align: right; }

.fixed_text {
  font-weight: bold;
  color: #444;
  margin-bottom: 7px;
  padding-left: 3px;
  line-height: 27px;
  position: relative;
  top: -5px;
}

.fixed_text em {
  font-size: 1.166em;
  color: #282;
}

.terms_list li em,
.help li em {
  font-weight: normal;
  font-style: italic;
  text-decoration: underline;
}

#back-to-top { background: url(../images/buttons/back_to_top.png) no-repeat left top; width: 97px; height: 17px; }
#back-to-top:hover { background-position: right top; }

/* anchors */
a { color: #0040D8; text-decoration: none; }
a:hover { text-decoration: underline; }

/* buttons */
button.button { 
  background: transparent none repeat scroll 0%;
  border: 0 none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  cursor: pointer;
}
button.button span { display: none; }

button.submit { height: 31px; width: 183px; background: url(../images/buttons/btn_submit.png) no-repeat left top; }
button.submit:hover { background-position: left bottom; }
.pop_window button.submit { height: 30px; width: 168px; background-image: url(../images/buttons/btn_submit_black.png); }

button.btn_done { height: 31px; width: 141px; background: url(../images/buttons/btn_done.png) no-repeat left top; }
button.btn_done:hover { background-position: left bottom; }
.pop_window button.btn_done { height: 30px; width: 141px; background-image: url(../images/buttons/btn_done_black.png); }


button.login { height: 31px; width: 148px; background: url(../images/buttons/btn_login.png) no-repeat left top; }
button.login:hover { background-position: left bottom; }

button.btn_cc,
button.btn_paypal { width: 164px; height: 28px; background-image: url(../images/buttons/payment_buttons.png); background-repeat: no-repeat; }

button.btn_cc { background-position: left top; }
button.btn_paypal { background-position: left -35px; }

button.btn_cc:hover { background-position: right top; }
button.btn_paypal:hover { background-position: right -35px; }

button.btn_continue { height: 31px; width: 207px; background: url(../images/buttons/btn_continue.png) no-repeat left top; }
button.btn_continue:hover { background-position: left bottom; }
.pop_window button.btn_continue { height: 30px; width: 202px; background-image: url(../images/buttons/btn_continue_black.png); }


button.btn_buy { width: 104px; height: 31px; background: url(../images/buttons/btn_buy.png) no-repeat left top; }
button.btn_buy:hover { background-position: right top; }

button.btn_transfer { height: 20px; width: 117px; background: url(../images/buttons/btn_transfer.png) no-repeat left top; }
button.btn_transfer:hover { background-position: left bottom; }

dd.balance { position: relative; }
button#buy_coins { position: relative; vertical-align: middle; margin-left: 4px; margin-right: 4px; height: 20px; width: 122px; background: url(../images/buttons/coins_buttons.png) no-repeat right top; cursor: pointer; text-indent: -9999em; overflow: hidden; }
button#buy_coins:hover { background-position: right bottom; }
button#share_coins { position: absolute; top: 3px; height: 20px; width: 144px; background: url(../images/buttons/coins_buttons.png) no-repeat left top; cursor: pointer; text-indent: -9999em; overflow: hidden; }
button#share_coins:hover { background-position: left bottom; }

a.a_button { color: #000; }
a.a_button span { display: none; }

a.a_button.read_more {
  background: url(../images/buttons/btn_read_more.png) no-repeat left top;
  height: 24px;
  width: 140px;
  display: block;
}

a.a_button.check_directions {
  background: url(../images/buttons/btn_check_directions.png) no-repeat left top;
  height: 27px;
  width: 239px;
  display: block;
}

a.a_button.btn_get_membership {
  background: url(../images/buttons/btn_upgrade_membership.png) no-repeat left top;
  height: 132px;
  width: 270px;
  position: absolute;
  top: 0;
  right: 36px;
}
a.a_button.btn_get_membership:hover { background-position: left bottom; }

a.a_button.btn_adventure {
  background: url(../images/buttons/btn_begin.png) no-repeat left top;
  height: 30px;
  width: 412px;
  display: block;
  margin: 0 auto;
}

a.btn_cancel {
  background: url(../images/buttons/btn_delete_cancel.png) no-repeat right top;
  height: 31px;
  width: 182px;
  float: right;
}

ul.parent_actions_toc a.a_button { background: url(../images/buttons/parents_home_btns.png) no-repeat left top; width: 288px; height: 30px; float: left; }
ul.parent_actions_toc a.btn_privacy { background-position: left -40px; }
ul.parent_actions_toc a.btn_guide { background-position: left -80px; }
ul.parent_actions_toc a.btn_manage { background-position: left -120px; }

ul.parent_actions_toc a.btn_safety:hover { background-position: right top !important; }
ul.parent_actions_toc a.btn_privacy:hover { background-position: right -40px !important; }
ul.parent_actions_toc a.btn_guide:hover { background-position: right -80px !important; }
ul.parent_actions_toc a.btn_manage:hover { background-position: right -120px !important; }

a.a_button:hover { background-position: left bottom !important; }
a.btn_cancel:hover { background-position: right bottom !important; }

input#btn_delete_account {
  background: url(../images/buttons/btn_delete_cancel.png) no-repeat left top;
  height: 0px;
  padding-top: 31px;
  width: 298px;
  float: left;
  border: 0;
  overflow: hidden;
  cursor: pointer;
}

input#btn_delete_account:hover { background-position: left bottom !important; }

#cont_main {
  font-size:0.75em;
}
#homepage #cont_main { min-height: 788px; position: relative; }

#content_wrap {
  width: 926px;
  padding: 0 19px 12px 11px;
  margin: 0 auto;
  background: url(../images/layout/white_wrap.png) no-repeat left bottom;
  position: relative;
}
#content_wrap.art_shack_wrap { background-image: url(../images/layout/art_shack_wrap.png); }
#content_wrap.trans_wrap { background-image: url(../images/layout/trans_wrap.png); }
#content_wrap.trans_wcont { background-image: url(../images/layout/trans_wrap_wcont.png); height: 650px; }
#content_wrap.trans_login_cont { background-image: url(../images/layout/trans_wrap_login_cont.png); }

.trans_wcont #parents_playpen {
  margin: 0 38px;
  max-height: 425px;
  overflow-x: hidden;
  overflow-y: auto;
}

.trans_wcont #parents_playpen > form {
  min-height: 412px;
  background: url(../images/misc/rexxy_08.png) no-repeat scroll 510px 125px;
}

#content {
  width: 916px;
  padding: 5px;
  min-height: 300px;
  max-height: 661px;
  overflow-y: auto;
  position: relative;
}

#section_nav {
  padding: 10px;
  text-align: center;
}

#section_nav li {
  font-size: 1px;
  display: inline;
}

#section_nav a {
  color: #222;
  font-size: 11px;
  padding: 1px 5px;
  border-left: 1px solid #bbb;
}

#content_wrap.trans_wcont #section_nav a {
  color: #777;
  border-left-color: #333;
}

#section_nav .first a { border-left: 0 none; }

#account_nav {
  position: absolute;
  right: 20px;
  top: 11px;
  font-size: 11px;
}

#account_nav li { float: left; margin-left: 5px; }
#account_nav li:last-child { color: #777; }
#account_nav li:last-child a { color: #555; }

#content_wrap.trans_wcont #account_nav a { color: #999; }

/* header */
div#header {
  height: 36px;
  background: url(../images/layout/top_bar.png) no-repeat center top;
  position: relative;
  z-index: 9910;
}

div#header_wrap {
  height: 36px;
  width: 1021px;
  margin: 0 auto;
  position: relative;
  z-index: 9990;
}

div#logo {
  position: absolute;
  width: 153px;
  height: 73px;
  left: 0;
  top: 0;
  /*bottom: -51px;*/
  /*background: url(../images/layout/nav_sprites.png) no-repeat -151px 47px;*/
  z-index: 9999;
}

div#logo h1 {
  position: absolute;
  left: 0;
  top: 0;
  /*top: 11px;*/
  z-index: 10000;
}

div#logo h1 a {
  text-indent: -9999em;
  outline: 0 none;
  background: url(../images/layout/nav_sprites.png) no-repeat left top;
  width: 153px;
  height: 73px;
  display: block;
  overflow: hidden;
}
/*
body#homepage div#logo { background: url(../images/layout/nav_sprites.png) no-repeat -378px 0; bottom: 0; height: 3px; }
body#homepage div#logo h1 a { height: 0; }
*/
ul.nav {
  margin: 0;
  padding: 0;
  list-style-type: none;
  position: relative;
}

#header ul.nav {
  position: absolute;
  top: 0;
  left: 153px;
  height: 36px;
  width: 868px;
}
#header ul.nav li a{ overflow: hidden; }
/* body#homepage #header ul.nav { right: 120px; } */

ul.nav li { list-style-type: none; }

ul.nav li a {
  left: 0;
	text-indent: -9999em;
  width: 100%;
}

ul.nav li.current a { cursor: default; }
ul.nav li .effect { left: 0; width: 100%; }

ul.nav li,
ul.nav li a,
ul.nav li .effect {
  position: absolute;
  top: 0;
  margin: 0;
  padding: 0;
  height: 100%;
  color: #bbb; 
}

/* - titles - */
#tit_how_to_play { background: url(../images/titles/tit_how_to_play.png) no-repeat left top; overflow: hidden; padding-top: 21px; height: 0; margin: 0 0 5px 25px;  }
#tit_help_directions { background: url(../images/titles/tit_directions.png) no-repeat center top; overflow: hidden; padding-top: 27px; height: 0; }
#tit_site_map { background: url(../images/titles/tit_site_map.png) no-repeat center top; overflow: hidden; padding-top: 26px; height: 0; }

#tit_help_parents_guide { background: url(../images/titles/titles_short.png) no-repeat center -28px; padding-top: 26px; height: 0; }
#tit_player_safety { background: url(../images/titles/titles_short.png) no-repeat center -56px; padding-top: 26px; height: 0; }
#tit_privacy_policy { background: url(../images/titles/titles_short.png) no-repeat center -84px; padding-top: 26px; height: 0; }
#tit_help_support { background: url(../images/titles/titles_short.png) no-repeat center -112px; padding-top: 26px; height: 0; }
#tit_help_games_faq { background: url(../images/titles/titles_short.png) no-repeat center -140px; padding-top: 26px; height: 0; }
#tit_customer_care { background: url(../images/titles/titles_short.png) no-repeat center -168px; padding-top: 26px; height: 0; }
#tit_login { background: url(../images/titles/tit_solid_black.png) no-repeat center -64px; padding-top: 26px; height: 0; margin-top: 137px; }
#tit_login_customer_care { background: url(../images/titles/tit_solid_black.png) no-repeat center -95px; padding-top: 26px; height: 0; margin-top: 137px; }
#tit_buy_coins { background: url(../images/titles/titles_short.png) no-repeat center -224px; padding-top: 26px; height: 0; }
#tit_about_us { background: url(../images/titles/titles_short.png) no-repeat center -252px; padding-top: 26px; height: 0; }

#tit_confirmation { background: url(../images/titles/titles_mid.png) no-repeat center 0; padding-top: 26px; height: 0; }
#tit_parents_home { background: url(../images/titles/titles_mid.png) no-repeat center -28px; padding-top: 26px; height: 0; }
#tit_parents_wishlist { background: url(../images/titles/titles_mid.png) no-repeat center -56px; padding-top: 26px; height: 0; }
#tit_membership_monthly { background: url(../images/titles/titles_mid.png) no-repeat center -84px; padding-top: 26px; height: 0; }
#tit_help_tutorials_toc { background: url(../images/titles/titles_mid.png) no-repeat center -112px; padding-top: 26px; height: 0; }
#tit_help_terms { background: url(../images/titles/titles_mid.png) no-repeat center -140px; padding-top: 26px; height: 0; }
#tit_rules { background: url(../images/titles/titles_mid.png) no-repeat center -168px; padding-top: 26px; height: 0; }
#tit_get_membership { background: url(../images/titles/titles_mid.png) no-repeat center -192px; padding-top: 26px; height: 0; }
#tit_account_activation { background: url(../images/titles/titles_mid.png) no-repeat center -224px; padding-top: 26px; height: 0; }
#tit_change_password { background: url(../images/titles/titles_mid.png) no-repeat center -252px; padding-top: 26px; height: 0; }
#tit_forgotten_password { background: url(../images/titles/tit_solid_black.png) no-repeat center -130px; padding-top: 26px; height: 0; margin-top: 60px; margin-bottom: 4px; }
#tit_parents_settings { background: url(../images/titles/tit_solid_black.png) no-repeat center -32px; padding-top: 26px; height: 0; margin-top: 60px; margin-bottom: 4px; }
#tit_place_order { background: url(../images/titles/titles_mid.png) no-repeat center -336px; padding-top: 26px; height: 0; }

#tit_why_buy_membership { background: url(../images/titles/titles_large.png) no-repeat 158px 0px; padding-top: 26px; height: 0; position: relative; top: 6px;}
#tit_transaction_complete { background: url(../images/titles/titles_large.png) no-repeat center -28px; padding-top: 26px; height: 0; }
#tit_playpen { background: url(../images/titles/tit_solid_black.png) no-repeat center 0px; padding-top: 26px; height: 0; margin-top: 60px; }
#tit_help_faq { background: url(../images/titles/titles_large.png) no-repeat center -112px; padding-top: 26px; height: 0; }
#tit_questions { background: url(../images/titles/titles_large.png) no-repeat center -140px; padding-top: 26px; height: 0; }
#tit_help_shopping { background: url(../images/titles/titles_large.png) no-repeat center -168px; padding-top: 27px; height: 0; }
#tit_contact_thanks { background: url(../images/titles/titles_large.png) no-repeat center -196px; padding-top: 27px; height: 0; }
#tit_membership_six { background: url(../images/titles/titles_large.png) no-repeat center -224px; padding-top: 27px; height: 0; }
#tit_membership_twelve { background: url(../images/titles/titles_large.png) no-repeat center -252px; padding-top: 27px; height: 0; }

#tit_buy_membership_1 { background: url(../images/titles/tit_payment.png) no-repeat center 0; padding-top: 27px; height: 0; }
#tit_buy_membership_6 { background: url(../images/titles/tit_payment.png) no-repeat center -36px; padding-top: 27px; height: 0; }
#tit_buy_membership_12 { background: url(../images/titles/tit_payment.png) no-repeat center -72px; padding-top: 27px; height: 0; }

/* - status bar - */
#status_bar {
  position: absolute;
  top: 0;
  left: 50%;
  color: #333;
  background-color: #dfd;
  border: 1px solid #cec;
  padding: 3px 8px;
  font-size: 14px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  visibility: hidden;
  z-index: 4500;
}
#status_bar.error {
  color: #311;
  background-color: #fbb;
  border-color: #f99;
}
#status_bar.perpetual {
  padding: 3px 24px;
}

/* - images - */
.top_right { position: absolute; top: 45px; right: 10px; }
.bottom_left { position: absolute; bottom: 10px; left: 10px; }

/* - membership - */
#nav_membership { height: 36px; left: 227px; width: 169px; background: url(../images/layout/nav_sprites.png) no-repeat 0 -73px; }
#nav_membership .effect, #nav_membership a:hover, #nav_membership a:focus { background: url(../images/layout/nav_sprites.png) no-repeat 0 -109px; }
#nav_membership .mousedown, #nav_membership a:active { background-position: 0 -109px; }
#nav_membership.current a:link, #nav_membership.current a:visited { background: url(../images/layout/nav_sprites.png) no-repeat 0 -109px; }

/* - parents - */
#nav_parents { height: 36px; left: 97px; width: 130px; background: url(../images/layout/nav_sprites.png) no-repeat -153px -36px; }
#nav_parents .effect, #nav_parents a:hover, #nav_parents a:focus { background: url(../images/layout/nav_sprites.png) no-repeat -392px -73px; }
#nav_parents .mousedown, #nav_parents a:active { background-position: -392px -73px; }
#nav_parents.current a:link, #nav_parents.current a:visited { background: url(../images/layout/nav_sprites.png) no-repeat -392px -73px; }

/* - blog - */
#nav_blog { height: 36px; left: 0;  width: 97px; background: url(../images/layout/nav_sprites.png) no-repeat -153px 0px; }
#nav_blog .effect, #nav_blog a:hover, #nav_blog a:focus { background: url(../images/layout/nav_sprites.png) no-repeat -392px -109px; }
#nav_blog .mousedown, #nav_blog a:active { background-position: -392px -109px; }
#nav_blog.current a:link, #nav_blog.current a:visited { background: url(../images/layout/nav_sprites.png) no-repeat -392px -109px; }

/* - help - */
#nav_help { height: 36px; left: 396px; width: 108px; background: url(../images/layout/nav_sprites.png) no-repeat -283px -36px; }
#nav_help .effect, #nav_help a:hover, #nav_help a:focus { background: url(../images/layout/nav_sprites.png) no-repeat -392px -36px; }
#nav_help .mousedown, #nav_help a:active { background-position: -392px -36px; }
#nav_help.current a:link, #nav_help.current a:visited { background: url(../images/layout/nav_sprites.png) no-repeat -392px -36px; }

/* - forum - */
#nav_forum { height: 36px; left: 504px; width: 142px; background: url(../images/layout/nav_sprites.png) no-repeat -250px 0; }
#nav_forum .effect, #nav_forum a:hover, #nav_forum a:focus { background: url(../images/layout/nav_sprites.png) no-repeat -392px 0; }
#nav_forum .mousedown, #nav_forum a:active { background-position: -392px 0; }
#nav_forum.current a:link, #nav_forum.current a:visited { background: url(../images/layout/nav_sprites.png) no-repeat -392px 0; }

/* - explore - */
#nav_explore { height: 36px; left: 646px; width: 222px; background: url(../images/layout/nav_sprites.png) no-repeat -169px -73px; }
#nav_explore .effect, #nav_explore a:hover, #nav_explore a:focus { background: url(../images/layout/nav_sprites.png) no-repeat -169px -109px; }
#nav_explore .mousedown, #nav_explore a:active { background-position: -169px -109px; }
#nav_explore.current a:link, #nav_explore.current a:visited { background: url(../images/layout/nav_sprites.png) no-repeat -169px -109px; }

/* - homepage links - */
#home_links { width: 904px; margin: 0 auto; }
ul#home_links li .effect, ul#home_links li a:hover, ul#home_links li a:focus { background: url(../images/layout/home_links.png) no-repeat left top; }
ul#home_links li a { overflow: hidden; outline: 0 none; }

ul#home_links #home_nav_news { height: 75px; width: 80px; left: 71px; top: 300px; }
ul#home_links #home_nav_explore { height: 95px; width: 218px; left: 344px; top: 385px; }
ul#home_links #home_nav_video { height: 170px; width: 170px; left: 755px; top: 200px; }

ul#home_links #home_nav_news .effect, ul#home_links #home_nav_news a:hover, ul#home_links #home_nav_news a:focus,
ul#home_links #home_nav_news .mousedown, ul#home_links #home_nav_news a:active, ul#home_links #home_nav_news a:link, ul#home_links #home_nav_news a:visited { background-position: 6px 4px; }
ul#home_links #home_nav_explore .effect, ul#home_links #home_nav_explore a:hover, ul#home_links #home_nav_explore a:focus,
ul#home_links #home_nav_explore .mousedown, ul#home_links #home_nav_explore a:active, ul#home_links #home_nav_explore a:link, ul#home_links #home_nav_explore a:visited { background-position: 14px -72px; }
ul#home_links #home_nav_video .effect, ul#home_links #home_nav_video a:hover, ul#home_links #home_nav_video a:focus,
ul#home_links #home_nav_video .mousedown, ul#home_links #home_nav_video a:active, ul#home_links #home_nav_video a:link, ul#home_links #home_nav_video a:visited { background-position: -83px 118px; }

/* footer */
div#footer {
  width: 900px;
  position: absolute;
  left: 50%;
  bottom: 0;
  margin-left: -455px;
  text-align: center;
  color: #777;
  letter-spacing: 0;
}

div#footer ul.links {
  margin: 0;
  padding: 0;
}

div#footer ul.links li {
  display: inline;
  margin: 0 10px;
  font-weight: bold;
}

div#footer ul.links li a {
  text-decoration: none;
  color: #888;
}

div#footer ul.links li a:hover {
  text-decoration: underline;
  color: #919191;
}

div#footer p.copyright {
  font-size: .916em;
  margin: .75em 0;
  font-family: Tahoma, Arial, Helvetica, FreeSans, Garuda, sans-serif;
}

div#footer p.tagline {
  font-size: .916em;
  margin: 0 0 .75em;
  font-family: Tahoma, Arial, Helvetica, FreeSans, Garuda, sans-serif;
}

/* forms */
div.form_content {
  width: 500px;
  margin: 1em auto;
}

#parents_settings div.form_content {
  margin: 0 38px;
  padding: 0 167px;
  max-height: 436px;
  overflow-x: hidden;
  overflow-y: auto;
}
#parents_settings .mid_cont {
  width: auto;
}

#parents_login div.form_content { position: relative; left: 25px; top: 15px; width: 510px; }
#parents_login div.form_content label {width: 105px; }
#parents_login div.form_content .m_submit {margin-left: 110px; }
#parents_login div.form_content a { vertical-align: middle; }
#parents_login div.form_content br { clear: left; }

#membership_plan_p1 div.form_content,
#membership_plan_p6 div.form_content,
#membership_plan_p12 div.form_content { position: relative; left: 25px; top: 15px; width: 420px; }

.hidden_form, .hidden_form * { display: none; }

div.form_content p {
  margin-bottom: 1em;
}

div.form_content.with_columns {
  width: 820px;
}

div.with_columns .left_column {
  float: left;
  width: 400px;
}

div.with_columns .right_column {
  float: right;
  width: 400px;
}

p.submit {
  clear: both;
  text-align: right;
  margin: 1em 0;
}

form label {
  float: left;
  width: 150px;
  font-weight: bold;
  padding-right: 8px;
  color: #333;
}

form input.text,
form textarea,
form select {
  border: 1px solid #e9e9e9;
  margin-bottom: 7px;
  font-family: Arial, Helvetica, FreeSans, Garuda, sans-serif;
  font-size: 100%;
}

form input.text,
form textarea {
  width: 350px;
  padding: 2px 3px;
}

form select option { padding: 1px 6px 0 0; }

/*form .short { width: 233px !important; }*/
form .shorter { width: 233px !important; }
form .shortest { width: 133px !important; }
form .tiny { width: 5ex !important; }


form ul.payment_buttons { margin-left: 140px; margin-top: -1.4em; }
form ul.payment_buttons li { margin-bottom: 6px; }


form label.radio {
  display: inline;
  float: left;
  width: auto;
  font-size: 1em;
  font-weight: normal;
}

form label.radio input {
  vertical-align: middle;
  position: relative;
  top: 1px;
  margin: 1px 3px 4px 0;
  padding: 0;
}

form label.inline {
  float: none;
}

form label.inline input {
  position: relative;
  top: 1px;
  margin-left: 0;
}

.error { color: #e11; }
.warning { color: #f11; }
.safe { color: #070; }
span.error { font-family: Verdana, sans-serif; }
input.error, textarea.error { color: #111; }

button.cancel { color: #e00; height: 31px; margin-right: 4px; position: relative; top: 3px;  }
button.cancel:hover { text-decoration: underline; }

form input.error,
form textarea.error,
form select.error { border-color: #eaa; }

#receive_massmail { border: 0 none; }

div.pull_down {
  width: auto;
  height: 30px;
  margin-top: 1em;
}

div.pull_down .throbber,
div.pull_down .error,
div.pull_down select {
  float: left;
}

div.pull_down label {
  width: 133px;
  font-size: 1.083em;
  color: #444;
}

div.pull_down .throbber,
div.pull_down .error { margin-left: 8px; vertical-align: middle; }

p.m_submit { margin-left: 132px; padding-left: 4px; }
p.m_submit a.cancel { margin-left: 5px; position: relative; top: 3px; }

div.ajax_form { background-color: #ffe; border: 2px solid #ddd; padding: 10px; display: inline-block; }
div.ajax_form h2 { margin-bottom: .5em; position: static; width: auto; }

.bigger_contents a, .bigger_contents button { font-size: 1.166em; }
.bigger_contents button { font-weight: bold; float: left; }
.bigger_contents a.safe { position: relative; top: 1px; }

/* backgrounds */
#about_us { background: url(../images/misc/webosaurs_01.jpg) no-repeat center bottom; padding-bottom: 223px;  }
#help_support { background: url(../images/misc/stretch_01.jpg) no-repeat left bottom; padding-bottom: 230px; }
#membership_customer_care, #community_questions { background: url(../images/misc/stretch_03.jpg) no-repeat right bottom; padding-bottom: 10px; }
#help_tutorials_toc { background: url(../images/misc/horns_01b.jpg) no-repeat 38px bottom; padding-bottom: 40px; }
#sitemap { background: url(../images/misc/webosaurs_02.jpg) no-repeat right bottom; }

#parents_home { background: url(../images/misc/webosaurs_01.png) no-repeat center bottom; padding-bottom: 223px; }
#help_directions { background: url(../images/misc/webosaurs_03.jpg) no-repeat 500px bottom; padding-bottom: 128px; }
#parents_login { background: url(../images/misc/back_parents_login.jpg) no-repeat center bottom; padding-bottom: 0; padding-top: 0px; height: 397px; }
#parents_rules, #activate_account { background: url(../images/misc/webosaurs_02.jpg) no-repeat center bottom; padding-bottom: 310px; }
#parents_wishlist  { background: url(../images/misc/rexxy_02.png) no-repeat left 50px; padding-bottom: 25px; }
.warped #parents_wishlist { background-position: 0 0; padding-top: 40px; }

#membership_plan_p1 { background: url(../images/misc/membership_p1_back.jpg) no-repeat center bottom; padding-bottom: 160px; }
#membership_plan_p6 { background: url(../images/misc/membership_p6_back.jpg) no-repeat center bottom; padding-bottom: 150px; }
#membership_plan_p12 { background: url(../images/misc/membership_p12_back.jpg) no-repeat center bottom; padding-bottom: 160px; }
#membership_thanks { background: url(../images/misc/horns_03.jpg) no-repeat right bottom; padding-bottom: 100px; }

#why_buy_image { background: url(../images/misc/webo_why_buy.jpg) no-repeat center center; display: block; margin: 0 auto; width: 886px; height: 545px; margin-top: -20px; }
.warped #why_buy_image { margin-top: 0; }
#membership_why_buy p.submit { text-align: center; margin: 0 0 0 250px; }
#membership_why_buy p.submit a { display: block; margin: 0 auto; float: none; }

#parents_buy_coins { background: url(../images/misc/stretch_04.jpg) no-repeat right bottom; padding-bottom: 60px; }

#membership_confirm { background: url(../images/misc/transaction_page.jpg) no-repeat center bottom; padding-bottom: 100px; }
#error_404 { background: url(../images/misc/horns_404.jpg) no-repeat right bottom; padding-bottom: 120px; }

/* inner pages */
div.no_nav { padding-top: 10px; }
div#void_nav { height: 16px; }

h2 {
  text-align: center;
  font-size: 1.75em;
  line-height: 1.25;
  margin-bottom: 1.25em;
  overflow: hidden;
}
h2.warped { margin-bottom: 11px; margin-top: 5px; clear: both; }
h2.void_nav { margin-bottom: 3px; }

h3.section_title {
  font-size: 1.334em;
  margin: .5em 0;
  border-bottom: 2px solid #e8e8e8;
  padding: 0 2px;
}
#account_info h3.section_title { border-bottom-color: #bbb; }

#child_account_sel { min-width: 75px; }

.child_info {
  float: left;
  width: 56%;
}

.child_info dl {
  margin: 0 0 0 3px;
  padding: 0;
  font-size: 1.083em;
}

.child_info dt,
.child_info dd { float: left; margin: 0; padding: 0; line-height: 1.75; }

.child_info dd {float: none; margin-left: 133px; }
.child_info dt { clear: left; font-weight: bold; width: 133px; }

.wishlist_info {
  float: right;
  width: 42%;
}
.wishlist_info p.status,
.account_controls { font-size: 1.083em; margin-left: 3px; }

.manage_panel {
  clear: both;
  padding-top: 2em;
  width: 56%;
}

.manage_panel li {
  margin-bottom: .5em;
}

#status_bar span.close {
  position: absolute;
  top: 6px;
  right: 2px;
  width: 11px;
  height: 12px;
  background: url(../images/buttons/btn_close_small.png) no-repeat left top;
  cursor: pointer;
  overflow: hidden;
}

#status_bar span.close:hover { background-position: left bottom; }

.content { padding: 5px; }

#keep_in_touch {
  background: url(../images/misc/inquiry_thanks.jpg) no-repeat center top;
  margin: 1em 0;
  padding-top: 400px;
  text-align: center;
}

ul.membership_types {
  margin: 0 0 15px;
  height: 134px;
  padding-top: 328px;
  background: url(../images/misc/membership_types.jpg) no-repeat left top;
}

ul.membership_types li {
  margin-left: 26px;
  width: 270px;
  height: 133px;
  float: left;
  position: relative;
  cursor: pointer;
}

.membership_types li a {
  text-indent: -9999em;
  display: block;
  height: 133px;
  outline: 0 none;
}

.membership_types li .effect,
.membership_types li .parent {
  background: url(../images/misc/membership_types.jpg) no-repeat -26px -328px;
  height: 133px;
  cursor: pointer;
  overflow: hidden;
}
.membership_types li.six_month .parent {background-position: -322px -328px;}
.membership_types li.twelve_month .parent {background-position: -618px -328px;}

.membership_types li .effect { background: url(../images/layout/membership_plans.png) no-repeat 33px 9px; }
.membership_types li.six_month .effect {background-position: -263px 9px;}
.membership_types li.twelve_month .effect {background-position: -559px 9px;}

.membership_info_panel {
  clear: left;
  width: 650px;
  padding-left: 55px;
  margin-bottom: 1em;
}

.membership_info_panel h3 {
  font-size: 1.25em;
  margin-bottom: .5em;
}

.membership_info_panel p {
  margin-bottom: .5em;
}

#membership_price {
  width: 171px;
  height: 78px;
  margin: .1em auto;
  text-align: center;
  color: #f5f5f5;
  font: bold 24px/62px Georgia;
}

#membership_price { text-indent: -9999em; }

.generic_transaction { background: url(../images/layout/price_globe.png) no-repeat center top; text-indent: 0 !important; }
.membership_p1 { background: url(../images/layout/price_globes.jpg) no-repeat left top; }
.membership_p6 { background: url(../images/layout/price_globes.jpg) no-repeat left -100px; }
.membership_p12 { background: url(../images/layout/price_globes.jpg) no-repeat left -200px; }

#membership_price .symbol {
  vertical-align: middle;
  position: relative;
  top: 2px;
}

#membership_price em {
  font-size: 36px;
  vertical-align: middle;
}

#membership_price .text {
  line-height: 21px;
  padding-top: 17px;
}

.narrow_cont {
  width: 450px;
  margin: 0 auto;
}

.mid_narrow_cont {
  width: 500px;
  margin: 0 auto;
}

.mid_cont {
  width: 650px;
  margin: 0 auto;
}

.text_page .mid_cont {
  width: 750px;
  text-align: justify;
}

.wide_cont {
  width: 800px;
  margin: 0 auto;
}

.membership_confirmation_panel {
  background: url(../images/layout/white_alpha.png) repeat left top;
  padding: 10px;
  border: 2px solid #ccc;
  margin: 1em 0;
}

.membership_confirmation_panel p {
  text-align: center;
  font-size: .916em;
  margin: 1em 4em 0;
}

.membership_confirmation_panel dl { margin: 0; padding: 0; }
.membership_confirmation_panel dl dt { margin: 0; padding: 0; font-weight: bold; float: left; width: 133px; }
.membership_confirmation_panel dl dd { margin-left: 133px; }

ul.help_toc {
  font-size: 1.125em;
  line-height: 1.5;
  list-style-type: circle;
  list-style-position: inside;
  margin: 1em 0;
  text-transform: uppercase;
}

ul.help_toc a {
  color: #777;
  font-weight: bold;
  padding: 1px 3px;
}

ul.help_toc a:hover {
  background-color: #eee;
  color: #000;
  text-decoration: none;
}

ul.parent_actions_toc li {
  padding: .5em 0;
  height: 30px;
  clear: left;
}

ul.parent_actions_toc li div {
  margin: .6em 0 0 295px;
}

ul.indented { margin-left: 2em; }

#help_tutorials_toc ul.help_toc { position: relative; top: 15px; }

#parents_wishlist .mid_cont { position: relative; left: 40px; top: 20px; }
#parents_wishlist #buy_coins { position: relative; top: -5px; }

#activate_account p.center { margin: 2em 0; }
p.fix_margin { margin: 0 0 1em !important; font-size: 13px; }
p.buttons { height: 33px; }

#error_404 p { font-size: 14px; font-weight: bold; margin: 2em 0;  }
#error_404 p.soft { color: #111; margin-bottom: -1em;  }

dl.faq { padding: .25em 2px 1em 10px; margin: 0; }
dl.faq dt { margin: 2px 0 0; padding: 2px 14px; clear: left; color: #166099; cursor: pointer; background: url(../images/icons/faq_arrows.png) no-repeat 4px 8px; }
dl.faq dt:hover { text-decoration: underline; }
dl.faq dd { display: none; margin: 0; padding: 0; }

dl.faq dt.open { color: #f5f5f5; background-color: #166099; padding: 6px 14px; background-position: 4px -32px; font-weight: bold; }
dl.faq dd.open { display: block; padding: 7px 14px 12px; margin-top: 0; background: url(../images/layout/faq_grad.png) repeat-x left top; }
dl.faq dd.linked { display: block;  padding: 7px 14px 12px; }

h3.faq_section {
  margin: 0 10px 2px 10px;
  color: #009CE0;
  font-size: 18px;
}

div.faq_menu {
  float: left;
  width: 200px;
}

div.faq_menu ul {
  border: 1px solid #eee;
  background-color: #f8f8f8;
  padding: 10px 0;
}

div.faq_menu a {
  margin: 2px 0 0; padding: 2px 14px; clear: left; color: #166099; font-size: 1.25em;
}

div.faq_sections {
  float: right;
  width: 680px;
}

dl.faq dd ul { list-style-type: circle; list-style-position: inside; }

dl.faq img.faq_image { float: right; border: 1px solid #ccc; padding: 2px; }

dl.faq .wtf, .highlight_todo { background-color: #ff0; }

ul.features_list { margin: 1em 0; height: 280px; }
ul.features_list li { width: 250px; margin: 0 5px; float: left; height: 40px; text-align: center; position: relative; padding-top: 240px; }
ul.features_list li .thumbnail { position: absolute; bottom: 40px; left: 0; text-align: center; width: 250px; }

div.wishlist_cont {
  margin: 1em 0;
  overflow-x: hidden;
  overflow-y: auto;
  max-height: 370px;
  background: #fdfdfd url(../images/layout/wishlist_back.png) repeat-x left top;
  border: 2px solid #eee;
}

table.wishlist {
  width: 100%;
  border-collapse: collapse;
}

table.wishlist tbody td {
  padding: 5px;
}

table.wishlist tbody td.actions {
  text-align: right;
  width: 110px;
}

table.wishlist tbody td.price {
  width: 90px;
}

table.wishlist tbody td.thumbnail {
  width: 128px;
  height: 80px;
}

table.wishlist tbody td.thumbnail div {
  height: 82px;
  width: 126px;
  margin: 0 auto;
  background: url(../images/layout/thumb_back.png) no-repeat left top;
}

div#coins_meter {
  position: absolute;
  right: 100px;
  top: 58px;
  z-index: 2000;
}

div#coins_meter span.coins { font-size: 2.1em; font-weight: bold; line-height: 1.1; }
div#coins_meter a { position: relative; top: -2px; margin-left: .5ex; }

.coins { padding-left: 14px !important; background: url(../images/icons/coin_small.png) no-repeat left center; font-weight: bold; }
.coins a { font-weight: normal; }
div#coins_meter .coins { padding-left: 22px !important; background: url(../images/icons/coin_large.png) no-repeat left center;}

#parents_buy_coins p { font-size: 1.083em; margin-top: 1.5em; }
ul.coins_buy { margin: 1em 0; font-size: 1.166em; }
ul.coins_buy em { color: #e11; }

#prev_arrow,
#next_arrow {
  position: absolute;
  left: 50%;
  top: 50%;
  background: orange;
  z-index: 65000;
  overflow: hidden;
  background: url(../images/buttons/arrows_back_next.png) no-repeat left top;
  height: 43px;
  width: 88px;
  cursor: pointer;
}

#next_arrow { background-position: right top; } 

#prev_arrow:hover  { background-position: left -47px; } 
#next_arrow:hover  { background-position: right -47px; } 

#femto_close {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 29px;
  height: 30px;
  background: url(../images/buttons/btn_close_overlay.png) no-repeat left top;
  cursor: pointer;
  z-index: 65100;
}
#femto_close:hover { background-position: right bottom; }

#mnu_why_buy {
  float: left;
  width: 230px;
  padding-top: 66px;
  padding-left: 2px;
}

#mnu_why_buy li {
  float: left;
  display: block;
  width: 230px;
  padding-bottom: 2px;
  background: url(../images/layout/mnu_sep.png) no-repeat right bottom;
}

#mnu_why_buy li a {
  text-indent: -9999em;
  display: block;
  background: url(../images/buttons/membership_buy_menu.png) no-repeat left top;
  height: 55px;
}

#mnu_why_buy li a.selected,
#mnu_why_buy li a:hover {
  background-image: url(../images/buttons/membership_buy_menu_hover.png);
}

#mnu_why_buy li.members_cave a { background-position: 0 18px; height: 75px; }
#mnu_why_buy li.free_coins a { background-position: 0 -65px; }
#mnu_why_buy li.shield a { background-position: 0 -121px; }
#mnu_why_buy li.customizations a { background-position: 0 -178px; height: 75px; }
#mnu_why_buy li.downloadables a { background-position: 0 -255px; }
#mnu_why_buy li.member_pack a { background-position: 0 -311px; height: 75px; }
#mnu_why_buy li.playtime a { background-position: 0 -389px; height: 75px; }

#member_benefits {
  width: 642px;
  height: 491px;
  float: right;
  background: url(../images/layout/membership_why_back.jpg) no-repeat left top;
  margin-bottom: .5em;
  margin-right: 2px;
  margin-top: 64px;
}

#member_benefits div p { visibility: hidden; }
#member_benefits div { height: 491px; display: none; }
#member_benefits div.selected { display: block; }

#member_benefits #members_cave { background: url(../images/layout/membership_cave.jpg) no-repeat 103px 15px; }
#member_benefits #free_coins { background: url(../images/layout/membership_free_coins.jpg) no-repeat 82px 14px; }
#member_benefits #players_shield { background: url(../images/layout/membership_players_shield.jpg) no-repeat 86px 13px; }
#member_benefits #exclusive_customizations { background: url(../images/layout/membership_exclusive_customizations.jpg) no-repeat 25px 13px; }
#member_benefits #downloadables { background: url(../images/layout/membership_downloadables.jpg) no-repeat 18px 13px; }
#member_benefits #membership_pack { background: url(../images/layout/membership_membership_pack.jpg) no-repeat 21px 13px; }
#member_benefits #playtime { background: url(../images/layout/membership_playtime.jpg) no-repeat 40px 14px; }

.pop_window {
  background: url(../images/layout/pop_foot.png) no-repeat left bottom;
  padding-bottom: 23px;
}
.pop_window .pop_content {
  background: url(../images/layout/pop_top.png) no-repeat left top;
  padding: 24px 0 8px;
  min-height: 130px;
}

.pop_window #femto_close {
  top: 22px;
  right: 10px;
}

.pop_window p {
  margin-bottom: 0;
  text-align: center;
}

#transfer_coins_cont {
  background: url(../images/layout/share_coins_content.png) no-repeat center top;
  height: 269px;
  position: relative;
}

#transfer_coins_cont label {
  background: url(../images/icons/overlay_coin.png) no-repeat left top;
  width: 70px;
  height: 56px;
  position: absolute;
  top: 154px;
  left: 70px;
}

#transfer_coins_cont #share_coins_message,
#transfer_coins_cont #share_coins_coins {
  width: 182px;
  height: 25px;
  padding: 2px;
  color: #777;
  font-size: 20px;
  border: 0 none;
  position: absolute;
  top: 156px;
  left: 136px;
}

#transfer_coins_cont #share_coins_message {
  left: 134px;
  width: 625px;
  top: 233px;
}

#buy_coins_cont_1 {
  background: url(../images/layout/buy_coins_1.png) no-repeat center top;
  height: 166px;
  position: relative;
}

#buy_coins_cont_2 {
  background: url(../images/layout/buy_coins_2.png) no-repeat center top;
  position: relative;
  overflow: hidden;
}

#ty_share {
  background: url(../images/layout/ty_share.png) no-repeat center top;
  position: relative;
  overflow: hidden;
  height: 114px;
}

span.coins_mark_1,
span.coins_mark_2,
span.coins_mark_3,
span.coins_mark_4 {
  background: url(../images/icons/overlay_coin.png) no-repeat left top;
  width: 70px;
  height: 56px;
  position: absolute;
  top: 188px;
  left: 184px;
}
span.coins_mark_2 {top: 250px; }
span.coins_mark_3 {top: 312px; }
span.coins_mark_4 {top: 374px; }

span#coins_rad_1,
span#coins_rad_2,
span#coins_rad_3,
span#coins_rad_4 {
  width: 33px;
  height: 33px;
  position: absolute;
  top: 190px;
  left: 143px;
  cursor: pointer;
}
span#coins_rad_2 {top: 254px;}
span#coins_rad_3 {top: 316px;}
span#coins_rad_4 {top: 378px;}

span#coins_rad_1.selected,
span#coins_rad_2.selected,
span#coins_rad_3.selected,
span#coins_rad_4.selected { background: url(../images/icons/red_dot.png) no-repeat center 4px; }

ul.sitemap,
ul.sitemap ul {
  list-style-type: none;
  margin: 0;
  padding: 1em;
  font-size: 12px;
  line-height: 1.5;
}

ul.sitemap li {
  margin: 0 0 .25em;
  list-style-type: square;
  list-style-position: inside;
  color: #555;
  padding-left: 16px;
}

ul.sitemap li ul {
  padding: 0 1.5em;
  border-left: 3px solid #ddd;
  margin-left: 1px;
}

ul.sitemap li ul li { padding-left: 0; margin: 0; list-style-type: none; }
ul.sitemap li ul li a { border-left: 0 none; padding: 0; }

#cc_option {
  background: url(../images/icons/credit_cards.png) no-repeat 100px center;
  padding: 4px 176px 4px 0;
  margin:  0 0 -2px;
  position: relative;
  top: -4px;
}

#cc_option label {
  font-weight: bold;
  color: #444;
}

#pp_option { background: url(../images/icons/paypal_logo.png) no-repeat 16px 3px;}
#pp_option label { padding-right: 80px; }
#pp_option span { display: none; }

/** SPECIAL SEASON **/
.snowflakes #content { background: transparent url(../images/layout/snowflakes_promo.jpg) no-repeat 575px 0px; }

/*** new payment form ***/
.buckets_wrap {
  padding-bottom: 20px;
  background: url(../images/misc/buckets_deco.png) no-repeat right bottom;
  min-height: 300px;
}

#horns_peek {
  position: absolute;
  top: 155px;
  left: 0;
  width: 181px;
  height: 286px;
  background: url(../images/misc/horns_peek.png) no-repeat left top;
}

#frm_parent_login fieldset,
.payment_form fieldset {
  border: 0 none;
  padding: 25px 0 0;
  margin: 10px auto 15px;
}

.payment_form fieldset fieldset {
  padding: 0;
  margin: 0;
  min-height: 50px;
  float: left;
}

.payment_form fieldset#payment_top {
  height: 112px;
  width: 862px;
  background: url(../images/layout/payment_module_1.png) no-repeat left top;
}

.payment_form fieldset#payment_mid {
  height: 181px;
  width: 623px;
  background: url(../images/layout/payment_module_2.png) no-repeat left top;
}

.payment_form fieldset#payment_bot {
  padding-top: 18px;
  margin-left: 142px;
  height: 85px;
  width: 393px;
  background: url(../images/layout/payment_module_3.png) no-repeat left top;
}

#frm_parent_login fieldset label,
#frm_parent_login fieldset h3,
.payment_form fieldset small,
.payment_form fieldset label,
.payment_form fieldset h3 {
  text-transform: uppercase;
  font: normal 12px/1.5 Verdana, sans-serif;
}

#frm_parent_login fieldset h3,
.payment_form fieldset h3 {
  padding: 0 10px 0 50px;
  line-height: 1.33;
  margin-bottom: .5em;
}

#frm_parent_login fieldset h3 {
  font-size: 15px;
  padding: 0 40px;
  margin-bottom: .75em;
}

.payment_form fieldset small {
  font-size: 9px;
  padding-left: 30px;
  display: block;
  color: #444;
}

#frm_parent_login fieldset input.text,
.payment_form fieldset input.text {
  width: 130px;
  padding: 1px 2px;
  border-color: #222;
}
#frm_parent_login fieldset input.text {
  width: 170px;
}

#frm_parent_login fieldset label,
.payment_form fieldset label {
  width: 126px;
  padding-right: 2px;
  text-align: right;
}
#frm_parent_login fieldset label {
  font-size: 14px;
}

.payment_form fieldset fieldset.user_info {
  width: 269px;
}

.payment_form fieldset fieldset.payment_options {
  width: 334px;
}

.payment_form fieldset fieldset.payment_options h3,
.payment_form fieldset fieldset.payment_mode h3 {
  padding-left: 36px;
}

.payment_form fieldset fieldset label.radio {
  clear: left;
  text-align: left;
  padding-left: 32px;
  margin-top: 5px;
  margin-bottom: 0px;
}

.payment_form fieldset.col {
  width: 44%;
  padding-left: 4.1%;
  padding-top: 10px;
  float: left;
}

button.btn_payment_submit {
  margin-left: 50px;
  margin-bottom: 10px;
  width: 314px;
  height: 40px;
  background: url(../images/buttons/btn_payment_submit.png) no-repeat center top;
}

button.btn_payment_submit:focus,
button.btn_payment_submit:hover {
  background-position: left bottom;
}

#upgrade_packages a,
button.btn_payment_popup_submit span,
button.btn_payment_submit span {
  display: block;
  color: #fff;
  font: bold 21px Verdana, sans-serif;
  margin-top: -1px;
  text-align: center;
  text-shadow: 1px 1px #000;
}
button.btn_payment_submit span span {
  display: inline;
  margin: 0;
}

#upgrade_packages {
  margin-top: 20px;
}

#upgrade_packages li {
  float: left;
  width: 85px;
  margin: 0 5px 0 15px;
}

#upgrade_packages a {
  font-size: 19px;
  width: 85px;
  height: 30px;
  line-height: 30px;
  background: url(../images/buttons/payment_packages.png) no-repeat left top;
  text-shadow: none;
}

#upgrade_packages a:focus,
#upgrade_packages a:hover {
  text-decoration: none;
  background-position: left -35px;
}

#upgrade_packages .selected a,
#upgrade_packages .selected a:focus,
#upgrade_packages .selected a:hover {
  background-position: left bottom;
}

#upgrade_packages input { display: none; }
#upgrade_packages label { 
  padding: 5px 0 0;
  margin-top: 0;
  cursor: pointer;
  width: 100%;
  text-align: center;
}

#generic_text {
     margin-top: 60px;
     font-size: 16px;
}

#frm_parent_login {
  display: none;
}

#femtocontent #frm_parent_login {
  display: block;
}

#frm_parent_login fieldset {
  width: 356px;
  height: 225px;
  background: url(../images/layout/payment_popup_module.png) no-repeat left top;
}

button.btn_payment_popup_submit {
  margin-left: 100px;
  margin-top: 8px;
  width: 150px;
  height: 42px;
  background: url(../images/buttons/btn_payment_popup_submit.png) no-repeat center top;
}

#parents_login button.btn_payment_popup_submit {
  margin-left: 40px;
}

button.btn_payment_popup_submit:focus,
button.btn_payment_popup_submit:hover {
  background-position: left bottom;
}

button.btn_payment_popup_submit span {
  font-size: 23px;
  text-transform: uppercase;
}

#parents_settings .m_submit {
  margin: 0 0 -36px;
  position: relative;
  left: 330px;
  top: -66px;
}

#parents_settings .m_submit button { margin: 0; }

#parents_login label { text-align: right; }
#parents_login p.center { font-size: 14px; }
#parents_forgot_password p.center { font-size: 14px; }

div.tab-o-licius {
  position: absolute; 
  width: 139px;
  height: 49px;
  top: 92px;
  right: 105px;
}

#tab_customer_care { background: url(../images/layout/tab_customer_care.png) no-repeat left top; }
#tab_manage_accounts { background: url(../images/layout/tab_manage_accounts.png) no-repeat left top; }