/*  Global variables */
/*  end o global variables */
/* Global mixins: */
/* End of mixins */
body {
  margin: 0;
  padding: 0;
  width: 100%;
  background: #dddddd url(../img/backgrounds/body.gif) top repeat-x;
  color: #667;
  font-family: Tahoma, Verdana, sans;
  font-size: 12px;
  line-height: 1.4em;
  text-align: center;
}
img,
a {
  border: 0px;
  outline: 0px;
}
h1,
.firstLevelHeader {
  color: #468;
  font-size: 16px;
  font-weight: bold;
  margin: 5px 0 10px;
  padding: 0px;
}
h2,
.secondLevelHeader {
  font-size: 14px;
  color: #468;
  font-weight: bold;
  margin: 5px 0 10px;
  padding: 0px;
}
textarea {
  resize: none;
}
input[type=text],
textarea {
  outline: none;
}
.outerContainer {
  margin: 0 auto;
  width: 1002px;
}
#container {
  position: relative;
  background-color: white;
  text-align: left;
}
#header {
  border: 1px solid #bbb;
  border-width: 0 1px;
  height: 70px;
  width: 1000px;
  overflow: hidden;
}
#header_right {
  float: right;
  height: 70px;
  width: 800px;
  background: url(../img/backgrounds/top_img.jpg) center no-repeat;
}
#header_left {
  float: left;
  height: 70px;
  width: 200px;
  background-color: #cbdbe0;
}
#nav_m {
  height: 30px;
  margin: 0px;
  width: 1002px;
  background-color: #1e91bc;
}
#nav_m ul,
#nav_m ul li {
  list-style: none;
  margin: 0px;
  padding: 0px;
}
#nav_m ul {
  float: left;
  padding: 0 20px;
}
#nav_m ul li {
  float: left;
  height: 30px;
  padding: 0 3px;
}
#nav_m ul li a:link,
#nav_m ul li a:visited,
#nav_m ul li a:hover {
  float: left;
  height: 20px;
  margin: 0px;
  padding: 5px;
  color: white;
  font-weight: bold;
  font-size: 14px;
  font-style: italic;
  line-height: 20px;
  text-decoration: none;
}
#nav_m ul li a:hover {
  background: url(../img/backgrounds/menu-hover.gif) center no-repeat;
}
h2#searchScopeHeader,
h2#columnsSelectHeader,
h2#searchCriteriaHeader {
  margin-top: 50px;
  margin-bottom: 20px;
}
div#searchCaseSensitivityDiv {
  margin-left: 10px;
  margin-top: 20px;
}
div#searchModeDiv {
  margin-top: 10px;
}
div#searchModeDiv > a:FIRST-CHILD {
  margin-left: 0;
}
a.advancedSearch:link,
a.advancedSearch:visited,
a.advancedSearch:hover {
  display: inline;
  float: right;
  height: 20px;
  margin: 0 50px 0 0;
  padding: 5px;
  color: white;
  font-weight: normal;
  line-height: 20px;
  text-decoration: none;
}
a.advancedSearch:hover {
  color: #DEF;
}
.logged-user-info {
  display: inline;
  float: right;
  height: 20px;
  margin: 0 20px 0 0;
  padding: 5px 0 5px 25px;
  color: white;
  font-weight: normal;
  line-height: 20px;
}
a.logout:link,
a.logout:visited,
a.logout:hover {
  color: white;
  font-weight: normal;
  line-height: 20px;
  text-decoration: underline;
}
a.logout:hover {
  color: #DEF;
}
#nav_m .searchBox {
  display: inline;
  float: right;
  margin: 5px 50px 5px 0;
  height: 20px;
  position: relative;
  width: 150px;
  background: url(../img/backgrounds/search-input.gif) 0 0 no-repeat;
}
#nav_m .searchBox input,
#nav_m .searchBox label {
  border: 0;
  display: block;
  height: 16px;
  margin: 0px;
  outline: 0px;
  padding: 0px;
  position: absolute;
  top: 2px;
  background: transparent;
  color: #99A;
  font-family: Tahoma, Verdana, sans;
  font-size: 12px;
  line-height: 16px;
}
#nav_m .searchBox label {
  opacity: 1.0;
  filter: alpha(opacity=100);
  /* TODO: change here label for search input to be lighter than typed query */

}
#nav_m .searchBox input#headerSearchQuery,
#nav_m .searchBox label {
  left: 9px;
  width: 118px;
}
#nav_m .searchBox input#headerSearchSubmit {
  left: 130px;
  width: 16px;
  cursor: pointer;
}
#content_conteiner {
  border: 1px solid #bbb;
  border-width: 0 1px;
  width: 1000px;
}
#left_column {
  float: left;
  width: 200px;
  overflow: hidden;
  padding: 0 0 50px;
  background: #cbdbe0 url(../img/backgrounds/left-column.gif) bottom repeat-x;
}
#left_column .box {
  padding: 10px;
  background: url(../img/backgrounds/left-box.gif) top no-repeat;
}
#left_column .content {
  padding: 10px;
}
#addFooter {
  clear: both;
  text-align: center;
  width: 950px;
  padding: 10px 25px;
  border: 1px solid #bbb;
  border-width: 0 0 1px;
}
#footer {
  clear: both;
  text-align: center;
  width: 982px;
  padding: 10px;
}
#right_adds {
  float: right;
  width: 120px;
  padding: 10px 5px 10px 10px;
}
#right_column {
  float: right;
  width: 780px;
  overflow: visible;
  padding: 10px;
  position: relative;
}
.selectablActionElement {
  cursor: pointer;
}
.selectablActionElement:HOVER {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.tree li a {
  border-top: 2px solid transparent;
  border-bottom: 2px solid transparent;
}
.tree li a:hover {
  border-top: 2px solid #b9cbda;
  border-bottom: 2px solid #b9cbda;
  background: -moz-linear-gradient(left, rgba(185, 203, 218, 0) 1%, #b9cbda 47%, rgba(185, 203, 218, 0) 100%);
  /* FF3.6+ */

  background: -webkit-gradient(linear, left top, right top, color-stop(1%, rgba(185, 203, 218, 0)), color-stop(47%, #b9cbda), color-stop(100%, rgba(185, 203, 218, 0)));
  /* Chrome,Safari4+ */

  background: -webkit-linear-gradient(left, rgba(185, 203, 218, 0) 1%, #b9cbda 47%, rgba(185, 203, 218, 0) 100%);
  /* Chrome10+,Safari5.1+ */

  background: -o-linear-gradient(left, rgba(185, 203, 218, 0) 1%, #b9cbda 47%, rgba(185, 203, 218, 0) 100%);
  /* Opera 11.10+ */

  background: -ms-linear-gradient(left, rgba(185, 203, 218, 0) 1%, #b9cbda 47%, rgba(185, 203, 218, 0) 100%);
  /* IE10+ */

  background: linear-gradient(to right, rgba(185, 203, 218, 0) 1%, #b9cbda 47%, rgba(185, 203, 218, 0) 100%);
  /* W3C */

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00c3d3d8', endColorstr='#00c3d3d8', GradientType=1);
  /* IE6-9 */

}
.tree .chosen,
.tree li a.chosen:hover {
  padding: 0 2px;
  border-top: 2px solid #a5afb8;
  border-bottom: 2px solid #a5afb8;
  background: -moz-linear-gradient(left, rgba(165, 175, 184, 0) 1%, #a5afb8 47%, rgba(165, 175, 184, 0) 100%);
  /* FF3.6+ */

  background: -webkit-gradient(linear, left top, right top, color-stop(1%, rgba(165, 175, 184, 0)), color-stop(47%, #a5afb8), color-stop(100%, rgba(165, 175, 184, 0)));
  /* Chrome,Safari4+ */

  background: -webkit-linear-gradient(left, rgba(165, 175, 184, 0) 1%, #a5afb8 47%, rgba(165, 175, 184, 0) 100%);
  /* Chrome10+,Safari5.1+ */

  background: -o-linear-gradient(left, rgba(165, 175, 184, 0) 1%, #a5afb8 47%, rgba(165, 175, 184, 0) 100%);
  /* Opera 11.10+ */

  background: -ms-linear-gradient(left, rgba(165, 175, 184, 0) 1%, #a5afb8 47%, rgba(165, 175, 184, 0) 100%);
  /* IE10+ */

  background: linear-gradient(to right, rgba(165, 175, 184, 0) 1%, #a5afb8 47%, rgba(165, 175, 184, 0) 100%);
  /* W3C */

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00c3d3d8', endColorstr='#00c3d3d8', GradientType=1);
  /* IE6-9 */

}
ul.tree,
ul.tree ul {
  padding: 0px;
  margin: 0px;
  list-style: none;
  overflow: hidden;
}
ul#categories {
  padding-top: 15px;
}
ul#sharedCategories {
  padding-top: 15px;
}
ul.tree li {
  list-style: none;
  margin: 0px;
  padding: 0;
  position: relative;
}
ul.tree li img {
  position: absolute;
  top: 4px;
  cursor: pointer;
}
ul.tree li img.add {
  position: relative;
  cursor: pointer;
}
ul.tree li a:link,
ul.tree li a:visited,
ul.tree li a:hover {
  color: black;
  font-weight: bold;
  text-decoration: none;
  margin-left: 15px;
}
ul.tree ul li a:link,
ul.tree ul li a:visited,
ul.tree ul li a:hover,
ul.tree.recieved li a:link,
ul.tree.recieved li a:visited,
ul.tree.recieved li a:hover {
  color: #445;
  font-weight: normal;
}
ul.tree ul li {
  padding: 0 0 0 10px;
}
a.smoothLink:link,
a.smoothLink:visited,
a.smoothLink:hover {
  color: #197da2;
  font-weight: bold;
  text-decoration: none;
}
a.smoothLink:hover {
  color: #000000;
}
#aCollapseAllCategories,
.refresh,
#aCollapseAllSharedCategories,
a.floatRight {
  float: right;
}
#aCollapseAllCategories,
#aCollapseAllSharedCategories {
  position: relative;
}
#aCollapseAllCategories img,
#aCollapseAllSharedCategories img {
  position: absolute;
  left: -18px;
  top: 15px;
  z-index: 100;
}
input[type=file] {
  margin: 0 0 10px 0;
}
/**
 * Buttony
 */
.button {
  border: 0;
  float: left;
  height: 20px;
  margin: 0;
  padding: 0 2px;
  background-color: transparent;
  cursor: pointer;
}
.button span.left-edge {
  width: 5px;
  height: 20px;
  float: left;
  background: url(../img/page-elements/button/left-edge.gif) no-repeat;
}
.button span.center {
  height: 10px;
  float: left;
  height: 16px;
  padding: 2px 0;
  line-height: 16px;
  background: url(../img/page-elements/button/button-backSide.gif);
  color: white;
  font-weight: bold;
  text-decoration: none;
}
.button span.right-edge {
  width: 5px;
  height: 20px;
  float: left;
  background: url(../img/page-elements/button/right-edge.gif) no-repeat;
}
.button span {
  background-position: top;
}
.button.hover span {
  background-position: bottom;
}
.button.toRight {
  float: right;
}
.clear {
  clear: both;
}
input.file {
  width: 150px;
}
input[type=text],
textarea,
input.text {
  border: 1px solid #ABBBC0;
  height: 18px;
  padding: 1px;
  background: #ffffff url(../img/backgrounds/input-text.gif) bottom repeat-x;
  color: #667;
  font-size: 14px;
  font-weight: normal;
  font-family: Tahoma, Verdana, sans;
  font-size: 12px;
  line-height: 16px;
}
textarea {
  height: 10em;
  width: 376px;
}
input[type=text].focus,
input.text.focus,
.dijitComboBox.dijitComboBoxFocused {
  color: #000;
  border: 1px solid #8B9BA0;
}
#left_column input[type=text] {
  width: 170px;
}
#left_column p.form-line {
  margin: 0;
  padding: 0 0 5px;
}
#left_column .form-line label {
  display: block;
  height: 13px;
  line-height: 13px;
  text-align: left;
  font-size: 11px;
  font-weighht: bold;
}
#left_column input[type=text] {
  display: block;
}
/**
 * formularz po prawej
 */
/* #right_column input[type=text] { */
/* 	width: 176px;	 */
/* } */
/* #right_column #v_word, */
/* #right_column #v_translation { */
/* 	width: 376px; */
/* } */
#newWordBox {
  border-left: 1px solid #d0d8e0;
  border-right: 1px solid #d0d8e0;
  border-top: 1px solid #d0d8e0;
  position: relative;
}
#newWordBox .buttons {
  width: 237px;
}
#hints {
  /*position: absolute;
	left: 380px;
	top: 98px;
	background: #CEF6F5;
	width: 320px;
	height: 400px;
	overflow-y: auto;*/

  text-align: left;
  padding: 10px;
  display: none;
  position: absolute;
  /*z-index: 200;*/

  border: 1px solid #c0d8e0;
}
.dictionary-hint:hover {
  text-decoration: underline;
  cursor: pointer;
}
#right_column p.form-line,
#floatingDiv p.form-line,
#right_column p.form-line-textarea {
  margin: 0;
  height: 25px;
  overflow: hidden;
}
#right_column .form-line label,
#right_column .form-line-textarea label,
#floatingDiv .form-line label {
  float: left;
  height: 16px;
  padding: 2px 10px 2px 0;
  width: 150px;
  line-height: 16px;
  text-align: right;
  font-weight: bold;
}
div.form-spacer {
  clear: both;
  height: 25px;
}
#right_column .form-line input[type=text],
#floatingDiv .form-line input[type=text] {
  float: left;
  display: inline;
  margin: 0 10px 0 0;
}
/**
 * dojo
 * TODO: Move somwhere else
 */
.dijitButton,
.dijitDropDownButton,
.dijitComboButton,
.dijitComboBox {
  margin: 0;
}
table.content {
  border-collapse: collapse;
  border: 0;
  border-left: 1px solid #d0d8e0;
  border-top: 1px solid #d0d8e0;
  width: 780px;
  padding: 0px;
  margin: 0px;
}
table.content tr {
  border: 0;
  border-bottom: 1px solid #d0d8e0;
  background-color: #f8f8fa;
}
tr#vocabularyHeaders th {
  cursor: pointer;
}
table.content th.sortAsc {
  background: #afe4f7 url(../img/icons/sort-asc.gif) right no-repeat;
}
table.content th.sortDesc {
  background: #afe4f7 url(../img/icons/sort-desc.gif) right no-repeat;
}
table.content tr.odd {
  background-color: #f1f2f7;
}
table.content tr.odd.hover,
table.content tr.hover {
  background-color: #ddeeff;
}
table.content td,
table.content th {
  border: 0;
  border-right: 1px solid #d0d8e0;
  padding: 2px;
  word-wrap: break-word;
  line-height: 1;
}
table.content tr#vocabularyHeaders th {
  padding-right: 16px;
}
table.content tr#vocabularyHeaders th.first,
table.content tr#vocabularyHeaders th.seccond {
  cursor: default;
  padding-right: 2px;
}
table.content .hidden {
  display: none;
}
table.content tr th.first {
  width: 20px;
  text-align: center;
}
table.content tr .seccond {
  width: 20px;
}
table.content tr .seccond img {
  cursor: pointer;
}
table.content tr td.first {
  background: #afe4f7;
  width: 20px;
  text-align: center;
}
table.content tr td.word {
  padding-left: 5px;
}
@fast SearchSelectedElement();
table.content th {
  border-left: 1px solid #a9ddf0;
  border-top: 0;
  border-bottom: 1px solid #a9ddf0;
  border-right: 1px solid #a9ddf0;
  background: #ddf0f7 url(../img/backgrounds/th.gif) bottom repeat-x;
  color: #197DA2;
  font-weight: bold;
  padding: 3px;
}
#right_column .iconBox {
  height: 24px;
  border-left: 1px solid #d0d8e0;
  border-bottom: 0;
  border-top: 0;
  border-right: 1px solid #d0d8e0;
  background: #ddf0f7;
  padding: 0 5px;
  width: 768px;
}
#right_column .iconBox img.separator {
  float: left;
  padding: 0 10px;
}
#nav_m img.separator {
  padding: 3px 10px 0;
  margin-bottom: -5px;
}
#left_column .icon-box img.separator {
  padding: 0 5px;
}
#right_column .table-head {
  height: 30px;
  border-left: 1px solid #d0d8e0;
  border-bottom: 0;
  border-top: 1px solid #d0d8e0;
  border-right: 1px solid #d0d8e0;
  background: #ddf0f7;
  padding: 5px 5px 0 5px;
  /* 	margin: 10px 0 0 0; */

  width: 768px;
  position: relative;
}
#right_column .table-head h2 {
  padding: 0px;
  margin: 0px;
  float: left;
  line-height: 20px;
  position: relative;
}
#right_column .table-head span#viewCountInfo {
  padding: 0px 10px;
  margin: 0px;
  line-height: 20px;
  float: left;
}
#right_column .table-head a.icon {
  float: right;
  text-decoration: none;
  padding: 2px;
  line-height: 2px;
}
#right_column .table-head a.icon img {
  display: block;
}
#fastTableSearch {
  float: right;
}
#right_column .statusBox {
  border-left: 1px solid #d0d8e0;
  border-top: 0;
  border-bottom: 1px solid #d0d8e0;
  border-right: 1px solid #d0d8e0;
  background: #AFE4F7;
  padding: 0 5px;
  width: 768px;
  text-align: center;
}
#right_column .statusBox .togglePaging {
  float: right;
  cursor: pointer;
  text-decoration: underline;
}
.backButton {
  /*float: left;*/

  cursor: pointer;
  /*margin: 0 0 20px 0;*/

  position: absolute;
  margin: 0;
  left: 5px;
  top: 4px;
}
#right_column .statusBox.top {
  border-top: 0;
  border-bottom: 0;
  background-color: #ddf0f7;
}
p.vocabularyPaging {
  margin: 0px;
  padding: 0px;
  float: left;
  width: 500px;
}
p.vocabularyChosenCounter {
  margin: 0px;
  padding: 0px;
  float: left;
  width: 134px;
  height: 1.3em;
}
#right_column .statusBox .vocabularyPaging span {
  cursor: pointer;
  padding: 0 2px;
}
#right_column .statusBox .vocabularyPaging .chosen {
  color: #194D72;
  font-weight: bold;
}
#right_column .iconBox a:link,
#right_column .iconBox a:visited,
#right_column .iconBox a:hover {
  opacity: 1.0;
  filter: alpha(opacity=100);
  width: 24px;
  height: 24px;
  float: left;
  text-decoration: none;
}
#right_column .iconBox a:hover {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
#right_column .iconBox .add {
  background-image: url(../img/add-icon.gif);
}
#right_column .iconBox .remove {
  background-image: url(../img/remove-icon.gif);
}
#left_column .iconBox {
  height: 24px;
  padding: 10px;
}
#left_column .iconBox a:link,
#left_column .iconBox a:visited,
#left_column .iconBox a:hover {
  opacity: 1.0;
  filter: alpha(opacity=100);
  width: 24px;
  height: 24px;
  float: left;
  text-decoration: none;
}
#left_column .iconBox a img {
  display: block;
  text-decoration: none;
}
#left_column .iconBox a:hover img {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.new_incomming {
  font-weight: bold;
}
.toggleBox {
  opacity: 0;
  filter: alpha(opacity=0);
}
#workingSet .pdf {
  float: right;
  padding: 0 5px;
  margin: -2px 0;
}
.dijitComboBox {
  background: url("../img/backgrounds/input-text.gif") repeat-x scroll center bottom #ffffff;
  border: 1px solid #ABBBC0;
  color: #9999AA;
  font-size: 12px;
  font-weight: bold;
  height: 20px;
  line-height: 20px;
  padding: 0px;
  position: relative;
  width: 178px;
}
.dijitComboBox .custom-select-glass {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  cursor: pointer;
}
.dijitDownArrowButton {
  border-left: 1px solid #ABBBC0;
  width: 16px;
  height: 20px;
  float: right;
  background: #ddf0f7 url(../img/page-elements/commonFormArrows.png) no-repeat;
  /* kolor tla pod strzalka w dropdownie */

  background-position: -70px 6px;
}
.dijitDownArrowButton {
  border-left: 1px solid #ABBBC0;
}
.dijitArrowButtonInner {
  display: none;
}
.dijitInputField {
  float: left;
  width: 140px;
  overflow: hidden;
}
.dijitValidationIconText {
  display: none;
}
.dijitMenu {
  background: url("../img/backgrounds/input-text.gif") repeat-x scroll center bottom #ffffff;
  text-align: left;
  list-style: none;
  border: 1px solid #ABBBC0;
  padding: 0px;
}
.dijitMenu .dijitMenuPassive .dijitMenuItemHover,
.dijitMenu .dijitMenuItemSelected {
  background-color: #AFE4F7;
  /*#E2E8EF;  kolor podswietlenia w dropdownie */

  color: black;
  /*border:1px solid #ABBBC0;*/

}
.dijitMenuItem:HOVER {
  background-color: #AFE4F7;
  /*#E2E8EF;  kolor podswietlenia w dropdownie */

  color: black;
}
.dijitMenuItem {
  padding: 0 5px;
  cursor: pointer;
}
#right_column td.mass-edit-word input[type="text"],
#right_column td.mass-edit-translation input[type="text"] {
  width: 195px;
  font-size: 13px;
}
#right_column td.mass-edit-grammarComment input[type="text"],
#right_column td.mass-edit-translationComment input[type="text"],
#right_column td.mass-edit-lexicalComment input[type="text"],
#right_column td.mass-edit-remarks input[type="text"] {
  width: 86px;
  font-size: 10px;
}
#vocabularyEditTable .dijitComboBox {
  background: url("../img/backgrounds/input-text.gif") repeat-x scroll center bottom #ffffff;
  border: 1px solid #ABBBC0;
  color: #9999AA;
  font-size: 12px;
  font-weight: bold;
  height: 20px;
  line-height: 20px;
  padding: 0px;
  position: relative;
  width: 88px;
}
#vocabularyEditTable .dijitDownArrowButton {
  float: right;
}
#vocabularyEditTable .dijitArrowButtonInner {
  display: none;
}
#right_column input[type="text"].dijitArrowButtonInner {
  width: 15px;
  border: none;
}
#vocabularyEditTable .dijitInputField {
  float: left;
  width: 57px;
  overflow: hidden;
}
#vocabularyEditTable .dijitValidationIconText {
  display: none;
}
#vocabularyEditTable label {
  font-size: 10px;
}
#vocabularyEditTable thead tr td {
  /*background: #AFE4F7;*/

  background: #FFFFFF;
}
.testQuestion,
.testAnswer {
  font-size: 32px;
  margin-left: 50px;
}
ul.learning-method {
  padding: 0px;
  margin: 0px;
  width: 780px;
  list-style: none;
  margin-top: 30px;
}
ul.learning-method li {
  padding: 0;
  margin: 0;
  float: left;
  list-style: none;
  width: 260px;
}
ul.learning-method li div {
  float: left;
  width: 220px;
  height: 220px;
  cursor: pointer;
}
ul.learning-method li div.chosen,
ul.learning-method li div.chosen.hover {
  background: url(../img/page-elements/learning/quiz-method-chooser-highlight.png) center no-repeat;
}
ul.learning-method li div:HOVER {
  background: url(../img/page-elements/learning/quiz-method-chooser-hover.png) center no-repeat;
}
ul.learning-method li div div {
  width: 180px;
  height: 180px;
  margin: 10px;
  padding: 10px;
}
ul.learning-method div#learnTypeDiv_1 {
  background: url(../img/page-elements/learning/quiz-method-chooser_1.png) center no-repeat;
}
ul.learning-method div#learnTypeDiv_2 {
  background: url(../img/page-elements/learning/quiz-method-chooser_2.png) center no-repeat;
}
ul.learning-method div#learnTypeDiv_3 {
  background: url(../img/page-elements/learning/quiz-method-chooser_3.png) center no-repeat;
}
ul.learning-method span#learnTypeDesc {
  float: left;
  margin-left: 20px;
  width: 180px;
}
h2#testOptionsTitle {
  margin-top: 50px;
  margin-bottom: 20px;
}
h1#learningOptionsHeader {
  margin-bottom: 50px;
}
p.check-line {
  padding: 10px;
  margin: 0;
}
div.custom-checkbox {
  /*clear: both;*/

  float: left;
  width: 16px;
  height: 16px;
  margin: 0 8px 0 0;
  border: 1px solid #abc;
  cursor: pointer;
  background-color: #FFFFFF;
}
div.custom-checkbox.checked {
  border-color: #AABBCC;
  background: url(../img/page-elements/check-icon.png) center no-repeat;
  background-color: #FFFFFF;
}
ul#learningOrder,
ul#learningOrder li,
ul.styled,
ul.styled li {
  list-style: none;
  margin: 0px;
  padding: 0px;
}
ul#learningOrder li div,
ul.styled li div {
  margin: 0 0 0 20px;
  cursor: pointer;
  padding: 0 0 0 20px;
  background: url(../img/page-elements/radio-free.png) left 0.3em no-repeat;
}
ul#learningOrder li div.chosen,
ul.styled li div.chosen {
  background: url(../img/page-elements/radio-chosen.png) left 0.3em no-repeat;
}
ul#learningOrder li div.hover,
ul.styled li div.hover {
  color: #AAAABB;
}
ul#learningOrder li div div.number-of-questions {
  display: none;
  background: none;
  padding: 0;
  margin: 0;
}
ul#learningOrder li div.chosen div.number-of-questions,
ul.styled li div.chosen div.number-of-questions {
  display: block;
}
a.start-button,
a.start-button img {
  float: right;
  display: block;
  border: 0;
  cursor: pointer;
}
a.toggleAdvancedOptions:link,
a.toggleAdvancedOptions:visited,
a.toggleAdvancedOptions:hover {
  display: block;
  color: #667;
  margin: 5px;
  padding: 0 0 0 20px;
  background: transparent url(../img/page-elements/tree-unroll.png) left no-repeat;
  text-decoration: none;
  width: 250px;
  cursor: pointer;
}
a.toggleAdvancedOptions:hover {
  color: #AAB;
}
a.toggleAdvancedOptions.unrolled:link,
a.toggleAdvancedOptions.unrolled:visited,
a.toggleAdvancedOptions.unrolled:hover {
  background: transparent url(../img/page-elements/tree-roll.png) left no-repeat;
}
#advancedOptionsBox {
  height: 400px;
}
.paper {
  padding: 50px 60px 150px;
  width: 530px;
  margin: 0 auto;
  background: none repeat scroll 0 0 #F8F8BB;
  /*transparent url(../img/kartka.jpg) center no-repeat;*/

  border: 1px solid  #ABC;
  position: relative;
}
.paper .label {
  clear: both;
  color: #aa8;
  font-weight: bold;
  font-size: 14px;
  float: left;
  width: 160px;
  padding: 0 0 10px;
}
.paper .info,
.paper .remarks {
  color: #048;
  font-weight: bold;
  font-size: 14px;
  /*float: right;*/

  width: 300px;
  padding: 0 0 10px 10px;
  margin-left: 170px;
}
.paper .remarks {
  border: 1px solid #AA9;
  background-color: #DDB;
  float: none;
  clear: both;
  width: 483px;
  padding: 5px;
}
.paper .metaInfo {
  border: 1px solid #AA9;
  background-color: #CCFFFF;
  float: none;
  clear: both;
  /*width: 260px;*/

  padding: 5px;
  height: 120px;
  margin: 100px 0 0 0;
}
.paper .question,
.paper .answer {
  clear: both;
  color: #000;
  font-size: 35px;
  padding: 0px 0 60px;
  text-align: left;
  border: 0;
  background: transparent;
  line-height: 1.0em;
}
.paper .answer {
  padding: 0 0 100px;
}
.paper .question.smaller,
.paper .answer.smaller {
  font-size: 20px;
}
#right_column .paper .answer input[type=text] {
  background: none repeat scroll 0 0 #F8F8BB;
  border-color: -moz-use-text-color -moz-use-text-color #000000;
  border-style: none none dotted;
  border-width: 0 0 4px;
  clear: both;
  color: black;
  display: block;
  font-size: 35px;
  font-weight: bold;
  font0family: tahoma, verdana, sans;
  height: 1.5em;
  margin-bottom: 80px;
  text-align: left;
  width: 510px;
}
.quiz-prev,
.quiz-next,
.quiz-finish,
.quiz-question,
.quiz-right,
.quiz-wrong {
  text-align: center;
  cursor: pointer;
  position: absolute;
  color: #997;
  font-weight: normal;
  font-size: 12px;
  text-decoration: none;
}
.quiz-prev,
.quiz-next,
.quiz-finish {
  bottom: 10px;
  width: 50px;
  padding: 34px 0 0 0;
}
.quiz-question,
.quiz-right,
.quiz-wrong {
  bottom: 10px;
  width: 110px;
  padding: 100px 0 0 0;
}
.quiz-prev:hover,
.quiz-next:hover,
.quiz-finish:hover,
.quiz-question:hover,
.quiz-right:hover,
.quiz-wrong:hover {
  opacity: 0.5;
}
.quiz-question.type-test {
  position: relative;
  left: 220px;
  clear: both;
  bottom: 0;
}
.quiz-prev {
  left: 10px;
  background: transparent url(../img/page-elements/learning/quiz-prev.png) top no-repeat;
}
.quiz-next {
  right: 10px;
  background: transparent url(../img/page-elements/learning/quiz-next.png) top no-repeat;
}
.quiz-finish {
  right: 10px;
  background: transparent url(../img/page-elements/learning/quiz-finish.png) top no-repeat;
}
.quiz-question {
  left: 250px;
  background: transparent url(../img/page-elements/learning/quiz-question.png) top no-repeat;
}
.quiz-right {
  left: 400px;
  background: transparent url(../img/page-elements/learning/quiz-right.png) top no-repeat;
}
.quiz-wrong {
  left: 100px;
  background: transparent url(../img/page-elements/learning/quiz-wrong.png) top no-repeat;
}
#wrongAnswer {
  display: none;
  font-size: 24px;
  font-weight: normal;
  text-decoration: line-through;
  color: #AA8;
  line-height: 1.2em;
}
#correctAnswer {
  display: none;
  font-size: 35px;
  font-weight: bold;
  text-decoration: undeline;
  color: #270;
  line-height: 1.2em;
}
#wrongResult,
#correctResult {
  clear: both;
  display: none;
  font-size: 24px;
  font-weight: normal;
  line-height: 40px;
  font-weight: bold;
  hieght: 40px;
  /*width: 200px;*/

  /*margin: 0 auto;*/

  margin-top: 80px;
  margin-left: 190px;
  padding: 30px 0 30px 100px;
}
#wrongResult {
  background: transparent url(../img/page-elements/learning/quiz-wrong.png) left no-repeat;
  color: #700;
}
#correctResult {
  background: transparent url(../img/page-elements/learning/quiz-right.png) left no-repeat;
  color: #270;
}
/* results table */
table.results {
  border-left: 1px solid #d0d8e0;
  border-bottom: 1px solid #d0d8e0;
  width: 500px;
  padding: 0px;
  margin: 0 0 50px;
}
table.results th {
  background-color: #d8e8fa;
  font-weight: bold;
}
table.results tr {
  background-color: #f8f8fa;
}
table.results tr.top td {
  border-top: 2px solid #A0A8B0;
  /*linia rozdzielajaca rundy*/

}
table.results td,
table.results th {
  padding: 2px;
  word-wrap: break-word;
  text-align: center;
  border-top: 1px solid #d0d8e0;
  border-right: 1px solid #d0d8e0;
}
table.results td.noTop {
  border-top: 0px;
}
table.results .hidden {
  display: none;
}
table.results tr th.first {
  width: 20px;
  text-align: center;
}
table.results tr .seccond {
  width: 32px;
}
table.results tr .seccond img {
  cursor: pointer;
}
table.results tr td.first {
  background: #afe4f7;
  width: 20px;
  text-align: center;
}
table.results tr td .key-word {
  text-decoration: underline;
  color: #800;
  background-color: white;
}
table.results th {
  background: #ddf0f7 url(../img/backgrounds/th.gif) bottom repeat-x;
  color: #197DA2;
  font-weight: bold;
  padding: 3px;
}
#remarx_textarea label a:link,
#remarx_textarea label a:visited,
#remarx_textarea label a:hover {
  text-decoration: none;
  padding-left: 10px;
  background: url(../img/page-elements/tree-unroll.png) left no-repeat;
  color: #666677;
}
#remarx_textarea.unrolled label a:link,
#remarx_textarea.unrolled label a:visited,
#remarx_textarea.unrolled label a:hover {
  background: url(../img/page-elements/tree-roll.png) left no-repeat;
}
span#toggle_edit_remarks {
  margin-left: 3px;
  height: 9px;
  display: inline-block;
  width: 10px;
}
span.toggleRemarksExpand {
  background: url(../img/page-elements/expandRemarks.png) left no-repeat;
}
span.toggleRemarksCollapse {
  background: url(../img/page-elements/collapseRemarks.png) left no-repeat;
}
/*		SEARCH        */
table#advancedSearchCriteria img {
  margin: 0 0 0 5px;
}
table#advancedSearchCriteria img:hover {
  opacity: 0.5;
}
/* 		PREFERENCES 	*/
div#preferences h2 {
  clear: both;
  margin-top: 50px;
}
div#preferences .button {
  margin-top: 100px;
}
div#preferences p input,
span.langSelect,
div#registrationForm p input {
  position: absolute;
  left: 300px;
}
div#preferences p.indented {
  margin-left: 50px;
}
div#preferences p input.separator {
  width: 176px;
  /* TODO: maybe less? */

}
div#preferences div.custom-checkbox {
  position: relative;
  float: right;
  left: -455px;
}
div#preferences p.comment-hints input {
  position: relative;
  left: 0;
}
div#preferences div.button {
  margin-top: 10px;
  margin-bottom: 50px;
}
div#preferences div.hintsSave {
  clear: both;
}
div#registrationForm p input[type=button] {
  left: 10px;
}
div#registrationForm p a.captcha-reload {
  bottom: 35px;
  left: 35px;
  position: relative;
}
div#registrationForm p.acceptRules {
  margin-top: 60px;
}
div#registrationForm div.button {
  margin-top: 70px;
}
#right_column .comment-hints-right .form-line input[type="text"] {
  margin: 7px 10px 0 0;
}
.comment-hints-left {
  float: left;
  clear: both;
  width: 350px;
}
div#floatingDiv img.closeDivButton {
  cursor: pointer;
  position: absolute;
  top: 5px;
  right: 5px;
}
div#floatingDiv img.closeDivButton:hover {
  opacity: 0.5;
}
.comment-hints-right {
  float: left;
  width: 350px;
}
.form-line ul.boxList {
  border: 1px solid #ABBBC0;
  float: left;
  width: 150px;
  padding: 0;
}
.form-line ul.boxList.wide {
  width: 300px;
  overflow-y: scroll;
}
.form-line ul.boxList li {
  margin: 0px;
  padding: 0;
  cursor: pointer;
  list-style: none;
}
.form-line ul.boxList li div {
  padding: 0 5px;
  cursor: pointer;
}
.form-line ul.boxList li div.chosen {
  padding: 0 5px;
  cursor: pointer;
  color: black;
  background-color: #AFE4F7;
}
/*  PDF settings window */
div#pdfSettings div#pdfHeader {
  width: 100%;
  height: 60px;
  /*background-color: #add8e6;*/

  border-bottom: 3px solid #AABBCC;
}
#right_column .comment-hints-left .form-line,
#right_column .comment-hints-right .form-line {
  height: auto;
}
#right_column .comment-hints-left .form-line label,
#right_column .comment-hints-right .form-line label {
  width: 100px;
  font-weight: normal;
  text-align: left;
  padding-top: 12px;
}
div#pdfSettings h1,
div#pdfSettings h2 {
  margin-top: 20px;
  margin-left: 5px;
  clear: left;
}
div#pdfSettings h1 {
  font-size: 20px;
}
div#pdfHeader img {
  margin-top: 5px;
  margin-left: 5px;
  cursor: pointer;
}
div#pdfHeader img:hover {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
div#pdfSettings div#pdfDetailedSettings {
  overflow: auto;
  /* 	height:660px; */

}
div#pdfDetailedSettings h1 {
  margin-bottom: 50px;
}
div#pdfDetailedSettings p {
  margin-left: 15px;
  clear: both;
}
div#pdfDetailedSettings p label {
  width: 300px;
  float: left;
}
div#pdfDetailedSettings p input[type=text] {
  width: 20px;
}
div#pdfDetailedSettings p input[type=text].title,
div#pdfDetailedSettings p textarea {
  width: 200px;
}
div#pdfDetailedSettings div.custom-checkbox {
  margin-bottom: 20px;
}
div#pdfDetailedSettings .dijitComboBox {
  width: 200px;
}
div.colorInput {
  background-color: white;
  border: 1px solid #ABBBC0;
  float: left;
  height: 15px;
  margin-right: 10px;
  width: 15px;
}
div#searchChooseColumns {
  height: 60px;
}
div#searchChooseColumns label {
  float: left;
}
div#searchPanel p.wildcardCheckbox {
  margin: 40px 0 50px 10px;
}
div#colorPickerDiv {
  overflow: hidden;
}
div#colorPickerDiv #selectColorButton {
  /* 	position: absolute; */

  /* 	left: 5px; */

  /* 	bottom: 10px; */

}
div#tableSettings p label:first-child,
div#tableSettings p span.label,
div#tableSettings label.label {
  width: 300px;
  float: left;
}
div#tableSettings h2 {
  margin-bottom: 35px;
}
div#tableSettings span#tablePref_defaultColor {
  font-size: 10px;
  margin-left: 10px;
}
span.rowHeight {
  font-weight: bold;
}
div.rowHeightChange {
  position: absolute;
  right: 460px;
  display: none;
}
div.rowHeightChange p {
  line-height: 0.6;
  margin: 0;
  padding: 0;
}
div#tableSettings img {
  cursor: pointer;
}
form#login input#pass_input {
  width: 170px;
  clear: both;
}
form#login input#rememberMe {
  margin-left: 7px;
}
p.register {
  clear: both;
  margin-top: 80px;
}
div#editCathegory img#editFlag {
  float: left;
  margin-right: 10px;
  margin-top: 3px;
}
div#editCathegory p.langSelect,
div#addLanguageCathegory p.langSelect {
  margin-top: 10px;
}
img.languageIcon {
  margin-left: 7px;
}
div#left_column .icon-box a img:hover {
  opacity: 0.5;
}
img.testControlButton {
  float: right;
  cursor: pointer;
}
img#closeTestSummaryImg {
  position: absolute;
  left: 760px;
  top: 0px;
}
img#rerunTestImg {
  position: absolute;
  left: 730px;
  top: 0px;
}
img.closeTest {
  margin-right: 60px;
  margin-left: 5px;
}
img.cancelTest {
  margin-top: 2px;
}
td.abortedCorrectness {
  color: red;
}
div#detailedTestSummary {
  margin-top: 50px;
}
div#detailedTestSummary p span {
  font-weight: bold;
}
p#wordsTested {
  margin-top: 70px;
}
div#answerSummary {
  margin-top: 40px;
}
div.messageWindowImageDiv {
  float: left;
  margin-right: 10px;
}
div.messageWindowDiv {
  padding-top: 10px;
}
div.messageWindowMessageDiv {
  margin-left: 75px;
}
div#deleteWordWindowContent {
  height: 450px;
  overflow: auto;
}
.closeInfo {
  bottom: 10px;
  position: absolute;
  right: 2px;
}
.yesButton {
  right: 35px;
}
.acceptInvitationButton {
  right: 65px;
  bottom: 17px;
}
.declineInvitationButton {
  bottom: 17px;
}
/* div#floatingDiv p { */
/* 	margin-left: 72px; */
/* } */
.confirmSendingButton {
  right: 65px;
  bottom: 17px;
}
.cancelSendingButton {
  bottom: 17px;
}
textarea#additionalSendMessage {
  height: 100px;
  /*     margin-left: 72px; */

  width: 70%;
}
div#left_column a {
  text-decoration: none;
}
ul#incommingFolders a.newIncoming {
  font-weight: bold;
  color: black;
}
ul#incommingFolders a.incomingFolder {
  margin-left: 15px;
}
#ttcont p {
  margin: 0;
}
div#validationResult {
  width: 300px;
  position: absolute;
  font-size: 7pt;
  color: black;
  background-color: #AAAAFF;
  border: 1px solid black;
  text-align: left;
  padding: 7px;
  z-index: 10000;
}
div#validationResult p {
  margin: 0;
  padding: 0;
}
input.validationFailed,
textarea.validationFailed,
div.validationFailed {
  border: 2px solid red !important;
}
div#userStatistics h2 {
  margin-bottom: 20px;
  margin-top: 40px;
}
div#userStatistics p {
  margin: 3px;
}
div#pdfPreviewHeader {
  border-bottom: 2px solid #000000;
}
div#pdfPreviewHeader p,
div#pdfPreviewHeader img {
  display: none;
}
div#pdfPreviewHeader p {
  margin: 15px;
}
img#backToPdfSettingsImg {
  position: absolute;
  right: 25px;
  top: 0px;
}
div#userStatistics p span {
  left: 295px;
  font-weight: bold;
  position: absolute;
}
div#userStatistics h1 {
  margin-bottom: 50px;
}
div#clipbloardInfoMenuItem {
  display: none;
}
div#clipbloardInfoMenuItem img {
  cursor: pointer;
}
div.topBox {
  margin-top: 20px;
}
span#vocsInWS {
  font-weight: normal;
}
div#workingSet img {
  cursor: pointer;
  display: none;
}
div#workingSet img:hover {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
div#messageWindowContent {
  overflow: auto;
  left: 50px;
  height: 85%;
}
#left_column #selectLangCreateLangCat,
#left_column #selectLangCreateLangCat {
  margin-bottom: 15px;
}
table.existingTranslation {
  border-bottom: 1px solid #d0d8e0;
  border-left: 1px solid #d0d8e0;
  margin: 0 0 50px;
  padding: 0;
  width: 400px;
  font-size: 90%;
}
table.existingTranslation tr {
  background-color: #F8F8FA;
}
table.existingTranslation td {
  border-right: 1px solid #d0d8e0;
  border-top: 1px solid #d0d8e0;
  padding: 2px;
  text-align: left;
  word-wrap: break-word;
}
table.existingTranslation td.title {
  background: url("../img/backgrounds/th.gif") repeat-x scroll center bottom #ddf0f7;
  color: #197DA2;
  font-weight: bold;
  padding: 3px;
  width: 130px;
}
div#importInfo {
  background-color: #ECF1EF;
  border-style: inset;
  border-width: 2px;
  height: 180px;
  margin-left: 60px;
  margin-right: 5px;
  overflow: auto;
}
div#importInfo p {
  margin: 0 0 0 0;
}
.confirmChangeOwnerButton {
  right: 60px;
}
ul#newGroupOwnerList {
  margin-top: 20px;
}
div#closeSearchDiv {
  /*position: absolute;
	right: 20px;
	height: 30px;*/

  float: right;
}
div#closeSearchDiv a {
  margin-left: 0;
}
div#closeSearchDiv span {
  float: left;
  margin-top: 4px;
  margin-right: 4px;
}
div#contactFormDiv h1 {
  margin-bottom: 30px;
}
div#contactFormFields p input[type=text],
div#contactFormFields textarea,
div#widget_contectForm_messageType {
  left: 120px;
  position: absolute;
  width: 300px;
}
div#contactFormFields div.dijitInputField {
  width: 280px;
}
div#contactFormFields div#contactForm_sendButton {
  position: absolute;
  left: 382px;
  top: 310px;
}
div#contactFormFields p.contactFormLast {
  margin-bottom: 140px;
}
div#contactFormDirectContactDiv {
  margin-top: 200px;
}
div#activityReportChooseLanguageDiv p {
  margin-left: 10px;
}
div.activityReportEntry {
  border-color: grey;
  border-style: solid solid none;
  border-width: 1px 0 0;
  left: -2px;
  padding: 8px 0 8px 3px;
  position: relative;
  width: 102%;
}
div.activityReportTimeEntry {
  font-weight: bold;
}
div#activityReport div.activityDate {
  position: absolute;
  right: 10px;
  top: 8px;
}
div#activityReportDiv > p {
  margin-left: 5px;
}
div#activityReport {
  height: 520px;
  overflow-y: auto;
  overflow-x: hidden;
}
div#activityReport > div:last-child {
  border-bottom: 1px solid grey;
}
img#activityReportBackButton {
  position: absolute;
  right: 5px;
  top: 0px;
}
img#activityReportBackButton:hover {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
div#activityReportDiv div.activityText {
  width: 400px;
}
span.newActivitiesMark {
  display: none;
  font-weight: bolder;
  font-size: 13px;
}
span.activityReportGroupChooserOption {
  margin-right: 3px;
}
a#activityReportLink {
  float: left;
}
ul#groupForActivityReport {
  list-style: ;
}
div#showActivitiesDiv {
  height: 15px;
}
div#showActivitiesDiv img {
  margin-bottom: -3px;
}
div.translationEntityDiv {
  float: left;
}
span.translationSeparator {
  margin-left: 5px;
  margin-right: 5px;
}
span.translationEntry {
  cursor: pointer;
}
span.translationInfo {
  font-style: italic;
  font-size: 6pt;
  margin-left: 3px;
}
div.popupWindow {
  position: absolute;
  background-color: #C4C4C4;
  border: 1px solid black;
  opacity: 0.9;
  filter: alpha(opacity=90);
  overflow: auto;
}
span.translationEntry:HOVER {
  text-decoration: underline;
}
span.closePopupWindow {
  right: 7px;
  position: absolute;
  top: 5px;
}
.closeButton {
  cursor: pointer;
}
img.closeButton:HOVER {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.markedTranslationHint {
  background: #FCF6CF;
}
img.editWordFromPreview {
  position: relative;
  left: 666px;
  top: 2px;
  cursor: pointer;
}
img.editWordFromTest {
  position: absolute;
  left: 4px;
  top: 4px;
}
tr.toolboxRow img:HOVER {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
input#v_enteredAnswer:FOCUS {
  outline: none;
}
div.specialCharacter {
  width: 15px;
  height: 15px;
  float: left;
  cursor: pointer;
  margin: 4px;
}
div.markedSpecialCharacter {
  background-color: #FCF6CF;
}
div.specialCharacter:HOVER {
  text-decoration: underline;
}
div.specialCharacterLineBreak {
  clear: both;
}
span.specialCharacterPopupInfo {
  position: absolute;
  bottom: 5px;
  right: 3px;
  font-size: 7pt;
}
div.lastCharactersDiv {
  border-bottom: 1px solid grey;
  height: 20px;
  width: 210px;
}
div.box h2 {
  cursor: pointer;
}
div#answerContainer a {
  font-size: 9pt;
  position: absolute;
  right: 10px;
  top: 233px;
}
div.leftMenuBoxHeaderRolled h2 {
  /* 	content: "...""; */

  font-style: italic;
}
div.exportChooserPopup {
  text-align: left;
  padding-left: 10px;
}
img.exportChooserFormatThumbnail {
  cursor: pointer;
  margin-right: 10px;
}
div.colorPickerPopup {
  z-index: 1000;
}
div.table-head div#columnChooser {
  display: none;
}
div.columnChooserPopup {
  background-color: white;
  border: 1px solid #abc;
  position: absolute;
  padding: 5px;
  text-align: left;
}
div.columnChooserPopup .line {
  height: 20px;
  line-height: 20px;
}
div.helpIconDiv {
  position: absolute;
  cursor: pointer;
  background: url(../img/icons/help.png) center no-repeat;
  width: 16px;
  height: 16px;
  opacity: 0.5;
  display: none;
  /* to show all help icons at once in JS */

}
div.helpIconDiv:HOVER {
  opacity: 1;
}
div.languageEntry {
  width: 100px;
  height: 60px;
  float: left;
}
div#fastFlagSearch {
  border-bottom: 2px solid black;
  height: 20px;
  margin-bottom: 20px;
  padding: 10px 0 15px;
  width: 100%;
}
div#fastFlagSearch label {
  margin-left: 10px;
}
/* ############################# popup window START  ####################################### */
.windowAdditionalBottomValue {
  bottom: 20px !important;
}
.repeatingTranslationsYesButton {
  right: 60px !important;
  bottom: 20px !important;
}
.repeatingTranslationsNoButton {
  bottom: 20px !important;
}
.contactFormSendButtonPosition {
  left: 325px !important;
}
div#popupWindowOverlay {
  display: none;
  position: absolute;
  width: 100%;
  /*height: 4000px;*/

  background: black;
  opacity: 0.05;
  filter: alpha(opacity=5);
  z-index: 100;
}
.dhtmlwindow {
  position: absolute;
  border: 1px solid gray;
  visibility: hidden;
  background-color: white;
}
.drag-handle {
  /*CSS for Drag Handle*/

  padding: 1px;
  text-indent: 3px;
  font: normal 15px Arial;
  /*background-color: #CA0000;*/

  height: 20px;
  /* background-color: #cbdbe0; */

  background-color: #b8c8dc;
  color: #404040;
  cursor: move;
  overflow: hidden;
  width: auto;
  filter: progid:DXImageTransform.Microsoft.alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
  text-align: left;
}
.drag-handle .drag-controls {
  /*CSS for controls (min, close etc) within Drag Handle*/

  position: absolute;
  right: 1px;
  top: 2px;
  cursor: hand;
  cursor: pointer;
}
.drag-handle .drag-controls:HOVER {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
* html .drag-handle {
  /*IE6 and below CSS hack. Width must be set to 100% in order for opaque title bar to render*/

  width: 100%;
}
.drag-contentarea {
  /*CSS for Content Display Area div*/

  border-top: 1px solid brown;
  /*background-color: white;
color: black;*/

  height: 150px;
  padding: 2px;
  overflow: auto;
  text-align: left;
  font-size: 11px;
}
.drag-statusarea {
  /*CSS for Status Bar div (includes resizearea)*/

  border-top: 1px solid gray;
  background-color: #F8F8F8;
  height: 13px;
  /*height of resize image*/

}
.drag-resizearea {
  /*CSS for Resize Area itself*/

  float: right;
  width: 13px;
  /*width of resize image*/

  height: 13px;
  /*height of resize image*/

  cursor: nw-resize;
  font-size: 0;
}
/* ############################# popup window END  ####################################### */
/* ############################# tooltip CSS BEGIN  ####################################### */
#tt {
  position: absolute;
  display: block;
  /*background:url(images/tt_left.gif) top left no-repeat;*/

}
#tttop {
  display: block;
  height: 5px;
  margin-left: 5px;
  /*background:url(images/tt_top.gif) top right no-repeat;*/

  overflow: hidden;
}
#ttcont {
  display: block;
  padding: 2px 12px 3px 7px;
  margin-left: 5px;
  background: #1E91BC;
  font-size: 8pt;
  text-align: left;
  color: #fff;
}
#ttbot {
  display: block;
  height: 5px;
  margin-left: 5px;
  /*background:url(images/tt_bottom.gif) top right no-repeat;*/

  overflow: hidden;
}
/* ############################# tooltip CSS END  ####################################### */
/* ############################# calendar.css BEGIN  ####################################### */
.dijitCalendarIncrementControl {
  background-image: url("../js/dijit/themes/tundra/images/spriteRoundedIconsSmall.png");
  background-repeat: no-repeat;
  height: 15px;
  width: 15px;
}
.dj_ie6 .dijitCalendarIncrementControl {
  background-image: url("../js/dijit/themes/tundra/images/spriteRoundedIconsSmall.gif");
  font-size: 0.1em;
}
.dijitA11ySideArrow {
  display: none;
}
.dijitCalendarDecrease {
  background-position: left top;
}
.dijitCalendarIncrease {
  background-position: -30px top;
}
table.dijitCalendarContainer {
  border: 1px solid #CCCCCC;
  border-collapse: separate;
  border-spacing: 0;
  font-size: 100%;
  margin: 0;
}
.dijitCalendarMonthContainer th {
  background: url("../js/dijit/themes/tundra/images/titleBar.png") repeat-x scroll center top #d3d3d3;
  padding-bottom: 0.2em;
  padding-top: 0.3em;
  text-align: center;
}
.dj_ie6 .dijitCalendarMonthContainer th {
  padding-bottom: 0.1em;
  padding-top: 0.2em;
}
.dijitCalendarDayLabelTemplate {
  background: url("../js/dijit/themes/tundra/images/calendarDayLabel.png") repeat-x scroll center bottom #ffffff;
  border-top: 1px solid #EEEEEE;
  color: #293A4B;
  font-weight: normal;
  padding-bottom: 0;
  padding-top: 0.15em;
  text-align: center;
}
.dijitCalendarBodyContainer {
  border-bottom: 1px solid #EEEEEE;
}
.dijitCalendarMonthLabel {
  color: #293A4B;
  font-weight: bold;
}
.dijitCalendarDateTemplate {
  font-size: 0.9em;
  font-weight: bold;
  letter-spacing: 1px;
  padding: 0.3em 0.3em 0.05em;
  text-align: center;
}
.dj_ie .dijitCalendarDateTemplate {
  padding: 0.1em 0.33em 0.02em;
}
.dijitCalendarPreviousMonth,
.dijitCalendarNextMonth {
  background-color: #F8F8F8 !important;
  color: #999999;
}
.dijitCalendarPreviousMonthDisabled,
.dijitCalendarNextMonthDisabled {
  background-color: #A4A5A6 !important;
}
.dijitCalendarCurrentMonth {
  background-color: white !important;
}
.dijitCalendarCurrentMonthDisabled {
  background-color: #BBBBBC !important;
}
.dijitCalendarDisabledDate {
  cursor: default !important;
  text-decoration: line-through !important;
}
.dijitCalendarCurrentDate {
  font-weight: bold;
  text-decoration: underline;
}
.dijitCalendarHoveredDate {
  background-color: #E2EBF2 !important;
}
.dijitCalendarSelectedDate {
  background-color: #BBC4D0 !important;
  color: black !important;
}
.dijitCalendarYearContainer {
  background: url("../js/dijit/themes/tundra/images/calendarYearLabel.png") repeat-x scroll center bottom #ffffff;
  border-top: 1px solid #CCCCCC;
}
.dijitCalendarYearLabel {
  margin: 0;
  padding: 0.4em 0 0.25em;
  text-align: center;
}
.dijitCalendarSelectedYear {
  background-color: #BBC4D0 !important;
  color: black;
  padding: 0.2em 0.2em 0.1em;
}
.dijitCalendarNextYear,
.dijitCalendarPreviousYear {
  color: black !important;
  font-weight: normal;
}
/* ############################# calendar.css END  ####################################### */
/* ############################# search.css BEGIN  ####################################### */
input#simpleSearchBox {
  /*font-size:20px;
	width:300px;
	height:25px;*/

  float: left;
  margin-right: 15px;
  margin-left: 10px;
}
div#searchResults {
  margin-top: 130px;
}
div#searchChooseColumns p.columnChooser {
  margin-top: 15px;
}
div#searchChooseColumns label {
  margin-right: 15px;
}
ul#logicalOperatorChoice {
  margin-bottom: 40px;
  margin-top: 10px;
}
#logicalOperatorChoice li {
  float: left;
  width: 70px;
}
#advancedSearchStartSearch {
  margin-top: 30px;
}
img#appendSearchCriteriaImg {
  margin-bottom: 10px;
}
#advancedSearchCriteria span {
  display: block;
  float: left;
}
#advancedSearchCriteria td {
  clear: both;
}
/* ############################# search.css END  ####################################### */
/* ############################# user-picker.css BEGIN  ####################################### */
#userPicker {
  padding: 0px;
  margin: 0px auto;
  width: 600px;
  height: 370px;
  background: #EEEEEE;
  text-align: left;
}
#userPicker ul {
  margin: 0;
  padding: 15px 0 0 15px;
}
#userPicker #usersFound {
  clear: both;
  float: left;
  width: 250px;
  margin: 0;
  padding: 15px 0 0 15px;
}
#userPicker #chosenUsers {
  float: left;
  width: 250px;
  margin: 0;
  padding: 15px 0 0 15px;
}
#userPicker .chosen-users-title,
#userPicker .users-found-title {
  display: none;
  padding: 10px 5px 0;
  color: black;
  font-weight: bold;
  font-style: italic;
  font-size: 13px;
}
#userPicker .chosen-users-title .button {
  font-style: normal;
}
#userPicker .left-side,
#userPicker .right-side {
  float: left;
  width: 275px;
}
#userPicker .separator {
  float: left;
  width: 50px;
  padding: 0px;
  margin: 0;
}
#userPicker .search-bar {
  background: url("../img/backgrounds/input-text.gif") repeat-x scroll center bottom #ffffff;
  border: 0;
  padding: 20px;
  border-bottom: 1px solid #bcd;
}
#userPicker li {
  list-style: none;
  padding: 0px 0 0px 25px;
  background: url(../img/page-elements/bullet.png) 2px 3px no-repeat;
}
#userPicker li span {
  padding-top: 3px;
  padding-bottom: 3px;
}
#userPicker #chosenUsers li span {
  cursor: pointer;
  padding-right: 20px;
}
#userPicker #chosenUsers li.hover span {
  background: url(../img/icons/remove-user.png) no-repeat right top;
}
#userPicker #usersFound .link {
  cursor: pointer;
  padding-right: 20px;
  text-decoration: none;
}
#userPicker #usersFound li.hover .link {
  background: url(../img/icons/add-user.png) no-repeat right top;
}
#userPicker #usersFound .chosen {
  font-weight: bold;
  color: #333;
}
#userPicker p.form-line label {
  width: auto;
}
/* ############################# user-picker.css END  ####################################### */
table.wordPreview {
  border-bottom: 1px solid #d0d8e0;
  border-left: 1px solid #d0d8e0;
  margin: 25px 0 0 15px;
  padding: 0;
  width: 700px;
  border-collapse: collapse;
  position: relative;
}
table.wordPreview tr {
  background-color: #F8F8FA;
}
/* table.wordPreview tr#wordCategoriesInfo { */
/* 	display: none; */
/* } */
table.wordPreview td {
  border-right: 1px solid #d0d8e0;
  border-top: 1px solid #d0d8e0;
  padding: 2px;
  text-align: left;
  word-wrap: break-word;
  padding-left: 10px;
  padding-right: 10px;
}
table.wordPreview td.title {
  background: url("../img/backgrounds/th.gif") repeat-x scroll center bottom #ddf0f7;
  color: #197DA2;
  font-weight: bold;
  padding: 3px;
  width: 90px;
}
table.wordPreview td.bigCell {
  font-size: 20px;
  line-height: 1em;
  padding-top: 5px;
  padding-bottom: 5px;
}
table.wordPreview tr td#preview_categoryInfo {
  border-bottom: 1px solid #d0d8e0;
}
table.wordPreview tr td#preview_categoryInfo p.viewwordCategoryLink {
  margin: 0;
  padding: 0;
}
div#wordPreviewContent {
  height: 590px;
}
table.metaInfo {
  bottom: 75px;
  position: absolute;
}
table.metaInfo.lowerPositioned {
  bottom: 0px;
}
div#wordView a.wordViewNavigationLink {
  bottom: -60px;
}
table.wordPreview div.wordPreviewContent,
table.wordPreview div.translationPreviewContent {
  height: 42px;
  overflow: auto;
}
table.wordPreview div.transComPreviewContent,
table.wordPreview div.lexComPreviewContent,
table.wordPreview div.gramComPreviewContent {
  height: 40px;
  overflow: auto;
}
table.wordPreview div.remarksPreviewContent {
  height: 100px;
  overflow: auto;
}
tr.toolboxRow {
  padding: 0;
}
div.helpPopup {
  /* 	width: 200px; */

  border: 1px solid black;
  background-color: #efe4b0;
  /*height: auto;*/

  overflow: hidden;
  /* 	display: none; */

  color: black;
  font-size: 10px;
  /* 	position: absolute; */

  z-index: 1000;
  text-align: left;
  padding: 7px;
  padding-right: 20px;
}
div#userCategoriesBox,
div#utilitiesMenuHeader,
div#addLanguageCathegory,
div#editCathegory,
div#addLearningGroup,
div#editLearningGroup,
div#wordPreviewContent,
div#clipbloardInfoMenuItem {
  position: relative;
}
div#sharedCategoriesBox,
div#leftMenuBox_sharedCategories,
div#advancedOptionsBox,
div#numberOfCorrectAnswersToFinishLine,
div#AllowWrongAnswerCorrectionDiv {
  position: relative;
}
div#incomingWordsBox {
  position: relative;
}
div#vocabularyIconBox,
div#addLearningGroup,
div#nav_m,
div#tableSettings {
  position: relative;
}
div.relative {
  position: relative;
}
div#userStatistics p {
  position: relative;
}
a.firstLevelLink,
.firstLevelLinkDuplicate {
  /* second one for non JS usage */

  color: #197da2;
  font-weight: bold;
  /*text-decoration: none;*/

  margin-left: 16px;
  font-size: 14px;
  text-decoration: underline;
}
a.firstLevelLink:HOVER,
.firstLevelLinkDuplicate:HOVER {
  color: #000000;
}
a.firstPrefNavLink {
  margin-left: 0;
}
a.firstLevelLinkSelected {
  text-decoration: none;
  color: #667;
  cursor: default;
}
a.firstLevelLinkSelected:HOVER {
  color: #667;
}
div#preferencesNavigationTab {
  margin-top: 10px;
}
div.preferenceTab h2:FIRST-CHILD {
  margin-bottom: 30px;
}
input[type=text].disabled,
textarea.disabled {
  background: #E8E8E8;
}
table#vocabularyEditTable td {
  width: 100%;
}
table#vocabularyEditTable td input[type=text] {
  width: 100%;
}
div#massEditActionButtons {
  margin-top: 15px;
  margin-left: 10px;
}
div#deleteWordWindowContainer {
  position: relative;
}
td#massEditHeaderActionCell {
  text-align: center;
}
p.helpLine {
  margin-left: 7px;
  line-height: 1.3em;
  text-align: justify;
}
span.helpFirstLevelHighlight {
  font-weight: bold;
}
span.helpSecondLevelHighlight {
  font-weight: bold;
  text-decoration: underline;
}
span.helpThirdLevelHighlight {
  font-weight: bold;
  color: red;
}
img.imageInHelp {
  display: inline-block;
  padding: 1px;
  border: 1px dotted gray;
  margin-left: 5px;
  margin-right: 5px;
}
ul.helpPopupUl {
  padding-left: 20px;
}
table.wordInputTable {
  margin: 0;
  width: 100%;
  border-left: none;
  border-right: none;
}
table.wordInputTable tr {
  background-color: #FFFFFF;
}
table.wordInputTable td {
  padding: 0;
}
div#newWordBox table.wordInputTable td.title {
  width: 130px;
}
div#newWordBox table.wordInputTable tr td > input[type=text] {
  width: 100%;
  margin: 0;
  border: none;
  height: 30px;
  font-size: 20px;
}
div#newWordBox table.wordInputTable input#v_translationComment {
  font-size: 12px;
  height: 20px;
}
div#newWordBox table.wordInputTable td.bigCell {
  padding: 0;
}
div#newWordBox div.table-head {
  border: none;
}
table.wordInputTable tr.buttonRow {
  height: 38px;
}
table.wordInputTable td#grammarCommentInputCell {
  width: 250px;
}
td#newWordToolsBox {
  width: 100px;
  border-right: none;
  border-left: 3px solid #D0D8E0;
  vertical-align: middle;
  text-align: center;
}
textarea#v_remarks {
  height: 1.5em;
  width: 100%;
  border: none;
  margin: 0;
  padding: 2px;
}
/* CSS for elements built in Javascript (extracted) */
span.userLogin {
  font-weight: bold;
}
div.collaborationMessage {
  margin-top: 7px;
  margin-right: 7px;
  font-family: monospace;
  background: lightCyan;
  border: 1px dotted gray;
  padding: 3px;
}
div#incomingMessageMainDiv {
  padding-top: 14px;
  padding-right: 7px;
}
span.groupNameInMessage {
  font-weight: bold;
}
div#userRemovedFromGroupDiv p,
div#userRemovedFromGroupDiv div {
  margin-left: 57px;
}
div#removeFromGroupMessage {
  height: 90px;
  overflow: auto;
}
span.validationFieldNameHighlight {
  font-weight: bold;
}
span.higlightedCorrectness {
  font-weight: bold;
}
.defaultTableFontColor {
  background-color: #666677;
}
span#captchaValidationFailed {
  color: red;
}
div#nav_m a.languageChangeIcon img {
  margin-top: 50%;
}
span#logingFailedInfo {
  display: inline-block;
  margin-top: 10px;
  color: red;
}
span#motherLanguageName,
span#systemLanguageName {
  font-weight: bold;
}
span.groupOwnerTooltipHighlight {
  font-style: italic;
}
span.tooltipTitle {
  font-weight: bold;
}
p.confirmWordCompleteDeleteTitle {
  margin-bottom: 30px;
}
span.clibboardInfoWordsCopied {
  font-style: normal;
}
span.clibboardInfoWordsCut {
  font-style: italic;
}
p.messageToUserLine,
div.groupDeletedMessage {
  margin-left: 60px;
}
p.categoryPathInRepeatingTranslations {
  margin: 0;
}
/* END for extracted CSS styles from inline*/
/* modifications for getting rid of all <br> tags: */
div#rbOnlyShowVocsDiv,
div#rbShowAndAskDiv,
div#rbEnterAnswerDiv {
  margin-top: 35px;
}
img#keyboardPopupInLearning {
  top: 23px;
  right: -30px;
  position: absolute;
}
/* END modifications for getting rid of all <br> tags: */
div.graphicThemeDiv {
  margin-top: 20px;
  /* 	border-bottom: 1px solid gray; */

  height: 610px;
  position: relative;
}
div.topGraphicThemeDiv {
  margin-top: 100px;
}
div.themePreview,
div.themePreviewContainer {
  height: 600px;
  width: 500px;
  position: absolute;
}
div.themePreviewContainer {
  right: 3px;
}
div.themePreview {
  height: 570px;
  width: 470px;
  cursor: pointer;
  margin-top: 10px;
  margin-left: 15px;
}
div.themePreviewContainer:HOVER {
  background: url(../img/page-elements/themes/theme-hover.png) no-repeat center center;
}
div.themePreviewHighlight {
  background: url(../img/page-elements/themes/theme-highlight.png) no-repeat center center;
}
span.themeDescription {
  position: absolute;
  top: 300px;
  left: 30px;
}
div#themePreviewDiv-theme0 {
  background: url(../img/page-elements/themes/theme-background.png) no-repeat center center;
}
div#themePreviewDiv-theme1 {
  background: url(../img/page-elements/themes/theme-background.png) no-repeat center center;
}
div#themePreviewDiv-theme2 {
  background: url(../img/page-elements/themes/theme-background.png) no-repeat center center;
}
div#tutorialNavigationLinks a {
  display: block;
}
div#tutorialNavigationLinks {
  line-height: 2em;
  border-bottom: 1px solid gray;
  padding-bottom: 10px;
}
div#tutorialNavigationLinks .gettingStartedNavLink {
  /* 	font-size: 16px; */
  /* TODO: mark somehow getting started lilnk */

  /* 	color: lightSalmon; */

}
div#tutorialContent {
  padding-top: 20px;
  padding-left: 10px;
  padding-right: 30px;
}
div#frontPageMainArea {
  height: 350px;
  padding-top: 10px;
}
div#frontPageNewsArea {
  border-bottom: 1px solid grey;
  margin-bottom: 10px;
}
div.newsTopic {
  float: left;
}
div.newsTimestamp {
  margin-left: 655px;
}
div.newsFeed {
  border-left: 1px solid grey;
  border-right: 1px solid grey;
}
div.newsTitle {
  border-bottom: 1px solid white;
  padding: 2px 0px 2px 5px;
  border-top: 1px solid grey;
}
span.newsTimestampLine,
span.newsTopicLine {
  font-size: 10px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}
span.newsTopicLine {
  font-weight: bold;
  font-style: italic;
}
div.postRowOdd {
  background-color: #efefef;
}
div.postRowEven {
  background-color: #dee3e7;
}
div.newsContent {
  padding-left: 5px;
  padding-bottom: 30px;
  padding-top: 30px;
}
span#mainPage_title {
  font-weight: bolder;
  color: #8B4513;
  margin-top: 15px;
  font-variant: small-caps;
  font-size: 20px;
  font-family: cursive;
}
ul#mainPage_systemFunctionalityList {
  font-size: 14px;
  float: left;
}
ul#mainPage_systemFunctionalityList li {
  list-style-image: url(../img/page-elements/tick.png);
}
p#mainPage_advertText,
p#mainPage_advertText2 {
  font-size: 14px;
}
div#mainPage_bgImage {
  float: right;
}
p#mainPage_advertText2 {
  width: 500px;
  margin-top: 155px;
  line-height: 1.5em;
}
div#frontPageMainArea a.mainPageLink {
  text-decoration: underline;
}
div#tutorial_faqContainer p {
  width: 550px;
}
div#tutorial_faqContainer > div {
  margin-top: 40px;
}
div#tutorial_faqContainer p.faq_q {
  font-weight: bolder;
  color: blue;
  text-indent: 0;
  margin-left: 30px;
}
div#tutorial_faqContainer p.faq_a {
  text-indent: 0;
  margin-left: 50px;
}
div#tutorial_faqContainer div ul {
  margin-left: 30px;
}
span.tutorialSubmenuLink {
  margin-left: 15px;
}
.secondLevelLink,
.thirdLevelLink {
  color: #197da2;
  font-weight: bold;
  text-decoration: underline;
  cursor: pointer;
  font-size: 10px;
}
.secondLevelLink:HOVER,
.thirdLevelLink:HOVER {
  color: #000000;
}
span.tutorialTopLink {
  font-size: 8px;
  color: green;
  margin-left: 15px;
  /* 	background: url(../img/page-elements/arrowUp.png) right no-repeat */

}
span.tutorialTopLink:hover {
  cursor: pointer;
  color: black;
}
div.tutorialSubmenuDiv {
  border-bottom: 1px solid gray;
  padding-bottom: 30px;
  margin-top: 15px;
  margin-bottom: 25px;
}
p.tut_introduction {
  text-indent: 3em;
  margin-bottom: 30px;
}
span.tut_menuPath {
  font-weight: bold;
  font-style: italic;
}
div#tutorial_submenu > span.tutorialSubmenuLink:FIRST-CHILD {
  margin-left: 0;
}
/** TUTORIAL specific styles here: */
span.vocmasterCom {
  font-style: italic;
  color: #1C7213;
  font-size: 14px !important;
}
div#tutorialContent p {
  text-indent: 3em;
  text-align: justify;
  line-height: 1.6em;
}
div#tutorialContent p#tut_advertHighlight {
  font-size: 16px;
  text-align: center;
}
/* div#tutorialContent img.tutorialFigure { */
/* 	border: 1px solid orangeRed; */
/* } */
div#tutorialContent span.toRender {
  display: inline-block;
  position: relative;
  /* 	height: 264px; */

  /* 	width: 165px; */

  /* 	background: url(img/tutorials/gettingStarted/fig1.png) no-repeat center center; */

  /* 	border-radius: 10%; */

  box-shadow: 0 0px 0 rgba(255, 255, 255, 0.2), inset 0 0px 10px rgba(0, 0, 0, 0.6), inset 0 0px 0 rgba(0, 0, 0, 0.6);
  -webkit-box-shadow: 0 0px 0 rgba(255, 255, 255, 0.2), inset 0 0px 10px rgba(0, 0, 0, 0.6), inset 0 0px 0 rgba(0, 0, 0, 0.6);
}
div#tutorialContent .rightImg {
  float: right;
  margin-left: 30px;
}
div#tutorialContent .inlineImg {
  vertical-align: middle;
}
div#tutorialContent h2 {
  margin-top: 80px;
  margin-bottom: 20px;
}
span.tut_pageElement {
  font-weight: bold;
  font-size: 13px;
  font-family: monospace;
}
ul#tut_vocabularyIcons span.toRender.inlineImg,
ul#tut_tableDicplayIcons span.toRender.inlineImg {
  margin-right: 12px;
}
div#tutorialContent span.wholeLineImg {
  margin-bottom: 20px;
}
div#tutorialContent div.tut_hint {
  margin: 20px 40px 20px 40px;
  background: #D1F4F4;
  padding: 20px;
  border: 1px dotted grey;
}
div#tutorialContent div.tut_warning {
  margin: 20px 40px 20px 40px;
  background: #ffc4c4;
  padding: 20px;
  border: 1px dotted grey;
}
div#tutorialContent div.tut_code {
  margin: 20px 40px 20px 40px;
  background: #ffffe8;
  padding: 20px;
  border: 1px dotted grey;
  font-family: monospace;
}
div#tutorialContent span.tut_normalLink {
  text-decoration: underline;
}
div#tutorialContent span.tut_normalLink {
  font-style: oblique;
}
div#tutorialContent span.tut_button {
  font-weight: bold;
  padding: 3px;
  color: white;
  background-color: #2096C1;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  -o-border-radius: 7px;
  border-radius: 7px;
  font-size: 8px;
}
div#tutorialContent span.tut_action {
  font-weight: bold;
  font-variant: small-caps;
}
div#tutorialContent span.tut_emphasis,
div#tutorialContent span.tut_moreEmphasis,
div#tutorialContent span.tut_highestEmphasis {
  font-weight: bold;
}
div#tutorialContent span.tut_text {
  padding: 1px;
  border: 1px solid lightBlue;
  font-family: monospace;
}
div#tutorialContent span.tut_window {
  letter-spacing: 0.2em;
}
div#tutorialContent ol,
div#tutorialContent ul {
  line-height: 1.7em;
}
div#tutorialContent li {
  text-align: justify;
}
/** TUTORIAL end */
span.vocNavSpan {
  width: 16px;
  height: 16px;
  display: inline-block;
  cursor: pointer;
}
span#vocNavBack {
  background: url(../img/icons/back.gif) center no-repeat;
}
span#vocNavForward {
  background: url(../img/icons/forward.gif) center no-repeat;
  margin-left: 5px;
}
div#activityReportHeader {
  margin-bottom: 20px;
}
span.activityReportFastSearchSelectedElement {
  /* TODO: make it consistent with voc table fast search */

  text-decoration: underline;
  color: #800;
  background-color: white;
}
ul.utils-list {
  padding: 0px;
  margin: 0px;
  list-style: none;
}
ul.utils-list.status li {
  font-size: 0.75em;
  margin: 0px;
  padding: 0px;
}
ul.utils-list li {
  line-height: 2.0em;
  vertical-align: top;
}
ul.utils-list li img {
  line-height: 2.0em;
  padding: 3px 3px 0 3px;
  margin-bottom: -0.3em;
  vertical-align: center;
}
ul.utils-list a:link,
ul.utils-list a:visited,
ul.utils-list a:hover,
#showActivitiesDiv a:link,
#showActivitiesDiv a:visited,
#showActivitiesDiv a:hover {
  color: #197da2;
  text-decoration: none;
  line-height: 1.2em;
}
ul.utils-list a:hover,
#showActivitiesDiv a:hover {
  color: #000000;
}
#clearWSButton {
  display: none;
}
.utils-status-head {
  width: 100%;
  padding: 0px;
  margin: 3px 0px;
  height: 1px;
  overflow: hidden;
  background: -moz-linear-gradient(left, rgba(150, 170, 200, 0) 1%, #96aac8 47%, rgba(150, 170, 200, 0) 100%);
  /* FF3.6+ */

  background: -webkit-gradient(linear, left top, right top, color-stop(1%, rgba(150, 170, 200, 0)), color-stop(47%, #96aac8), color-stop(100%, rgba(150, 170, 200, 0)));
  /* Chrome,Safari4+ */

  background: -webkit-linear-gradient(left, rgba(150, 170, 200, 0) 1%, #96aac8 47%, rgba(150, 170, 200, 0) 100%);
  /* Chrome10+,Safari5.1+ */

  background: -o-linear-gradient(left, rgba(150, 170, 200, 0) 1%, #96aac8 47%, rgba(150, 170, 200, 0) 100%);
  /* Opera 11.10+ */

  background: -ms-linear-gradient(left, rgba(150, 170, 200, 0) 1%, #96aac8 47%, rgba(150, 170, 200, 0) 100%);
  /* IE10+ */

  background: linear-gradient(to right, rgba(150, 170, 200, 0) 1%, #96aac8 47%, rgba(150, 170, 200, 0) 100%);
  /* W3C */

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00c3d3d8', endColorstr='#00c3d3d8', GradientType=1);
  /* IE6-9 */

}
.group-box-separator {
  width: 100%;
  padding: 0px;
  margin: 10px 0px 5px;
  height: 1px;
  overflow: hidden;
  background: -moz-linear-gradient(left, rgba(150, 170, 200, 0) 1%, #96aac8 47%, rgba(150, 170, 200, 0) 100%);
  /* FF3.6+ */

  background: -webkit-gradient(linear, left top, right top, color-stop(1%, rgba(150, 170, 200, 0)), color-stop(47%, #96aac8), color-stop(100%, rgba(150, 170, 200, 0)));
  /* Chrome,Safari4+ */

  background: -webkit-linear-gradient(left, rgba(150, 170, 200, 0) 1%, #96aac8 47%, rgba(150, 170, 200, 0) 100%);
  /* Chrome10+,Safari5.1+ */

  background: -o-linear-gradient(left, rgba(150, 170, 200, 0) 1%, #96aac8 47%, rgba(150, 170, 200, 0) 100%);
  /* Opera 11.10+ */

  background: -ms-linear-gradient(left, rgba(150, 170, 200, 0) 1%, #96aac8 47%, rgba(150, 170, 200, 0) 100%);
  /* IE10+ */

  background: linear-gradient(to right, rgba(150, 170, 200, 0) 1%, #96aac8 47%, rgba(150, 170, 200, 0) 100%);
  /* W3C */

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00c3d3d8', endColorstr='#00c3d3d8', GradientType=1);
  /* IE6-9 */

}
#leftMenuBox_utilities div.content {
  padding-left: 0;
}
div#dictOriginalLinkdiv {
  /*a {
		position: absolute;
		right: -228px;
	}*/

}