﻿body
{
    width: 480px;
}

.contentPanel .articleTitle
{ 
    height: 3.75em;
    width: 100%;
    overflow: hidden;
    margin-top:12px;
	margin: -8px 0px 0px 27px;
}

/*if the element is a main menu or a sub menu hide the placeholder element to the right*/
.helpMenu .helpContent
{
    display: none;
}

.logo-the-crew {display:none !important;}

nav.contentPanel
{
  /*  padding: 64px 64px 64px 28px;*/
	width: 100%;
	margin: 0px;
	padding: 0px;
	height: 100%;
}

.navLinks {
	padding: 0 0 0 23px;
    margin: 0px 0 0 0;}

article .helpContent {
height: 67%;
background-color: transparent;
padding: 0px 0 10px 0;
margin: 0;
position: absolute;
top: 7em;
left: 5%;
width: 89%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
line-height: 1;
}

.helpContent p {
    font-size:20px;
}


.contentPanel .backLink {
background: transparent url(left_arrow.png) no-repeat 28px 62px;
display: block;
height: 4.1em;
width: 3.1em !important;
margin: 6px 0 0 0px !important;
background-size: 45%;
font-size: 1em;}

.back-to {
font-family: 'thecrew_sans_regularregular',Segoe UI Regular,HelveticaNeue, Droid Sans, Arial, Sans-Serif;
font-size: 20px;
position: relative;
top: 3.3em;
left: 3.8em;
width: 170px;
display:block;
}
/*if in snapped we need to modify the positioning scheme to allow us to insert the contents between existing nav elements*/
article .helpContent {
    height: 65%;
    overflow: hidden;
    background-color: transparent;
    padding: 0 0 0 28px;
    position: absolute;
    left: 0px;
    top: 8em;
	/*width:80%;*/
    column-width: 424px;
}

.helpContent.fs-400 {
width: 80% !important;
padding-bottom: 10px;
}
.logo-tdt {display:none;}
article .contentPanel
{
    height: 100%;
}

article .contentPanel .panelButtons
{
   left: 28px; /* safe region area on the right side: 480 - 28 - 386 ~ 64px */
}

/*in snapped the safe area is on the right so these need to be different than in main.css*/
.helpMenu li a
{
    margin:16px -22px 0 -22px;
    padding:0 56px 0 22px;
}
.add-space {
	height: 10px;
    display:block;
}
.add-space.smi {
    height: 50px;
    display:block;
}
.add-space.smi.o {
    height: 100px;
    display:block;
}