@charset "utf-8";
.active{ background-color:#F9F9F9 }
.wrong{
    background-color:#FDA893 !important;
    color:#333333 !important
}
.right{
    background-color:#9EFF79 !important;
    color:black !important
}
.marked{ text-decoration:line-through }
.strike{ text-decoration:line-through }
/* ----DRAGDROP----begin */
.ddrop{
    cursor:pointer;
    background-color:#E1FFCC;
    margin:0 4px 0 1px !important;
    padding:0 4px;
    }
.ddrop-cntr{ /*background-color: yellow;*/ }
.ddrop-src-cntr{
    margin:10px;
}
.ddrop-src-item{
    border: 1px dotted gray;
}
.c-drop{ 
    border:solid;
    border-width:1px;
    border-color:#999999;
    background:#CCCCCC;
    padding:4px 4px 1px 4px;  
    margin:0px 0px;
    text-align:center
}
.c-drop ul{
  /*  padding:10px 4px !important;
    text-align:center !important;
    margin:8px 0px 4px !important;*/
}
/* ----DRAGDROP----end */
/* -----LIST------begin */
ul.sort, ul.no-sort{ 
    margin:0;
    padding:0 0 0 0;
    list-style-type: none
}
.sort li, .no-sort li{ 
    padding:3px 4px;
    margin:2px 4px;
}
.sort li{
    background-color:#90bee4;   
}
.no-sort li{
    background-color:#fff;
}
.list-r{ text-align:right }
.list-l{ text-align:left }
/* -----LIST------end */

/* ----TABLE----begin */
.s-table, .i-table{ 
    border:none;
    margin:0 auto;
    margin-top:4px;
    border-collapse: collapse;
}
.s-table td, .i-table td, .i-table th{
    padding:3px;
    border:solid;  
    border-width:1px;
    border-color:#999999;
}
.i-table th{ 
    text-align:center;
    font-weight:normal
}

table.sortTo td{
    vertical-align:top;
    text-align:center;
   }
table.sortTo
   {
   
   width:auto;
   }
/* ----TABLE----end */

/* ----CROSSWORD----begin */
.cross-table{ 
    border:none;
    cursor:pointer;
    text-align:center;
    border-collapse: collapse;
    empty-cells:hide
}
.cross-table td{
    border: 1px solid black;
    padding:0px;
    width:22px;
}
.cross-table td div{ 
    width:20px;
    height:20px;
}
.cross-w-table{ 
    border:none;
    /* cursor:pointer; */
    border-collapse: collapse;
    empty-cells:hide;
    margin:5px 0;
}
.cross-w-table td{
    vertical-align:middle !important;
    text-align:center;
    font-weight:bolder;
    font-size:16px; 
    padding:0px;
    height:28px;
    width:28px;
}
.inS{
    text-align:left;
    font-size:10px;
    display:inline;
    color:red;
    text-align:left;
    vertical-align:super;
    margin:0 0 -5px 0;
}
.c-container{
    border:1px solid black !important;
    cursor:pointer;
}
.empty{
    border:none !important;
}
.b-active{
    background-color:yellow !important; 
}
.e-block{ background-color:black !important;}
.w-head{ /* background-color:#F2F4F3 !important; */}
.cross-pos{ font-weight:bold }
/* ----CROSSWORD----end */

.task{
    padding:1em 0 .5em 0;
    border-bottom:1px solid white;
}
.task[data-type^="select"] .task-body{
    line-height:2em
}
/* ----TITLE----begin */
.page-title{
    text-align:center;
    font-weight:bold;
/*     font-family:arial, Helvetica, sans-serif;
    font-size:14px; */
}
.task-title{
    font-weight:bold;
    margin:.5em 0;
    text-indent:1em
    /* font-family:arial, Helvetica, sans-serif;
    font-size:14px; */
}
.question-title{
    padding:0 1px 0 4px !important;
    margin:0 4px 0 1px !important;
    font-size:14px;
}
/* ----TITLE----end */
fieldset{
    margin:5px 0;
    
}
fieldset{
    border:none/*1px solid white; #e5e5e5 */
}
div.question-title{
    display:block !important;
    /* width:46em !important; */
}
.ibpanel{ clear:both; margin:5px 0px 10px }
.task-delimiter {
    margin:10px 0 !important;
}
hr.task-delimiter {
    visibility:hidden;
    border:none;/*1px dashed #bab5b3;*/
    height:1px;
    /* background:white; */
}
.hover{ }
.mark:hover, input[type=radio]:hover, select:hover, .sort>li:hover{ cursor:pointer }
.play{ margin:10px 0px }
.task-check-button{ 
    width:10em !important; 
    margin:.5em 0;
}
input.dynamic{ text-align:left; margin:0px }
/*input[type=radio], input[type=checkbox]{ 
    vertical-align:middle;
    margin-left:5px;
    margin-right:1px;
    margin-top:0px;
    margin-bottom:0px;
    padding-bottom:0px;
}
input[type="text"]{
    font-size:100%;
    padding:0px;
}
*/
.task textarea{
    width:100%;
    height:8em;
}

.task_result_panel{
    color:gray;
    display:inline;
    visibility:hidden;
    padding-left:7em;
}

#letters_panel{
    /* background-color:gray; 
    padding:2px*/
}
#letters_panel .sletter{
    background-color:yellow;
    color:blue;
    padding:0.2em 0.3em;
    border:solid 1px gray;
    cursor:pointer;
    
}
#letters_panel .sletter:hover{
    background-color:white;
    font-weight:bold;
    font-size:1.2em
}
.ui-dialog-buttonset{
    font-size:.9em
}