/**
 * TODO(andy_st): Add original copyright notice from Drupal l10_client.
 * TODO(andy_st): Add G3 copyright notice.
 * TODO(andy_st): clean up formatting to match our other CSS files.
 */

/* $Id: l10n_client.css,v 1.6 2008/09/09 10:48:20 goba Exp $ */

/* width percentages add to 99% rather than 100% to prevent float
   overflows from occurring in an unnamed browser that can't decide
   how it wants to round. */

/* l10n_client container */
#l10n-client {
  text-align:left;
  z-index:99;
  line-height:1em;
  color:#000; background:#fff;
  position:fixed;
  width:100%; height: 2em;
  bottom:0px; left:0px;
  overflow:hidden;}

* html #l10n-client {
  position:static;}

#l10n-client-string-select .string-list,
#l10n-client-string-editor .source,
#l10n-client-string-editor .editor {
  height:20em;}

#l10n-client .labels {
  overflow:hidden;
  position:relative;
  height:2em;
  color:#fff;
  background:#37a;}

#l10n-client .labels .label {
  display:none;}

/* Panel toggle button (span) */
#l10n-client-toggler {
  cursor:pointer;
  display:block;
  position:absolute; right:0em;
  height:2em; line-height:2em;
  text-align:center; background:#000;
}
#l10n-client-toggler a {
	font-size: 1em;
	padding: .5em;
}
#l10n-client-toggler #g-minimize-l10n {
  border-right: 1px solid #ffffff;
}

/* Panel labels */
#l10n-client h2 {
  border-left:1px solid #fff;
  height:1em; line-height:1em;
  padding: .5em; margin:0px;
  font-size:1em;
}

#l10n-client .strings h2 {
  border:0px;}

/* 25 + 37 + 37 = 99 */
#l10n-client .strings {
  width:25%; float:left;}

#l10n-client .source {
  width:37%; float:left;}

#l10n-client .translation {
  width:37%; float:left;}

/* Translatable string list */
#l10n-client-string-select {
  display:none;
  float:left;
  width:25%;
  direction: ltr;
}

#l10n-client .string-list {
  height: 16em;
  overflow:auto;
  list-style:none; list-style-image:none;
  margin:0em; padding:0em;}

#l10n-client .string-list li {
  font-size:.9em;
  line-height:1.5em;
  cursor:default;
  background:transparent;
  list-style:none; list-style-image:none;
  border-bottom:1px solid #ddd;
  padding:.25em .5em;
  margin:0em;}

/* Green for translated */
#l10n-client .string-list li.translated {
  border-bottom-color:#9c3;
  background:#cf6; color:#360;}

#l10n-client .string-list li.translated:hover {
  background: #df8;}

#l10n-client .string-list li.translated:active {
  background: #9c3;}

#l10n-client .string-list li.hidden {
  display:none;}

/* Gray + Blue hover for untranslated */
#l10n-client .string-list li.untranslated {}

#l10n-client .string-list li.untranslated:hover {
  background: #ace;}

#l10n-client .string-list li.untranslated:active {
  background: #8ac;}

/* Selected string is indicated by bold text */
#l10n-client .string-list li.active {
  font-weight:bold;}

#l10n-client #g-l10n-search-form {
  background: #eee;
  margin: 0em;
  padding: .25em .25em;
}

#l10n-client #g-l10n-search-form .form-item,
#l10n-client #g-l10n-search-form input.form-text,
#l10n-client #g-l10n-search-form #search-filter-go,
#l10n-client #g-l10n-search-form #search-filter-clear {
  display:inline;
  vertical-align:middle;
}

#l10n-client #g-l10n-search-form .form-item {
  margin:0em;
  padding:0em;
}

#l10n-client #g-l10n-search-form fieldset {
  margin-bottom: 0;
  padding: .25em .25em;
}


#l10n-client #g-l10n-search-form input {
  width: 96.75%;
}

#l10n-client #g-l10n-search-form #search-filter-clear {
  width:10%;
  margin:0em;
}

#l10n-client-string-editor {
  display:none;
  float:left;
  width:74%;}

#l10n-client-string-editor .source {
  overflow:hidden;
  width:50%;
  float:left;
}

#l10n-client-string-editor .source .source-text {
  line-height:1.5em;
  background:#eee;
  font-family: monospace;
  text-align: left;
  height:16em; margin:1em; padding:1em;
  overflow:auto;
  direction: ltr;
}

#l10n-client-string-editor .translation {
  overflow-y:auto;
  overflow-x: hidden;
  height: 20em;
  width:49%;
  float: right;
}

#g-l10n-client-save-form {
  padding: 0em;
}

#l10n-client form ul,
#l10n-client form li,
#l10n-client form input[type=submit],
#l10n-client form input[type=text] {
  display: inline ! important ;
}

#l10n-client form .hidden {
  display: none;
}
