/* This file is intended to contain rules that will allow "skinning" of your manual by changeing the colors, fonts and background images. You should not place any rules here
that modify positioning or size or other layout properties*/

body
{
  /*these are the standard fallbacks that are design approved for the majority of the supported devices.*/
  font-family:Segoe UI Regular,HelveticaNeue, Droid Sans, Arial, Sans-Serif;
  
  /*add your skin background here if needed
   background:#000 url(background.png) fixed no-repeat 0 20%;  
  */  

  color:#ebebeb; /*xboxwhite*/
  background-color: black;
}

.contentPanel {
  background: black;
}

.articleTopic {
  color: #45c0c1;
}

article li {
  list-style-type: none;
	padding-bottom: 7px;
}

article h2 {
	padding-bottom: 10px;
}

article h3 {
	padding: 10px;
	text-align: center;
}

article a.articleTitle, article a.articleTitle:visited 
{
    color:#6b6b6b;
}

@media (orientation:landscape) and (max-height: 900px),
(orientation:landscape) and (min-height: 1081px),
(orientation:landscape) and (max-width: 1430px) and (min-height: 901px) and (max-height: 1080px),
(orientation:landscape) and (min-width: 1930px) and (min-height: 901px) and (max-height: 1080px)
{
   /*This would add a background image to the content panel in tablets only. Note: you need an additional selector to give this rule 
   enough weight to override the existing in tablet.css*/ 
    #splashscreen {
      background-image: url('./splash_screen.png');
      background-size: auto 100%;
      background-repeat: no-repeat;
      background-position: center left;
      height: 100%;
      width: 100%;
      margin-left: 370px;
    }
}

table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    background: transparent;
}

table {
  font-weight: bold;
  font-size: 0.8em;
  color: black;
  margin: auto;
  width: 100%;
  vertical-align: middle;
}

table td {
  vertical-align: middle;
}

table tr.light {
  background: rgba(69, 192, 193, 0.7);
}

table tr.dark {
  background: rgba(26, 147, 148, 0.7);
}

table td.actionName {
  width: 70%;
  padding-top: 10px;
  padding-bottom: 10px;
}

table td.actionName p {
  width: 90%;
  margin: auto;
}

table td.actionButton {
  width: 30%;
  margin: auto;
}

table td.actionButton p {
  width: 100%;
  text-align: center;
}


header.articleTitle div {
  background-image: url('logo.png');
  background-size: auto 100%;
  background-repeat: no-repeat;
}