@charset "utf-8";
#back{ 
    font-family: "Times New Roman", Times, serif;
    font-size:14px; 
    font-weight:100;
    background-color:#F9EDCA;
    padding:4px;
    margin-bottom:4px
}
#menu{
    width:153px;
    overflow:auto;
    float:left;
    border:solid 1px #999999;
    border-right:none;
    padding-top:0px;
    padding-bottom:0px;
    padding-left:0px;
    position:fixed;
    border-bottom-left-radius:10px;
    border-top-left-radius:10px;
    background-color:#EDF0F2;
}
#menu a{
    color:#595A5B;
    text-decoration:none;
    display:block;
    font-size:1em;
    font-family:"Times New Roman", Times, serif;/* arial, Helvetica, sans-serif; */
    font-weight:bold;
    padding-left:5px;
    padding-top:1px;
    padding-bottom:1px;
    margin:0px;
    border-top:solid 1px  #999999;
    text-align:center
}
#menu a:hover{
    color:#000000;
    background-color:#FAFAF9;
    /*font-size:15px;*/
    font-weight:bold;
    text-decoration:none !important;
    text-shadow:1px 2px 3px #738689;
}
#menu a.active{ 
    color:#000000;
    background-color:#FAFAF9;
}

.b-navPanel a{
    text-decoration:none;
    margin:0px 20px;
    font-family:arial, Helvetica, sans-serif;
    font-size:14px;
}

a{ text-decoration:none !important;
}

#content{
    color:black;
    padding-top:10px;
    border:solid 1px #999999;
    padding-left:15px;
    padding-right: 15px;
    background-color:#FAFAF9;/* #E6EAED; */
    width:650px;
    float:right;
    border-bottom-left-radius:10px;
    border-bottom-right-radius:10px;
    min-height:600px;
}
#wrapper{
    margin:0 auto;
    width:803px;
   /* margin-top:40px;
     position: absolute;
    left:50%;
    width:700px;
    margin-left:-550px; */
}
#content, input,.def,textarea{
    font-family: "Times New Roman", Times, serif;
    font-size: 16px;}
h2{ 
    font-family: arial, Helvetica, sans-serif;
    text-shadow:2px 2px 2px #CCCCCC;
    color:#575757
} 

.rd{ text-indent: 1.8em }
.tt{ 
    font-size:1em;
    margin:10px 0 4px 0;
    text-indent:1em;
    font-weight:bold;
    color:black
}
.hi{ 
    font-weight:bold;
    color:#5A6F72
}
.tema-n{ 
    font-weight:bold;
    text-align:center;
    color:black
}
.tema-t{
    font-weight:bold;
    text-align:center;
    color:black
}
.section-t{ 
    text-indent:1em;
    font-size:1.1em;
    font-weight:bold;
    margin:22px 0 2px 0;
    color:black
}
.srcb{
    margin-top:10px;
    font-size:0.8em;
    text-align:right
}
.media{
    float:left
}
.text{ 
    margin-top:10px;
}
table.fill{ 
    border-collapse:collapse;
    width: 100%;
}
table.fill td, table.fill th{
    border:1px solid black;
    vertical-align:top;
    padding:4px;
}
table.cols-3 th:first-of-type, table.cols-3 td:first-of-type{ width:34% }
table.cols-2 th:first-of-type, table.cols-2 td:first-of-type{ width:50% }
table.fill td[colspan="2"]{
    text-align:center;
    font-style:italic
}
fieldset{
    margin-top:10px;
}
a.download{
    margin:0 0 0 15px;
}
div.text+a.download{ float:right }
.hdr{
    font-size:16px;
    font-weight:bold;
    color:#575757
} 
.c{ text-align:center }
.l{ text-align:left }
.r{ text-align:right }
.b{ font-weight:bolder }
.i{ font-style:italic }
.emb{ 
    font-style:italic;
    font-weight:bolder
}
.ub{ font-weight:bolder; text-decoration:underline }
.under,.u{ text-decoration:underline }
.marked{ text-decoration:line-through }

.lh1{ line-height:100% }
.lh1-1{ line-height:110% }
.lh1-2{ line-height:120% }
.lh1-3{ line-height:130% }
.lh1-4{ line-height:140% }
.lh1-5{ line-height:150% }
.lh1-6{ line-height:160% }
.lh1-7{ line-height:170% }
.lh1-8{ line-height:180% }
.lh2{ line-height:200% }
.lh3{ line-height:300% }
/*-----DDROP------*/
.ddrop{
    cursor:pointer;
    background-color:#E1FFCC;
    margin:1px;
    padding:0 4px;
    }
.question-title .ddrop{
    padding:0 1px 0 4px !important;
    margin:0 4px 0 1px !important
    }
.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;
}
/*-----------*/
.active{ 
    background-color:#F9F9F9;
}
/*-----LIST------*/
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:#EFEEA0;   
}
.no-sort li{
    background-color:#F7F6B7;
}

.list-r{ text-align:right }
.list-l{ text-align:left }

/*.list-r-n{ text-align:right;padding:3px 4px;margin:2px 4px; }
.list-l{ text-align:left }
.list-n{ 
    padding:3px 4px;
    margin:2px 0px;
    background-color:#FFFED3
 }
.list-l-n{ text-align:left; padding:3px 4px; margin:2px 4px; } */
/*-----LIST------*/

.strike{ text-decoration:line-through }
.wrong{
    background-color:#FDA893 !important;
    color:#333333 !important
}
.right{
    background-color:#9EFF79 !important;
    color:black !important
}
.ibpanel{ clear:both; margin:10px 0px 15px }
.play{ margin:10px 0px }
.dynamic{ text-align:center; margin:0px }
.mark:hover, input[type=radio]:hover, select:hover, .sort>li:hover{ cursor:pointer }

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;
}
.d-border{ 
    border-style:dotted;
    border-width:1px;
    border-color:gray
}
.bottomlink{ text-align:center }
.s-table{ 
    border:none;
    margin:0 auto;
    margin-top:4px;
    border-collapse:collapse;
}
.s-table td{
    padding:0;
    border:dotted;  
    border-width:1px;
    border-color:#999999;
}

table.sortTo td{
    vertical-align:top;
    text-align:center;
}
.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:bolder}

.page-title{
    text-align:center;
    font-weight:bolder;
    font-family:arial, Helvetica, sans-serif;
    font-size:14px;
}
.task-title{
    font-weight:bolder;
    font-family:arial, Helvetica, sans-serif;
    font-size:14px;
}
.question-title{
    /* font-weight:bolder; */
    font-family:arial, Helvetica, sans-serif;
    font-size:14px;
}

.menu-first{
    border-top-style:none !important;
    padding-top:10px;
    border-top-left-radius:10px;
    border-top-right-radius:10px
}
.menu-last{
    padding-bottom:10px;
    /* border-bottom-style:none;
    border-bottom-left-radius:10px;
    border-bottom-right-radius:10px */
}
.info{
    margin:50px auto;
    width:450px;
    text-align:left;
    font-weight:bolder;
    font-family:arial, Helvetica, sans-serif;
    font-size:14px;
}
.info>span{
    font-family:sans-serif;
    font-size:14px;
    font-weight:lighter
}
.warning-label{
    font-weight:bolder;
    font-style:italic;
    margin-bottom:10px
}