@charset "UTF-8";


body {
	margin:0;
	font:100% Verdana, sans-serif;
	background: #fff url("images/header-bg.jpg") top center repeat-x;
	color: #666; 
	padding:0;
}

body#help {
	background:#fff;
}

div#container{
	width: 960px;
	padding: 0;
	margin:0 auto;
	text-align: left;
voice-family: "\"}\""; 
voice-family:inherit;
width: 960px;
}

p {font-size: 75%; margin:0; padding:0 0 10px 0; line-height: 1.5;}
ul, ol {font-size: 75%; line-height: 1.5}
li {padding:0 0 5px;}
a {text-decoration: underline; color: #398db5;}


/* header ---------------------------------------------------------------------------- */

div#logo {float: left; width: 255px; height: 59px;}
div#top_nav {float: left; width: 705px; text-align: right; margin:10px 0 0 0;}
div#top_nav p {padding:0;}
div#top_nav img {vertical-align:middle; margin:0 0 0 10px}


/* help popups ---------------------------------------------------------------------------- */

div#help_header {
	background: #fff url("images/header-help-bg.jpg") top center repeat-x;
	padding:0 10px;
}
div#help_content {padding:0 10px;}

/* tabbed main nav ---------------------------------------------------------------------------- */

ul#nav {
  margin:0 0 0 10px;
  padding:0;
  list-style:none;
  font-family: Arial, sans-serif;font-size:95%;font-weight:bold; letter-spacing:1px;
  line-height:1.3;
  
  }
ul#nav li {
  float:left;
  background:url("images/tab-left.gif") no-repeat left top;
  margin:0 10px 0 0;
  padding:0 0 0 5px;
  /*border-bottom: 1px solid #204188;*/
  }
ul#nav li.selected {
  background:url("images/tab-left-select.gif") no-repeat left top;
  /*border-bottom: 1px solid #fff;*/
 }
ul#nav a {
  float:left;
  display:block;
  background:url("images/tab-right.gif") no-repeat right top;
  padding:3px 8px 5px 3px;
  text-decoration:none;
  color:#9a2b00;
  }
ul#nav li.selected a {
  background:url("images/tab-right-select.gif") no-repeat right top; color:#1fa0dc;margin:0;
 }
 /* Commented Backslash Hack
   hides rule from IE5-Mac \*/
ul#nav a {float:none;}
/* End IE5-Mac hack */


/* layout ---------------------------------*/

div#sub_nav {float: left; width: 160px; margin:12px 30px 0 0; background: url("images/subnav-top.gif") no-repeat;}
div#content {float: left; width: 770px; margin:12px 0 0 0;}

div#content_full {margin:12px 0 0 0;}

div#text_content_main {float: left; width: 500px; margin:0 30px 0 0;}
div#text_content_right {float: left; width: 240px; margin:10px 0 0 0;}

div#text_content_full {float: left; width: 690px; margin:0 30px 0 0;}

div#rhs_box {background: #fdf9ea; border: 1px solid #ffeda2; padding: 10px;}

div#main_profile_image {float: left; margin:0 15px 0 0;}
div#main_profile_image p {color: #fff; font-weight: bold; z-index:50; position:absolute; margin:1px 0 0 1px; font-size: 65%;background: #cc3333;padding:0;}
div#main_profile_image p span {padding: 2px;}


/* sub nav ---------------------------------*/

div#sub_nav ul {margin:9px 0 0 0; padding:0 0 9px;border-top:1px solid #c7d7e1;background: url("images/subnav-btm.gif") left bottom no-repeat;font-family: Arial, sans-serif;font-size:85%;font-weight:bold; }
div#sub_nav ul#h_a {font-size: 80%; font-weight:normal;}

div#sub_nav ul li {list-style:none; background: #d9e8ef; border-bottom:1px solid #c7d7e1; padding:9px 10px 6px;}

div#sub_nav ul#h_a li {padding:6px 10px 4px;}
div#sub_nav ul#h_a li.title {list-style:none; background: #7fa0ae; border-bottom:1px solid #c7d7e1; padding:3px 10px 3px; color: #fff;font-weight:bold;}

div#sub_nav ul li.selected {background: #f0f6fa;}

div#sub_nav ul li a {text-decoration: none;color: #628ea3;}
div#sub_nav ul li.selected a {color: #1fa0dc;}

div#sub_nav ul#h_a li a:hover {text-decoration: underline;}

div#sub_nav ul li img {border: 1px solid #cbdae3; vertical-align:middle; margin:-3px 10px 0 0;}
div#sub_nav ul li img.add {border: none;}


/* home overview page ---------------------------------*/

div.largebox_top {/*background: #d9e8ef url("images/large-box-top.gif") no-repeat;*/background: #f0f6fa; border-top: 3px solid #0e5b8b;border-bottom: 1px solid #d9e8ef;margin: 10px 0 0 0; padding:0 10px;}
div.largebox_top_activity {/*background: #d9e8ef url("images/large-box-top.gif") no-repeat;*/background: #f0f6fa; border-top: 3px solid #0e5b8b;border-bottom: 1px solid #d9e8ef;margin: 0; padding:0 10px;}
div.largebox_mid {/*background: url("images/large-box-mid.gif") repeat-y;*/ margin: 0; padding:0;}
div.largebox_btm {/*background: url("images/large-box-btm.gif") no-repeat;border-bottom: 1px solid #0e5b8b;*/margin: 0; height: 5px;border-bottom: 1px solid #d9e8ef;}

ul#games_list {padding:10px 0 0 5px; margin:0;}
ul#games_list li {list-style:none; display:inline; padding: 0 8px 0 0;}
ul#games_list li img {border: 1px solid #ccc; margin:0 0 15px}
ul#games_list li img.game_tick {border: none; z-index:99; position: absolute; margin:35px 0 0 8px}
ul#games_list li.selected {background: url("images/game-selector.gif") left bottom no-repeat;}
ul#games_list li.tick {background: url("images/tick-selector.gif") left bottom no-repeat;}

ul#games_list li span {color: #fff; font-weight: bold; z-index:75; position:absolute; margin:1px 0 0 1px; font-size: 80%;background: #cc3333;padding:2px; line-height:1;}

div#num_box {float: left; width: 248px; border-right: 2px solid #d9e8ef; padding: 5px 0 0;}
div#lit_box {float: left; width: 248px; border-right: 2px solid #d9e8ef;padding: 5px 0 0;}
div#other_box {float: left; width: 248px; padding: 5px 0 0;}


div#mid_box_1 {float:left; width: 255px; border-right: 2px solid #d9e8ef; padding: 0; background: url("images/dyslexia-screener-icon.gif") top right no-repeat; border-bottom: 1px solid #d9e8ef; height: 70px;}
div#mid_box_2 {float:left; width: 255px; border-right: 2px solid #d9e8ef; padding: 0; background: url("images/comp-graph-icon.gif") top right no-repeat; border-bottom: 1px solid #d9e8ef; height: 70px;}
div#mid_box_3 {float:left; width: 255px; padding: 0; background: url("images/report-icon.gif") top right no-repeat; border-bottom: 1px solid #d9e8ef; height: 70px;}

div#mid_box_1 p {padding: 5px 95px 5px 5px;}
div#mid_box_2 p {padding: 5px 105px 5px 5px;}
div#mid_box_3 p {padding: 5px 65px 5px 5px;}

div#mid_box_1 a, div#mid_box_2 a, div#mid_box_3 a {font-weight:bold;}



div.activity_box {float: left; width: 215px; padding: 10px 0 0;}
div.activity_box p {margin:0 10px 0 0;}
div.activity_box img {border: 1px solid #ccc; float: left; margin:0 10px 0 0;}

div.activity_box_view {float: left; width: 100px; padding: 10px 0 0;}
div.activity_box_view img.view_activities {margin: 15px 0 0; border: none;float: right;}

div#overview_right {float: right; padding: 10px;margin:5px 0 0 20px; background: #fdf9ea; border: 1px solid #ffeda2;}
div#overview_right ul {margin:0; padding:0;font-size: 70%;}
div#overview_right ul li {list-style:none; padding:3px 0 4px 20px;}
div#overview_right ul li.edit {background: url("images/edit-icon.gif") left center no-repeat;}
div#overview_right ul li.assessment {background: url("images/assessment-icon.gif") left center no-repeat; }
div#overview_right ul li.certificate {background: url("images/certificate-icon.gif") left center no-repeat;}


div.box_welldone {margin:10px 0;background:#fdf9ea url("images/face-icon.gif") left top no-repeat;padding:10px 10px 10px 35px; border: 3px solid #ffeda2;}
div.box_welldone p {padding:0;}
div.box_welldone p strong {color: #ad8e0d;}

div.box_welldone p.float_right {float: right; padding: 0; font-size: 65%;margin:0}


div.box_caution {margin:10px 0;background:#fdf9ea url("images/caution-icon.gif") left top no-repeat;padding:10px 10px 10px 35px; border: 3px solid #ffeda2;}
div.box_caution p {padding:0;}
div.box_caution p strong {color: #ad8e0d;}

div.box_warning {margin:10px 0;background:#ffe8ed;padding:10px; border: 3px solid #ae5d6e;}
div.box_warning p {padding:0;color: #8c243a;}


/* lists ---------------------------------*/

ul#filter {margin:20px 0 0 0; padding:0; /*border-left: 1px solid #d9e8ef;*/}
ul#filter li {float:left;display:block; list-style: none; padding:3px 8px; border: 1px solid #d9e8ef; float: left; margin:0 10px 0 0;}
ul#filter li a {float:left;display:block;text-decoration:none;}
ul#filter li.selected {background: #ffeda2;}
ul#filter li.selected a {text-decoration:none;}

ul#game_info, ul.game_info {color: #80959e; margin:10px 0; padding:0; font-family: Arial, sans-serif;font-size: 95%;}
ul.game_info {border-bottom: 1px solid /*#d9e8ef*/#0e5b8b; margin:10px 0; padding:0 0 10px}
ul#game_info li, ul.game_info li {list-style:none; margin:0; padding:3px 0 3px 20px;}
li.learning_skill {background: url("images/learning-skill-icon.gif") left center no-repeat;}
li.time {background: url("images/watch-icon.gif") left center no-repeat;}
li.parents {background: url("images/parent-icon.gif") left center no-repeat;}
li.house {background: url("images/house-icon.gif") left center no-repeat;}
li.comments {background: url("images/post-icon.gif") left center no-repeat;}
li.basket {background: url("images/basket-icon.gif") left center no-repeat;}
li.headphones {background: url("images/headphones-icon.gif") left center no-repeat;}
ul.game_info li.assessment {background: url("images/assessment-icon-white.gif") left center no-repeat;color: #0e5b8b;}

ul#profile_pic_select {margin:10px 0; padding:0;}
ul#profile_pic_select li {display:inline; list-style:none; padding:0 10px 0 0;}
ul#profile_pic_select li img {border: 3px solid #c7d7e1;}
ul#profile_pic_select li.selected img {border: 3px solid #e45d0e;}

ul.h_a_rhs {margin:0; padding:0;}
ul.h_a_rhs li {margin:0; padding: 0 0 10px 20px; list-style:none;}
ul.h_a_rhs li.advice {background: url("images/expert-advice-icon.gif") left top no-repeat;}
ul.h_a_rhs li.money {background: url("images/money-icon.gif") left top no-repeat;}

ul.information_list {margin:0 0 5px; padding:0;}
ul.information_list li {padding:5px 0 5px 25px; list-style:none; background: url("images/information-icon.gif") left center no-repeat;}

div.box ul.information_list li {padding:5px 0 5px 25px; list-style:none; background: url("images/information-icon-yellow.gif") left center no-repeat;}

li.red  {background: url("images/mini-traffic-red-white.gif") left top no-repeat; padding:0 0 5px 15px; list-style:none;}
li.red span.red {color: #990000; font-weight:bold; background:none;padding:0;}
li.green {background: url("images/mini-traffic-green-white.gif") left top no-repeat; padding:0 0 5px 15px; list-style:none;}
li.green span.green {color:#006600; font-weight:bold; background:none;padding:0;}
li.amber {background: url("images/mini-traffic-amber-white.gif") left top no-repeat; padding:0 0 5px 15px; list-style:none;}
li.amber span.amber {color:#CC6600; font-weight:bold; background:none; padding:0;}
li.not_played {background: url("images/mini-traffic-grey-white.gif") left top no-repeat; padding:0 0 5px 15px; list-style:none;}


/* listing ---------------------------------*/

div.advice_listing, div.message_listing {margin: 10px 0 0;padding:0; border-bottom: 1px solid /*#d9e8ef*/#0e5b8b;}
div.activity_listing {margin:10px 0 5px 0;padding:0; border-bottom: 1px solid /*#d9e8ef*/#0e5b8b;}
div.activity_listing a.activity_title {font-weight: bold;}

div.activity_list_box {float: left; width: 250px; margin:0 10px 0 0;}
div.activity_list_box_last {float: left; width: 250px; margin:0;}

div.activity_listing img.thumb {border: 1px solid #ccc; float: left; margin:0 10px 10px 0;}
div.activity_listing img.rate {vertical-align: middle;}

div.activity_list_rhs, div.advice_list_rhs {float: right; width: 200px;background: #fdf9ea; border: 1px solid #ffeda2;padding: 10px 10px 0; margin:0 0 20px 20px;}
div.activity_list_rhs p.goal {padding:0;}
div.activity_list_rhs p.green {background: url("images/mini-traffic-green.gif") left center no-repeat; font-size: 65%; padding:5px 0 5px 15px}
div.activity_list_rhs p.red {background: url("images/mini-traffic-red.gif") left center no-repeat; font-size: 65%; padding:5px 0 5px 15px}
div.activity_list_rhs p.amber {background: url("images/mini-traffic-amber.gif") left center no-repeat; font-size: 65%; padding:5px 0 5px 15px}
div.activity_list_rhs p.grey {background: url("images/mini-traffic-grey.gif") left center no-repeat; font-size: 65%; padding:5px 0 5px 15px}

div.expert_listing {float: left; width: 142px; margin:0 15px 10px 0;}
div.expert_listing img {border: 1px solid #b3b5b8;}

div.item_scroller {height: 250px; overflow: auto;border-bottom: 1px solid /*#d9e8ef*/#0e5b8b;border-top: 2px solid /*#d9e8ef*/#0e5b8b;margin:0 0 20px 0;}

/* search ---------------------------------*/

div#search_box {background: #d9e8ef; padding: 2px 0 5px;margin:0 0 10px 0;}

div.search_dd_box {float: left; width: 240px; /*border-right: 1px solid #80959e;*/}
div.search_check_box {float: left; width: 217px; /*border-right: 1px solid #80959e;*/}
div.search_btn_box {float: left; width: 90px;}


/* graph ---------------------------------*/

label.graph {float:left; width: 200px;clear:left; margin:15px 10px 0 0; color: #0e5b8b; font-family: Arial, sans-serif;font-size: 95%;}
div#graph_holder {margin:0 0 10px;}

/* comparison graph ---------------------------------*/

div.comparison_head_left {float:left; width:230px; margin:0 10px 0 0; background: #d9e8ef; border-bottom: 1px solid #0e5b8b; height: 35px;}
div.comparison_head_right {float:left; width:530px; margin:0;background: #d9e8ef url("images/comparison-graph-header-bg.gif") no-repeat; border-bottom: 1px solid #0e5b8b; height: 35px;}

label.comp_graph {float:left; width: 230px;clear:left; margin:10px 10px 10px 0; color: #0e5b8b; font-family: Arial, sans-serif;font-size: 95%; font-weight:bold;}
label.comp_graph span {font-size: 80%; font-weight:normal; margin:0 0 0 16px;}

div.comp_img_holder img {margin:10px 5px 10px 0; padding:0; border:none; float:left;}
div.comp_img_holder img.last {margin:10px 0;}

div#nat_average_bar {position:absolute; z-index:99; margin: -1px 0 0 505px;}

div.comparison_head_inner_left {float:left;}
div.comparison_head_inner_right {float:right;}

/* dyslexia graph ---------------------------------*/

div#dyslexia_holder {/*float:left; width:455px; margin:0 25px 0 0;*/}
div#dys_card {float:left; width: 290px;}

div.dys_head_left {float:left; width:230px; margin:0 10px 0 0; background: #d9e8ef; border-bottom: 1px solid #0e5b8b; height: 35px;}
div.dys_head_right {float:left; width:530px; margin:0;background: #d9e8ef url("images/comparison-graph-header-bg.gif") no-repeat; border-bottom: 1px solid #0e5b8b; height: 35px;}

label.dys_graph {float:left; width: 230px;clear:left; margin:10px 10px 10px 0; color: #0e5b8b; font-family: Arial, sans-serif;font-size: 95%; font-weight:bold;}
label.dys_graph span {font-size: 80%; font-weight:normal; margin:0 0 0 16px;}

div.dys_img_holder img {margin:10px 5px 10px 0; padding:0; border:none; float:left;}
div.dys_img_holder img.last {margin:10px 0;}

div.dys_head_inner_left {float:left;}
div.dys_head_inner_right {float:right;}

div#dys_box_high, div#dys_box_low {border: 3px solid #ae5d6e; position: absolute;}

div#dys_box_high {margin: 7px 0 0 558px; width: 209px; height: 82px;}
div#dys_box_low {margin: 111px 0 0 237px; width: 209px; height: 186px;}

* html div#dys_box_high {margin: 7px 0 0 318px;}
* html div#dys_box_low {margin: 111px 0 0 -3px;}


/* dyslexia screener ---------------------------------*/

/*div.dyslexia_head_left {float:left; width:124px; margin:0 5px 0 5px; background: #d9e8ef; border-bottom: 1px solid #0e5b8b; height: 35px;}
div.dyslexia_head_right {float:left; width:318px; margin:0;background: #d9e8ef url("images/comparison-graph-header-bg.gif") no-repeat; border-bottom: 1px solid #0e5b8b; height: 35px;}

label.dyslexia_graph {text-align:center; float:left; width: 124px; margin:10px 5px 10px 5px; color: #0e5b8b; font-family: Arial, sans-serif;font-size: 95%; font-weight:bold;}
label.dyslexia_graph span {font-size: 80%; font-weight:normal; margin:0 0 0 16px;}

div.dyslexia_img_holder img {margin:10px 5px 10px 0; padding:0; border:none; float:left;}
div.dyslexia_img_holder img.last {margin:10px 0;}

div.dyslexia_head_inner_left {float:left; text-align:center}
div.dyslexia_head_inner_right {float:right;}*/


/* upgrade bits ---------------------------------*/

ul#home_details_plus {margin:0 0 20px 5px; padding:0; font-size: 70%;}
ul#home_details_plus li {display:inline; list-style:none; margin:0; padding:0 15px 5px 20px;}
ul#home_details_plus li.moneyback {background: url("images/home-list-moneyback-white.gif") no-repeat;}

ul#home_details_plus li a {color: #666;}

/* extend bits ---------------------------------*/
div.extend_box {border-bottom: 1px solid #d9e8ef; padding:10px 0;}

div#extend_buy {background: url("images/extend-buybox-bg.jpg") top right no-repeat; padding:0 370px 0 0;}



/* table listings ---------------------------------*/

table#learning_goals {width: 770px; text-align: left;}
table#learning_goals th {background: #d9e8ef;}
table#learning_goals th.suggested {text-align: center;}
table#learning_goals th p {padding: 2px 10px; font-weight: normal;}

table#learning_goals td {border-bottom: 1px solid /*#d9e8ef*/#0e5b8b; padding:3px 0;}
table#learning_goals td p {padding:0;}
table#learning_goals td.num {width: 20px;vertical-align:middle}
table#learning_goals td.text {width: 415px;vertical-align:middle}
table#learning_goals td.achieved {width: 100px;border-left: 1px solid #d9e8ef;border-right: 1px solid #d9e8ef;}
/*table#learning_goals td.back {width: 40px; text-align: center; vertical-align:middle;}*/
table#learning_goals td.activity {width: 235px;padding: 5px 0 0 15px}
/*table#learning_goals td.next {width: 40px;text-align: center; vertical-align:middle;}*/

table#learning_goals td.activity p.warning_white {background: url("images/caution-icon-white.gif") left center no-repeat; padding:2px 5px 2px 40px;}

table#learning_goals td.text p, table#learning_goals td.num p {padding: 0;}

table#learning_goals td.achieved p {padding: 5px 0 5px 25px;margin:0 0 0 5px; font-size: 65%;}

table#learning_goals td.achieved p.green {background: url("images/green-traffic.gif") left center no-repeat;}
table#learning_goals td.achieved p.yellow {background: url("images/yellow-traffic.gif") left center no-repeat;}
table#learning_goals td.achieved p.red {background: url("images/red-traffic.gif") left center no-repeat;}
table#learning_goals td.achieved p.grey {background: url("images/grey-traffic.gif") left center no-repeat;}

div.activity_nav_box {padding: 0;margin:0; /*background: #fdf9ea; border: 1px solid #ffeda2;*/}

div.activity_nav_box img.thumb {border: 1px solid #ccc; float: left; margin:0 10px 10px;}
div.activity_nav_box p {margin:0;padding:0;}
div.activity_nav_box p.activity_pag_text {text-align: center; font-size: 65%;padding:0;margin:0;}


div.nav_left {float: left; width: 15px;padding:15px 0 0 0; /*background: #f8f2dd;*/}
div.nav_mid {float: left; width: 190px; /*border-left: 1px solid #f2eaca; border-right: 1px solid #f2eaca;*/}
div.nav_right {float: left; width: 15px;padding:15px 0 0 0}


table#payment_history {width: 500px; text-align: left;}
table#payment_history th {background: #d9e8ef;text-align:center}
table#payment_history th p {padding: 2px 10px; font-weight: normal;}

table#payment_history td {border-bottom: 1px solid /*#d9e8ef*/#0e5b8b; padding:3px 0;}
table#payment_history td p {padding:0;}
table#payment_history td.date {width: 150px;border-right: 1px solid #d9e8ef;}
table#payment_history td.child_name {width: 150px;border-right: 1px solid #d9e8ef; text-align:center;}
table#payment_history td.item {width: 145px; border-right: 1px solid #d9e8ef;}
table#payment_history td.item p {padding: 0 5px;}
table#payment_history td.amount {width: 75px;text-align:center; border-right: 1px solid #d9e8ef;}
table#payment_history td.status {width: 75px; text-align:center; border-right: 1px solid #d9e8ef;}
table#payment_history td.details {width: 75px; text-align:center}


table#dyslexia_screener {width: 770px; text-align: left;}
table#dyslexia_screener th {background: #d9e8ef;}
table#dyslexia_screener th.suggested {text-align: center;}
table#dyslexia_screener th p {padding: 2px 10px; font-weight: normal;}

table#dyslexia_screener td {border-bottom: 1px solid /*#d9e8ef*/#0e5b8b; padding:5px 0;}
table#dyslexia_screener td p {padding:0;}
table#dyslexia_screener td.area {width: 300px;vertical-align:middle;border-right: 1px solid #d9e8ef;color: #0e5b8b;}
table#dyslexia_screener td.level {width: 200px;vertical-align:middle; border-right: 1px solid #d9e8ef;}
table#dyslexia_screener td.notes {width: 265px;}
table#dyslexia_screener td.notes p {padding: 5px;}

table#dyslexia_screener td.level p {padding: 5px 0 5px 25px;margin:0 0 0 5px; font-size: 65%;}
table#dyslexia_screener td.level p.green {background: url("images/green-traffic.gif") left center no-repeat;}
table#dyslexia_screener td.level p.yellow {background: url("images/yellow-traffic.gif") left center no-repeat;}
table#dyslexia_screener td.level p.red {background: url("images/red-traffic.gif") left center no-repeat;}
table#dyslexia_screener td.level p.grey {background: url("images/grey-traffic.gif") left center no-repeat;}



/* help and advice ---------------------------------*/

div#rhs_box_355 {float: right; width: 355px; margin:0 0 10px 20px;background: #fdf9ea; border: 1px solid #ffeda2;padding:0;}
div.expert_box {width: 175px; float:left; margin:0; padding:0 0 10px}
div.expert_box img {border: 1px solid #b3b5b8; float: left; margin:0 10px 0 10px;}

div.h_a_box {float: left; width: 242px; margin:0 22px 0 0;border-bottom: 1px solid #d9e8ef;}
div.h_a_box_last {float: left; width: 242px; margin:0; border-bottom: 1px solid #d9e8ef;}


/* footer ---------------------------------*/

div#footer {background: #ffeda2; margin:20px 0 10px}
div#footer p {padding: 3px 2px; font-size: 70%; color: #a99e72}
div#footer a {color: #a99e72}


/* Hs, Ps and images ---------------------------------*/

h1 {color: #0e5b8b; margin:0; padding:0; font-family: Arial, sans-serif; font-size: 190%;/*letter-spacing:1px;*/}

h2 {color: #0e5b8b; margin:0; padding:5px 0; font-family: Arial, sans-serif;font-size: 140%;/*letter-spacing:1px;*/}

h2 a {color: #0e5b8b;}

h2.play {background: url("images/play-icon.gif") left center no-repeat; padding: 5px 0 5px 30px;}
h2.profile {background: url("images/profile-icon.gif") left center no-repeat; padding: 5px 0 5px 30px;}
h2.progress {background: url("images/progress-icon.gif") left center no-repeat; padding: 5px 0 5px 30px;}

h2.advice {background: url("images/advice-icon.gif") left center no-repeat; padding: 5px 0 5px 30px;}
h2.parents {background: url("images/parents-icon.gif") left center no-repeat; padding: 5px 0 5px 30px;}
h2.techhelp {background: url("images/techhelp-icon.gif") left center no-repeat; padding: 5px 0 5px 30px;}

div#text_content_main h2.inbox {padding: 5px 0 5px 0;}

h2 span {color: #81a1b0;font-size: 65%;letter-spacing:0;}

div.h_a_box h2, div.h_a_box_last h2 {font-size: 115%;}

div#text_content_main h2 {padding:15px 0 5px;}

h3 {color: #80959e; margin:0; padding:10px 0; font-family: Arial, sans-serif;font-size: 95%;/*letter-spacing:1px;*/ font-weight:normal;}
h3.title {padding:0;}
h3.extend {color: #80959e; margin:0; padding:10px 0; font-family: Arial, sans-serif;font-size: 100%;/*letter-spacing:1px;*/ font-weight:bold; }
div#num_box h3 {padding:0;}
div#lit_box h3, div#other_box h3 {padding:0 0 0 5px;}
div#rhs_box_355 h3 {padding: 10px; color: #baa961;font-size: 100%;}
div.advice_listing h3 {padding: 5px 0 10px; font-size: 100%; color: #0e5b8b;}
div.expert_listing h3 {padding: 5px 0 3px;}
div.search_check_box h3, div.search_dd_box h3, div.search_btn_box h3 {padding: 10px;}

div.comparison_head_left h3, div.comparison_head_right h3 {color: #0e5b8b; margin:0 0 0 10px; padding:7px 0; font-family: Arial, sans-serif;font-size: 110%; font-weight:bold;}
div.comparison_head_right h3 {text-align:center;}

div.comparison_head_inner_left h3 {font-size: 90%;padding:10px 0; color: #9c930f;margin:0 10px;}
div.comparison_head_inner_right h3 {font-size: 90%;padding:10px 0; color: #007b0a;margin:0 10px;}

div.dyslexia_head_left h3, div.dyslexia_head_right h3 {color: #0e5b8b; margin:0 0 0 10px; padding:7px 0; font-family: Arial, sans-serif;font-size: 110%; font-weight:bold;}
div.dyslexia_head_right h3 {text-align:center;}

div.dyslexia_head_inner_left h3 {font-size: 90%;padding:10px 0; color: #9c930f;margin:0 10px;}
div.dyslexia_head_inner_right h3 {font-size: 90%;padding:10px 0; color: #007b0a;margin:0 10px;}

div.dys_head_left h3, div.dys_head_right h3 {color: #0e5b8b; margin:0 0 0 10px; padding:7px 0; font-family: Arial, sans-serif;font-size: 110%; font-weight:bold;}
div.dys_head_right h3 {text-align:center;}

div.dys_head_inner_left h3 {font-size: 90%;padding:10px 0; color: #9c930f;margin:0 10px;}
div.dys_head_inner_right h3 {font-size: 90%;padding:10px 0; color: #007b0a;margin:0 10px;}

h4 {background: #d9e8ef; padding: 2px 10px; font-size: 75%; font-weight: normal; margin:10px 0;}

h4.extend {background: #d9e8ef; padding: 5px 10px; font-weight: bold; margin:10px 0;font-family: Arial, sans-serif;font-size: 85%; color: #178fc8; line-height: 1.4;}

h4.warning_happy {background: #f1fdea ; border: 1px solid #c7ffa2; padding: 10px; margin:5px 0 10px 0; color: #437d24;}

a.title {font-weight: bold;}

p.right {text-align: right;}

p.center {text-align: center;}

p.breadcrumb {padding:0 0 10px 0;}
p.breadcrumb span {background: #ffeda2; padding: 2px;}

p.title {color: #0e5b8b;}

p.help_right {float: right; padding: 4px 25px 4px 0;background: url("images/help-icon.gif") right center no-repeat; font-size: 65%;margin:5px 0 0 0}
p.extras_right {float: right; padding: 4px 0 4px 0; font-size: 65%;margin:5px 0 0 0}
p.float_right {float: right; padding: 4px 10px 4px 0; font-size: 65%;margin:5px 0 0 0}

p.refresh_right {text-align: right; padding: 6px 25px 8px 0;margin:0 0 0 0; background: url("images/search-icon.gif") right center no-repeat;}

p.pag {background: #d9e8ef; padding: 2px 10px;}
p.activity_pag {background: #d9e8ef; padding: 2px 10px;border-top: 1px solid /*#d9e8ef*/#0e5b8b;}

p.activity_interact {padding:0 0 10px;}

p.box, div.box { background: #fdf9ea; border: 1px solid #ffeda2;padding: 10px;margin:0 0 10px}
p.box_help { background: #fdf9ea; border: 3px solid #ffeda2;padding: 10px;margin:0 0 10px}
p.box_help {margin:10px 0 10px 0;background:#fdf9ea url("images/question-icon.gif") left center no-repeat;padding:10px 10px 10px 35px}
p.box_help strong {color: #ad8e0d;}

p.quote { background: #fdf9ea; border: 1px solid #ffeda2;padding: 10px;margin:0 0 10px; color: #baa961; font-size: 90%;font-family: Arial, sans-serif;}
p.quote em {font-style:normal;}
p.quote span {font-size: 80%; color:#999; font-family: Verdana, sans-serif;}

p.recommended_box { background: #fdf9ea; border: 1px solid #ffeda2;padding: 5px; margin:5px 0 0 0;}

p.post {background: url("images/parent-icon.gif") left center no-repeat;padding: 5px 0 3px 20px; font-style:italic;border-top: 1px solid #d9e8ef;}
div.advice_listing p.post {border:none;}

p.unread {background: url("images/message-unread-icon.gif") left center no-repeat;padding: 3px 0 3px 25px;}
p.read {background: url("images/message-read-icon.gif") left center no-repeat;padding: 3px 0 3px 25px;}

p.learning_goal {margin:0; padding:0; }
p.learning_goal span {background: #0e5b8b; color: #fff; padding: 2px;}

p.activity_number {background: #f0f6fa; margin:0 0 5px; padding:2px;}

p.information {background: url("images/information-icon.gif") left top no-repeat; padding: 0 0 5px 25px;}

p.no_pad { padding: 0px; }

p#alert {font-size: 65%; color: #fff; font-weight:bold; padding:3px; z-index:20; position:absolute; margin:3px 0 0 843px;}
p#alert span {padding:8px; background: url("images/alert-bg.gif") center center no-repeat;}

p.extend_title_large {color: #95864e;font-family: Arial, sans-serif;font-size: 140%; font-weight:bold; padding:5px 0 10px;}
p.extend_title {color: #95864e;font-family: Arial, sans-serif;font-size: 100%; font-weight:bold;}

span.alert { font-size: 80%; font-family:Verdana,sans-serif; color: #fff; font-weight:bold; padding:8px; background: url("images/alert-bg.gif") center center no-repeat; }

img.profile_pic {border: 1px solid #b3b5b8;}

img.mini_graph {margin: 10px 0 0 5px;}
div#num_box img.mini_graph {margin: 10px 0 0 0;}

img.graph {margin:10px 0 15px;}

img.game_preview, img.activity_preview, img.expert {float: right; margin:10px 0 20px 20px;border: 1px solid #b3b5b8;}

img.play_btns {margin:0 5px 0 0;}

img.delete_msg {float: right;margin:0 0 10px;}

img.activity_search {vertical-align:middle;}

img.new_assessment {vertical-align:middle; margin:5px 0 0 0;}

img.lhs_ad {margin:30px 0 0 0;}

span.trial {font-size: 80%; background: #d60505; color: #fff; padding: 2px;}

span.money {color: #b74118;}
span.green {background: url("images/mini-traffic-green.gif") left center no-repeat; padding:0 0 0 15px}
span.amber {background: url("images/mini-traffic-amber.gif") left center no-repeat; padding:0 0 0 15px}
span.red {background: url("images/mini-traffic-red.gif") left center no-repeat; padding:0 0 0 15px}
span.gry {background: url("images/mini-traffic-grey.gif") left center no-repeat; padding:0 0 0 15px}
span.orange{color:#ea8202}
span.upgrade_text{font-size:50%;}

span.small {font-size: 90%;}


/* clears ---------------------------------*/

div.clear_left {clear: left; height: 1px; line-height: 0.1;}
div.clear_right {clear: right; height: 1px; line-height: 0.1;}
div.clear_both {clear: both; height: 1px; line-height: 0.1;}

div.clear_left_line {clear: left; height: 1px; line-height: 0.1;border-bottom: 1px solid #0e5b8b;}


/* form styles ---------------------------------*/

form#edit_details {margin:10px 0 0 0; padding:0;}
form#comment {margin:10px 0 0 0; padding:10px 0 0 0;border-top: 1px solid #d9e8ef;}
form#sort, form#search, form#payment {margin:0; padding:0;}

form#question {margin:0; padding:5px 0 0 0;border-top: 1px solid #d9e8ef;}
form#extend_question {margin:0; padding:5px;border: 3px solid #d9e8ef;}

form#edit_details label, form#comment label {
	color: #80959e;
	font-family: Arial, sans-serif;
	font-size: 95%;
	display: inline;
	width: 200px;
	float: left;
	margin: 10px 0;
	padding: 5px 0;
	clear: left;
}

form#question label {
	color: #80959e;
	font-family: Arial, sans-serif;
	font-size: 95%;
	display: inline;
	width: 140px;
	float: left;
	margin: 10px 0;
	padding: 5px 0;
	clear: left;
}
form#extend_question label {
	color: #80959e;
	font-family: Arial, sans-serif;
	font-size: 95%;
	display: inline;
	width: 300px;
	float: left;
	margin: 5px 0;
	padding: 5px 0;
	clear: left;
}

form#edit_details label.radio, form#edit_details label.newsletter {
	clear:none;
	float:none;
	width:auto;
	margin: 10px 20px 10px 0;
}

/* error labels --------------------------------- */
form#edit_details label.error, form#comment label.error, form#sort label.error, form#search label.error, form#payment label.error, form#question label.error, p.error {color:#CC0000;}

form#payment label {color: #0e5b8b; font-family: Arial, sans-serif;font-size: 95%;margin:0 0 10px;}
form#payment label span {font-weight:bold; font-size: 120%;margin:0 0 0 5px;}
form#payment label.terms {font-size: 100%; margin:0; padding:0 0 10px 0; color: #666;font-family: Verdana, sans-serif;}

label.checkbox {margin:0 10px 0 0;}

input.register_text {margin: 10px 0;width: 230px; background: #f0f6fa; border: 1px solid #c7d7e1; padding: 3px; font-size: 20px;color: #628ea3;font-family: Arial, sans-serif; letter-spacing:1px;}
input.radio {margin: 15px 0; font-size: 20px;color: #628ea3;font-family: Arial, sans-serif; letter-spacing:1px;}
input.search_btn {margin: 30px 0 0 10px;}
input.search_check {margin:0 0 0 10px;}

input.extend_btn {margin:0 0 5px 300px;}

input.submit_act_btn {vertical-align:middle; margin:0 0 0 10px;}

select.dob {margin: 10px 5px 10px 0;background: #f0f6fa; padding: 3px; font-size: 20px;color: #628ea3;font-family: Arial, sans-serif; letter-spacing:1px;}

select.question_category {margin: 15px 5px 10px 0;background: #f0f6fa; font-size: 15px;color: #628ea3;font-family: Arial, sans-serif;}

select.country {margin: 15px 5px 10px 0;background: #f0f6fa; font-size: 15px;color: #628ea3;font-family: Arial, sans-serif; width: 240px;}

select.skill_category {margin: 0 0 10px 10px;background: #f0f6fa; font-size: 15px;color: #0e5b8b;font-family: Arial, sans-serif;}

select.sort_options {margin: 0 0 0 10px;background: #f0f6fa; font-size: 15px;color: #0e5b8b;font-family: Arial, sans-serif; vertical-align:middle;}

textarea.comment {margin: 10px 0;width: 550px; background: #f0f6fa; border: 1px solid #c7d7e1; padding: 3px; font-size: 18px;color: #628ea3;font-family: Arial, sans-serif; letter-spacing:1px;}
textarea.question {margin: 10px 0;width: 340px; background: #f0f6fa; border: 1px solid #c7d7e1; padding: 3px; font-size: 18px;color: #628ea3;font-family: Arial, sans-serif; letter-spacing:1px;}
textarea.question_error {margin: 10px 0;width: 340px; background: #f0f6fa; border: 1px solid #cc0000; padding: 3px; font-size: 18px;color: #628ea3;font-family: Arial, sans-serif; letter-spacing:1px; }

textarea.share_activity {margin: 10px 0;width: 310px; background: #f0f6fa; border: 1px solid #c7d7e1; padding: 3px; font-size: 18px;color: #628ea3;font-family: Arial, sans-serif; letter-spacing:1px;}
textarea.share_activity_error {margin: 10px 0;width: 310px; background: #f0f6fa; border: 1px solid #cc0000; padding: 3px; font-size: 18px;color: #628ea3;font-family: Arial, sans-serif; letter-spacing:1px;}



img.form_cancel {margin:0 5px 0 5px;}

img.graph {
  margin: 10px 1px 0px 1px;  
}

div#written_report ul li span{ 	font-weight: bolder;}

/*helppage*/
.help_steps{background:#fdf9ea; padding:5px; border:1px solid #ffeda2; margin:0 0 10px 0;}