/* 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*/

@font-face{
font-family: EndzoneTech;
    src: url(fonts/EndzoneTech-Bold.otf) format('opentype'),
         url(fonts/EndzoneTech-Bold.eot) format('embedded-opentype'); /* IE requires eot*/
}

@font-face{
font-family: EndzoneTechCond;
    src: url(fonts/EndzoneTechCond-Medium.otf) format('opentype'),
         url(fonts/EndzoneTechCond-Medium.eot) format('embedded-opentype'); /* IE requires eot*/
}


body
{
  /*these are the standard fallbacks that are design approved for the majority of the supported devices.*/
  font-family: EndzoneTechCond, Segoe UI Regular, HelveticaNeue, Droid Sans, Arial, Sans-Serif;
  font-weight:normal;
  
  /*add your skin background here if needed */
	background:url("../images/landscapeBg.jpg") no-repeat fixed;
    background-size: cover;
  	color:#ebebeb; /*xboxwhite*/
}

/* Headers and paragraph styles ____________________________________*/

.helpContent p, .helpContent ul, .helpContent dl {
    line-height: 1.5em;
    margin: 0 0 1.5em;
}

.helpContent li {
    margin: 0 0 0 1em;
}

.helpContent dd {
    margin: 0 0 1em 1em;
}

.helpContent img {
    display: block;
    margin: 1em auto;
}

h1, h2, h3, h4, h5, title, header
{
	font-family: EndzoneTech;
	text-transform: uppercase;
    line-height: 1em;
    margin: 0 0 0.5em;
}

b
{
	font-family: EndzoneTech;
}

h5
{
	font-size: 100%;

}

h4
{
	font-size: 120%;

}

h3
{
	font-size: 140%;
}

h2
{
	font-size: 180%;
	border-bottom: 1px solid #fff;
	break-before: column;
	-webkit-column-break-before: always;
}

h1
{
	font-size: 180%;
	border-bottom: 1px solid #fff;
}

a
{
	color:#ebebeb;
	font-family: EndzoneTech;
}

/* unorderd list style __________________________________________________________*/

ul
{
	list-style-type:none;
	padding-left: 20px;
}

/* Table style for complete controls sections____________________________________*/
.table1
{
	/*border-collapse: collapse;*/
	width: 100%;
	margin-top: 5px;
	margin-bottom: 20px;
	break-after: column;
}
	

.table1 tr
{
	min-height: 60px;
	break-inside: avoid-column;
}

.table1 td
{
	padding-top: 10px;
	padding-left:7px;
}

    .table1 th {
        font-family: EndzoneTech;
        font-size: 140%;
        text-transform: uppercase;
        background-color: rgba(255, 255, 255, .7);
		color: #000;
        line-height: 2em;
        margin: 0 0 0.5em;
    }


/* Alternate color settings for table rows ____________________________________*/
.table1 tr:nth-child(even) {
	background-color: rgba(0, 0, 0, .4);
}

.table1 tr:nth-child(odd) {
	background-color: rgba(255, 255, 255, .4);
}

/* Table style for Kinect voice command section _______________________________*/
.T_kinect
{
	/*border-collapse: collapse;*/
	width: 100%;
	margin-top: 5px;
	margin-bottom: 20px;
	break-after: column;
}


.T_kinect th
{
	height: 15px;
	background-color: rgba(255, 255, 255, .7);
	padding-top: 7px;
	color: #000;
	font-size: 115%;
	font-family: EndzoneTech;
	text-transform: uppercase;
}	

.T_kinect tr
{
	min-height: 60px;
	break-inside: avoid-column;
}

.T_kinect td
{
	vertical-align: center;
	padding-top: 10px;
	padding-left:7px;
}

/* Alternate color settings for table rows ____________________________________*/
.T_kinect td:nth-child(even) {
	background-color: rgba(0, 0, 0, .4);
}

.T_kinect td:nth-child(odd) {
	background-color: rgba(255, 255, 255, .4);
}


section {
	background-color: rgba(0, 0, 0, .4);
}

.gameLogo{
	background:url("../images/logo.png") top left no-repeat;
	width:9em;
	height:2em;
	background-size:75%;
	overflow:hidden;
	text-indent:-1000%;
}

/*this would for example override the white background and text color on active links*/
.pageButton:hover, .contentPanel a:hover
{
    /*background-color: #ee4036;
    color:#222;*/
}

/*and this would modify the focus outline*/
a:focus, a:hover, button:focus, button:hover
{
   /*outline:thick double #ee4036;*/
}


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

/* MOBILE OVERRIDES */
@media (orientation:portrait) and (max-height: 900px), (orientation:portrait) and (min-height: 1081px), (orientation:portrait) and (max-width: 335px) and (min-height: 901px) and (max-height: 1080px), (orientation:portrait) and (min-width: 481px) and (min-height: 901px) and (max-height: 1080px) {
    #article0002 h2 {
        break-before: auto;
    }
}

/* TABLET OVERRIDES */
@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) {
    #article0002 h2 {
        break-before: auto;
    }
}