html { height:100%; }
body { background-color:#CCFF99; color:#333333; font-size:18px; font-family: "Lato","Segoe UI","Gill Sans Light",monospace; height:100%; margin:0; overflow-x:scroll;}
#wrap { min-height:100%; width:100%; }
#mainbody { padding-bottom:180px; }
#footer { position:relative; margin-top:-170px; background-color:#00331A; width:100%; }
input[type=checkbox] { display:none; }
label { position:absolute; display:block; left:0; width:40px; height:40px; background-color:#D7E80E; background-image: url("images/home.gif"); font-size:16px; }
label:hover { background-color:#777777; background-image: url("images/home1.gif"); }
#box{ position:absolute; top:29px; right:0; height:100px; background:#4CAF50; overflow:hidden; }
#cmenu:checked + label { background-color:#777777; background-image:url("images/home2.gif");}
#cmenu:checked ~ .trans-2 { top: 50px; }
#cmenu:checked ~ .trans-3 { top: 100px; }
#cmenu:checked ~ .trans-4 { top: 150px; }
#cmenu:checked ~ .trans-5 { top: 200px; }
#cmenu:checked ~ .trans-6 { top: 250px; }
#cmenu:checked ~ .trans-7 { top: 300px; }

.boxxx:after { content: url("images/home1.gif"); display:none; }
.boxxx { position:absolute; top:0; left:42px; height:40px; transition: top 0.6s linear; background-color:#D7E80E; width:110px; font-size:28px; font-weight:bold; text-align:center; }
.boxx { position:absolute; top:0; left:42px; height:40px; transition: top 0.6s linear; background-color:#D7E80E; width:110px; text-align:center; }
.boxx:hover { background-color:#777777; color:#CCFF99; }
.trans-1 { z-index:130; }
.trans-2 { z-index:129; }
.trans-3 { z-index:128; }
.trans-4 { z-index:127; }
.trans-5 { z-index:126; }
.trans-6 { z-index:125; }
.trans-7 { z-index:124; }

a { outline:none; text-decoration:none; color:#333333; }
img { border:0; }
select { background:#DAFFB3; font-size:18px; padding:2px; border:0; outline:0; }
input { border:solid 0; padding: 2px; background-color:#EBFFEB; }
pre { white-space: pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; }
textarea { resize: none; background-color: #EBFFEB; color: #000000; font-family: 'Courier', monospace; font-size:14px; border:solid 0; }
.hlight:hover { background-color: #D7E80E; }
.hlight { background-color: #DAFFB3; font-size:18px; cursor:pointer; }

.mySlides {display:none}
.demo {cursor:pointer}

.bloc { display:inline-block; vertical-align:top; overflow:hidden; }
.bloc select { padding:5px; margin:-5px -20px -5px -5px; }

.buton { background-color: #E7E752; color: #000000; font-size: 18px; text-align:center; border:0; cursor:pointer; border-radius: 2px; padding: 2px; }
.buton:hover { background-color:#4CAF50; color:#DAFFB3; border: 0; }
.buton2 { background-color:#D7E80E; color: #000000; font-size: 16px; text-align:center; border:0; cursor:pointer; border-radius: 2px; padding: 2px; font-weight: bold; }
.buton2:hover { background-color:#4CAF50; color:#DAFFB3; border: 0; }
.catcon { background-color: #CCFF99; color: #000000; font-size: 18px; border: 0; }
.catcon:hover { background-color: #D7E80E; }
.cathead { background-color: #CCFF66; font-size: 18px; font-weight: bold; }
.crumbs { color:#666666; text-decoration:none; }
.cats { text-decoration:none; color:#DAFFB3; }
.cats:hover { background-color:#CCFF99; }

.div0 { width:100%; }
.div0c { width:100%; background-color:#CCFF66; }

.div1menu { width:100%; overflow:visible; }
.div1head { width:1200px; }

.footnotes { color:#DAFFB3;text-decoration:none; font-size:13px; }

.htext { position:absolute; font-size:11px; background-color:#FFFFCC; z-index:4; text-align:center; vertical-align: middle; display: table-cell; }
.infotd { background-color: #EBFFEB; font-size: 18px; padding: 4px; }
.ibox { width: 100%; background-color: #74B72E; }
.itext { width:1200px; margin:0 auto; text-align:justify; background-color:#CCFF99; border-spacing: 5px; border-collapse: separate; }
.itable { width:1200px; margin:0 auto; background-color:#CCFF99;}
.listhead { background-color: #CCFF66; font-size: 18px; font-weight: bold; }
.locncell { width:169px; text-align:right; }
.locnimg { width:30px; height:30px; }
.locnimg0 { width:40px; height:40px; }
.subhead { font-size:18px; font-weight:bold; padding:4px; text-align:center; }
.subhead2 { font-size:18px; font-weight:bold; color:#0c3e03; }
.tablecc { width:1200px; margin:0 auto; background-color:#CCFF66; }
.taghead {
    -o-transform: rotate(-7deg); /*  */       
    -moz-transform: rotate(-7deg); /* Mozilla */    
    -ms-transform: rotate(-7deg); /* IE 9 */
    -webkit-transform: rotate(-7deg); /* Chrome, Safari, Opera */
    transform: rotate(-7deg);
    position:absolute; background-color:#E7E752; width:140px; height:28px;
    top:0; left:0; text-align:center;font-size:18px;cursor:pointer; }
.tagheadonly {
    -o-transform: rotate(-7deg); /*  */     
    -moz-transform: rotate(-7deg); /* Mozilla */        
    -ms-transform: rotate(-7deg);
    -webkit-transform: rotate(-7deg);
    transform: rotate(-7deg);
    position:absolute; background-color:#4CAF50; color:#DAFFB3; width:140px; height:28px; top:0; left:0; text-align:center; font-size:18px; }    
.taghead:hover { background-color:#666666; color:#DAFFB3; }
.thead { background-color: #CCFF66; font-size:18px; }
.topmenu { background-color:#D7E80E; cursor:pointer; }
.topmenu:hover { background-color:#666666; }
.trailing { text-align:right;color:#449D48;cursor:pointer;font-size:small; }
.trailing:hover { background-color:#D7E80E;}
.upload-result { background-color:#E7E752; color:#000000; font-size: 18px; border:0; cursor:pointer; }
.upload-result:hover { background-color:#4CAF50; color:#CCFF99; border: 0; }
.blink {
	-webkit-animation: blink .75s linear infinite;
	-moz-animation: blink .75s linear infinite;
	-ms-animation: blink .75s linear infinite;
	-o-animation: blink .75s linear infinite;
	 animation: blink .75s linear infinite;
}
@-webkit-keyframes blink {
	0% { opacity: 1; }
	50% { opacity: 1; }
	50.01% { opacity: 0; }
	100% { opacity: 0; }
}
@-moz-keyframes blink {
	0% { opacity: 1; }
	50% { opacity: 1; }
	50.01% { opacity: 0; }
	100% { opacity: 0; }
}
@-o-keyframes blink {
	0% { opacity: 1; }
	50% { opacity: 1; }
	50.01% { opacity: 0; }
	100% { opacity: 0; }
}
@keyframes blink {
	0% { opacity: 1; }
	50% { opacity: 1; }
	50.01% { opacity: 0; }
	100% { opacity: 0; }
}

.calendar * { margin: 0; padding: 0; border: 0; font-family: Tahoma, serif; font-weight: normal; color: #000000; }
.calendar .invalidday a:hover { color: #ccc; background: #fff; cursor: default; }
.calendar .invalidday a { color: #ccc; background: #fff; cursor: default; }
.calendar .selectedday { background: #ddd; }
.calendar .today { font-weight: bold; color: #f00; }
.calendar a { padding: 0 2px; color: #000; text-decoration: none; }
.calendar a:hover { background: #bbb; }
.calendar table { border-collapse: collapse; font-size: 90%; }
.calendar tbody td { width: 20px; }
.calendar td { padding: 1px; text-align: center; }
.calendar thead tr td { border-bottom: 1px solid #aaa; font-weight: bold; }
.calendar thead tr.dclinks td a { font-size: 95%; font-weight: bold; }
.calendar thead tr.dclinks td { padding: 2px 0; vertical-align: middle; background: #ddd; border: 0; }
.calendar { padding-bottom: 2px; border: 1px solid #aaa; font-size: small; background: #FFFFFF; }
.calendaricon { cursor: pointer; }
.calendaricon { margin: 0 3px; }
.calendarlink { margin: 0 3px; }

.dropdown { position:relative; display:inline-block; }
.dropdown-content { display:none; position:absolute; background-color:#D7E80E; min-width:160px; padding: 12px 16px; z-index:9; }
.dropdown-content a { color:#333333; font-weight:bold; padding: 12px 16px;    display:block; text-decoration:none; }
.dropdown:hover .dropdown-content { display: block; }
.dropdown-content a:hover { background-color:#CCFF66 }

.pagination a { color:#000000; padding: 8px 16px; text-decoration:none; background-color:#CCFF66; transition:background-color .3s; }
.pagination .active { background-color:#4CAF50; color:#DAFFB3; }
.pagination a:hover:not(.active) {background-color:#D7E80E; color:#000000;}