﻿/* BUTTONS CSS */
/* LEFT NAVIGATION */
#left_nav ul {float: left; width: 188px;}
* html #left_nav ul {overflow: hidden;}
#left_nav ul li {float: left; display:block; width: 155px; min-height: 18px; padding: 6px 0 6px 15px; background: url('../images/nav/nav_li_bg.gif') no-repeat #F6F6F4 left bottom;}

#left_nav ul.profile {background: url('../images/nav/hd_profile.gif') no-repeat; padding: 55px 0 0 0; margin: 30px 0 0 -3px; }
#left_nav ul.competition {background: url('../images/nav/hd_thelivecompetition.gif') no-repeat; padding: 72px 0 0 0; margin: 22px 0 0 -5px;}
#left_nav ul.schools {background: url('../images/nav/hd_schoolsteachers.gif') no-repeat; padding: 67px 0 0 0; margin: 24px 0 0 -3px; }
#left_nav ul.playpractice {background: url('../images/nav/hd_playpractice.gif') no-repeat; padding: 67px 0 0 0; margin: 30px 0 0 -3px; }
#left_nav ul.playpractice_minibees {background: url('../images/nav/hd_minibees.gif') no-repeat; padding: 55px 0 0 0; margin: 35px 0 0 -3px;}
#left_nav ul.playpractice_aboutgames {background: url('../images/nav/hd_aboutgames.gif') no-repeat; padding: 55px 0 0 0; margin: 35px 0 0 -3px; }
#left_nav ul.championship {background: url('../images/nav/hd_spellingbeechampionship.gif') no-repeat; padding: 71px 0 0 0; margin: 21px 0 0 -3px; }
#left_nav ul.students {background: url('../images/nav/hd_studentsparents.gif') no-repeat; padding: 67px 0 0 0; margin: 24px 0 0 -3px; }
#left_nav ul.spellingbee {background: url('../images/nav/hd_thetimesspellingbee.gif') no-repeat; padding: 74px 0 0 0; margin: 21px 0 0 -3px; }
#left_nav ul.minibeesextra {background: url('../images/nav/mini_bees_extra_head.gif') no-repeat; padding: 57px 0 0 0; margin: 35px 0 0 -3px; }
#left_nav ul.brainbuzz {background: url('../images/nav/NavHead_BrainBuzz.gif') no-repeat; padding: 50px 0 0 0px; margin: 35px 0 0 -3px;}

#left_nav ul.profile li {margin: 0 20px 0 3px; }
#left_nav ul.competition li {margin: 0 20px 0 5px; }
#left_nav ul.schools li {margin: 0 20px 0 3px; }
#left_nav ul.playpractice li {margin: 0 20px 0 3px; }
#left_nav ul.playpractice_minibees li {margin: 0 20px 0 3px; }
#left_nav ul.playpractice_aboutgames li {margin: 0 20px 0 3px; }
#left_nav ul.championship li {margin: 0 20px 0 3px; }
#left_nav ul.students li {margin: 0 20px 0 3px; }
#left_nav ul.spellingbee li {margin: 0 20px 0 3px; }
#left_nav ul.minibeesextra li {margin: 0 20px 0 3px; }
#left_nav ul.brainbuzz li {margin: 0 20px 0 3px; }

#left_nav ul li a.menuItemSelected {text-decoration: underline}



/* BUTTONS LIGHT */
a.head_starttraining {float: left; background: url('../images/buttons/bu_starttraining_off_h.gif') no-repeat; width: 153px; height: 35px;}
a:hover.head_starttraining {float: left; background: url('../images/buttons/bu_starttraining_on_h.gif') no-repeat; width: 153px; height: 35px;}

a.btn_createaprofile {float: left; background: url('../images/buttons/bu_createaprofile_off.gif') no-repeat; width: 165px; height: 35px;}
a:hover.btn_createaprofile {float: left; background: url('../images/buttons/bu_createaprofile_on.gif') no-repeat; width: 165px; height: 35px;}

a.btn_createaprofile2 {float: left; background: url('../images/buttons/bu_createaprofile2_off.gif') no-repeat; width: 120px; height: 70px;}
a:hover.btn_createaprofile2 {float: left; background: url('../images/buttons/bu_createaprofile2_on.gif') no-repeat; width: 120px; height: 70px;}


a.btn_getinvolved {float: left; background: url('../images/buttons/bu_getinvolved_off.gif') no-repeat; width: 137px; height: 35px;}
a:hover.btn_getinvolved {float: left; background: url('../images/buttons/bu_getinvolved_on.gif') no-repeat; width: 137px; height: 35px;}

a.btn_activateschool {float: left; background: url('../images/buttons/bu_activateschool_off.gif') no-repeat; width: 169px; height: 35px;}
a:hover.btn_activateschool {float: left; background: url('../images/buttons/bu_activateschool_on.gif') no-repeat; width: 169px; height: 35px;}

a.btn_play {float: left; background: url('../images/buttons/bu_play_off.gif') no-repeat; width: 65px; height: 35px;}
a:hover.btn_play { background: url('../images/buttons/bu_play_on.gif') no-repeat; width: 65px; height: 35px;}

a.btn_find_more {float: left; background: url('../images/buttons/Button_FindOutMore.gif') no-repeat; width: 153px; height: 33px;}
a:hover.btn_find_more {float: left; background: url('../images/buttons/Button_FindOutMore_Hover.gif') no-repeat; width: 153px; height: 33px;}

a.btn_listenagain {float: left; background: url('../images/buttons/bu_listenagain_off.gif') no-repeat; width: 134px; height: 35px;}
a:hover.btn_listenagain {float: left; background: url('../images/buttons/bu_listenagain_on.gif') no-repeat; width: 134px; height: 35px;}

a.btn_login {float: left; background: url('../images/buttons/bu_login_off.gif') no-repeat; outline: 0; text-indent: -9999px; width: 78px; height: 35px;}
a:hover.btn_login {float: left; background: url('../images/buttons/bu_login_on.gif') no-repeat; width: 78px; height: 35px;}

input.btn_login {float: left; background: url('../images/buttons/bu_login_off.gif') no-repeat; width: 78px; height: 35px;}
input:hover.btn_login {float: left; background: url('../images/buttons/bu_login_on.gif') no-repeat; width: 78px; height: 35px;}

a.btn_next {float: left; background: url('../images/buttons/bu_next_off.gif') no-repeat; width: 69px; height: 35px;}
a:hover.btn_next {float: left; background: url('../images/buttons/bu_next_on.gif') no-repeat; width: 69px; height: 35px;}

a.btn_no {float: left; background: url('../images/buttons/bu_no_off.gif') no-repeat; width: 54px; height: 35px;}
a:hover.btn_no {float: left; background: url('../images/buttons/bu_no_on.gif') no-repeat; width: 54px; height: 35px;}

a.btn_yes {float: left; background: url('../images/buttons/bu_yes_off.gif') no-repeat; width: 56px; height: 35px;}
a:hover.btn_yes {float: left; background: url('../images/buttons/bu_yes_on.gif') no-repeat; width: 56px; height: 35px;}

a.btn_ok {float: left; background: url('../images/buttons/bu_ok_off.gif') no-repeat; width: 53px; height: 35px;}
a:hover.btn_ok {float: left; background: url('../images/buttons/bu_ok_on.gif') no-repeat; width: 53px; height: 35px;}

a.btn_previous {float: left; background: url('../images/buttons/bu_previous_off.gif') no-repeat; width: 105px; height: 35px;}
a:hover.btn_previous {float: left; background: url('../images/buttons/bu_previous_on.gif') no-repeat; width: 105px; height: 35px;}

a.btn_submit {float: left; background: url('../images/buttons/bu_submit_off.gif') no-repeat; width: 89px; height: 35px;}
a:hover.btn_submit {float: left; background: url('../images/buttons/bu_submit_on.gif') no-repeat; width: 89px; height: 35px;}

a.btn_submitanswer {float: left; background: url('../images/buttons/bu_submitanswer_off.gif') no-repeat; width: 116px; height: 67px;}
a:hover.btn_submitanswer {float: left; background: url('../images/buttons/bu_submitanswer_on.gif') no-repeat; width: 116px; height: 67px;}

a.btn_editavatar {float: left; background: url('../images/buttons/bu_editavatar_off.png') no-repeat; width: 98px; height: 65px; cursor:pointer;}
a:hover.btn_editavatar {float: left; background: url('../images/buttons/bu_editavatar_on.png') no-repeat; width: 98px; height: 65px; cursor:pointer;}

a.btn_editprofilebuddy {float: left; background: url('../images/buttons/bu_editprofilebuddy_off.gif') no-repeat; width: 145px; height: 67px; cursor:pointer;}
a:hover.btn_editprofilebuddy {float: left; background: url('../images/buttons/bu_editprofilebuddy_on.gif') no-repeat; width: 145px; height: 67px; cursor:pointer;}


a.btn_wordhelp {float: left; background: url('../images/buttons/bu_wordhelp_off.gif') no-repeat; width: 121px; height: 35px;}
a:hover.btn_wordhelp {float: left; background: url('../images/buttons/bu_wordhelp_on.gif') no-repeat; width: 121px; height: 35px;}

a.btn_savechanges {float: left; background: url('../images/buttons/bu_savechanges_off.gif') no-repeat; width: 145px; height: 35px;}
a:hover.btn_savechanges {float: left; background: url('../images/buttons/bu_savechanges_off.gif') no-repeat; width: 145px; height: 35px;}

a.btn_changepassword {float: left; background: url('../images/buttons/bu_changepassword_off.gif') no-repeat; width: 188px; height: 35px;}
a:hover.btn_changepassword {float: left; background: url('../images/buttons/bu_changepassword_on.gif') no-repeat; width: 188px; height: 35px;}

/* BUTTONS DARK */
a.head_createaprofile_d {float: left; background: url('../images/buttons/dark/bu_createaprofile_off.gif') no-repeat; width: 165px; height: 35px;}
a:hover.head_createaprofile_d {float: left; background: url('../images/buttons/dark/bu_createaprofile_on.gif') no-repeat; width: 165px; height: 35px;}

a.head_activateschool_d {float: left; background: url('../images/buttons/dark/bu_activateschool_off.gif') no-repeat; width: 171px; height: 35px;}
a:hover.head_activateschool_d {float: left; background: url('../images/buttons/dark/bu_activateschool_on.gif') no-repeat; width: 171px; height: 35px;}

a.head_getinvolved_d {float: left; background: url('../images/buttons/dark/bu_getinvolved_off.gif') no-repeat; width: 138px; height: 35px;}
a:hover.head_getinvolved_d {float: left; background: url('../images/buttons/dark/bu_getinvolved_on.gif') no-repeat; width: 138px; height: 35px;}

a.head_listenagain_d {float: left; background: url('../images/buttons/dark/bu_listenagain_off.gif') no-repeat; width: 134px; height: 35px;}
a:hover.head_listenagain_d {float: left; background: url('../images/buttons/dark/bu_listenagain_on.gif') no-repeat; width: 134px; height: 35px;}

a.head_login_d {float: left; background: url('../images/buttons/dark/bu_login_off.gif') no-repeat; width: 80px; height: 35px;}
a:hover.head_login_d {float: left; background: url('../images/buttons/dark/bu_login_on.gif') no-repeat; width: 80px; height: 35px;}

a.head_next_d {float: left; background: url('../images/buttons/dark/bu_next_off.gif') no-repeat; width: 70px; height: 35px;}
a:hover.head_next_d {float: left; background: url('../images/buttons/dark/bu_next_on.gif') no-repeat; width: 70px; height: 35px;}

a.head_no_d {float: left; background: url('../images/buttons/dark/bu_no_off.gif') no-repeat; width: 55px; height: 35px;}
a:hover.head_no_d {float: left; background: url('../images/buttons/dark/bu_no_on.gif') no-repeat; width: 55px; height: 35px;}

a.btn_ok_d {float: left; background: url('../images/buttons/dark/bu_ok_off.gif') no-repeat; width: 53px; height: 35px;}
a:hover.btn_ok_d {float: left; background: url('../images/buttons/dark/bu_ok_on.gif') no-repeat; width: 53px; height: 35px;}

a.btn_previous_d {float: left; background: url('../images/buttons/dark/bu_previous_off.gif') no-repeat; width: 105px; height: 35px;}
a:hover.btn_previous_d {float: left; background: url('../images/buttons/dark/bu_previous_on.gif') no-repeat; width: 105px; height: 35px;}

a.head_starttraining_d {float: left; background: url('../images/buttons/dark/bu_starttraining_off.gif') no-repeat; width: 153px; height: 35px;}
a:hover.head_starttraining_d {float: left; background: url('../images/buttons/dark/bu_starttraining_on.gif') no-repeat; width: 153px; height: 35px;}

a.head_submit_d {float: left; background: url('../images/buttons/dark/bu_submit_off_h.gif') no-repeat; width: 90px; height: 35px;}
a:hover.head_submit_d {float: left; background: url('../images/buttons/dark/bu_submit_on_h.gif') no-repeat; width: 90px; height: 35px;}

a.head_wordhelp_d {float: left; background: url('../images/buttons/dark/bu_wordhelp_off_h.gif') no-repeat; width: 123px; height: 35px;}
a:hover.head_wordhelp_d {float: left; background: url('../images/buttons/dark/bu_wordhelp_on_h.gif') no-repeat; width: 123px; height: 35px;}

a.btn_yes_d {float: left; background: url('../images/buttons/dark/bu_yes_off.gif') no-repeat; width: 56px; height: 35px;}
a:hover.btn_yes_d {float: left; background: url('../images/buttons/dark/bu_yes_on.gif') no-repeat; width: 56px; height: 35px;}

a.btn_submit_teams_d {float: left; background: url('../images/buttons/dark/bu_submitteams_off.gif') no-repeat; width: 146px; height: 35px; }
a:hover.btn_submit_teams_d {float: left; background: url('../images/buttons/dark/bu_submitteams_on.gif') no-repeat; width: 146px; height: 35px;}

a.btn_find_more_d {float: left; background: url('../images/buttons/dark/find_off.gif') no-repeat; width: 150px; height: 35px; }
a:hover.btn_find_more_d {float: left; background: url('../images/buttons/dark/find_on.gif') no-repeat; width: 150px; height: 35px;}

a.btn_wordlist_d {float: left; background: url('../images/buttons/dark/wordlist_off.gif') no-repeat; width: 175px; height: 35px; }
a:hover.btn_wordlist_d {float: left; background: url('../images/buttons/dark/wordlist_on.gif') no-repeat; width: 175px; height: 35px;}

a.btn_accept {float: left; background: url('../images/buttons/dark/bu_accept_off.gif') no-repeat; width: 87px; height: 35px;}
a:hover.btn_accept {float: left; background: url('../images/buttons/dark/bu_accept_on.gif') no-repeat; width: 87px; height: 35px;}

a.btn_decline {float: left; background: url('../images/buttons/dark/bu_decline_off.gif') no-repeat; width: 91px; height: 35px;}
a:hover.btn_decline {float: left; background: url('../images/buttons/dark/bu_decline_on.gif') no-repeat; width: 91px; height: 35px;}

a.btn_challengeagain {float: left; background: url('../images/buttons/dark/bu_challengeagain_off.gif') no-repeat; width: 123px; height: 24px;}
a:hover.btn_challengeagain {float: left; background: url('../images/buttons/dark/bu_challengeagain_on.gif') no-repeat; width: 123px; height: 24px;}

a.btn_challengenewopponent {float: left; background: url('../images/buttons/dark/bu_challengenewopponent_off.gif') no-repeat; width: 251px; height: 35px;}
a:hover.btn_challengenewopponent {float: left; background: url('../images/buttons/dark/bu_challengenewopponent_on.gif') no-repeat; width: 251px; height: 35px;}

a.btn_startchallenge {float: left; background: url('../images/buttons/dark/bu_startchallenge_off.gif') no-repeat; width: 169px; height: 35px;}
a:hover.btn_startchallenge {float: left; background: url('../images/buttons/dark/bu_startchallenge_on.gif') no-repeat; width: 169px; height: 35px;}

a.btn_editoptions {float: left; background: url('../images/buttons/dark/bu_editoptions_off.gif') no-repeat; width: 94px; height: 24px;}
a:hover.btn_editoptions {float: left; background: url('../images/buttons/dark/bu_editoptions_on.gif') no-repeat; width: 94px; height: 24px;}


a.btn_cancel {float: left; background: url('../images/buttons/dark/bu_cancel_off.gif') no-repeat; width: 91px; height: 35px;}
a:hover.btn_cancel {float: left; background: url('../images/buttons/dark/bu_cancel_on.gif') no-repeat; width: 91px; height: 35px;}

a.btn_start_challenge {float: left; background: url('../images/buttons/buttonStartChallenge.png') no-repeat 0 0; outline: 0; text-indent: -9999px; width: 167px; height: 33px;}
a:hover.btn_start_challenge {background-position: 0 bottom;}

a.btn_play_extra {float: left; background: url('../images/buttons/btn_play_now.gif') no-repeat 0 0; float: none; display: block; height: 35px; outline: 0; text-indent: -9999px; width: 167px;}
a:hover.btn_play_extra {background: url('../images/buttons/btn_play_now_over.gif') no-repeat 0 0;}

a.btn_play_now { background: url('../images/buttons/buttonPlayNow.png') no-repeat 0 0; float: right; display: block; height: 35px; outline: 0; text-indent: -9999px; width: 109px;}
a:hover.btn_play_now {background-position: 0 bottom;}

a.btn_play_now_left {float: left; background: url('../images/buttons/buttonPlayNow.png') no-repeat 0 0; display: block; height: 35px; outline: 0; text-indent: -9999px; width: 109px;}
a:hover.btn_play_now_left {background-position: 0 bottom;}

a.btn_chall_new {float: left; background: url('../images/buttons/buttonChallengeNew.png') no-repeat 0 0; float: left; display: block; height: 62px; outline: 0; text-indent: -9999px; width: 172px;}
a:hover.btn_chall_new {background-position: 0 bottom;}

a.btn_dont_again {float: left; background: url('../images/buttons/dontshowmeagain_btn.png') no-repeat 0 0; float: right; display: block; height: 50px; outline: 0; text-indent: -9999px; width: 159px;}
a:hover.btn_dont_again {background-position: 0 bottom;}

a.btn_play_other {float: left; background: url('../images/buttons/PLAY_OTHER_GAMES.gif') no-repeat 0 0; float: left; display: block; height: 35px; outline: 0; text-indent: -9999px; width: 174px;}
a:hover.btn_play_other {background: url('../images/buttons/PLAY_OTHER_GAMES_OVER.gif') no-repeat 0 0;}

a.btn_delete {background: url('../images/buttons/delete_btn.gif') no-repeat 0 0; display: block; float: right; height: 33px; margin: 0; padding: 0; width: 76px;}
a:hover.btn_delete {background-position: 0 bottom;}

a.btn_download_iphone_app { background: url('../images/buttons/btn_iphoneapp.gif') no-repeat 0 0; float: left; display: block; height: 56px; outline: 0; text-indent: -9999px; width: 208px;}
a:hover.btn_download_iphone_app {background-position: 0 bottom;}

a.btn_download_windows_mobile_app { background: url('../images/buttons/btn_windowsapp.gif') no-repeat 0 0; float: left; display: block; height: 56px; outline: 0; text-indent: -9999px; width: 327px;}
a:hover.btn_download_windows_mobile_app {background-position: 0 bottom;}

a.btn_windows_mobile_coming_soon { margin-left: 20px; background: url('../images/buttons/btn_windowsmobileapp_fade.gif') no-repeat 0 0; float: left; display: block; height: 56px; outline: 0; text-indent: -9999px; width: 309px;}
