/*SGRIN BYCHAN CYNTAF, AG MQ I SGRIN FAWR
*/


body{
background-color: #fff;
margin: 0;/* 0 negative space around the outside of the body */
padding: 0;  /* 0 negative space around the inside of the body */
font-size:90%;/*ADDED*/
font-family:arial;
}

.lliwRhif{
padding-left:10px;
font-size:20px;
font-weight:600;
color:gray;
}


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;
/*border: 1px solid #999999;*/
}



#bwrdd td a{
text-decoration:none;
}


#sut{
position:relative;
top:30px;
left: 30px;
width:80%;
font-size:17px;
font-weight:600;
color:gray;
display:block;
padding-right:15px;
}

/*pen yn dal dngAmser*/
#pen{ 
position:relative;
display:none;
}

#dngAmsr{
font-size:20px;
font-weight:300;
color:orange;
display:inherit;
}


#dal{
position:relative;
top:50px;
/*border: 1px solid :#666666;*/
display:block;
}


#cyn{
display:block;
padding-left:70px;
}
/*MAE PADDING YR OL (id cyn) YN RHOID LLAI NE MWY O LE RHWNG OCHOR CHWITH Y TUDALEN AG YR ATEBION. 
MAE PADDING Y PEDWAR LI YN RHOID LLAI NE FWY O LE RHWNG Y RHIF (OL) AG YR ATEB.*/



.bychan{
color:gray;
font-size:90%;
clear:right;
}

.hr {
margin-top:1ex;
border-top:1px solid #663;
margin-bottom:2ex;
} /*NEWID O 69C*/




.liAtebion{
color:black;
cursor:pointer;
font-family: Helvetica;
font-size: 20px;/*DT 40*/
font-weight:400;
/*padding:40px 0px 20px 0px; DT */
padding:10px 10px 15px 15px;
} 

.melyn{ 
background-color: #eee;
}

/*TRY CHANGING ALL ABSOLUTES TO RELATIVE, USING THE TOP AND LEFT TO POSITION THEM IN CONTAINING DIV OR WHAT HAVE YOU

FB, FOR EXAMPLE, COULD BE RELATIVE TO CW1 AND THUS NEVER OVERFLOW INTO IT*/

#fb{
position:relative;
/*left: 135px; DT */
/*CHANGE TOP FOR 2-SENTENCE QUESTION/ANSWER*/
left:15px;
/*top:350px; DT*/
top:40px;
font-size:20px;/*DT 35*/
line-height:26px;
display:none;
color:#666666;
margin-right:20px;
/*width:inherit;*/
/*border: 7px solid #000;*/
}




#n1 {
position:relative;
top:20px;
left:60px;
font-size:21px;
font-weight:600;
color:blue;
display:block;
text-align:left;
cursor:pointer;
}

#n2 {
position:relative;
top:40px;
left:60px;
font-size:21px;
font-weight:600;
color:blue;
display:block;
text-align:left;
cursor:pointer;
margin-bottom:3ex;
}

#n3 {
position:relative;
/*top:550px;
left:300px;
font-size:35px;*/
top:60px;
font-size:21px;
font-weight:600;
color:blue;
display:none;
text-align:center;
cursor:pointer;
margin-bottom:3ex;
}



#dangSgor{
color:gray;
/*font-size:35px;*/
font-size:21px;
/*text-align:center;*/
padding-bottom:20px;
}

#dangRhyHwyr{
color:gray;
font-size:21px;
text-align:center;
}
#dangEtoAdref{
margin-bottom:30px;
}

#adref{
position:relative;
color:blue;
/*font-size:35px;
text-align:center;
padding-left:150px;*/
font-size:21px;
padding-left:20px;
padding-bottom:15px;
}

#eto{
position:relative;
color:blue;
/*top:20px;*/
/*font-size:35px;
text-align:center;*/
font-size:21px;
padding-left:10px;
padding-bottom:15px;
}

#cw1{
position:relative;
min-width: 0;
left:0px;
top:0px;
display:none;
}

#cwAngh{
position:relative;
/*left:40px;
top:40px;
font-size:27px;*/
min-width: 0;/*NOT IN DT*/
left:0px;
top:0px;
padding-left:10px;
padding-right:10px;
font-size:21px;
line-height:27px;	
display:none;
}

#bwrdd{
display:block;
/*width:70%;**/
/*width: 95%;*/
min-width: 0;/* NOT IN DT */
font-family: Helvetica;
font-size: 24px;
font-weight:400;
padding: 0;
margin:10px 0px 0px 10px;
}

i{
color:silver;
}

.glas{
color:blue;
}

.gwyrdd{
color:gray;
}

.gwyrdd2{
color:#ccc;
}

.gwyrdd3{
color:#eee;
}

.du{
color:#000;
}

.gwagChw{
padding-left:3ex;
}

.bocs{
border: 1px solid #999;
padding: 1em 1em 1em 1em;

}

.leinODan{
text-decoration:underline;
}

.hebAngh{
/*font-size: 37px;*/
font-size:16px;
font-weight:400;
margin:10px 0px 0px 10px;
text-align:center;
}

.strike{
text-decoration:line-through;
color:red;
}



.canol{
padding-left:80px;
}

.hl{
font-weight:600;
}

.bobcw{
color:#222;
font-family: Helvetica;
font-size:1.2rem;
font-weight:400;
padding: 0 10px 0 10px;
margin:10px 0px 0px 10px;
}


.level {
    font-size: 90%;
	font-weight:600;
    border: 1px solid #ccc;
    border-radius: 0.25em;
    -o-border-radius: 0.25em;
    -ms-border-radius: 0.25em;
    -moz-border-radius: 0.25em;
    -webkit-border-radius: 0.25em;
    padding: 1px 3px;
}








.dim {
list-style-type:none;/*NO BULLETS*/
/*font-size:27px;*/
font-size:16px;
font-weight:300;
color:black;
}


/*CHANGED CW1 TO 2 DIVS RATHER THAN LIS. STILL CALLED CWC1 AND CWC2. MAIN STYLING DONE BY CLASS BOBCW. UL STILL USED WITH LAST PAGE*/

ul li{
padding-top:18px;/*MOND YN FFEITHIO UL GYNTAF AM FOD YR ATEBION EFO ID A STEIL EI HUNAN*/
list-style: none;
padding-bottom:0px;
}

#sut a {
color:#666;
text-decoration:underline;
cursor:pointer;
}

#modal {
    display: none;
    position: absolute;
    left: 0px;
    top: 0px;
    width:100%;
    height:100%;
}

#modalMask {
    position: absolute;
    left: 0px;
    top: 0px;
    width:100%;
    height:100%;
    background-color: #eee;
    z-index: 1000;
    opacity: 0.9;
    filter:alpha(opacity=90);
    -moz-opacity: 0.9;
}

#modalContent {
    position: relative;
    width:280px;
    margin: 15px auto;
    padding:15px;
    background-color: #fff;
    border:1px solid #000;
    text-align:justify;
    z-index: 9999;
	color:#003;
}
	

/************************ MQ iphone portrait *********************************/




/* iPhone landscape and iPad portrait */
@media only screen and (min-device-width: 480px) and (max-device-width: 640px) {
    body { 
       -webkit-text-size-adjust:none; 
    }

.liAtebion{

/*padding:40px 0px 20px 0px; DT */
padding:8px 10px 8px 10px;
background-color:yellow;
} 
	
	
	
	
}




/*******************************     DT     **************************************/








/*
I RHOID BOB PETH YN Y CANOL:
margin-left:auto;
margin-right:auto; ELLA FOD MARGIN:0 AUTO YN GWNEUD YR UN PETH
width:60%;
*/

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

body  {
font-size:90%;/*ADDED*/
width:50%;
/*max-width:1000px;  CADW O YN GUL AR SGRIN MAWR*/
margin:0 auto;
line-height:1.75em;
/*font-size:.90em;*/
font-weight:400;


}
/*MAE Y NESAU YN DAL Y CWESTIYNAU AG YR ATEBION. MAE Y SCRIPT YN GOSOD CLAS BOBCW AR Y CWESTIWN AG YN GOSOD ID CYN, LICYN, LIAIL ETC AR YR ATEBION */


.bobcw{
font-size:1.5rem;
font-weight:400;
padding: 0 10px 0 10px;
margin:30px 0px 0px 10px;
}

.liAtebion{
color:black;
cursor:pointer;
font-family: Helvetica;
font-size:25px;
padding:40px 0px 20px 20px;  
font-weight:400;
} 


#bwrdd{
top:30px;
left:20px;
/*border: 1px solid #999999;*/
}

h3{
font-size:1.5rem;
}




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


#sut{
top:60px;
left:40px;
font-size:1.2rem;
}


#n1 {
top:100px;
left:150px;
font-size:24px;
/*text-align:center;*/
}
#n2 {
top:140px;
left:150px;
font-size:24px;
}

#r1 {
position: relative;
left: 10px;
top:0px;
display: none;
/*text-align:center;NO NEED TO CENTER IT*/
padding: 0;
margin:0px 0px 0px 0px;
}


#u1{
font-size: 1.6rem;
}



#fb{
top:40px;
left:23px;
font-size:1.6rem;
line-height:2.5rem;
padding:5px 5px 5px 5px;
}




}/*CAU MQ*/




/*

I RHOID Y TUDALEN YN Y CANOL A GWNEUD O MOND 70% O TUDALEN FAWR, DEFNYDDIO YR UN COD AG SYDD YN UPCOMING NEWYDD TAKE CARE 
I WNEUD Y DIV YN LLAI A WEDYN RHOID O YN Y CANOL, RHAID DEFNYDDIO MARGIN-LEFT A MARGIN-RIGHT: AUTO. DI HEIN DDIM YN GWNEUD DIMBYD PAN MAE Y DIV YN 100%:
<div style = "margin-left:auto;margin-right:auto;width:60%;border:1px solid #369;padding-top:2ex;padding-bottom:2ex;font-size:1em;text-align:center;">

*/