body
{
    width: 480px;
}

.contentPanel .articleTitle
{ 
    height: 3.75em;
    width: 100%;
    overflow: hidden;
    margin-top:12px;
    padding: 20px 0 0;
}

/*if the element is a main menu or a sub menu hide the placeholder element to the right*/
.helpMenu .helpContent
{
    display: none;
}

nav.contentPanel
{
    padding: 64px 64px 64px 28px;
}

/*if in snapped we need to modify the positioning scheme to allow us to insert the contents between existing nav elements*/
article .helpContent
{
    height: 616px;
    overflow: hidden;
    background-color: transparent;
    padding: 0 0 0 28px;
    position: absolute;
    left: 0px;
    top: 10em;
    column-width: 388px;
}

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 ul:not(.breadcrumb) a
{
    margin:16px -16px 0 -16px;
    padding:0 0 0 16px;
}

/* BACKGROUNDS */
#TOC {
    background-image: url(images/backgrounds/Background_main_snap.jpg);
}

#article1000 {
    background-image: url(images/backgrounds/Background_10_snap.jpg);
}

#article1100, #article1200, #article1300, #article1400 {
    background-image: url(images/backgrounds/Background_11_snap.jpg);
}

#article2000, #article2200, #article2300, #article2400, #article2500 {
    background-image: url(images/backgrounds/Background_20_snap.jpg);
}

#article2100, #article2110, #article2210, #article2220, #article2310, #article2320, #article2440, #article2410, #article2420, #article2430, #article2550, #article2510, #article2520, #article2530, #article2540 {
    background-image: url(images/backgrounds/Background_21_snap.jpg);
}

#article3000, #article3100, #article3140, #article3150, #article3200, #article3300, #article3400, #article3500 {
    background-image: url(images/backgrounds/Background_30_snap.jpg);
}

#article3110, #article3120, #article3130, #article3141, #article3142, #article3143, #article3151, #article3152, #article3210, #article3220, #article3230, #article3240, #article3250, #article3310, #article3320, #article3330, #article3340, #article3410, #article3420, #article3510, #article3520, #article3530, #article3531  {
    background-image: url(images/backgrounds/Background_31_snap.jpg);
}

#article4000 {
    background-image: url(images/backgrounds/Background_40_snap.jpg);
}

#article4100, #article4200 {
    background-image: url(images/backgrounds/Background_41_snap.jpg);
}

#article5000 {
    background-image: url(images/backgrounds/Background_50_snap.jpg);
}

#article5100, #article5200 {
    background-image: url(images/backgrounds/Background_51_snap.jpg);
}