/* TIMES ONLINE - SPELLING BEE CSS */

/* RANDOM CONTENT */
.info_block_outer { background:#f5f5f5; width:170px;padding:0px 0px 20px 0px;  }
.info_block {float: left; width: 140px; background: #f5f5f5; padding: 20px 15px;}
.info_block a {text-decoration: underline; color: #333; font-size: 12px;}
.info_block { font-weight:normal; }
.flash_date {float: left; width: 55px; height: 62px; background:url('../images/flash_date.gif') no-repeat #ccc;}
h2.engagingminds {background: url('../images/collins.jpg') no-repeat; width: 140px; height: 212px; }
#info_block_right {float: left; width: 170px;}
.errorcontent ul {float: left; width: 100%; font-size: 8pt; padding: 0 0 10px 0;}
.errorcontent ul li {float: left; width: 100%; color: #000;}
.errorcontent ul li span {float: left; background: url('../images/li_arrow.gif') no-repeat; width: 10px; height: 12px; margin: 2px 7px 0 0px;}

.leftdown {clear: left;} 
.time_slots {float: left; clear: left; width: 100%}
.time_slots li {float: left; margin: 0 0 20px 0}
.time_slots .lefty {float:left; width: 360px; padding: 0 20px 0 0;}
.time_slots .righty {background: #F5F5F5; float:left; width: 360px; overflow: hidden;}

.results_gallery .leftflipper {background: #333 url(../Content/Resources/Common/Images/Rankings/arrow_prev.gif) no-repeat 50% 50%; cursor: pointer; display: block; float: left; height: 231px; /*margin: 0 1px 0 0;*/ width: 16px;}
.results_gallery .rightflipper {background: #333 url(../Content/Resources/Common/Images/Rankings/arrow_next.gif) no-repeat 50% 50%; cursor: pointer; display: block; float: left; height: 231px;  /*margin: 0 0 0 1px;*/ width: 16px;}
.results_gallery .gallery_image { width: 328px; height: 231px; display: block; position: relative; overflow: hidden; float: left;}
.time_slots  ul.carousel {padding: 0px !important; margin: 0px; width: 1500px; position:absolute; left: 0px; top: 0px; display: block}
.time_slots .gallery_image .carousel li {height:231px; margin:0; padding:0; float:left; display:inline; width:328px;}
.time_slots .gallery_image .carousel li a {display: block;}

.photos { background: #F5F5F5; float:left; width: 320px; overflow: hidden; }
.photos  ul.carousel {padding: 0px !important; margin: 0px; width: 1500px; position:absolute; left: 0px; top: 0px; display: block}
.photos .gallery_image .carousel li {height:231px; margin:0; padding:0; float:left; display:inline; width:328px;}
.photos .gallery_image .carousel li a {display: block;}

#copyInfo { clear:both; font-weight:bold; }

.to_the_right {float: left; }
.to_the_right .boxy {overflow: hidden; width: 340px;}
.to_the_right iframe {clear: both;}

/* HOMEPAGE CSS */
#home_template {background: #fff; margin: 0 auto; width: 950px; min-height: 585px; padding: 0;}
#content_template {background: #fff; width: 990px; min-height: 585px; padding: 0 0 15px 0;}
#homepage_top { width: 950px; height: 350px; background: url('../images/home_top_bg.gif') no-repeat 50% bottom #fff; padding: 10px 0 10px 0;}
#home_template #home_flash_holder { float: left; width: 690px; height: 350px; background: #fff; position: relative;}
* html #home_template #home_flash_holder {overflow: hidden}
#home_template #home_flash_holder .overlay {position: absolute; left: 245px; top: 0px; width: 450px; padding-top: 10px; background-color: #FFF; display: none;}
#home_template #home_flash_holder .overlay .top {background: url('../images/bgTop.png') no-repeat top left #F9F9F7; width: 462px; height: 20px;}
#home_template #home_flash_holder .overlay .bottom {background: url('../images/bgBottom.jpg') no-repeat top left #F9F9F7; width: 462px; height: 20px;}
#home_template #home_flash_holder .overlay .content {background: url('../images/bgMiddle.png') repeat-y bottom left #F9F9F7; width: 412px; padding: 0 25px 10px; overflow: hidden;}
#home_template #home_flash_holder .overlay .content .left_col {float: left; width: 300px; height: 100px;}
#home_template #home_flash_holder .overlay .content .left_col h3 {margin-top: 15px; }
#home_template #home_flash_holder .overlay .content .right_col {float: left; width: 92px; margin-left: 20px;}
#home_template #home_flash_holder .overlay .content .btn_ok {float: right; display: block; width: 48px; height: 33px; background: url('../images/buttonOK.png') repeat-y top left #F9F9F7;}

#home_template #home_right_nav {float: right; width: 240px; padding: 8px 10px 0 0; }
#home_template #home_right_nav h2 {padding: 0 0 5px 20px;}
#home_template #home_right_nav .createprofile_nav {float: left; padding: 0 0 3px 18px; width: 200px;}
#home_template #home_right_nav .right_nav_mod {float: left; width: 240px; margin: 0 0 8px 0;  }
#home_template #home_right_nav .right_nav_mod img {float: left;}
#home_template #home_right_nav .right_nav_mod p {float: left; width: 172px; font-size: 8pt; padding: 0 0 0 2px; line-height: 16px; }

#home_template #homepage_bottom .home_messages {float: left; width: 930px; padding: 15px 30px 0px 30px; }
img.overlayRight{ margin-top:238px;position:absolute;right:-85px;z-index:100 }
img.overlayLeft{ margin-top:302px;position:absolute;right:954px;z-index:100 }

/* Home middle row */
#home_template #homepage_middle_new {float: left; width: 930px; padding: 0 10px 30px 10px; background: url('../images/home_middle_bg.gif') no-repeat bottom transparent;}

#homepage_middle_new a.promo_but {display: block; float: left; height: 146px; outline: 0; text-indent: -99999px;} /*The buttons below inherit from promo_but*/
#homepage_middle_new a.btn_winlap {background: #fff url('../images/home_buttons/winlaptop_off.gif') no-repeat 0 bottom;  margin: 0 13px 0 0; width: 170px;}
#homepage_middle_new a.btn_winlap:hover {background: #fff url('../images/home_buttons/winlaptop_on.gif') no-repeat 0 bottom;}
#homepage_middle_new a.btn_why_profile {background: #fff url('../images/home_buttons/findoutmore_off.gif') no-repeat bottom; margin: 0; width: 176px;}
#homepage_middle_new a.btn_why_profile:hover {background: #fff url('../images/home_buttons/findoutmore_on.gif') no-repeat bottom;}

/*promo */
#homepage_middle_new a.btn_promo {background: #fff url('../images/home_buttons/grandfinal2011promo.gif') no-repeat 0 top; margin: 21px 0 0 0; width: 176px; height:125px;}
#homepage_middle_new a.btn_promo:hover {background-position: 0 bottom;}

#homepage_middle_new a.btn_trainer {background: #fff url('../images/home_buttons/personaltrainer_off.gif') no-repeat bottom; margin: 0 11px 0 0; width: 170px;}
#homepage_middle_new a.btn_trainer:hover {background: #fff url('../images/home_buttons/personaltrainer_on.gif') no-repeat bottom;}
#homepage_middle_new a.btn_mini_launch {background: transparent url('../images/home_buttons/launchminibees_off.png') no-repeat bottom; display:block; margin: 0 0 0 10px; width: 188px; position:absolute; left: 190px;}
#homepage_middle_new a.btn_mini_launch:hover {background: transparent url('../images/home_buttons/launchminibees_on.png') no-repeat bottom;}
#homepage_middle_new a.btn_watch_vid {background: #fff url('../images/home_buttons/watchvideo_off.gif') no-repeat bottom; margin: 0; width: 170px;}
#homepage_middle_new a.btn_watch_vid:hover {background: #fff url('../images/home_buttons/watchvideo_on.gif') no-repeat bottom;}
/*#homepage_middle_new a.btn_facebook {display: block; float: left; background: url('../images/nowOnFacebookOff.jpg') no-repeat bottom  #fff; width: 170px; height: 128px; margin: 21px 12px 0 0;}
#homepage_middle_new a.btn_facebook:hover {background: url('../images/nowOnFacebookOver.jpg') no-repeat bottom  #fff;}
*/
#homepage_middle_new a.btnBrainBuzz{display: block; float: left; background: url('../images/home_buttons/brainBuzzPromo.jpg') no-repeat top #fff; width: 360px; height: 134px; margin: 11px 12px 0 0;}
#homepage_middle_new a.btnBrainBuzz:hover {background-position:0 -136px;}


#homepage_middle_new a.btn_mobileapps {height: 136px; margin-top: 14px; background: #fff url('../images/home_buttons/home_mobileapps.gif') no-repeat 0 0; outline: 0; text-indent: -9999px; width: 180px;}
#homepage_middle_new a.btn_mobileapps:hover {background-position: 0 bottom;}

#homepage_middle_new a.btn_desktop { height: 136px; margin-top: 14px; background: #fff url('../images/home_buttons/desktop_app_promo.jpg') no-repeat 0 0; outline: 0; text-indent: -9999px; width: 180px; }
#homepage_middle_new a.btn_desktop:hover {background-position: 0 bottom;}


#home_template #homepage_middle_new .col4 {float: right; border-left: 2px solid #EDEDED; width: 358px; padding: 0 0 0 10px; position:relative}
#home_template #homepage_middle_new .col4 a {float: left;}

#home_template #homepage_bottom_new {float: left; width: 930px; padding: 0 10px 15px 10px; }
#home_template #homepage_bottom_new .col1 {width: 558px; float: left;  border-right: 2px solid #EDEDED;}
#home_template #homepage_bottom_new .col1 .top_row {padding-bottom: 18px; background: url('../images/dividerSmall.jpg') no-repeat bottom  #fff; height: 200px;}
*html #home_template #homepage_bottom_new .col1 .top_row {height: 225px; padding-bottom: 0px;}
*html #home_template #homepage_bottom_new .col1 .top_row {}
#home_template #homepage_bottom_new .col1  h2{ position: absolute; top: 37px }
#home_template #homepage_bottom_new .col1  h3{ position: absolute; top: 17px }
#home_template #homepage_bottom_new .col1 .left_col {width: 360px; float: left; position: relative;}
#home_template #homepage_bottom_new .col1 .left_col .schools_so_far {position: static; float: right;}
#home_template #homepage_bottom_new .col1 .left_col .copy {clear: left; margin-top: 62px;}
#home_template #homepage_bottom_new a.team_submit {display: block; float: left; background: url('../images/submit_team_off.gif') no-repeat bottom  #fff; width: 136px; height: 35px;}
#home_template #homepage_bottom_new a.team_submit:hover {background: url('../images/submit_team_on.gif') no-repeat bottom  #fff;}
#home_template #homepage_bottom_new .col1 .left_col a.btn_signup_school {display: block; float: left; background: url('../images/buttonSignUpOff.gif') no-repeat bottom  #fff; width: 162px; height: 33px;}
#home_template #homepage_bottom_new .col1 .left_col a.btn_signup_school:hover {background: url('../images/buttonSignUpOver.gif') no-repeat bottom  #fff;}

#home_template #homepage_bottom_new .col1 .right_col {width: 180px; float: left; margin: 0px 0 0 18px; position: relative;}
#home_template #homepage_bottom_new .col1 .right_col .copy {margin: 62px 8px 10px 0; clear: left;}
#home_template #homepage_bottom_new .col1 .right_col .flash_date {margin-right: 8px;}
#home_template #homepage_bottom_new .col1 .right_col .eventdate_holder {margin-bottom: 7px; clear: both; overflow: hidden; width: 160px;}


#home_template #homepage_bottom_new .col2 {width: 370px; float: left; position: relative;}
#home_template #homepage_bottom_new .col2 .lexidiv {position:absolute; left: 2px; top: 5px;}
#home_template #homepage_bottom_new .col2 .top_row {padding: 0 25px 0 100px;}



#home_template #homepage_bottom_new .col2 .with_btm_border {clear: both; border-bottom: 1px dashed #EDEDED; padding: 7px 0; color: #888}
#home_template #homepage_bottom_new .col2 span.item {color: #333333; text-decoration: underline;}
#home_template #homepage_bottom_new .col2 a {color: #333333;}

.twitter_box {display: none; padding: 5px 0 0 100px; position:relative; z-index: 100; zoom:1 }
* html .twitter_box {padding-bottom: 1px;}
.twitterHeader {margin-bottom: 10px; height: 40px; padding-left: 100px; zoom:1 }
.twitterHeader h3 {margin: 17px 0 12px 0;}
* html .twitterHeader h3 {margin: 17px 0 6px 0;}
.twitterHeader a {display:block; float:right; margin: 17px 7px 0 0; width: 150px; zoom:1; text-align:right; }
.tweets { padding-bottom: 20px; width: 270px; z-index: 500; position:relative;  zoom:1  }
.twitterBirds { zoom:1; position: absolute; z-index: 200; bottom: 0px; left: 65px; width: 330px; height: 44px; background: url('../images/twitterBirds.jpg') no-repeat left bottom; }

#tweet_markup {width: 262px; min-height: 40px; padding: 10px 0 7px 0; color: #888; background: url('../images/tweet_bubble_top.gif') no-repeat left top transparent;}
#tweet_markup .innerTweet {padding: 0 10px 5px 15px; margin-top: 0; background: url('../images/tweet_bubble_bottom.gif') no-repeat left bottom transparent;}

#home_template #homepage_bottom_new .col2 .twitter_box_error {display: none;}

#home_template #homepage_bottom .home_messages .message1 img {float: left; }
#home_template #homepage_bottom .home_messages .message1 div {float: left; width: 345px; }
#home_template #homepage_bottom .home_messages .message1 div p {float: left; width: 100%; font-size: 12px; margin: 0 0 0 10px; font-style: italic; }
#home_template #homepage_bottom .home_messages .message1 div span {float: left; width: 100%; padding: 5px 0 0 10px;}

#home_template #homepage_bottom .home_messages .message2 {float: right; width:460px;  }
#home_template #homepage_bottom .home_messages .message2 img {float: left; }
#home_template #homepage_bottom .home_messages .message2 div {float: left; width: 340px; }
#home_template #homepage_bottom .home_messages .message2 div p {float: left; width: 100%; font-size: 12px; margin: 0 0 0 10px; font-style: italic; }
#home_template #homepage_bottom .home_messages .message2 div span {float: left; width: 100%; padding: 5px 0 0 10px;}

#home_template #homepage_bottom .home_messages .message3 {float: left; width:170px; padding-left: 10px; }
#home_template #homepage_bottom .home_messages .message3 img {float: left; }
*html #home_template #homepage_bottom .home_messages .message2 div span, *html #home_template #homepage_bottom .home_messages .message1 div span 
{padding: 5px 0 0 20px; }

/* CONTENT PAGES BASIC */
#content_container {float: left; width: 740px; padding: 35px 28px 0 0; font-size: 12px;position: relative;}
* html #content_container {padding-right:0px;}
#content_container_profile {float: left; width: 750px; margin: 35px 20px 0 0; font-size: 12px;}
* html #content_container_profile {float: left; width: 750px; margin: 35px 0px 0 0; font-size: 12px;}
#register, #profile, #calendar, #editorial, #stats  {float: left; width: 740px; padding: 0 0 10px 0px;}
#content_container ul {padding: 8px 0;}
#content_container p {font-size: 12px;}
#content_container a {color: #666;}
#content_container a:hover {color: #333;}

/* REGISTRATION CONTENT */
#register .register_container {float: left; width: 100%;}
#register h1 {float: left; margin: 0 0 20px 0; clear: both;}
#register h4 {margin: 10px 0;}
#register h1.register {float: left; width: 80px; margin: 0 0 20px 0;}
#register .reg_process {float: left;  width: 100%; }
#register .reg_process span {float: left; margin: 3px 0 0 13px; font-size: 11pt; font-weight: bold;}
#register p {padding: 0 0 8px 0;}
#register #reg_login {float: left; width: 370px;}
#register #reg_login a.create_profile_btn {background:#F9F9F7 url(../images/bu_createaprofile_off.gif) repeat-y scroll left top; display:block; float:left; height:35px; width:164px; cursor: pointer; margin-top: 10px;}
#register #reg_login a.create_profile_btn:hover {background:#F9F9F7 url(../images/bu_createaprofile_on.gif) repeat-y scroll left top; display:block; float:left; height:35px; width:164px; cursor: pointer; margin-top: 10px;}
#register #reg_signup {float: left; width: 340px; background: #f5f5f5; padding: 5px 15px 20px 15px; }
#register #reg_signup_nobg {float: left; width: 340px; padding: 5px 15px 20px 15px; }


#register label, .form_section label {float: left; font-size: 9pt; width: 100%;}
#register input, .form_section input {float: left; height: 16px; #height: 16px; padding: 2px; color: #666; border: 1px solid #dbdfe6; }
#submitButton input { width: 78px; height: 35px; padding:0px; border:0px; cursor:pointer; }
#register select {border: 1px solid #dbdfe6; #height:22px; padding: 1px;}
#register img.btn {margin: 6px 0 10px 0;}
#register .textfield_mod, .form_section .textfield_mod {float: left; width: 100%; margin: 0 0 3px 0;}
#register .textfield_mod .security {float: left; padding: 0 0 0 22px;}
#register .textfield_mod .promt {float: left; padding: 5px 0 0 22px; font-size: 7pt; line-height: 12px;}
#register .textfield_mod .selectboxes {float: left; margin: 0 14px 0 0; }
#register .textfield_mod .selectboxes select {width: 63px; color: #666; }
#register .textfield_mod .selectboxes select.school {float: left; width: 240px;}
#register .textfield_mod span.radiolabel {float: left; width: 200px; padding: 0 0 1px 5px;}
#register .textfield_mod span.label {float: left; font-size: 11pt; font-weight: bold; width: 100%;}
#register .textfield_mod .inlinecheck {float: left; padding:3px 8px 3px 0; position: relative; left: -3px; #left: -7px;}
#register .textfield_mod .inlinecheck2 {float: left; padding:3px 3px 3px 0;}
#register  .formcontent {float: left; border: 1px solid red;}
#register .textfield_double {float: left; width: 100%; margin: 0 0 3px 0;}
#register .textfield_double .textfield_mod {float: left; width: auto; margin: 0 3px 0 0;}
#register .textfield, .form_section .textfield {float: left; background: url('../images/textfield_bg.gif') repeat-x; height: 33px; padding: 6px 0 0 0; margin: 2px 0 0 0;}
#register .textfield .addlong {width: 244px;}
#register .textfield .addlongcounty {width: 150px; #width: 155px;}
#register .textfieldcheck { float: left; background: url('../images/tick_bg.gif') no-repeat; width: 24px; height: 24px; font-size: 8pt;}
#register .textfieldcheck .checkbox input{ margin:0; padding:1px; border:0px; width:13px; height:13px; position: relative; top: 6px; left: 6px; }
#register .checklabel {float: left; width: 320px; margin: 4px 0 0 10px; }
#register .textfieldradio {float: left; background: url('../images/textfield_bg.gif') repeat-x; height: 33px; padding: 6px 0 0 0; margin: 2px 0 0 0;}
#register .textfieldradio input{border: 0px; margin:0px 3px 0px 3px;}
#register .textfieldradio label{width:auto; }
#register .normallabel label {width: auto;}
#register span.textfield_l, .form_section span.textfield_l {float: left; background: url('../images/textfield_l.gif') no-repeat; width: 6px; height:33px; margin: 2px 0 0 0;}
#register span.textfield_r, .form_section span.textfield_r {float: left; background: url('../images/textfield_r.gif') no-repeat; width: 5px; height:33px; margin: 2px 0 0 0;}
#register .reg_section_content {float: left; width: 740px; border-top: 2px solid #f2f2f2; padding: 6px 0 3px 0; margin: 0 0 3px 0;}
#register .reg_section_content label, #register .user_profile_content label{font-size: 10pt; font-weight: bold; padding: 0 0 3px 0;}
#register .reg_section_content label.extrapad {padding: 0 0 15px 0;}
#register .reg_section_content .description {float: left; width: 190px; }
#register .reg_section_content .form_content {float: left; width: 380px;  }
#register .reg_section_content .form_content p {float: left; width:350px; padding: 0 30px 8px 0; font-size: 8pt;}
#register .reg_section_content .help_guide {float: left; width: 140px; background: #f5f5f5; padding: 15px;   }
#register .reg_section_content .help_guide p.perror {float: left; padding: 0 0 5px 0; line-height: 12px;}
#register .reg_section_content .help_guide_school {float: left; width: 140px; background: #f5f5f5; padding: 15px;  }
#register .reg_section_content input.personal {width: 235px;}
#register .register_nav {float: left; text-align: left; width: 700px; background: #f5f5f5; padding: 20px; margin-top: 10px;}
#register .register_nav img {float: right;}
#register .reg_forgot_password label{font-weight: bold;}
#register .reg_forgot_password input {height:auto;}

/* PROFILE CONTENT */
#profile .profile_content {float: left; width: 460px;}
#profile .profile_content .notifications, .new_students {float: left; width: 430px; padding: 15px; background: #f5f5f5; margin: 0 0 20px 0; }
#profile .profile_content .notifications ul {float: left; width: 100%; border-top: 2px solid #ededed; padding: 10px 0 0 0;}
#profile .profile_content .notifications li {display: inline; padding: 0 40px 0 0;}
#profile .profile_content .new_students table {float: left; width: 100%; border-top: 2px solid #ededed; background: #fff;}
#profile .profile_content .new_students table td {border-bottom: 2px solid #ededed; padding: 3px 7px;}
#profile .profile_content .new_students table span.arrow {float: left; background:url('../images/li_arrow.gif') no-repeat; width: 10px; height: 12px; position: relative; top: 2px; padding-right: 6px;}
#profile .profile_content .requests {float: left; width: 430px; background: #efefef; margin: -32px 0 0 0; padding: 0 15px 5px 15px;}

#profile_myprofile {float: left; width: 750px;  }
#profile_myprofile .profile_content {float: left; width: 460px; }
#profile_myprofile .editavatar, .editdetails {float: left; width: 430px; padding: 15px; background: #f5f5f5; margin-bottom: 1px;}
#profile_myprofile .savechanges {float: left; width: 430px; padding: 15px; background: #ececec; margin-top: -1px;}
#profile_myprofile .editavatar .flash_edit_avatar {float: left; width:270px; height:150px; background: #ccc; margin: 0 13px 0 0 ; }
#profile_myprofile .editavatar .edit_btn {float: left; background: url('../images/edit_avatar_bg.gif') no-repeat; width:145px; height: 108px; padding: 42px 0 0 0px; }
#profile_myprofile .editdetails .textfield_mod {float: left; width: 100%; margin: 0 0 3px 0;}
#profile_myprofile .editdetails .textfield_mod .security {float: left; padding: 0 0 0 22px;}
#profile_myprofile .editdetails .textfield_mod .promt {float: left; padding: 5px 0 0 22px; font-size: 7pt; line-height: 12px;}
#profile_myprofile .editdetails .textfield_mod .selectboxes {float: left; margin: 0 14px 0 0; }
#profile_myprofile .editdetails .textfield_mod .selectboxes select {width: 63px; color: #666; }
#profile_myprofile .editdetails .textfield_mod .selectboxes select.school {float: left; width: 240px;}
#profile_myprofile .editdetails .textfield_mod .changepass {float: left; margin: 0 0 0 15px;}
#profile_myprofile .editdetails .textfield {float: left; background: url('../images/textfield_bg.gif') repeat-x; height: 33px; padding: 6px 0 0 0; margin: 2px 0 0 0;}
#profile_myprofile .editdetails span.textfield_l {float: left; background: url('../images/textfield_l.gif') no-repeat; width: 6px; height:33px; margin: 2px 0 0 0;}
#profile_myprofile .editdetails span.textfield_r {float: left; background: url('../images/textfield_r.gif') no-repeat; width: 5px; height:33px; margin: 2px 0 0 0;}
#profile_myprofile .editdetails input {float: left; height: 16px; #height: 14px; padding: 2px; color: #666;}
#profile_myprofile .editdetails input.editprofileinput {width:205px;}

#profile_myprofile .textfield .addlong {width: 244px;}
.updated {position: relative; left: 30px;}
#profile_myprofile .profile_content .profile_flash, .profile_score, .last_award, .profile_msg 
{float: left; width: 440px; padding: 10px; background: #f5f5f5; margin: 0 0 20px 0;}
#edit_profile table{float: left; }
#edit_profile table td {padding: 2px;}
#edit_profile label {float: right; font-weight: bold; color: #333; padding: 0 10px 0 0;}
#edit_profile input {float: left;}
.profile_msg { background-color: #f5f5f5; padding: 10px 10px 10px 10px; border: solid 1px black; }

.notification_editoptions { float:left; padding-left: 10px }
.notification_wrapper table .results {border:0; background: #F4F2DD;}
.notification_wrapper table.results th {color:#666; font-size: 12px; height: 20px;}
.notification_wrapper table.results tr {height: 30px;}
.notification_wrapper table.results td {height: 30px;}
#content_container .notification_wrapper a {color: #333;}

#profile_right {float: left; width: 260px; margin-left: 20px;}
#profile_right .right_help {float: left; width: 230px; padding: 15px; background: #f5f5f5; margin: 10px 0 0 0; }
#classroom_games {float: right; width: 230px; padding: 15px; background: #f5f5f5; }
#classroom_games .right_nav_mod {float: left; width: 240px; margin: 0 0 8px 0;  }
#classroom_games .right_nav_mod img {float: left;}
#classroom_games .right_nav_mod p {float: left; width: 160px; font-size: 8pt; padding: 0 0 0 2px; line-height: 16px; }

#training_area {width: 740px; clear:left;}

/* GAME SELECTION CONTROL */
.game_selection {}
.game_selection .game { position:relative;}
.game_selection .left_content {margin: -20px 0 0 -15px; width: 550px; float:left; padding: 0 10px 0 17px; background: url('../images/gameselection/brain-buzz-logo.jpg') no-repeat 0 0;}
.game_selection .brainBuzzIntro {width: 360px; float:right; margin: 45px 0 30px 0;}
.game_selection .brainBuzzGame { float:left;  background: url('../images/gameselection/panel-brain-buzz-games.gif') no-repeat 0 0; width: 275px; height: 230px;}
.game_selection .familyBattleGame { float:left; background: url('../images/gameselection/panel-family-battle-game.gif') no-repeat 0 0; width: 275px; height: 230px;}
.game_selection .miniBeesGame {background: url('../images/gameselection/panel-mini-bees-game.jpg') no-repeat 0 0; width: 550px; height: 171px;}
.game_selection .spellingBeeGame { float:left; background: url('../images/gameselection/panel-spelling-bee-game.jpg') no-repeat 0 0; width: 275px; height: 230px;}
.game_selection .spellingChallengeGame { float:left; background: url('../images/gameselection/panel-spelling-challenge-game.jpg') no-repeat 0 0; width: 275px; height: 230px;}
.game_selection .personalTrainerGame { float:left; background: url('../images/gameselection/panel-personal-trainer-game.jpg') no-repeat 0 0; width: 275px; height: 251px;}
.game_selection .headToHeadGame { float:left; background: url('../images/gameselection/panel-head-to-head-game.jpg') no-repeat 0 0; width: 275px; height: 251px;}
.game_selection .wordWorkoutGame {background: url('../images/gameselection/panel-word-workout-game.jpg') no-repeat 0 0; width: 550px; height: 171px;}
.game_selection .multipleChoiceGame {background: url('../images/gameselection/panel-multiple-choice-game.jpg') no-repeat 0 0; width: 550px; height: 171px;}

.game_selection .game_play {background: url('../images/gameselection/play-box-bg.gif') no-repeat; width: 178px; height: 52px; position:absolute; bottom: 45px; right: 25px; }
.game_selection .game_play .btn_play {float:right; margin: 9px 10px 0 0}
.game_selection .game_play p {margin: 9px 0 0 10px; width: 80px; float:left;}

.game_selection .game_text { top: 0px; width: 180px; margin: 70px 0 0 75px;}

.game_selection .miniBeesGame .game_text,
.game_selection .wordWorkoutGame .game_text,
.game_selection .multipleChoiceGame .game_text { width: 275px; margin: 75px 0 0 73px; }

.game_selection .right_content {width: 170px; float:right;}

.game_text2 {position:relative; margin-left: 84px; top: -28px; width: 330px;}
.game_play2 {position:relative; top: -25px; padding: 10px; float:left; display:inline; width: 159px; height:31px; clear:left; margin-left: 84px;  }
.game_play2 p {margin:0px;padding:0px; width:80px;}
.game_play2 p span {font-weight: bold; font-size: 1.2em;}
.game_play2 .btn_play{float:right;}
.game_play_on_white2 { top: -35px; width: 153px; height: 30px; padding:7px 10px 10px 10px; background: url('../images/gameselection/timesplayed_background_white.jpg') no-repeat 0 0; }


/* CALENDAR CONTENT */
#calendar .eventdate_holder {float: left; width: 100%; padding: 0 0 10px 0; font-size: 8pt; }
#calendar  ul {float: left; padding: 0 0 0 8px; }
#calendar .future_event {float: left; width: 360px; margin: 0 20px 0 0;}
#calendar .future_event table {float: left; width: 100%; border-top: 2px solid #ededed; background: #fff;}
#calendar .future_event table td {border-bottom: 2px solid #ededed; padding: 10px 7px 0 7px;}
#calendar .future_event table td div.date_holder {float: left;}
#calendar .future_event table td.month { width: 35%;}
#calendar .future_event table td.date { width: 65%; padding-left: 20px;}
#calendar .next_event {float: left; width: 320px; padding: 20px 20px 30px 20px; background: #f5f5f5; margin-left: 20px;}
#calendar .next_event p {padding: 10px 0 8px 0; border-top: 2px solid #ededed; }
#calendar .bottomRightContent {float: left; margin-top: 10px; width: 320px; padding: 20px 20px 10px 20px; background: #f5f5f5; margin-left: 20px;}
#calendar .bottomRightContent p {padding: 10px 0 8px 0; border-top: 2px solid #ededed; }

/* EDITORIAL CONTENT */
#editorial .main_content_2 {float: left; width: 550px; margin: 0 20px 0 0; }
#editorial .main_content_3 {float: left; width: 380px; margin: 0 20px 0 0;  }
#editorial .lex_content {float: left; width: 170px; padding: 0 0 20px 0px; background: #fff; }
#editorial .lex_content img  {float: left; margin: 0 0 20px 27px;}

/* FLASH HOLDERS */
#flash_holder {float: left; width: 100%;}
#flash_holder .awards {float: left; width: 740px;}
#flash_holder .register2 {float: left; width: 720px; padding: 20px 10px; background: #f5f5f5; margin: 20px 0 0 0; }
#flash_holder .register2 .flash_item {float: left; width: 720px; margin: 10px 0; background: #ededed;}

/* STATS CSS */
#stats .flash_container {height: 256px; width: 740px; margin: 0 0 10px 0;}
#stats .left_flash_holder {float: left; width: 550px;}
#stats .right_flash_holder {float: left; width: 190px;}
#stats .stat_nav {background: url('../images/stat_nav_bg.gif') no-repeat; height:45px; margin: 10px 0 20px 0; padding: 9px 15px;  width: 710px; }
#stats .stat_nav .game_mod .spell, 
#stats .stat_nav .game_mod .chal,
#stats .stat_nav .game_mod .multi {border-right: 1px solid #fff; float: left; margin: 0 10px 0 0; width: 168px; }
#stats .stat_nav .game_mod .workout  {float: left; width: 168px;}
#stats .stat_nav .game_mod .cont {float: right; width: 160px;}
#stats .stat_nav .game_mod .img_holder {float: left; margin: 0 8px 0 0; }
#stats .stat_nav .game_mod .text_holder {float: left; }
#stats .stat_nav .game_mod .text_holder h4 {font-weight: normal; color: #9A9997; font-size: 11pt;}
#stats .stat_nav .game_mod .text_holder h2 {font-weight: normal; font-size: 10pt; padding: 5px 0 0 0; margin: 0px;}
#stats .total_played {float: right; text-align: right; margin: 10px 0 0 0;}
#stats .stat_gamecount { padding-top: 3px; }
#stats .rival_grid {margin: 10px 0;}
#stats .rival_grid tr th {border-color: #636363 !important; padding: 0 5px;}
#stats .rival_grid tr td {border-color: #E4E4E4 !important; padding: 0 5px;}
#stats .points_dif {background: transparent url(../images/stats/ptsHolder.png) no-repeat 0 0; height: 70px; padding: 0 0 0 27px; position: absolute; right: -65px; top: 1px; width: 59px}
* html #stats .points_dif {background-image: url(../images/stats/ptsHolder.gif)}
#stats .points_dif span#points_dif_text {display: block; float: left; padding: 24px 0 0 0px; font-size: 13px; line-height: 13px; text-transform: uppercase; text-align: left; width: 60px;}
* html #stats .points_dif span#points_dif_text {padding: 20px 0 0 0px;} 
*:first-child+html #stats .points_dif span#points_dif_text{padding: 20px 0 0 0px;}
#stats .rival_grid_holder {clear: left; position: relative}
#stats .lastyear_stats {background:#FEFEFE url(../images/stats/last_year_bg.jpg) no-repeat 50% 0; height: 140px; margin: 20px 0 0 0; padding: 10px 0 0 0;}
#stats .lastyear_stats img {float: left;}
#stats img.lexi_09 {float: right}
#stats h3 {clear: left; float: none; display: inline; line-height: 14px; font-size: 14px}
#stats .lastyear_stats_textholder {float: left; margin: 20px 0 0 20px; width: 300px;}
#stats .lastyear_stats_textholder h3 {float: left;}
#stats .lastyear_stats_textholder h4 {clear: left; font-size: 16px; line-height: 16px; height: 22px; margin: 3px 10px 0 0; float: left;}
#stats .lastyear_stats_textholder h5 {background:transparent url(../images/stats/finalRanking.gif) no-repeat 50% 0; clear: none; font-size: 12pt; height: 15px; padding: 5px 7px; margin: 0px; width: 90px;}
.lastyear_stats_textholder div {margin: 0 0 10px 0; height: 25px;}
* html #stats .lastyear_stats_textholder h4{margin-top: 1px;}
*:first-child+html #stats .lastyear_stats_textholder h4 {margin-top: 1px;}
* html #stats .lastyear_stats_textholder h5{padding-top: 2px; padding-bottom: 8px;}
*:first-child+html #stats .lastyear_stats_textholder h5 {padding-top: 2px; padding-bottom: 8px;}

/*RANKINGS TABLE*/
.notification_wrapper {background: #F4F2DD url(../Images/notifications/table_wrap_mid.gif) repeat-y 0 0; display: block; float: left;}
.notification_wrapper b.top {background: transparent url(../Images/notifications/table_wrap_top.gif) no-repeat right 0; display: block; padding: 0; margin: 0; overflow: hidden; width: 743px; height: 10px;}
.notification_wrapper b.bot {background: transparent url(../Images/notifications/table_wrap_bot.gif) no-repeat 0 0; display: block; padding: 0; margin: 0; overflow: hidden; width: 743px; height: 7px;}
.notification_buttons {height: 33px; margin: 5px 10px;}
.notification_buttons .select_all {float: right; font-weight: bold; font-size: 14px; margin: 10px 0;}
table.rankings_table {margin: 3px 13px 6px 13px;}
table.rankings_table th{font-size: 14px; font-weight: bold; height: 45px; padding: 0 12px;}
table.rankings_table tr {border-bottom: 1px solid #EDEDED;}
table.rankings_table td {color: #666; font-size: 14px; padding: 0 12px;}
table.rankings_table td.separator {background: #EDEDED; font-size: 14px;  height: 1px; padding: 0px;}
table.rankings_table a {text-decoration: none;}
table.rankings_table a:hover {text-decoration: underline;}

.divider {background: #636363; clear: both; height: 2px;}

.rankings_favourties {float: left; width:100px; margin: 0 -100px 0 0;}
.rankings_search {float: right; width:225px; }
#ranking_title {background: transparent url(../images/rankings/title_rankings.gif) 0 0; display: block; float: left; height: 28px; margin: 1px 20px 0 5px; text-indent: -9999px; width: 140px;}
.btn_Go {background: transparent url(../images/rankings/btn_go.gif) 0 0; display: block; float: left; height: 25px; margin: 0 0 0 5px; text-indent: -9999px; width: 36px;}
.search_txt {float: left; margin: 2px 0 0 0; width: 120px;}
#rankingssearch_title {background: transparent url(../images/rankings/search.gif) no-repeat 0 0; display: block; float: left; height: 10px; margin: 8px 0 0 0; text-indent: -9999px; width: 48px;}

/* MY CHALLENGES TABLE*/
#mychallenges_title {background: transparent url(../images/challenges/title_mychallenges.gif) 0 0; display: block; float: left; height: 22px; margin: 1px 20px 0 5px; text-indent: -9999px; width: 145px;}

/* INFO BOX */
.info_block h2.promo span {font-family: Trebuchet MS; font-weight: bold; font-size: 12pt; margin: 0 0 20px 0; padding: 0 5px; background: #fde31c; float: left; display: block; clear: left;}
.troubleshootGame { color: #666666; }
.troubleshootGame:hover { color: #333333; }
.troubleshootGamePadded  { color: #666666; margin-left:32px }
.troubleshootGamePadded:hover { color: #333333; }

/* EVENTS UPDATE */
.competion_heats_container {float: left; width: 740px}
.competion_heats_left {float: left; width: 510px; margin: 0 10px 0 0;}
.competion_heats_right {float: left; width: 200px; padding: 10px; background: #F5F5F5;}
.competion_heats_right ul { list-style-type:square; list-style-position: inside}
.more_info_maps {margin: -10px -20px -20px -10px;}
.comp_map {float: left; clear: left; margin: 10px 0; border: #F5F5F5 10px solid ;}
.heats_moreinfo_left {float: left; width: 225px;}
.heats_moreinfo_left p {clear: left;}
.heats_moreinfo_right .dateBox {float: right; margin: 0 0 0 10px;}

/* HEAT RESULTS */
.leftdown {clear: left;}
.heat_res_container {float: left; width: 100%; clear:both; margin-top:10px;}
.heat_res_left {float: left; width: 550px; margin: 0 0 0 0; }
.heat_res_right {float: left; width: 177px; border:0px solid; padding:0px; }

ul.results { float: left; width:550px; float:left; margin-right:22px; padding-bottom:20px; }
*html ul.results {margin-right: 0;}
ul.results li {float: left;}
ul.results li ul.results_item {float: left; width: 175px; height: 55px; }
ul.results li ul.results_item li { float: left; width:135px; padding-left: 40px; background:url(../Images/heat_results_item.jpg) no-repeat; }
ul.results li ul.results_item li a { width:120px; }

/* GRAND FINAL */
.grand_container{float: left; width: 740px}
.grand_left{float: left; width: 350px;padding-right:20px;}
.grand_img{padding-bottom:20px; padding-top: 170px; background-image: url(../images/grand_final.gif); background-repeat: no-repeat; background-position: top center;}
.grand_right{float: left; width: 370px;}
* html .grand_right {width: 350px;}
.grand_tbl { width: 100%; }
.grand_tbl thead {text-align:left;background-color:#F7F7F7;padding:15px; height: 40px;}
.grand_tbl tr th { font-weight: bold; }
.grand_finalists {float: left; width:367px; margin-top: 15px; padding-top: 15px; background-image:url(../images/grand_final/2ToneTopDivider.jpg); background-repeat:no-repeat;}
.grand_finalists_blurb { width: 270px; }
.grand_attend {background-color:#F7F7F7; height:100px; position:relative; padding: 20px 20px 0 20px;}
.grand_attend_button {width:88px;height:135px;position:absolute;top:-35px;left:350px;background-image:url(../images/grand_final/likeToAttendShort.png);background-repeat:no-repeat; background-position: left center;}
* html .grand_attend_button {width:88px;height:135px;position:absolute;top:-35px;left:330px;background-image:url(../images/grand_final/likeToAttendShort.gif);background-repeat:no-repeat; background-position: left center;}
.grand_getting_there{float:left; padding-top: 15px;}
.comp_map{background-color:#FFFFFF;padding:0px;}
.td_star{padding:10px 0px 10px 25px; width: 230px; background-image:url(../images/grand_final/starBullet.jpg);background-repeat:no-repeat; background-position: left center;}
.finalists_tbl {  margin-top: -70px; padding-top: 85px; float: left; background-image: url(../images/grand_final/whosIn.png); background-repeat: no-repeat; background-position: top right; }
* html .finalists_tbl { margin-top: -70px; padding-top: 85px; float: left; background-image: url(../images/grand_final/whosIn.gif); background-repeat: no-repeat; background-position: top right; }
.grand_downloads { float: left; width:367px; margin-top: 15px; padding-top: 15px; background-image: url(../images/grand_final/2ToneBottomDivider.jpg); background-repeat: no-repeat; }
.grand_downloads strong { font-size: 16px; }
.grand_downloads p { clear: both; }
.grand_tbl tr { border-top: solid 2px #F5F5F5; }

.close_quote { position: relative; top: 50px; left: 354px;  }
*html .close_quote { position: relative; top: 23px; left: 355px;  }

/* GRAND FINAL RESULTS */
.finalresults_tbl { margin-top: -70px; padding-top: 85px; float: left; padding-bottom: 25px; }
#calendar .future_event .finalresults_tbl tr td { border-bottom: 2px solid #ededed; padding: 10px 7px 5px 0; }
#calendar .future_event { float: left; margin: 0; width: 340px; }
*html #calendar .future_event #grand_results { width: 360px; }
*html #grand_results .grand_finalists { width: 360px; }

/* CALENDAR CONTENT 2 */
#calendar .eventdate_holder {float: left; width: 100%; padding: 0 0 10px 0; font-size: 8pt; position:relative;}
#calendar  ul {float: left; padding: 0 0 0 8px; }
#calendar .future_event2 {float: left; width: 370px; margin: 0 10px 0 0;}
#calendar .future_event2 table {float: left; width: 100%; border-top: 2px solid #ededed; background: #fff;}
#calendar .future_event2 table td {border-bottom: 2px solid #ededed; padding: 10px 7px 0 7px;}
#calendar .future_event2 table td div.date_holder {float: left;}
#calendar .future_event2 table td.month { width: 35%;}
#calendar .future_event2 table td.date { width: 65%; padding-left: 20px;}
#calendar .next_event2 {float: left; width: 360px;}
#calendar .next_event2 p {padding: 10px 0 8px 0; border-top: 2px solid #ededed; }
*html #grand_results .grand_finalists { width: 360px; }
.eventdate_holder a.calendarlink {display:block; width: 55px; height: 65px; top: 0px; left: 0px; position:absolute; background:url('../images/transparent.gif');}


p.rules_subtitle {font-weight: bold; margin-bottom: 10px;}
div.resource_item {padding-bottom: 20px; overflow: hidden;}

/* COMING SOON */
b.divid {background: url(../Images/coming_soon/divider.gif) no-repeat; display: block; height: 15px; margin: 6px 0 5px 0; width: 360px;}
.comingSoonPage p {float: none; padding: 0 0 14px 0;} 
/* Why is every 'P' in the whole site floated? If you find you need float just about every element, 
   not just and handful, for your layout to work you've done something wrong IMO.*/
.comingSoonPage {background: #fff; float: left; padding: 15px 30px; width: 930px;}
.comingSoonPage h2.mainTitle {background: url(../Images/coming_soon/hd_coming_soon.gif) no-repeat; display: block; float: none; height: 103px; padding: 0px; text-indent: -9999px; width: 314px;} 
.comingSoonPage .content {margin-top: 10px;}
.comingSoonPage .leftCol {background: #F5F5F5; float: left; margin: 42px 20px 0 0; width: 170px;}
.comingSoonPage .mainCol {float: left; width: 740px;}
.comingSoonPage .mainCol h3 {font-size: 21px; margin-bottom: 18px;}
.comingSoonPage .mainCol .mainColLeft {float: left; width: 363px;}
.comingSoonPage .mainCol .mainColRight {float: right; width: 360px;}
.comingSoonPage .mainCol .mainColRight .montage {margin: 5px 0 0 16px;}
.comingSoonPage .mainCol .persTrainer {background: url(../Images/coming_soon/hd_personal_trainer.gif) no-repeat; height:79px; text-indent: -9999px; width: 362px;}
.comingSoonPage .mainCol .head2Head {background: url(../Images/coming_soon/hd_head_to_head.gif) no-repeat; height:79px; text-indent: -9999px; width: 362px;}
.comingSoonPage .mainCol .moreWords {background: url(../Images/coming_soon/hd_more_words.gif) no-repeat; height:79px; text-indent: -9999px; width: 362px;}
.comingSoonPage .mainCol .uppedPara {margin: -20px 0 0 0;}
.comingSoonPage .mainCol .uppedPara span {display: inline-block; margin-left: 85px; width: 280px;}
.comingSoonPage .mainCol p em {font-style: italic}
.comingSoonPage .playAndPrac {float: left; padding: 20px 0 0 20px}
.comingSoonPage .playAndPrac h4 {font-size:16px; margin: 0 0 10px 0;}
.comingSoonPage .playAndPrac a {color: #666;}
.comingSoonPage .playAndPrac a:hover {color: #333;}
.comingSoonPage .playAndPrac .playBut {background: url(../Images/coming_soon/bu_play_and_practice_off.gif) no-repeat 0 0; display: block; height: 33px; text-indent: -9999px; width: 157px;}
.comingSoonPage .playAndPrac .playBut:hover {background: url(../Images/coming_soon/bu_play_and_practice_on.gif) no-repeat 0 0;}

.comingSoonPage p a {color: #666;}
.comingSoonPage p a:hover {color: #333;}

/* MINI BEES SECTION in Play and practice */
.mini_bees_landingpage {margin-top: 20px;}
.mini_bees_landingpage h1 {background: url(../Images/mini_bees/mini_title.jpg) no-repeat 0 0; display: block; float: none; height: 60px; margin: 0px; padding: 0px; text-indent: -9999px; width: 355px;}
.mini_bees_landingpage .spellingChallengeMini {background: #F5F5F5; overflow: visible; width: 458px;}
.mini_bees_landingpage .spellingChallengeMini .inner {margin-left: 95px; padding: 0 20px 15px 0;}
.mini_bees_landingpage .spellingChallengeMini h2 {background: url(../images/mini_bees/spelling_challenge_mini.gif) no-repeat 0 0; display: block; float: none; height: 94px; text-indent: -9999px; width: 460px;}
.mini_bees_landingpage .spellingChallengeMini h4 {margin: -25px 0 0 0; font-size: 16px;}
.mini_bees_landingpage .spellingChallengeMini p {float: none; margin-left: 5px;}
.mini_bees_landingpage .spellingChallengeMini input {margin: 17px 0 2px 0;}
.mini_bees_landingpage .spellingChallengeMini input.mid {margin: 17px 22px 2px 22px;}
#content_container p.largePara {font-size: 14px; line-height: 22px; margin: 20px 0 0 0;}
.mini_bees_landingpage b.divid {margin: 30px 0 20px 55px;}
.mini_bees_leftcol {float: left; width: 460px;}
.mini_bees_leftcol .about_minbees {background: #fff; margin: 0 0 15px 0; width: 460px;}
.mini_bees_leftcol .about_minbees h3 {font-size: 22px; padding: 1px 5px;}
#content_container .mini_bees_leftcol .about_minbees p {clear: left; margin-top: 0; }
.mini_bees_rightcol {float: left; margin: 0 0 0 34px; position: relative; width: 230px;}
* html .mini_bees_rightcol {zoom: 1}
#content_container .mini_bees_rightcol p {float: none; font-size: 14px; margin: 35px 0 0 0; line-height: 22px;}
.mini_bees_rightcol .theme_title {position: absolute; left: -10px; top: -46px;}
.mini_bees_rightcol h4 {font-size: 18px; line-height: 22px;}
.mini_bees_rightcol .play_theme {display: block; margin: 15px 0;}
.mini_bees_rightcol .past_themes {font-size: 16px; padding: 5px 0; line-height: 22px;}
.mini_bees_landingpage .mini_bees_rightcol b.divid {background: url(../Images/div_230.gif) no-repeat 0 0; margin: 20px 0 25px 0; width: 230px;}
.mini_bees_landingpage .for_teachers {background: #F5F5F5; padding: 15px;}
.mini_bees_landingpage .for_teachers h4 {font-size: 15px;}
#content_container  .mini_bees_landingpage .for_teachers p {margin: 2px 0 0 0}
.mini_bees_rightcol a.btn_play, .mini_bees_rightcol a.btn_login, .mini_bees_rightcol a.btn_play:hover, .mini_bees_rightcol a.btn_login:hover {display: block; float: none;}

.mini_bees_extra {background: #ECF4FF; padding: 12px 19px; margin-top: 10px;}
#content_container .mini_bees_extra p.largePara {float: none; line-height: 18px; margin: 4px 4px;}
.mini_bees_extra .title_extra {background:url(../Images/mini_bees/bees_extra.gif) no-repeat; display: block; height: 40px;}

/* MICROSOFT PAGE */
#msPage {}
#msPage  .mainColLeft {float: left; width: 470px; margin-left:10px; position: relative;}
*html #msPage .mainColLeft {margin-left: 5px; }
#msPage  .mainColLeft h1.miniBeesExtra {position: relative; width: 278px; height: 39px; background: url(../Images/mini_bees/mini_bees_extra_logo.gif) no-repeat 0 0; margin: 0 0 -8px 14px; z-index: 99;}
#msPage  .mainColLeft h1.planetastic {position: relative; width: 246px; height: 50px; background: url(../Images/mini_bees/planetastic_logo.gif) no-repeat 0 0; margin: 0 0 -15px 15px; z-index: 99;}
#msPage  .mainColLeft h1.springwatch {position: relative; width: 231px; height: 58px; background: url(../Images/mini_bees/nature_notes_head.gif) no-repeat 0 0; margin: 0 0 -23px 15px; z-index: 99;}
#msPage  .mainColLeft .box {width: 440px; background-color: #ECF4FF; padding: 25px 15px 15px 15px; clear: both; overflow:visible; position:relative; z-index: 1;}
#msPage  .mainColLeft .box img.science {position: absolute; top: -42px; right: 20px;}
#msPage  .mainColLeft .box h3 {margin: 0 0 10px 0;}
#msPage  .mainColLeft .box .activitiesBtn {display: block; float: left; width: 164px; height: 51px; margin: 20px 10px 0 0; background: url(../Images/mini_bees/btn_activities.gif) no-repeat 0 0;}
#msPage  .mainColLeft .box .activitiesBtn:hover {background-image: url(../Images/mini_bees/btn_activities_over.gif)}
#msPage  .mainColLeft .box .launchActivityBtn {display: block; float: left; width: 164px; height: 51px; margin: 20px 10px 0 0; background: url(../Images/mini_bees/btn_lauch_activity.gif) no-repeat 0 0;}
#msPage  .mainColLeft .box .launchActivityBtn:hover {background-image: url(../Images/mini_bees/btn_lauch_activity_over.gif)}
#msPage  .mainColLeft .box .returnBtn {display: block; float: left; width: 164px; height: 51px; margin: 20px 10px 0 0; background: url(../Images/mini_bees/btn_mini_bees.gif) no-repeat 0 0;}
#msPage  .mainColLeft .box .returnBtn:hover {background-image: url(../Images/mini_bees/btn_mini_bees_over.gif)}
#msPage  .mainColLeft .biggerBox {padding-top: 32px;}
#msPage  .mainColRight {float: right; width: 232px;}
#msPage  .mainColRight h2.otherGames {width: 232px; height: 67px; background: url(../Images/mini_bees/other_games_sicker.gif) no-repeat 0 0; float: none;}
#msPage  .mainColRight h2.prevArticles {width: 232px; height: 67px; background: url(../Images/mini_bees/previous_activities.gif) no-repeat 0 0; float: none;}
#msPage  .mainColRight .box {background-color: #F5F5F5; padding: 8px 90px 10px 15px; position: relative; margin-left: 2px;}
#msPage  .mainColRight .box h4 {font-size:16px; font-weight:bold; margin-bottom: 8px;}
#msPage  .mainColRight .box .lexi {position: absolute; right: -9px; top: -20px;}
#msPage .ms_othergames li {padding: 0 0 8px 0;}

#msPage  .mainColLeft h1.sumItUp {position: relative; width: 191px; height: 66px; background: url(../Images/mini_bees/sum_it_up_head.gif) no-repeat 0 0; margin: 0 0 -23px 15px; z-index: 99;}
#msPage  .mainColLeft h1.flagIt {position: relative; width: 191px; height: 66px; background: url(../Images/mini_bees/flag_it_title.gif) no-repeat 0 0; margin: 0 0 -33px 15px; z-index: 99;}
#msPage  .mainColLeft h1.scrapbook {position: relative; width: 302px; height: 55px; background: url(../Images/mini_bees/scrapbook_title.gif) no-repeat 0 0; margin: 0 0 -33px -5px; z-index: 99;}


#left_nav iframe.cpu_frame {margin: 20px 0 0 0}
* html #left_nav iframe.cpu_frame{padding-left: 26px;}

/*BUDDY PICKER*/
.buddypicker {float: left; margin: 10px 0; position: relative; width: 740px;}
.buddypicker .via_email, 
.buddypicker .via_buddies {background: url(../Images/head_2_head/bgFormNotFocussed.jpg) no-repeat 0 bottom; border: 1px solid #FAF9F5; float: left; min-height: 158px; padding: 20px 10px 20px 20px; width: 328px;}
.buddypicker .via_buddies {margin-left: 20px;}
* html .buddypicker .via_buddies {zoom: 1;}
* html .buddypicker .via_email {zoom: 1;}
.buddypicker .js_sel {background: #FDFBEF url(../Images/head_2_head/bgFormFocussed.jpg) no-repeat 0 bottom; border: 1px solid #EAE7D6;}
.buddypicker p {padding: 0; margin: 0 0 15px 0;}
.buddypicker .form_section {float: left; margin: 0 0 10px 0;}
.buddypicker .choose_sticker {position: absolute; display: none; top: -55px; left: 325px;}
.buddypicker .js_sel .choose_sticker {display: block;}
.buddypicker .buddie_options {float: left; margin: 10px 0 5px 0; width: 300px;}
.buddypicker .buddie_options tr {height: 18px;}
.buddypicker .buddie_options input {margin-right: 5px;}
.buddypicker .buddie_options p {margin: 10px 0 5px 0}
.buddypicker .rankings_search_holder {margin: 5px 0; float: left;}
.buddypicker .rankings_search_holder .rankings_search {float: none; height: 25px;}

/*CHALLENGES tables aren't page specific - had to use important style as some this sites CSS is too explicit*/
.challenges_tableHolder {background: #F4F2DD url(../Images/head_2_head/bgTabMiddle.png) repeat-y 0 0; display: none; padding: 3px 13px 13px 13px; width: 526px;}
.challenges_tableHolder table {background: #F9F7EA;}
.challenges_tableHolder table th{font-size: 14px; font-weight: bold; height: 45px; padding: 0 12px;}
.challenges_tableHolder table tr {border-bottom: 1px solid #EDEDED;}
.challenges_tableHolder table td{color: #666; font-size: 14px;  height: 50px; padding: 0 12px;}
.challenges_tableHolder table td.separator{background: #EDEDED; font-size: 14px;  height: 1px; padding: 0px;}
.challenges_tableHolder h4 {margin: 10px 0 5px 0;}
.challenges_sel {display: block;}
.challenges_tabs {background: #fff url(../Images/head_2_head/bgTabTop.png) no-repeat 0 bottom; clear: left; display: block; height: 50px; padding:0 0 0 2px!important;}
.challenges_tabs li {border: 1px solid #EEECDD; color: #999; display: block; float: left; font-weight: bold; font-size: 14px; height: 18px; margin: 5px 0 0 0; padding: 6px 10px; background: #FDFAF1;}
.challenges_tabs li a {color: #999; text-decoration: none}
#content_template .challenges_tabs li a {color: #999;} /*This is to fix a poor reset*/
.challenges_tabs li a:hover {color: #666;}
.challenges_tabs li.sel {background: #F4F2DD; border-bottom: 1px solid #F4F2DD; height: 18px; margin: 2px 0 0 0; padding: 9px 10px 6px 10px;}
.challenges_tabs li.sel a {color: #666;}
.challenged_box {background: #F2F2F2; clear: left; float: left; margin: 15px 0; padding: 12px; position: relative; width: 525px;}
.challenged_box h4 {margin: 0 0 10px 0;}
.challenged_box p {float: left; width: 400px;}
.start_new {float: right; margin: 10px 0; padding: 0 0 0 17px; width: 170px;}
.start_new h4 {margin: 0 0 10px 0;}

/*REUSABL GLOW BAR - See head-to-head */
.glow_bar {background: url(../images/bgNames.png); height: 64px; font-size: 16px; margin: 0 0 20px 0; font-weight: bold; width: 739px;}
.glow_bar h2{text-align: center; font-size: 18px; padding: 24px 0 0 0;}

/*DIFF Selecta used all over the place, like it should be :D */
.dif_selecta {background: url(../Images/head_2_head/1px_grad_select.gif) repeat-x; float: left; padding: 25px 20px; overflow: hidden; margin: 0 0 0 42px; width: 645px}
* html .dif_selecta {display: inline; zoom: 1}
.dif_selecta .diffcultyselctor {float: left; margin: 10px 0 0 0;}
.dif_selecta .diffcultyselctor a {float: left; margin: 0 20px 0 0;}
.dif_selecta .divid, .buddypicker .divid {float: left; margin: 40px 0 0 0px; width: 685px; background: transparent url('../images/head_2_head/bottomShaddingFormBg.jpg') 50% 0;}
/* ---- These are heading for the diff selecta, and new diff selcta should have their heading here */
h1.personaltrainer {background: url('../images/personal_trainer_hd.gif') no-repeat; padding: 0; margin: 0; width: 740px; height: 100px; }
h1.headtohead {background: url('../images/head_2_head/H1-HeadToHead.gif') no-repeat; padding: 0; margin: 0; width: 740px; height: 100px; }
h1.spellingchallenge {background: url('../images/H1-SpellingChallengeTitle.gif') no-repeat; padding: 0; margin: 0; width: 740px; height: 100px; }
h1.spellingchallengetheme {background: url('../images/spelling_challenge_theme_head.gif') no-repeat; padding: 0; position: relative; margin: -6px 0 -13px 0; width: 740px; height: 119px; }
/*Mini bees Promo box*/
.mini_bees_promo {float: right; width: 340px; background: #f5f5f5; margin: 15px 0; padding: 5px 15px 20px 15px; }
.mini_bees_promo img {float: left; margin: 10px 50px 15px 0}
.mini_bees_promo img p {}
.map { position: relative; }

.mobile_landscape { background-image: url('../images/mobile_img_landscape.jpg'); width: 340px; height: 179px; margin-top: 20px; cursor:pointer; }
.mobile_landscape span { margin-left: 150px; padding-top: 20px; font-size: 16px; font-weight: bold; display: block; }
.mobile_landscape p { margin-left: 150px; padding-top: 10px; }

.mobile_vertical { background: url('../images/mobile-apps-panel.jpg') no-repeat 0 bottom; color:Black; text-decoration:none; width: 164px; height: 320px; margin-top: 15px; padding: 0 6px 0 0; }
.mobile_vertical span { font-size: 16px; font-weight: bold; padding: 15px; display: block; }
.mobile_vertical p { padding: 15px 0 15px 6px; width:auto; }
.mobile_vertical img { margin-left: 5px; }
.left { float: left; }
.right { float: right; margin-right: 15px; margin-bottom: 20px; }
* html .right {display:inline;}

h1.brainBuzzLogo {position: absolute; top: 0px; background: url('../images/brainbuzz/header.jpg') no-repeat 0 0; width: 417px; height: 132px;}
#brainBuzzContainer {}
#brainBuzzContainer .mainColLeft {float: left; width: 430px; margin: 100px 0 0 10px; display:inline;}
#brainBuzzContainer .mainColRight {width: 286px; position: absolute; top: 60px; left: 470px; background: url(../images/brainbuzz/activity_bg.gif) repeat-y 0 0;}

#brainBuzzContainer h2.themeHeader {background: url('../images/brainbuzz/Head_BackToSchoolTheme.gif') no-repeat 0 0; width: 432px; height: 78px;}
#brainBuzzContainer h2.autumnTime { background: url('../images/brainbuzz/Head_AutumnTimeTheme.gif') no-repeat 0 0; width: 432px; height: 78px;}
#brainBuzzContainer h2.winterTime { background: url('../images/brainbuzz/Head_WinterWonderlandTheme.gif') no-repeat 0 0; width: 432px; height: 78px;}
#brainBuzzContainer h2.springTime { background: url('../images/brainbuzz/Head_SpringTime.gif') no-repeat 0 0; width: 432px; height: 78px;}
#brainBuzzContainer h2.goingForGold { background: url('../images/brainbuzz/Head_GoingForGoldTheme.gif') no-repeat 0 0; width: 432px; height: 78px;}
#brainBuzzContainer h2.summerHolidays { background: url('../images/brainbuzz/head_summer_time.gif') no-repeat 0 0; width: 432px; height: 78px;}
#brainBuzzContainer .familyBattleHeader {position:relative; clear: both; padding: 0; z-index: 1; zoom: 1; height: 77px;}
#brainBuzzContainer .familyBattleHeader h2 {position:absolute; top:0; background: url('../images/brainbuzz/FamilyBattleHeader.gif') no-repeat 0 0; width: 434px; height: 138px;}
.familyBattleContent {margin: -20px 0 0 84px; width:330px;}
.familyBattleHeader .game_play_on_white2 { top:10px; }

#brainBuzzContainer .currentActivity {padding: 0 30px 30px 30px ; position:relative;}
#brainBuzzContainer .pastThemes { padding:0 0 0 30px; }
#brainBuzzContainer .mainColRight h2 {background: url(../images/brainbuzz/head_city_scramble_game.gif) no-repeat 0 0; width: 286px; height: 94px; float: none;}
#brainBuzzContainer .currentActivity .game_text2 {position:relative; margin: -35px 0 0 64px; top: 0; width: 170px; padding: 0;}	

h1.backToSchool {background: url(../images/brainbuzz/gameheader.jpg) no-repeat 0 0; width: 740px; height: 100px; margin: 0; z-index: 100;}
h1.autumnTime {background: url(../images/brainbuzz/Head_AutumnTimeTheme.jpg) no-repeat 0 0; width: 740px; height: 100px; margin: 0; z-index: 100;}
h1.winterTime {background: url(../images/brainbuzz/Head_WinterTimeTheme.jpg) no-repeat 0 0; width: 740px; height: 100px; margin: 0; z-index: 100;}

h1.springTime {background: url(../images/brainbuzz/Head_SpringTimeTheme.jpg) no-repeat 0 0; width: 740px; height: 100px; margin: 0; z-index: 100;}
h1.goldTheme {background: url(../images/brainbuzz/Head_GoingforGoldTheme.jpg) no-repeat 0 0; width: 740px; height: 100px; margin: 0; z-index: 100;}
h1.summerTheme {background: url(../images/brainbuzz/head_summer_theme.jpg) no-repeat 0 0; width: 740px; height: 100px; margin: 0; z-index: 100;}


a.playActivity { display:block; background: url(../images/brainbuzz/theme_play.gif) no-repeat 0 0; width: 228px; height: 139px;}
a:hover.playActivity { background-image: url(../images/brainbuzz/theme_play_over.gif);}
a:active.playActivity { background-image: url(../images/brainbuzz/theme_play_out.gif);}


div.brainBuzzLogo {position: absolute; top: 0px; left: 0px; background: url('../images/brainbuzz/header.jpg') no-repeat 0 0; width: 417px; height: 132px;}

.compPrizeImage {width: 360px; height: 322px; position:absolute; top: 50px; right: 30px; z-index: 0;}
* html .compPrizeImage {right: 0;}

#toggleBuzzCompTsAndCs {padding-left: 15px; background: no-repeat left 50%; margin-bottom: 15px; display:block}
#toggleBuzzCompTsAndCs.contracted { background-image:url('../images/link_expand.gif');  }
#toggleBuzzCompTsAndCs.expanded { background-image:url('../images/link_contract.gif');  }
.buzzCompTsAndCs {}
.buzzCompTsAndCs ol {list-style:outside decimal; padding-left: 24px; margin-top: 10px;}
.buzzCompTsAndCs ol li {margin-bottom: 5px;}

.checkbox input {vertical-align: middle; height: 20px; margin: 0 10px 0 0; padding: 0; line-height: 20px;}
.checkbox label {line-height: 20px;}

h1.familyBattle {background: url(../images/familybattle/header.jpg) no-repeat 0 0; width: 418px; height: 132px; margin: 0; z-index: 100; float:left;}
#familyBattleContainer { position:relative;}
#familyBattleContainer p, #familyBattleContainer h2 { float:none; }
#familyBattleContainer #familyBattleHeader { height:240px; margin-bottom:20px;}
#familyBattleContainer #familyBattleHeader #getStarted { background: url(../images/familybattle/PanelGetStarted.png) no-repeat 0 0; width: 384px; height: 236px; margin: 0; position:absolute; right:0; top:10px;}
#familyBattleContainer #familyBattleHeader #getStarted #getStartedInner { padding:45px 0 0 20px; }
#familyBattleContainer #familyBattleHeader #getStarted #getStartedInner ul { width:215px; padding:0; clear:both;}
#familyBattleContainer #familyBattleHeader #getStarted #getStartedInner ul li {padding:0 0 0 45px; height:50px; background-position:0 0; line-height:16px;}
#familyBattleContainer #familyBattleHeader #getStarted #getStartedInner ul li.one { background:url(../images/familybattle/GetStarted_01.gif) no-repeat; }
#familyBattleContainer #familyBattleHeader #getStarted #getStartedInner ul li.two { background:url(../images/familybattle/GetStarted_02.gif) no-repeat; }
#familyBattleContainer #familyBattleHeader #getStarted #getStartedInner ul li.three { background:url(../images/familybattle/GetStarted_03.gif) no-repeat;}
#familyBattleContainer #familyBattleHeader #getStarted #getStartedInner ul li.three span { display:block; color:#343233; padding-top:10px; font-weight:bold; font-size:16px; }
#familyBattleContainer #familyBattleHeader #welcome {background:url(../images/familybattle/divider.gif) no-repeat bottom center; width:350px; padding-bottom:20px;}

#familyBattleContainer #groupInfo {  position:relative;}
#familyBattleContainer #groupInfo .startHere { position:absolute; top:-70px; left:550px; }
#familyBattleContainer #groupInfo #createGroup {background:url(../images/familybattle/PanelMakeAGroup_Highlighted.jpg) no-repeat 0 0; width:728px; height:110px; padding:25px 0 0 25px;}
#familyBattleContainer #groupInfo #createGroup #intructions { width:380px; float:left;}
#familyBattleContainer #groupInfo #createGroup #intructions h4 { font-size:16px; font-family:Trebuchet MS; padding-bottom:10px;}
#familyBattleContainer #groupInfo #createGroup #createForm {width:330px; float:left;}
#familyBattleContainer #groupInfo #createGroup #createForm span {  font-size:12px; font-weight:bold; }
#familyBattleContainer #groupInfo #createGroup #createForm a { margin-left:10px; background:url(../images/familybattle/ButtonSubmit.gif) no-repeat 0 0; width:90px; height:33px; display:block; float:left;}
#familyBattleContainer #groupInfo #createGroup #createForm a:hover { background-position:0 -33px; }

#familyBattleContainer .confirmationMessage {background:url(../images/familybattle/PanelNotification.jpg) no-repeat bottom center; width:753px; height:68px; text-align:center; line-height:63px; vertical-align:middle; font-size:20px; font-weight:bold; }

#familyBattleContainer .leaderboard {width:753px; }
#familyBattleContainer .leaderboard .top {background:url(../images/familybattle/PanelGroup_Top.jpg) no-repeat 0 0; width:753px; height:70px;}
#familyBattleContainer .leaderboard .top .header {padding:30px 25px 0 25px;}
#familyBattleContainer .leaderboard .top .header .groupSelect { float:right; line-height:33px; color:#656565; width:300px;}
#familyBattleContainer .leaderboard .top .header .groupSelect span { float:right; }
#familyBattleContainer .leaderboard .top .header .groupSelect .wrapped_input { float:right; margin-left:10px; }
#familyBattleContainer .leaderboard .top .header .groupSelect .wrapped_input select { width:100px; }
#familyBattleContainer .leaderboard .top .header h4 { float:left; font-size:16px; line-height:33px; width:200px;}
#familyBattleContainer .leaderboard .inner {background:url(../images/familybattle/PanelGroup_Mid.jpg) repeat-y;width:703px; padding:0 25px;}
#familyBattleContainer .leaderboard .inner table { width:100%;  }
#familyBattleContainer .leaderboard .inner table th {border-bottom:1px solid #D7D6D2; line-height:35px; font-weight:bold; }
#familyBattleContainer .leaderboard .inner table td {border-bottom:1px solid #D7D6D2; line-height:35px;}
#familyBattleContainer .leaderboard .inner table tr.owner { background:#FEE30E; }
#familyBattleContainer .leaderboard .inner table .check {width:25px; padding:0 0 0 5px;}
#familyBattleContainer .leaderboard .inner table .rank {width:31px; text-align:center; padding-right:10px;}
#familyBattleContainer .leaderboard .inner table .name {width:200px;}
#familyBattleContainer .leaderboard .inner table .count {width:75px; font-weight:bold;}
#familyBattleContainer .leaderboard .inner table .gamesPlayed {width:120px; font-weight:bold;}
#familyBattleContainer .leaderboard .inner table .play {width:90px;}
#familyBattleContainer .leaderboard .inner table td span.number1 {background:url(../images/familybattle/Number_01.gif) no-repeat 0 0; display:block; width:31px; height:26px; position:relative; text-indent:-9999px;}
#familyBattleContainer .leaderboard .inner table .footer { padding:0; }
#familyBattleContainer .leaderboard .inner table .footer td { border:none; }

#familyBattleContainer .leaderboard .inner table td a { margin-left:10px; background:url(../images/familybattle/ButtonPlay.gif) no-repeat 0 0; width:70px; height:33px; display:block; }
#familyBattleContainer .leaderboard .inner table td a:hover { background-position:0 -33px; }

#familyBattleContainer .leaderboard .inner a.removeSelected { margin:10px 0 0 0;  background:url(../images/familybattle/ButtonRemoveChecked.gif) no-repeat 0 0; width:124px; height:24px; display:block; }
#familyBattleContainer .leaderboard .inner a.removeSelected:hover {background-position:0 -24px;}

#familyBattleContainer .leaderboard .bottom {background:url(../images/familybattle/PanelGroup_Bottom.jpg) no-repeat 0 0;width:753px; height:40px;}

.containers { width:753px; margin-top:10px;}
.containers .smallContainer { float:left; margin-right:20px; width:365px; }
.containers .smallContainer .top {background:url(../images/familybattle/Panel_Small_Top.jpg) no-repeat 0 0; height:40px; width:315px; padding:0 25px;}
.containers .smallContainer .top h4 { line-height:16px; font-size:16px; padding-top:20px;}
.containers .smallContainer .inner {background:url(../images/familybattle/Panel_Small_Mid.jpg) repeat-y 0 0; width:325px; padding:5px 15px 0 25px;}
.containers .smallContainer .inner label { font-weight:bold; }
.containers .smallContainer .inner .wrapped_input { margin-top:5px; }
.containers .smallContainer .bottom {background:url(../images/familybattle/Panel_Small_Bottom.jpg) no-repeat 0 0; width:365px; height:40px;}

.containers .smallContainer .inner a.search { margin-left:10px; background:url(../images/familybattle/ButtonSearch.gif) no-repeat 0 0; width:89px; height:33px; display:block; float:left; }
.containers .smallContainer .inner a.search:hover { background-position:0 -33px; }
.containers .smallContainer .inner a.invite { margin-left:10px; background:url(../images/familybattle/ButtonSendInvite.gif) no-repeat 0 0; width:122px; height:33px; display:block; float:left; }
.containers .smallContainer .inner a.invite:hover { background-position:0 -33px; }
.containers .smallContainer .inner a.btnAddToGroup { margin-left:10px; background:url(../images/familybattle/ButtonAddToGroup.gif) no-repeat 0 0; width:149px; height:33px; display:block;  float:right;}
.containers .smallContainer .inner a.btnAddToGroup:hover { background-position:0 -33px; }

.containers .smallContainer .inner .addToGroup {  width:321px; border-top:1px solid #D2D1BF; padding:10px 0 0 0;}
.containers .smallContainer .inner .users li { line-height:18px; }
.containers .smallContainer .inner .users li label { font-weight:normal; padding-left:5px; }

.wrapped_input {}
.wrapped_input .wrapped_left {background:url(../images/inputs/TextField_Left.gif) no-repeat 0 0; width:6px; height:33px; float:left; } 
.wrapped_input .wrapped_field {background:url(../images/inputs/TextField_Mid.gif) repeat-x 0 0;  height:25px; float:left; padding:8px 0 0 0}
#familyBattleContainer .leaderboard .top .header .groupSelect .wrapped_input { line-height:20px;} 
.wrapped_input .wrapped_field input {color:#999999; font-size:11px; padding:2px 5px; height:12px; border:0;}
.wrapped_input .wrapped_field select {color:#999999; font-size:11px;  border:0;  padding:0;}
.wrapped_input .wrapped_field select option { padding:0 5px; }
.wrapped_input .wrapped_right {background:url(../images/inputs/TextField_Right.gif) no-repeat 0 0; width:6px; height:33px;float:left; }