/* learningenglish.net local style sheet   ok */

.modalText {

	color: #404040;
	font-size:1.4em;
	line-height: 20px;

}




.content {
  max-width: 100%;
  margin: auto !important;
}



a.abc /* alphabet clicker  */
{
text-decoration: none; cursor: pointer; 
font-family: verdana,tahoma,arial,sans-serif; font-weight: bold; color: #6495ED;
}

a.avc /* audio video clicker   ? */
{
text-decoration: none; cursor: pointer;
}

a.lnc /* link clicker   used for entering a password   ok */  
{
text-decoration: none; cursor: pointer;
}

a.say /* say word   yellow   used for mouse-over speech */  
{
text-decoration: none; color: #FFFF00;
}

body.bdn /* body normal: light grey font on black   ok */   
{
width: 762px; margin: 8px 0px 0px 11px; border: 0px; padding: 0px;
background: #000000; cursor: auto;
font-size: 12px; line-height: 14px; font-family: verdana,tahoma,arial,sans-serif; font-weight: normal; color: #D3D3D3;
text-align: justify;

}
  
div.fdn /* flow diagram normal */  
{
position: relative; top: -2px;
margin: 0px 0px -7px 0px; border: 0px; border-collapse: collapse; padding: 0px;
}

div.hpd /* headed photo description   white font   delete when le is done   ? */ 
{
position: relative; top: 2px;
width: 602px; height: 13px; margin: 111px 0px 0px 0px; border: 0px; border-collapse: collapse; padding: 0px;
font-size: 11px; line-height: 13px; font-family: verdana,tahoma,arial,sans-serif; font-weight: normal; color: #FFFFFF;
text-align: right;
}

div.hpn /* headed photo normal   mid-grey border   ? */ 
{
width: 120px; height: 120px; margin: 0px; border: 2px solid #808080; border-collapse: collapse; padding: 0px;
}

div.mie /* made in england label  */  
{
margin: 19px 0px 14px 0px; border: 0px; border-collapse: collapse; padding: 0px;
}

div.spn /* starter photo normal   mid-grey border   */ 
{
width: 120px; height: 120px; margin: 0px; border: 2px solid #808080; border-collapse: collapse; padding: 0px;
}

div.dzh /* diagram time zone help   white font   ? */ 
{
position: relative; top: 2px;
width: 401px; height: 13px; margin: 99px 0px 0px 0px; border: 0px; border-collapse: collapse; padding: 0px;
font-size: 11px; line-height: 13px; font-family: verdana,tahoma,arial,sans-serif; font-weight: normal; color: #FFFFFF;
text-align: right;
}

div.dzn /* diagram time zone normal */    
{
width: 360px; height: 112px; margin: 0px; border: 0px; border-collapse: collapse; padding: 0px;
}

img.fda /* flow diagram arrow  */ 
{
width: 24px; height: 18px; margin: 0px; border: 0px; border-collapse: collapse; padding: 0px;
}

img.lnc /* link clicker   le used for entering a password   ok */ 
{
width: 24px; height: 11px; margin: 0px; border: 0px; border-collapse: collapse; padding: 0px;
text-decoration: none; 
}

img.mlc /* module link clicker   used for choosing a module  */ 
{
width: 24px; height: 11px; margin: 0px; border: 0px; border-collapse: collapse; padding: 0px;
}

img.nmn /* name normal   ok */ 
{
width: 760px; height: 81px; margin: 0px; border: 0px; border-collapse: collapse; padding: 0px;
}

img.tmp /* time map   */
{
width: 360px; height: 112px; margin: 11px 0px 14px 0px; border: 0px; border-collapse: collapse; padding: 0px;
}

img.dzn /* diagram time zone normal   ? */ 
{
width: 360px; height: 112px; margin: 11px 0px 14px 0px; border: 0px; border-collapse: collapse; padding: 0px;
}

p.tdy /* text diary   white */  
{
margin: 0px 0px 7px 0px; border: 0px; border-collapse: collapse; padding: 0px;
font-size: 12px; line-height: 14px; font-family: verdana,tahoma,arial,sans-serif; font-weight: normal; color: #FFFFFF;
}

p.pxj /* person text justified   light grey font   ok */ 
{
width: 762px; margin: 0px 0px 0px 0px; border: 0px; border-collapse: collapse; padding: 0px;
font-size: 12px; line-height: 14px; font-family: verdana,tahoma,arial,sans-serif; font-weight: normal; color: #D3D3D3;
text-align: justify;
}

p.sto /* text justified story   pale yellow  */ 
{
width: 697px; margin: 0px 0px 7px 64px; border: 0px; border-collapse: collapse; padding: 0px;
font-size: 12px; line-height: 14px; font-family: verdana,tahoma,arial,sans-serif; font-weight: normal; color: #FFFFBB;
text-align: justify;
}

span.att /* attention   hot pink   ? */
{
color: #FF1493;
}

span.emp /* emphasised   cyan */ 
{
color: #00FFFF;
}

span.hid /* hidden   */ 
{
visibility: hidden;
}

span.hil /* highlighted   dodger blue   ? */
{
color: #1E90FF;
}

span.imp /* important white   ? */
{
color: #FFFFFF;
}

span.pro /* pronunciation   hot pink */  
{
color: #FF1493;
}

span.say /* say   yellow  */  
{
color: #FFFF00;
}

span.str /* stress: magenta  */  
{
color: #FF00FF;
}

span.txe /* text emphasis   cyan   ok */  
{
color: #00FFFF;
}

table.acs /* av clickers   ? */
{
width: 761px; margin: 0px 0px 0px 1px; border: 0px; border-collapse: collapse; padding: 0px;
}

table.con /* conversation  */  
{
width: 762px; margin: -7px 0px -7px 0px; border: 0px; border-collapse: collapse; padding: 0px;
}

table.dfn /* diagram flow auto-width no border  */ 
{
margin: -3px 0px 11px 1px; border: 0px; border-collapse: collapse; padding: 0px;
}

table.dzn /* diagram time zone  */  
{
width: 761px; margin: 19px 0px 16px 1px; border: 0px; border-collapse: collapse; padding: 0px;
}

table.fdn /* flow diagram no border   */ 
{
margin: 0px 0px 0px 1px; border: 0px; border-collapse: collapse; padding: 0px;
}

table.lcs /* link clickers  */ 
{
width: 761px; margin: 0px 0px 6px 1px; border: 0px; border-collapse: collapse; padding: 0px;
}

table.lgs /* logos   ok */   
{
width: 760px; margin: 0px 1px 3px 1px; border: 0px; border-collapse: collapse; padding: 0px;
}

table.pcs /* password clickers */
{
width: 761px; margin: 0px 0px 0px 1px; border: 0px; border-collapse: collapse; padding: 0px;
}

table.ppt /* person portrait  */ 
{
width: 761px; margin: 0px 0px 0px 1px; border: 0px; border-collapse: collapse; padding: 0px;
}

td.una /* unassigned  */ 
{
margin: 0px; border: 0px; border-collapse: collapse; padding: 0px;
}

td.avc /* av clicker */
{
width: 24px; height: 14px; margin: 0px; border: 0px; border-collapse: collapse; padding: 2px 0px 1px 0px;
}

td.avh /* av help: light grey   ? */
{
width: 705px; height: 14px; margin: 0px; border: 0px; border-collapse: collapse; padding: 0px;
font-size: 12px; line-height: 14px; font-family: verdana,tahoma,arial,sans-serif; font-weight: normal; color: #D3D3D3;
text-align: right;
}

td.btc /* button centre   ok */
{
width: 52px; height: 13px; margin: 0px; border: 0px; border-collapse: collapse; padding: 0px;
text-align: center;
}

td.cch /* conversation character: deep sky blue */   
{
width: 124px; margin: 0px; border: 0px; border-collapse: collapse; padding: 0px 0px 7px 0px;
font-size: 12px; line-height: 14px; font-family: verdana,tahoma,arial,sans-serif; font-weight: normal; color: #00BFFF;
vertical-align: top; text-align: justify;
}

td.cej /* conversation explanation justified: white font  */ 
{
margin: 0px; border: 0px; border-collapse: collapse; padding: 0px 0px 7px 0px;
font-size: 12px; line-height: 14px; font-family: verdana,tahoma,arial,sans-serif; font-weight: normal; color: #FFFFFF;
text-align: justify;
}

td.cnn /* column name notes: light turquoise font with mid-grey border on dark-grey   */
{
width: 500px; margin: 0px; border: 1px solid #808080; border-collapse: collapse; padding: 3px 4px 4px 4px;
background: #282828; 
font-size: 11px; line-height: 14px; font-family: verdana,tahoma,arial,sans-serif; font-weight: normal; color: #BFFFFF;
text-align: left;
}

td.csj /* conversation spoken justified   coral    */
{
width: 638px; margin: 0px; border: 0px; border-collapse: collapse; padding: 0px 0px 7px 0px;
font-size: 12px; line-height: 14px; font-family: verdana,tahoma,arial,sans-serif; font-weight: normal; color: #FF7F50;
text-align: justify;
}

td.dfa /* diagram flow arrow  */
{
width: 24px; height: 18px; margin: 0px; border: 0px; border-collapse: collapse; padding: 0px;
}

td.dfl /* diagram flow left   light grey  */ 
{
height: 18px; margin: 0px; border: 0px; border-collapse: collapse; padding: 0px 0px 0px 0px;
font-size: 12px; line-height: 14px; font-family: verdana,tahoma,arial,sans-serif; font-weight: normal; color: #D3D3D3;
text-align: left;
}

td.dfr /* diagram flow right   light grey  */  
{
height: 18px; margin: 0px; border: 0px; border-collapse: collapse; padding: 0px 0px 0px 10px;
font-size: 12px; line-height: 14px; font-family: verdana,tahoma,arial,sans-serif; font-weight: normal; color: #D3D3D3;
text-align: left;
}

td.dtl /* date left   white font   ok */
{
height: 13px; margin: 0px; border: 0px; border-collapse: collapse; padding: 0px 1px 0px 0px;
font-size: 12px; line-height: 14px; font-family: verdana,tahoma,arial,sans-serif; font-weight: normal; color: #FFFFFF;
text-align: left;
}

td.dzh /* diagram time zone help   ? */
{
width: 401px; height: 112px; margin: 0px; border: 0px; border-collapse: collapse; padding: 0px;
}

td.dzn /* diagram time zone   */
{
width: 360px; height: 112px; margin: 0px; border: 0px; border-collapse: collapse; padding: 0px;
}

td.fda /* flow diagram arrow  */  
{
height: 21px; margin: 0px; border: 0px; border-collapse: collapse; padding: 3px 12px 0px 12px;
}

td.fdl /* flow diagram text left   light grey font */    
{
height: 21px; margin: 0px; border: 0px; border-collapse: collapse; padding: 5px 0px 2px 0px;
font-size: 12px; line-height: 14px; font-family: verdana,tahoma,arial,sans-serif; font-weight: normal; color: #D3D3D3;
text-align: left;
}

td.fvr /* favourite right   white font   ok */
{
height: 13px; margin: 0px; border: 0px; border-collapse: collapse; padding: 0px;
font-size: 12px; line-height: 14px; font-family: verdana,tahoma,arial,sans-serif; font-weight: normal; color: #FFFFFF;
text-align: right;
}

td.hp1 /* headed photo 1 */  
{
width: 124px; height: 124px; margin: 0px; border: 0px; border-collapse: collapse; padding: 0px 35px 0px 0px;
}

td.hp2 /* headed photo 2  */  
{
width: 602px; height: 124px; margin: 0px; border: 0px; border-collapse: collapse; padding: 0px;
}

td.ldl /* link description left   white */
{
height: 14px; margin: 0px; border: 0px; border-collapse: collapse; padding: 0px 0px 0px 39px;
font-size: 12px; line-height: 14px; font-family: verdana,tahoma,arial,sans-serif; font-weight: normal; color: #FFFFFF;
text-align: left;
}

td.ldr /* link description right   light grey */
{
height: 14px; margin: 0px; border: 0px; border-collapse: collapse; padding: 0px;
font-size: 12px; line-height: 14px; font-family: verdana,tahoma,arial,sans-serif; font-weight: normal; color: #D3D3D3;
text-align: right;
}

td.lei /* learning english info   centre   white text   ok */
{
height: 13px; margin: 0px; border: 0px; border-collapse: collapse; padding: 0px;
font-size: 12px; line-height: 14px; font-family: verdana,tahoma,arial,sans-serif; font-weight: normal; color: #FFFFFF;
text-align: center;
}

td.lnc /* link clicker  ok */ 
{
width: 24px; height: 13px; margin: 0px; border: 0px; border-collapse: collapse; padding: 3px 0px 1px 0px;
text-align: left
}

td.lnh /* link help   light grey   */ 
{
width: 737px; height: 14px; margin: 0px; border: 0px; border-collapse: collapse; padding: 0px 0px 0px 39px;
font-size: 12px; line-height: 14px; font-family: verdana,tahoma,arial,sans-serif; font-weight: normal; color: #D3D3D3;
text-align: left;
}

td.mlc /* module link clicker   mid-grey border   used for module list   ok */
{
width: 24px; margin: 0px; border: 1px solid #808080; border-collapse: collapse; padding: 2px 4px 2px 4px;
}

td.mfc /* mail form clicker */
{
width: 24px; margin: 0px; border: 0px; border-collapse: collapse; padding: 0px 0px 1px 0px;
text-decoration: none; cursor: pointer;
}

td.nml /* name left   ok */
{
width: 760px; height: 81px; margin: 0px; border: 0px; border-collapse: collapse; padding: 0px;
}

td.pon /* pay option name   custom yellow    ? */
{
width: 405px; height: 20px; margin: 0px; border: 0px; border-collapse: collapse; padding: 4px 0px 4px 0px;
font-size: 10px; line-height: 12px; font-family: verdana,tahoma,arial,sans-serif; font-weight: normal; color: #FFFF95;
text-align: left;
}

td.ppd /* parent portrait description   white   ? */
{
height: 66px; margin: 0px; border: 0px; border-collapse: collapse; padding: 45px 0px 8px 0px;
font-size: 11px; line-height: 13px; font-family: verdana,tahoma,arial,sans-serif; font-weight: normal; color: #FFFFFF;
text-align: right; text-transform: uppercase;
}