/*
 Styles for the PM Internal Tutorial Pages
*/

/* App page headings */
 h1 { font: 25px "Tahoma", "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif; color:#003cb3; }
 h2 { font: 20px "Tahoma", "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif; color:#333; }

/* Control over the table that forms each row of N tutorial cells. */
 table.pmtut-tablesrow { empty-cells: hide; width:99%; table-layout: fixed; border-collapse: collapse; border: 1px solid grey; }
 table.pmtut-tablesrow td { empty-cells: hide; width:33%; padding:1px; vertical-align: top; border: 1px solid white;  }
 
@media screen and (max-width: 645px) 
{ 
 /* mobile - make the table colums go block so one after the other and full width. Mobile usually around 450 but tables look horrible under  645 */
 table.pmtut-tablesrow td { empty-cells: hide; width:100%; display:block; padding:0px; vertical-align: top; }
}

/* Control over the table that goes inside each cell to display one tutorial */
 table.pmtut-table {  width:100%; border-collapse: collapse; }
 table.pmtut-table th { background-color:#1c86c6; text-align: left; font: 20px "Tahoma", "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif; color:#eef6f9; vertical-align:top;  padding: 10px ; height:3em; }
 table.pmtut-table td { padding: 0px; }

/* Control over individual elements in the table cell such as the image chip, the description, the links, and the vo/cc icons. */
 .pmtut-cell { background-color:#eef6f9 !important; text-align:left; font: 17px "Tahoma", "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif; }
 
 div.pmtut-img-div { text-align:center; position:relative; top:-15px; z-index:1; height:100px; overflow-y:hidden; }
 div.pmtut-desc-div { position:relative; top:-25px; z-index:2; height:100px; overflow-y:auto; padding: 10px; font: 16px "Tahoma", "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;}
 div.pmtut-links-div { text-align:center; position:relative; top:-50px;  z-index:1; height:2em; }
  
 /* Table of contents */
 /*ul.pmtut-tofc { list-style-type: none; }
 li.pmtut-tofc { font: 20px "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif; color:#333; }*/
 
 ul.pmtut-tofc {display: inline-block; margin: 5px; }
 ul.pmtut-tofc li { float: left; list-style: none outside none; padding: 8px;}
 
 /* back to top link */
 .pmtut-backtop { font: 14px "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif; color:#333; margin-left:10px; margin-top:-20px; margin-bottom:0px; height:1em;}
 
 /* for application and section descriptions */
 .pmtut-app-desc { font: 20px "Tahoma", "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif; color:#333; }
 .pmtut-sec-desc { font: 18px "Tahoma", "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif; color:#222; }

 /* For the blank column */
 table.pmtut-table-blank { empty-cells: hide; width:100%; border-collapse: collapse; }
 table.pmtut-table-blank th { border: 1px solid white;  background-color:#fff; text-align: left; font: 30px "Tahoma", "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif; color:#fff; vertical-align:top;  padding: 5px 0px 0px 5px; height:1em; }
 table.pmtut-table-blank td { border: 1px solid white; padding: -30px; }
 .pmtut-img-cell-b  {  background-color:#fff; text-align:center;height:100px; }
 .pmtut-desc-cell-b {  background-color:#fff; text-align:left; font: 20px "Tahoma", "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif; height:6em; overflow:hidden;}
 .pmtut-link-cell-b {  background-color:#fff; text-align:center; vertical-align:middle; font: 20px "Tahoma", "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif; height:1.5em;}
 .pmtut-icon-cell-b {  background-color:#fff; text-align:center; font: 16px "Tahoma", "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif; height:80px;}