@charset "UTF-8";
/* CSS Document */

body {
background-color:#FFFFFF;background-image:url(../images/bg.gif);background-repeat:repeat-x;
color:#000000;font-family:Arial, Helvetica, sans-serif;font-size:14px;
margin:0px;padding:0px;text-align:left;
}

#contentHolder {background-image:none;background-position:left top;background-repeat:no-repeat;height:auto !important;margin:0pt auto -95px;min-height:100%;text-align:left;width:960px;}

a:link {color:#3b4c73;text-decoration:underline;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;text-decoration:underline;}

#logo {background:url(../images/student/TK_logo.png) no-repeat; width:314px; height:131px; position: absolute; left: 323px; top:-60px; z-index: 100;}



a:active {color:#6098b8;text-decoration:underline;}
a:visited {color:#3b4c73;text-decoration:underline;}
a:hover {color:#3b4c73;text-decoration:none;}









/* Resources, Help, and Logout buttons */

#topnav{ position: absolute; right: 0; z-index: 90;}
#topnav a { display: block; float: right; margin: 5px 10px; line-height: 2.5em; text-align: center;}
#topnav a span { display: block; }

#btn_teacher_login span{background:transparent url(../images/student/btn_teacher.gif) no-repeat scroll 50% 0px;height:30px;width:80px; }
#btn_teacher_login:hover span{background:transparent url(../images/student/btn_teacher.gif) no-repeat scroll 50% -30px;}
#btn_teacher_login:active span{background:transparent url(../images/student/btn_teacher.gif) no-repeat scroll 50% -60px;}

#btn_help span {background:transparent url(../images/student/btn_help.gif) no-repeat scroll 50% 0px;height:29px;width:24px;}
#btn_help:hover span{background:transparent url(../images/student/btn_help.gif) no-repeat scroll 50% -29px;}
#btn_help:active span{background:transparent url(../images/student/btn_help.gif) no-repeat scroll 50% -58px;}

#btn_resources span { background:transparent url(../images/student/btn_resources.gif) no-repeat scroll 50% 0px;height:29px; width: 60px;}
#btn_resources:hover span {background:transparent url(../images/student/btn_resources.gif) no-repeat scroll 50% -29px;}
#btn_resources:active span {background:transparent url(../images/student/btn_resources.gif) no-repeat scroll 50% -58px;}

#btn_logout span {background:transparent url(../images/student/btn_logout.gif) no-repeat scroll 50% 0px;height:29px;width:36px;}
#btn_logout:hover span{background:transparent url(../images/student/btn_logout.gif) no-repeat scroll 50% -29px;}
#btn_logout:active span{background:transparent url(../images/student/btn_logout.gif) no-repeat scroll 50% -58px;}

#btn_taks span {background:transparent url(../images/student/btn_taks.gif) no-repeat scroll 50% 0px;height:29px;width:31px;}
#btn_taks:hover span{background:transparent url(../images/student/btn_taks.gif) no-repeat scroll 50% -29px;}
#btn_taks:active span{background:transparent url(../images/student/btn_taks.gif) no-repeat scroll 50% -58px;}


/* ****************************************************************************
  Student Home Page Styles
**************************************************************************** */

/* Welcome Bubble */

/*
#welcome_bubble { position: absolute; height: 197px; width: 214px; top: 110px; left: 60px; z-index: 20;}
#welcome_bubble p { margin: 15px 15px 0; z-index:1000;}
#welcome_bubble #name {font-size:20px; font-weight:bold; color:#ea6500}
#welcome_bubble {font-size:15px; font-weight:bold; color:#3b4c73}
*/

/* Score text */


#btn_awards	{ position: absolute; top: 9px; left: 715px; z-index: 25; height:43px;width:44px;
	text-decoration: none; background:transparent url(../images/student/score_star.gif) no-repeat scroll 0pt 0px;}
#btn_awards:hover {background:transparent url(../images/student/score_star.gif) no-repeat scroll 0pt -44px;}
#btn_awards:active {background:transparent url(../images/student/score_star.gif) no-repeat scroll 0pt -88px;}
#btn_awards span { visibility: hidden; }


/* Score text */


#score {font-size:25px; color:#FFFFFF; font-weight:bold;text-align:left;}
#score:hover {font-size:25px; color:#3b4c73; font-weight:bold;}


/* Student Info */
#student_info { position: absolute; height: 70px; width: 270px; top: 210px; left: 600px; z-index: 20; line-height:20px; padding: 15px; font-size: 14px; }

#feature_holder  div.bg { position: absolute; height: 338px;}

#feature_01 {background:transparent url(../images/student/feature_01.png) no-repeat; width:306px;}

#feature_02_gpk {background:url(../images/student/feature_02_gpk.jpg) no-repeat; width:313px;left:306px;}
#feature_02_g0k {background:url(../images/student/feature_02_gk.jpg) no-repeat; width:313px;left:306px;}
#feature_02_g01 {background:url(../images/student/feature_02_g01.jpg) no-repeat; width:313px;left:306px;}
#feature_02_g02 {background:url(../images/student/feature_02_g02.jpg) no-repeat; width:313px;left:306px;}
#feature_02_g03 {background:url(../images/student/feature_02_g03.jpg) no-repeat; width:313px;left:306px;}
#feature_02_g04 {background:url(../images/student/feature_02_g04.jpg) no-repeat; width:313px;left:306px;}
#feature_02_g05 {background:url(../images/student/feature_02_g05.jpg) no-repeat; width:313px;left:306px;}
#feature_02_g06 {background:url(../images/student/feature_02_g06.jpg) no-repeat; width:313px;left:306px;}

#feature_03 {background:transparent url(../images/student/feature_03.png) no-repeat; width:342px;left:619px;}

/* unit navigation */
#activities { width: 960px; }
#activity_navigation {height:46px;}

#btn_u_0 {background:transparent url(../images/student/u_00.gif) no-repeat scroll 0pt 0px;height:46px;width:87px;float:left;}
#btn_u_0:hover {background:transparent url(../images/student/u_00.gif) no-repeat scroll 0pt -46px;}
#btn_u_0:active {background:transparent url(../images/student/u_00.gif) no-repeat scroll 0pt -46px;}
#activities.u_0 #btn_u_0  {background:transparent url(../images/student/u_00.gif) no-repeat scroll 0pt -46px;}

#btn_u_1 {background:transparent url(../images/student/u_01.gif) no-repeat scroll 0pt 0px;height:46px;width:88px;float:left;}
#btn_u_1:hover {background:transparent url(../images/student/u_01.gif) no-repeat scroll 0pt -46px;}
#btn_u_1:active {background:transparent url(../images/student/u_01.gif) no-repeat scroll 0pt -46px;}
#activities.u_1 #btn_u_1  {background:transparent url(../images/student/u_01.gif) no-repeat scroll 0pt -46px;}

#btn_u_2 {background:transparent url(../images/student/u_02.gif) no-repeat scroll 0pt 0px;height:46px;width:88px;float:left;}
#btn_u_2:hover {background:transparent url(../images/student/u_02.gif) no-repeat scroll 0pt -46px;}
#btn_u_2:active {background:transparent url(../images/student/u_02.gif) no-repeat scroll 0pt -46px;}
#activities.u_2 #btn_u_2  {background:transparent url(../images/student/u_02.gif) no-repeat scroll 0pt -46px;}

#btn_u_3 {background:transparent url(../images/student/u_03.gif) no-repeat scroll 0pt 0px;height:46px;width:86px;float:left;}
#btn_u_3:hover {background:transparent url(../images/student/u_03.gif) no-repeat scroll 0pt -46px;}
#btn_u_3:active {background:transparent url(../images/student/u_03.gif) no-repeat scroll 0pt -46px;}
#activities.u_3 #btn_u_3  {background:transparent url(../images/student/u_03.gif) no-repeat scroll 0pt -46px;}

#btn_u_4 {background:transparent url(../images/student/u_04.gif) no-repeat scroll 0pt 0px;height:46px;width:88px;float:left;}
#btn_u_4:hover {background:transparent url(../images/student/u_04.gif) no-repeat scroll 0pt -46px;}
#btn_u_4:active {background:transparent url(../images/student/u_04.gif) no-repeat scroll 0pt -46px;}
#activities.u_4 #btn_u_4  {background:transparent url(../images/student/u_04.gif) no-repeat scroll 0pt -46px;}

#btn_u_5 {background:transparent url(../images/student/u_05.gif) no-repeat scroll 0pt 0px;height:46px;width:87px;float:left;}
#btn_u_5:hover {background:transparent url(../images/student/u_05.gif) no-repeat scroll 0pt -46px;}
#btn_u_5:active {background:transparent url(../images/student/u_05.gif) no-repeat scroll 0pt -46px;}
#activities.u_5 #btn_u_5  {background:transparent url(../images/student/u_05.gif) no-repeat scroll 0pt -46px;}

#btn_u_6 {background:transparent url(../images/student/u_06.gif) no-repeat scroll 0pt 0px;height:46px;width:88px;float:left;}
#btn_u_6:hover {background:transparent url(../images/student/u_06.gif) no-repeat scroll 0pt -46px;}
#btn_u_6:active {background:transparent url(../images/student/u_06.gif) no-repeat scroll 0pt -46px;}
#activities.u_6 #btn_u_6  {background:transparent url(../images/student/u_06.gif) no-repeat scroll 0pt -46px;}

#btn_u_7 {background:transparent url(../images/student/u_07.gif) no-repeat scroll 0pt 0px;height:46px;width:87px;float:left;}
#btn_u_7:hover {background:transparent url(../images/student/u_07.gif) no-repeat scroll 0pt -46px;}
#btn_u_7:active {background:transparent url(../images/student/u_07.gif) no-repeat scroll 0pt -46px;}
#activities.u_7 #btn_u_7  {background:transparent url(../images/student/u_07.gif) no-repeat scroll 0pt -46px;}

#btn_u_8 {background:transparent url(../images/student/u_08.gif) no-repeat scroll 0pt 0px;height:46px;width:87px;float:left;}
#btn_u_8:hover {background:transparent url(../images/student/u_08.gif) no-repeat scroll 0pt -46px;}
#btn_u_8:active {background:transparent url(../images/student/u_08.gif) no-repeat scroll 0pt -46px;}
#activities.u_8 #btn_u_8  {background:transparent url(../images/student/u_08.gif) no-repeat scroll 0pt -46px;}

#btn_u_9 {background:transparent url(../images/student/u_09.gif) no-repeat scroll 0pt 0px;height:46px;width:87px;float:left;}
#btn_u_9:hover {background:transparent url(../images/student/u_09.gif) no-repeat scroll 0pt -46px;}
#btn_u_9:active {background:transparent url(../images/student/u_09.gif) no-repeat scroll 0pt -46px;}
#activities.u_9 #btn_u_9  {background:transparent url(../images/student/u_09.gif) no-repeat scroll 0pt -46px;}

#btn_u_10 {background:transparent url(../images/student/u_10.gif) no-repeat scroll 0pt 0px;height:46px;width:87px;float:left;}
#btn_u_10:hover {background:transparent url(../images/student/u_10.gif) no-repeat scroll 0pt -46px;}
#btn_u_10:active {background:transparent url(../images/student/u_10.gif) no-repeat scroll 0pt -46px;}
#activities.u_10 #btn_u_10  {background:transparent url(../images/student/u_10.gif) no-repeat scroll 0pt -46px;}

#activities h2 { font-size:27px;color:#FFFFFF;padding-left:15px;padding-top:9px; margin: 0; font-weight: normal; }
#activities.u_0 h2 {background-color:#f9ad40;background-image:url(../images/student/table_hdr_u00.gif);background-repeat:repeat-x;}
#activities.u_1 h2 {background-color:#ff4e33;background-image:url(../images/student/table_hdr_u01.gif);background-repeat:repeat-x;}
#activities.u_2 h2 {background-color:#ffd634;background-image:url(../images/student/table_hdr_u02.gif);background-repeat:repeat-x;}
#activities.u_3 h2 {background-color:#cd4ea9;background-image:url(../images/student/table_hdr_u03.gif);background-repeat:repeat-x;}
#activities.u_4 h2 {background-color:#4684b8;background-image:url(../images/student/table_hdr_u04.gif);background-repeat:repeat-x;}
#activities.u_5 h2 {background-color:#84c64d;background-image:url(../images/student/table_hdr_u05.gif);background-repeat:repeat-x;}
#activities.u_6 h2 {background-color:#f3529d;background-image:url(../images/student/table_hdr_u06.gif);background-repeat:repeat-x;}
#activities.u_7 h2 {background-color:#ff8a33;background-image:url(../images/student/table_hdr_u07.gif);background-repeat:repeat-x;}
#activities.u_8 h2 {background-color:#3995a9;background-image:url(../images/student/table_hdr_u08.gif);background-repeat:repeat-x;}
#activities.u_9 h2 {background-color:#814db7;background-image:url(../images/student/table_hdr_u09.gif);background-repeat:repeat-x;}
#activities.u_10 h2 {background-color:#34a05f;background-image:url(../images/student/table_hdr_u10.gif);background-repeat:repeat-x;}

#activity_table_container{ padding: 10px; }
#activities.u_0 #activity_table_container {background-color:#d47e0e;}
#activities.u_1 #activity_table_container {background-color:#c03b26;}
#activities.u_2 #activity_table_container {background-color:#e0ac0d;}
#activities.u_3 #activity_table_container {background-color:#9d1d79;}
#activities.u_4 #activity_table_container {background-color:#1b5c92;}
#activities.u_5 #activity_table_container {background-color:#55981b;}
#activities.u_6 #activity_table_container {background-color:#b91f67;}
#activities.u_7 #activity_table_container {background-color:#d05a03;}
#activities.u_8 #activity_table_container {background-color:#08657a;}
#activities.u_9 #activity_table_container {background-color:#511f94;}
#activities.u_10 #activity_table_container {background-color:#03702e;}

/*table specific unit styles */
#activity_table { width: 940px; border-collapse: collapse; }
#activity_table  th { font-family:Arial, Helvetica, sans-serif;font-size:16px;color:#FFFFFF;font-weight:bold; }
#activity_table  th.col_activity { width: 200px; }
#activity_table  th.col_activity , #activity_table  th.col_title{ padding-left:15px;}
#activity_table  th.col_status, #activity_table  th.col_action { text-align: center;width: 100px;}

#activity_table  tbody tr td { font-family:Arial, Helvetica, sans-serif; font-size: 14px; border: solid 1px #d4d4d4;  }
#activity_table  tbody tr.odd td { background-color: #fff }
#activity_table  tbody tr.even td { background-color: #daecf7 }
#activity_table  td.col_icon { text-align: center; vertical-align: center; width: 30px;}
#activity_table  td.col_activity { padding: 5px 0 5px 15px; width: 200px;}
#activity_table  td.col_title { padding: 5px 0 5px 15px; }
#activity_table  td.col_status { text-align: center; vertical-align: center; width: 100px;}
#activity_table  td.col_action { text-align: center; vertical-align: center; width: 100px;}

#activity_table a.btn_action_go {text-decoration: none; background:transparent url(../images/student/btn_action_go.gif) no-repeat scroll 0pt 0px;height:23px;width:48px; display: block; margin: auto; }
#activity_table a.btn_action_go:hover {background:transparent url(../images/student/btn_action_go.gif) no-repeat scroll 0pt -23px;}
#activity_table a.btn_action_go:active {background:transparent url(../images/student/btn_action_go.gif) no-repeat scroll 0pt -46px;}
#activity_table a.btn_action_go span { display: none; }

#activity_table div.btn_action_go_disabled { background:transparent url(../images/student/btn_action_go.gif) no-repeat scroll 0pt -69px;height:23px;width:48px; display: block; margin: auto; }
#activity_table div.btn_action_go_disabled span { display: none; }

/* ****************************************************************************
  Login Page  Styles
**************************************************************************** */

/* instructions */
#login_instructions {font-size:18px; font-weight:bold; color:#3b4c73; width:190px;height:68px;position:absolute;z-index: 100;left:145px; top:122px; padding: 15px 15px;}
#login_instructions.loginError span { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #ff0000 }

#class_info {position:absolute; z-index:996;top:100px;left:445px; min-width: 380px;}
#class_info div { float: left; width: 30px; padding: 5px 3px 15px; }
#class_info h2 {margin: 0; padding:0; font-size:20px; font-weight:bold;}
#class_info h3 {margin: 0; padding:0; font-size:20px; font-weight:normal;}

#loginContentHolder { position: absolute; height: 210px; width: 382px; top:152px; left: 446px; z-index: 100;}

/* login_class_list styles */
#classList { overflow: auto; overflow-x: hidden; height: 209px; width: 382px;}
#classList a { display: block; text-decoration: none; border-top: solid 1px #e2e2e2; font-size: 16pt; padding: 5px 10px; }
#classList a img {  vertical-align: text-top; }
#classList a:hover { background-color: #99CCFF; }
#classList a.first { border-top: none; }

/* login_student_list styles */
#chooseLetterCard { text-align: center; width: 382px; }
#chooseLetterCard a.button { font-size: 175%; margin: 5em 0.15em; padding: 5px 10px; line-height: 52px; }
#chooseLetterCard a:hover { background-image: url(../images/btn_green_bkgd.gif); color: #fff; }

#chooseNameCard { overflow: auto; background-color: white; height: 209px; width: 382px; overflow-x: hidden; margin-bottom: 5px; }
#chooseNameCard a { display: block; text-decoration: none; border-top: solid 1px #e2e2e2; font-size: 16pt; padding: 5px 10px; line-height: 18pt; }
#chooseNameCard a:hover { background-color: #99CCFF; }
#chooseNameCard a.first { border-top: none; }

/* login styles */
#loginTable { margin: 40px auto 0; }
#loginTable tr th, #loginTable tr td { padding-top: 10px; }
#loginTable th { text-align: right; padding-right: 10px; font-size:16px; color:#58aa2d;font-weight:bold; }
#loginTable td input { font-size: 14pt; border: solid 1px black; }

/* clouds graphic */

#clouds {height:440px;width:962px;position:relative;}
#clouds  div.bg { position: absolute; height: 440px;}

/* buttons */

#btn_login {background:transparent url(../images/student/btn_login.gif) no-repeat scroll 0pt 0px;height:32px;width:70px;position:absolute;bottom:39px;right:132px;z-index:998;}
#btn_login:hover {background:transparent url(../images/student/btn_login.gif) no-repeat scroll 0pt -32px;}
#btn_login:active {background:transparent url(../images/student/btn_login.gif) no-repeat scroll 0pt -64px;}
#btn_login span { display: none; }

#btn_back_to_class {background:transparent url(../images/student/btn_back.gif) no-repeat scroll 0pt 0px;height:32px;width:88px;position:absolute;bottom:39px;right:429px;z-index:997;}
#btn_back_to_class:hover {background:transparent url(../images/student/btn_back.gif) no-repeat scroll 0pt -32px;}
#btn_back_to_class:active {background:transparent url(../images/student/btn_back.gif) no-repeat scroll 0pt -64px;}
#btn_back_to_class span { display: none; }

#btn_back_to_letters {background:transparent url(../images/student/btn_back.gif) no-repeat scroll 0pt 0px;height:32px;width:88px;position:absolute;bottom:39px;right:429px;z-index:997;}
#btn_back_to_letters:hover {background:transparent url(../images/student/btn_back.gif) no-repeat scroll 0pt -32px;}
#btn_back_to_letters:active {background:transparent url(../images/student/btn_back.gif) no-repeat scroll 0pt -64px;}
#btn_back_to_letters span { display: none; }

#btn_back_to_students {background:transparent url(../images/student/btn_back.gif) no-repeat scroll 0pt 0px;height:32px;width:88px;position:absolute;bottom:39px;right:429px;z-index:997;}
#btn_back_to_students:hover {background:transparent url(../images/student/btn_back.gif) no-repeat scroll 0pt -32px;}
#btn_back_to_students:active {background:transparent url(../images/student/btn_back.gif) no-repeat scroll 0pt -64px;}
#btn_back_to_students span { display: none; }





































/* welcome text, score text */
#name {font-size:20px; font-weight:bold; color:#ea6500}
#instructions {font-size:15px; font-weight:bold; color:#3b4c73;margin-left:25px;margin-right:25px;}


/* clouds graphic  EDITED 7/10/09 */


#feature_holder {height:338px;width:961px;margin:0px;margin-bottom:20px;}

#feature_01 {background:url(../images/feature_01.jpg) no-repeat; width:306px;height:338px;float:left;}

#feature_02_gpk {background:url(../images/feature_02_gpk.jpg) no-repeat; width:313px;height:338px;float:left;}
#feature_02_gk {background:url(../images/feature_02_gk.jpg) no-repeat; width:313px;height:338px;float:left;}
#feature_02_g01 {background:url(../images/feature_02_g01.jpg) no-repeat; width:313px;height:338px;float:left;}
#feature_02_g02 {background:url(../images/feature_02_g02.jpg) no-repeat; width:313px;height:338px;float:left;}
#feature_02_g03 {background:url(../images/feature_02_g03.jpg) no-repeat; width:313px;height:338px;float:left;}
#feature_02_g04 {background:url(../images/feature_02_g04.jpg) no-repeat; width:313px;height:338px;float:left;}
#feature_02_g05 {background:url(../images/feature_02_g05.jpg) no-repeat; width:313px;height:338px;float:left;}
#feature_02_g06 {background:url(../images/feature_02_g06.jpg) no-repeat; width:313px;height:338px;float:left;}

#feature_03 {background: url(../images/feature_03.jpg) no-repeat; width:342px;height:338px;float:left;position:relative;}

#info_text {width:255px;position:absolute;top:225px;left:8px;line-height:20px;}
#score_holder {position:absolute;top:18px;left:215px;}

#score_star {background:transparent url(../images/score_star.png) no-repeat scroll 0pt 0px;height:45px;width:46px;position:absolute;top:10px;left:95px;}
#score_star:hover {background:transparent url(../images/score_star.png) no-repeat scroll 0pt -45px;}
#score_star:active {background:transparent url(../images/score_star.png) no-repeat scroll 0pt -90px;}





/* buttons for current activity box */

#btn_current_skip {background:transparent url(../images/btn_current_skip.gif) no-repeat scroll 0pt 0px;height:30px;width:58px;}
#btn_current_skip:hover {background:transparent url(../images/btn_current_skip.gif) no-repeat scroll 0pt -30px;}
#btn_current_skip:active {background:transparent url(../images/btn_current_skip.gif) no-repeat scroll 0pt -60px;}

#btn_current_go {background:transparent url(../images/btn_current_go.gif) no-repeat scroll 0pt 0px;height:30px;width:63px;}
#btn_current_go:hover {background:transparent url(../images/btn_current_go.gif) no-repeat scroll 0pt -30px;}
#btn_current_go:active {background:transparent url(../images/btn_current_go.gif) no-repeat scroll 0pt -60px;}

/* past, current, next activity headers and content - not sure that all of these need their own divs since they're dynamic... but just in case */

#past_hdr {}
#current_hdr {}
#next_hdr {}
#activity_hdr_text {font-family:Arial, Helvetica, sans-serif;color:#FFFFFF; font-size:16px;font-weight:bold;padding-left:20px;padding-top:8px;}

#u00_small {background:url(../images/sm_hdr_u00.png); height:27px; width:195px;}
#u01_small {background:url(../images/sm_hdr_u01.png); height:27px; width:195px;}
#u02_small {background:url(../images/sm_hdr_u02.png); height:27px; width:195px;}
#u03_small {background:url(../images/sm_hdr_u03.png); height:27px; width:195px;}
#u04_small {background:url(../images/sm_hdr_u04.png); height:27px; width:195px;}
#u05_small {background:url(../images/sm_hdr_u05.png); height:27px; width:195px;}
#u06_small {background:url(../images/sm_hdr_u06.png); height:27px; width:195px;}
#u07_small {background:url(../images/sm_hdr_u07.png); height:27px; width:195px;}
#u08_small {background:url(../images/sm_hdr_u08.png); height:27px; width:195px;}
#u09_small {background:url(../images/sm_hdr_u09.png); height:27px; width:195px;}
#u10_small {background:url(../images/sm_hdr_u10.png); height:27px; width:195px;}

#u00_large {background:url(../images/lg_hdr_u00.png); height:26px; width:217px;}
#u01_large {background:url(../images/lg_hdr_u01.png); height:26px; width:217px;}
#u02_large {background:url(../images/lg_hdr_u02.png); height:26px; width:217px;}
#u03_large {background:url(../images/lg_hdr_u03.png); height:26px; width:217px;}
#u04_large {background:url(../images/lg_hdr_u04.png); height:26px; width:217px;}
#u05_large {background:url(../images/lg_hdr_u05.png); height:26px; width:217px;}
#u06_large {background:url(../images/lg_hdr_u06.png); height:26px; width:217px;}
#u07_large {background:url(../images/lg_hdr_u07.png); height:26px; width:217px;}
#u08_large {background:url(../images/lg_hdr_u08.png); height:26px; width:217px;}
#u09_large {background:url(../images/lg_hdr_u09.png); height:26px; width:217px;}
#u10_large {background:url(../images/lg_hdr_u10.png); height:26px; width:217px;}

#activity {font-family:Arial, Helvetica, sans-serif;color:#000000; font-size:13px;font-weight:bold;padding-left:20px;padding-top:8px;line-height:11px;}
#activity_title {font-family:Arial, Helvetica, sans-serif;color:#000000; font-size:13px;font-weight:normal;padding-left:20px;padding-top:8px;line-height:13px;}


/* unit navigation */

#nav {height:46px;width:960px;}

#u_00 {background:transparent url(../images/u_00.gif) no-repeat scroll 0pt 0px;height:46px;width:87px;float:left;}
#u_00:hover {background:transparent url(../images/u_00.gif) no-repeat scroll 0pt -46px;}
#u_00:active {background:transparent url(../images/u_00.gif) no-repeat scroll 0pt -46px;}

#u_01 {background:transparent url(../images/u_01.gif) no-repeat scroll 0pt 0px;height:46px;width:88px;float:left;}
#u_01:hover {background:transparent url(../images/u_01.gif) no-repeat scroll 0pt -46px;}
#u_01:active {background:transparent url(../images/u_01.gif) no-repeat scroll 0pt -46px;}

#u_02 {background:transparent url(../images/u_02.gif) no-repeat scroll 0pt 0px;height:46px;width:88px;float:left;}
#u_02:hover {background:transparent url(../images/u_02.gif) no-repeat scroll 0pt -46px;}
#u_02:active {background:transparent url(../images/u_02.gif) no-repeat scroll 0pt -46px;}

#u_03 {background:transparent url(../images/u_03.gif) no-repeat scroll 0pt 0px;height:46px;width:86px;float:left;}
#u_03:hover {background:transparent url(../images/u_03.gif) no-repeat scroll 0pt -46px;}
#u_03:active {background:transparent url(../images/u_03.gif) no-repeat scroll 0pt -46px;}

#u_04 {background:transparent url(../images/u_04.gif) no-repeat scroll 0pt 0px;height:46px;width:88px;float:left;}
#u_04:hover {background:transparent url(../images/u_04.gif) no-repeat scroll 0pt -46px;}
#u_04:active {background:transparent url(../images/u_04.gif) no-repeat scroll 0pt -46px;}

#u_05 {background:transparent url(../images/u_05.gif) no-repeat scroll 0pt 0px;height:46px;width:87px;float:left;}
#u_05:hover {background:transparent url(../images/u_05.gif) no-repeat scroll 0pt -46px;}
#u_05:active {background:transparent url(../images/u_05.gif) no-repeat scroll 0pt -46px;}

#u_06 {background:transparent url(../images/u_06.gif) no-repeat scroll 0pt 0px;height:46px;width:88px;float:left;}
#u_06:hover {background:transparent url(../images/u_06.gif) no-repeat scroll 0pt -46px;}
#u_06:active {background:transparent url(../images/u_06.gif) no-repeat scroll 0pt -46px;}

#u_07 {background:transparent url(../images/u_07.gif) no-repeat scroll 0pt 0px;height:46px;width:87px;float:left;}
#u_07:hover {background:transparent url(../images/u_07.gif) no-repeat scroll 0pt -46px;}
#u_07:active {background:transparent url(../images/u_07.gif) no-repeat scroll 0pt -46px;}

#u_08 {background:transparent url(../images/u_08.gif) no-repeat scroll 0pt 0px;height:46px;width:87px;float:left;}
#u_08:hover {background:transparent url(../images/u_08.gif) no-repeat scroll 0pt -46px;}
#u_08:active {background:transparent url(../images/u_08.gif) no-repeat scroll 0pt -46px;}

#u_09 {background:transparent url(../images/u_09.gif) no-repeat scroll 0pt 0px;height:46px;width:87px;float:left;}
#u_09:hover {background:transparent url(../images/u_09.gif) no-repeat scroll 0pt -46px;}
#u_09:active {background:transparent url(../images/u_09.gif) no-repeat scroll 0pt -46px;}

#u_10 {background:transparent url(../images/u_10.gif) no-repeat scroll 0pt 0px;height:46px;width:87px;float:left;}
#u_10:hover {background:transparent url(../images/u_10.gif) no-repeat scroll 0pt -46px;}
#u_10:active {background:transparent url(../images/u_10.gif) no-repeat scroll 0pt -46px;}


/* table actions symbols and buttons */

#checkmark {background:transparent url(../images/status_checkmark.png) no-repeat scroll 0pt 0px;height:24px;width:23px;}

#btn_action_go {background:transparent url(../images/btn_action_go.png) no-repeat scroll 0pt 0px;height:23px;width:48px;}
#btn_action_go:hover {background:transparent url(../images/btn_action_go.png) no-repeat scroll 0pt -23px;}
#btn_action_go:active {background:transparent url(../images/btn_action_go.png) no-repeat scroll 0pt -46px;}


/*table specific unit styles */
#unit_text {font-size:27px;color:#FFFFFF;padding-left:15px;padding-top:9px;}
#table_head {font-family:Arial, Helvetica, sans-serif;font-size:16px;color:#FFFFFF;font-weight:bold;padding-left:15px;}

#u_00_table_hdr {background-color:#f9ad40;background-image:url(../images/table_hdr_u00.gif);background-repeat:repeat-x;width:960px;height:46px;}
#u_00_table {background-color:#d47e0e; width:960px; height:20px;}

#u_01_table_hdr {background-color:#ff4e33;background-image:url(../images/table_hdr_u01.gif);background-repeat:repeat-x;width:960px;height:46px;}
#u_01_table {background-color:#c03b26; width:960px; height:20px;}

#u_02_table_hdr {background-color:#ffd634;background-image:url(../images/table_hdr_u02.gif);background-repeat:repeat-x;width:960px;height:46px;}
#u_02_table {background-color:#e0ac0d; width:960px; height:20px;}

#u_03_table_hdr {background-color:#cd4ea9;background-image:url(../images/table_hdr_u03.gif);background-repeat:repeat-x;width:960px;height:46px;}
#u_03_table {background-color:#9d1d79; width:960px; height:20px;}

#u_04_table_hdr {background-color:#4684b8;background-image:url(../images/table_hdr_u04.gif);background-repeat:repeat-x;width:960px;height:46px;}
#u_04_table {background-color:#1b5c92; width:960px; height:20px;}

#u_05_table_hdr {background-color:#84c64d;background-image:url(../images/table_hdr_u05.gif);background-repeat:repeat-x;width:960px;height:46px;}
#u_05_table {background-color:#55981b; width:960px; height:20px;}

#u_06_table_hdr {background-color:#f3529d;background-image:url(../images/table_hdr_u06.gif);background-repeat:repeat-x;width:960px;height:46px;}
#u_06_table {background-color:#b91f67; width:960px; height:20px;}

#u_07_table_hdr {background-color:#ff8a33;background-image:url(../images/table_hdr_u07.gif);background-repeat:repeat-x;width:960px;height:46px;}
#u_07_table {background-color:#d05a03; width:960px; height:20px;}

#u_08_table_hdr {background-color:#3995a9;background-image:url(../images/table_hdr_u08.gif);background-repeat:repeat-x;width:960px;height:46px;}
#u_08_table {background-color:#08657a; width:960px; height:20px;}

#u_09_table_hdr {background-color:#814db7;background-image:url(../images/table_hdr_u09.gif);background-repeat:repeat-x;width:960px;height:46px;}
#u_09_table {background-color:#511f94; width:960px; height:20px;}

#u_10_table_hdr {background-color:#34a05f;background-image:url(../images/table_hdr_u10.gif);background-repeat:repeat-x;width:960px;height:46px;}
#u_10_table {background-color:#03702e; width:960px; height:20px;}

/********************* new edits 4/27/10 **********************/

#feature_holder {height:338px;width:961px;margin:0px;margin-bottom:20px;position:relative;}

#clouds_01 {background:url(../images/clouds_01.jpg) no-repeat; width:306px;height:338px;float:left;}
#clouds_02 {background:url(../images/clouds_02.jpg) no-repeat; width:313px;height:338px;float:left;}
#clouds_03 {background:url(../images/clouds_03.jpg) no-repeat; width:342px;height:338px;float:left;position:relative;}

#u_10_lower {
background:url("../images/www_lower.png") no-repeat scroll 50% 0 transparent;
height:126px;
width:152px;
position:absolute;
bottom:15px;
left:806px;
z-index:999;
}
#u_10_lower:hover {
background:url("../images/www_lower.png") no-repeat scroll 50% -126px transparent;
}
#u_10_lower:active {
background:url("../images/www_lower.png") no-repeat scroll 50% -252px transparent;
}

#u_9_lower {
background:url("../images/cd_lower.png") no-repeat scroll 50% 0 transparent;
height:142px;
width:106px;
position:absolute;
bottom:50px;
left:754px;
z-index:899;
}
#u_9_lower:hover {
background:url("../images/cd_lower.png") no-repeat scroll 50% -142px transparent;
}
#u_9_lower:active {
background:url("../images/cd_lower.png") no-repeat scroll 50% -284px transparent;
}

#u_8_lower {
background:url("../images/filecabinet_lower.png") no-repeat scroll 50% 0 transparent;
height:178px;
width:108px;
position:absolute;
bottom:19px;
left:674px;
z-index:998;
}
#u_8_lower:hover {
background:url("../images/filecabinet_lower.png") no-repeat scroll 50% -178px transparent;
}
#u_8_lower:active {
background:url("../images/filecabinet_lower.png") no-repeat scroll 50% -356px transparent;
}

#u_7_lower {
background:url("../images/spreadsheet_lower.png") no-repeat scroll 50% 0 transparent;
height:142px;
width:111px;
position:absolute;
bottom:43px;
left:598px;
z-index:898;
}
#u_7_lower:hover {
background:url("../images/spreadsheet_lower.png") no-repeat scroll 50% -142px transparent;
}
#u_7_lower:active {
background:url("../images/spreadsheet_lower.png") no-repeat scroll 50% -284px transparent;
}

#u_6_lower {
background:url("../images/projector_lower.png") no-repeat scroll 50% 0 transparent;
height:128px;
width:154px;
position:absolute;
bottom:15px;
left:493px;
z-index:997;
}
#u_6_lower:hover {
background:url("../images/projector_lower.png") no-repeat scroll 50% -128px transparent;
}
#u_6_lower:active {
background:url("../images/projector_lower.png") no-repeat scroll 50% -256px transparent;
}

#u_5_lower {
background:url("../images/pda_lower.png") no-repeat scroll 50% 0 transparent;
height:155px;
width:109px;
position:absolute;
bottom:45px;
left:425px;
z-index:897;
}
#u_5_lower:hover {
background:url("../images/pda_lower.png") no-repeat scroll 50% -155px transparent;
}
#u_5_lower:active {
background:url("../images/pda_lower.png") no-repeat scroll 50% -310px transparent;
}

#u_4_lower {
background:url("../images/paint_lower.png") no-repeat scroll 50% 0 transparent;
height:172px;
width:71px;
position:absolute;
bottom:19px;
left:373px;
z-index:996;
}
#u_4_lower:hover {
background:url("../images/paint_lower.png") no-repeat scroll 50% -172px transparent;
}
#u_4_lower:active {
background:url("../images/paint_lower.png") no-repeat scroll 50% -344px transparent;
}

#u_3_lower {
background:url("../images/word_lower.png") no-repeat scroll 50% 0 transparent;
height:127px;
width:132px;
position:absolute;
bottom:46px;
left:274px;
z-index:896;
}
#u_3_lower:hover {
background:url("../images/word_lower.png") no-repeat scroll 50% -127px transparent;
}
#u_3_lower:active {
background:url("../images/word_lower.png") no-repeat scroll 50% -254px transparent;
}

#u_2_lower {
background:url("../images/keyboard_lower.png") no-repeat scroll 50% 0 transparent;
height:136px;
width:152px;
position:absolute;
bottom:17px;
left:158px;
z-index:995;
}
#u_2_lower:hover {
background:url("../images/keyboard_lower.png") no-repeat scroll 50% -136px transparent;
}
#u_2_lower:active {
background:url("../images/keyboard_lower.png") no-repeat scroll 50% -272px transparent;
}

#u_1_lower {
background:url("../images/comp_lower.png") no-repeat scroll 50% 0 transparent;
height:122px;
width:110px;
position:absolute;
bottom:49px;
left:105px;
z-index:895;
}
#u_1_lower:hover {
background:url("../images/comp_lower.png") no-repeat scroll 50% -122px transparent;
}
#u_1_lower:active {
background:url("../images/comp_lower.png") no-repeat scroll 50% -244px transparent;
}

#u_10_upper {
background:url("../images/www_upper.png") no-repeat scroll 50% 0 transparent;
height:124px;
width:166px;
position:absolute;
bottom:10px;
left:795px;
z-index:999;
}
#u_10_upper:hover {
background:url("../images/www_upper.png") no-repeat scroll 50% -124px transparent;
}
#u_10_upper:active {
background:url("../images/www_upper.png") no-repeat scroll 50% -248px transparent;
}

#u_9_upper {
background:url("../images/cd_upper.png") no-repeat scroll 50% 0 transparent;
height:135px;
width:97px;
position:absolute;
bottom:55px;
left:764px;
z-index:899;
}
#u_9_upper:hover {
background:url("../images/cd_upper.png") no-repeat scroll 50% -135px transparent;
}
#u_9_upper:active {
background:url("../images/cd_upper.png") no-repeat scroll 50% -270px transparent;
}

#u_8_upper {
background:url("../images/filecabinet_upper.png") no-repeat scroll 50% 0 transparent;
height:197px;
width:118px;
position:absolute;
bottom:17px;
left:660px;
z-index:998;
}
#u_8_upper:hover {
background:url("../images/filecabinet_upper.png") no-repeat scroll 50% -197px transparent;
}
#u_8_upper:active {
background:url("../images/filecabinet_upper.png") no-repeat scroll 50% -394px transparent;
}

#u_7_upper {
background:url("../images/spreadsheet_upper.png") no-repeat scroll 50% 0 transparent;
height:153px;
width:116px;
position:absolute;
bottom:41px;
left:575px;
z-index:898;
}
#u_7_upper:hover {
background:url("../images/spreadsheet_upper.png") no-repeat scroll 50% -153px transparent;
}
#u_7_upper:active {
background:url("../images/spreadsheet_upper.png") no-repeat scroll 50% -306px transparent;
}

#u_6_upper {
background:url("../images/projector_upper.png") no-repeat scroll 50% 0 transparent;
height:122px;
width:170px;
position:absolute;
bottom:15px;
left:465px;
z-index:997;
}
#u_6_upper:hover {
background:url("../images/projector_upper.png") no-repeat scroll 50% -122px transparent;
}
#u_6_upper:active {
background:url("../images/projector_upper.png") no-repeat scroll 50% -244px transparent;
}

#u_5_upper {
background:url("../images/pda_upper.png") no-repeat scroll 50% 0 transparent;
height:139px;
width:92px;
position:absolute;
bottom:52px;
left:420px;
z-index:897;
}
#u_5_upper:hover {
background:url("../images/pda_upper.png") no-repeat scroll 50% -139px transparent;
}
#u_5_upper:active {
background:url("../images/pda_upper.png") no-repeat scroll 50% -278px transparent;
}

#u_4_upper {
background:url("../images/paint_upper.png") no-repeat scroll 50% 0 transparent;
height:173px;
width:73px;
position:absolute;
bottom:19px;
left:373px;
z-index:996;
}
#u_4_upper:hover {
background:url("../images/paint_upper.png") no-repeat scroll 50% -173px transparent;
}
#u_4_upper:active {
background:url("../images/paint_upper.png") no-repeat scroll 50% -346px transparent;
}

#u_3_upper {
background:url("../images/word_upper.png") no-repeat scroll 50% 0 transparent;
height:131px;
width:131px;
position:absolute;
bottom:50px;
left:284px;
z-index:896;
}
#u_3_upper:hover {
background:url("../images/word_upper.png") no-repeat scroll 50% -131px transparent;
}
#u_3_upper:active {
background:url("../images/word_upper.png") no-repeat scroll 50% -262px transparent;
}

#u_2_upper {
background:url("../images/keyboard_upper.png") no-repeat scroll 50% 0 transparent;
height:121px;
width:166px;
position:absolute;
bottom:12px;
left:153px;
z-index:995;
}
#u_2_upper:hover {
background:url("../images/keyboard_upper.png") no-repeat scroll 50% -121px transparent;
}
#u_2_upper:active {
background:url("../images/keyboard_upper.png") no-repeat scroll 50% -242px transparent;
}

#u_1_upper {
background:url("../images/comp_upper.png") no-repeat scroll 50% 0 transparent;
height:122px;
width:140px;
position:absolute;
bottom:55px;
left:90px;
z-index:895;
}
#u_1_upper:hover {
background:url("../images/comp_upper.png") no-repeat scroll 50% -122px transparent;
}
#u_1_upper:active {
background:url("../images/comp_upper.png") no-repeat scroll 50% -244px transparent;
}

#u_0_grade_06 {
background:url("../images/tracker_6.png") no-repeat scroll 50% 0 transparent;
height:155px;
width:113px;
position:absolute;
bottom:10px;
left:10px;
z-index:994;
}
#u_0_grade_06:hover {
background:url("../images/tracker_6.png") no-repeat scroll 50% -155px transparent;
}
#u_0_grade_06:active {
background:url("../images/tracker_6.png") no-repeat scroll 50% -310px transparent;
}

#u_0_grade_05 {
background:url("../images/tracker_5.png") no-repeat scroll 50% 0 transparent;
height:155px;
width:113px;
position:absolute;
bottom:10px;
left:10px;
z-index:994;
}
#u_0_grade_05:hover {
background:url("../images/tracker_5.png") no-repeat scroll 50% -155px transparent;
}
#u_0_grade_05:active {
background:url("../images/tracker_5.png") no-repeat scroll 50% -310px transparent;
}

#u_0_grade_04 {
background:url("../images/tracker_4.png") no-repeat scroll 50% 0 transparent;
height:155px;
width:113px;
position:absolute;
bottom:10px;
left:10px;
z-index:994;
}
#u_0_grade_04:hover {
background:url("../images/tracker_4.png") no-repeat scroll 50% -155px transparent;
}
#u_0_grade_04:active {
background:url("../images/tracker_4.png") no-repeat scroll 50% -310px transparent;
}

#u_0_grade_03 {
background:url("../images/tracker_3.png") no-repeat scroll 50% 0 transparent;
height:155px;
width:113px;
position:absolute;
bottom:10px;
left:10px;
z-index:994;
}
#u_0_grade_03:hover {
background:url("../images/tracker_3.png") no-repeat scroll 50% -155px transparent;
}
#u_0_grade_03:active {
background:url("../images/tracker_3.png") no-repeat scroll 50% -310px transparent;
}

#u_0_grade_02 {
background:url("../images/tracker_2.png") no-repeat scroll 50% 0 transparent;
height:126px;
width:126px;
position:absolute;
bottom:15px;
left:11px;
z-index:994;
}
#u_0_grade_02:hover {
background:url("../images/tracker_2.png") no-repeat scroll 50% -126px transparent;
}
#u_0_grade_02:active {
background:url("../images/tracker_2.png") no-repeat scroll 50% -252px transparent;
}

#u_0_grade_01 {
background:url("../images/tracker_1.png") no-repeat scroll 50% 0 transparent;
height:126px;
width:126px;
position:absolute;
bottom:15px;
left:11px;
z-index:994;
}
#u_0_grade_01:hover {
background:url("../images/tracker_1.png") no-repeat scroll 50% -126px transparent;
}
#u_0_grade_01:active {
background:url("../images/tracker_1.png") no-repeat scroll 50% -252px transparent;
}

#u_0_grade_0k {
background:url("../images/tracker_k.png") no-repeat scroll 50% 0 transparent;
height:126px;
width:126px;
position:absolute;
bottom:15px;
left:11px;
z-index:994;
}
#u_0_grade_0k:hover {
background:url("../images/tracker_k.png") no-repeat scroll 50% -126px transparent;
}
#u_0_grade_0k:active {
background:url("../images/tracker_k.png") no-repeat scroll 50% -252px transparent;
}

#u_0_grade_pk {
background:url("../images/tracker_pk.png") no-repeat scroll 50% 0 transparent;
height:126px;
width:126px;
position:absolute;
bottom:15px;
left:11px;
z-index:994;
}
#u_0_grade_pk:hover {
background:url("../images/tracker_pk.png") no-repeat scroll 50% -126px transparent;
}
#u_0_grade_pk:active {
background:url("../images/tracker_pk.png") no-repeat scroll 50% -252px transparent;
}

#speech_bubble {
background:url("../images/speech_bubble.png") no-repeat scroll 50% 0 transparent;
height:231px;
width:227px;
position:absolute;
bottom:140px;
left:11px;
z-index:100;
}

#welcome {font-size:20px; font-weight:bold; color:#3b4c73;margin-left:25px;margin-right:25px;margin-top:25px;}
#instructions {font-size:15px; font-weight:bold; color:#3b4c73;margin-left:25px;margin-right:25px;}


#logo_2003 {
	background:url(../images/TK_logo.png) no-repeat; 
	width:314px; 
	height:131px;
	z-index:999;
	position:absolute;
	left:323px;
	top:-60px;
}
	
#speech_bubble_2003 {
height:165px;
width:175px;
position:absolute;
top:130px;
left:80px;
z-index:998;
}

#spacer_2003 {height:200px;}

#welcome_2003 {font-size:20px; font-weight:bold; color:#3b4c73;}
#name_2003 {font-size:20px; font-weight:bold; color:#ea6500;}
#instructions_2003 {font-size:15px; font-weight:bold; color:#3b4c73;margin-top:25px;}

#info_text_2003 {width:255px;position:absolute;top:225px;left:8px;line-height:20px;}

#feature_holder_2003 {height:538px;width:961px;margin:0px;margin-bottom:200px;position:relative;}

#feature_01_2003 {background:url(../images/feature_01_noScore.png) no-repeat; width:306px;height:338px;float:left;}

#feature_02_gpk_2003 {background:url(../images/feature_02_gpk.jpg) no-repeat; width:313px;height:338px;float:left;}
#feature_02_gk_2003 {background:url(../images/feature_02_gk.jpg) no-repeat; width:313px;height:338px;float:left;}
#feature_02_g01_2003 {background:url(../images/feature_02_g01.jpg) no-repeat; width:313px;height:338px;float:left;}
#feature_02_g02_2003 {background:url(../images/feature_02_g02.jpg) no-repeat; width:313px;height:338px;float:left;}
#feature_02_g03_2003 {background:url(../images/feature_02_g03.jpg) no-repeat; width:313px;height:338px;float:left;}
#feature_02_g04_2003 {background:url(../images/feature_02_g04.jpg) no-repeat; width:313px;height:338px;float:left;}
#feature_02_g05_2003 {background:url(../images/feature_02_g05.jpg) no-repeat; width:313px;height:338px;float:left;}
#feature_02_g06_2003 {background:url(../images/feature_02_g06.jpg) no-repeat; width:313px;height:338px;float:left;}

#feature_03_2003 {background: url(../images/feature_03_noScore.png) no-repeat; width:342px;height:338px;float:left;position:relative;}

#go_arrow_2003 {
background:url("../images/go_arrow.png") no-repeat scroll 50% 0 transparent;
height:78px;
width:60px;
position:absolute;
bottom:43px;
left:187px;
z-index:999;
}
#go_arrow:hover_2003 {
background:url("../images/go_arrow.png") no-repeat scroll 50% -78px transparent;
}
#go_arrow:active_2003 {
background:url("../images/go_arrow.png") no-repeat scroll 50% -156px transparent;
}