/* designarcade.co.uk   shared style sheet   ok */

a.cli:hover /* clicker   ok */
{
text-decoration: none; cursor: pointer;
opacity: 0.6; transition: opacity;
}

a.fvr /* favourite: white font   not used */
{
text-decoration: none; cursor: pointer; color: #FFFFFF;
}

a.jmp:hover /* clicker   ok */
{
text-decoration: none; cursor: pointer;
opacity: 0.6; transition: opacity;
}

a.link /* clicker   cornflower blue text   ok */
{
text-decoration: none; cursor: pointer; color: #2848FF; 
}

a.mbc /* mobile clicker   ? */
{
text-decoration: none; cursor: pointer;
}

a.mfc /* mail form clicker   used for submitting   ok */
{
text-decoration: none; cursor: pointer;
}

a.mnh /* menu item left home   light turquoise font   used for menu home   */
{
text-decoration: none; cursor: pointer; color: #BFEFFF;
}

a.mnl /* menu items left   cornflower blue text   used for menu items   ok */
{
text-decoration: none; cursor: pointer; color: #2848FF;
}

a.mnr /* menu items right   cornflower blue text   used for menu items   ok */
{
text-decoration: none; cursor: pointer; color: #2848FF;
}

a.mut /* mute   ? */
{
text-decoration: none; cursor: pointer;
}

a.nip /* new internet project   cornflower blue text   ok */
{
text-decoration: none; cursor: pointer; color: #2848FF;
}

a.pop /* pop-up: green   ? */
{
text-decoration: none; cursor: pointer; color: #00FF00;
}

a.pph /* press photo */
{
text-decoration: none; cursor: pointer;
}

a.puh /* pop-up help   grey-green text   ok */
{
text-decoration: none; cursor: pointer; color: #6CF607;
}

a.pup:hover /* pop-up photo zoom button */
{
text-decoration: none; cursor: pointer;
opacity: 0.6; transition: opacity;
}

a.pyc /* pay clicker */
{
text-decoration: none; cursor: pointer;
}

a.rth /* remote text highlighter   cornflower blue text  ok */
{
text-decoration: none; cursor: pointer; color: #2848FF;
}

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

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

div.asu /* adjust shop text up */
{
width: 788px; position: relative; top: -7px;
}

div.atu /* adjust text up */
{
width: 762px; position: relative; top: -5px;
}

div.gpn /* gallery photo normal */ 
{
width: 160px; height: 120px; margin: 0px; border-radius: 5px; border: 2px solid #808080; border-collapse: collapse; padding: 0px;
overflow: hidden; 
}

div.hid /* hidden   ok */
{
visibility: hidden;
}

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

div.hsi /* hidden shared item */ 
{
visibility: hidden;
position: absolute; left: -800px; top: 0px;
z-index: 15;
}

div.hsp /* hidden slideshow photo */
{
visibility: hidden;
position: absolute; left: 12px; top: 200px;
z-index: 15;
}

div.hul /* hide until loaded   ? */
{
visibility: hidden;
}

div.ppt /* portrait: mid-grey border */
{
width: 120px; height: 120px; margin: 0px; border-radius: 5px; border: 2px solid #808080; border-collapse: collapse; padding: 0px;
overflow: hidden;
}

div.pri /* price   mid-grey border with dark blue text   ok */
{
position: relative; top: -1px;
width: 160px; height: 116px; border: 2px solid #808080; border-radius: 4px; border-collapse: collapse; margin: 0px; padding: 5px 0px 0px 0px;
font-size: 11px; line-height: 12px; font-family: verdana,trebuchet ms,arial,sans-serif; font-weight: bold; color: #BFFFFF;
text-transform: capitalize;
text-align: center;
}

div.pte /* paragraphed text examples   ok */
{
position: relative; top: 3px;
margin: 0px 0px 13px 0px; border: 0px; border-collapse: collapse; padding: 0px;
}

div.puc /* pop-up window content   mid-grey border with black background   ok */
{
width: 370px; visibility: hidden; background: rgba(0, 0, 0, 1.0); position: absolute; left: -600px; top: 0px;
margin: 0px; border-radius: 5px; border: 2px solid #808080; border-collapse: collapse; padding: 11px 2px 6px 2px;
overflow: hidden;
z-index: 15;
}

div.pum /* pop-up menu */
{ 
visibility: hidden; position: absolute; left: -800px; top: 0px;
z-index: 15;
}

div.pup /* pop-up photo   ok */
{
visibility: hidden; position: absolute; left: -600px; top: 0px;
width: 480px; height: 360px; margin: 0px; border-radius: 5px; border: 2px solid #808080; border-collapse: collapse; padding: 0px; background-color: #FFFFFF;
overflow: hidden;
z-index: 15;
}

div.pux /* pop-up photo   with a grey background   ok */
{
visibility: hidden; position: absolute; left: -600px; top: 0px;
width: 480px; height: 360px; margin: 0px; border-radius: 5px; border: 2px solid #808080; border-collapse: collapse; padding: 0px; background-color: #808080;
overflow: hidden;
z-index: 15;
}

div.set /* search engine text   not used? */
{
position: absolute; left: -3200px; top: 0px;
}

div.spb /* starter photobook border: mid-grey border */ 
{
position: relative; top: -1px;
width: 160px; height: 120px; margin: 0px; border-radius: 5px; border: 2px solid #808080; border-collapse: collapse; padding: 0px;
overflow: hidden;
}

div.sps /* starter photos */
{
position: relative; left: -800px;
}

div.ss0 /* slide show   */
{
position: relative;
text-decoration: none; cursor: pointer;
}

div.ss2 /* slide show   */
{
position: absolute; top: 0px;
}

div.sss /* small slide show */
{
width: 160px; height: 120px; margin: 0px; border: 2px solid #808080; border-collapse: collapse; padding: 0px;
}

div.vp1 /* player medium 320x240   used for video */
{
width: 320px; height: 240px; margin: 0px; border-radius: 5px; border: 2px solid #808080; border-collapse: collapse; padding: 0px;
}

form.mlf /* mail form   ok */
{
position: relative; top: 11px;
margin: 0px; border: 0px; border-collapse: collapse; padding: 0px;
cursor: pointer;
}

form.pwf /* password form   le   */
{
margin: 18px 0px 8px 0px; border: 0px; border-collapse: collapse; padding: 0px;
cursor: pointer;
}

form.pyf /* pay form */
{
margin: 0px; border: 0px; border-collapse: collapse; padding: 0px;
cursor: pointer;
}

form.scf /* shopping card form */
{
margin: 0px; border: 0px; border-collapse: collapse; padding: 0px;
cursor: pointer;
}

h1 /* heading   purple text, used after a normal paragraph   */
{
margin: 0px; border: 0px; border-collapse: collapse; padding: 0px;
font-size: 12px; line-height: 14px; font-family: verdana,trebuchet ms,arial,sans-serif; font-weight: normal; color: #83238B;
text-align: left;
}

h2 /* heading   purple text, used after a normal paragraph   */
{
margin: 0px; border: 0px; border-collapse: collapse; padding: 0px;
font-size: 12px; line-height: 14px; font-family: verdana,trebuchet ms,arial,sans-serif; font-weight: normal; color: #83238B;
text-align: left;
}

h3 /* heading   purple text, used after a normal paragraph   */
{
margin: 0px; border: 0px; border-collapse: collapse; padding: 0px;
font-size: 12px; line-height: 14px; font-family: verdana,trebuchet ms,arial,sans-serif; font-weight: normal; color: #83238B;
text-align: left;
}

h1.seh /* search engine heading   parked off-screen   ok*/
{
position: absolute; left: -3200px; top: 0px; 
}

h2.seh /* search engine heading   parked off-screen   ok*/
{
position: absolute; left: -3200px; top: 0px;
}

h3.seh /* search engine heading   parked off-screen   ok*/
{
position: absolute; left: -3200px; top: 0px;
}

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

img.cli /* clicker   ok */
{
width: 52px; height: 20px; margin: 0px; border-radius: 4px; border: 2px solid #808080; border-collapse: collapse; padding: 0px; background-color: #808080;
text-decoration: none;
}

img.clo /* closed   ok */
{
width: 756px; height: 100px; margin: 0px; border-radius: 4px; border: 2px solid #808080; border-collapse: collapse; padding: 0px;
text-decoration: none;
}

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

img.fg1 /* flag 1   used for mini-flags   hidden as of 13062017   ok */
{
position: relative; top: 49px;
width: 34px; height: 22px; margin: 0px; border-radius: 5px; border: 2px solid #808080; border-collapse: collapse; padding: 0px;
}

img.fg2 /* flag 2   used for mini-flags   hidden as of 13062017   ok */
{
position: relative; top: 49px;
width: 34px; height: 22px; margin: 0px 0px 0px 4px; border-radius: 5px; border: 2px solid #808080; border-collapse: collapse; padding: 0px;
}

img.fg3 /* flag 3   used for mini-flags   hidden as of 13062017   ok */
{
position: relative; top: 49px;
width: 34px; height: 22px; margin: 0px 0px 0px 4px; border-radius: 5px; border: 2px solid #808080; border-collapse: collapse; padding: 0px;
}

img.fg4 /* flag 4   used for mini-flags   hidden as of 13062017   ok */
{
position: relative; top: 49px;
width: 34px; height: 22px; margin: 0px 0px 0px 4px; border-radius: 5px; border: 2px solid #808080; border-collapse: collapse; padding: 0px;
}

img.gpb /* gallery photo blank */
{
width: 160px; height: 120px; margin: 0px; border: 2px; border-collapse: collapse; padding: 0px;
visibility: hidden;
}

img.gpf /* gallery photo full-size: grey border */
{
width: 756px; height: 567px; margin: 5px 0px 0px 1px; border: 2px solid #808080; border-collapse: collapse; padding: 0px;
}

img.gpl /* gallery photo landscape: mid-grey border */
{
width: 756px; height: 356px; margin: 0px 1px 0px 1px; border-radius: 4px; border: 2px solid #808080; border-collapse: collapse; padding: 0px; background-color: #808080;
}

img.gpn /* gallery photo normal  grey border   */
{
width: 160px; height: 120px; margin: 0px; border-radius: 4px; border: 2px solid #808080; border-collapse: collapse; padding: 0px; background-color: #808080;
}

img.jmp /* clicker   ok */
{
position: relative; top: 1px;
width: 52px; height: 20px; margin: 0px; border: 2px solid #808080; border-radius: 4px; border-collapse: collapse; padding: 0px; background-color: #808080;
text-decoration: none;
}

img.kit /* kite */
{
width: 120px; height: 120px; margin: 0px; border: 0px; border-collapse: collapse; padding: 0px;
text-decoration: none; cursor: pointer;
}

img.hpb /* headed 160x120 rectangular photo   mid-grey border   ok */
{
width: 160px; height: 120px; margin: 0px; border-radius: 3px; border: 2px solid #808080; border-collapse: collapse; padding: 0px; background-color: #808080;
overflow: hidden; 
}

img.hph /* headed highlighted 160x120 rectangular photo   bright green border   ok */
{
width: 160px; height: 120px; margin: 0px; border-radius: 3px; border: 2px solid #2AB93B; border-collapse: collapse; padding: 0px;
overflow: hidden; 
}

img.hsb /* headed 120x120 square photo   mid-grey border   learning english   */
{
width: 120px; height: 120px; margin: 0px; border-radius: 4px; border: 2px solid #808080; border-collapse: collapse; padding: 0px;
overflow: hidden;
}

img.hsn /* headed 120x120 square photo   no border   learning english   */
{
width: 120px; height: 120px; margin: 0px; border-collapse: collapse; padding: 0px;
overflow: hidden;
}

img.hsp /* hidden slideshow photo: mid-grey border   used for 160x120 slideshow */
{
width: 160px; height: 120px; margin: 0px; border: 2px solid #808080; border-radius: 4px; border-collapse: collapse; padding: 0px;
visibility: hidden;
}

img.lmc /* link marker centre */
{
width: 3px; height: 8px; margin: 5px 0px 12px 0px; border: 0px; border-collapse: collapse; padding: 0px;
text-decoration: none; cursor: pointer;
}

img.lml /* link marker left */
{
width: 3px; height: 8px; margin: 5px 3px 12px 0px; border: 0px; border-collapse: collapse; padding: 0px;
text-decoration: none; cursor: pointer;
}

img.mlc /* mail clicker */
{
width: 24px; height: 11px; margin: 0px; border: 0px; border-collapse: collapse; padding: 0px;
text-decoration: none;
}

img.pem /* photo empty */
{
width: 160px; height: 120px; margin: 0px; border: 0px; border-collapse: collapse; padding: 0px;
visibility: hidden;
}

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

img.pte /* paragraphed text example   ok */
{
width: 56px; height: 8px; margin: 0px 7px 0px 0px; border: 0px; border-collapse: collapse; padding: 0px;
}

img.ppt /* pop-up portrait: grey border */
{
width: 52px; height: 52px; margin: 0px; border: 2px solid #808080; border-collapse: collapse; padding: 0px; background-color: #808080;
}

img.pth /* portrait hidden: mid-grey border   used for photo reveal strip   */
{
width: 52px; height: 52px; margin: 0px; border: 2px solid #808080; border-radius: 4px; border-collapse: collapse; padding: 0px; background-color: #808080;
visibility: hidden;
}

img.ptt /* portrait: mid-grey border */
{
width: 52px; height: 52px; margin: 0px; border: 2px solid #808080; border-collapse: collapse; padding: 0px; background-color: #808080;
border-radius: 4px;
}

img.pub /* pop-up border: grey border delete? */
{
width: 372px; height: 304px; margin: 2px 0px 0px 1px; border: 2px solid #808080; border-collapse: collapse; padding: 0px;
}

img.puc /* pop-up cherry heaven tv player: grey border */
{
width: 160px; height: 130px; margin: 5px 0px 9px 3px; border-radius: 4px; border: 2px solid #808080; border-collapse: collapse; padding: 0px;
}

img.pui /* pop-up image: grey border */
{
height: 120px; margin: 5px 0px 9px 3px; border-radius: 4px; border: 2px solid #808080; border-collapse: collapse; padding: 0px; background-color: #808080; 
}

img.pul /* pop-up landscape: grey border */  
{
width: 360px; height: 120px; margin: 5px 0px 9px 3px; border-radius: 4px; border: 2px solid #808080; border-collapse: collapse; padding: 0px; 
}

img.pum /* pop-up marker */
{
position: relative; top: 1px;
width: 9px; height: 9px; margin: 0px 54px 0px 1px; border-radius: 2px; border: 1px solid #808080; border-collapse: collapse; padding: 0px;
text-decoration: none;
}

img.pup /* pop-up photo   ok */
{
width: 480px; height: 360px; margin: 0px; border: 0px; border-collapse: collapse; padding: 0px;
}

img.pyc /* pay clicker */
{
width: 24px; height: 11px; margin: 0px; border: 0px; border-collapse: collapse; padding: 0px;
text-decoration: none;
}

img.rex /* remaining examples */
{
width: 56px; height: 8px; margin: 0px 7px 0px 0px; border: 0px; border-collapse: collapse; padding: 0px;
}

img.sil /* shop item landscape: grey border */
{
width: 160px; height: 120px; margin: 0px; border: 2px solid #808080; border-collapse: collapse; padding: 0px;
}

img.sip /* shop item portrait   mid-grey border   ok */
{
width: 52px; height: 52px; margin: 0px 7px 0px 0px; border: 2px solid #808080; border-collapse: collapse; padding: 0px; background-color: #808080;
border-radius: 4px;
}

img.smb /* starter mobile   mid-grey border   */
{
width: 64px; height: 120px; margin: 0px; border-radius: 4px; border: 2px solid #808080; border-collapse: collapse; padding: 0px;
overflow: hidden;
}

img.spb /* starter photo with border on white   mid-grey border   ok */
{
width: 160px; height: 120px; margin: 0px; border-radius: 4px; border: 2px solid #808080; border-collapse: collapse; padding: 0px; background-color: #808080;
}

img.spg /* starter photo with border on grey   mid-grey border   ok */
{
width: 160px; height: 120px; margin: 0px; border-radius: 4px; border: 2px solid #808080; border-collapse: collapse; padding: 0px;
background: #808080;
}

img.thx /* thank-you tick   initially invisible   ok */
{
max-width: 160px; max-height: 120px; margin: 0px; border-radius: 4px; border: 2px solid #808080; border-collapse: collapse; padding: 0px;
visibility: hidden;
}

img.tpb /* travel photo blank: black border   ? */
{
width: 360px; height: 270px; margin: 0px; border: 2px solid #000000; border-collapse: collapse; padding: 0px;
}

img.tpn /* travel photo normal: mid-grey border */
{
width: 360px; height: 270px; margin: 0px; border: 2px solid #808080; border-radius: 4px; border-collapse: collapse; padding: 0px; background-color: #808080;
text-decoration: none;
}

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

input.gfc /* gift checkbox */
{
margin: 0px; border: 0px; border-collapse: collapse; padding: 0px;
text-decoration: none; cursor: pointer;
}

input.mfi /* mail field input   mid-grey border with black background and white text   ok */
{
width: 753px; margin: 0px; border-radius: 4px; border: 2px solid #808080; border-collapse: collapse; padding: 2px 3px 4px 3px;
background: #000000; cursor: pointer;
font-size: 12px; line-height: 14px; font-family: verdana,trebuchet ms,arial,sans-serif; font-weight: normal; color: #FFFFFF;
}

input.pfi /* pay field input   mid-grey border with black background and white text   ok */
{
width: 417px; margin: 0px; border-radius: 4px; border: 2px solid #808080; border-collapse: collapse; padding: 2px 3px 4px 3px;
background: #000000; cursor: pointer;
font-size: 12px; line-height: 14px; font-family: verdana,trebuchet ms,arial,sans-serif; font-weight: normal; color: #FFFFFF;
}

input.pwi /* password input   white on black with mid-grey border   le   */
{
width: 117px; margin: 0px; border-radius: 4px; border: 2px solid #808080; border-collapse: collapse; padding: 2px 0px 3px 3px;
background: #000000; cursor: pointer;
font-size: 12px; line-height: 14px; font-family: verdana,trebuchet ms,arial,sans-serif; font-weight: normal; color: #FFFFFF;
}

input.pyo /* pay option */
{
margin: 0px; border: 0px; border-collapse: collapse; padding: 0px;
outline: none; text-decoration: none; cursor: pointer;
}

p.abc /* alphabet clicker   cornflower blue font   */ 
{
position: relative; top: 8px;
width: 762px; margin: 0px 0px 0px 0px; border: 0px; border-collapse: collapse; padding: 0px;
font-size: 17px; line-height: 20px; font-family: verdana,trebuchet ms,arial,sans-serif; font-weight: bold; color: #2848FF;
text-align: center;
}

p.pte /* paragraphed text examples   light grey text   ok */
{
width: 761px; margin: 0px 0px 7px 1px; border: 0px; border-collapse: collapse; padding: 0px;
font-size: 12px; line-height: 21px; font-family: verdana,trebuchet ms,arial,sans-serif; font-weight: normal; color: #D3D3D3;
text-align: justify;
}

p.ptj /* pop-up text justified */ 
{
width: 366px; margin: 0px 0px 7px 0px; border: 0px; border-collapse: collapse; padding: 0px;
font-size: 12px; line-height: 14px; font-family: verdana,trebuchet ms,arial,sans-serif; font-weight: normal; color: #D3D3D3;
text-align: justify;
}

p.puh /* pop-up heading   pale yellow text   ok */ 
{
width: 366px; margin: 0px 2px 7px 2px; border: 0px; border-collapse: collapse; padding: 0px;
font-size: 12px; line-height: 14px; font-family: verdana,trebuchet ms,arial,sans-serif; font-weight: normal; color: #FFFFDA;
text-align: left;
}

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

p.put /* pop-up justified    pale grey text  ok */ 
{
width: 366px; margin: 0px 0px 7px 2px; border: 0px; border-collapse: collapse; padding: 0px;
font-size: 12px; line-height: 14px; font-family: verdana,trebuchet ms,arial,sans-serif; font-weight: normal; color: #D3D3D3;
text-align: justify;
}

p.tap /* paragraph justified after photos   light grey text */
{
width: 762px; margin: 10px 0px 7px 0px; border: 0px; border-collapse: collapse; padding: 0px;
font-size: 12px; line-height: 14px; font-family: verdana,trebuchet ms,arial,sans-serif; font-weight: normal; color: #808080;
text-align: justify;
}

p.til /* text indented list   light grey text */
{
width: 698px; margin: 0px 0px 7px 64px; border: 0px; border-collapse: collapse; padding: 0px;
font-size: 12px; line-height: 17px; font-family: verdana,trebuchet ms,arial,sans-serif; font-weight: normal; color: #D3D3D3;
text-align: justify;
}

p.txb /* paragraph justified    red text   ok */
{
width: 425px; margin: 0px 0px 7px 0px; border: 0px; border-collapse: collapse; padding: 0px;
font-size: 12px; line-height: 14px; font-family: verdana,trebuchet ms,arial,sans-serif; font-weight: normal; color: #FF0000;
text-align: justify;
}

p.txc /* text centred   light grey text   ok */
{
width: 762px; margin: 0px 0px 7px 0px; border: 0px; border-collapse: collapse; padding: 0px;
font-size: 12px; line-height: 14px; font-family: verdana,trebuchet ms,arial,sans-serif; font-weight: normal; color: #D3D3D3;
text-align: center;
}

p.txi /* text indented   white text   ok */ 
{
width: 697px; margin: 0px 0px 7px 64px; border: 0px; border-collapse: collapse; padding: 0px;
font-size: 12px; line-height: 14px; font-family: verdana,trebuchet ms,arial,sans-serif; font-weight: normal; color: #FFFFFF;
text-align: justify;
}

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

p.txm /* text message   dim grey text   ok */
{
width: 762px; margin: 0px 0px 7px 0px; border: 0px; border-collapse: collapse; padding: 0px;
font-size: 12px; line-height: 14px; font-family: verdana,trebuchet ms,arial,sans-serif; font-weight: normal; color: #707070;
text-align: justify;
}

p.txn /* text narrow   navy text */
{
width: 632px; margin: 0px 0px 7px 64px; border: 0px; border-collapse: collapse; padding: 0px;
font-size: 12px; line-height: 14px; font-family: verdana,trebuchet ms,arial,sans-serif; font-weight: normal; color: #000080;
text-align: justify;
}

p.txp /* text prompt: white */
{
width: 762px; margin: 0px; border: 0px; border-collapse: collapse; padding: 0px;
font-size: 12px; line-height: 14px; font-family: verdana,trebuchet ms,arial,sans-serif; font-weight: normal; color: #FFFFFF;
text-align: justify;
}

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

p.txw /* paragraph justified   white text   ok */
{
width: 762px; margin: 0px 0px 7px 0px; border: 0px; border-collapse: collapse; padding: 0px;
font-size: 12px; line-height: 14px; font-family: verdana,trebuchet ms,arial,sans-serif; font-weight: normal; color: #FFFFFF;
text-align: justify;
}

select.dfl /* digit field list: white on dark grey with grey border */
{
width: 36px; height: 21px; margin: 1px 4px 16px 0px; 
border: 2px solid #808080; border-collapse: collapse; padding: 1px 0px 2px 3px;
background: #333333; text-decoration: none; cursor: pointer;
font-size: 12px; line-height: 14px; font-family: verdana,trebuchet ms,arial,sans-serif; font-weight: normal; color: #FFFFFF;
}

span.atl /* adjust text left   ? */
{
margin: 0px; border: 0px; border-collapse: collapse; padding: 0px 1px 0px 0px;
}

span.atr /* adjust text right   ok */
{
margin: 0px; border: 0px; border-collapse: collapse; padding: 0px 0px 0px 1px;
}

span.clk /* click text   but th table cell is hidden   ok */
{
position: relative; top: 40px; left: 6px;
}

span.cmb /* click mobile text   */
{
position: relative; top: -9px; left: 6px;
}

span.fvd /* favourite description: light turquoise font */
{
color: #BFFFFF;
}

span.h34 /* 34px horizontal space   ? */
{
margin: 0px; border: 0px; border-collapse: collapse; padding: 0px 26px 0px 0px;
}

span.h35 /* 35px horizontal space   ? */
{
margin: 0px; border: 0px; border-collapse: collapse; padding: 0px 27px 0px 0px;
}

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

span.hot /* hot text   orange-red   ok */
{
color: #FF1200;
}

span.lcs /* lower case */
{
text-transform: lowercase;
}

span.mnb /* menu bar   mid-grey   */
{
color: #808080;
}

span.mof /* menu off   cornflower blue   ok */
{
color: #2848FF;
}

span.mon /* menu on   dark orange text   ok */
{
color: #FF9933;
}

span.mut /* mute */
{
font-size: 11px; line-height: 13px; font-family: verdana,trebuchet ms,arial,sans-serif; font-weight: normal;
}

span.new /* new   green   */
{
color: #00FF00;
}

span.not /* nothing    ok */
{
}

span.pop /* pop-ups: cornflower blue font */
{
color: #2848FF;
}

span.pro /* pronunciation   baby pink text   */
{
color: #F4C2C2;
}

span.puh /* pop-up help: grey-green font */
{
color: #80DA80;
}

span.qot /* quote   bright pink text   */
{
color: #F76AC8;
}

span.red /* hot: red */
{
color: #FF0000;
}

span.s12 /* subscript 12px   ? */
{
font-size: 10px; line-height: 12px; font-family: verdana,trebuchet ms,arial,sans-serif; font-weight: normal;
position: relative; top: 2px;
}

span.nav /* favourite description: navy font */
{
color: #0000A0;
}

span.tcs /* title case */
{
text-transform: capitalize;
}

span.txd /* text dim   white   */
{
color: #FFFFFF;
}

span.txe /* emphasised   bright blue text   ok */
{
color: #90FFFF;
}

span.txh /* highlight   light turquoise text   ok */
{
color: #BFFFFF;
}

span.txp /* text passive menu item   used for unavailable menu items */
{
color: #808080;
}

span.txr /* text aligned right */
{
float: right;
}

span.txs /* text save: light turquoise font */
{
color: #BFFFFF;
float: right;
}

span.whi /* white   white text   ok */
{
color: #FFFFFF;
}

span.ucs /* upper case */
{
text-transform: uppercase;
}

span.up1 /* move text up 1px   ? */
{
position: relative; top: -1px;
}

span.up2 /* move text up 2px   ? */
{
position: relative; top: -2px;
}

span.up3 /* move text up 3px   ?*/
{
position: relative; top: -3px;
}

span.whi /* white text   ok*/
{
color: #FFFFFF;
}

table.abl /* auto-width left   mid-grey border    used for regular tables, usually after text   ok */
{
position: relative; top: -2px;    
margin: 0px 0px 0px 1px; border: 2px solid #808080; border-radius: 4px; border-spacing: 0px; padding: 0px; background-color: #808080;
}

table.abn /* auto-width border normal   mid-grey border       used for regular tables, usually after text ? */
{
position: relative; top: -2px;
margin: 0px 0px 0px 1px; border: 0px solid #808080; border-radius: 4px; border-collapse: collapse; padding: 0px; background-color: #808080;
}

table.anl /* auto-width no border left */
{
position: relative; top: -3px;
margin: 0px 0px 0px 1px; border: 0px; border-collapse: collapse; padding: 0px; background-color: #808080;
}

table.ann /* auto-width no border   used as a wrapper on the shop pages   ok */
{
width: 760px; margin: 0px 0px 6px 1px; border: 0px; border-collapse: collapse; padding: 0px;
}

table.apt /* av portrait */
{
width: 56px; margin: 0px; border: 2px solid #808080; border-collapse: collapse; padding: 0px;
}

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

table.cli /* clicker   used to submit forms   ok */
{
position: relative; top: 27px;
width: 761px; margin: 0px 0px -3px 1px; border: 0px; border-collapse: collapse; padding: 0px;
}

table.clp /* clicker pay   ok */
{
position: relative; top: 27px;
width: 425px; margin: 0px 0px -3px 1px; border: 0px; border-collapse: collapse; padding: 0px;
}

table.cnl /* conversation no border left   le */
{
margin: 16px 0px 0px 1px; border: 0px; border-collapse: collapse; padding: 0px;
}

table.epl /* end price list   auto-width no border   used as a wrapper on the shop pages   ok */
{
position: relative; top: -4px;
margin: 0px 0px -6px 1px; border: 0px; border-collapse: collapse; padding: 0px;
}

table.fbn /* full-width border normal   mid-grey border     used for regular tables, usually after text   ok */
{
position: relative; top: -2px;    
width: 760px; margin: 0px 0px 0px 1px; border: 1px solid #808080; border-radius: 4px; border-spacing: 0px;  padding: 0px;
}

table.fnn /* full-width no border normal */
{
width: 760px; margin: -8px 1px 2px 1px; border: 0px; border-collapse: collapse; padding: 0px;
}

table.gcs /* gallery captions */
{
width: 760px; margin: 1px 1px 0px 1px; border: 0px; border-collapse: collapse; padding: 0px;
}

table.gps /* gallery photos */
{
width: 760px; margin: 7px 1px 0px 1px; border: 0px; border-collapse: collapse; padding: 0px;
}

table.hdc /* headings after clicker */ 
{
position: relative; top: 45px;
width: 762px; margin: 0px 0px 60px 0px; 
border-top: 0px; border-right: 0px; border-bottom: 2px solid #808080; border-left: 0px; border-collapse: collapse; padding: 0px;
}

table.hdd /* headings after demo   used after a interactive swf demo */
{
width: 762px; margin: 25px 0px 16px 0px; 
border-top: 0px; border-right: 0px; border-bottom: 2px solid #808080; border-left: 0px; border-collapse: collapse; padding: 0px;
}

table.hde /* headings     used after listed examples */
{
width: 761px; margin: 23px 1px 16px 0px; 
border-top: 0px; border-right: 0px; border-bottom: 2px solid #808080; border-left: 0px; border-collapse: collapse; padding: 0px;
}

table.hdg /* headings   used after a gallery   ok */
{
position: relative; top: -4px;
width: 761px; margin: 0px 1px 11px 0px; 
border-top: 0px; border-right: 0px; border-bottom: 2px solid #808080; border-left: 0px; border-collapse: collapse; padding: 0px;
}

table.hds /* headings   used after a normal paragraph   ok */
{
width: 761px; margin: 23px 1px 21px 0px; 
border-top: 0px; border-right: 0px; border-bottom: 2px solid #808080; border-left: 0px; border-collapse: collapse; padding: 0px;
}

table.hdt /* headings     used after a table */
{
width: 761px; margin: 21px 1px 16px 0px; 
border-top: 0px; border-right: 0px; border-bottom: 2px solid #808080; border-left: 0px; border-collapse: collapse; padding: 0px;
}

table.hdv /* headings     used after a video */
{
width: 762px; margin: 25px 0px 16px 0px; 
border-top: 0px; border-right: 0px; border-bottom: 2px solid #808080; border-left: 0px; border-collapse: collapse; padding: 0px;
}

table.hpc /* headed photos captions   ok */
{
position: relative; top: -21px;
width: 762px; height: 13px; margin: 1px 1px 0px 1px; border: 0px; border-collapse: collapse; padding: 0px;
}

table.hps /* headed photos   used after a heading   ok */
{
width: 760px; height: 124px; margin: 0px 1px 21px 1px; border: 0px; border-collapse: collapse; padding: 0px;
}

table.jmp /* clicker jump   ok */
{
position: relative; top: -5px;
width: 56px; margin: 0px 0px -9px 0px; border: 0px; border-collapse: collapse; padding: 0px;
}

table.mfc /* mail field clicker   */
{
width: 761px; margin: 0px; border: 0px; border-collapse: collapse; padding: 0px;
}

table.mfi /* mail field input */
{
width: 760px; margin: 0px 1px 12px 1px; border: 0px; border-collapse: collapse; padding: 0px;
}

table.mfm /* mail field messages   ok */
{
position: relative; top: 0px;
width: 762px; margin: 0px 0px 0px 0px; border: 0px; border-collapse: collapse; padding: 0px;
}

table.mlb /* mail box */
{
width: 760px; margin: 0px 1px 9px 1px; border: 0px; border-collapse: collapse; padding: 0px;
}

table.mnd /* menu divider   mid-grey   creates the menu bar   */
{
width: 760px; margin: 4px 1px 2px 1px; border: 0px; border-collapse: collapse; padding: 0px;
}

table.mnm /* menus more  */
{
width: 762px; margin: -19px 0px 26px 0px; border: 0px; border-collapse: collapse; padding: 0px;
}

table.mnp /* menus before pageaccs php   ? */
{
width: 762px; margin: 0px 0px 21px 0px; border: 0px; border-collapse: collapse; padding: 0px;
}

table.mns /* menus */
{
width: 762px; margin: 0px 0px 26px 0px; border: 0px; border-collapse: collapse; padding: 0px;
}

table.mss /* messages   used above the menu bar   ok */
{
width: 762px; margin: 0px; border: 0px; border-collapse: collapse; padding: 0px;
}

table.nln /* numbered list */
{
margin: 19px 0px 2px 1px; border: 2px solid #808080; border-collapse: collapse; padding: 0px;
}

table.pfc /* pay field clicker */
{
width: 425px; margin: 16px 0px 0px 0px; border: 0px; border-collapse: collapse; padding: 0px;
}

table.pfi /* pay field input */
{
width: 424px; margin: 0px 337px 8px 1px; border: 0px; border-collapse: collapse; padding: 0px;
}

table.pfm /* pay field messages */
{
width: 425px; margin: 12px 337px 0px 0px; border: 0px; border-collapse: collapse; padding: 0px;
}

table.pml /* pop-up menu left   used for menu table   ok */
{
width: 100%;
margin: 0px; border: 0px; border-collapse: collapse; padding: 0px;
}

table.pmr /* pop-up menu right   used for menu table   ok */
{
position: relative; right: -2px;
width: 100%;
margin: 0px; border: 0px; border-collapse: collapse; padding: 0px;
}

table.pob /* pay options bottom: mid-grey border */
{
width: 424px; height: 8px; margin: 3px 337px 6px 1px; border: 0px solid #808080; border-radius: 4px; border-spacing: 0px; padding: 0px;
}

table.pos /* pay options */
{
width: 425px; margin: 0px 337px 0px 0px; border: 0px; border-collapse: collapse; padding: 0px;
}

table.pot /* pay options top: mid-grey border */
{
width: 424px; height: 8px; margin: 0px 337px 2px 1px; border: 0px solid #808080; border-radius: 4px; border-spacing: 0px; padding: 0px;
}

table.ps1 /* paragon swf demo 1: mid-grey border   used for a paragon interactive demo */
{
width: 760px; height: 575px; margin: 0px; border: 2px solid #808080; border-collapse: collapse; padding: 0px;
}

table.ps2 /* paragon swf demo 2: mid-grey border   used for a paragon interactive demo */
{
width: 760px; height: 514px; margin: 0px; border: 2px solid #808080; border-collapse: collapse; padding: 0px;
}

table.pts /* portraits   used for photo reveal strip   */
{
position: relative; top: -48px;
width: 760px; margin: 0px 1px -28px 1px; border: 0px; border-collapse: collapse; padding: 0px;
}

table.ptt /* portrait   used for photo reveal strip   */
{
width: 761px; margin: 0px 0px 0px 1px; border: 0px; border-collapse: collapse; padding: 0px;
}

table.pum /* pop-up menu   black background   used for the menu table   ok */
{
position: relative; left: -1px; top: -1px; 
width: 762px; margin: 0px 0px 17px 0px; border: 0px; border-collapse: collapse; padding: 0px;
background: #000000;
}

table.pwc/* password clicker   le   */
{
position: relative; top: 1px;
width: 761px; margin: 0px 0px 0px 1px; border: 0px; border-collapse: collapse; padding: 0px;
}

table.pwi /* password input   le   */
{
position: relative; top: -1px;
width: 120px; margin: 0px 641px 0px 1px; border: 0px; border-collapse: collapse; padding: 0px;
}

table.sbn /* shop   mid-grey border   used for price list tables   ok */
{
margin: 0px; border: 0px solid #808080; border-radius: 4px; border-spacing: 0px; padding: 0px;
}

table.scd /* shopping card */
{
width: 424px; margin: 0px 337px 9px 1px; border: 0px; border-collapse: collapse; padding: 0px;
}

table.scm /* shopping card messages */
{
width: 425px; margin: 0px 337px 0px 0px; border: 0px; border-collapse: collapse; padding: 0px;
}

table.snp /* shop no portrait */
{
width: 761px; margin: 0px 0px 0px 1px; border: 0px; border-collapse: collapse; padding: 0px;
}

table.spc /* starter photos captions   under table.sps   ok */
{
position: relative; top: -14px;
width: 760px; height: 13px; margin: 0px 1px 7px 1px; border: 0px; border-collapse: collapse; padding: 0px;
}

table.sps /* starter photos   menu above   ok */
{
width: 760px; height: 124px; margin: 0px 1px 13px 1px; border: 0px; border-collapse: collapse; padding: 0px;
}

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

table.sss /* small slide show */
{
width: 160px; height: 120px; margin: 0px; border: 2px solid #808080; border-collapse: collapse; padding: 0px;
}

table.tcs /* travel captions */
{
width: 760px; margin: 0px 1px 14px 1px; border: 0px; border-collapse: collapse; padding: 0px;
}

table.tps /* travel photos */
{
width: 760px; margin: 6px 1px 0px 1px; border: 0px; border-collapse: collapse; padding: 0px;
}

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

table.vsn /* vertical space normal */
{
width: 760px; margin: 0px 1px 0px 1px; border: 0px; border-collapse: collapse; padding: 0px;
}

table.wcn /* webcam normal */
{
width: 761px; margin: 0px 0px 0px 1px; border: 0px; border-collapse: collapse; padding: 0px;
}

td /* unassigned */
{
}

td.abc /* auto-width border centre   mid grey border with light grey text   ok */
{
margin: 0px; border: 1px solid #808080; border-collapse: collapse; padding: 3px 4px 4px 4px;
font-size: 11px; line-height: 14px; font-family: verdana,trebuchet ms,arial,sans-serif; font-weight: normal; color: #D3D3D3;
text-align: center;
}

td.abl /* auto-width border left   mid-grey border with light-grey text  ok */
{
margin: 0px; border: 1px solid #666666; border-collapse: collapse; padding: 3px 4px 4px 4px;
font-size: 11px; line-height: 14px; font-family: verdana,trebuchet ms,arial,sans-serif; font-weight: normal; color: #FFFFFF;
text-align: left;
}

td.abr /* auto-width border right   mid-grey border with light-grey text   ok  */
{
margin: 0px; border: 1px solid #666666; border-collapse: collapse; padding: 3px 4px 4px 4px;
font-size: 11px; line-height: 14px; font-family: verdana,trebuchet ms,arial,sans-serif; font-weight: normal; color: #FFFFFF;
text-align: right;
}

td.anj /* auto-width no border justify: light grey with no border */
{
margin: 0px; border: 0px; border-collapse: collapse; padding: 3px 4px 3px 3px;
font-size: 12px; line-height: 14px; font-family: verdana,trebuchet ms,arial,sans-serif; font-weight: normal; color: #D3D3D3;
text-align: justify;
}

td.anl /* auto-width no border left: light grey with no border */
{
margin: 0px; border: 0px; border-collapse: collapse; padding: 2px 4px 3px 3px;
font-size: 12px; line-height: 14px; font-family: verdana,trebuchet ms,arial,sans-serif; font-weight: normal; color: #D3D3D3;
text-align: left;
}

td.apt /* av portrait: */
{
width: 56px; height: 62px; margin: 0px; border: 0px; border-collapse: collapse; padding: 0px 0px 6px 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,trebuchet ms,arial,sans-serif; font-weight: normal; color: #D3D3D3;
text-align: right;
}

td.ccc /* column calendar centre: custom yellow with grey border */
{
width: 18px; margin: 0px; border: 2px solid #808080; border-collapse: collapse; padding: 2px 7px 3px 5px;
font-size: 10px; line-height: 12px; font-family: verdana,trebuchet ms,arial,sans-serif; font-weight: normal; color: #FFFFDA;
text-align: center; text-transform: uppercase;
}

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

td.chl /* column highlighted left: custom yellow with grey border */
{
margin: 0px; border: 2px solid #808080; border-collapse: collapse; padding: 3px 4px 2px 4px;
font-size: 12px; line-height: 14px; font-family: verdana,trebuchet ms,arial,sans-serif; font-weight: normal; color: #FFFF80;
text-align: left;
}

td.chr /* column highlighted right: custom yellow with grey border */
{
margin: 0px; border: 2px solid #808080; border-collapse: collapse; padding: 3px 4px 2px 4px;
font-size: 12px; line-height: 14px; font-family: verdana,trebuchet ms,arial,sans-serif; font-weight: normal; color: #FFFF80;
text-align: right;
}

td.cli /* clicker   used to submit forms   ok */
{
width: 56px; margin: 0px; border: 0px; border-collapse: collapse; padding: 0px;
text-decoration: none; cursor: pointer;
}

td.clp /* clicker prompt   used to submit forms   light turquoise text   ok */
{
margin: 0px; border: 0px; border-collapse: collapse; padding: 0px 1px 4px 0px;
font-size: 10px; line-height: 12px; font-family: verdana,trebuchet ms,arial,sans-serif; font-weight: normal; color: #BFFFFF;
text-align: right;
}

td.cnc /* column name centre: mid-grey border with dark-grey background and light-turquoise font     used for regular tables */
{
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,trebuchet ms,arial,sans-serif; font-weight: normal; color: #BFFFFF;
text-align: center;
}

td.cnl /* column name left   mid-grey border with dark-grey background and light-turquoise text   ok */
{
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,trebuchet ms,arial,sans-serif; font-weight: normal; color: #BFFFFF;
text-align: left;
}

td.cnn /* column name notes   mid-grey border with dark-grey background and light-turquoise font   used for le   ok */
{
width: 480px; 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,trebuchet ms,arial,sans-serif; font-weight: normal; color: #BFFFFF;
text-align: left;
}

td.cnr /* column name right   mid-grey border with dark-grey background and light-turquoise font   ok */
{
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,trebuchet ms,arial,sans-serif; font-weight: normal; color: #BFFFFF;
text-align: right;
}

td.col /* colour: mid grey border */ 
{
width: 64px; margin: 0px; border: 2px solid #808080; border-collapse: collapse; padding: 0px;
}

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

td.csp /* caption spacing   ok */
{
width: 35px; height: 13px; margin: 0px; border: 0px; border-collapse: collapse; padding: 0px;
}

td.dhl /* drop-down menu headings left   light turquoise text   ok */
{
height: 11px; margin: 0px; border: 0px; border-collapse: collapse; padding: 0px;
font-size: 11px; line-height: 11px; font-family: verdana,trebuchet ms,arial,sans-serif; font-weight: normal; color: #BFEFFF;
text-align: left;
}

td.dhr /* drop-down menu headings right   light turquoise text   ok */
{
height: 11px; margin: 0px; border: 0px; border-collapse: collapse; padding: 0px;
font-size: 11px; line-height: 11px; font-family: verdana,trebuchet ms,arial,sans-serif; font-weight: normal; color: #BFEFFF;
text-align: right;
}

td.dml /* drop-down menu left   cornflower blue text   used for menu table   ok */
{
height: 11px; margin: 0px; border: 0px; border-collapse: collapse; padding: 5px 0px 0px 0px;
font-size: 10px; line-height: 11px; font-family: verdana,trebuchet ms,arial,sans-serif; font-weight: normal; color: #2848FF;
text-align: left;
}

td.dmr /* drop-down menu right   cornflower blue text   used for menu table   ok */
{
height: 11px; margin: 0px; border: 0px; border-collapse: collapse; padding: 5px 0px 0px 0px;
font-size: 10px; line-height: 11px; font-family: verdana,trebuchet ms,arial,sans-serif; font-weight: normal; color: #2848FF;
text-align: right;
}

td.dsc /* description centre   white text   used above the menu bar, but no longer for description   ok */
{
height: 13px; margin: 0px; border: 0px; border-collapse: collapse; padding: 0px;
font-size: 11px; line-height: 13px; font-family: verdana,trebuchet ms,arial,sans-serif; font-weight: normal; color: #FFFFFF;
text-align: center;
}

td.dtr /* date right   white font   used above the menu bar, but no longer for date   ok */
{
position: relative; right: -1px;
height: 13px; margin: 0px; border: 0px; border-collapse: collapse; padding: 0px;
font-size: 11px; line-height: 13px; font-family: verdana,trebuchet ms,arial,sans-serif; font-weight: normal; color: #FFFFFF;
text-align: right;
}

td.fvl /* favourite left   white font   used above the menu bar, but no longer for favourite   ok */
{
height: 13px; margin: 0px; border: 0px; border-collapse: collapse; padding: 0px;
font-size: 11px; line-height: 13px; font-family: verdana,trebuchet ms,arial,sans-serif; font-weight: normal; color: #FFFFFF;
text-align: left;
}

td.gcm /* gallery caption middle: custom yellow */
{
width: 164px; height: 13px; margin: 0px; border: 0px; border-collapse: collapse; padding: 0px 34px 0px 35px;
font-size: 11px; line-height: 13px; font-family: verdana,trebuchet ms,arial,sans-serif; font-weight: normal; color: #FFFFDA;
text-align: center;
}

td.gcn /* gallery caption normal: custom yellow */
{
width: 164px; height: 13px; margin: 0px; border: 0px; border-collapse: collapse; padding: 0px;
font-size: 11px; line-height: 13px; font-family: verdana,trebuchet ms,arial,sans-serif; font-weight: normal; color: #FFFFDA;
text-align: center;
}

td.gcr /* gallery caption right: custom yellow */
{
width: 164px; height: 13px; margin: 0px; border: 0px; border-collapse: collapse; padding: 0px 0px 0px 35px; 
font-size: 11px; line-height: 13px; font-family: verdana,trebuchet ms,arial,sans-serif; font-weight: normal; color: #FFFFDA;
text-align: center;
}

td.glc /* gallery centre */
{
width: 244px; height: 184px; margin: 0px; border: 0px; border-collapse: collapse; padding: 0px;
text-align: center;
}

td.gll /* gallery left */
{
width: 258px; height: 184px; margin: 0px; border: 0px; border-collapse: collapse; padding: 0px 14px 0px 0px;
text-align: left;
}

td.glr /* gallery right */
{
width: 258px; height: 184px; margin: 0px; border: 0px; border-collapse: collapse; padding: 0px 0px 0px 14px;
text-align: right;
}

td.gpm /* gallery photo middle   deprecate */
{
width: 164px; height: 124px; margin: 0px; border: 0px; border-collapse: collapse; padding: 0px 34px 0px 0px;
}

td.gpn /* gallery photo normal   deprecate */
{
width: 164px; height: 124px; margin: 0px; border: 0px; border-collapse: collapse; padding: 0px 35px 0px 0px;
}

td.gpr /* gallery photo right   deprecate */
{
width: 164px; height: 124px; margin: 0px; border: 0px; border-collapse: collapse; padding: 0px;
}

td.hdc /* heading centred: white font   ? */
{
margin: 0px; border: 0px; border-collapse: collapse; padding: 0px;
font-size: 12px; line-height: 14px; font-family: verdana,trebuchet ms,arial,sans-serif; font-weight: normal; color: #FFFFFF;
text-align: center;
}

td.hdl /* heading left   light turquoise text   used after a normal paragraph   */
{
margin: 0px; border: 0px; border-collapse: collapse; padding: 0px 0px 4px 0px;
font-size: 12px; line-height: 14px; font-family: verdana,trebuchet ms,arial,sans-serif; font-weight: normal; color: #BFFFFF;
text-align: left;
}

td.hdr /* heading right   white text   used after a normal paragraph   */
{
margin: 0px; border: 0px; border-collapse: collapse; padding: 0px 0px 4px 0px;
font-size: 12px; line-height: 14px; font-family: verdana,trebuchet ms,arial,sans-serif; font-weight: normal; color: #FFFFFF;
text-align: right;
}

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

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

td.hp3 /* headed photo 3   ok */
{
width: 199px; height: 124px; margin: 0px; border: 0px; border-collapse: collapse; padding: 0px 35px 0px 0px;
}

td.hp4 /* headed photo 4   ok */
{
width: 164px; height: 124px; margin: 0px; border: 0px; border-collapse: collapse; padding: 0px;
}

td.hpd /* headed photo description: custom yellow font: learning english   ? */
{
width: 561px; height: 124px; margin: 0px; border: 0px; border-collapse: collapse; padding: 112px 0px 0px 0px;
font-size: 10px; line-height: 12px; font-family: verdana,trebuchet ms,arial,sans-serif; font-weight: normal; color: #FFFF95;
text-align: right;
}

td.hpm /* headed photo middle      ? */
{
width: 164px; height: 124px; margin: 0px; border: 0px; border-collapse: collapse; padding: 0px 34px 2px 35px;
}

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

td.hpr /* headed photo right        ? */
{
width: 164px; height: 124px; margin: 0px; border: 0px; border-collapse: collapse; padding: 0px 0px 2px 35px;
}

td.htl /* heading technical left: grey */
{
height: 14px; margin: 0px; border: 0px; border-collapse: collapse; padding: 16px 0px 0px 1px;
font-size: 12px; line-height: 14px; font-family: verdana,trebuchet ms,arial,sans-serif; font-weight: normal; color: #707070;
text-align: left;
}

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

td.mfi /* mail field input */
{
width: 760px; margin: 0px; border: 0px; border-collapse: collapse; padding: 0px;
}

td.mfn /* mail field name   light turquoise font   ok */
{
margin: 0px; border: 0px; border-collapse: collapse; padding: 0px 0px 4px 0px;
font-size: 10px; line-height: 12px; font-family: verdana,trebuchet ms,arial,sans-serif; font-weight: normal; color: #BFFFFF;
text-align: left;
}

td.mfp /* mail field prompt   bright blue gtext   ok */
{
margin: 0px; border: 0px; border-collapse: collapse; padding: 0px 1px 4px 0px;
font-size: 10px; line-height: 12px; font-family: verdana,trebuchet ms,arial,sans-serif; font-weight: normal; color: #90FFFF;
text-align: right;
}

td.mlb /* mail box */
{ 
margin: 0px; border: 0px; border-collapse: collapse; padding: 0px;
}

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

td.mnd /* menu divider    creates the menu bar   */
{
width: 760px; height: 0px; margin: 0px; border-top: 2px solid #808080; border-right: 0px; border-bottom: 0px; border-left: 0px; border-collapse: collapse; padding: 0px; padding: 0px;
}

td.mnl /* menu left   blue text   ok */
{
height: 13px; margin: 0px; border: 0px; border-collapse: collapse; padding: 0px;
font-size: 11px; line-height: 13px; font-family: verdana,trebuchet ms,arial,sans-serif; font-weight: normal; color: #2848FF;
text-align: left;
}

td.mnr /* menu right   blue text   ok */
{
height: 13px; margin: 0px; border: 0px; border-collapse: collapse; padding: 0px;
font-size: 11px; line-height: 13px; font-family: verdana,trebuchet ms,arial,sans-serif; font-weight: normal; color: #2848FF;
text-align: right;
}

td.msl /* message left: light yellow */
{
height: 14px; margin: 0px; border: 0px; border-collapse: collapse; padding: 0px;
font-size: 12px; line-height: 14px; font-family: verdana,trebuchet ms,arial,sans-serif; font-weight: normal; color: #FFFFDA;
text-align: left;
}

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

td.nll /* numbered list left: light grey font with mid grey border */
{
margin: 0px; border: 2px solid #808080; border-collapse: collapse; padding: 2px 4px 3px 4px;
font-size: 11px; line-height: 13px; font-family: verdana,trebuchet ms,arial,sans-serif; font-weight: normal; color: #D3D3D3;
text-align: left;
}

td.nlr /* numbered list right: light grey font with mid grey border */
{
margin: 0px; border: 2px solid #808080; border-collapse: collapse; padding: 2px 4px 3px 4px;
font-size: 11px; line-height: 13px; font-family: verdana,trebuchet ms,arial,sans-serif; font-weight: normal; color: #D3D3D3;
text-align: right;
}

td.pcp /* photo caption   ok */
{
width: 164px; height: 13px; margin: 0px; border: 0px; border-collapse: collapse; padding: 0px;
font-size: 11px; line-height: 13px; font-family: verdana,trebuchet ms,arial,sans-serif; font-weight: normal; color: #808080;
text-align: center;
}

td.pfi /* pay field input   ok */
{
width: 424px; margin: 0px; border: 0px; border-collapse: collapse; padding: 0px;
}

td.pfn /* pay field name   light turquoise text   ok */
{
margin: 0px; border: 0px; border-collapse: collapse; padding: 0px 0px 4px 2px;
font-size: 10px; line-height: 12px; font-family: verdana,trebuchet ms,arial,sans-serif; font-weight: normal; color: #BFFFFF;
text-align: left;
}

td.pfp /* pay field prompt    bright blue text   ok */
{
margin: 0px; border: 0px; border-collapse: collapse; padding: 0px 0px 4px 0px;
font-size: 10px; line-height: 12px; font-family: verdana,trebuchet ms,arial,sans-serif; font-weight: normal; color: #90FFFF;
text-align: right;
}

td.pgp /* pop-up gallery photo */
{
width: 164px; height: 140px; margin: 0px; border: 0px; border-collapse: collapse; padding: 0px 0px 16px 0px;
}

td.phl /* pop-up heading left: light blue font */ 
{
height: 14px; margin: 0px; border: 0px; border-collapse: collapse; padding: 0px;
font-size: 12px; line-height: 14px; font-family: verdana,trebuchet ms,arial,sans-serif; font-weight: normal; color: #BFFFFF;
text-align: left;
}

td.pho /* photo */
{
width: 760px; height: 571px; margin: 0px; border: 0px; border-collapse: collapse; padding: 0px;
}

td.phr /* pop-up heading right: white */ 
{
height: 14px; margin: 0px; border: 0px; border-collapse: collapse; padding: 0px;
font-size: 12px; line-height: 14px; font-family: verdana,trebuchet ms,arial,sans-serif; font-weight: normal; color: #FFFFFF;
text-align: right;
}

td.pob /* pay options bottom    mid-grey border   ok */
{
height: 8px; margin: 0px; 
border-top: 0px; border-right: 2px solid #808080; border-bottom: 2px solid #808080; border-left: 2px solid #808080; padding: 0px;
border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; 
}

td.pon /* pay option name: light turquoise text   ok */
{
margin: 0px; border: 0px; border-collapse: collapse; padding: 7px 0px 7px 0px;
font-size: 10px; line-height: 12px; font-family: verdana,trebuchet ms,arial,sans-serif; font-weight: normal; color: #BFFFFF;
text-align: left;
}

td.pot /* pay options top   mid-grey border   ok */
{
height: 8px; margin: 0px; 
border-top: 2px solid #808080; border-right: 2px solid #808080; border-bottom: 0px; border-left: 2px solid #808080; padding: 0px;
border-top-left-radius: 4px; border-top-right-radius: 4px; 	
}

td.ppt /* pop-up portrait */
{
width: 56px; height: 72px; margin: 0px; border: 0px; border-collapse: collapse; padding: 0px 0px 15px 0px;
}

td.ptc /* portrait center   used for photo reveal strip   */
{
width: 56px; margin: 0px; border: 0px; border-collapse: collapse; padding: 0px;
}

td.ptd /* portrait description: custom yellow */
{
width: 705px; height: 58px; margin: 0px; border: 0px; border-collapse: collapse; padding: 46px 0px 1px 0px;
font-size: 11px; line-height: 11px; font-family: verdana,trebuchet ms,arial,sans-serif; font-weight: normal; color: #FFFF95;
text-align: right;
}

td.ptl /* portrait left   used for photo reveal strip   */
{
width: 64px; margin: 0px; border: 0px; border-collapse: collapse; padding: 0px;
}

td.ptr /* portrait right   used for photo reveal strip   ? */
{
width: 56px; height: 72px; margin: 0px; border: 0px; border-collapse: collapse; padding: 0px 0px 16px 0px;
}

td.ptt /* portrait */
{
width: 56px; height: 58px; margin: 0px; border: 0px; border-collapse: collapse; padding: 0px 0px 2px 0px;
}

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

td.pwi /* password input   le   */
{
width: 120px; margin: 0px; border: 0px; border-collapse: collapse; padding: 0px;
}

td.pyc /* pay clicker   */
{
width: 24px; margin: 0px; border: 0px; border-collapse: collapse; padding: 0px 0px 1px 0px;
text-decoration: none; 
}

td.pyo /* pay options */
{
margin: 0px; border: 0px; border-collapse: collapse; padding: 8px 0px 5px 0px;
text-align: right;
}

td.scd /* shopping card */
{
width: 424px; margin: 0px; border: 0px; border-collapse: collapse; padding: 0px;
}

td.scn /* shopping card name: light turquoise font */
{
margin: 0px; border: 0px; border-collapse: collapse; padding: 0px 0px 4px 0px;
font-size: 10px; line-height: 12px; font-family: verdana,trebuchet ms,arial,sans-serif; font-weight: normal; color: #BFFFFF;
text-align: left;
}

td.scp /* shopping card prompt   bright blue text   ok */
{
margin: 0px; border: 0px; border-collapse: collapse; padding: 0px 0px 4px 0px;
font-size: 10px; line-height: 12px; font-family: verdana,trebuchet ms,arial,sans-serif; font-weight: normal; color: #90FFFF;
text-align: right;
}

td.sic /* shop item cost: mid-grey border with white font */
{
margin: 0px; border: 2px solid #808080; border-top: 1px; border-collapse: collapse; padding: 3px 4px 4px 4px;
font-size: 11px; line-height: 14px; font-family: verdana,trebuchet ms,arial,sans-serif; font-weight: normal; color: #FFFFFF;
text-align: right;
}

td.sid /* shop item description: mid-grey border with white font */
{
margin: 0px; border: 2px solid #808080; border-top: 1px; border-right: 0px; border-collapse: collapse; padding: 3px 4px 4px 4px;
font-size: 11px; line-height: 14px; font-family: verdana,trebuchet ms,arial,sans-serif; font-weight: normal; color: #FFFFFF;
text-align: left;
}

td.sil /* shop item list   ok */
{
vertical-align: top;
}

td.sim /* shop item money   mid-grey border with dark-grey background and light-turquoise text   ok */
{
width: 140px; margin: 0px; border: 2px solid #808080; border-collapse: collapse; border-top-right-radius: 4px; padding: 7px 4px 8px 4px;
background: #4F4F4F; 
font-size: 11px; line-height: 14px; font-family: verdana,trebuchet ms,arial,sans-serif; font-weight: normal; color: #BFFFFF;
text-align: right;
}

td.sip /* shop item portrait   ok */
{
vertical-align: top;
width: 51px;
}

td.sit /* shop item title   mid-grey border with dark-grey background and light-turquoise text  ok */
{
width: 646; margin: 0px; border: 2px solid #808080; border-right: 0px; border-collapse: collapse;  border-top-left-radius: 4px; padding: 7px 4px 8px 4px; 
background: #4F4F4F;
font-size: 11px; line-height: 14px; font-family: verdana,trebuchet ms,arial,sans-serif; font-weight: normal; color: #BFFFFF;
text-align: left;
}

td.slc /* shop last item costmid-grey border with white text   ok */
{
margin: 0px; border: 2px solid #808080;  border-top: 1px; border-collapse: collapse; border-bottom-right-radius: 4px; padding: 3px 4px 4px 4px;
font-size: 11px; line-height: 14px; font-family: verdana,trebuchet ms,arial,sans-serif; font-weight: normal; color: #FFFFFF;
text-align: right;
}

td.sld /* shop last item description   mid-grey border with white text   ok */
{
margin: 0px; border: 2px solid #808080;  border-top: 1px;  border-right: 0px; border-collapse: collapse; border-bottom-left-radius: 4px; padding: 3px 4px 4px 4px;
font-size: 11px; line-height: 14px; font-family: verdana,trebuchet ms,arial,sans-serif; font-weight: normal; color: #FFFFFF;
text-align: left;
}

td.snp /* shop no portrait */
{
width: 56px; height: 21px; margin: 0px; border: 0px; border-collapse: collapse; padding: 2px 0px 7px 0px;
}

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

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

td.sp3 /* starter photo 3   ok */
{
width: 199px; height: 124px; margin: 0px; border: 0px; border-collapse: collapse; padding: 0px 35px 0px 0px;
}

td.sp4 /* starter photo 4   ok */
{
width: 164px; height: 124px; margin: 0px; border: 0px; border-collapse: collapse; padding: 0px;
}

td.spt /* shop portrait */
{
width: 56px; height: 70px; margin: 0px; border: 0px; border-collapse: collapse; padding: 5px 0px 9px 0px;
}

td.tcl /* travel caption left: mid grey font */
{
width: 364px; height: 13px; margin: 0px; border: 0px; border-collapse: collapse; padding: 0px;
font-size: 11px; line-height: 13px; font-family: verdana,trebuchet ms,arial,sans-serif; font-weight: normal; color: #808080;
text-align: center;
}

td.tcr /* travel caption right: mid grey font */
{
width: 364px; height: 13px; margin: 0px; border: 0px; border-collapse: collapse; padding: 0px 0px 0px 32px; 
font-size: 11px; line-height: 13px; font-family: verdana,trebuchet ms,arial,sans-serif; font-weight: normal; color: #808080;
text-align: center;
}

td.tpl /* travel photo left */
{
width: 364px; height: 274px; margin: 0px; border: 0px; border-collapse: collapse; padding: 0px;
}

td.tpr /* travel photo right */
{
width: 364px; height: 274px; margin: 0px; border: 0px; border-collapse: collapse; padding: 0px 0px 0px 32px;
}

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

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 /* 05px 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;
}

td.v19 /* 19px vertical space   */
{
height: 19px;
}

td.v20 /* 20px vertical space   */
{
height: 20px;
}

td.v21 /* 21px vertical space   */
{
height: 21px;
}

td.v22 /* 22px vertical space   */
{
height: 22px;
}

td.v37 /* 37px vertical space   */
{
height: 37px;
}

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

td.vil /* vista left */
{
width: 516px; height: 184px; margin: 0px; border: 0px; border-collapse: collapse; padding: 0px 14px 0px 0px;
text-align: left;
}

td.vir /* vista right */
{
width: 516px; height: 184px; margin: 0px; border: 0px; border-collapse: collapse; padding: 0px 0px 0px 14px;
text-align: right;
}

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

td.wcd /* webcam description: white text */
{
width: 517px; height: 206px; margin: 0px; border: 0px; border-collapse: collapse; padding: 191px 0px 4px 0px;
font-size: 11px; line-height: 13px; font-family: verdana,trebuchet ms,arial,sans-serif; font-weight: normal; color: #FFFFFF;
text-align: right; text-transform: uppercase;
}

td.wcn /* webcam normal */
{
width: 244px; height: 206px; margin: 0px; border: 0px; border-collapse: collapse; padding: 20px 0px 6px 0px;
}

tr /* unassigned */
{
}

textarea.mlb /* mail box    mid-grey border with near-black background and white text   ok */
{
width: 753px; height: 169px; margin: 0px; border-radius: 4px; border: 2px solid #808080; border-collapse: collapse; padding: 3px 0px 3px 3px;
background: #101010; text-decoration: none; cursor: pointer;
font-size: 12px; line-height: 14px; font-family: verdana,trebuchet ms,arial,sans-serif; font-weight: normal; color: #FFFFFF;
overflow: auto;
}

textarea.scd /* shopping card   mid-grey border with black background and white text   ok */
{
width: 417px; height: 169px; margin: 0px; border-radius: 4px; border: 2px solid #808080; border-collapse: collapse; padding: 3px 0px 3px 3px;
background: #000000; text-decoration: none; cursor: pointer;
font-size: 12px; line-height: 14px; font-family: verdana,trebuchet ms,arial,sans-serif; font-weight: normal; color: #FFFFFF;
overflow: auto;
}