img {
    border:none;
}

a {
    text-decoration:none;
}

body {
    background:#000000 url("../images/body.jpg") repeat-x;
    width: 100%;
    text-align:center;
    margin:0 !important;
}

p {
    margin:0;
}

ul {
    margin-top:0;
    padding:0;
}


table {
    border:8px inset blue;
    font-size:14px;
}

th {
    border-bottom:5px inset blue;
    border-right:4px inset blue;
}

td {
    border-bottom:2px solid blue;
    border-right:3px inset blue;
}

th, td {
    background: #b8d3f8;
}

.nmb{
    margin-bottom:0;
}

h2{
    margin:0;
}

.fl {
    display:block;
    float:left;
    margin-right:3px;
}

#down{
display:block;
   float:right;
   width:445px;
   clear:right;
   color:#ffffff;
}

#down a {
   color: #000000 !important;
   font-style:italic;
   text-transform:uppercase;
}

#down a:hover {
   text-decoration:underline;
}

#main {
    width:980px;
    margin:0 auto;
}

/*START HEADER*/
#header {
    background: url("../images/bkg-header.png") no-repeat ;
    width: 980px ; 
    height: 132px ;
    margin-top:20px;
    margin-bottom:4px;
    float:left;
}

a#logo {
    display:block;
    width:300px;
    height:80px;
    float:left;
    margin-top:30px;
    margin-left:30px;
}

a#logout {
    display:block;
    float:right;
    color: #ffffff;
    font-weight:bold;
    height:20px;
    width:50px;
    margin: 20px 20px 10px 0;
    text-transform:uppercase;
}

a#doc{
    display:block;
    float:right;
    clear:right;
    font-size:17px;
    color:#000000;
    margin-bottom:15px;
    padding-right:20px;
    padding-left:20px;
    font-weight:bold;
    font-style:italic;
    background: url("../images/hand-cursor.png") no-repeat 0px 4px; 
}


ul#header-button {
    height:36px;
    float:right;
    margin-right:20px;
    list-style-type:none;
}

ul#header-button li {
    float:right;
    font-size:17px;
    display:block;
}

ul#header-button li a {
    display:block;
    float:left;
    height:32px;
    color:#000000;
    font-weight:bold;
    font-style:italic;
    text-decoration:none;
    padding-top:4px;
    padding-left: 4px;
    padding-right:4px;
    background: url("../images/button-menu.png") repeat-x left center;
}

ul#header-button span.start1 {
    height:36px;
    float:left;
    display:block;
    width:10px;
    background: url("../images/start1.png") no-repeat left center;
}

ul#header-button span.end1 {
    height:36px;
    float:left;
    display:block;
    width:18px;
    background: url("../images/end1.png") no-repeat left center;
}

ul#header-button span.end2 {
    height:36px;
    float:left;
    display:block;
    width:14px;
    background: url("../images/end2.png") no-repeat left center;
}

ul#header-button li a:hover {
    color:#7ea3d7;
}

ul#header-button li.hover-menu a{
    color:#7ea3d7 !important;
}

/*LOGFORM*/
#enter {
    /*float:right;*/
    /*border: 2px solid black;*/
    font-family: Arial;
    font-size: 15px;
    padding: 100px 10px 0;
    text-align:center;
    margin:auto;
}

#enter form{
    float:left;
}

#enter p{
    margin-top:0;
    text-align:center;
    font-size:20px;
    font-style: italic;
}

#enter form label{
    margin-bottom:15px;
    float:left;
    text-align:left;
    color: #ffffff;
    margin-right:10px;
}

#enter form input{
    background: #d7b18e;
    float:left;
    margin-right:10px;
}

#enter form input#sub1 {
    border:none;
    width: 73px;
    height:28px;
    background: url("../images/button1.png") no-repeat top left;
    text-indent:-999px;
    float:left;
}

#btnchek {
    width:150px;
    height:25px;
    background: #000000;
    color:#000000;
    float:left;
    cursor: pointer;
}

/*ENDLOGFORM*/

/*END HEADER*/

/*CONTAINER*/
#contain
{
    background: url("../images/main-bkg-brown.png") repeat-y center top;
    width:980px;
    float:left;
    margin-bottom:4px;
    font-size:16px;
    color:#000000;
}

#contain.small-contain
{
    padding: 20px 20px;
    width:940px;
}
#present-img
{
    background: url("../images/present-img.jpg") no-repeat;
    height:200px;
    margin: 0 10px;
    border:2px solid #000000;
}

#present-img h1
{
    display:block;
    width:445px;
    float:right;
    font-size:22px;
    margin-top:50px;
}

#present-img p.ph1 {
    display:block;
    width:420px;
    float:right;
    font-size:22px;
    margin-top:50px;
    font-weight:bold;
    text-align:left;
    font-style:italic;
}

/*END CONTAINER*/


/*START FOOTER*/
#footer
{
    background: url("../images/footer.png") repeat-x;
    width:940px;/*980px -(20px+20px)*/
    padding:25px 20px 0 20px; 
    height:33px;/*58px -25px*/
    float:left;
}

#copy {
    display:block;
    float:left;
}

#created{
    display:block;
    float:right;
}

#footer span a{
    font-weight:bold;
    color:#ffffff;
}

/*END FOOTER*/

/*CREATE TEST1p*/

.pagina{
    float:left;
    clear:left;
    text-align: center !important;
    padding-left:200px;
}

.pagina p{
    display:block;
    float:left;
    font-size:18px;
    padding:2px 4px 4px 4px;
    
}

.pagina p span{
    font-weight:bold;
    
}

p.pagp {
    display:block;
    float:left;
    background: none repeat scroll 0 0 #C9DAF4;
    border: 4px solid #7EA3D7;
    border-radius: 10px 10px 10px 10px;
    cursor: pointer;
    text-align: center;
    padding:0 4px 4px 4px;
    font-size:15px !important;
    margin:0 5px;
}


.quots{
    float:left;
    background: #7ea3d7 url(../images/testicon.png) no-repeat top left;
    /*border-left: 4px solid #000000;*/
    padding-left:50px;
    padding-top:20px;
    margin-top:20px;
    clear:both;
}

.quots textarea{
    border:1px solid blue;
}

#create-test, #create-test2{
    float:left;
    text-align:left;
    /*border: 2px solid blue;*/
    background: #7ea3d7 url(../images/bkg2-test.png) top left repeat-y;
    width:528px;/*(600px-70px)*/
    padding:30px 35px 20px 35px;
}

#create-test2 input, #create-test2 label,#create-test2 select,#create-test3 input, #create-test3 label,#create-test3 select {
    margin-bottom:8px;
}

#create-test2 label {
    margin-right:10px;    
}

.shownextq{
   display:block !important;
}

h2.titl1 {
    /*margin-left:140px;*/
    text-decoration: underline;
    margin-bottom:30px;
    text-align:center;
}

p.tit-cat{
    background: url(../images/dot-star.png) top left no-repeat;
    padding-left:30px;
    margin-bottom:10px;
    float:left;
    font-size:18px;
}

#create-test p.tit-cat input, #create-test p.tit-cat select {
    margin-top:5px;
    border: 1px solid blue;
}

.border-select{
    border:1px solid blue;
}

.longinput{
    width:300px;
}

.btn {
    width:148px;
    height:40px;
    background: url("../images/button4.png") no-repeat center;
    border:none;
    margin-top:20px;
}

#whole-note {
    float:left;
    width:600px;
    margin-right:25px;
}

#note{
    width:600px;
    height:99px;
    background:url(../images/bkg-test2.png) top left no-repeat;
}

#endnote{
    width:600px;
    height:48px;
    background:url(../images/bkg3-test2.png) top left no-repeat;
    float:left;
}

#create-test ul.answers{
    float:left;
}

#create-test ul.answers li {
    display:block;
    vertical-align: top;
}

#create-test ul.answers li textarea {
    margin-left:4px;
    height:45px;
    border:1px solid blue;
}

.ranswer{
    float:left;
    clear:both;
    width:450px;
    padding-bottom:40px;
}

.ranswer p{
    display:block;
    float:left;
    clear:left;
}

#create-test p.quotes {
    display:block;
    float:left;
    margin-right:10px;
}

#tstringcheck {
    float:left;
    color: red;
    padding-top:25px;
    font-weight:bold;
    font-size:18px;
}

#btnchek {
    clear:both;
    background: url("../images/button4.png") no-repeat center;
    height:40px;
    text-align:center;
}

#btnchek p{
    padding-top:7px;
}

#btnsave {
    float:left;
    clear:both;
    display:none;
    background: url("../images/button4.png") no-repeat center;
    height:40px;
    width:148px;
    margin-top:10px;
}

input#btnsave, input#btnsave2 {
    border:none;
    cursor:pointer;
}

#instruction{
    width:285px;
    height:440px;
    background: url(../images/bkg-instruction.png) top left no-repeat;
    float:left;
    margin-top:25px;
    text-align:left;
    padding:0 10px 10px 10px;
    font-style: italic;
}

#instruction ol {
    padding-left:20px;
}

#instruction ol li{
    margin-bottom:5px;
}


#instruction h3{
    text-align:center;
    margin-bottom:40px;
}

#massboard{
    float:left;
    text-align:center;
    background: #7ea3d7 url(../images/bkg2-test.png) top left repeat-y;
    width:563px;/*(600px-35px)*/
    padding:30px 0 20px 35px;
}
/*END CREATE TEST1p*/

/*START VIEW TEST*/

ul#category-menu {
    margin-bottom:0;
}

#selcat {
    /*width:598px;*/
    background: #7ea3d7 url(../images/bkg2-test-long.png) repeat-y top left;
    text-align:left;
    width:870px;/*(940px-70px)*/
    padding:30px 35px 0 35px;
    float:left;
    text-align:center;
}

#note2{
    width:940px;
    height:99px;
    background:url(../images/bkg-test2-long.png) top left no-repeat;
}

#endnote2{
    width:940px;
    height:47px;
    background:url(../images/bkg3-test2-long.png) top left no-repeat;
    float:left;
}

.table-names {
    float:left;
    width:435px;
    margin-bottom:15px;
}

h3.categ {
    background: url("../images/dot-star.png") no-repeat 165px;
}

.table-names a {
    font-size:17px;
    color:#000000;
}

.table-names a:hover {
    text-decoration:underline;
}

#cat {
    width:870px;/*940px-(35px+35px)*/
    background: #7ea3d7 url(../images/bkg2-test-long.png) repeat-y top left;
    float:left;
    padding: 0 35px 20px 35px;
    text-align:center;
}

h3#cat1, h3#cat2, h3#cat3, h3#cat4, h3#cat5, h3#cat6, h3#cat7, h3#cat8 {
    height:40px;
    cursor:pointer;
    text-indent: -9999px;
    margin-top:0px;
    text-align:center;
}

h3#cat1 {
    background: url("../images/group-1.png") no-repeat center;
    width:148px;
    margin-left:143px;
}

h3#cat2 {
    background: url("../images/group-2.png") no-repeat center;
    width:148px;
    margin-left:143px;
}

h3#cat3 {
    background: url("../images/group-3.png") no-repeat center;
    width:148px;
    margin-left:143px;
}

h3#cat4 {
    background: url("../images/group-4.png") no-repeat center;
    width:251px;
    margin-left:92px;
}

h3#cat5 {
    background: url("../images/group-5.png") no-repeat center;
    width:209px;
    margin-left:113px;
}

h3#cat6 {
    background: url("../images/group-6.png") no-repeat center;
    width:120px;
    margin-left:160px;
}

h3#cat7 {
    background: url("../images/group-7.png") no-repeat center;
    width:148px;
    margin-left:143px;
}

h3#cat8 {
    background: url("../images/group-8.png") no-repeat center;
    width:148px;
    margin-left:143px;
}

#alist1, #alist2, #alist3, #alist4, #alist5, #alist6, #alist7, #alist8 {
    float:left;
    clear:left;
    text-align:center;
    width:435px;
}

/*END VIEW TEST*/

/*START SHOW-TEST*/

#test-containt {
    width:820px;/*940px-(60px+60px)*/
    background: #7ea3d7 url(../images/bkg2-test-long.png) repeat-y top left;
    float:left;
    padding: 0 60px 20px 60px;
    text-align:left;
}

.pbox {
    width:820px;
    float:left;
}

.q-number {
    display:block;
    margin:10px 0;
    float:left;
}

.q-ans {
    display:block;
    margin-bottom:5px;
    padding-left:20px;
}

.line {
    width:820px;
    height:1px;
    background:url("../images/line.gif") no-repeat top left;
    margin-top:10px;
    float:left;
}

.line2 {
    width:435px;
    height:1px;
    background:url("../images/line.gif") no-repeat top left;
    margin-top:10px;
    float:left;
}

#btnsave2 {
    float:left;
    clear:both;
    background: url("../images/button4.png") no-repeat center;
    height:40px;
    width:148px;
    margin-top:10px;
}

.edittext {
    border: 1px solid blue;
}

form#edit {
    float:left;
}

#xxx {
    float:left;
}

p.error {
    text-align:center;
}
/*END SHOW-TEST*/

/*START exercises-start*/

.row {
    float:left;
    width:820px;
}

.row p{
    display:block;
    float:left;
}

.row input {
    display:block;
    float:left;
}

.red {
    background: url("../images/wrong-bkg.png") left center no-repeat;
}

.green {
   background: url("../images/right-bkg.png") left center no-repeat;
}

.green2 {
    
}

#button3{
   text-align:center;
   border: 4px solid #7ea3d7;
   border-radius: 10px 10px;
   background:#c9daf4;
   width:80px;
   cursor:pointer;
}

.showconfirm{
   display:block !important;
}

.message p{
   padding-bottom:5px !important;
}

.yes a, .no{
   width:50px;
   cursor:pointer;
   border: 2px solid #7ea3d7;
   border-radius: 3px 3px;
   padding:3px 6px;
}

.yes a{
   color:#000000;
   margin-right:20px;
}

#confirmBox{
   display:none;
   border: 4px solid #7ea3d7;
   border-radius: 10px 10px;
   background:#c9daf4;
   padding:10px;
   text-align:center;
}

/*END exercises-start*/

p.masage {
    color:red;
}

.nodisplay{
    display:none;
}

.yesdisplay{
    display: inline;
}

#end-test {
    display:block;
    float:left;
    margin-top:10px;
    cursor:pointer;
}

/*PAGE exam*/

#chtest{
    background: #7ea3d7 url(../images/bkg2-test.png) top left repeat-y;
    width:523px; /*598px - 75px*/
    height:36px;
    padding-top:20px;
    float:left;
    padding-left: 75px;
}
#chtest p{
    display:block;
    height: 30px; /*36px-6px*/
    float:left;
    font-size:18px;
    padding-top:6px;
}

#chtest span#two1, #chtest span#two2{
    display:block;
    padding-top:6px;
    width:10px;
    height:30px; /*36px-6px*/
    float:left;
}

#chtest span#one1, #chtest span#one2{
    display:block;
    padding-top:6px;
    width:14px;
    height:30px; /*36px-6px*/
    margin-right:5px;
    float:left;
}

#after-first {
   float:left;
    text-align:left;
    /*border: 2px solid blue;*/
    background: #7ea3d7 url(../images/bkg2-test.png) top left repeat-y;
    width:528px;/*(600px-70px)*/
    padding:30px 35px 20px 35px;
    display:none;
}

.acspanone{
    background: url(../images/end2.png) left center no-repeat;
}

.acspantwo{
    background: url(../images/start1.png) left center no-repeat;
}

.acp{
    background: url(../images/button-menu.png) left center repeat-x ;
}

.nodisplay2 {
    display:none;
}

.yesdisplay2 {
    display:block !important;
}
.point {
    cursor:pointer;
    font-weight:bold;
}

.instruct{
    display:block;
    font-size:16px;
    font-style:italic;
    padding:6px;
    background:#C9DAF4;
    border:1px solid blue;
    border-radius:6px 6px;
    margin-bottom:10px;
    float:left;
}

.profil{
    float:left;
    border-top:1px solid blue;
    border-bottom:1px solid blue;
    border-radius:6px 6px;
    padding:8px 15px;
    margin-bottom:5px;
    width:490px;
    background:#C9DAF4;
}

.profil p{
    display:block;
    float:left;
    margin-right:5px;
    font-weight:bold;
}

.profil p span{
     font-weight:normal !important;
}

span.redlett{
     color:#e0171c;
}

span.bluelett{
     color:blue;
}

p.fullname {
    clear:left;
    padding-left:35px;
    font-style:italic;
    width:330px;
}

p.button4{
    background: none repeat scroll 0 0 #C9DAF4;
    border: 4px solid #7EA3D7;
    border-radius: 10px 6px;
    text-align: center;
    width: 100px;
    padding-bottom:4px;
    color:#000000;
    cursor:pointer;
    
}

.hact{
    display:none;
}

/*END PAGE exam*/

/*START SHOWRESULT*/

p.yesorno {
    color: #ffffff;
    font-size:20px;
    font-weight:bold;
}

/*START SHOWRESULT*/

/*START archivelist*/

table td a {
    color:#000000;
}

table td a:hover {
    text-decoration:underline;
}
/*END archivelist*/

/*START protocol*/
.prot {
    background:#ffffff;
}

#print, #print2, #print3 {
    /*border:1px solid #000000;*/
    width:870px;/*870*/
    float:left;
    font-size:22px;
    background:#b8d3f8;
    padding-bottom:40px;
    padding-right:20px;
    margin-bottom:40px;
}

#print input, #print2 input, #print3 input {
    font-size:22px;    
}

#print h4{
    font-size:26px;
}

.mar {
    margin-bottom:20px;
}


.mar2 {
    margin-bottom:60px;    
}

.pos {
    text-align:left;
    margin-left:60px;
}

#print ol {
    margin-top:0;
    text-align:left;
    margin-left:70px;
}

#print2, #print3 {
    padding-top:50px;
    font-size:26px;
    font-family: Monotype Corsiva;
}

#print2 h4, #print3 h4 {
    font-size:34px;
}

.uper {
    text-transform:uppercase;
}

.finalrows {
    text-align:left;
    margin-left:300px;
}

.finalrows2 {
    text-align:left;
    margin-left:500px;
    margin-bottom:20px;
}

p.ind {
    text-indent: 40px;
}

p.ind2 {
    text-indent: 40px;
    margin-bottom:110px;
}

input.textholder {
    text-align:center;
}

span.hard {
    font-weight:bold;
}

span.hard input {
    font-weight:bold;
}

/*END protocol*/
/*--------------------------------*/
/*PROFIL CSS*/
/*header*/

.head-button {
   width:570px;
}

/*exercises-test*/
#list-test-id {
   width:528px;/*(600px-70px)*/
   padding:30px 35px 20px 35px;
   float:left;
   background: #7ea3d7 url(../images/bkg2-test.png) top left repeat-y;
}

#list-test-id form{
   float:left;
   width:493px;/*(528px-35px)*/
   padding:0 15px 5px 20px;
}

.fline{
   float:left;
   width:510px;
   height:1px;
   background: #ffffff;
   margin:10px 0 10px 5px;
}

#list-test-id p,#list-test-id input{
   text-align:left;
   float:left;
}

#list-test-id p{
   padding: 0 10px;
   clear:left;
   margin-bottom:5px;
   font-size:18px;
}

#list-test-id p span{
   font-style:italic;
   font-size:16px;
}


#list-test-id input{
   clear:left;
   border:2px solid #0165aa;
   border-radius: 10px 10px;
   background:#C9DAF4;
   cursor:pointer;
}

input.personresult{
   clear:none !important;
}

p.personresult{
   padding-left:20px !important;
   width:300px;
}

#end-test{
   clear:left;
   border:2px solid #0165aa;
   border-radius: 10px 10px;
   background:#C9DAF4;
   cursor:pointer;
   text-align:left;
   float:left;
   padding:4px 5px;
   margin-top:25px;
}

input.validperinfo{
   display:none !important;
}

#btn{
    float:left;
    clear:left;
    cursor:pointer;
}

.fullinfo{
   float:left;
   width:838px;
   border: 6px double #0063a7;
   margin-bottom:10px;
   background: #C9DAF4;
   margin-left:5px;
}

.fullinfo a{
   display:block;
   float:left;
   color:#000000;
   font-weight:bold;
   font-style:italic;
   margin-left:30px;
   margin-bottom:5px;
}

.fullinfo a:hover{
   text-decoration:underline;
}

.fullinfo p{
   display:block;
   float:left;
   font-weight:bold;
   margin-right:30px;
   margin-bottom:5px;
   color:blue;
}

.fullinfo p span{
   
   color:#000000 !important;
}

p.arow,a.arow{
   clear:left;
}

li.handinp{
   margin-top:3px;
}

#print input,#print2 input,#print3 input,#print4 input{
   font-size:18px;
}

#print4{
   width:1061px;
   height:595px;
   text-align:center;
   background: #B8D3F8;
}

h4.diftitledoc{
   font-size:42px;
   font-family:Times New Roman;
   margin-top:0 !important;
   margin-bottom:10px !important;
}

#print4 input{
   margin-bottom:0 !important;
   text-align:center;
   color: #0000ff;
   font-size:16px;
}

#print4 p.mar2{
   margin:10px 0;
}

#print4 p.wblue,#print4 span.wblue{
   color: #0000ff !important;
   font-size:16px !important;
   font-family:UkrainianBrushScript !important;
}

#print4 p.bwblue {
   font-size:40px !important;
   font-family:UkrainianBrushScript !important;
   color: #0000ff !important;
   text-transform:none !important;
   margin-bottom:25px !important;
}

#print4 p.bwblue span{
   font-size:30px !important;
   font-family:UkrainianBrushScript !important;
   color: #0000ff !important;
}

span.diftitledoc{
   font-size:30px;
   font-family:Times New Roman;
}

p.smallinfotext{
  font-style:italic;
  width:920px;
  margin:0 auto 30px;
}

p.finalrows3 span{
   margin-left:400px;
}

p.finalrows4{
  margin-left:120px;
}

p.finalrows4 span{
   margin-left:400px;
}

/*lectures-list*/

.lect{
    width:508px;
   background: #7EA3D7 url("../images/bkg2-test.png") repeat-y left top;
   text-align:left;
    font-size:16px;
    float:left;
    padding:0 50px 5px 40px;
}

.lect h1{
    text-align:center;
    background: #C9DAF4;
    border: 2px solid #0165AA;
    border-radius: 10px 10px 10px 10px;
    clear: left;
    cursor: default;
    font-size:20px;
    padding:5px;
}

.lect h2{
   font-size:20px;
   cursor: default;
   text-decoration: underline;
   margin-bottom:10px;
   color:#02375b;
}

.lect ul li{
   list-style:none;
   padding-left:20px;
   line-height:20px;
   margin-bottom:5px;
   background: url("../images/hand-cursor.png") no-repeat 0px 4px;
}

.lect a{
   color:#000000;
}

/*themes*/

h1#beglec{
   text-align:center;
   font-size:22px;
   margin-top:30px;
}

.box-theme{
   font-size:18px;
}

.box-theme p{
   text-indent:40px;
}

.box-theme ul,.box-theme ol{
   list-style:disk;
   padding:0 0 0 40px;
   margin-top:5px !important;
   list-style-position: inside;
}

.box-theme ul li,.box-theme ol li{
   margin-bottom:3px;
}

.btext {
   font-weight:bold;
   margin:10px 0;
   text-indent:0 !important;
}

.ltext {
   font-size:20px !important;
   text-indent:none !important;
}

.utext {
   text-decoration:underline;
   text-indent:none !important;
}

.itext {
   font-style:italic;
   text-indent:none !important;
}

a#totop{
   position:fixed;
   left:50px;
   top:540px;
   font-size:18px;
   color:#ffffff;
}

ul.list-lett{
   list-style:none !important;
}

.mt-p{
   margin:10px 0;
}

ul.pl-l {
   padding-left:70px;
   list-style:circle;
}