/* RHAN CYNTAF I FFON A MQ I DT

EFO RELATIVE SYDD YN DAL DIV ERAILL, MAE Y TOP AG Y LEFT YN DECHRAU O TOP:0PX A LEFT:0PX O'R DIV SYDD YN DAL NHW

*/
body	{ 
background-color: #fff; 
font-family: Helvetica; 
font-size: 16px;
margin: 0;/* 0 negative space around the outside of the body */
padding: 0;  /* 0 negative space around the inside of the body */
}



td#arChwith{
text-align:left;
width:20%;
}

td#ynCanol{
text-align:left;
width:20%;
color:red;
}

td#arDde{
text-align:left;
width:60%;
padding-left:1.2rem;
}



#bwrdd{
position:relative;
top:10px;
}

h3{
text-align:center;
}

strong{
text-decoration:underline;
font-weight:500;
}

.mainNav li {
display:inline;/*CHECK THIS*/
background-color:#eee;
margin:10px 0px 0px 10px; 
padding:.2em;
font-size:16px;
font-weight:600;
color:blue;
text-align:center;
cursor:pointer;
text-decoration:none;
}

.uniawn{
font-size:18px;
font-weight:700;
color:black;
background-color:red;
}

.faded{
font-size:14px;
color:silver;
}

.itlc{
font-size:20px;
font-style:italic;
}

li{
font-size:28px;
list-style: none;
}

.pinYin{
cursor:pointer;
}

.ideogram{
cursor:pointer;
}

#chwith{
position:absolute;
top:0px;
left:0px;
}

#dde{
position:absolute;
top:0px;
left:140px;
}




#atebion{ 
background-color: #fff; /* Background color #fff is light grey */
color: #222;       /* Foreground color used for text */
font-family: Helvetica; 
font-size: 16px;
padding-left: 25px; 
}

#ndech {
position:relative;
font-size:18px;
font-weight:300;
visibility:visible;
color:blue;
cursor:pointer;
}

#ndech2 {
position:relative;
font-size:18px;
font-weight:300;
color:blue;
margin:8px 0px 8px 0px;
visibility:visible;
cursor:pointer;
}

#ndech3 {
position:relative;
font-size:18px;
font-weight:300;
color:blue;
visibility:visible;
cursor:pointer;
margin-bottom:3ex;
}

#ndech4 {
position:relative;
font-size:18px;
font-weight:300;
visibility:visible;
}
#ndech5 {
position:relative;
font-size:18px;
font-weight:300;
margin:8px 0px 8px 0px;
color:blue;
visibility:visible;
cursor:pointer;
}
#ndech6 {
position:relative;
font-size:18px;
font-weight:300;
color:blue;
visibility:visible;
cursor:pointer;
}

#ndech7 {
position:relative;
font-size:18px;
font-weight:300;
visibility:visible;
}
#ndech8 {
position:relative;
font-size:18px;
font-weight:300;
margin:8px 0px 8px 0px;
color:blue;
visibility:visible;
cursor:pointer;
}
#ndech9 {
position:relative;
font-size:18px;
font-weight:300;
color:blue;
visibility:visible;
cursor:pointer;
}

/*CAN BE USED FOR ADDITIONAL INFO WITH ASTERISK. DECOMMENT AS NEEDED*/

#noEngEqu{
position:absolute;
top:350px;
left:20px;
font-size:12px;
color:silver;
visibility:visible;
}


#adref{
visibility:hidden;
}

#expLi{visibility:hidden;}

#htLi{visibility:hidden;}

#tooLate {
/*position:absolute;
left:40px;
top:100px;*/
font-size:22px;
font-weight:300;
color:black;
text-align:center;
display:inherit;
cursor:pointer;
}


#rdech {
position: absolute;
left: 10px;
top:0px;
display:block;
background-color: #fff;
color: #000;
font-family: Helvetica; 
font-size: 16px;
margin:5px 10px 10px 5px; 

}

#r1 {
position: relative;
left: 10px;
top:0px;
display: none;
color: #222;       /* Foreground color used for text */
font-family: Helvetica; 
font-size: 16px;
padding: 0;  /* 0 negative space around the inside of the  body */
margin:10px 0px 0px 10px; 
height:90%;
width:90%;

}

#r11 {
position: relative;
display:none;
font-size: 16px; 
left: 20px;
top:50px;
height:90%;
width:90%;
font-weight:600;

}
#fb{
position:relative;
top:15px;
left:3px;
font-size:16px;
font-weight:400;
visibility:hidden;
background-color:#DEE;
padding:5px 5px 5px 5px; 
z-index: 2;
}
/*fb changed to following to show answer */


#n1 {
position:absolute;
top:130px;
left:130px;
font-size:25px;
font-weight:600;
color:blue;
visibility:hidden;
text-align:right;
cursor:pointer;
}

#llePeek {
position:absolute;
top:130px;
left:30px;
font-size:25px;
font-weight:600;
color:silver;
visibility:hidden;
text-align:right;
}

#dangosSgor {
/*position:absolute;
left:100px;
top:200px;*/
text-align:center;
display:inherit;
font-size:20px;
font-weight:600;
color:gray;
}

#score{
/*position:absolute;
left:175px;
top:300px;*/
text-align:right;
display:inherit;
font-size:18px;
font-weight:400;
color:gray;

}

#quickPeek {
position:absolute;
left:100px;
top:300px;
text-align:center;
display:block;
font-size:20px;
font-weight:600;
color:gray;
margin-bottom:3ex;
cursor:pointer;
}


#tic {
position:absolute;
left:265px;
top:120px;
width:40px;
height:30px;
visibility:hidden;

}

#croes {
position:absolute;
left:265px;
top:120px;
width:40px;
height:30px;
visibility:hidden;

}

#bwrdd {
display:inherit;
}

#sut{
display:inherit;
font-size:12px;
color:gray;
}

#timeMeButton {
position:absolute;
left:10px;
top:300px;
text-align:left;
visibility:visible;
font-size:12px;
font-weight:400;
color:red;
cursor:pointer;
}
#lleAtbAngh {
/*position:absolute;
left:5px;
top:300px;*/
text-align:left;
display:block;
font-size:20px;
font-weight:400;
color:red;
cursor:pointer;
}

#showError {
/*position:absolute;
left:200px;
top:300px;*/
text-align:left;
visibility:visible;
font-size:20px;
font-weight:400;
color:blue;
}


/****************** MEDIA QUERY SECTION **************************/



@media all and (min-width: 720px){

body  {
font-size:90%;
width:70%;
/*max-width:1000px;  CADW O YN GUL AR SGRIN MAWR*/
margin:0 auto;
line-height:2.3rem;
font-weight:400;
}


#bwrdd td{
font-size:1.6rem;
padding-left:2rem;
padding-bottom:2rem;
}

#sut{
font-size:1.6rem;
color:gray;
}


#ndech{
font-size:1.6rem;
margin-bottom:3ex;
}


#ndech2 {
font-size:1.6rem;
margin-bottom:3ex;
}

#ndech3 {
font-size:1.6rem;
margin-bottom:3ex;
}

#dal{
width:70%;
position:relative;
padding: 20px 100px 20px 100px;
}

#r1 {
font-size: 24px;
}

#chwith{
}

#dde{
position:absolute;
top:0px;
left:240px;
}


}/*CAU MQ*/