﻿body
{
   /*gradient for smartglass UI*/
    height:100% !important;
    background:url(full_bg.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.full_bg.jpg', sizingMethod='stretch');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='full_bg.jpg', sizingMethod='stretch')";
}

/*for smaller android tablets the line height prevents showing all 6 items*/
@media (max-height:595px)
{
  body
    {
        font-size:44%;
    }

  .helpMenu li a
    {
        height:2.5em;
        line-height: 2.5em;
    }
}

.contentPanel {
	position:absolute;
	top:10px;
	left:10px;
	padding:0;
}

.helpContent {
	width:620px;
	height:auto;
    top:100px;
    left:110px;
    overflow:hidden;
    position:absolute;
    z-index:99;
    padding:0;
    column-width: 420px;
    font-size:18px !important;
}

.helpMenu li {
	height:45px;
	margin-bottom:4px;
}
.helpMenu li a
{
	height:45px;
	line-height:45px;
	font-size:20px;
}

.contentPanel {
	height:inherit;
}

.contentPanel .backLink {
	background: transparent url(left_arrow.png) no-repeat 28px 0;
	display: block;
	height: 3.1em;
	width: 3.1em;
	margin:0;
	background-size: 30%;
	font-size: 1em;
    position:absolute;
    left:-20px;
}

.contentPanel .backLink:hover
{
	background-color: transparent;
}

.contentPanel .backLink:focus
{
	background: transparent url(left_arrow.png) no-repeat 28px 0;
	background-size: 30%;
	outline:0;
}

.articleTopic {
    position:absolute;
    top:20px;
    left:100px;
    font-size:30px !important;
    width:420px;
}

.contentPanel .articleTitle {
	margin:20px 0 0 0;
}

article {
	overflow:visible;
}

.panelButtons {
	display:none;
}

.navLinks {

}

.navLinks li a {
	margin:0;
	padding:0 0 0 10px;
}

.contentPanel, .navLinks, .navLinks li, .navLinks a {
	width:360px;
}

#logo {
    width:200px;
    height:75px;
    background:url(logo.png) no-repeat 0 0 transparent;
    display:block;
    position:absolute;
    top:40px;
    right:40px;
}

.submenu {
    padding-top:50px;
}