body
{
   font-size:50%;
   /*gradient for smartglass UI*/
   background-color: #101010; /* Safari and Chrome*/
   background-color: #101010;/*Firefox*/
   background-color: #101010;/*IE*/
}

article .contentPanel
{ padding-top: 13%;
padding-left: 48px;
padding-right: 0px;
padding-bottom: 0px;
    position: relative;
   
    height: 80%;
    width:300px;
 
}

article:not(.helpMenu) .contentPanel 
{
    background:url("sg_logo_20.png") no-repeat transparent 56px 110px;
}

article .contentPanel .panelButtons
{
   display: none;
}

.pageCounter
{
    display: block;
    position: fixed;
    right: 2em;
    bottom: .5em;
    left: auto;
}

article .helpContent
{
    position: relative;
    height: 70%;
    top: 20%;
    padding: 2% 144px 2% 64px; /* right padding set to be higher than column-gap to allow "peek" (part of next column showing up next to full column). */
    background-color: transparent;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

article .contentPanel .backLink
{
    position: fixed;
    top: 1em;
    left: 1em;
    margin-top: -50px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
   
}
article .contentPanel .backLink:hover
{
    position: fixed;
    top: 1em;
    left: 1em;
    margin-top: -50px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
    
}
article .contentPanel .backLink:focus
{
    position: fixed;
    top: 1em;
    left: 1em;
    margin-top: -50px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
    
}
.articles article:not(.helpMenu) .articleTitle 
{
    top: 3.8em;
    left: 1.5em;
    height: 2em;
}
#TOC .articleTitle 
{
    left:1.75em;
}
article .contentPanel .articleTitle
{
    position: fixed;
    top: 1.85em;
    left: 4em;
    height: 1.4em;
	width: 11em;
    display: block;
   
       overflow: hidden;
	  
}
.helpMenu .contentPanel .articleTitle
{
 background-color: #0000ff;
 text-align: center
}

.helpMenu li a
{
    width: 100%;
    display: block; 
    padding-bottom:.25em;
}

article .contentPanel hr
{
    display: none;
}

/*note: due to strange css bug in some browsers resetting the focus outline back to it's original must be set after you hide the rules
if you put it before the hr's will be visible again even though hidden*/
a:focus, a:hover, button:focus, button:hover
{
  outline:inherit;
}