body {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12pt;
  color: #000000;
  background-color: #CCCCFF;
  font-style: normal;
  line-height: normal;
  font-weight: normal;
  font-variant: normal;
  margin:0;
  padding:0;
}

.invisible  {display:none;}
.disp_block {display:block;}
.disp_line  {display:inline;}

#head {
  margin: 1em;
  margin-left: 30em;

  font-size:80%;
  text-align:justify;
}

#main_logo {
  float:left;
  margin-right: 10px;
}

ul {
   margin-top:0.2em;
   margin-top:0.5em;
 }

a {
  text-decoration : none;
}
a:visited {
  text-decoration : none;
  color:#0000FF;
}
a:hover {
  background-color:#DDDDFF;
}
#bannertitle a:hover ,#bannerimg a:hover {
  background-color:#CCCCFF;
}
/* Sidebar Properties */

#sidebar {
  position: absolute;
  top :10em;
  left:2em;
  width:40em;
  z-index:0;

  padding-top:0px;
  margin-top:0;
  margin-right: 10px;

  font-size:80%;
}


#sidebar p {
  padding:0;
  margin:0;
  margin-bottom:.2em;
}

#sidebar ul {
  padding-top:0;
  padding-bottom:0;
  margin-top:.5em;
  margin-bottom:.5em;

}
#sidebar ul li {
  margin-top:.5em;
}

#sidebar .h2 {
  padding-top:0.5em;
  font-size:120%;
  font-weight:bold;
}

#sidebar .h3 {
  padding:0;
  margin:0;
  margin-top:0.3em;
  margin-bottom:0.3em;
  font-size:100%;
  font-weight:bold;
}


#sidebar_menu {
  position:absolute;
  top:0;
  height:25px;
  z-index:2;

  padding-top: 5px;
  font-size:90%;
  font-weight:bold;

}

#sidebar_menu p {
  margin-top:0;
  margin-bottom:0;
}

#sidebar_menu img {
  border:0;
  vertical-align:top;
  padding-right:.3em;
  margin-right:0em;
}



.sidebar_menu_tab, .sidebar_menu_tab_active, .sidebar_menu_tab_inactive{
  margin-left:2px;
  margin-top:0;
  padding:.3em;
  border: 2px solid #AAAAFF;

  background-color:#DDDDFF;
}

.sidebar_menu_tab_active {
   border-bottom: 3px solid #EEEEFF; 
   background-color: #EEEEFF;
}


.sidebar_menu_tab_inactive a{
   color:#8888FF;
}

.sidebar_content,.sidebar_content_active {
  position:absolute;
  top:23px;
  min-height:40em;
  width:25em;
  z-index:1;

  margin:0;
  padding: .6em;
  padding-top:1em;

  border: 2px solid #AAAAFF;

  background-color: #EEEEFF;
  text-align : left;
  #overflow:auto;
}

.sidebar_content {
  display:none;
}

.sidebar_content_active td {
 font-size :60%;
}

.sidebar_content_active tr>td {
 font-size :100%;
}

#result {
 font-size :80%;
 margin-left: 30em;
 margin-right: 1em;
 margin-top: 2em;
}


#result td:hover {
 cursor:pointer;
 cursor: hand;
 color:red;
}

#result td {
 border: 1px solid #A0A0A0;
 border-bottom: 2px solid #A0A0A0;
 font-size : 120%;
}

#result td.imgcell, th.imgcell{
  text-align:center;
  width:32px;
  padding:0;
  padding-top:3px;
  margin:0;
  background-color:#D0D0D0;
}

#result td.highcell{
  text-align:center;
  width:32px;
  padding:0;
  padding-top:3px;
  margin:0;
  background-color:white;
}

#result td.highcelltrm,#result td.highcellcpt,#result td.srccell, #result td.dstcell,#result td.cptcell {
  padding : .3em;
}

#result td.cptcell,#result td.highcellcpt{
 font-style:italic;
 text-align:right;
}

#result td.highcelltrm,#result td.highcellcpt,#result td.highcell  {
  background-color:white;
}

#result th.srccell, #result th.dstcell,#result th.cptcell {
  padding:.3em;
  border: 1px solid #A0A0A0;
}
#result th.srccell, #result th.dstcell,#result th.cptcell,#result th.imgcell {
  border-bottom: 2px solid #808080;
}

#result table {
 table-layout: fixed;
 border-collapse: collapse;
 border: 2px solid #808080;
  font-size : 90%;
}

#result div>table {
 table-layout: fixed;
 width:100%;
 border-collapse: collapse;
 border: 2px solid #808080;
  font-size : 100%;
}

.result_panel {
  display:none;
}
.result_panel_active {
  display:block;
}

.c1 {
  width:30%;
}
.c3 {
  width:30%;
}
.c5 {
  width:30%;
}


#last_row_terms {
  height:25em;
}

#last_row_terms td{
  border:0;
  border: 1px solid #CCCCFF;
}

.sidebar_button {
  color:blue;
  font-weight:bold;
  text-decoration:none;
  font-size:60%;
}

.sidebar_button:hover {
  cursor:pointer;
}

.info_term_group_src,
.info_term_group_dst {
   margin-bottom:0.4em;
   padding:0.5em;
}

.info_term_group_src {
   border-top:1px solid red;
   border-bottom:1px solid red;	
   background-color:#E0D0D0;
  }

.info_term_group_dst {
   border-top:1px solid blue;
   border-bottom:1px solid blue;	
   background-color:#D0D0E0;
  }

.info_concept {
  padding:0.5em;
  border-top:1px solid #101010;
  border-bottom:1px solid #101010;	
  background-color:#D0E0D0;
}

.conceptdescr {
  padding:0 0 0 0.5em;
  border-bottom:1px solid #808080;	

  border-top:1px solid #808080;	
  background-color:#F0F0F0;
}

.cptcell {
  background-color:#D0E0D0;
}
.srccell {
   background-color:#E0D0D0;
}
.dstcell {
   background-color:#D0D0E0;
}

.info_term_item {
  padding-top:.4em;
}

.info_term_formul,
.info_concept_formul {
  font-weight:bold;
  color:red;
  font-size:120%;
}

.info_term_formul_small,
.info_concept_formul_small {
  font-weight:bold;
  color:red;
}
.goto {
  font-style:italic;
  font-size:80%;
}

.info_term_hint {
  font-weight:bold;
}

.info_term_gram {
  font-style:italic;
}

.info_variant {
  color:red;
}

.info_occurence{
  padding:0.3em;
  font-style: italic;
  background-color:white;
  border: 1px solid #808080;
  margin-bottom: 1em;
}

a img{
  border:0;
}

.info_comment_text {
  padding:.6em;
  padding-top:0em;
  border-top:1px solid #707070;
  border-bottom:1px solid #707070;
  background-color:white;
}

.info_comment_text .info_comment_text {
  border-left:1px solid #707070;
}

.info_attrib {
  font-size : 80%;
  font-style: italic;
  padding:0.2em;
  margin-top:0;
  margin-bottom:1em;
  background-color:#CCCCCC;
}

.info_comment_author{
  font-size:60%;
}

.pict_credits {
  font-size:60%;
  font-style:italic;
  clear:both;
  margin-bottom : .5em;
}

.pict_concept {
  float:left;
  width : 10em;
  margin-top : 10px;
  margin-right : 10px;
}

.pict_legend{
}

.info_subpanel{
  display:none;
}
.info_subpanel_active{
  display:bloc;
}

.action {
/*   text-align:right; */
   left:5em;
}

.action img{
  margin-left:5em;
  margin-right:0.5em;
  vertical-align:middle;
}

#dialog {
  position:absolute;
  top:5em;
  left:20%;
  width:60%;
/*  height:20em; */
  padding:0;
  background-color:#C0C0C0;
  border:5px solid #A0A0F0;
}

#dialog * {
 margin:0;
 padding:0;
}

#dialog .body p {
 margin:0;
 margin-top:0.5em;
 margin-bottom:0.5em;
}

#dialog .head {
  margin:0;
  padding:5px;
  padding-left:2em;
  padding-right:2em;
  background-color:#D0D0D0;
  border-bottom:1px solid #A0A0F0;
}

#dialog .body {
  padding:0.2em;
  font-weight:bold;
  font-size : 80%;
  padding-left:2em;
  padding-right:2em;
}

#dialog .actions {
  background-color:#D0D0D0;
  padding:5px;
  border-top:2px solid #A0A0F0;
  text-align:right;
 clear:both;
}

#dialog .details {
  margin-left:20px;
  padding-left:20px;
  border-left:1px solid #A0A0F0;
  border-bottom:2px solid #A0A0F0;
  background-color:#D0D0D0;
}
#dialog .concept ul{
  padding-left:30px;  
}
#dialog .concept {
  border-left:1px solid #A0A0F0;
  margin-left:20px;
  padding-left:20px;  
  width:40%;
  float:left;
  
}


#commands {
  float:right;
  width: 20em;
  border-left: 1px solid black;
  margin: 2em;
  padding-left : 2em;
  margin-top : 2em;
  font-size : 80%;
  text-align:right;
}

.content {
  clear:left;
  margin-left : 2em;
}

.formright  {width:25em; text-align:right; padding-right:2em;}
.formrightp {margin-right:2em;}

.disable {
  color:#888888;
}

.disable a {
  color:#8888FF;
}

form p{
  margin:0;
  padding:0;
  padding-top :2px;
}
#titletable {
  float:left;
  margin-bottom:2em;
}
#titletable td{
  vertical-align:middle;
  padding-left: 0.5em;
  margin:0;
}

#bannertitle {
  width:10em;
  font-size:160%;
  font-weight:bold;
}

#bannersubtitle {
  padding-right: 10em;
  font-size:80%;
  font-style:italic;
}


.bodyquestion {
  padding : 1em;

  margin-right : 25em;
  background-color:#DDDDFF;
  border: 1px solid #AAAAFF;
}


.headquestion {
  padding : .2em;
  padding-left : 1em;
  margin-top:0;
  margin-bottom:0;
  margin-right : 25em;
  background-color:#AAAAFF;
  border: 1px solid #AAAAFF;
  font-style: italic;
}

.page_table {
 border-collapse: collapse;
 border: 0px solid black;
 
}

.page_table th{
  background-color:#AAAAFF;
  border: 1px solid black;

}
.page_table td{
  padding : 5px;
  padding-right : 15px;
  border: 1px solid black;
}

.expert_contact {
  border-top:1px solid black;
  border-bottom:1px solid black;
  margin-bottom:1em;
}

.expert_pres {
  padding:1em;
 
}

#sidebar .expert_pres {
  margin-top:1em;
  margin-bottom:1em;
 padding:1em;
 background-color:#FCFCFF;
 
}

.dialogright {
  float:right;
  width:70%;
}

.domdesc {
  font-style:italic;
  font-weight:normal;
}

.domdesc_hidden {
 display:none;
}

textarea {
  font-size:small;
}