@charset "utf-8"; @media all {* {margin:0; padding: 0}
option {padding-left: 0.4em}
* html body * {overflow:visible}
* html iframe, * html frame {overflow:auto}
* html frameset {overflow:hidden}
html {height: 100%}
body {min-height: 101%; font-size: 100.01%; color: #000; background: #fff; text-align: left}
fieldset, img {border: 0 solid;}
ul, ol, dl {margin: 0 0 1em 1em}
li {margin-left: 1.5em; line-height: 1.5em}
dt {font-weight: bold}
dd {margin: 0 0 1em 2em}
blockquote, cite {margin: 0 0 1em 1.5em; font-size: 0.93em; width: auto;}
#header {position:relative}
.findcoll_{ width: 99.8%; background: #E2E2E2 url("../images/p_navbg.png") repeat-x; border: 1px solid #f3f3f3; margin:0em}
.findcoll{ background:#eee; padding:2px 0;}
#topnav {position:absolute; top: 10px; right: 10px; text-align: right}
#nav {clear:both; width: auto; background:#E2E2E2}
#main {clear:both; width: auto;}
#col1 {float: left; width: 200px}
#col2 {float:right; width: 200px}
#col3 {width:auto; margin: 0 200px}
#footer {clear:both; display:block}
#col1 {z-index: 3;}
#col2 {z-index: 5;}
#col3 {z-index: 1;}
#col1_content {z-index: 4;}
#col2_content {z-index: 6;}
#col3_content {z-index: 2;}
#col1_content, #col2_content, #col3_content {position:relative}
.hidenone #col3 {margin: 0 200px;}
.hideboth #col3 {margin-left: 0; margin-right: 0;}
.hideleft #col3 {margin-left: 0; margin-right: 200px;}
.hideright #col3 {margin-left: 200px; margin-right: 0;}
.hideboth #col1, .hideboth #col2 {display:none;}
.hideleft #col1 {display:none;}
.hideright #col2 {display:none;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden}
.clearfix {display: block}
.floatbox {overflow:hidden}
#ie_clearing {display: none}
.subcolumns, .subcolumns_oldgecko {width: 100%; overflow:hidden}
.subcolumns_oldgecko {float:left}
.c50l, .c25l, .c33l, .c38l, .c66l, .c75l, .c62l {float: left}
.c50r, .c25r, .c33r, .c38r, .c66r, .c75r, .c62r {float: right; margin-left: -5px}
.c25l, .c25r {width: 25%}
.c33l, .c33r {width: 33.333%}
.c50l, .c50r {width: 50%}
.c66l, .c66r {width: 66.666%}
.c75l, .c75r {width: 75%}
.c38l, .c38r {width: 38.2%}
.c62l, .c62r {width: 61.8%}
.subc {padding: 0 0.5em}
.subcl {padding: 0 1em 0 0}
.subcr {padding: 0 0 0 1em}
.skip, .hideme, .print {position: absolute; top: -5000em; left: -5000em; height: 1px; width: 1px}
.skip:focus, .skip:active {position: static; top: 0; left: 0; height: auto; width: auto}
}
@media all {#nav_main {width: 100%; overflow:hidden; float:left; display:inline; background: #f6f6f6 url("../images/n_navbg_lgrey.jpg") repeat-x; border-bottom: 1px #999 solid; line-height: 0px}
#nav_main ul {background: transparent url("../images/n_navbg_lgrey.jpg") repeat-x top right; float:left; display:inline; margin:0; padding: 0; border-bottom: 1px #e1e1e1 solid}
#nav_main ul li {background: transparent url("../images/n_navbg_dgrey.jpg") repeat-x top right; float: left; display:inline; margin: 0; padding: 0; font-size: 1.0em; line-height: 1em; list-style-type: none; border-right: 1px #e1e1e1 solid}
#nav_main ul li a, #nav_main ul li strong {display:block; width: auto; font-size: 1em; background: transparent; text-decoration: none; color: #fff; margin: 0; padding: 0.5em 0.8em 0.5em 0.8em}
#nav_main ul li a:focus, #nav_main ul li a:hover, #nav_main ul li a:active {color: #f96; text-decoration: none}
#nav_main ul li#current {}
#nav_main ul li#current strong, #nav_main ul li#current a, #nav_main ul li#current a:focus, #nav_main ul li#current a:hover, #nav_main ul li#current a:active {color:#fff; background: transparent url("../images/n_navbg_dgrey_mouseover.jpg") repeat-x top right; text-decoration: none}
#nav_main .ledge {background: transparent url("../images/n_navbg_dgrey.jpg") repeat-x top left}
#nav_main .ledge a {background: transparent url("../images/n_navleftcorner.jpg") no-repeat top left}
#nav_main .logout {float: right}
#nav_main .logout_edge {float: right; background: transparent url("../images/n_navbg_dgrey.jpg") repeat-x top right; border: none}
#nav_main .logout_edge a {background: transparent url("../images/n_navrightcorner.jpg") no-repeat top right}
}
@media all {body {background-color: #000}
#page_margins {min-width: 500px; max-width: 80em; margin: 0px auto; background: #fff url("../images/rc_black_br.png") no-repeat bottom right}
#page{ font-size: 120%; background: url("../images/rc_black_bl.png") no-repeat bottom left}
#header {height: 50px; background: #000 url(../images/comprehencia-logo.png) no-repeat}
#logo {background: #FD5608; padding: 10px 0 0 0}
#footer {font-size: 0.8em; color: #999; border-top: 1px solid #ccc; text-align: center}
#col1 {}
#col1_content {}
#col2 {}
#col2_content {}
#col3 {min-height: 330px}
#col3_content {text-align:center}
.nicebg {background:#edf0ea}
.nicebg-2col {background:#edf0ea url(../images/home-bg1.png) repeat-y}
}
@media screen {#col1, #col1_content {display:none}
#col2, #col2_content {display:none}
#col3 {margin-left: 0; margin-right: 0; text-align: center}
}
@media all {html * {font-size: 100.01% }
body {background-color: #000; background-attachment:fixed; background-repeat: repeat-x; font-family: Arial; font-size: 75.00%}
#main {font-family: sans-serif}
h1,h2,h3,h4,h5,h6 {font-weight:normal; margin: 0 0 0.25em 0; font-family:"Trebuchet MS"}
h1 {font-size: 200%; color:#333}
h2 {font-size: 166.67% }
h3 {font-size: 150% }
h4 {font-size: 133.33% }
h5 {font-size: 116.67% }
h6 {font-size: 116.67%; font-style:italic }
p {line-height: 1.5em; margin: 0 0 1em 0}
ul, ol, dl {line-height: 1.5em; margin: 0 0 1em 1em }
li {margin-left: 1.5em; line-height: 1.5em }
dt {font-weight: bold }
dd {margin: 0 0 1em 2em }
cite, blockquote {font-style:italic }
blockquote {margin: 0 0 1em 1.5em }
strong,b {font-weight: bold }
em,i {font-style:italic }
pre, code {font-family: monospace; font-size: 1.1em}
acronym, abbr {letter-spacing: .07em; border-bottom: .1em dashed #c00; cursor: help}
.note {background: #dfd; padding: 1em; border-bottom: 1px #bdb dotted; border-bottom: 1px #dbb dotted;}
.important {background: #ffd; padding: 1em; border-bottom: 1px #ddb dotted; border-bottom: 1px #dbb dotted;}
.warning {background: #fdd; padding: 1em; border-bottom: 1px #dbb dotted; border-bottom: 1px #dbb dotted;}
.float_left {float: left; display:inline; margin-right: 1em; margin-bottom: 0.15em}
.float_right {float: right; display:inline; margin-left: 1em; margin-bottom: 0.15em}
.center {text-align:center; margin: 0.5em auto }
a {color: #900; text-decoration:none;}
a:focus, a:hover, a:active {background-color: #fee; text-decoration:underline;}
#topnav a {color: #fff; font-weight: bold; background:transparent; text-decoration:none; padding:0.2em}
#topnav a:focus, #topnav a:hover, #topnav a:active{ text-decoration:underline; background-color: transparent;}
#footer a {color: #66c; background:transparent;}
#footer a:focus, #footer a:hover, #footer a:active {color: #000; background-color: #fda; text-decoration:none;}
table {width: auto; border-collapse:collapse; margin-bottom: 0.5em}
table.full {width: 100%}
table.fixed {table-layout:fixed }
th,td {padding: 0.5em}
thead th {background: #444; color: #fff }
tbody th {background: #ccc; color: #333 }
tbody th.sub {background: #ddd; color: #333 }
hr {color: #fff; background:transparent; margin: 0 0 0.5em 0; padding: 0 0 0.5em 0; border:0; border-bottom: 1px #000 solid}
#topMessage {clear: both; background: #f5f5f5 url(../images/n_welcomebg.jpg) repeat-x; padding: 0.2em 0.5em; font-size: 150%; color:#333; font-family:"Trebuchet MS"}
#topMessage span{ color:#999;}
.marker {background:#ff0}
.fieldWithErrors {background: #faa}
textarea {width: 90%; height: 5em; overflow: auto}
.big_text_area textarea {width: 90%; height: 25em}
}
.hover_exercise {background: #fe0}
.player a {margin: 0; width: 0; font-size: 80%; color: #000; border: none; background-color: transparent}
#girlBlackWhite {height: 205px; background: transparent url(../images/girl_black_white.png) no-repeat top center}
.actionList {display: block; text-align: right; font-size: 80%}
.actionList a {padding: 0 1em 0 1em}
.radioList {display: inline; border: 1px solid #888; background: #fc9; padding: 0.2em; margin: 0 0.2em 0 0}
.infotextBox {width: 80%; margin: 0 0 0 10%; text-align: left}
#comic {text-align: center}
#sentences {width: 80%; background: #eef; margin: 0 auto; padding: 1em; border: 1px solid #33f}
#favorite_receiver {padding: 0.5em; font-size: 140%; font-weight: bold; color: #0a0; border: 2px solid #3f3; width: 80%; background: #efe}
#delete_receiver {padding: 0.5em; font-size: 140%; font-weight: bold; color: #a00; border: 2px solid #f33; width: 80%; background: #fee}
.hover_favorite {background: #000}
.hover_delete {background: #fff}
#tag_selection {border-top: 1px solid #ccc; padding: 0.5em}
.infoBox {border-top: 1px solid #ccc; padding: 0.5em}
.infoBox p {display: inline; font-size: 130%}
.infoBox ul {list-style: none; margin: 0 auto; padding: 0 0 0 1em}
.infoBox ol {padding: 0 0 0 1em}
.infoBox li {margin:0; padding:0}
.miniFrame {border-right: dotted 1px #ccc; padding: 0 0.5em 0 0.8em}
.miniFrame form {display: inline}
.miniFrame a:hover{ background:#FFFFFF; color:#333;}
.actionSelector {text-align: left; padding: 0.5em 0.5em 0.5em 0; margin-bottom:1em; color: #000; border: solid 1px #c6c2f5; background: #eee url(../images/n_actionbg.jpg) top repeat-x}
.actionSelector strong {padding: 0.5em}
.actionSelector a {color: #00a; margin: 0.5em 1em; font-weight: bold; text-decoration:underline}
.actionSelector a:hover{ border-bottom:none; text-decoration:none; background:none;}
.actionSelector .active a {color: #f11; text-decoration:none}
.transparentBox {width: 80%; max-width:600px; line-height: 1.4em; text-align: left; margin: 0 auto 1em; padding: 10px}
.redBox {width: 80%; max-width:600px; text-align: left; background: #ffeaea; margin: 0 auto 1em; padding: 0.5em; border: #f44 1px solid}
.willsRedBox {max-width:600px; text-align: center; background: #ffeaea; margin: 0 auto 1em; padding: 0.5em; border: #f44 1px solid}
.blueBox {width: 80%; text-align: left; background: #eaeaff; margin: 0 auto 1em; padding: 0.5em; border: #44f 1px solid}
.greenBox {width: 80%; max-width:600px; text-align: left; background: #eaffea; margin: 0 auto 1em; padding: 0.5em; border: #4f4 1px solid}
.selectorbox {margin: 0 auto; padding: 0; border: #ceccda 1px solid; width: 80%; text-align: left; background: #fff url(../images/n_mypoolbg.jpg) repeat-x}
.selectorbox h2 {display: inline; padding:0.5em}
.selectorbox span.createnew_{ text-align:right; font-size:1em; margin-left:2em;}
.selectorbox span.createnew_ a{ background:url(../images/plus.gif) no-repeat; padding:0 1.6em; text-decoration:underline}
.selectorbox span.createnew_ a:hover{ text-decoration:none; border-bottom:none}
.selectorbox ul {list-style-type: none; background: #fefefe url("../images/flow_001.png") repeat-y right; border-bottom: 1px solid #000; border-left: 1px solid #000; border-top: 1px solid #ccc; margin:0; font-size:110%}
.selectorbox li.selected {font-weight: bold; padding: 0 0 0 1em; border-top: 1px solid #000; border-left: 1px solid #000; background:#EFEFEF}
.selectorbox a {text-decoration: none; width: auto}
.selectorbox input {border: 1px solid #000; color: #00f; margin: 0 3px 0 0; padding: 0 1px 0 1px; background: #ffa; font-size: 80%}
.selectorbox input:hover {border: 1px solid #aa0; color: #f00; background: #ff0}
#choiceBox a {margin: 0 auto; width: 15em; display: block; font-size: 160%; color: #000; border: #a84 1px solid; background-color: #fb8}
#choiceBox a:hover {color: #fff; background-color: #00bb66}
#testbox #wrongAnswers {margin: 3%; border: #f00 2px solid}
#testbox #correctAnswers {margin: 3%; border: #0f0 2px solid}
.qw a {margin: 0; width: 0; font-size: 50%; color: #000; border: none; background-color: transparent}
#tagbox {height: 1%;font-size:0.9em; margin: 0em; text-align:left}
#tagbox a {display: block; text-align: left; margin: 0 0.2em 0 0em; color: #333; border-bottom: 1px solid #c92525; background: #f6f6f6; font-weight: normal; border-bottom: 1px solid #ccc; padding:0 0 0.2em 1em}
#tagbox .taggroup_0 a {text-align: left; background-color: #d0ddd0; border: 1px #fff solid; border-bottom: 1px #aca solid; margin: 0; padding: 0 0.5em 0 1.5em}
#tagbox .taggroup_1 a {text-align: left; background-color: #ddd0d0; border: 1px #fff solid; border-bottom: 1px #caa solid; margin: 0; padding: 0 0.5em 0 0.5em}
#tagbox .taggroup_2 a {text-align: left; background-color:#FFE3B0; border: 1px #fff solid; border-bottom: 1px #cb8 solid; margin: 0; padding: 0 0.5em 0 0.5em}
#tagbox .taggroup_3 a {text-align: left; background-color:#aae; border: 1px #fff solid; border-bottom: 1px #88c solid; margin: 0; padding: 0 0.5em 0 0.5em}
#tagbox a:hover {text-decoration: none; background:#C6E2FF}
#studyContainer {width: 95%; text-align: center; max-width: 800px}
#modeSelectionBar {margin: 1px 0 0 0; text-align: left; font-size: 90%}
#modeSelectionBar a {padding: 0px; margin: 0 0 5px 0}
#modeSelectionBar a:hover {background: url("../images/arrow4.png") no-repeat left; color: #a22}
#modeSelectionBar .active {background: #ecd5cc; border: #22a 1px solid; color: #531}
#answer {min-height: 10em}
#studybox {background: url("../images/studybox_line002.png") repeat-y center; border: 2px solid; width:99%}
#studybox .vocArea {font-weight: normal; font-size: 200%}
#studybox .vocAreaSmall {font-weight: normal; font-size: 150%}
#studybox .bigButton input {font-weight: bold; font-size: 110%; display: inline; color: #751; width: 40%; margin: 0 2% 0 2%; background: #d4b6ac url("../images/button_flow_001.gif") repeat-x top}
#studybox .bigButton input:hover {background: #d4b6ac url("../images/button_flow_002.gif") repeat-x bottom}
#editComment {border: 1px solid #aaa}
#editComment:hover {background: #ffc}
#sentenceBox {font-size: 120%; background: url("../images/line000.png") no-repeat top}
#sentenceBox .list0 {display: block; background: #c9e4ff}
#sentenceBox .list1 {display: block; background: #9cf}
#sentenceBox .hover_list {background: #afa}
.drag-me {cursor: move; margin: 2px auto; background: #bbf; width: 90%; border-top: solid 2px #ccf; border-bottom: solid 2px #aaf; padding: 2px}
.ex-drag-me {cursor: move; background: #bbf; border-top: solid 2px #ccf; border-bottom: solid 2px #aaf; border-left: solid 4px #bbf; border-right: solid 4px #bbf; font-size: 150%; margin: 1em; display: inline}
.chapter_list {width: 50%; margin: 0 auto; font-size: 120%}
.chapter_list input {font-size: 100%}
.graph {position: relative; width: 90%; border: 1px solid #a00; padding: 2px; float: left; background: #fda}
.graph .bar {display: block; position: relative; background: #9f9; border: 1px solid #0a0; text-align: center; color: #333; height: 1em; line-height: 1em}
.graph .bar span {position: absolute; left: 1em}
.name_token {padding: 3px 15px 3px 3px; margin: 1em 3px; border: #fff 1px solid; border-right: #666 1px solid; border-bottom: #666 1px solid; background: #ccf url("../images/dragBlue.gif") no-repeat right; color: #004; font-weight: bold}
.data_token {padding: 0.2em; margin: 1em 0.2em 0 0; border: #000 1px solid; font-size: 110%; background: #fff}
#token_list .name_token {margin: 0 0 0 0.5em; padding: 0; font-size: 90%; font-weight: bold; color: #000; background: #eee; border: #eee 1px solid; border-bottom: #bbf 2px solid}
.hover_list {border: #0f0 1px solid; background: #afa}
#vocbox {margin: 0 auto; text-align: left; width: 50%; background: #000 url("../images/editbox_001.png") repeat-y top; border: black 2px solid}
#vocbox .textLarge {font-size: 180%; text-align: center; display: block}
#vocbox .textSmall {font-size: 140%; text-align: center; display: block}
#vocbox input {font-size: 70%}
.orangeOnTop {padding: 1px; border: 1px solid #000; border-bottom: 1px solid #fff; background: #f96}
.greyBox {width: 80%; max-width:600px; text-align: left; background: #fea; margin: 0 auto 1em; padding: 10px; border: #f00 1px solid}
#datasets {height: 1%}
#datasets ul {list-style: none}
#datasets a {display: block}
#datasets li {display: block; width: 80%; padding: 0.2em; margin: 2px auto; border: #fb8 2px solid}
#datasets li.active {font-weight: bold; background: #8f8; border: #f90 1px solid}
#datasets .active {font-weight: bold; background: #8f8; border: #f90 1px solid}
#datasets .active a {color: #060}
#datasets a:hover {color: #000; background:transparent}
.messageInfo {margin: 0 auto; width: 70%; font-size: 70%; color: #999; text-align: left; border-top: 1px solid #fca; border-right: 1px solid #fca; background: #fec}
.message{ background: #fff; color: #000; display:block; padding: .5em 0 0 1em; font-size: 130%; border-bottom: 1px solid #fca; border-left: 2px solid #fca}
.messageInfo input {margin: 0; padding: 0; background: #ffa; font-size: 90%; color: #000; border: black 1px solid}
.g_1 {padding: 0 0 0 20px; background: url("../images/green_ball.png") no-repeat left}
.g_0 {padding: 0 0 0 20px; background: url("../images/yellow_ball.png") no-repeat left}
.g_2 {padding: 0 0 0 20px; background: url("../images/red_ball.png") no-repeat left}
.nomsg_{ color:#CC0000;}
.infoBox p.helptopic_{ background:url(../images/n_book.jpg) no-repeat; padding:0.1em 1.6em; text-decoration: none;}
.infoBox ul.leftlinks_ {list-style: none; margin: 0; padding: 0.5em 0 0 3em; font-size:0.9em}
.infoBox ul.leftlinks_ a{ text-decoration:underline;}
.infoBox ul.leftlinks_ a:hover{ background:none; text-decoration:none; border-bottom:none;}
.infoBox ol.leftlinks_ {padding: 0 0 0 1em}
.infoBox .leftlinks_ li {margin:0; padding:0}
.infobox p {display: block}
ul.poolselector_{ border:1px solid #CCCCCC; margin:0.2em 0.5em 0.5em 0.5em; background:#fff}
ul.poolselector_ li{ padding:0.1em 0; border-bottom:1px solid #ccc;}
ul.poolselector_ li a{ }
ul.poolselector_ li a:hover{background:#FFC1A4; color:#000; border-bottom:1px solid #ccc;}
.clear{ clear:both;}
.pagination{ border-top:1px dotted #ccc; margin-top:0.5em}
.pagination img{vertical-align:middle;}
.pagination a{ margin: 0 3px 0 0; padding: 0.2em}
.pagination a:hover{ background:none;}
#twitter_div {width: 90%}
#twitter_div h2 {font-size: 110%; font-weight: bold; color: #666}
#twitter_div ul {font-size: 75%; text-align: left}
#twitter_div li {background: #eee; border: 1px solid #efe; padding: 0.5em}
.tableInfo {border-top: 1px dotted #ccc; padding-top: 10px}
.tableShadow {position: relative; width: 90%; margin: 0 auto 1em; background: #666}
table {position: relative; top: -4px; left: -4px; width: 100%; border: 1px solid #ccc; background: #fee; margin: 0 auto; font-family:Verdana, Arial, Helvetica, sans-serif}
table a{ margin: 0 3px 0 0; padding: 1px 1px 1px 1px; font-size: 80%}
table a:hover{ background: #fff}
table input {border: 1px solid #333; color: #000; margin: 0 3px 0 0; padding: 1px 1px 1px 1px; background:#FFA;font-size: 80%}
table input:hover {border: 1px solid #aa0; color: #f00; background: #ff0}
table .delete input {background: #faa; padding: 0; margin: 0}
table .delete input:hover {background: #f00; padding: 0; margin: 0}
table tr {background: #efeffe; padding: 10px 0 0 0}
table tr.alt {background: #dde}
table tr.deleted {background: #fee}
table tr.histo {font-weight: bold; background: #efffef}
table tr.histo-alt {font-weight: bold; background: #ded}
table caption {margin: 0 auto; padding: 5px; border:1px solid #ccc; border-bottom: none; color:#333; font-size: 100%; font-weight: bold; text-align: left; background:#f6f6f6}
table th {color: #666; background: #fff; border-bottom:1px solid #999999; padding: 3px 10px; text-align: left; font-size: 90%}
table th a {font-size: 90%}
table th form {display: inline}
table td {padding: 1px 10px; text-align: left}
table td a {font-weight: bold}
table .sentence {background:#fffafa; border-bottom: 2px solid #889; font-weight: normal; color: #666}
table .sentence a {color: #a44; font-weight: bold}
.rec_title{background:url(../images/greyscale_28.gif) no-repeat left; padding-left:1.5em;}
.exampleTable {border-top: solid 1px #fff; border-left: none}
.exampleTable th {padding: 0.4em 0 0.4em 0.4em; color: #400; background: #eef}
.exampleTable tr {color: #666}
.exampleTable th.bg0 {background: #fca}
.exampleTable th.bg1 {background: #fb9}
.exampleTable th.bg2 {background: #fa8}
.exampleTable th.bg3 {background: #f97}
.exampleTable th.bg4 {background: #f86}
.exampleTable th.bg5 {background: #f75}
.exampleTable th.bg6 {background: #f64}
.exampleTable th.bg7 {background: #f53}
.exampleTable tr {border-bottom: 1px solid #fff; background: #f00}
.exampleTable td.bg0 {background: #fee}
.exampleTable td.bg1 {background: #fdd}
.exampleTable td.bg2 {background: #fcc}
.exampleTable td.bg3 {background: #fbb}
.exampleTable td.bg4 {background: #faa}
.exampleTable td.bg5 {background: #f99}
.exampleTable td.bg6 {background: #f88}
.exampleTable td.bg7 {background: #f77}
#keyboardInputMaster {position:absolute; border:2px groove #dddddd; color:#000000; background-color:#dddddd; text-align:left; z-index:1000000; width:auto}
#keyboardInputMaster thead tr th {text-align:left; padding:2px 5px 2px 4px; background-color:inherit; border:0px none}
#keyboardInputMaster thead tr th select, #keyboardInputMaster thead tr th label {color:#000000; font:normal 11px Arial,sans-serif}
#keyboardInputMaster thead tr td {text-align:right; padding:2px 4px 2px 5px; background-color:inherit; border:0px none}
#keyboardInputMaster thead tr td span {padding:1px 4px; font:bold 11px Arial,sans-serif; border:1px outset #aaaaaa; background-color:#cccccc; cursor:pointer}
#keyboardInputMaster thead tr td span.pressed {border:1px inset #999999; background-color:#bbbbbb}
#keyboardInputMaster tbody tr td {text-align:left; margin:0px; padding:0px 4px 3px 4px}
#keyboardInputMaster tbody tr td div {text-align:center; position:relative; height:0px}
#keyboardInputMaster tbody tr td div#keyboardInputLayout {height:auto}
#keyboardInputMaster tbody tr td div#keyboardInputLayout table {height:20px; white-space:nowrap; width:100%; border-collapse:separate}
#keyboardInputMaster tbody tr td div#keyboardInputLayout table.keyboardInputCenter {width:auto; margin:0px auto}
#keyboardInputMaster tbody tr td div#keyboardInputLayout table tbody tr td {vertical-align:middle; padding:0px 5px 0px 5px; white-space:pre; font:normal 11px 'Lucida Console',monospace; border-top:1px solid #e5e5e5; border-right:1px solid #5d5d5d; border-bottom:1px solid #5d5d5d; border-left:1px solid #e5e5e5; background-color:#eeeeee; cursor:default}
#keyboardInputMaster tbody tr td div#keyboardInputLayout table tbody tr td.last {width:99%}
#keyboardInputMaster tbody tr td div#keyboardInputLayout table tbody tr td.alive {background-color:#ccccdd}
#keyboardInputMaster tbody tr td div#keyboardInputLayout table tbody tr td.target {background-color:#ddddcc}
#keyboardInputMaster tbody tr td div#keyboardInputLayout table tbody tr td.hover {border-top:1px solid #d5d5d5; border-right:1px solid #555555; border-bottom:1px solid #555555; border-left:1px solid #d5d5d5; background-color:#cccccc}
#keyboardInputMaster tbody tr td div#keyboardInputLayout table tbody tr td.pressed, #keyboardInputMaster tbody tr td div#keyboardInputLayout table tbody tr td.dead {border-top:1px solid #555555; border-right:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5; border-left:1px solid #555555; background-color:#cccccc}
#keyboardInputMaster tbody tr td div var {position:absolute; bottom:0px; right:0px; font:bold italic 11px Arial,sans-serif; color:#444444}
.keyboardInputInitiator {margin-left:3px; vertical-align:middle; cursor:pointer}
body {background-color: #000; background-attachment:fixed; background-repeat: repeat-x; font-family: Arial}
h1, h2, h3 {font-family: Arial}
h1 {font-size: 200%; font-weight: bold}
a {color: #00f; text-decoration:underline;}
p {line-height: 1.3em}
.leftNavigation {text-align: left; margin: 0 0 0 2em}
#cta {background: #fff url(../images/cta_kid.jpg) no-repeat top left; text-align: left}
#cta_head {margin: 0 0 0 200px; font-size: 100%}
#cta_body {margin: 0 20px 0 330px}
#cta_cta {margin: 0 0 0 330px; color: #f00; text-align: center}
#cta_button {color: #fff; text-align: center; background: #f00; font-size: 200%}
.homeGreyBox {background: #ddd; border: 2px solid #333; padding: 5px}
.homeTextBox2 {text-align: left; margin: 0 1em 0 1em}
.homeTextBox2 a {font-weight: bold; color: #00f; text-decoration: underline}
.linkBar a {padding: 0 1em 0 1em; font-weight: normal; color: #00f; text-decoration: underline}
#fatherSon {height: 271px; background: #EDF0EA url(../images/father-and-son.png) no-repeat top center}
#girlBlack {height: 205px; background: #EDF0EA url(../images/girl_black.png) no-repeat top center}
#thinkBox {padding: 0 175px 0 0; background: #EDF0EA url(../images/man_think.png) no-repeat top right}
#thumbsUpBox {padding: 0 0 0 190px; background: #EDF0EA url(../images/man_thumbs_up.png) no-repeat top left}
.gallery img {border: 2px solid #900; margin: 10px}
.newsletter {border: 2px solid #EDF0EA; text-align: center; padding: 0.2em; margin: 1em; font-size: 90%; color: #444}
#boy {padding: 0 101px 0 0px; border: solid 1px #fc9; background: #EDF0EA url(../images/boy-02.jpg) no-repeat top right}
#boy .power {color: white; background: #f00; font-weight: bold}
.infoBox p {display: block; font-size: 100%; line-height: 1.4em}
#page_margins {width: 800px}
#topBanner {width: 95%; margin: 1em auto; border: solid #666 2px; background: #fff url(../images/world_left.png) no-repeat top left}
#topBanner .text {height: 130px; color: #000; text-align: center; background: transparent url(../images/world_right.png) no-repeat top right}
#topBanner .text a {color: #F41; border: 1px solid #FC6516; padding: 0.1em 1em 0.1em 1em}
#topBanner .text a:hover {color: #fff; background:#FC5506}
.smallLink a {color: #33a; font-size: 85%}
.homeTextBox {margin: 0 auto 1em; width: 90%; text-align: left; color:#454545; font-family:Arial; font-size: 90%; font-style:normal; text-decoration:none}
.homeTextBox ul {list-style-image: url("../images/hook1.gif")}
.homeTextBox li {line-height: 1.3em; padding: 1em 0 0 0}
.homeListBox {width: 346px; margin: 0 0 0 24px; text-align: left; background: #EDF0EA url(../images/n_box03_t.gif) no-repeat top left}
.homeListBox h2 {padding: 21px 0 12px 15px; color: #888; background: transparent; margin: 0 0 0 34px; font-size: 15px; font-weight: bold}
.homeListBox ul {padding: 0.5em 1em 0.4em 1em; margin: 0; background: #fff url(../images/n_box01_body.gif) repeat-y left; font-family:Arial; font-size: 90%; font-style:normal; list-style: disc}
.homeListBox li {padding: 0.2em 0 0.2em 0; border-bottom: 1px solid #ccc}
.homeListBox p {padding: 0 12px 0 16px; background: #fff url(../images/n_box03_b.gif) no-repeat bottom left}
.homeListBox a {font-weight: bold}
#loginBox{ margin: 0em auto 1em; width: 80%; border-bottom: 2px solid #777; border-top: 2px solid #777; border-left: 2px solid #ccc; border-right: 2px solid #ccc; background: #ddd}
#loginBox input {font-size: 80%}