@charset "UTF-8";
/*
Custom local styles...
*/

.helpPage{
margin: auto;
}

.helpPage p {
margin: 0 0 .5em 0;
font-weight: normal;
color: black;
}



#backToIndex{
text-align: right;
}
#backToIndex a{
font-weight: normal;
}

#helpIndex{
padding: .5em;
margin: 1em 0;
background-color: #f9f9f9;
border: 1px solid #aaa;
display: table;
}

#helpIndex h3{
text-align: center;
font-size: 1em;
margin: 0;
font-weight: bold;
}

#helpIndex ul {
list-style: none;
padding: 0 0 0 0;
margin: 0;
}
#helpIndex li{

line-height: 1;
padding: .1em 0;
margin: .5em 0;
}
#helpIndex li a {
font-weight: normal;
}
#helpSection a {
font-weight: normal;
color: black;
}

#helpSection a:hover{
text-decoration: none;
}
#helpList {
list-style: none;
padding: 0 0 .5em 2em;
margin: 0 auto;
}
#helpIndex_level2 {
}

ul #helpIndex_level2{
padding: 0 0 0 1.5em;
}

a#anchor {
text-decoration: none;
color: black;
}

#divContainingImage {
margin: 0;
display: table;
}

#imageBox {
padding: .5em;
margin: 0 0 1em 1em;
background-color: #f9f9f9;
border: 1px solid #aaa;
display: table;
float: right;
}
.imageBoxInline {
padding: .5em;
margin: 0 0 1em 1em;
background-color: #f9f9f9;
border: 1px solid #aaa;
display: inline-block;
position: relative;
}

.manipBox{
width: 400px;
height: 83px;
}

#floatRight {
float: right;
}

#manip01 {
	background-size: cover;
	width: 100px;
	position: absolute;
	left: 5px;
	float: left;
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
	background-repeat: no-repeat;
	height: 83px;
	background-image: url(../images/thumbManipulate01.jpg);
}

#manip01:hover {
/* 	background-size: cover; */
	width: 200px;
	height: 200px;
	position: absolute;
	left: 5px;
	z-index: 100;
	background-position: 0% -61px;
	background-repeat: no-repeat;
	background-image: url(../images/symbolManipulation01.jpg);
}

#manip02 {
	background-size: cover;
	width: 100px;
	position: absolute;
	left: 105px;
	float: left;
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
	background-repeat: no-repeat;
	height: 83px;
	background-image: url(../images/thumbManipulate02.jpg);
}

#manip02:hover {
/* 	background-size: cover; */
	width: 200px;
	height: 200px;
	position: absolute;
	left: 105px;
	z-index: 100;
	background-position: 0% -61px;
	background-repeat: no-repeat;
	background-image: url(../images/symbolManipulation02.jpg);
}

#manip03 {
	background-size: cover;
	width: 100px;
	position: absolute;
	left: 205px;
	float: left;
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
	background-repeat: no-repeat;
	height: 83px;
	background-image: url(../images/thumbManipulate03.jpg);
}

#manip03:hover {
/* 	background-size: cover; */
	width: 200px;
	height: 200px;
	position: absolute;
	left: 200px;
	z-index: 100;
	background-position: 0% -61px;
	background-repeat: no-repeat;
	background-image: url(../images/symbolManipulation03.jpg);
}

#manip04 {
	background-size: cover;
	width: 100px;
	position: absolute;
	left: 305px;
	float: left;
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
	background-repeat: no-repeat;
	height: 83px;
	background-image: url(../images/thumbManipulate04.jpg);
}

#manip04:hover {
/* 	background-size: cover; */
	width: 200px;
	height: 200px;
	position: absolute;
	right: 300px;
	z-index: 100;
	background-position: 0% -61px;
	background-repeat: no-repeat;
	background-image: url(../images/symbolManipulation04.jpg);
}

#manipSequence {
	background-size: cover;
	width: 400px;
	position: static;
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
	background-repeat: no-repeat;
	height: 83px;
	background-image: url(../images/thumbManipulateSequence.jpg);
}

#manipSequence:hover {
	background-size: cover;
	width: 440px;
	height: 130px;
	position: relative;
	background-position: 0%  0px;
	background-repeat: no-repeat;
	background-image: url(../images/symbolManipulationSequence.jpg);
}

#eraseSymbol01 {
	background-size: cover;
	width: 200px;
	position: static;
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
	background-repeat: no-repeat;
	height: 166px;
	background-image: url(../images/thumbErase01.jpg);
}

#eraseSymbol01:hover {
	background-size: cover;
	width: 430px;
	height: 300px;
	position: relative;
	background-position: 0% -100px;
	background-repeat: no-repeat;
	background-image: url(../images/symbolErase01.jpg);
}

#eraseSymbol02 {
	background-size: cover;
	width: 200px;
	position: static;
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
	background-repeat: no-repeat;
	height: 166px;
	background-image: url(../images/thumbErase02.jpg);
}

#eraseSymbol02:hover {
	background-size: cover;
	width: 430px;
	height: 300px;
	position: relative;
	background-position: 0% -50px;
	background-repeat: no-repeat;
	background-image: url(../images/symbolErase02.jpg);
}

#moveSymbol {
	background-size: cover;
	width: 400px;
	position: static;
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
	background-repeat: no-repeat;
	height: 83px;
	background-image: url(../images/thumbMoveSequence.jpg);
}

#moveSymbol:hover {
	background-size: cover;
	width: 440px;
	height: 130px;
	position: relative;
	background-position: 0%  0px;
	background-repeat: no-repeat;
	background-image: url(../images/symbolMoveSequence.jpg);
}

#measuresSingleTap{
	background-size: cover;
	width: 200px;
	position: static;
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
	background-repeat: no-repeat;
	height: 166px;
	background-image: url(../images/thumbMeasuresSingleTap.jpg);
}
#measuresSingleTap:hover{
	background-size: cover;
	width: 450px;
	height: 350px;
	position: relative;
	background-position: 0% -100px;
	background-repeat: no-repeat;
	background-image: url(../images/measuresSingleTap.jpg);
}

#measuresDoubleTap{
	background-size: cover;
	width: 200px;
	position: static;
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
	background-repeat: no-repeat;
	height: 166px;
	background-image: url(../images/thumbMeasuresDoubleTap.jpg);
}

#measuresDoubleTap:hover{
	background-size: cover;
	width: 450px;
	height: 350px;
	position: relative;
	background-position: 0% -100px;
	background-repeat: no-repeat;
	background-image: url(../images/measuresDoubleTap.jpg);
}

#floorPlanDoubleTap {
	background-size: cover;
	width: 200px;
	position: static;
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
	background-repeat: no-repeat;
	height: 166px;
	background-image: url(../images/thumbFloorplanDoubleTap.jpg);
}

#floorPlanDoubleTap:hover {
	background-size: cover;
	width: 450px;
	height: 350px;
	position: relative;
	background-position: 0%  -250px;
	background-repeat: no-repeat;
	background-image: url(../images/floorPlanDoubleTap.jpg);
}

#floorPlanSingleTap{
	background-size: cover;
	width: 200px;
	position: static;
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
	background-repeat: no-repeat;
	height: 166px;
	background-image: url(../images/thumbFloorplanSingleTap.jpg);
}

#floorPlanSingleTap:hover{
	background-size: cover;
	width: 450px;
	height: 350px;
	position: relative;
	background-position: 0% -250px;
	background-repeat: no-repeat;
	background-image: url(../images/floorPlanSingleTap.jpg);
}

#save01{
	background-size: cover;
	width: 100px;
	position: absolute;
	left: 5px;
	float: left;
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
	background-repeat: no-repeat;
	height: 83px;
	background-image: url(../images/thumbSave01.jpg);
}

#save01:hover{
/* 	background-size: cover; */
	width: 200px;
	height: 200px;
	position: absolute;
	left: 5px;
	z-index: 100;
	background-position: 0%  -30px;
	background-repeat: no-repeat;
	background-image: url(../images/save01.jpg);
}

#save02{
	background-size: cover;
	width: 100px;
	position: absolute;
	left: 105px;
	float: left;
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
	background-repeat: no-repeat;
	height: 83px;
	background-image: url(../images/thumbSave02.jpg);
}

#save02:hover{
/* 	background-size: cover; */
	width: 200px;
	height: 200px;
	position: absolute;
	left: 105px;
	z-index: 100;
	background-position: 0% -61px;
	background-repeat: no-repeat;
	background-image: url(../images/save02.jpg);
}

#save03{
	background-size: cover;
	width: 100px;
	position: absolute;
	left: 205px;
	float: left;
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
	background-repeat: no-repeat;
	height: 83px;
	background-image: url(../images/thumbSave03.jpg);
}

#save03:hover{
/* 	background-size: cover; */
	width: 200px;
	height: 200px;
	position: absolute;
	left: 200px;
	z-index: 100;
	background-position: 0% -30px;
	background-repeat: no-repeat;
	background-image: url(../images/save03.jpg);
}

#save04{
	background-size: cover;
	width: 100px;
	position: absolute;
	left: 305px;
	float: left;
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
	background-repeat: no-repeat;
	height: 83px;
	background-image: url(../images/thumbSave04.jpg);
}

#save04:hover{
/* 	background-size: cover; */
	width: 200px;
	height: 200px;
	position: absolute;
	right: 300px;
	z-index: 100;
	background-position: 0% -30px;
	background-repeat: no-repeat;	background-image: url(../images/save04.jpg);
}

#saveSequence {
	background-size: cover;
	width: 400px;
	position: static;
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
	background-repeat: no-repeat;
	height: 83px;
	background-image: url(../images/thumbSaveSequence.jpg);
}

#saveSequence:hover {
	background-size: cover;
	width: 440px;
	height: 130px;
	position: relative;
	background-position: 0%  0px;
	background-repeat: no-repeat;
	background-image: url(../images/saveSequence.jpg);
}

.highlight {
	background-color: white;
}

#manip01preload {
	background-image: url(../images/symbolManipulation01.jpg);
}

#manip02preload {
	background-image: url(../images/symbolManipulation02.jpg);
}

#manip03preload {
	background-image: url(../images/symbolManipulation03.jpg);
}

#manip04preload {
	background-image: url(../images/symbolManipulation04.jpg);
}

#manipSequencepreload {
	background-image: url(../images/symbolManipulationSequence.jpg);
}

#eraseSymbol01preload {
	background-image: url(../images/symbolErase01.jpg);
}

#eraseSymbol02preload {
	background-image: url(../images/symbolErase02.jpg);
}

#moveSymbolpreload {
	background-image: url(../images/symbolMoveSequence.jpg);
}

#measuresSingleTappreload{
	background-image: url(../images/measuresSingleTap.jpg);
}

#measuresDoubleTappreload{
	background-image: url(../images/measuresDoubleTap.jpg);
}

#floorPlanDoubleTappreload {
	background-image: url(../images/floorPlanDoubleTap.jpg);
}

#floorPlanSingleTappreload{
	background-image: url(../images/floorPlanSingleTap.jpg);
}

#save01preload{
	background-image: url(../images/save01.jpg);
}

#save02preload{
	background-image: url(../images/save02.jpg);
}

#save03preload{
	background-image: url(../images/save03.jpg);
}

#save04preload{
	background-image: url(../images/save04.jpg);
}

#saveSequencepreload {
	background-image: url(../images/saveSequence.jpg);
}