tr8n 3.0.2

data/public/tr8n/stylesheets/keyboard_1_44.css

@@ -0,0 +1,268 @@
+#keyboardInputMaster {
+  position:absolute;
+  font:normal 11px Arial,sans-serif;
+  border-top:1px solid #eeeeee;
+  border-right:1px solid #888888;
+  border-bottom:1px solid #444444;
+  border-left:1px solid #cccccc;
+  -webkit-border-radius:0.6em;
+  -moz-border-radius:0.6em;
+  border-radius:0.6em;
+  -webkit-box-shadow:0px 2px 10px #444444;
+  -moz-box-shadow:0px 2px 10px #444444;
+  box-shadow:0px 2px 10px #444444;
+  opacity:0.95;
+  filter:alpha(opacity=95);
+  background-color:#dddddd;
+  text-align:left;
+  z-index:1000000;
+  width:auto;
+  height:auto;
+  min-width:0;
+  min-height:0;
+  margin:0px;
+  padding:0px;
+  line-height:normal;
+  -moz-user-select:none;
+  cursor:default;
+}
+#keyboardInputMaster * {
+  position:static;
+  color:#000000;
+  background:transparent;
+  font:normal 11px Arial,sans-serif;
+  width:auto;
+  height:auto;
+  min-width:0;
+  min-height:0;
+  margin:0px;
+  padding:0px;
+  border:0px none;
+  outline:0px;
+  vertical-align:baseline;
+  line-height:1.3em;
+}
+#keyboardInputMaster.keyboardInputSize1,
+#keyboardInputMaster.keyboardInputSize1 * {
+  font-size:9px;
+}
+#keyboardInputMaster.keyboardInputSize3,
+#keyboardInputMaster.keyboardInputSize3 * {
+  font-size:13px;
+}
+#keyboardInputMaster.keyboardInputSize4,
+#keyboardInputMaster.keyboardInputSize4 * {
+  font-size:16px;
+}
+#keyboardInputMaster.keyboardInputSize5,
+#keyboardInputMaster.keyboardInputSize5 * {
+  font-size:20px;
+}
+
+#keyboardInputMaster thead tr th {
+  padding:0.3em 0.3em 0.1em 0.3em;
+  background-color:#999999;
+  white-space:nowrap;
+  text-align:right;
+  -webkit-border-radius:0.6em 0.6em 0px 0px;
+  -moz-border-radius:0.6em 0.6em 0px 0px;
+  border-radius:0.6em 0.6em 0px 0px;
+}
+#keyboardInputMaster thead tr th div {
+  float:left;
+  font-size:130% !important;
+  height:1.3em;
+  font-weight:bold;
+  position:relative;
+  z-index:1;
+  margin-right:0.5em;
+  cursor:pointer;
+  background-color:transparent;
+}
+#keyboardInputMaster thead tr th div ol {
+  position:absolute;
+  left:0px;
+  top:90%;
+  list-style-type:none;
+  height:9.4em;
+  overflow-y:auto;
+  overflow-x:hidden;
+  background-color:#f6f6f6;
+  border:1px solid #999999;
+  display:none;
+  text-align:left;
+  width:12em;
+}
+#keyboardInputMaster thead tr th div ol li {
+  padding:0.2em 0.4em;
+  cursor:pointer;
+  white-space:nowrap;
+  width:12em;
+}
+#keyboardInputMaster thead tr th div ol li.selected {
+  background-color:#ffffcc;
+}
+#keyboardInputMaster thead tr th div ol li:hover,
+#keyboardInputMaster thead tr th div ol li.hover {
+  background-color:#dddddd;
+}
+#keyboardInputMaster thead tr th span,
+#keyboardInputMaster thead tr th strong,
+#keyboardInputMaster thead tr th small,
+#keyboardInputMaster thead tr th big {
+  display:inline-block;
+  padding:0px 0.4em;
+  height:1.4em;
+  line-height:1.4em;
+  border-top:1px solid #e5e5e5;
+  border-right:1px solid #5d5d5d;
+  border-bottom:1px solid #5d5d5d;
+  border-left:1px solid #e5e5e5;
+  background-color:#cccccc;
+  cursor:pointer;
+  margin:0px 0px 0px 0.3em;
+  -webkit-border-radius:0.3em;
+  -moz-border-radius:0.3em;
+  border-radius:0.3em;
+  vertical-align:middle;
+  -webkit-transition:background-color .15s ease-in-out;
+  -o-transition:background-color .15s ease-in-out;
+  transition:background-color .15s ease-in-out;
+}
+#keyboardInputMaster thead tr th strong {
+  font-weight:bold;
+}
+#keyboardInputMaster thead tr th small {
+  -webkit-border-radius:0.3em 0px 0px 0.3em;
+  -moz-border-radius:0.3em 0px 0px 0.3em;
+  border-radius:0.3em 0px 0px 0.3em;
+  border-right:1px solid #aaaaaa;
+  padding:0px 0.2em 0px 0.3em;
+}
+#keyboardInputMaster thead tr th big {
+  -webkit-border-radius:0px 0.3em 0.3em 0px;
+  -moz-border-radius:0px 0.3em 0.3em 0px;
+  border-radius:0px 0.3em 0.3em 0px;
+  border-left:0px none;
+  margin:0px;
+  padding:0px 0.3em 0px 0.2em;
+}
+#keyboardInputMaster thead tr th span:hover,
+#keyboardInputMaster thead tr th span.hover,
+#keyboardInputMaster thead tr th strong:hover,
+#keyboardInputMaster thead tr th strong.hover,
+#keyboardInputMaster thead tr th small:hover,
+#keyboardInputMaster thead tr th small.hover,
+#keyboardInputMaster thead tr th big:hover,
+#keyboardInputMaster thead tr th big.hover {
+  background-color:#dddddd;
+}
+
+#keyboardInputMaster tbody tr td {
+  text-align:left;
+  padding:0.2em 0.3em 0.3em 0.3em;
+  vertical-align:top;
+}
+#keyboardInputMaster tbody tr td div {
+  text-align:center;
+  position:relative;
+  zoom:1;
+}
+#keyboardInputMaster tbody tr td table {
+  white-space:nowrap;
+  width:100%;
+  border-collapse:separate;
+  border-spacing:0px;
+}
+#keyboardInputMaster tbody tr td#keyboardInputNumpad table {
+  margin-left:0.2em;
+  width:auto;
+}
+#keyboardInputMaster tbody tr td table.keyboardInputCenter {
+  width:auto;
+  margin:0px auto;
+}
+#keyboardInputMaster tbody tr td table tbody tr td {
+  vertical-align:middle;
+  padding:0px 0.45em;
+  white-space:pre;
+  height:1.8em;
+  font-family:'Lucida Console','Arial Unicode MS',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;
+  min-width:0.75em;
+  -webkit-border-radius:0.2em;
+  -moz-border-radius:0.2em;
+  border-radius:0.2em;
+  -webkit-transition:background-color .15s ease-in-out;
+  -o-transition:background-color .15s ease-in-out;
+  transition:background-color .15s ease-in-out;
+}
+#keyboardInputMaster tbody tr td table tbody tr td.last {
+  width:99%;
+}
+#keyboardInputMaster tbody tr td table tbody tr td.space {
+  padding:0px 4em;
+}
+#keyboardInputMaster tbody tr td table tbody tr td.deadkey {
+  background-color:#ccccdd;
+}
+#keyboardInputMaster tbody tr td table tbody tr td.target {
+  background-color:#ddddcc;
+}
+#keyboardInputMaster tbody tr td table tbody tr td:hover,
+#keyboardInputMaster tbody tr td 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 thead tr th span:active,
+#keyboardInputMaster thead tr th span.pressed,
+#keyboardInputMaster tbody tr td table tbody tr td:active,
+#keyboardInputMaster tbody tr td table tbody tr td.pressed {
+  border-top:1px solid #555555 !important;
+  border-right:1px solid #d5d5d5;
+  border-bottom:1px solid #d5d5d5;
+  border-left:1px solid #555555;
+  background-color:#cccccc;
+}
+
+#keyboardInputMaster tbody tr td table tbody tr td small {
+  display:block;
+  text-align:center;
+  font-size:0.6em !important;
+  line-height:1.1em;
+}
+
+#keyboardInputMaster tbody tr td div label {
+  position:absolute;
+  bottom:0.2em;
+  left:0.3em;
+}
+#keyboardInputMaster tbody tr td div label input {
+  background-color:#f6f6f6;
+  vertical-align:middle;
+  font-size:inherit;
+  width:1.1em;
+  height:1.1em;
+}
+#keyboardInputMaster tbody tr td div var {
+  position:absolute;
+  bottom:0px;
+  right:3px;
+  font-weight:bold;
+  font-style:italic;
+  color:#444444;
+}
+
+.keyboardInputInitiator {
+  margin:0px 3px;
+  vertical-align:middle;
+  cursor:pointer;
+}

data/public/tr8n/stylesheets/layout.css

@@ -0,0 +1,119 @@
+  body                        {margin:0;padding:0;font:normal normal 12px Arial, Helvetica, sans-serif;text-align:left;background:#f5f5f5;color:#444;}
+
+  h1,h2,h3,h4,h5,h6           {margin:0 0 5px 0;padding:0;line-height: 1em;}
+  h1,.h1                      {font:normal normal 35px Georgia, serif;color:#424c56;letter-spacing:-1px;}
+  h2,.h2                      {font: normal normal normal 24px/normal Arial, Helvetica, sans-serif;color:#666;margin:0 0 8px 0;letter-spacing:-1px;}
+  h3,.h3                      {font: normal normal bold 18px/normal Arial, Helvetica, sans-serif;color:#555;margin:0 0 8px 0;padding-bottom:5px;}
+  h4,.h4                      {font:normal normal 14px Arial, Helvetica, sans-serif;color:#444;padding:6px;}
+  h5,.h5                      {font:normal bold 11px Arial, Helvetica, sans-serif;color:#999}
+  h6,.h6                      {font:normal bold 11px Arial, Helvetica, sans-serif;color:#444}
+
+
+  a                           {color:#3B5998;text-decoration: none;outline:none}
+  a:focus, a:hover            {text-decoration: underline }
+  a:visited                   {color:#3B5998;}
+
+  p                           {margin:0 0 10px 0;}
+  table                       {border-collapse:collapse;border-spacing:0}
+  table,ul,ol,dt,dl,dd        {padding:0;margin:0;list-style-type:none}
+  td,th                       {vertical-align:top}
+  img                         {vertical-align:middle;border:none}
+  input, select, textarea     {vertical-align:middle;border:solid 1px #eee;border-color:#bbb #eee #eee #bbb;border-width:1px;font:normal normal 11px Arial, Helvetica, sans-serif;color:#444;outline:none;padding:3px;}
+  select                      {padding:2px;}
+  input[type=checkbox],
+  input[type=radio],
+  input[type=file],
+  checkbox,
+  radio                       {border:none;padding:0;}
+
+
+/* Page Template */
+
+  .page_fixed                 {width:1000px;margin:0 auto;}
+  .page_elastic               {width:auto;margin:0;}
+  .page_fluid                 {max-width:1100px;min-width:925px;_width:960px;margin:0 auto;padding:0 25px;}
+
+  .page_body,
+  .page_body .main_col        {overflow:hidden;_overflow:visible;_zoom:1;}
+  .page_body .left_col        {float:left; width:250px;_margin-right:-3px;}
+  .page_body .right_col       {float:right; width: 300px;_margin-left:-3px;}
+
+
+/* Header */
+
+  .page_head {background:#fff;border-bottom: 1px solid #DDD;border-top: 4px solid #6699cc;margin-bottom: 25px;padding: 5px 15px 2px;}
+  .logo a   {color:#424c56;text-decoration:none}
+  .logo a:hover {color:#000}
+  .top_nav {padding-top:13px;}
+
+/* Grids */
+
+  .line, .last_unit           {overflow:hidden;_overflow:visible;_zoom:1; }
+  .unit                       {float:left;_zoom:1;}
+  .size_1of1                  {float:none;}
+  .size_1of2                  {width:50%;}
+  .size_1of3                  {width:33.33333%;}
+  .size_2of3                  {width:66.66666%;}
+  .size_1of4                  {width:25%;}
+  .size_3of4                  {width:75%;}
+  .size_1of5                  {width:20%;}
+  .size_2of5                  {width:40%;}
+  .size_3of5                  {width:60%;}
+  .size_4of5                  {width:80%;}
+  .last_unit                  {float:none;_position:relative;_left:-3px;_margin-right:-3px;width:auto;}
+
+
+/* Page Content */
+
+  .content_module             {margin:0 10px 10px;}
+  .content_inner              {border:1px solid #D7D7D7;border-color:#e9e9e9 #cdcdcd #a4a4a4;border-width:1px 1px 2px;background:#fff;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
+
+
+  .content_hd,
+  .content_bd,
+  .content_ft                 {overflow:hidden;zoom:1;padding:25px}
+
+
+
+/* Module */
+
+  .module                     {margin:10px;}
+  .hd,.bd,.ft                 {overflow:hidden;_overflow:visible;_zoom:1;}
+  .inner                      {position:relative;}
+
+
+/* Rounded Corners */
+
+  .tl, .tr, .bl, .br          {height:10px; width:10px;position:absolute;}
+  .tl                         {background-position: left top;left:0}
+  .tr                         {background-position: right top;}
+  .bl                         {background-position: left bottom;left:0}
+  .br                         {background-position: right bottom;}
+  .br,.tr                     {right:0}
+  .tr,.tl                     {overflow:hidden;margin-bottom:-32000px;}
+  .bl,.br                     {bottom:0}
+
+
+/* Complex Module  */
+
+  .complex                    {overflow:visible;margin: 10px 20px 20px 10px; background-position:left top;}
+  .complex .inner             {right:-10px; bottom:-10px; background-position:right bottom;padding:0 10px 10px 0;}
+  .complex .tl, .complex .br  {display:none;}
+  .complex .bl                {bottom:-10px;}
+  .complex .tr                {right:-10px;}
+
+
+/* Media Block */
+
+  .media                      {overflow:auto;zoom:1}
+  .media .thumb               {width:100px;float:left;}
+  .media .desc                {margin-left:110px;}
+
+
+/* Clear Floats */
+  .clearfix:after             {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
+  .clearfix                   {display: inline-block; }
+  /* start commented backslash hack \*/
+  * html .clearfix            {height: 1%;}
+  .clearfix                   {display:block;}
+  /* close commented backslash hack */

data/public/tr8n/stylesheets/tr8n.css

@@ -0,0 +1,201 @@
+/****************************************/
+/*** General guidelines
+/****************************************/
+
+.tr8n                                           {width:100%; font-size:11px; font-family:arial;}
+.tr8n div                                       {font-family:arial;}    
+.tr8n a                                         {text-decoration:none; color:#16b; outline:none; border:0px;}
+.tr8n a:hover                                   {text-decoration:underline}
+.tr8n a img                                     {border:0px;}
+.tr8n table                                     {width:100%;border-collapse: collapse; font-size:12px; padding:0px; margin:0px;}
+.tr8n td                                        {vertical-align:top; padding:0px; spacing:0px;}
+.tr8n th                                        {vertical-align:top;text-align:left; padding:0px; spacing:0px;}
+.tr8n input                                     {border:1px solid #ccc; padding:3px; margin: 0px;}    
+.tr8n textarea                                  {border:1px solid #ccc; padding:3px;}    
+.tr8n select                                    {border:1px solid #ccc; padding:3px;}
+.tr8n .pagination                               {text-align:left; padding:0px; margin:0px;}
+
+/****************************************/
+/*** Classes for the translatable elements
+/****************************************/
+
+.tr8n_not_translated                           {border-bottom: 2px solid red;}
+.tr8n_translated                               {border-bottom: 2px solid green;}
+.tr8n_fallback                                 {border-bottom: 2px solid yellow;}
+.tr8n_language_case                            {border: 1px dotted blue;}
+
+/****************************************/
+/*** Classes for the popup windows
+/****************************************/
+
+.section_title                                  {padding-top:10px; border-bottom: 1px solid #ccc; margin-bottom:10px; color:black;font-size:18px;}  
+.section_box                                    {border: 1px dotted #ccc; padding:10px; margin-top:10px; margin-bottom:15px;}
+.section_box.colored                            {background: #f9f8f7;}
+.section_box.locked                             {background: #F1FFEF;}
+     
+.small_section_title                            {padding-top:5px; border-bottom: 1px solid #ccc; margin-bottom:10px; color:black; font-size:12px; font-weight: bold;}  
+
+.topic_header                                   {color: grey; padding-bottom:5px;}
+.topic_value                                    {padding-top:5px; padding-bottom:5px;}
+
+.tr8n_right_horiz_list                          {float:right;overflow:hidden;text-align:left;list-style-type:none;font-family:arial;font-size:12px;margin-top:0px;}
+.tr8n_right_horiz_list li                       {margin-right:-11px;border-right:solid 1px #ccc;padding:0px 10px;margin-left:10px;float:left;}
+
+.tr8n_translator                               {position: absolute;top: 0;left: 0;font-family: verdana; font-size:11px; width: 400px;background: #f4f4f4;border:solid 1px #e8e8e8;border-color:#e8e8e8 #bababa #bababa #e8e8e8;padding: 0;margin: 0;z-index: 10000;-webkit-box-shadow:2px 2px 3px rgba(0,0,0,0.6);-moz-box-shadow:2px 2px 3px rgba(0,0,0,0.6);box-shadow:2px 2px 3px rgba(0,0,0,0.6);}
+.tr8n_translator img                           {vertical-align:text-top !important;}
+.tr8n_translator a                             {text-decoration:none; color:#16b; outline:none; border:0px;}
+.tr8n_translator a:hover                       {text-decoration:underline}
+.tr8n_translator a img                         {border:0px}
+.tr8n_translator .supplemental                 {float:right; padding:2px;}
+.tr8n_translator .quiet                        {color: #666;}  
+.tr8n_translator .small                        {font-size:11px;}  
+.tr8n_translator .desc                         {color:grey;font-size:10px;padding-left:5px;padding-top:1px;border-left:solid 1px #ccc;margin-left:3px;}
+.tr8n_translator .strong                       {font-weight:bold;}
+.tr8n_translator .stem                         {position:absolute;margin:0;}
+.tr8n_translator .stem.top_left                {top:-12px;}
+.tr8n_translator .stem.top_right               {top:-12px;-moz-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); filter: fliph;}
+.tr8n_translator .stem.bottom_left             {bottom:-12px;-moz-transform: scaleY(-1); -webkit-transform: scaleY(-1); transform: scaleY(-1); filter: flipv;}
+.tr8n_translator .stem.bottom_right            {bottom:-12px;-moz-transform: scaleX(-1), scaleY(-1); -webkit-transform: scaleX(-1), scaleY(-1); transform: scaleX(-1), scaleY(-1); filter: fliph, flipv;}
+.tr8n_translator .original_text                {background-color:#f9f8f7;border: 1px dotted #ccc;padding:5px;margin-bottom:5px;}
+.tr8n_translator .quote                        {padding:10px;}
+.tr8n_translator .quote img                    {vertical-align:middle !important}
+.tr8n_translator .keyboardInput                {padding:5px;height:60px;background:#feffef;border:solid 1px #ccc}
+.tr8n_translator .section                      {margin:10px 0 15px 0}
+.tr8n_translator .section_title                {border-bottom:solid 1px #ccc;padding:5px 0;margin-bottom:10px;}
+.tr8n_translator .tip                          {color:grey; font-size:10px; padding-top:10px;}
+.tr8n_translator .actions                      {font-size:10px; border-bottom:dotted 1px #ccc; overflow:hidden;list-style-type:none; margin:0px;padding:0px;padding-bottom:5px; margin-top:10px;}
+.tr8n_translator .actions li                   {padding-left:0px; padding-top:5px;font-weight:bold}
+.tr8n_translator .hd                           {font-size:10px;text-transform: uppercase;color:#444;padding:5px;margin: 5px;}
+.tr8n_translator .bd                           {border:solid 1px #bababa;border-color:#bababa #e8e8e8 #e8e8e8 #bababa;margin:5px;background-color: white;}
+.tr8n_translator .spinner                      {text-align:center;padding:10px;}
+.tr8n_translator .votes_container              {border-bottom:1px dotted #ccc; max-height:350px; overflow:auto; font-size:11px;}
+.tr8n_translator .hints_container              {font-size:10px; padding-left:10px;}
+.tr8n_translator .tokens_container             {padding-top:10px; font-size:10px; padding-bottom:5px; border-bottom:dotted 1px #ccc;}
+.tr8n_translator .buttons_container            {padding-top:10px; padding-bottom:15px;text-align:center;}
+  
+.translator_btn                                 {position:relative;border:0;padding:0;margin:0 2px 0 -2px;cursor:pointer;overflow:visible;background:transparent url('/tr8n/images/site_sprite.gif') no-repeat right -100px;font-size:11px;font-weight:bold;text-align:center;font-family:Arial;vertical-align:middle;}
+.translator_btn span                            {position:relative;display:block;white-space:nowrap;background:transparent url('/tr8n/images/site_sprite.gif') no-repeat left top;}
+button::-moz-focus-inner                        {border:none;}
+.translator_submit_btn                          {padding:0 10px 0 0;background-position:right -35px;}
+.translator_submit_btn span                     {padding:0px 0 0px 10px;line-height:30px;height:30px;background-position:left 0;color:#fff;font-size:14px;}
+.translator_small_btn                           {padding:0 10px 0 0;background-position:right -35px;}
+.translator_small_btn span                      {padding:0px 0 0px 10px;line-height:30px;height:30px;background-position:left 0;color:#fff;font-size:12px;}
+
+.language_selector_trigger                      {cursor: pointer; font-family:arial; font-size:12px; vertical-algin:middle}
+.language_selector                              {position: absolute;top: 0;left: 0;font-family: verdana;width: 14em;background: #f9f8f7;padding: 0;}
+
+.tr8n_language_selector                         {position: absolute; top: 0; left: 0; border:solid 1px #e8e8e8;border-color:#e8e8e8 #bababa #bababa #e8e8e8;border-width:1px 2px 2px 1px;padding:0 5px;text-align:left;width:300px;background:#f4f4f4 !important;font-size:10px;font-family:arial; z-index: 11000;}
+.tr8n_language_selector .inner                  {background:#fff;border:solid 1px #bababa;border-color:#bababa #e8e8e8 #e8e8e8 #bababa;padding:5px;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;font-size:11px;}
+.tr8n_language_selector .head                   {font-size:10px;text-transform: uppercase;color:#444;padding-bottom:5px;}
+.tr8n_language_selector .action                 {float:right}
+.tr8n_language_selector .foot                   {text-align:left;padding:5px;font-size:11px;}
+.tr8n_language_selector a                       {text-decoration:none; color:#16b; outline:none; border:0px;}
+.tr8n_language_selector a img                   {border:0px;}
+.tr8n_language_selector a:hover                 {text-decoration:underline}
+
+.tr8n_language_case_manager                               {position: absolute;top: 0;left: 0;font-family: verdana; font-size:11px; width: 400px;background: #f4f4f4;border:solid 1px #e8e8e8;border-color:#e8e8e8 #bababa #bababa #e8e8e8;padding: 0;margin: 0;z-index: 10000;-webkit-box-shadow:2px 2px 3px rgba(0,0,0,0.6);-moz-box-shadow:2px 2px 3px rgba(0,0,0,0.6);box-shadow:2px 2px 3px rgba(0,0,0,0.6);}
+.tr8n_language_case_manager img                           {vertical-align:text-top !important;}
+.tr8n_language_case_manager a                             {text-decoration:none; color:#16b; outline:none; border:0px;}
+.tr8n_language_case_manager a:hover                       {text-decoration:underline}
+.tr8n_language_case_manager a img                         {border:0px}
+.tr8n_language_case_manager .supplemental                 {float:right; padding:2px;}
+.tr8n_language_case_manager .quiet                        {color: #666;}  
+.tr8n_language_case_manager .small                        {font-size:11px;}  
+.tr8n_language_case_manager .desc                         {color:grey;font-size:10px;padding-left:5px;padding-top:1px;border-left:solid 1px #ccc;margin-left:3px;}
+.tr8n_language_case_manager .strong                       {font-weight:bold;}
+.tr8n_language_case_manager .stem                         {position:absolute;margin:0;}
+.tr8n_language_case_manager .stem.top_left                {top:-12px;}
+.tr8n_language_case_manager .stem.top_right               {top:-12px;-moz-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); filter: fliph;}
+.tr8n_language_case_manager .stem.bottom_left             {bottom:-12px;-moz-transform: scaleY(-1); -webkit-transform: scaleY(-1); transform: scaleY(-1); filter: flipv;}
+.tr8n_language_case_manager .stem.bottom_right            {bottom:-12px;-moz-transform: scaleX(-1), scaleY(-1); -webkit-transform: scaleX(-1), scaleY(-1); transform: scaleX(-1), scaleY(-1); filter: fliph, flipv;}
+.tr8n_language_case_manager .hd                           {font-size:10px;text-transform: uppercase;color:#444;padding:5px;margin: 5px;}
+.tr8n_language_case_manager .bd                           {border:solid 1px #bababa;border-color:#bababa #e8e8e8 #e8e8e8 #bababa;margin:5px;background-color: white;}
+.tr8n_language_case_manager .spinner                      {text-align:center;padding:10px;}
+.tr8n_language_case_manager .votes_container              {border-bottom:1px dotted #ccc; max-height:350px; overflow:auto; font-size:11px;}
+.tr8n_language_case_manager .hints_container              {font-size:10px; padding-left:10px;}
+.tr8n_language_case_manager .tokens_container             {padding-top:10px; font-size:10px; padding-bottom:5px; border-bottom:dotted 1px #ccc;}
+.tr8n_language_case_manager .buttons_container            {padding-top:10px; padding-bottom:15px;text-align:center;}
+.tr8n_language_case_manager .original_text                {background-color:#f9f8f7;border: 1px dotted #ccc;padding:5px;margin-bottom:5px;}
+.tr8n_language_case_manager .quote                        {padding:10px;}
+.tr8n_language_case_manager .quote img                    {vertical-align:middle !important}
+
+.tr8n_language_strip                            {text-align:center; color:#777;}
+.tr8n_language_strip a                          {text-decoration:none; color:#777; outline:none; border:0px; font-size:10px;}
+.tr8n_language_strip a img                      {border:0px;}
+.tr8n_language_strip a:hover                    {text-decoration:underline}
+
+.language_list                                  {overflow:hidden;list-style-type:none;margin:0px;padding:0px;}
+.language_list li                               {background: white;font-size:11px;font-family:verdana;border-bottom:solid 1px #eee;margin-bottom:-1px;margin:0px;padding:2px;cursor:pointer;}
+.language_list li:hover                         {background: #F1F5FF;}
+
+.glossary_table                                 {}
+.glossary_table td                              {padding:4px;vertical-align:top; font-size:10px;}
+
+
+.tr8n_lightbox_overlay                          {position: absolute; top: 0%; left: 0%; width: 100%; height: 100%; background-color: black; z-index:1001; -moz-opacity: 0.5; opacity:.50; filter: alpha(opacity=50); }
+.tr8n_lightbox                                  {position: absolute; top: 5%; left: 25%; width: 50%; height: 80%; padding: 16px; border:solid 2px #e8e8e8; border-color:#e8e8e8 #bababa #bababa #e8e8e8; background-color: white; z-index:1002; overflow: auto; }
+
+/****************************************/
+/*** Classes for the feature tabs
+/****************************************/
+   
+.translations_navigation                  {height:70px; position:relative; padding:15px 15px 0px; background-color:#f1f4f9; border:1px solid #ccc; margin:0px; margin-bottom:10px;}
+
+.translations_tab_nav                     {list-style-type:none;bottom:-1px !important;position:absolute;margin:0px;padding:0px;font-family:arial;}
+.translations_tab_nav li                  {float:left;margin-right:2px;cursor:pointer;text-align:bottom;}
+.translations_tab_nav li a                {display:block;padding:6px 0px 6px 10px; outline:none;}
+
+.translations_tabs                        {margin-left:5px;zoom:1}
+.translations_tabs li                     {background: url('/tr8n/images/site_sprite.gif') no-repeat right -255px;font-size:12px;font-weight:bold;margin:0;position:relative;z-index:1}
+.translations_tabs li a                   {padding:13px 30px 6px 6px;color:#1166bb;cursor:pointer;text-decoration:none;line-height:14px;}
+.translations_tabs li a:hover             {text-decoration:none}
+.translations_tabs li.current             {margin-left: -30px;background-position:right -360px;z-index:2}
+.translations_tabs li.current a           {padding-left:30px;background: url('/tr8n/images/site_sprite.gif') no-repeat left -325px;color: #333;font-size:13px;}
+.translations_tabs li.last                {background-position:right -290px;}
+.translations_tabs li.last a              {padding-right:30px;}
+.translations_tabs li.last_current        {margin-left: -25px;background-position:right -430px;}
+.translations_tabs li.last_current a      {padding-left:30px;color: #000;}
+.translations_tabs li.first a             {padding-left:30px;background:url('/tr8n/images/site_sprite.gif') no-repeat 0 -220px;}
+.translations_tabs li.first_current       {margin:0}
+.translations_tabs li.first_current a     {background-position:0 -395px;color: #000;}
+
+/****************************************/
+/*** Classes for the admin user page
+/****************************************/
+.tr8n_admin                                {font-size: 12px; font-family:arial}
+.tr8n_admin h1                             {font-size: 20px; font-weight:bold; border-bottom: 1px solid #ccc; margin-bottom: 10px; padding-bottom:3px; padding-top:5px; }
+.tr8n_admin h2                             {font-size: 16px; font-weight:bold; border-bottom: 1px solid #ccc; margin-bottom: 10px; padding-bottom:3px; padding-top:5px; }
+
+.tr8n .admin_table                         {width: 100%; font-size: 12px; border: 1px #e5e5e5 solid; border-collapse: collapse; background-color: white; margin-bottom: 10px; }
+.tr8n .admin_table td                      {padding: 5px; border: 1px solid #e5e5e5; vertical-align:top; text-align:left;}
+.tr8n .admin_table th                      {background-color: #efefef; border: none; border: 1px #e5e5e5 solid; font-weight:bold; padding: 5px; vertical-align:top; text-align:left;}
+.tr8n .admin_table tr:hover                {background-color: #eee; }
+.tr8n .admin_table td.numeric              {text-align: right; }
+.tr8n .admin_table th.numeric              {text-align: right; }
+
+/****************************************/
+/***  Pure CSS Buttons.
+/***  Learn more ~ http://www.halmatferello.com/lab/pure-css-buttons/
+/***  Licensed under GPL and MIT.
+/****************************************/
+
+.tr8n_pcb, .tr8n_pcb span                       {background: url('/tr8n/images/buttons.png') no-repeat; height: 23px; line-height: 23px; padding: 3px 0 7px 0; }
+.tr8n_pcb, a.tr8n_pcb:link, a.tr8n_pcb:visited  {color: #333; font-size: 12px; font-style:bold; font-family:arial; padding-left: 14px; text-decoration: none !important; }
+
+/* ie 6 hack */
+* html div#frame .tr8n_pcb                      {color: #333; padding-top: 0px; padding-bottom: 0px; text-decoration: none; }
+
+/* ie 7 hack */
+*:first-child+html .tr8n_pcb                    {color: #333; padding-top: 0px; padding-bottom: 0px; text-decoration: none; }
+
+.tr8n_pcb span                                  {background-position: right -326px; padding-right: 14px; }
+a.tr8n_grey_button                              {background-position: left -219px; padding-top: 3px; }
+a.tr8n_grey_button span                         {background-position: right -545px; padding-top: 3px; }
+a.tr8n_grey_button:hover                        {background-position: left -246px; }
+a.tr8n_grey_button:hover span                   {background-position: right -572px; }
+a.tr8n_grey_button:active, .grey_active_button  {background-position: left -273px; }
+a.tr8n_grey_button:active span, .grey_active_button span {background-position: right -599px; }
+body.tr8n_grey_disabled_button                  {background-position: left -300px; color: #bbb !important; }
+body.tr8n_grey_disabled_button span             {background-position: right -626px; }
+
+.tr8n_cancel_link                               {font-size:12px;font-family:arial;}