/*
 * tablet.css for ACA
 *
 * Standard Colours: 29May17
 * yellow / heading text
 * white / normal text
 * white / box borders
 * #1D3403 dark green / background for all boxes, tables odd rows
 * #003B12 another dark green / background in tables, even rows
 * #FFFAB2 yellowish / postit note background colour
 *
 * EditLog: //PC2014/F/My Documents/Webs/ACA/log.xls
 * 16Jun17: iframe.video {}
 * 29May17: Removed all background-color specs - all now taken from phone.css
 * 29May17: body / background-image: url("../backpix/IMG_4669.jpg");
 * 09Mar16: Added styling for header p.phoneno
 * 28Feb15: Revised positioning to accomodate #memberLogin & nav
 * 02Jan15: Revised absolute positioning for id=content
 * 06Dec14: Added styling for header p.motto
 * 08Aug14: Styling cascades phone > tablet
 */

.notphone { display: inline;}
.nottablet { display: none;}
#memberLogin      {
      position: relative;
      /* top: 100px; */
      display: inline-block;
      vertical-align: top;
      width: auto;
      height: auto;
      overflow: hidden;
      border: 1px solid white;
      border-radius: 15px;
      padding: 5px 10px 5px 10px;
      margin: 5px;
      margin-top:10px;
}

nav   {
      position: relative;
      top: 80px;
      padding: 5px;
      width: 95%; /* 09Jun2021 */
      font-size: 1.1em;
      border: 1px solid white;
      border-radius: 10px;
      overflow: hidden;
}

p, td, th, li {font-size: 1.0em;}

article, aside, figure, header, hgroup, nav, section {
      display: block;
}

body  {
      /* background-image: url("../backpix/IMG_4669.jpg"); /* 29May17 */
      background-attachment: fixed; /* 29May17 */
      background-size: cover; /* 29May17 */
}

/*
 * @since 2023-11-26: [body] styling now handled by ACA.php/pageStyling(), depending on user t:tree_webpages.access value.
 */
@media all and (orientation:landscape)    {
      XbodyX { background-image: url("../backpix/tabletLandscape.jpg?v=21Sep2022"); /* 26May18 */ }
      body#print { background-image: none; /* 09Jan19 */ }
      }
@media all and (orientation:portrait)    {
      XbodyX { background-image: url("../backpix/tabletPortrait.jpg?v=21Sep2022"); /* 26May18 */ }
      body#print { background-image: none; /* 09Jan19 */ }
      } 

header     {
      width: 1000px;
      height: 130px;
      background-image: url("../images/headerGraphicTablet.gif");
}

header p.breadcrumb {
      position: absolute;
      top: 80px;
}

header p.abn  {
      position: absolute;
      top: 82px;
}

header p.motto    {
      position: absolute;
      top: 45px;
      left: 400px;
      font-size: 14pt;
}

header p.phoneno    {
      position: absolute;
      top: 30px;
      left: 400px;
      font-size: 14pt;
}

div#content {
      position: relative; /* 21Jan2021: was absolute */
      top: 120px; /*21Jan2021: adjusted */
}

article.box   {
      display: inline-block;
      vertical-align: top;
      width: 300px;
      height: auto;
      overflow: hidden;
      border: 1px solid white;
      border-radius: 15px;
      padding: 5px 10px 5px 10px;
      margin: 5px;
      margin-top:10px;
}

article.box90   { width: 95%; }

a, article a { text-decoration: underline; color: yellow;}
article a:visited { color: gray; }
article a:hover { background: #252525; }
article a:active { background: #252525; }

footer {
      background-color: hsl(240, 100%, 20%); /* 30May2021: hue=240 (blue) saturation lightness */
      position:fixed;
      bottom: 2px;
      right: 25px;
      margin: 0 35px 0 35px;
      padding: 0 10px 0 10px;
      font-size: 0.9em; /* 22Jan2021: reviewed */
      text-align: center;
      border: 1px solid white;
      border-radius: 15px;
}

table.table90 th,  table.table90 td  {
      border-right: 1px solid white;
}

iframe.video {
      width: 700px;
      height: 393px; 
}

/* ------------------------------------------------- */

/* menu bar links on green background 
A.menu_wh:link { text-decoration: none; color: #FFFFFF; }
A.menu_wh:visited { text-decoration: none; color: #FFFFFF; }
A.menu_wh:hover { text-decoration: none; color: #00C800; background: none; }
A.menu_wh:active { text-decoration: none; color: #FFFFFF; } */

/* breadcrumb links */
A.breadc:link { text-decoration: none; color: #006300; }
A.breadc:visited { text-decoration: none; color: #006300; }
A.breadc:hover { text-decoration: none; color: #00C800; background: none; }
A.breadc:active { text-decoration: none; color: #006300; }

/* menu link for current page */
A.current:link { color: #FFFFFF; text-decoration: none; }
A.current:visited { color: #FFFFFF; text-decoration: none; }
A.current:hover { color: #FFFFFF; text-decoration: none; background: none; }
A.current:active { color: #FFFFFF; text-decoration: none; }

/* Sydney Convention link style */
A.natcon1:link { text-decoration: underline; color: #000066; }
A.natcon1:visited { text-decoration: underline; color: #000066; }
A.natcon1:hover { text-decoration: none; color: #009bbb; background: #000066; }
A.natcon1:active { text-decoration: underline; color: #000066; }
A.natcon2:link { text-decoration: underline; color: #000066; }
A.natcon2:visited { text-decoration: underline; color: #000066; }
A.natcon2:hover { text-decoration: none; color: #fb4f14; background: #000066; }
A.natcon2:active { text-decoration: underline; color: #000066; }
A.natcon3:link { text-decoration: underline; color: #000066; }
A.natcon3:visited { text-decoration: underline; color: #000066; }
A.natcon3:hover { text-decoration: none; color: #69be28; background: #000066; }
A.natcon3:active { text-decoration: underline; color: #000066; }
A.natcon4:link { text-decoration: underline; color: #000066; }
A.natcon4:visited { text-decoration: underline; color: #000066; }
A.natcon4:hover { text-decoration: none; color: #c30045; background: #000066; }
A.natcon4:active { text-decoration: underline; color: #000066; }
A.natcon5:link { text-decoration: underline; color: #000066; }
A.natcon5:visited { text-decoration: underline; color: #000066; }
A.natcon5:hover { text-decoration: none; color: #ffb612; background: #000066; }
A.natcon5:active { text-decoration: underline; color: #000066; }
A.natcon6:link { text-decoration: underline; color: #000066; }
A.natcon6:visited { text-decoration: underline; color: #000066; }
A.natcon6:hover { text-decoration: none; color: #7577c0; background: #000066; }
A.natcon6:active { text-decoration: underline; color: #000066; }

/* Melbourne Convention link style */
A.melcon:link {	text-decoration: underline; color: #FF0000; }
A.melcon:visited { text-decoration: underline; color: #FF0000; }
A.melcon:hover { text-decoration: none; color: #FFBF00; background: #FF0000; }
A.melcon:active { text-decoration: underline; color: #FF0000; }

/* Adelaide Convention link style */
A.adelcon:link {	text-decoration: underline; color: #ED1C24; }
A.adelcon:visited { text-decoration: underline; color: #ED1C24; }
A.adelcon:hover { text-decoration: none; color: #ED1C24; background: #007C91; }
A.adelcon:active { text-decoration: underline; color: #ED1C24; }

/* image links */
A.img:link { border: none; }
A.img:visited { border: none; }
A.img:hover { border: 2px none #FFFFFF;  }
A.img:active { border: none; }

/* table styles */
td.pad { padding-top:4px; padding-bottom:4px; }