/*
  dictionary.css

  A default stylesheet for use with the DictionaryHTML service results to
  display those results in a good way.
  This stylesheet should be used on the client and adapted to suit their needs.
  For example - if the client needs to use a different font/size/colour they
  can adjust the styles within.

  ****************************************************************************
  No attempt has been made or will be made to optimise this style sheet.
  This is to make updates as easy to make and understand as possible.
  ****************************************************************************

  Created: 2015-02-25

  2015-03-06 - Added new classes - 'posg_hg', 'posg_sg', 'pos_hg', 'pos_sg'.
   This is to allow us to more closely match the PDF styles presented to us.

  2015-04-22 - Added 'fr_' to class names for French because Portuguese is so
   different we can't use the same class names at the moment.

  2015-05-07 - Combined the French and Portuguese into one style sheet.

  2015-05-19 - Rob - Turned off all italic styles as they are not good for
   Dyslexics.

*/

/*
  All tags start with 'thd_' to try to differentiate them from other tags.
  thd = texthelp dictionary.
  We also differentiate the language...
    French tags therefore start with 'thd_fr_'.
    Portuguese tags therefore start with 'thd_pt_'.
 */

@import url('https://fonts.googleapis.com/css?family=Open+Sans');

/*
 Every HTML response from the dictionary is wrapped in a
 span with class 'thd_fr_e' for 'element'. In other
 words all the other spans will inherit from this class.
*/
.thd_fr_e{
    font-family: "Open Sans",sans-serif;
}

/* TODO - Add classes for the image spans */

/*
 A special class that we give to <br> tags that we had to insert
 because of newlines in the actual data. By changing this classes
 style (display:none) the client can choose to remove these breaks.
 */
.thd_fr_break{}

/******************************************************************************/

/*
 We can convert the normal HTML tags into spans with the following
 class names. This allows those styles to be overridden if required.
 */
.thd_fr_b{
    font-weight: bold;
}
.thd_fr_i{
    /* 2015-05-19 - turned off italics */
    /*font-style: italic;*/
}
.thd_fr_sub{
    vertical-align: sub;
    font-size: small;
}
.thd_fr_sup{
    vertical-align: super;
    font-size: small;
}

/* ************************************************************************** */
/* Author, Ref and Work */
.thd_fr_author{}
.thd_fr_ref{}
.thd_fr_work{
    /* 2015-05-19 - turned off italics */
    /*font-style: italic;*/
}

/******************************************************************************/
/* Head Word group */
.thd_fr_hg{
    display: block;
}

/* Variant group */
/*
 It appears that the vg tag sometimes should be on the next line and sometimes
 not. The rule appears to be if the tag is followed immediately by 'ou' (French)
 then it should be on the same line. This formatting is achieved by adding
 breaks appropriately in the DictionaryFile.java code.
 */
.thd_fr_vg{}

/* Head Word and Variant, should have the same styles */
.thd_fr_hw, .thd_fr_v{
    text-transform: uppercase;
    font-weight: bold;
}

/* ************************************************************************** */
/* Part of speech group */

/* For head word groups */
.thd_fr_posg_hg{}

/* For sense groups */
.thd_fr_posg_sg{
    font-size: small;
    text-transform: uppercase;
}

/* Outside of both of the above */
.thd_fr_posg{
    font-size: small;
    text-transform: uppercase;
}

/* ************************************************************************** */
/* Part of speech */

/* For head word groups */
.thd_fr_pos_hg{}  /* Notice there's no styling! */

/* For sense groups */
.thd_fr_pos_sg{
    font-size: small;
    text-transform: uppercase;
}

/* Outside of both of the above */
.thd_fr_pos{
    font-size: small;
    text-transform: uppercase;
}

/******************************************************************************/
/* Cross reference group */
.thd_fr_xrg{
    display: block;
    font-size: small;
    text-transform: uppercase;
}

/* Cross reference */
.thd_fr_xr{}

/******************************************************************************/
/* Sense group */
.thd_fr_sg{
    display: block;
}

/* Sub-Entries (various levels) */
.thd_fr_se1{
    display: block;
}

.thd_fr_se2Group{
    display: block;
}

/*
  accroire does not need display block, abandon does on 'se2' tag?!?
  Using a new class 'se2_num' to try to tell the difference, may not work 100%
 */
.thd_fr_se2{}

.thd_fr_se2_num{
    display: block;
}

.thd_fr_se3{
    display: block;
}

.thd_fr_subEntry{
    display: block;
}

.thd_fr_subEntryBlock{}

/******************************************************************************/
/* General-text boldnormal. Overrides other styles. */
.thd_fr_gt_bn{
    font-weight: bold;     /* Ensure we're still bold */
    font-variant: normal;  /* Ensure we're normal */
    text-transform: none;  /* Needed to remove the 'uppercase' from 'hw' */
}

/******************************************************************************/
/* Definition, Example group and Example */
.thd_fr_df{}
.thd_fr_eg{}
.thd_fr_ex{
    /* 2015-05-19 - turned off italics */
    /*font-style: italic;*/
}

/******************************************************************************/
/* Inflection Group and Inflection */
.thd_fr_infg{}

/*
 It seems that sometimes this is wrong - but it is very hard to determine
 when it is wrong (French 'abat-vent' has inflections that are lower case
 and normal). So this will have to do until we know how to fix this issue.
 */
.thd_fr_inf{
    text-transform: uppercase;
    font-weight: bold;
}

/******************************************************************************/
/* genpunc - general punctuation */
.thd_fr_genpunc{}

/* ll - embedded lemma */
.thd_fr_ll{
    font-weight: bold;
}

/* l - lemma */
.thd_fr_l{
    font-weight: bold;
    /* 2015-05-19 - turned off italics */
    /*font-style: italic;*/
}

/* msDict */
.thd_fr_msDict{}

/* msThes */
.thd_fr_msThes{}

/* reg - register label */
.thd_fr_reg{
    font-size: small;
    text-transform: uppercase;
}

/* r - roman (plain font) = cancel out other font settings */
.thd_fr_r{
    font-variant: normal;
    font-weight: normal;
    font-style: normal;
}

/* sc - small caps */
.thd_fr_sc{
    font-size: small;
    text-transform: uppercase;
}

/* sj - subject label */
.thd_fr_sj{
    font-size: small;
    text-transform: uppercase;
}

/* ************************************************************************** */
/* Thesaurus block */
.thd_fr_thesBlock{}

/* ************************************************************************** */
/* Antonyms */
.thd_fr_ant{
    /* To cancel out the antBlock style. */
    font-size: medium;
    font-variant: normal;
    text-transform: none;
}
.thd_fr_antBlock{
    font-size: small;
    text-transform: uppercase;
}
.thd_fr_antGroup{}
.thd_fr_antList{}

/* ************************************************************************** */
/* Synonyms */
.thd_fr_syn{
    /* To cancel out the synBlock style. */
    font-size: medium;
    font-variant: normal;
    text-transform: none;
}
.thd_fr_synBlock{
    font-size: small;
    text-transform: uppercase;
}
.thd_fr_synGroup{}
.thd_fr_synList{}

/******************************************************************************/
/* There is only one geographic tag in French, 'q'... */
/* The geographic tag is only an image */
/* TODO - Replace this image with something better! */
.thd_fr_ge_q{
    display: inline-block;
    width: 14px;
    height: 12px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAMCAYAAABSgIzaAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAABsUlEQVQoz42RT0iTARiHny3BDAPFgkaHWvCZLpSicEJGyugQ1MgUFqL3BlJpUNGhIDp1kS6edpmGoCh8ODBk1FatPx60+QeHIvsyl4JOZ+qs7Vvf66Fb38B+5+f3e+B9kbzJyfZsQHrDCdHzA2LFFEHXVJ761zg41kX3RAohT0xT2Zj4W7zin0+LsR6Uh5efSXgj9x/G9Tk+zZdTZT+EpVThgn2SqPbLhBVAhuRUkMHBEFphJXXXzuN2jfB+aouztijvrG5uH10g4HtNZCaD3dVI89VqLH/i/fJgyMaje3UcIUksqDLyQ2drqYyLxzRWTp3gZ8KG23OJk8U51sLdvEjeoCC9rKGtbvJRjTE+0MMoTq4fL6KwbJKu1Dluhqf5fWAYT4MPd3sjp9Pf0bIprIedbXTavzEa0XG9fMNY3x2q5SsLS7tkVmKMfyjCef8VX0KPqUxEeLvooMNzBouI/HNtg53pAEMzOxjpXTIltbQ2V1G87ztEl2X1rjgURSoURSpu9YlmmClT0dgIyZPaevH6Pks82ivemivSocYlu1/xrzQhoedN4qhpl57ZTckjlD0PkHyBw31d3wAAAABJRU5ErkJggg==) no-repeat;
}

/******************************************************************************/
/* There are several types of notes, 9 found so far... */

.thd_fr_note_general{
    display: block;
}
.thd_fr_note_grammar{
    display: block;
}
.thd_fr_note_orthographie{
    display: block;
}
.thd_fr_note_syntax{
    display: block;
}
.thd_fr_note_typography{
    display: block;
}
/* Has no image */
.thd_fr_note_homographs{
    display: block;
}
/* Has no image */
.thd_fr_note_nconjugaison{
    display: block;
}
/* Has no image */
.thd_fr_note_rectification{
    display: block;
}

/* .thd_fr_note_remarque displayed in-line, has no image. */

/* .thd_fr_note_homographs_label_single has no image, but has label. */
.thd_fr_note_homographs_label_single
{
    font-size: small;
    text-transform: uppercase;
}

/*
 .thd_fr_note_homographs_label_multiple has no image,
  but has label and is also on the next line.
 */
.thd_fr_note_homographs_label_multiple
{
    display: block;
    font-size: small;
    text-transform: uppercase;
}

/* .thd_fr_note_nconjugaison has no image, but has label. */
.thd_fr_note_nconjugaison_label
{
    display: block;
    font-size: small;
    text-transform: uppercase;
}

/* TODO - Choose carefully. Pick one of - images, bullet points or text! */

/* Images */
/* TODO - Replace these images with something better! */
/* TODO - You may also wish to add tool-tips to explain what the image mean, the text used later could be useful! */
.thd_fr_note_general_image{
    display: inline-block;
    width: 18px;
    height: 11px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAALCAYAAAByF90EAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAABoElEQVQoz42ST0iTcRzGP+/2+pZu4mqB1Db/1DtZQkFt2JiHICkmRB22EQh6qEjwIEJEh4IOkw6iUSpCxOgUKC3ZYaxDt9ApC/IwQQ8ZNIPXaLMoHUxdPw8Lkt7l+p6ff1+eRxJCCCqeYCe3QjoDDadOYJUlHUKqLCTIpx4RGNa44N5mRvMTedzJkb9QMhRYS0WJvJjj5/Er9PZepPngXsd13sWz3Bh5SPDoIsrtVXbK2BngK6k3Rq6NDHHTskz6e/F3kA0+pxdYmIsT09ycsyv75pYBMNVhlhUk1cLHyXGelL5GOXQMm+Uw/n4vdon/EALAiNXl43z1D8BIbaML1XpAz0je5erlKGdsNRjqHLQ0OWj0dOwVKpKdGaPrzmsd19TznLf326kB8AzyaiKoS1gS0pLEY3lIbhO6F0bdXOPbVqlMkXvP1OwSn4rtnARQqijTPjJYaPWZSTx7iqb2EA6EOG02/EH8+kB99wOmE16un/2CVvzXSipeQWRe9olWp1O4nE7huhUTWhmUXHnVCnb/AKP5FuYzEuqlNt0YAXYBwa6y5JA7JrUAAAAASUVORK5CYII=) no-repeat;
}

.thd_fr_note_grammar_image{
    display: inline-block;
    width: 19px;
    height: 9px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAJCAYAAADQHRcxAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAABB0lEQVQoz62QMUvDUBRGT0sG0cHJRXBwUTq6SXHwZ7g76CTi5M9QBwdrFiWQIUtc06EuxUEw5Q0PEkmQBCltoZbUlibw4iDUiCDS+o2Hy+FySvk4zJtOi55iji2xvrOLxluLm1OD5f0qq+VZRAOk/URlbRsNgMUqe0fHbGmzyGLu5Akh8PsvbZvDA5v2H7Vl/nFfskRgXTWI1YS4YWCJwbcuwjK4jyeouEHNEgwL7KfsPaBec+mqjK5rUw+SgiwhdGzcTobquFw7AcMpS6dXn8lHTUxd4o/6mBcpPET4UudcvOJ7oJ+5RF5E37xE8cjYkwV2i/RSKkApz3r5s3ghyeeptcDKxiYfBfyC26tx98EAAAAASUVORK5CYII=) no-repeat;
}
.thd_fr_note_orthographie_image{
    display: inline-block;
    width: 20px;
    height: 7px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAHCAYAAAAIy204AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAABPklEQVQoz43RzyuDcQDH8fezTTLE/Kqxp/zIKCJaWnpMbkosKaX8KiEHZUpNrFzksKuDP8GSXGQJjVzIQU3Jj0hKZC1rLEaer9tq8jSf66defeojCSEExAlfX3D/+k3qSKQVVVJjyUL6qxXiS4R2lxhfvKJaMXKJnSFbnrYXO8O3eoO5qY2u/m5aSrOTYB3qLf41E6MTDhptVgwp9qmRCKbBBbxTChwsM+vdIBiKJ3oD6htRuRp7+h1BJDLyzchykbZoUSheD/LU04ljyE3z8zbz7U5WRubwjCm/B+nILaulodGiDX7qOd58RB+75+QwwP7eDudWB8NKFYUGCUmoD8Lv6mV664sKq5EwFupLjNrg+wOnR1dEAZ3cgcszSV9rOZlS4hRVfFz7mO5fIPCi8q/kNDHgnmHMWUeBIfnrHx9mZRRHsShLAAAAAElFTkSuQmCC) no-repeat;
}
.thd_fr_note_syntax_image{
    display: inline-block;
    width: 18px;
    height: 10px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAKCAYAAAC5Sw6hAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAByElEQVQoz3WST0jTARzF35qHap0bpXmzRuAwW7DwssQgWH8o8NCpyA7RIXZICRIJ6yCEbJeK2EGKWIF1KZBgUSpdhm7LWVFbboE4cS5wf5Tf2Pp9uvSH3HzHL++9w+d9LQBqqIp+pOKKf1nRhmnVzj1OHT3SKpulsdvSsKi2pCn/DQ0Ek7K7ndq7w1A2NqMF+zkNDvvU27lbTZsz1KlKbqKfdvdNJrLGv7NZJDM5xoDXw/k7L5jLGf+lGhSViPm9HL79nnUAKqytrWP+6St9I+zvw+06y4XeLhyuSwQTBbZJEuWUpl+91fxqRZJNju6Tap2N62v5pySrmoof9TJwXVeHnmim3KIe30O9eXxaSuSkQkyvY8sS5JgcPI6jrY2DF5+SrppgFkmH7+G7cotH4c/kqyZQoxgZ5cSZB8xtmIDBcmScYGiaTKmGoEQydA13m5Njni7au30E3y1QNgEM8sl5UvnfPKpRAi4vgWipDsgmRgar0WcM9Xo41T/GVKb4lw0YZMPD9By4TCht1BVtMX9O8ef3NTI6ru/2Th1q3i5jKaHIyn713R2Rz9NcN79l64eUKC/qw+wnLRYqstha1OHu0L5d1obeXzhUikIXPrGEAAAAAElFTkSuQmCC) no-repeat;
}
.thd_fr_note_typography_image{
    display: inline-block;
    width: 13px;
    height: 12px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAMCAYAAAC5tzfZAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAA9ElEQVQoz2P8///D/8trljLse/KLgTBgY5B2jmZgYWD4zHD/MAODXW8BgyELfi1/zk1jKLn3mQGh7NMBhvqohQz/nPQYRNgYURT///KI4dRxGYacanYGBgYGmKb/DD/uXGI4q2jNUBUZwWDJupch066U4SB/FsOy45kMcre3Mrzbv4/h4TMlBgZWBgYmmKZ/fBYM9XWxDFayPAyo9rAzCGv6M5RNjWVQ4YTIQDUxMXCpmDGYSrLj8A0zA4+GOYMhVJ6JgQwwkJp+PGA4tusMwzMGBgaGX9cZDu28zPD2P6oSzOjkUGCwimtm2BTXjNMmRnKSEQDehEx7LVPIawAAAABJRU5ErkJggg==) no-repeat;
}

/* Bullet points */
/* TODO - You may want to use different bullet points or colours... */
/*.thd_fr_note_general_image:before
{*/
    /*content: "•";*/
/*}*/
/*.thd_fr_note_grammar_image:before
{*/
    /*content: "•";*/
/*}*/
/*.thd_fr_note_orthographie_image:before
{*/
    /*content: "•";*/
/*}*/
/*.thd_fr_note_syntax_image:before
{*/
    /*content: "•";*/
/*}*/
/*.thd_fr_note_typography_image:before
{*/
    /*content: "•";*/
/*}*/

/* Text */
/* TODO - You may wish to use different text */
/* Seems that using this style in Firefox does not allow you to select the text inserted before! */
/*.thd_fr_note_general_image:before{*/
    /*content: "Note sémantique ou technique - ";*/
/*}*/
/*.thd_fr_note_grammar_image:before{*/
    /*content: "Note grammaticale - ";*/
/*}*/
/*.thd_fr_note_orthographie_image:before{*/
    /*content: "Note orthographique - ";*/
/*}*/
/*.thd_fr_note_syntax_image:before{*/
    /*content: "Note syntaxique - ";*/
/*}*/
/*.thd_fr_note_typography_image:before{*/
    /*content: "Note typographique - ";*/
/*}*/

/* ************************************************************************** */
/* Not used in French... */
/* TODO - To be checked */

.thd_fr_alt-hg{}
.thd_fr_antDef{}  /* Used only in Portuguese (so far)... */
.thd_fr_date{}
.thd_fr_dg{}
.thd_fr_etym{}
.thd_fr_f{}
.thd_fr_ff{}
.thd_fr_fg{}
.thd_fr_general-text{}
.thd_fr_gg{}
.thd_fr_la{}
.thd_fr_label{}
.thd_fr_lg{}
.thd_fr_rel{}
.thd_fr_relDef{}
.thd_fr_relGroup{}
.thd_fr_relList{}
.thd_fr_rf{}
.thd_fr_sy{}
.thd_fr_synDef{}  /* Used only in Portuguese (so far)... */

/* ************************************************************************** */

/*
 NOTE - Neither of these tags should currently appear in the HTML.
 Keeping these here just in case we work out how to bring them back.
 */

/* Phonetics tag... */

/*.thd_fr_ph{}*/

/* Pronunciation tag... */

/*.thd_fr_pr{*/
/*display: block;*/
/*}*/

/*.thd_fr_pr:before{*/
/*content: url(pronunciation.png) " ";*/
/*}*/

/* ************************************************************************** */
/* ************************************************************************** */
/* ************************************************************************** */
/* ************************************************************************** */

/*
 Every HTML response from the dictionary is wrapped in a span with class 'thd_e'
 for 'element'. In other words all the other spans will inherit from this class.
*/
.thd_pt_e{
    font-family: "Open Sans",sans-serif;
}

/* TODO - Add classes for the image spans */

/*
 A special class that we give to <br> tags that we had to insert
 because of newlines in the actual data. By changing this classes
 style (display:none) the client can choose to remove these breaks.
 */
.thd_pt_break{}

/******************************************************************************/

/*
 We can convert the normal HTML tags into spans with the following
 class names. This allows those styles to be overridden if required.
 */
.thd_pt_b{
    font-weight: bold;
}
.thd_pt_i{
    /* 2015-05-19 - turned off italics */
    /*font-style: italic;*/
}
.thd_pt_sub{
    vertical-align: sub;
    font-size: small;
}
.thd_pt_sup{
    vertical-align: super;
    font-size: small;
}

/* ************************************************************************** */
/* Author, Ref and Work */
.thd_pt_author{}
.thd_pt_ref{}
.thd_pt_work{
    /* 2015-05-19 - turned off italics */
    /*font-style: italic;*/
}

/******************************************************************************/
/* Head Word group */
.thd_pt_hg{
    display: block;
}

/* Variant group */
/*
Not sure yet what we need here for Portuguese..
 */
.thd_pt_vg{}

/* Head Word and Variant, should have the same styles */
.thd_pt_hw, .thd_pt_v{
    font-weight: bold;
}

/* ************************************************************************** */
/* Part of speech group */

/* For head word groups */
.thd_pt_posg_hg{}

/* For sense groups */
.thd_pt_posg_sg{
    font-size: small;
    /* 2015-05-19 - turned off italics */
    /*font-style: italic;*/
}

/* Outside of both of the above */
.thd_pt_posg{
    font-size: small;
    /* 2015-05-19 - turned off italics */
    /*font-style: italic;*/
}

/* ************************************************************************** */
/* Part of speech */

/* For head word groups */
.thd_pt_pos_hg{}  /* Notice there's no styling! */

/* For sense groups */
.thd_pt_pos_sg{
    font-size: small;
    /* 2015-05-19 - turned off italics */
    /*font-style: italic;*/
}

/* Outside of both of the above */
.thd_pt_pos{
    font-size: small;
    /* 2015-05-19 - turned off italics */
    /*font-style: italic;*/
}

/******************************************************************************/
/* Cross reference group */
.thd_pt_xrg{}

/* Cross reference */
.thd_pt_xr{
    /* 2015-05-19 - turned off italics */
    /*font-style: italic;*/
}

/******************************************************************************/
/* Sense group */
.thd_pt_sg{}

/* Sub-Entries (various levels) */
.thd_pt_se1{
}

.thd_pt_se2Group{}

.thd_pt_se2{
    display: block;
}

.thd_pt_se2_num{
    display: block;
    font-weight: bold;
}

.thd_pt_se3{
    display: block;
}

.thd_pt_subEntry{}

.thd_pt_subEntryBlock{}

/******************************************************************************/
/* General-text boldnormal. Overrides other styles. */
.thd_pt_gt_bn{
    font-weight: bold;     /* Ensure we're still bold */
    font-variant: normal;  /* Ensure we're normal */
    text-transform: none;  /* Needed to remove the 'uppercase' from 'hw' */
}

.thd_pt_gt{
    font-size: small;
}

/******************************************************************************/
/* Definition, Example group and Example */
.thd_pt_df{}
.thd_pt_eg{}
.thd_pt_ex{
    /* 2015-05-19 - turned off italics */
    /* 2015-05-27 - turned on again at Martins request */
    font-style: italic;
}

/******************************************************************************/
/* Inflection Group and Inflection */
.thd_pt_infg{}

.thd_pt_inf{
    /* 2015-05-19 - turned off italics */
    /*font-style: italic;*/
}

/******************************************************************************/
/* genpunc - general punctuation */
.thd_pt_genpunc{}

/* ll - embedded lemma */
.thd_pt_ll{
    font-weight: bold;
}

/* l - lemma */
.thd_pt_l{
    font-weight: bold;
    /* 2015-05-19 - turned off italics */
    /*font-style: italic;*/
}

/* msDict */
.thd_pt_msDict{
    font-weight: normal;
}

/* msThes */
.thd_pt_msThes{
    text-transform: lowercase;
    font-size: medium;
}

/* reg - register label */
.thd_pt_reg{
    /* 2015-05-19 - turned off italics */
    /*font-style: italic;*/
}

/* r - roman (plain font) = cancel out other font settings */
.thd_pt_r{
    font-variant: normal;
    font-weight: normal;
    font-style: normal;
}

/* sc - small caps */
.thd_pt_sc{
    font-size: small;
    text-transform: uppercase;
}

/* sj - subject label */
.thd_pt_sj{
    font-size: small;
    text-transform: uppercase;
}

/* ************************************************************************** */
/* Thesaurus block */
.thd_pt_thesBlock{
    display: block;
}

/* ************************************************************************** */
/* Antonyms */
.thd_pt_ant{
    /* To cancel out the antBlock style. */
    font-size: medium;
    font-variant: normal;
    text-transform: none;
}
.thd_pt_antBlock{
    font-size: small;
    text-transform: uppercase;
}
.thd_pt_antGroup{}
.thd_pt_antList{}

/* ************************************************************************** */
/* Synonyms */
.thd_pt_syn{
    /* To cancel out the synBlock style. */
    font-size: medium;
    font-variant: normal;
    text-transform: none;
}
.thd_pt_synBlock{
    font-size: small;
    text-transform: uppercase;
}
.thd_pt_synGroup{}
.thd_pt_synList{}

/******************************************************************************/
/* There is multiple geographic tags in Portuguese, find out what they look like!
and change this accordingly*/
.thd_pt_ge{}

/******************************************************************************/
/* There are several types of notes, 9 found so far... */

.thd_pt_note{
    display: block;
}

.thd_pt_note_general{
    display: block;
}
.thd_pt_note_grammar{
    display: block;
}
.thd_pt_note_orthographie{
    display: block;
}
.thd_pt_note_syntax{
    display: block;
}
.thd_pt_note_typography{
    display: block;
}
/* Has no image */
.thd_pt_note_homographs{
    display: block;
}
/* Has no image */
.thd_pt_note_nconjugaison{
    display: block;
}
/* Has no image */
.thd_pt_note_rectification{
    display: block;
}

/* .thd_note_remarque displayed in-line, has no image. */

/* .thd_note_homographs_label_single has no image, but has label. */
.thd_pt_note_homographs_label_single
{
    font-size: small;
    text-transform: uppercase;
}

/*
 .thd_note_homographs_label_multiple has no image,
  but has label and is also on the next line.
 */
.thd_pt_note_homographs_label_multiple
{
    font-size: small;
    text-transform: uppercase;
}

/* .thd_note_nconjugaison has no image, but has label. */
/*.thd_pt_note_nconjugaison_label*/
/*{*/
/*display: block;*/
/*font-size: small;*/
/*text-transform: uppercase;*/
/*}*/

/* TODO - Replace these images with something better! */
/* Images instead of bullet points for non-Mac... */
/* You use either images or bullet points, not both! */
.thd_pt_note_general_image{
    display: inline-block;
    width: 18px;
    height: 11px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAALCAYAAAByF90EAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAABoElEQVQoz42ST0iTcRzGP+/2+pZu4mqB1Db/1DtZQkFt2JiHICkmRB22EQh6qEjwIEJEh4IOkw6iUSpCxOgUKC3ZYaxDt9ApC/IwQQ8ZNIPXaLMoHUxdPw8Lkt7l+p6ff1+eRxJCCCqeYCe3QjoDDadOYJUlHUKqLCTIpx4RGNa44N5mRvMTedzJkb9QMhRYS0WJvJjj5/Er9PZepPngXsd13sWz3Bh5SPDoIsrtVXbK2BngK6k3Rq6NDHHTskz6e/F3kA0+pxdYmIsT09ycsyv75pYBMNVhlhUk1cLHyXGelL5GOXQMm+Uw/n4vdon/EALAiNXl43z1D8BIbaML1XpAz0je5erlKGdsNRjqHLQ0OWj0dOwVKpKdGaPrzmsd19TznLf326kB8AzyaiKoS1gS0pLEY3lIbhO6F0bdXOPbVqlMkXvP1OwSn4rtnARQqijTPjJYaPWZSTx7iqb2EA6EOG02/EH8+kB99wOmE16un/2CVvzXSipeQWRe9olWp1O4nE7huhUTWhmUXHnVCnb/AKP5FuYzEuqlNt0YAXYBwa6y5JA7JrUAAAAASUVORK5CYII=) no-repeat;
}

.thd_pt_note_grammar_image{
    display: inline-block;
    width: 19px;
    height: 9px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAJCAYAAADQHRcxAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAABB0lEQVQoz62QMUvDUBRGT0sG0cHJRXBwUTq6SXHwZ7g76CTi5M9QBwdrFiWQIUtc06EuxUEw5Q0PEkmQBCltoZbUlibw4iDUiCDS+o2Hy+FySvk4zJtOi55iji2xvrOLxluLm1OD5f0qq+VZRAOk/URlbRsNgMUqe0fHbGmzyGLu5Akh8PsvbZvDA5v2H7Vl/nFfskRgXTWI1YS4YWCJwbcuwjK4jyeouEHNEgwL7KfsPaBec+mqjK5rUw+SgiwhdGzcTobquFw7AcMpS6dXn8lHTUxd4o/6mBcpPET4UudcvOJ7oJ+5RF5E37xE8cjYkwV2i/RSKkApz3r5s3ghyeeptcDKxiYfBfyC26tx98EAAAAASUVORK5CYII=) no-repeat;
}
.thd_pt_note_orthographie_image{
    display: inline-block;
    width: 20px;
    height: 7px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAHCAYAAAAIy204AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAABPklEQVQoz43RzyuDcQDH8fezTTLE/Kqxp/zIKCJaWnpMbkosKaX8KiEHZUpNrFzksKuDP8GSXGQJjVzIQU3Jj0hKZC1rLEaer9tq8jSf66defeojCSEExAlfX3D/+k3qSKQVVVJjyUL6qxXiS4R2lxhfvKJaMXKJnSFbnrYXO8O3eoO5qY2u/m5aSrOTYB3qLf41E6MTDhptVgwp9qmRCKbBBbxTChwsM+vdIBiKJ3oD6htRuRp7+h1BJDLyzchykbZoUSheD/LU04ljyE3z8zbz7U5WRubwjCm/B+nILaulodGiDX7qOd58RB+75+QwwP7eDudWB8NKFYUGCUmoD8Lv6mV664sKq5EwFupLjNrg+wOnR1dEAZ3cgcszSV9rOZlS4hRVfFz7mO5fIPCi8q/kNDHgnmHMWUeBIfnrHx9mZRRHsShLAAAAAElFTkSuQmCC) no-repeat;
}
.thd_pt_note_syntax_image{
    display: inline-block;
    width: 18px;
    height: 10px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAKCAYAAAC5Sw6hAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAByElEQVQoz3WST0jTARzF35qHap0bpXmzRuAwW7DwssQgWH8o8NCpyA7RIXZICRIJ6yCEbJeK2EGKWIF1KZBgUSpdhm7LWVFbboE4cS5wf5Tf2Pp9uvSH3HzHL++9w+d9LQBqqIp+pOKKf1nRhmnVzj1OHT3SKpulsdvSsKi2pCn/DQ0Ek7K7ndq7w1A2NqMF+zkNDvvU27lbTZsz1KlKbqKfdvdNJrLGv7NZJDM5xoDXw/k7L5jLGf+lGhSViPm9HL79nnUAKqytrWP+6St9I+zvw+06y4XeLhyuSwQTBbZJEuWUpl+91fxqRZJNju6Tap2N62v5pySrmoof9TJwXVeHnmim3KIe30O9eXxaSuSkQkyvY8sS5JgcPI6jrY2DF5+SrppgFkmH7+G7cotH4c/kqyZQoxgZ5cSZB8xtmIDBcmScYGiaTKmGoEQydA13m5Njni7au30E3y1QNgEM8sl5UvnfPKpRAi4vgWipDsgmRgar0WcM9Xo41T/GVKb4lw0YZMPD9By4TCht1BVtMX9O8ef3NTI6ru/2Th1q3i5jKaHIyn713R2Rz9NcN79l64eUKC/qw+wnLRYqstha1OHu0L5d1obeXzhUikIXPrGEAAAAAElFTkSuQmCC) no-repeat;
}
.thd_pt_note_typography_image{
    display: inline-block;
    width: 13px;
    height: 12px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAMCAYAAAC5tzfZAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAA9ElEQVQoz2P8///D/8trljLse/KLgTBgY5B2jmZgYWD4zHD/MAODXW8BgyELfi1/zk1jKLn3mQGh7NMBhvqohQz/nPQYRNgYURT///KI4dRxGYacanYGBgYGmKb/DD/uXGI4q2jNUBUZwWDJupch066U4SB/FsOy45kMcre3Mrzbv4/h4TMlBgZWBgYmmKZ/fBYM9XWxDFayPAyo9rAzCGv6M5RNjWVQ4YTIQDUxMXCpmDGYSrLj8A0zA4+GOYMhVJ6JgQwwkJp+PGA4tusMwzMGBgaGX9cZDu28zPD2P6oSzOjkUGCwimtm2BTXjNMmRnKSEQDehEx7LVPIawAAAABJRU5ErkJggg==) no-repeat;
}

/* Bullet points instead of images for Mac... */
/* You use either images or bullet points, not both! */
/* You may want to use different bullet points or colours... */
/*.thd_pt_note_general_image{*/
/*content: "•";*/
/*}*/
/*.thd_pt_note_grammar_image{*/
/*content: "•";*/
/*}*/
/*.thd_pt_note_orthographie_image{*/
/*content: "•";*/
/*}*/
/*.thd_pt_note_syntax_image{*/
/*content: "•";*/
/*}*/
/*.thd_pt_note_typography_image{*/
/*content: "•";*/
/*}*/

/* ************************************************************************** */
/* Not used in French... */
/* TODO - To be checked */

.thd_pt_alt-hg{}
.thd_pt_antDef{}  /* Used only in Portuguese (so far)... */

.thd_pt_dg{} /* Date group */

/* Roman numeral dates don't look to be italic like the normal numerals but
making them all italic for now. */
.thd_pt_date{
    /* 2015-05-19 - turned off italics */
    /*font-style: italic;*/
}

.thd_pt_etym{
    display: block;
}
.thd_pt_f{}

.thd_pt_ff{
    /* 2015-05-19 - turned off italics */
    /*font-style: italic;*/
}

.thd_pt_fg{}

.thd_pt_general-text{
    font-size: small;
}

.thd_pt_gg{}
.thd_pt_la{}

.thd_pt_label{
    text-transform: uppercase;
    font-size: small;
}

.thd_pt_lg{}
.thd_pt_rel{}
.thd_pt_relDef{}
.thd_pt_relGroup{}
.thd_pt_relList{}
.thd_pt_rf{}

.thd_pt_sy{
    /* 2015-05-19 - turned off italics */
    /*font-style: italic;*/
}

.thd_pt_synDef{}  /* Used only in Portuguese (so far)... */

/* ************************************************************************** */

/*
 NOTE - Neither of these tags should currently appear in the HTML.
 Keeping these here just in case we work out how to bring them back.
 */

/* Phonetics tag... */

/*.thd_pt_ph{}*/

/* Pronunciation tag... */

/*.thd_pt_pr{*/
/*display: block;*/
/*}*/

/*.thd_pt_pr:before{*/
/*content: url(pronunciation.png) " ";*/
/*}*/