/*
2013-11-25 16:31 / updates for logo etc.
- pale blue = 223,221,237 
  (#dfdded)

- however, shows up slightly darker after chipmunk in logo is converted from .psd to .jpg: 218,224,255 
  (#dae0ff)

  ...on that, reduce brightness from 100% to 80% gets 174,179,204 
  (#aeb3cc)
  
2019-10-04 19:14 / PJW
 - increase font sizes from 10 to 14

2020-05-30 13:18 / PJW
 - try better vertical centering

*/


/* 200530: */
  /* Style sheet credit: https://www.w3.org/Style/Examples/007/center-example */

  /* Vertical centering: make div as large as viewport and use table layout */
  div.container {
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%;
    position: absolute; 
    display: table;
  }

/*  
  p {
      display: table-cell; 
      vertical-align: middle;
      font-family: Verdana;
      font-size: 30pt;
      font-style: italic;
      text-align: center;
      color: gray;

    }
*/

  /* Horizontal centering of image: set left & right margins to 'auto' */

/*
  img.displayed {
    display: block; 
    margin: 1em auto;
  }
*/
 
/*
  body, html {
    height: 100%; 
    margin: 0; 
    padding: 0;
  }
*/

/* anti alias credit: https://devhints.io/css-antialias */

* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* mobile sizing fix credit: https://stackoverflow.com/questions/2545542/font-size-rendering-inconsistencies-on-an-iphone .... doesn't seem to work though */


.mobile-phone .authenticated-page.authenticated.mobile-community.mobile-document .notification .notification-dialog.content-frame {
-webkit-text-size-adjust: 100%;
}



/* 200530. */



.dpcpPlaceholder,
.dpcpPlaceholder TABLE.dpcpPrices,
.dpcpTagline /*131125- added*/
{
  font-family : Verdana, Arial;
  color       : #000000; /*131125- was #ffffff;   */
  font-size   : 16px;    /*200530- was 14pt;      */
}

.dpcpPlaceholder TABLE.dpcpPrices
{
  border-style  : solid;
  border-color  : #aeb3cc; /*131125= was #ffffff; */
  border-width  : 1px;
  spacing : 0px;
/*  border-thickness: 1px;*/
}

.dpcpTagline /*131125- added*/
{
  color : #aeb3cc;
  font-size   : 16px;    /*200530- was 14pt;      */
}

.dpcpPlaceholder TABLE.dpcpPrices TD.price
{
  text-align : right;
}

.dpcpPlaceholder TABLE.dpcpPrices TD.value
{
  text-align : center;
}

.dpcpPlaceholder TABLE.dpcpPrices TR.headerRow TH
{
  border-style  : solid;
  border-color  : #ffffff;
  border-width  : 1px;
  border-left   : 0px;
  border-right  : 0px;
  border-top    : 0px;
/*  border-top        : 0px;
  border-left       : 0px;
  border-right      : 0px; 
  border-top : px; 
*/
}



TD.dpcpContent
{
  padding : 30pt;
}

TD.dpcpHeaderContent
{
  padding-left : 30pt;
}

.dpcpBackground
{
  background-color       : #ffffff; /*131125- was #7B5107;            , brown*/
}

.dpcpOuterBackground    /*131125- added*/
{
  background-color       : #dfdded;
}


.dpcpPlaceholder A:active  ,
.dpcpPlaceholder A:link    ,
.dpcpPlaceholder A:visited 
{
  font-family     : Verdana, Arial;
  color           : #000000;   /*131125- was white*/
  font-size       : 16px;      /*200530- was 14pt;*/
  text-decoration : underline;
}

.dpcpPlaceholder A:hover
{
  font-family     : Verdana, Arial;
  color           : #000000;   /*131125- was white*/
  font-size       : 16px;      /*200530- was 14pt;*/
  text-decoration : underline;
  background-color : #dfdded; /*131125= was #f69101;       , orange*/
}


.dpcpHeader
{
  font-family : Verdana, Arial;
  color       : #aeb3cc; /*131125= was #f69101;       , orange*/
  font-size   : 16px;      /*200530- was 14pt;*/
}


.dpcpHeader A:active  ,
.dpcpHeader A:link    ,
.dpcpHeader A:visited 
{
  font-family     : Verdana, Arial;
  color           : #aeb3cc; /*131125= was #f69101;       , orange*/
  font-size       : 16px;      /*200530- was 14pt;*/
  text-decoration : none;
}

.dpcpHeader A:hover
{
  font-family     : Verdana, Arial;
  color           : #aeb3cc; /*131125= was #f69101;       , orange*/
  font-size       : 16px;      /*200530- was 14pt;*/
  text-decoration : underline;
}

.dpcpDottedUL
{
  text-decoration : none;
  /*underline-style : dotted;*/
  border-bottom  : 1px dotted;
}

.dpcpPeripheral
{
  font-family : Verdana, Arial;
  color       : #aeb3cc; /*131125- was #7B5107;            , brown*/
  font-size   : 16px;      /*200530- was 14pt;*/
}

.dpcpImage
{
  border-color  : #000000;
  border-width  : 0px;    /*131125- was 1px */
}