@charset "utf-8";
.active{ background-color:#F9F9F9 }
.wrong{
    background-color:#FC5F39 !important;
    color:#333333 !important
}
.right{
    background-color:#9EFF79 !important;
    color:black !important
}
.marked{ text-decoration:underline }
.mark{background-color:#C1DBF2 }
.strike{ text-decoration:line-through }
/* ----DRAGDROP----begin */
.ddrop{
    cursor:pointer;
    background-color:#F2E4C1;
    margin:0 2px !important;
    padding:0 4px;
}
td div.ddrop{
    margin:0 auto !important;
}
.ddrop-helper, .sortTo-helper{
    display:inline-block !important;
    height:1.5em !important;
    text-align:left;
    color:green;
    background-color:#e1ffcc;
    cursor:move;
    border:1px solid black;
    padding:0 4px;
    margin:0 !important;
}
.sort-placeholder{
    height:auto !important;
    background-color:transparent !important;
}
   
 
.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:0px 4px !important;
   text-align:left !important; 
 min-height:2em !important;
    margin:4px 0px 4px !important;
    height: auto !important;
    
}
/* ----DRAGDROP----end */
/* -----LIST------begin */
ul.sort, ul.no-sort{ 
    margin:0;
    padding:0 0 0 0;
    list-style-type: none
}
ul.sortToR {
    text-align:left !important;
}
.sort li, .no-sort li{ 
    padding:3px 4px;
    margin:2px 4px;
  
}
.sort li{
    background-color:#ffbb66;   
    padding:2px;
}
.no-sort li{
    background-color:#fff;
}

.c-sortTo li, .c-sortToR li{ display:block !important; }
.src-sortToV li{
    display:inline-block !important;
}
.c-sortToV li{
    display:block !important;
    word-wrap:break-word !important;
}
.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:0;
    border:solid;  
    border-width:1px;
    border-color:#999999;
}
table.sortTo table.sortToR{
    width:100% !important;
    table-layout:fixed
}
.ddrop-cntr td, .ddrop-cntr th{
    border:solid 1px gray;
  /*   text-align:center;
     width:auto */
}
 
/* .i-table th{ background-color:#adfa0e } */

table.sortTo td{
    vertical-align:top;
    text-align:center;
    height:auto
}
table.sortToR td{
    vertical-align:top;
    text-align:left;
    height: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;
    width:auto !important;
}
.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;}
 
.cross-pos{ font-weight:bold }
/* ----CROSSWORD----end */

/* ----TITLE----begin */
.page-title{
    text-align:center;
    font-weight:bold;
/*     font-family:arial, Helvetica, sans-serif;
    font-size:14px; */
}
.task-title{
    font-weight:bold;
    /* font-family:arial, Helvetica, sans-serif;
    font-size:14px; */
}
.question-title{
    padding:1px 0 0 4px !important;
    margin:0 0 0 0 !important;
    font-size:16px;
}
fieldset.right legend{
	background-color: white;/*#9EFF79 !important;*/
}
fieldset.wrong legend{
	background-color: white;/*#FDA893 !important;*/
}
/* ----TITLE----end */
fieldset{
    margin:5px 0;
}
fieldset{
    border: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; */
}
.task-check-panel{
    padding:.5em 0 .5em 0
}
.task-check-button{ 
    width:10em !important;
	background-color: #ffa366;
	border-color: #ff8533;
 }
 .task-check-button:hover{
	background-color: #ff8533;
	border-color: #ffa366;
 }
 .task-check-button:focus{
	background-color: #ffa366;
	border-color: #ff8533;
 }
.task-result-panel{
    color:gray;
    display:inline;
    visibility:hidden;
    padding-left:7em;
}
.task-body{margin:10px 0}
 
#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
}
 
.mark:hover, input[type=radio]:hover, select:hover, .sort>li:hover{ cursor:pointer }
.play{ margin:10px 0px }

.task textarea{
    width:100%;
    height:5em;
}

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;
}
span.forchange{
    background-color:white;
    border:1px dotted
}
.ui-tooltip {
    padding:3px;
    max-width:30em;
}
.simple-answers{
    display:none;
    background-color:#9eff79;
    border:1px solid #1b5616;
    border-radius: 3px;
    padding:5px
}