/* learningenglish.net: local style sheet  */

a.avc /* av clicker */
{
text-decoration: none; cursor: crosshair;
} 

a.avt /* document av text: yellow */
{
text-decoration: none; cursor: crosshair; color: #FFFF00;
}

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

a.puh /* pop-up help: green   ok */
{
text-decoration: none; cursor: crosshair; color: #00FF00;
}

a.put /* pop up text */
{
text-decoration: none; cursor: crosshair; color: #00FF00;
}

a.say /* say word: yellow   ok */
{
text-decoration: none; cursor: wait; color: #FFFF00;
}

a.vlc /* volume clicker */
{
text-decoration: none; cursor: crosshair;
}

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

body.chi /* child: light grey on black */
{
width: 362px; margin: 5px 0px 0px 7px; border: 0px; border-collapse: collapse; padding: 0px;
background: #000000; cursor: crosshair;
font-size: 12px; line-height: 14px; font-family: verdana,tahoma,arial,sans-serif; font-weight: normal; color: #D3D3D3;
text-align: justify;
}

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

div.hpd /* headed photo description   ok */ 
{
width: 637px; height: 11px; margin: 0px; border: 0px; border-collapse: collapse; padding: 94px 0px 0px 0px;
font-size: 11px; line-height: 11px; font-family: verdana,tahoma,arial,sans-serif; font-weight: normal; color: #FFFF95;
text-align: right;
}

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

div.spd /* starter photo description   ok */ 
{
width: 637px; height: 11px; margin: 0px; border: 0px; border-collapse: collapse; padding: 94px 0px 0px 0px;
font-size: 11px; line-height: 11px; font-family: verdana,tahoma,arial,sans-serif; font-weight: normal; color: #FFFF95;
text-align: right;
}

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

img.avc /* av clicker */
{
width: 24px; height: 11px; margin: 0px; border: 0px; border-collapse: collapse; padding: 0px;
}

img.cln /* child landscape normal: gray */
{
width: 356px; height: 116px; margin: 0px; border: 2px solid #808080; border-collapse: collapse; padding: 0px;
}

img.cpn /* child portrait normal: gray */
{
width: 52px; height: 52px; margin: 0px; border: 2px solid #808080; border-collapse: collapse; padding: 0px;
}

img.mlc /* module link clicker   ok */
{
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.pes /* parent examples */
{
width: 56px; height: 8px; margin: 13px 7px 0px 1px; border: 0px; border-collapse: collapse; padding: 0px;
}

img.pex /* parent example */
{
width: 56px; height: 8px; margin: 7px 7px 0px 1px; border: 0px; border-collapse: collapse; padding: 0px;
}

img.pld /* parent landscape drifter */
{
width: 56px; height: 8px; margin: 3px 7px 0px 1px; border: 0px; border-collapse: collapse; padding: 0px;
}

img.ppd /* parent portrait drifter */
{
width: 56px; height: 8px; margin: 3px 7px 0px 1px; border: 0px; border-collapse: collapse; padding: 0px;
}

img.pph /* parent portrait hidden: gray */
{
width: 52px; height: 52px; margin: 0px; border: 2px solid #808080; border-collapse: collapse; padding: 0px;
visibility: hidden;
}

img.ppn /* parent portrait normal: gray */
{
width: 52px; height: 52px; margin: 0px; border: 2px solid #808080; border-collapse: collapse; padding: 0px;
}

img.pwc /* password clicker   ok */
{
width: 24px; height: 11px; margin: 0px; border: 0px; border-collapse: collapse; padding: 0px;
}

img.pwd /* parent webcam drifter */
{
width: 56px; height: 8px; margin: 3px 7px 0px 1px; border: 0px; border-collapse: collapse; padding: 0px;
}

img.pwn /* parent webcam normal: gray */
{
width: 240px; height: 180px; margin: 0px; border: 2px solid #808080; border-collapse: collapse; padding: 0px;
}

img.vlc /* volume clicker */
{
width: 10px; height: 11px; margin: 0px; border: 0px; border-collapse: collapse; padding: 0px;
}

input.pco /* parent checkbox option */ 
{
margin: 0px; border: 0px; border-collapse: collapse; padding: 0px;
text-decoration: none; cursor: crosshair;
}

input.pro /* parent radio option */ 
{
margin: 0px; border: 0px; border-collapse: collapse; padding: 0px;
text-decoration: none; cursor: crosshair;
}

p.ctj /* child text justified: light grey */
{
width: 362px; margin: 5px 0px 9px 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.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.txc /* text centred: light grey */
{
width: 762px; 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: #D3D3D3;
text-align: center;
}

p.ptxxx /* parent text examples   ? */ 
{
width: 761px; margin: 7px 0px 14px 0px; border: 0px; border-collapse: collapse; padding: 0px;
font-size: 15px; line-height: 18px; font-family: verdana,tahoma,arial,sans-serif; font-weight: normal; color: #FFFFFF;
text-align: left;
}

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

span.atl /* adjust text left */
{
position: relative;
left: -1px;
}

span.atr /* adjust text right */
{
position: relative;
left: 1px;
}

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

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

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

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

span.pop /* pop-up: chartreuse */
{
color: #7FFF00;
}

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

span.qot /* quote: coral */
{
color: #FF7F50;
}

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

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

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

span.txh /* text highlight: cornflower   */
{
color: #6495ED;
}

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

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

table.cpd /* child portrait divider: gray */
{
width: 361px; height: 15px; margin: 1px 1px 0px 1px;
border-top: 3px solid #808080; border-right: 0px; border-bottom: 0px; border-left: 0px; border-collapse: collapse;
padding: 0px;
}

table.cpt /* child portrait */
{
width: 361px; margin: 0px 0px 0px 1px; border: 0px; border-collapse: collapse; padding: 0px;
}

table.ctd /* child text divider: gray */
{
width: 360px; height: 9px; margin: 1px 1px 0px 1px;
border-top: 3px solid #808080; border-right: 0px; border-bottom: 0px; border-left: 0px; border-collapse: collapse;
padding: 0px;
}

table.cvs /* child vertical space */
{
width: 360px; margin: 0px 1px 0px 1px; border: 0px; border-collapse: collapse; padding: 0px;
}

table.hds /* headings   ok */
{
position: relative; top: 16px;
width: 762px; margin: 0px 0px 32px 0px; 
border-top: 0px; border-right: 0px; border-bottom: 2px solid #808080; border-left: 0px; border-collapse: collapse; padding: 0px;
}

table.lcs /* link clickers */
{
width: 761px; margin: 0px 0px 13px 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.pab /* parent auto-width border */
{
margin: 0px 0px 0px 1px; border: 1px solid #808080; border-collapse: collapse; padding: 0px;
}

table.pcd /* parent clicker divider: gray */
{
width: 760px; height: 16px; margin: 1px 1px 0px 1px; 
border-top: 4px solid #808080; border-right: 0px; border-bottom: 0px; border-left: 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.pfb /* parent full-width border */
{
width: 760px; margin: 0px 1px 0px 1px; border: 1px solid #808080; border-collapse: collapse; padding: 0px;
}

table.pfn /* parent full-width no border */
{
width: 760px; margin: 0px 1px 0px 1px; border: 0px; border-collapse: collapse; padding: 0px;
}

table.pfs /* parent fields */
{
width: 490px; margin: 0px 271px 0px 0px; border: 0px; border-collapse: collapse; padding: 0px;
}

table.phs /* parent headings */
{
width: 762px; margin: 0px; border: 0px; border-collapse: collapse; padding: 0px;
}

table.pld /* parent landscape divider: gray */
{
width: 760px; height: 20px; margin: 1px 1px 0px 1px;
border-top: 4px solid #808080; border-right: 0px; border-bottom: 0px; border-left: 0px; border-collapse: collapse;
padding: 0px;
}

table.poh /* parent order form heading */
{
width: 402px; margin: 0px 360px 0px 0px; border: 0px; border-collapse: collapse; padding: 0px;
}

table.poo /* parent order options */
{
width: 407px; margin: 0px; border: 0px; border-collapse: collapse; padding: 0px;
}

table.ppd /* parent portrait divider: gray */
{
width: 760px; height: 20px; margin: 1px 1px 0px 1px;
border-top: 4px solid #808080; border-right: 0px; border-bottom: 0px; border-left: 0px; border-collapse: collapse;
padding: 0px;
}

table.pps /* parent portraits */
{
width: 760px; margin: 0px; border: 0px; border-collapse: collapse; padding: 0px;
}

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

table.psd /* parent split text divider: gray */
{
width: 760px; height: 21px; margin: 21px 1px 0px 1px;
border-top: 4px solid #808080; border-right: 0px; border-bottom: 0px; border-left: 0px; border-collapse: collapse;
padding: 0px;
}

table.ptd /* parent text divider: gray */
{
width: 760px; height: 14px; margin: 1px 1px 0px 1px;
border-top: 4px solid #808080; border-right: 0px; border-bottom: 0px; border-left: 0px; border-collapse: collapse;
padding: 0px;
}

table.pvs /* parent vertical space */
{
width: 760px; margin: 0px; border: 0px; border-collapse: collapse; padding: 0px;
}

table.pwb /* parent webcam */
{
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.cch /* conversation character: deep sky blue   ok */ 
{
width: 125px; 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   ok */
{
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.chl /* child heading left: cornflower blue */
{
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: bold; color: #6495ED;
text-align: left;
}

td.chr /* child heading right: silver */
{
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: bold; color: #C0C0C0;
text-align: right;
}

td.cln /* child landscape normal */
{
width: 360px; height: 120px; margin: 0px; border: 0px; border-collapse: collapse; padding: 0px;
}

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

td.cpn /* child portrait normal */
{
width: 56px; height: 56px; margin: 0px; border: 0px; border-collapse: collapse; padding: 0px;
}

td.csj /* conversation spoken justified: coral   ok*/ 
{
width: 637px; 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.ctd /* child text divider */
{
width: 360px; height: 7px; margin: 0px; border: 0px; border-collapse: collapse; padding: 0px;
}

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

td.fvl /* favourite left: white font   ok */
{
width: 200px; height: 13px; margin: 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: left;
}

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

td.hdr /* heading right: white font   ok */
{
height: 14px; margin: 0px; border: 0px; border-collapse: collapse; padding: 0px 0px 4px 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;
}

td.hp2 /* headed photo 2   */
{
width: 637px; 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.lnc /* link clicker   ok */
{
width: 24px; height: 13px; margin: 0px; border: 0px; border-collapse: collapse; padding: 1px 0px 1px 0px;
}

td.lnh /* link help: light grey  ok */ 
{
width: 737px; height: 14px; margin: 0px; border: 0px; border-collapse: collapse; padding: 0px 0px 0px 40px;
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  ok */ 
{
width: 24px; margin: 0px; border: 1px solid #808080; border-collapse: collapse; padding: 3px 4px 1px 4px;
}

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

td.pab /* parent auto-width border: white and gray */ 
{
margin: 0px; border: 1px solid #808080; border-collapse: collapse; padding: 2px 7px 3px 3px;
font-size: 12px; line-height: 14px; font-family: verdana,tahoma,arial,sans-serif; font-weight: normal; color: #FFFFFF;
}

td.pfc /* parent field caption: cornflower blue */ 
{
margin: 0px; height: 14px; border: 0px; border-collapse: collapse; padding: 0px;
font-size: 12px; line-height: 14px; font-family: verdana,tahoma,arial,sans-serif; font-weight: normal; color: #6495ED;
text-align: left;
}

td.pfh /* parent field help: chartreuse */ 
{
width: 89px; margin: 0px; border: 0px; border-collapse: collapse; padding: 0px;
font-size: 10px; line-height: 12px; font-family: verdana,tahoma,arial,sans-serif; font-weight: normal; color: #7FFF00;
text-align: right;
}

td.phl /* parent heading left: cornflower blue */
{
height: 20px; margin: 0px; border: 0px; border-collapse: collapse; padding: 0px;
font-size: 17px; line-height: 20px; font-family: verdana,tahoma,arial,sans-serif; font-weight: bold; color: #6495ED;
text-align: left;
}

td.phr /* parent heading right: silver */
{
height: 20px; margin: 0px; border: 0px; border-collapse: collapse; padding: 0px;
font-size: 17px; line-height: 20px; font-family: verdana,tahoma,arial,sans-serif; font-weight: bold; color: #C0C0C0;
text-align: right;
}

td.pob /* pay options bottom */
{
width: 420px; height: 7px; 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.pot /* pay options top */
{
width: 420px; height: 7px; margin: 0px; border: 0px; border-collapse: collapse; padding: 0px;
}

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;
}

td.ppl /* parent portrait left */
{
width: 56px; height: 56px; margin: 0px; border: 0px; border-collapse: collapse; padding: 0px 8px 10px 0px;
}

td.ppn /* parent portrait normal */
{
width: 56px; height: 56px; margin: 0px; border: 0px; border-collapse: collapse; padding: 0px 0px 10px 0px;
}

td.psl /* parent split text left: deep sky blue */
{
height: 18px; margin: 0px; border: 0px; border-collapse: collapse; padding: 0px;
font-size: 15px; line-height: 18px; font-family: verdana,tahoma,arial,sans-serif; font-weight: normal; color: #00BFFF;
text-align: left;
}

td.psr /* parent split text right: silver */
{ 
height: 18px; margin: 0px; border: 0px; border-collapse: collapse; padding: 0px;
font-size: 15px; line-height: 18px; font-family: verdana,tahoma,arial,sans-serif; font-weight: normal; color: #C0C0C0;
text-align: right;
}

td.pwh /* password help: green */ 
{
width: 737px; margin: 0px; border: 0px; border-collapse: collapse; padding: 0px 0px 1px 0px;
font-size: 12px; line-height: 13px; font-family: verdana,tahoma,arial,sans-serif; font-weight: normal; color: #00FF00;
text-align: right;
}

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

td.sp2 /* starter photo 2   */
{
width: 637px; height: 124px; margin: 0px; border: 0px; border-collapse: collapse; padding: 0px;
}

td.vlr /* volume right */
{
width: 10px; height: 13px; margin: 0px; border: 0px; border-collapse: collapse; padding: 2px 0px 1px 6px;
text-align: right;
}

td.h32 /* 32px horizontal space */
{
width: 32px;
}

td.v01 /* 01px vertical space */
{
height: 1px;
}

td.v02 /* 02px vertical space */
{
height: 2px;
}

td.v03 /* 03px vertical space */
{
height: 3px;
}

td.v04 /* 04px vertical space */
{
height: 4px;
}

td.v05 /* 5px vertical space */
{
height: 5px;
}

td.v06 /* 06px vertical space */
{
height: 6px;
}

td.v07 /* 07px vertical space */
{
height: 7px;
}

td.v08 /* 08px vertical space */
{
height: 08px;
}

td.v09 /* 09px vertical space */
{
height: 09px;
}

td.v10 /* 10px vertical space */
{
height: 10px;
}

td.v11 /* 11px vertical space */
{
height: 11px;
}

td.v12 /* 12px vertical space */
{
height: 12px;
}

td.v13 /* 13px vertical space */
{
height: 13px;
}

td.v14 /* 14px vertical space */
{
height: 14px;
}

td.v15 /* 15px vertical space */
{
height: 15px;
}

td.v16 /* 16px vertical space */
{
height: 16px;
}

td.v17 /* 17px vertical space */
{
height: 17px;
}

td.v18 /* 18px vertical space */
{
height: 18px;
}