@charset "utf-8";

 .txt-text-binhthuong{
float:left;
width:40px;
height:37px;
background:url(//wildlifeatrisk.org/wp-content/themes/greenlife/species-information/images/game/nhin-hinh-doan-chu/bg-text.png);
overflow:hidden;
margin:0px 2px 4px 2px;
color:#fff;
text-align:center;
text-transform:uppercase;
border:none;
font-size:33px;
}
.txt-text-sai{
float:left;
width:39px;
height:37px;
background:url(//wildlifeatrisk.org/wp-content/themes/greenlife/species-information/images/game/nhin-hinh-doan-chu/bg-text-w.png);
overflow:hidden;
margin:0px 2px 4px 2px;
color:#fff;
text-align:center;
text-transform:uppercase;
border:none;
font-size:33px;
}
.txt-text-dung{
float:left;
width:38px;
height:37px;
background:url(//wildlifeatrisk.org/wp-content/themes/greenlife/species-information/images/game/nhin-hinh-doan-chu/bg-text-r.png);
overflow:hidden;
margin:0px 2px 4px 2px;
color:#fff;
text-align:center;
text-transform:uppercase;
border:none;
font-size:33px;
}
#text-dapan{
font-size: 13px;
margin-left: 44px;
margin-top: 52px;
}
#result-dapan{font-size: 13px; margin-left: 44px; margin-top: -8px; color: #000; font-weight: bold;}
#thongbao-ketqua p{ font-weight: bolder;text-align: left; margin-left: 40px;}
#thongbao-ketqua a#xem-dapan{
font-size: 11px;
font-weight: bold;
margin-left: 26px;
margin-top: 3px;
}
#thongbao-ketqua a#xem-link{
float: right;
font-size: 11px;
font-weight: bold;
margin-right: 44px;
margin-top: 3px;
text-align: right;
}
.infoGame{    
bottom: 3px;
color: white !important;
font-style: italic;
font-weight: bold;
margin-left: -322px;
margin-top: 10px;
position: absolute;
z-index: 999999;
}
#text-infoGame{
position: absolute;
background: #fff;
height: 300px;
width: 300px;
z-index: 999999;
}.reveal-modal-bg { 
position: fixed; 
height: 100%;
width: 100%;
background: #000;
background: rgba(0,0,0,.8);
z-index: 100;
display: none;
top: 0;
left: 0; 
}
#myModal div{padding: 6px 0px;}
.reveal-modal {
visibility: hidden;
top: 100px; 
left: 50%;
margin-left: -375px;
width: 673px;
background: #eee url(/wp-content/themes/greenlife/species-information/css/modal-gloss.png) no-repeat -200px -80px;
position: absolute;
z-index: 999999;
padding: 30px 40px 34px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
-box-shadow: 0 0 10px rgba(0,0,0,.4);
height: 400px;
overflow: auto;
margin-top: -237px;
}
.reveal-modal2 {
visibility: hidden;
top: 100px; 
left: 50%;
margin-left: -258px;
width: 660px;
background: #eee url(/wp-content/themes/greenlife/species-information/css/modal-gloss.png) no-repeat -200px -80px;
position: absolute;
z-index: 999999;
padding: 30px 40px 34px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
-box-shadow: 0 0 10px rgba(0,0,0,.4);
height: 400px;
overflow: auto;
margin-top: -9px;
}
.reveal-modal.small 		{ width: 200px; margin-left: -140px;}
.reveal-modal.medium 		{ width: 400px; margin-left: -240px;}
.reveal-modal.large 		{ width: 600px; margin-left: -340px;}
.reveal-modal.xlarge 		{ width: 800px; margin-left: -440px;}
.reveal-modal .close-reveal-modal {
font-size: 22px;
line-height: .5;
position: absolute;
top: 8px;
right: 11px;
color: #aaa;
text-shadow: 0 -1px 1px rbga(0,0,0,.6);
font-weight: bold;
cursor: pointer;
} 
.reveal-modal2 .close-reveal-modal {
font-size: 22px;
line-height: .5;
position: absolute;
top: 8px;
right: 11px;
color: #aaa;
text-shadow: 0 -1px 1px rbga(0,0,0,.6);
font-weight: bold;
cursor: pointer;
}