body, h1, h2, h3, h4, h5, h6
{
    font-size: 75.5%;
    font-family: "Trebuchet MS", "Arial", "Helvetica", "Verdana", "sans-serif";
}

h1, h2, h3, h4, h5, h6
{
    color: #5d6a86;
}



.ecw-answerbox
{
    color: black;
    background-color: #D2F78C;


}
.ecw-preanswerbox
{
    color: black;
    background-color: #FFFAF0;

    display: block;

}
.ecw-box
{
    border-style: solid !important;
    border-width: 1pt !important;
    cursor: pointer !important;
    font-size: .12in !important;
    font-weight: bold !important;
    height: .18in !important ;
    overflow: hidden !important;
    text-align: center !important;
    width: .18in !important;
    z-index: 2 !important;
}

.ecw-boxcheated_sel
{
    background-color: #FFF1D7;
    border-color: #C00000;
    color: #2080D0;
}
.ecw-boxcheated_ins
{
    background-color: #FFF1D7;
    border-color: #C00000;
    color: #606060;
}

.ecw-box_num
{
    //text-align: right;
    /*width: .09in;*/
    height: .18in;
    width: .18in;
    z-index: -1;
    
}
.ecw-box_num2
{
    //text-align: right;
    /*width: .09in;*/
    height: .09in;
    /*width: .17in;*/
    padding-top: .08in;
    text-align: right;
    z-index: 1;
    
}

.ecw-box_num3
{
width:100%;
height:100%;    
    /*width: .09in;*/
font-size: .12in;
    font-weight: bold;  
    /*height: .17in;
    width: .17in;
    */
    z-index: 3;
position: relative;
    top: -15px;
 text-align: center;   
}
.ecw-box_num3-ins
{
color: #606060 !important; 
width:100%;
height:100%;    
    /*width: .09in;*/
font-size: .12in;
    font-weight: bold;  
    /*height: .17in;
    width: .17in;
    */
    z-index: 3;
position: relative;
    top: -15px;
 text-align: center;   
}

.list-suggerito{
background: #B7DAF7; 
color: #2080D0; 
border-color:#2080D0;
}
.list-risposto{
background: #DBD9D9; 
color: #9E9C9C; 
border-color:#02842D;
}
.list-errore{
background: #F29898; 
color: #BF0000; 
border-color:#BF0000;
}
.ecw-boxcheated_unsel
{
    background-color: #ffffff;
    border-color: #606060;
    color: #2080D0;
}

.ecw-boxerror_sel
{
    background-color: #FFF1D7;
    border-color: #C00000;
    color: #BF0000;
}

.ecw-boxerror_unsel
{
    background-color: #FFF0F0;
    border-color: #606060;
    color: #BF0000;
}

.ecw-boxnormal_sel
{
    background-color: #FFF1D7;
    border-color: #C00000;
    color: #000000;
}

.ecw-boxnormal_unsel
{
    background-color: #ffffff;
    border-color: #606060;
    color: #000000;
}
.ecw-boxnormal_ins
{
    background-color: #FFF1D7;
    border-color: #C00000;
    color: #606060;
    font-style:italic !important;
}
.divButt{
    border-bottom-width: 1px;
    border-color: #c0c0c0;
    border-left-width: 0px;
    border-right-width: 0px;
    border-style: solid;
    border-top-width: 1px;
    /*margin-top: 1em;*/
    padding-bottom: .2em;

    padding-top: .2em;  
}

.ecw-button
{
    width: 52pt;
}

.ecw-cluebox
{
    border-bottom-width: 1px;
    border-color: #c0c0c0;
    border-left-width: 0px;
    border-right-width: 0px;
    border-style: solid;
    border-top-width: 1px;
    /*margin-top: 1em;*/
    padding-bottom: .2em;
    padding-left: 0pt;
    padding-right: 0pt;
    padding-top: .1em;
    text-transform:capitalize;
    font-size: 12pt;
}

.ecw-crosswordarea
{
    background-color: #9FD5EA;
    border-color: #4297D7;
    border-style: solid;
    border-width: 2px;
    padding: .5em;
    font-family: Segoe UI, Verdana, Arial, sans-serif;
    font-size: small;
    
width: 50%; 
margin: 0 auto; 
text-align: left        
}



.ecw-input
{
    font-family: Segoe UI, Franklin Gothic Medium, Arial, sans-serif;
}

.ecw-wordlabel
{
    text-transform: uppercase;
    font-size: 14pt;
    margin: 0;
}

.ecw-wordinfo
{
    font-size: 8pt;
    color: #808080;
}

.ecw-worderror
{
    color: #c00000;
    font-weight: bold;
    display: none;
    margin-top: 1em;
}

.ecw-mydiv
{

height:300px;
margin: 0 auto; 
position:relative;
z-index:8;

}


.wrapper {
width: 100%;
height: 70px; 
background-color: #FFFFFF;
}
.notify{
position:relative;
width: 65%; 
margin: 0 auto; 
}
.contenitore {
position:relative;
background-color: #a00000;
COLOR:#FFFFFF;
height: 80px; 
width: 65%; 
margin: 0 auto; 
text-align: left;
z-index:8;
}
.contenitore .box {
padding-left:5px;
  width: 160px;
  float: left;
}
.contenitore .but {
padding-top:18px;
  float: left;
}
.contenitore2 {
position:relative;
COLOR:#FFFFFF;
height: 45px; 
width: 99.5%; 
margin: 0 auto; 
text-align: center;
z-index:8;
}
.floatstop {
        clear:both;
    }
.Tnparole {
padding-left:10px;
float: left;
padding-top:10px;
}   
.nparole {
float: left;
padding-top:8px;
}


#header {
    /*BACKGROUND: #fcc;*/
    text-align: center;
}
#footer {
    BACKGROUND: #fff
}

#content {
    BACKGROUND: #E3E4E5;

}

#content DIV {


}


#header {
    DISPLAY: inline-block; OVERFLOW: hidden
}
#orWord {
    DISPLAY: inline-block; 
    OVERFLOW: hidden;
    background-color:red;
    
}

#orWordCon {

max-height:610px;
width:162px;
background:#ffffff;
position:absolute;
z-index:0;
}
#listOrz{
direction:rtl;
overflow-y:auto;
max-height:568px;
}

#veWordCon {

max-height:610px;
width:162px;
background:#ffffff;
position:absolute;
z-index:0;
}
#listVert{
overflow-y:auto;
max-height:568px;
}

#content {
    DISPLAY: inline-block; 
    OVERFLOW: hidden;

z-index:1;
position:relative;
}
#content {
    PADDING-RIGHT: 0px; PADDING-LEFT: 0px; 
}
#content DIV {
    MARGIN: 0px
    
}
#veWord {
    DISPLAY: inline-block; 
    OVERFLOW: hidden;
    background-color:yellow
}
#veWord {
    FLOAT: left
}
#footer {
    DISPLAY: inline-block; OVERFLOW: hidden
}
#header {
    WIDTH: 100%
}
#footer {
    WIDTH: 100%;
	text-align: center;
}
#orWord {
    FLOAT: left
}
#content {
    FLOAT: left
}

#content {
    DISPLAY: inline; MARGIN-LEFT: 20%; WIDTH: 60%
}
#orWord {
    DISPLAY: inline; MARGIN-LEFT: -80%; WIDTH: 20%
}
#veWord {
    WIDTH: 20%
}
#footer {
    CLEAR: both
}
.bold {
    BORDER-RIGHT: #666 1px dotted; PADDING-RIGHT: 10px; BORDER-TOP: #666 1px dotted; PADDING-LEFT: 10px; BACKGROUND: #fff; PADDING-BOTTOM: 10px; BORDER-LEFT: #666 1px dotted; PADDING-TOP: 10px; BORDER-BOTTOM: #666 1px dotted
}


.paddingBut span {
padding: 0.2em 0.5em !important;
}


#selebutton span {

}
#creabutton span {
padding: 0.2em 0.5em;
}
#checkbutton span {
padding: 0.2em 0.2em !important;
}
#checkbutton {
font-size: 1.0em;
top: 5px !important;
}

#sladeLabel span{
font-size: 0.8em;
padding: 0.1em 0.1em !important;
}

#feedback { font-size: 1.4em; }
  #selectable .ui-selecting { background: #FECA40; }
  #selectable .ui-selected { background: #F39814; color: white; }
  #selectable .ui-risolto { background: lightblue; color: white; }/*risolto*/
  #selectable .ui-attivo { background: #D2F78C; color: black; border-color:#ff0000}
  #selectable { list-style-type: none; margin: 0; padding: 0; width: 100%; }
  #selectable li { margin: 3px; padding: 0.4em; font-size: 1.0em; direction:ltr;cursor: pointer !important;text-transform:capitalize;}
  
  #selectable2 .ui-selecting { background: #FECA40; }
  #selectable2 .ui-selected { background: #F39814; color: white; }
  #selectable2 .ui-risolto { background: lightblue; color: white; }/*risolto*/
  #selectable2 .ui-attivo { background: #D2F78C; color: black; border-color:#ff0000}
  #selectable2 { list-style-type: none; margin: 0; padding: 0; width: 100%; }
  #selectable2 li { margin: 3px; padding: 0.4em; font-size: 1.0em;cursor: pointer !important;text-transform:capitalize;}