/*
 * Pragmatic Tracker Styles
 *
 * reset stuff... */
  html, body, div, span, applet, object, iframe,
  h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  a, abbr, acronym, address, big, cite, code,
  del, dfn, em, font, img, ins, kbd, q, s, samp,
  small, strike, strong, sub, sup, tt, var,
  dl, dt, dd, li,
  fieldset, form, label, legend,
  table, caption, tbody, tfoot, thead, tr, th, td
  {margin:0; padding:0; border:0; outline:0; vertical-align: baseline;
        font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit;}
  :focus {outline:0;}
  body {}
  img {font-size:0;}
  ol, ul {list-style:none outside none;}
  /* tables still need 'cellspacing="0"' in the markup */
  table {border-collapse:separate; border-spacing:0;}
  caption, th, td {text-align:left; font-weight:normal;}
  blockquote:before, blockquote:after, q:before, q:after {content:"";}
  blockquote, q {quotes:"" "";}

  /* colours...
   *    cyan:         #01b5eb;
   *    green:        #61ba34;
   *    yellow:       #ffe815;
   *    pink:         #d31d5a;
   *    purple:
   */

  /* site structure... */
  body {text-align:center; font-family:arial, tahoma, sans-serif; font-size:10pt; color:#444546; background:#f8f8f9 url(bkgnd_body.png) left top repeat-x;}
  #center {width:1008px; margin:0 auto; position:relative; top:0; left:0; text-align:left;}
  #page   {float:left; clear:left; width:984px; margin:12px 0 0 0; padding:12px; min-height:500px;
              background-color:#fff; border-radius:18px; box-shadow:3px 3px 6px 0 #777879;}

  /* content section... */
  #pp_foot {float:left; clear:left; width:972px; padding:6px 18px 12px 18px; color:#666; font-size:0.85em;}

  /* columns... */
  .colFullWidth {float:left;  width:984px; margin:0; clear:left;}
  .colLeftof2   {float:left;  width:480px; margin:0 12px 0 0; clear:left;}
  .colMidof2    {float:left;  width:480px; margin:0 12px; clear:left;}
  .colRightof2  {float:right; width:480px; margin:0 0 0 12px; }
  .colLeftof3   {float:left;  width:312px; margin:0 12px 0 0; clear:left;}
  .colMidof3    {float:left;  width:312px; margin:0 12px; }
  .colRightof3  {float:right; width:312px; margin:0 0 0 12px; }
  .colLeft2of3  {float:left;  width:648px; margin:0 12px 0 0; clear:left;}
  .colRight2of3 {float:right; width:648px; margin:0 0 0 12px; }
  .colLeftof4   {float:left;  width:228px; margin:0 12px 0 0; clear:left;}
  .colMidof4    {float:left;  width:228px; margin:0 12px; }
  .colRightof4  {float:right; width:228px; margin:0 0 0 12px; }
  .colLeft3of4  {float:left;  width:732px; margin:0 12px 0 0; clear:left;}
  .colRight3of4 {float:right; width:732px; margin:0 0 0 12px; }
  .clear        {clear:both;}

  /* items... */
  .itemFulWidth {}
  .pp_itemFold {cursor:pointer;}
  .pp_Fold     {overflow:hidden;}
  #col_HomeBullets .pp_Fold {margin-left:34px;}
  .pp_itemTick {overflow:hidden; position:relative; background-color:#efe3dd;}
  .pp_Tick     {white-space:nowrap; color:#c03; padding:3px 0;}

  /* grey panels... */
  .itemPanel {border-radius:12px; font-size:1.1em; padding:1px 12px 12px 12px;}
  .itemGrey  {background-color:#e6e6e7;}
  .itemCyan  {background-color:#99e7ff;}
  .colFullWidth .itemPanel {width:960px;}
  .colLeftof2 .itemPanel, .colRightof2 .itemPanel {width:456px;}
  .itemPanel h1, .itemPanel h2 {margin-top:9px;}

  /* text styles... */
  h1 {font-size:2.0em; font-weight:bold; margin:24px 0 15px 0;}
  h2 {font-size:1.3em; font-weight:bold; margin:12px 0 3px 0;}
  h3 {font-size:1.2em; font-weight:bold; margin:12px 0 0 0; text-align:left;}
  h4 {font-size:1.1em; font-weight:bold; font-style:italic; margin:10px 0 0 0;}
  .normal {font:small arial, tahoma, sans-serif;  color:#666; font-weight:normal; font-style:normal;}
  p  {margin:6px 0 0 0;}
  a  {color:#666;}
  a:hover   {color:#aa33ff;}
  h1 a, h2 a, h3 a, h4 a {text-decoration:none; color:#444546;}
  span.free {display:inline-block; font-weight:bold; color:#ffe800;
              background-color:#339966; border-radius:6px 6px 6px 6px; padding:3px 6px;}
  ul, ol {margin:3px 0 0 24px; padding:0;}
  ul li {list-style:disc outside none; margin:6px 0 0 3px; padding:0 0 0 6px;}
  ol li {list-style:decimal outside none; margin:6px 0 0 6px; padding:0 0 0 3px;}
  strong {font-weight:bold;}
  em     {font-style:italic;}
  table  {padding:2px 0 0 0;}
  table p {margin-top:0;}
  td     {padding:4px 6px; vertical-align:top; text-align:left; }

  /* banner: logo & login button... */
  #banner   {text-align:left; height:110px;}
  #logo     {position:absolute; top:24px; right:30px;}
  #title    {position:absolute; top:30px; right:175px;}
  /* coloured buttons... */
  a.btnGreen {display:inline-block; margin:0; padding:9px 22px; font-size:18px; color:#444546; text-decoration:none;
              border:solid 1px #4ca022; border-radius:12px; background:#61ba34 url(bkgnd_btngreen.png) left 10% repeat-x;}
  .btnGreen:hover {background-position:left 75%; color:#fff;}
  a.btnPink  {display:inline-block; margin:0; padding:9px 22px; font-size:18px; color:#efeff0; text-decoration:none;
              border:solid 1px #9e0f3f; border-radius:12px; background:#cd2b61 url(bkgnd_btnpink.png) left 10% repeat-x;}
  .btnPink:hover  {background-position:left 75%; color:#fff;}
  a.btnCyan  {display:inline-block; margin:0; padding:9px 22px; font-size:18px; color:#444546; text-decoration:none;
              border:solid 1px #0075a0; border-radius:12px; background:#0075a0 url(bkgnd_btncyan.png) left 10% repeat-x;}
  .btnCyan:hover  {background-position:left 75%; color:#fff;}
  /* smaller coloured buttons (can also be used for input class='btn...')... */
  a.btnGreenSml, .btnGreenSml {display:inline-block; margin:0; padding:6px 6px; font-size:12px; color:#444546; text-decoration:none;
              border:solid 1px #4ca022; border-radius:9px; background:#61ba34 url(bkgnd_btngreen.png) left 10% repeat-x;}
  .btnGreenSml:hover {background-position:left 75%; color:#fff;}
  a.btnPinkSml, .btnPinkSml  {display:inline-block; margin:0; padding:6px 6px; font-size:12px; color:#efeff0; text-decoration:none;
                  border:solid 1px #9e0f3f; border-radius:9px; background:#cd2b61 url(bkgnd_btnpink.png) left 10% repeat-x;}
  .btnPinkSml:hover  {background-position:left 75%; color:#fff;}
  a.btnCyanSml, .btnCyanSml  {display:inline-block; margin:0; padding:6px 6px; font-size:12px; color:#444546; text-decoration:none;
              border:solid 1px #0075a0; border-radius:9px; background:#0075a0 url(bkgnd_btncyan.png) left 10% repeat-x;}
  .btnCyanSml:hover  {background-position:left 75%; color:#fff;}

  /* navigation menu... */
  ul#nav   {float:left; clear:left; width:100%; margin:0; padding:0; border-radius:12px 12px 0 0;
              font-size:18px; color:#444546; background:#01c3ff url(bkgnd_btncyan.png) left top repeat-x;}
  #nav li  {float:left; margin:0; padding:0 1px 0 0; list-style:none;
              background:#007da5 url(bkgnd_btncyan.png) left 25% repeat-x;}
  #nav li:first-child {border-radius:12px 0 0 0;}
  #nav a   {display:block; margin:0; padding:12px 24px; color:#444546;
              text-decoration:none; background:#01c3ff url(bkgnd_btncyan.png) left top repeat-x;}
  #nav li:first-child a {border-radius:12px 0 0 0;}
  #nav a:hover {background-position:left 75%; color:#fff;}
  #nav li.pp_navThisPage a {color:#fff;}
  /* drop menus... */
  .pp_navdrop, .pp_navdeep
        {position:absolute; display:none; margin:1px 0 0 0; padding:0;
          font-size:16px; background-color:#3ac1ec}
  .pp_navdeep {margin:6px 0 0 1px;}
  .pp_navdrop li, .pp_navdeep li
        {list-style:none; padding:0; margin:0;
          background:url(bkgnd_navdrop.png) left top repeat; border-top:solid 1px #0981ab;}
  .pp_navdrop a, .pp_navdeep a  {display:block; margin:0; padding:9px 24px 12px 24px; text-decoration:none; color:#444546;}
  .pp_navdrop .pp_navThisPage a, .pp_navdeep .pp_navThisPage a {color:#fff;}
  .pp_navdrop a:hover, .pp_navdeep a:hover  {color:#fff; background:url(bkgnd_btncyan.png) left 75% repeat-x;}

  #pp_pagefoot {float:right;}
  #pp_sitefoot {float:left;}
  #pp_pagedate {float:right; color:#f02; text-align:right; font-size:0.9em;}

  /* slideshow galleries... */
  .pp_itemGallery p {margin:0;}
  #pp_gallerycontrols {margin:2px;}
  #pp_gallerycontrols img {border:none;cursor:pointer;}
  #pp_gallerycontrols a:hover {background-color:transparent;}
  #pp_galleryslide {position:relative; overflow:hidden; /*float:left; clear:left;*/}
  /* uncomment the float/clear rules above if using gallery pics smaller than column width */
  #pp_gallerythumbs {float:left; clear:left; display:inline; width:100%; margin:0; padding:0;}
  #pp_gallerythumbs a {background-color:transparent;}
  #pp_gallerythumbs a img {float:left; display:inline; cursor:pointer;
            background-color:#66686a; padding:1px; border:solid 1px #fff; margin:0 1px 1px 0;}
  #pp_gallerythumbs a:hover img {background-color:#000; border-color:#000;}

  /* sitemap... */
  table.pp_sitemap    {margin:0; padding:0;}
  table.pp_sitemap td {vertical-align:top; text-align:left; margin:0; padding:0;}
  table.pp_sitemap a, table.pp_sitemap span  {padding:1px; color:#66686a; background-color:#fff; text-decoration:none;}
  table.pp_sitemap a:hover {color:#28deff; background-color:#333435;}
  table.pp_sitemap td.top    {padding:0.1em 5px 0.5em 15px; background:url(sitemap_top.gif) left top no-repeat;}
  table.pp_sitemap td.topend {padding:0.1em 5px 0.5em 15px; background:url(sitemap_topend.gif) left top no-repeat;}
  table.pp_sitemap td.mid    {padding:0.1em 5px 0.5em 15px; background:url(sitemap_mid.gif) left top no-repeat;}
  table.pp_sitemap td.midend {padding:0.1em 5px 0.5em 15px; background:url(sitemap_midend.gif) left top no-repeat;}
  table.pp_sitemap td.onl    {padding:0.1em 5px 0.5em 15px; background:url(sitemap_onl.gif) left top no-repeat;}
  table.pp_sitemap td.onlend {padding:0.1em 5px 0.5em 15px; background:url(sitemap_onlend.gif) left top no-repeat;}
  table.pp_sitemap td.btm    {padding:0.1em 5px 0.5em 15px; background:url(sitemap_btm.gif) left top no-repeat;}
  table.pp_sitemap td.btmend {padding:0.1em 5px 0.5em 15px; background:url(sitemap_btmend.gif) left top no-repeat;}

  /* features table... */
  table.tblFtrs      {margin:9px 0 0 0; padding:0; border:solid 1px #ccc; border-radius:12px;}
  .tblFtrs td        {border-left:solid 1px #fff;}
  .tblFtrs td:first-child {border-left:none;}
  .tblFtrs tr:nth-child(2n+1) td {background-color:#eee;}
  .tblFtrs tr:first-child td {color:#fff; background-color:#0075a0; padding-top:9px; padding-bottom:6px;}
  .tblFtrs tr:first-child td:first-child {border-radius:12px 0 0 0;}
  .tblFtrs tr:first-child td:last-child  {border-radius:0 12px 0 0;}
  .tblFtrs tr:last-child  td:first-child {border-radius:0 0 0 12px;}
  .tblFtrs tr:last-child  td:last-child  {border-radius:0 0 12px 0;}
  .tblFtrs a.btnPink  {font-size:12px; padding:6px 6px; border-radius:9px;}

  /* contact page stuff... */
  table.tblContact {padding:6px 0 0 0;}
  table.tblContact td {padding:9px 6px; vertical-align:top;}
  table.tblContact td:first-child {width:70px; text-align:right;}
  table.tblContact th {text-align:right; padding:2px 3px; vertical-align:top;}
  table.tblContact th:first-child {font-weight:bold;}
  /* contact form... */
  form input[type="text"], form input[type="password"], form textarea, form select
              {font:14px "courier new", fixed; padding:6px 6px; background-color:#f7f8f9;
               border:solid 1px #999a9b; border-radius:9px;}
  form input[type="text"], form input[type="password"], form textarea {width:280px;}
  form textarea {resize:none;}
  form input[type="text"].short, form input[type="password"].short {width:160px;}
  form input[type="text"].veryshort {width:120px;}
  form #submit {margin:0 0 9px 10.45em;}
  form label {float:left; width:8em; text-align:right; padding:6px 0.5em 0 0; margin:0;}
  form label.lblReq {font-weight:bold;}
  form label.lblErr {font-weight:bold; color:#c00;}
  form .example {font-style:italic; font-weight:normal; color:#999;}

  /* odds n ends... */
  #pp_foot a       {color:#666; text-decoration:none;}
  #pp_foot a:hover {color:#000;}

  /* unpublished message... */
  p.pp_unpublished  {text-align:center; font-size:12pt; font-weight:bold; padding-top:96px;}

  /* cookie law stuff... */
  #pp_cookielaw      {width:100%; display:none; /*position:fixed; visibility:hidden; bottom:12px;*/
                      background-color:#111; color:#ddd; font-size:0.85em; text-align:center; padding:9px 0;}
  #pp_cookielaw div  {width:984px; margin:0 auto; text-align:left;}
  #pp_cookielaw p    {margin:0; padding:3px 9px;}
  #pp_cookielaw a    {color:#ddd;}
  #pp_cookielaw a:hover {color:#fff;}
  #pp_cookielaw a#pp_cookieagree  {display:inline-block; margin:0 0 0 18px; padding:2px 9px 4px 9px; color:#000; text-decoration:none;
                     background-color:#ccc; border:solid 1px #eee; border-bottom-color:#999; border-right-color:#999;
                     border-radius:4px;}
  #pp_cookielaw a#pp_cookieagree:hover {color:#fff; background-color:#092; border-color:#3b6; border-bottom-color:#061; border-right-color:#061;}
  
  #byeline
      {float:right; text-align:right; width:49%; margin-top:0;}
  #trademark
      {float:left; text-align:left; width:49%; margin-top:0;}
  #byeline a,
  #trademark a
      {text-decoration:none;}

  /* quick edit bits... */
  div.pp_quickedit  {text-decoration:none; display:block; cursor:crosshair;}
  div.pp_quickedit:hover *  {color:#933; background-image:none; background-color:#fe6;}
  /*.pp_quickedit:hover, .pp_quickedit:hover .pp_itemStd, .pp_quickedit:hover h1, .pp_quickedit:hover h2,
  .pp_quickedit:hover h3, .pp_quickedit:hover .itemPanel
                    {color:#933; background-image:none; background-color:#fe6;}*/