body
{
  /*these are the standard fallbacks that are design approved for the majority of the supported devices.*/
	font-family:"futura-book", HelveticaNeue, Droid Sans, Arial, Sans-Serif;
}

html, html a {
	-webkit-font-smoothing: antialiased;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
}

.helpContent {

}

.contentTitle {
	font-weight:bold;
	margin-bottom:15px;
}

.contentPanel {
	color:#000;
}

.helpMenu li a {
	color:#000;
}

.helpMenu li a:hover {
	color:#111;
}

article a.articleTitle, article a.articleTitle:visited 
{
    color:#000;
	font-size:10px;
}

.articleTopic {
}

.pageButton, .pageButton:hover:not(:focus), .pageButton:focus, .pageButton:hover:focus  {
	background-color:#444;
}

.buttonA,
.buttonB,
.buttonY,
.buttonX,
.buttonDpadDown,
.buttonDpadUp,
.buttonDpadLeft,
.buttonDpadRight,
.buttonDpadUpDown,
.buttonDpadLeftRight,
.buttonAnalogueStickLeft,
.buttonAnalogueStickRight,
.buttonAnalogueStickNA,
.buttonLeftButton,
.buttonRightButton,
.buttonStart,
.buttonBack,
.buttonLeftTrigger,
.buttonRightTrigger { width:32px; height:32px; display:block; float:left; margin-right:5px; }

.buttonA{ background:url(buttons.png) -96px -32px no-repeat }
.buttonB{ background:url(buttons.png) -64px -32px no-repeat }
.buttonY{ background:url(buttons.png) -32px -32px no-repeat }
.buttonX{ background:url(buttons.png) 0 -32px no-repeat }

.buttonBack{ background:url(buttons.png) 0 0 no-repeat}
.buttonStart{ background:url(buttons.png) -32px 0 no-repeat }
.buttonLeftTrigger{ background:url(buttons.png) -96px 0 no-repeat}
.buttonRightTrigger{ background:url(buttons.png) -64px 0 no-repeat }
.buttonLeftButton{ background:url(buttons.png) -128px 0 no-repeat}
.buttonAnalogueStickLeft{ background:url(buttons.png) 0 -64px no-repeat}
.buttonAnalogueStickRight{ background:url(buttons.png) -32px -64px no-repeat}
.buttonDpadUp{ background:url(buttons.png) -96px -96px no-repeat}
.buttonDpadLeft{ background:url(buttons.png) 0 -96px no-repeat}
.buttonDpadDown{ background:url(buttons.png) -32px -96px no-repeat }
.buttonDpadRight{ background:url(buttons.png) -64px -96px no-repeat }
.buttonRightButton{ background:url(buttons.png) -160px 0 no-repeat }

.helpContent p {
    font-size:15px;
    line-height:32px;
    margin-bottom:7px;
    padding:0;
    text-align:left;
}

#controller-layout .contentPanel {
    height:680px !important;
}

#controller-layout .helpContent {
    height:680px;
}

.inline {
    padding:0;
    margin:0;
    display:inline-block;
    float:none;
}

.helpContent strong {
	font-family: "Futura-Heavy",HelveticaNeue, Droid Sans, Arial, Sans-Serif;
	text-transform: uppercase;
	letter-spacing:1.5px;
}

.difficulty-level {
	font-size:17px;
	margin:5px 0;
}

.yes, .no {
	width:15px;
	height:15px;
	display:inline-block;
}
.yes {	background:url(tick.png) no-repeat 0 0 transparent }
.no {	background:url(cross.png) no-repeat 0 0 transparent }

.list li {
    margin-bottom:10px;
}