/*
    Style sheet for Photodesk site redesign

*/

body {
  background-color: rgb(20%,20%,20%);
  color: white;
  font-size: 11pt;
  font-family: sans-serif;
 }
a:link {color: rgb(60%,85%,100%);text-decoration: none;}
a:visited {color: rgb(40%,75%,50%);text-decoration: none;}
a:hover {text-decoration: underline;}

acronym {
  cursor: help;
  border-top: 1px dotted #f44;
  border-bottom: 1px dotted #f44;
  }

div.aside {
  float: right;
  width: 30%;
  padding: 0 8px 2px 8px;
  margin-left: 8px;
  border: 4px outset rgb(50%,50%,50%);
  background-color: rgb(100%,100%,90%);
  font-size: 90%;
  }

div.aside h3 {
  background-color: rgb(30%,30%,30%);
  font-size: 120%;
  font-weight: bold;
  color: rgb(0%,90%,00%);
  margin: 0 -8px 0 -8px;
  border-width: 0;
  padding-left: 8px;
  }

h1 {
  color: #ff4040;
  font: 18pt bold sans-serif;
  margin: 8px -40px;
  border-left: 4px solid rgb(20%,20%,20%);
  padding: 6px 36px;
  }

h2 {
  color: rgb(100%,30%,10%);
  font-size: 140%;
  font-weight: bold;
  border-bottom: 1px solid rgb(40%,40%,40%); 
  }

div.footer {
  border-top: 1px solid rgb(75%,75%,75%);
  }

table.faqs {
  border: 1px solid #d0d0d0;
  margin: 16px 10%;
  }

td.q {
  background-color: rgb(30%,30%,30%);
  color: rgb(100%,100%,100%);
  font-size: 110%;
  padding: 4px 4px;
  border-top-width: 8px;
  }


/* ======== Resources: programs =================== */

div.program {
  margin: 16px 60px;
  padding: 8px 12px;
  font-size: 100%;
  border: 1px solid rgb(75%,75%,75%);
  }
/*
div.program h2 {
  color: rgb(100%,30%,10%);
  font-size: 140%;
  font-weight: bold;
  margin: 0;
  border-bottom: 1px solid rgb(40%,40%,40%); 
  }
*/

/* ======== Tutorial styles ====================== */

/* == Tutorial/links index page == */
h1.tutindex {
  margin: 0 0;
  padding: 6px 36px;
  background: url(furniture/ni_tutorials.png) no-repeat left center;
  background-color: rgb(20%,20%,20%);
  }
h1.linksindex {
  margin: 0 0;
  padding: 6px 36px;
  color: rgb(100%,40%,100%);
  background: url(furniture/ni_links.png) no-repeat left center;
  background-color: rgb(20%,20%,20%);
  }
h1.resourcesindex {
  margin: 0 0;
  padding: 6px 36px;
  color: rgb(100%,60%,0);
  background: url(furniture/ni_resources.png) no-repeat left center;
  background-color: rgb(20%,20%,20%);
  }
h1.tilesindex {
  margin: 0 0;
  padding: 6px 36px;
  color: rgb(50%,100%,50%);
  background: url(furniture/ni_tiles.png) no-repeat left center;
  background-color: rgb(20%,20%,20%);
  }
h1.siteindex {
  margin: 0 0;
  padding: 6px 36px;
  color: rgb(0,100%,100%);
  background: url(furniture/ni_site.png) no-repeat left center;
  background-color: rgb(20%,20%,20%);
  }
h1.galleriesindex {
  margin: 0 0;
  padding: 6px 36px;
  color: rgb(30%,30%,100%);
  background: url(furniture/ni_galleries.png) no-repeat left center;
  background-color: rgb(20%,20%,20%);
  }
h1.faqindex {
  margin: 0 0;
  padding: 6px 36px;
  color: rgb(20%,80%,30%);
  background: url(furniture/ni_faq.png) no-repeat left center;
  background-color: rgb(20%,20%,20%);
  }

table.tuts {
  border: 1px solid #d0d0d0;
  margin: 16px 10%;
  }
table.tuts a {
  font-weight: bold;
  }
tr.tutodd {
  background-color: rgb(20%,20%,20%);
  }
table.tuts td {
  border-bottom: 2px dotted rgb(40%,40%,40%);
  vertical-align: top;
  }
table.tuts td.tuthdr {
  background: url(furniture/rgrad.png) no-repeat 50% 50%;
  border-bottom: 0px dotted rgb(40%,40%,40%);
  }
table.tuts h3 {
  margin: 0 0;
  padding: 8px 0;
  }

/* == Individual tutorials == */
div.tutorial {
  margin: 16px 32px;
  padding: 8px 48px;
  color: black;
  background-color: white;
  font-size: 100%;
  border: 4px outset white;
  }
div.tutpic {
  padding-top: 8px;
  }
div.tutorial a:link {color: blue;}
div.tutorial a:visited {color: #ff80f0;}
div.tutorial a:hover {text-decoration: underline;}
p.caption {
  font-style: italic;
  font-size: 80%;
  margin: 2px 5% 8px 5%;
  padding: 2px;
  background-color: #e0e0e0;
  text-align: center;
  }
div.tutorial h1 {
  background: url(furniture/ni_tutorials.png) no-repeat left center;
  background-color: rgb(20%,20%,20%);
  }
div.tutorial h2 {
  color: rgb(100%,30%,10%);
  font-size: 140%;
  font-weight: bold;
  border-bottom: 1px solid rgb(40%,40%,40%); 
  }
div.tutorial ul {
  border-left: 1px dashed black;
  }
div.tutorial td {
  color: black;
  }
/* "Just the facts" section */
div.jtf {
  background-color: #030303;
  margin: 12px 20%;
  }
div.jtf td {
  color: white;
  }
/* Tutorial info section */
div.tutinfo {
  margin: 12px 0;
  color: black;
  }
div.tutinfo table {
  background-color: #ffffe0;
  border: 1px solid black;
  font-size: 80%;
  }
div.tutinfo th {     /* Tutorial info header cell */
  text-align: right;
  color: red;
  font-weight: bold;
  }
/* Tutorial emphasis styles */
div.tutorial em {
  font-style: normal;
  color: #b00000;
  }
/* Toolbar icon inline styles, in toolbar order */
em.t-info  {background: url(cicons/t-info.png) no-repeat left center; padding-left: 12px; }
em.t-cl    {background: url(cicons/t-cl.png) no-repeat left center; padding-left: 28px; }
em.t-grad  {background: url(cicons/t-grad.png) no-repeat left center; padding-left: 20px; }
em.t-col   {background: url(cicons/t-col.png) no-repeat left center; padding-left: 18px; }
em.t-mask  {background: url(cicons/t-mask.png) no-repeat left center; padding-left: 22px; }
em.t-ip    {background: url(cicons/t-ip.png) no-repeat left center; padding-left: 28px; }
em.t-fx    {background: url(cicons/t-fx.png) no-repeat left center; padding-left: 19px; }
em.t-style {background: url(cicons/t-style.png) no-repeat left center; padding-left: 28px; }
em.t-air   {background: url(cicons/t-air.png) no-repeat left center; padding-left: 28px; }
em.t-brush {background: url(cicons/t-brush.png) no-repeat left center; padding-left: 28px; }
em.t-draw  {background: url(cicons/t-draw.png) no-repeat left center; padding-left: 22px; }
em.t-wand  {background: url(cicons/t-wand.png) no-repeat left center; padding-left: 26px; }
em.t-sc    {background: url(cicons/t-sc.png) no-repeat left center; padding-left: 22px; }
em.t-syr   {background: url(cicons/t-syr.png) no-repeat left center; padding-left: 24px; }
em.t-zoom  {background: url(cicons/t-zoom.png) no-repeat left center; padding-left: 26px; }
/* Montage mode */
em.t-clip  {}
em.t-tick  {background: url(cicons/t-tick.png) no-repeat left center; padding-left: 18px; }
em.t-cross {background: url(cicons/t-cross.png) no-repeat left center; padding-left: 14px; }
em.t-copy  {background: url(cicons/t-copy.png) no-repeat left center; padding-left: 22px; }
em.t-distort {background: url(cicons/t-distort.png) no-repeat left center; padding-left: 16px; }
em.t-crop  {background: url(cicons/t-crop.png) no-repeat left center; padding-left: 22px; }
em.t-ptr   {}
em.t-lasso {}
em.t-ill   {}
em.t-move  {background: url(cicons/t-move.png) no-repeat left center; padding-left: 22px; }

em.keypress {
  color: #000000;
  border: 2px outset gray;
  background-color: #f0f0d0;
  padding: 0 4px;
  font-size: 80%;
  }
em.label {
  border: 1px solid rgb(60%,60%,60%);
  background-color: #e0e0e0;
  padding: 0 4px;
  font-size: 80%;
  color: black;
  }
em.button {
  border: 2px solid rgb(50%,50%,50%);
  background-color: rgb(100%,100%,60%);
  padding: 0 4px;
  font-size: 80%;
  }
em.radioon {background: url(cicons/radioon.png) no-repeat left center; padding-left: 22px; }
em.radiooff {background: url(cicons/radiooff.png) no-repeat left center; padding-left: 22px; }
em.slider {background: url(cicons/slider.png) no-repeat left center; padding-left: 28px; } 
em.details {
  background: url(cicons/details.png) no-repeat left center;
  padding-left: 20px;
  }
em.auto {
  background: url(cicons/auto.png) no-repeat left center;
  padding-left: 20px;
  }
em.preview {
  background: url(cicons/preview.png) no-repeat left center;
  padding-left: 20px;
  }
em.menu {
  background: url(cicons/menu.png) no-repeat left center;
  padding-left: 20px;
  }
em.clone {background: url(cicons/clone.png) no-repeat left center; padding-left: 22px; }


/* ***** TILES section ***** */

div.tiles {
  margin: 16px 32px;
  padding: 0;
  color: white;
  background-color: rgb(20%,20%,20%);
  font-size: 100%;
  border: 4px outset rgb(20%,70%,20%);
  }

/*
div.tiles a:link {color: blue;}
div.tiles a:visited {color: #ff80f0;}
div.tiles a:hover {text-decoration: underline;}
*/

div.tiles h1 {
  color: rgb(50%,100%,50%);
  background: url(furniture/ni_tiles.png) no-repeat left center;
  background-color: rgb(20%,20%,20%);
  margin: 8px 0px;
  }

table.tile_display {
/* The containing table for a tile display.
   Contains two elements: the category list on the left,
   and the tile display on the right.
*/
  width: 100%;
}

td.tile_display_categories {
/* The containing cell for the category list. */
  color: black;
  background-color: #ddd;
  padding: 4px;
  border: 4px outset black;
  vertical-align: top;
}

td.tile_display_categories a:link {color: blue;}
td.tile_display_categories a:visited {color: #ff80f0;}
td.tile_display_categories a:hover {text-decoration: underline;}


td.tile_display_tiles {
/* The containing cell for the tiles display. */
#  background-color: #ddd;
#  padding: 4px;
#  border: 4px outset black;
  vertical-align: top;
}

td.tile_display_categories p {
/* Category links. */
  margin: 4px;
  font-size: 11pt;
  background-color: #ddd;
}

table.tile_thumbnails {
/* Thumbnail images table
/*  width: 90%; */
  background-color: #333;
  margin: 0 0;
  padding: 0;
}

table.tile_thumbnails td {
  padding: 12px 8px 12px 8px;
  text-align: center;
/*  border: 4px outset white; */
/*  background-color: black; */
}

table.tile_thumbnails td img {
  border: 4px outset white;
}

table.tile_thumbnails td p {
/* Tile thumbnail caption */
  font-style: italic;
  color: white;
  background-color: #000000;
  padding: 4px 0;
  margin: 0 0 8px 0;
}
/* <table width="100%" bgcolor="#909090" cellpadding=8 cellspacing="1" border="0" */


div.tile_index_intro {
  text-align: left;
/*  width: 50%; */
  background-color: white;
  padding: 8px;
  border: 4px outset #008000;
  margin: 8px 15% 0 15%;
  }

table.main_category_index {
  width: 50%;
  background-color: white;
  color: black;
  border: 4px outset #008000;
  margin: 8px 25% 0 25%;
  }

table.main_category_index td {
  background-color: transparent;
  border-style: none;
  padding: 2px 8px;
  font-size: 10pt;
  }

tr.evenrow {
  background-color: #e0ffe0;
  }

tr.oddrow {
  background-color: #c0ffc0;
  }