body {
    background-color: white;
    color: black;
    font-family: Arial, sans-serif;
    font-size: small;
    margin: 8px;
}

.gwt-TextBox {
    padding-left:2px;
    font-size:18px; /*22px;*/
    width:12em;
    height:1.5em;
    margin-right:4px;
    border-right-width:12px;
}
.gwt-TextBox:focus {
    /*outline:#e8c177 2px;*/
    /*outline:blue 2px;*/
    /*outline-style:solid;*/

    -moz-outline-radius:3;
    -moz-outline: #e8c177 solid 2px;
    /*TODO: try with red color and width 6px or more*/
}

.cw-FlexTable td {
  /*border: 1px solid #BBFFBB;*/
  /*border: 1px solid #fe9915;*//*#BBBBBB;*/
  /*padding: 0px;*/
    /*border-left: 1px solid #e6e6ff;*/
}

.cw-FlexTable-hover td {
  /*border: 1px solid #fe9915;*/
  /*padding: 3px;*/
}

.suggest {
  border: 1px solid #f5f5f5;/*#e6e4e4;*/
  color: #BBBBBB;
    padding: 0.2em 0.6em;     /*0.8em;*/
    text-align:center;
    margin-left:0.3em;
    margin-right:0.3em;
    cursor:pointer;
}
.suggest-topmatch {
  border: 1px solid #fe0000;/*#e6e4e4;*/
  color: #292727; /*#BBBBBB;*/
}
.suggest-hover {
  border: 1px solid #BBBBBB;/*#fe9915 #BBBBBB;*/
  color: #292727;/*#292727;#4d4c4c*/
}
.suggest-mousedown {
  border: 1px solid #fe0000;
  color: #000000; /*#fe9915*/
}
.wordix {
  border: 1px solid #f5f5f5;/*#e6e4e4;*/
  color: #BBBBBB;
    padding: 0.2em 0.6em;     /*0.8em;*/
    text-align:center;
    margin-left:0.3em;
    margin-right:0.3em;
}
.wordix-simple {
  /*border: 1px solid #f5f5f5;#e6e4e4;*/
  color: #BBBBBB;
    /*padding: 0.2em 0.6em;     *//*0.8em;*/
    padding: 0.2em 0.6em 0.2em 0.2em; /*0.8em;*/
    text-align:left;
    /*margin-left:0.3em;*/
    margin-left:0.0em;
    margin-right:0.3em;
    cursor:pointer;
}
.wordix-topmatch {
  border: 1px solid #fe0000;/*#e6e4e4;*/
  color: #292727; /*#BBBBBB;*/
}
.wordix-hover {
  border: 1px solid #BBBBBB;/*#fe9915 #BBBBBB;*/
  color: #292727;/*#292727;#4d4c4c*/
}
.wordix-mousedown {
  border: 1px solid #fe0000;
  color: #000000; /*#fe9915*/
}
.horizontalPanel {
    border-top: 1px solid #0000ff;
    border-bottom: 1px solid #0000ff;
    height:40;
    background-color: #f5f5f5; /*#f5f5f5;*/
}
.verticalPanel {
    width:100%;
    height:100%;
}

.cw-FlexTable-buttonPanel td {
  border: 0;
}

.details {
    padding: 12px 6px;
}
.details-info {
    color:#BBBBBB;
    font-style:italic;
}

/*.match:active {*/
    /*outline:#990000;*/
    /*color:#999900;*/
    /*outline:none; *//* FF1.5+ IE7+*/
/*}*/

.title {
    font-size:24px;
        /*large;*/
    font-family:serif;
    padding:4;
    /*border: 1px solid #0000ff;*/
    margin-top:6;
    margin-bottom:16;
    text-align:center;
    width:100%;
}

.copyright {
    font-family: Arial;
    font-size:12px;
    padding:4px;
    color: #BBBBBB;
    /*background-color:  #f5f5f5;*/
    /*text-align:center;*/
    /*height:20px;*/
/*#BBBBBB;*/
}

.recent-words {
    width:210px;
    margin-right:22px;
    /*background-color:#f5f5f5;*/
    /*border-radius: 0.5em 2em 0.5em 2em;*/
    /*border-color:aqua;*/
    /*border-width:4;*/
    /*background-origin:border;*/
    /*background-clip:border;*/
}

.removeBtn {
    width:14px;
    height:14px;
    /*background-color:aqua; for debug*/
    /*vertical-align:bottom; doesn't work' */
    background: url( "remove_light_gray.png" ) no-repeat;
    cursor:pointer;
}
.removeBtn-mouse-enter {
    background: url( "remove_over_gray.png" ) no-repeat;
}
.removeBtn-mouse-down {
    background: url( "remove_down_gray.png" ) no-repeat;
}

.remove-cell {
    width:14px;
    vertical-align:middle;
}

.status-area {
    width:100%;
}

/*.search-field-container {*/
    /*border-color:aqua;*/
    /*color:blueviolet;*/
    /*border:blueviolet;*/
    /*border-width:3;*/
    /*background-color:red;*/
    /*background-color:#e8c177;*/
    /*padding: 1 0 1 1;*/
    /*border-radius:5px*/
/*}*/

/*.gwt-TextArea {*/
  /*padding: 2px;*/
    /*color:aqua;*/
    /*border-top-color:blue;*/
    /*background:bisque;*/
    /*display:table;*/
    /*azimuth:behind;*/
    /*outline-style:dashed;*/
/*}*/
/*.gwt-TextArea-readonly {*/
  /*color: #888;*/
/*}*/